(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93206,14995],{607985:function(e,r){"use strict";var s=/^[-!#$%&'*+\/0-9=?A-Z^_a-z{|}~](\.?[-!#$%&'*+\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;r.validate=function(e){if(!e||e.length>254||!s.test(e))return!1;var r=e.split("@");return!(r[0].length>64||r[1].split(".").some(function(e){return e.length>63}))}},314995:function(e,r,s){"use strict";s.r(r),s.d(r,{Check:function(){return o}});var t=s(552322);let o=(0,s(164448).defineIcon)({className:"check",viewBox:"0 0 14 14",svg:(0,t.jsx)("path",{fill:"none",d:"M12 3L5.33333 11L2 8.14286",stroke:"currentColor",strokeWidth:"2"})})},981184:function(e,r,s){"use strict";s.d(r,{Vq:function(){return _},a7:function(){return y},cN:function(){return N},fK:function(){return C},es:function(){return w}});var t=s(552322),o=s(72779),a=s.n(o),n=s(202784),i=s(70123),l=s(334801),c=s(530202),u=s(313829),d=s(97135),m=s(414322);let f=(0,n.forwardRef)(function(e,r){let{open:s,defaultOpen:o=!1,className:i,children:f,onClose:p,preventClose:h,..._}=e,g=(0,n.useRef)(null),b=(0,l.q)(r,g),[x,y]=(0,u.O)(s,o);(0,d.P)(x,g.current),(0,n.useEffect)(()=>{let e=g.current;if(e){if(!x){e.close();return}e.showModal()}},[x]),(0,n.useEffect)(()=>{let e=g.current,r=(0,c.P)(e);if(!r||!e||!x)return;let s=s=>{!h&&s.target.contains(r.documentElement)&&e.close()};return r.addEventListener("click",s),()=>{r.removeEventListener("click",s)}},[x,h]);let N=(0,n.useCallback)(e=>{if(h){e.preventDefault();return}y(!1),null==p||p(e)},[h,y,p]),v=(0,n.useCallback)(e=>{h&&e.preventDefault()},[h]);return(0,t.jsx)("dialog",{..._,className:a()(m.dialog,i),onClose:N,onCancel:v,ref:b,children:f})});var p=s(341135);let h=(0,n.createContext)(void 0);h.displayName="DialogContext";let _=(0,n.forwardRef)(function(e,r){let{classes:s={},className:o,children:c,...u}=e,d=(0,n.useRef)(null),m=(0,l.q)(r,d),_=(0,i.z)(p,s),[g,b]=(0,n.useState)("none");return(0,t.jsx)(f,{...u,className:a()(_.root,o,{[_.scrollPositionTop]:"top"===g,[_.scrollPositionMiddle]:"middle"===g,[_.scrollPositionBottom]:"bottom"===g}),ref:m,children:(0,t.jsx)("div",{className:_.content,children:(0,t.jsx)(h.Provider,{value:{setScrollPosition:b},children:c})})})});var g=s(572811),b=s(197858);let x=[0,1],y=(0,n.forwardRef)(function(e,r){let{className:s,children:o,...i}=e,c=(0,n.useRef)(null),u=(0,l.q)(c,r),[d,m]=(0,n.useState)(null),[f,_]=(0,n.useState)(null),{setScrollPosition:y}=function(){let e=(0,n.useContext)(h);if(!e)throw Error("Dialog compound components cannot be rendered outside the Dialog component");return e}();return!function(e,r,s,t){let o=(0,g.r)({root:e,threshold:x}),a=(0,n.useRef)(!0),i=(0,n.useRef)(!0),l=(0,n.useCallback)(e=>{let o=e.filter(e=>{let{target:s}=e;return s===r}).map(e=>{let{isIntersecting:r}=e;return r}).pop()??a.current,n=e.filter(e=>{let{target:r}=e;return r===s}).map(e=>{let{isIntersecting:r}=e;return r}).pop()??i.current;if(a.current=o,i.current=n,o&&n){t("none");return}if(o){t("top");return}if(n){t("bottom");return}t("middle")},[r,s,t]);(0,b.S)(r,l,o),(0,b.S)(s,l,o)}(c.current,d,f,y),(0,t.jsxs)("div",{...i,className:a()(p.body,s),ref:u,children:[(0,t.jsx)("div",{"aria-hidden":!0,className:p.scrollTopMarker,ref:m}),o,(0,t.jsx)("div",{"aria-hidden":!0,className:p.scrollBottomMarker,ref:_})]})}),N=(0,n.forwardRef)(function(e,r){let{className:s,children:o,...n}=e;return(0,t.jsx)("footer",{...n,className:a()(p.footer,s),ref:r,children:o})});var v=s(183428),j=s(944046),k=s(603131);let C=(0,n.forwardRef)(function(e,r){let{className:s,children:o,preventClose:i,...l}=e,c=(0,v.YB)(),u=(0,n.useCallback)(e=>{var r;null===(r=e.currentTarget.closest("dialog"))||void 0===r||r.close()},[]);return(0,t.jsxs)("header",{...l,className:a()(p.header,{[p.empty]:!o},s),ref:r,children:[(0,t.jsx)("div",{className:p.headerContent,children:o}),i?null:(0,t.jsx)("span",{className:p.closeButton,children:(0,t.jsx)(j.h,{edge:"target background",onClick:u,title:c.formatMessage({id:"dialog.header.closeButton.title",description:"Accessible tooltip for the close button in a dialog",defaultMessage:"Close dialog"}),children:(0,t.jsx)(k.x,{})})})]})}),w=(0,n.forwardRef)(function(e,r){let{className:s,children:o,...n}=e;return(0,t.jsx)("div",{...n,className:a()(p.toolbar,s),ref:r,children:o})})},45475:function(e,r,s){"use strict";s.d(r,{z:function(){return _}});var t=s(552322),o=s(202784),a=s(72779),n=s.n(a),i=s(314995),l=s(70123),c=s(891890);let u=(0,o.forwardRef)(function(e,r){let{type:s="checkbox",className:a,hidden:u,classes:d={},...m}=e,f=(0,l.z)(c,d);return(0,t.jsxs)("div",{hidden:u,className:f.root,children:[(0,o.createElement)("input",{...m,key:"input",type:s,className:n()(f.input,a),hidden:u,ref:r}),(0,t.jsx)("span",{"aria-hidden":!0,className:f.checkbox,children:(0,t.jsx)("span",{className:f.icon,children:(0,t.jsx)(i.Check,{style:{width:10,height:"auto"}})})})]})});var d=s(47656),m=s(880202),f=s(641544),p=s(469301),h=s(993493);let _=(0,o.forwardRef)(function(e,r){let{label:s,required:a,error:i,className:c,classes:_={},hidden:g,...b}=e,x=(0,p.Z)(b.id),y=(0,p.Z)(),N=(0,l.z)(h,_);return(0,t.jsxs)("div",{hidden:g,className:N.root,children:[(0,t.jsxs)("div",{className:h.labelContainer,children:[(0,o.createElement)(u,{...b,key:"input",id:x,required:a,className:n()(c,N.input),classes:{...N,root:N.checkboxRoot},hidden:g,"aria-invalid":!!i||b["aria-invalid"],"aria-describedby":(0,f.r)(b["aria-describedby"],y),ref:r}),(0,t.jsx)(m.K,{htmlFor:x,required:a,className:N.label,classes:{requiredOptionalAddon:N.requiredOptionalAddon,required:N.required},children:s})]}),(0,t.jsx)(d.H,{id:y,className:N.error,children:i})]})})},836962:function(e,r,s){"use strict";s.d(r,{z:function(){return t.z}});var t=s(45475)},246651:function(e,r,s){"use strict";s.d(r,{y:function(){return f}});var t=s(552322),o=s(202784),a=s(72779),n=s.n(a),i=s(47656),l=s(880202),c=s(246569),u=s(641544),d=s(469301),m=s(610565);let f=(0,o.forwardRef)(function(e,r){let{label:s,required:a,error:f,className:p,classes:h={},..._}=e,g=(0,d.Z)(_.id),b=(0,d.Z)(),x=(0,o.useMemo)(()=>({requiredOptionalAddon:h.requiredOptionalAddon}),[h.requiredOptionalAddon]);return(0,t.jsxs)("div",{className:h.root,children:[(0,t.jsx)(l.K,{htmlFor:g,required:a,className:h.label,classes:x,children:s}),(0,o.createElement)(c.I,{..._,key:"input",id:g,required:a,className:n()(p,h.input,m.formInput),"aria-invalid":!!f||_["aria-invalid"],"aria-describedby":(0,u.r)(b,_["aria-describedby"]),ref:r}),(0,t.jsx)(i.H,{id:b,className:h.error,children:f})]})})},47656:function(e,r,s){"use strict";s.d(r,{H:function(){return l}});var t=s(552322),o=s(72779),a=s.n(o),n=s(202784),i=s(758060);let l=(0,n.forwardRef)(function(e,r){let{role:s="alert",className:o,children:n,...l}=e;return(0,t.jsx)("div",{...l,role:s,className:a()(i.error,o),ref:r,children:n})})},880202:function(e,r,s){"use strict";s.d(r,{K:function(){return u}});var t=s(552322),o=s(72779),a=s.n(o),n=s(202784),i=s(183428),l=s(70123),c=s(636697);let u=(0,n.forwardRef)(function(e,r){let{required:s,children:o,className:n,classes:u={},...d}=e,m=(0,l.z)(c,u);return(0,t.jsxs)("label",{...d,className:a()(m.label,{[m.required]:s},n),ref:r,children:[o,(0,t.jsx)("span",{"aria-hidden":s,className:m.requiredOptionalAddon,children:(0,t.jsx)(i._H,{id:"formItemLabel.optionalOrRequired",description:"Text that accompanies all form fields which tells users whether the field is required or optional",values:{required:s?"required":"optional"},defaultMessage:(0,i.Ys)("required",{optional:"(optional)",other:"*"})})})]})})},650650:function(e,r,s){"use strict";s.d(r,{p:function(){return c}});var t=s(552322),o=s(72779),a=s.n(o),n=s(202784),i=s(240926),l=s(929649);function c(e){let{children:r,className:s}=e,o=n.Children.toArray(r).length;return(0,t.jsx)("div",{className:a()(l.formRow,s),style:{[(0,i.Ay)("--form-row-columns")]:o},children:r})}},640067:function(e,r,s){"use strict";s.d(r,{i:function(){return m}});var t=s(552322),o=s(72779),a=s.n(o),n=s(202784),i=s(47656),l=s(880202),c=s(105930),u=s(641544),d=s(469301);let m=(0,n.forwardRef)(function(e,r){let{label:s,required:o,error:n,className:m,classes:f={},...p}=e,h=(0,d.Z)(p.id),_=(0,d.Z)();return(0,t.jsxs)("div",{className:f.root,children:[(0,t.jsx)(l.K,{htmlFor:h,required:o,className:f.label,children:s}),(0,t.jsx)(c.P,{...p,id:h,required:o,className:a()(m,f.select),"aria-invalid":!!n,"aria-describedby":(0,u.r)(p["aria-describedby"],_),ref:r}),(0,t.jsx)(i.H,{id:_,className:f.error,children:n})]})})},608624:function(e,r,s){"use strict";s.d(r,{B:function(){return d}});var t=s(552322),o=s(202784),a=s(47656),n=s(880202),i=s(692981);let l=(0,o.forwardRef)(function(e,r){let{id:s,name:o,value:a,defaultValue:n,placeholder:l,onChange:c,onBlur:u,required:d,maxlength:m,rows:f=3,"aria-invalid":p,"aria-describedby":h}=e;return(0,t.jsx)("textarea",{id:s,name:o,className:i.textarea,placeholder:l,onChange:c,required:d,rows:f,value:a,defaultValue:n,onBlur:u,maxLength:m,"aria-invalid":p,"aria-describedby":h,ref:r})});var c=s(641544),u=s(469301);let d=(0,o.forwardRef)(function(e,r){let{label:s,required:o,error:i,...d}=e,m=(0,u.Z)(d.id),f=(0,u.Z)();return(0,t.jsxs)("div",{children:[(0,t.jsx)(n.K,{htmlFor:m,required:o,children:s}),(0,t.jsx)(l,{...d,id:m,required:o,"aria-invalid":!!i,"aria-describedby":(0,c.r)(d["aria-describedby"],f),ref:r}),(0,t.jsx)(a.H,{id:f,children:i})]})})},437666:function(e,r,s){"use strict";s.d(r,{r:function(){return n}});var t=s(552322),o=s(202784),a=s(595609);function n(e){let{children:r}=e,[s,n]=(0,o.useState)(!0);return(0,a.L)(()=>{n(!1)},[]),s?null:(0,t.jsx)(t.Fragment,{children:r})}},821392:function(e,r,s){"use strict";s.d(r,{O:function(){return J}});var t=s(552322),o=s(72779),a=s.n(o),n=s(205632),i=s(202784),l=s(180794),c=s(30297),u=s(336589),d=s(5734),m=s(772769),f=s(183428),p=s(469355),h=s(450982),_=s(491414),g=s(152706),b=s(746886),x=s(836962),y=s(246651),N=s(650650),v=s(640067),j=s(608624),k=s(787923),C=s(437666),w=s(875362),F=s(871725),M=s(966573),R=s(762375),q=s(647615),S=s(23207),L=s(267523),E=s(83860),z=s(983764),T=s(961268),D=s(773699),B=s(240926),P=s(981184),A=s(440150),H=s(680437),I=s(344716),O=s(334801);let Z=(0,i.forwardRef)(function(e,r){let{width:s=1080,height:o=675,className:n,onClose:l,...c}=e;return(0,i.useEffect)(()=>{function e(e){(0,B.Rw)(e.data)||"close"!==e.data.action||null==l||l()}return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[l]),(0,t.jsx)("iframe",{...c,className:a()(D.bookingFrame,n),width:s,height:o,ref:r})}),Y={success:H.CheckmarkIcon,error:I.WarningIcon,form:e=>null},G=(0,i.forwardRef)(function(e,r){let{role:s="alertdialog",className:o,step:n,supportEmailHref:l,schedulingUrl:c,...u}=e,d=(0,f.YB)(),p=(0,i.useRef)(null),h=(0,O.q)(r,p),{to:_,body:b}=(0,i.useMemo)(()=>(0,S.RG)(l),[l]),x=(0,i.useCallback)(()=>{b&&navigator.clipboard.writeText(b)},[b]),y=(0,i.useCallback)(()=>{let e=p.current;null==e||e.close()},[]),N=Y[n],v=(0,B.lm)(c);return(0,t.jsxs)(P.Vq,{...u,open:u.open||"form"!==n,role:s,className:a()(D.stateDialog,{[D.success]:"success"===n,[D.error]:"error"===n,[D.withBooking]:v},o),"aria-label":d.formatMessage({id:"salesForm.serverError.label",defaultMessage:"We couldn’t submit your information",description:"Label for an error alert on the contact sales form"}),ref:h,children:[(0,t.jsx)(P.fK,{className:a()(D.stateDialogHeader),children:(0,t.jsx)(N,{width:28,className:D.stateIcon})}),"success"===n&&c?(0,t.jsx)(Z,{src:c,onClose:y}):null,(0,t.jsxs)(P.a7,{className:D.stateDialogBody,children:[(0,t.jsx)(A.X,{level:2,variant:"sans-400-bold",children:(0,t.jsx)(f._H,{id:"salesForm.step.title",description:"Title for a status message on the contact sales form",values:{step:n},defaultMessage:(0,f.Ys)("step",{error:"Submission failed",other:"Successfully submitted"})})}),"success"===n?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(w.Z,{as:"p",className:D.dialogDescription,children:(0,t.jsx)(f._H,{id:"salesForm.success.nextSteps",description:"Thank you and next steps message for a successful submission on the contact sales form",defaultMessage:"Thanks for reaching out! We’ll be in touch soon. In the meantime, here are some resources to learn more about Notion:",values:{supportEmail:_,supportEmailLink:e=>(0,t.jsx)(k.u,{href:l,className:D.stateDialogErrorLink,eventData:{name:"sales_support_email"},children:e})}})}),(0,t.jsxs)("ul",{role:"list",className:D.dialogNextStepLinks,children:[(0,t.jsx)("li",{children:(0,t.jsx)(k.u,{href:m._j.customers,eventData:{name:"sales_customer_stories"},children:(0,t.jsx)(f._H,{id:"salesForm.success.nextSteps.customerStories",description:"Link to customer stories",defaultMessage:"Customer stories"})})}),(0,t.jsx)("li",{children:(0,t.jsx)(k.u,{href:m._j.templates,eventData:{name:"sales_marketplace"},children:(0,t.jsx)(f._H,{id:"salesForm.success.nextSteps.templateGallery",description:"Link to template gallery",defaultMessage:"Marketplace"})})}),(0,t.jsx)("li",{children:(0,t.jsx)(k.u,{href:m._j.guides,eventData:{name:"sales_guides_and_tutorials"},children:(0,t.jsx)(f._H,{id:"salesForm.success.nextSteps.guidesAndTutorials",description:"Link to guides",defaultMessage:"Guides and tutorials"})})})]})]}):null,"error"===n?(0,t.jsx)(w.Z,{as:"p",className:D.dialogDescription,children:(0,t.jsx)(f._H,{id:"salesForm.serverError.resolution",description:"Description for an error alert on the contact sales form",defaultMessage:"We weren’t able to submit your information. You can send an email with pre-populated information to {supportEmail} instead.",values:{supportEmail:_,supportEmailLink:e=>(0,t.jsx)(k.u,{href:l,className:D.stateDialogErrorLink,eventData:{name:"sales_support_email_error"},children:e})}})}):null]}),"error"===n?(0,t.jsxs)(P.cN,{className:D.stateDialogFooter,children:[(0,t.jsx)(g.z,{href:l,variant:"tertiary",isFullWidth:!0,children:(0,t.jsx)(f._H,{id:"salesForm.serverError.sendEmail",description:"Button to send an email to sales with pre-populated customer information in the event that an unknown error occurs on the backend",defaultMessage:"Send email"})}),(0,t.jsx)(g.z,{hidden:!b,onClick:x,variant:"simple",children:(0,t.jsx)(f._H,{id:"salesForm.serverError.copyPrepopulatedInfo",description:"Button to copy a template body of an email to sales with info pre-populated from their form submission which failed",defaultMessage:"Copy pre-populated information"})})]}):null]})}),W=["firstName","lastName","email","jobTitle","phoneNumber","companyName","companySize","country","demoReason","message","marketingCommsConsent"],V=Object.fromEntries(W.map(e=>[e,e])),$=["business","enterprise"],K={root:D.root,label:D.label,input:D.input,error:D.error},U={root:D.root,label:D.label,select:D.select,error:D.error};function J(e){let{className:r,countryCodeFromIp:s}=e,o=(0,f.YB)(),B=(0,T.b)(),{urlAnalytics:P}=(0,L.O)(),A=(0,E.F)(),[H,I]=(0,i.useState)(null),[O,Z]=(0,i.useState)("form"),[Y,J]=(0,i.useState)(null),[X,Q]=(0,i.useState)(s),ee=(0,i.useMemo)(()=>{let e=s??X;return e?(0,l.Aw)(e):null},[s,X]),er=(0,i.useMemo)(()=>(0,l.$i)(o,{locale:B}).filter(e=>{let{countryCode:r}=e;return!(0,d.MP)(r)}),[o,B]),es=(0,i.useMemo)(()=>(0,q.qw)(s),[s]),et=(0,i.useMemo)(()=>!!s&&"APAC"===(0,l.X2)(s),[s]),eo=(0,n.useRouter)(),ea=(0,i.useMemo)(()=>{let{referrer:e}=eo.query;return $.includes(e)},[eo]),en=(0,i.useMemo)(()=>{if(!ea)return;let{referrer:e}=eo.query;switch(e){case"business":return o.formatMessage({id:"salesForm.businessTrial",defaultMessage:"Request a business trial",description:"Message field value for the contact sales form"});case"enterprise":return o.formatMessage({id:"salesForm.enterpriseTrial",defaultMessage:"Request an enterprise trial",description:"Message field value for the contact sales form"})}},[o,eo,ea]),ei={firstName:(0,z.R)(H,V.firstName),lastName:(0,z.R)(H,V.lastName),email:(0,z.R)(H,V.email),jobTitle:(0,z.R)(H,V.jobTitle),phoneNumber:(0,z.R)(H,V.phoneNumber),companyName:(0,z.R)(H,V.companyName),companySize:(0,z.R)(H,V.companySize),country:(0,z.R)(H,V.country),demoReason:(0,z.R)(H,V.demoReason),message:(0,z.R)(H,V.message),marketingCommsConsent:(0,z.R)(H,V.marketingCommsConsent)},{opt:el}=ee??{},ec=(0,i.useMemo)(()=>Object.fromEntries(W.map(e=>{let r=o.formatMessage({id:"salesForm.fieldLabel",description:"Label for a field in the contact sales form",defaultMessage:(0,f.Ys)("fieldName",{firstName:"First name",lastName:"Last name",email:"Work email",jobTitle:"Job title",phoneNumber:"Phone number",companyName:"Company name",companySize:"Company size",country:"Country or region",demoReason:"Reason for contact",message:"Provide more details",marketingCommsConsent:(0,f.Ys)("opt",{out:"No, I do not want to receive marketing communications from Notion.",other:"I agree to Notion sending marketing communications about Notion"}),other:"Other"})},{fieldName:e,opt:el??"in"});return[e,r]})),[o,el]),[eu,ed]=(0,i.useState)((0,S.B$)(u.sJ)),em=(0,t.jsx)("option",{value:"",children:(0,t.jsx)(f._H,{id:"salesForm.dropdownEmptyState",defaultMessage:"Select…",description:"Empty state for dropdowns in the contact sales form"})}),[ef,ep]=(0,c.UK)(async e=>{let{utm_source:r,utm_medium:t,utm_content:a,utm_campaign:n,utm_term:i,gclid:c}=P??{};if(!ee)throw Error("Could not resolve marketing comms consent rules");let d=(0,q.US)(e.marketingCommsConsent,ee.opt),g=function(e,r,s){let t={...r,companySize:(0,q.pH)(parseInt(r.companySize,10)),country:(0,l.pD)(r.country),demoReason:(0,q.on)(r.demoReason),marketingCommsConsent:e.formatMessage({id:"salesForm.serverError.supportEmail.marketingCommsConsent",description:"Label for marketing comms consent value in the support email body for the contact sales form in the event of a server error",defaultMessage:(0,f.Ys)("consent",{on:"Yes",other:"No"})},{consent:r.marketingCommsConsent??"off"})};return{subject:e.formatMessage({id:"salesForm.serverError.supportEmail.subject",description:"Subject line for an email to Notion's sales team from the contact sales form in the event of a server error",defaultMessage:"Demo request for {firstName} {lastName} at {companyName}"},{firstName:t.firstName,lastName:t.lastName,companyName:t.companyName}),body:e.formatMessage({id:"salesForm.serverError.supportEmail.body",description:"Body text for an email to Notion's sales team from the contact sales form in the event of a server error",defaultMessage:["firstName","lastName","email","jobTitle","phoneNumber","companyName","companySize","country","demoReason","message","marketingCommsConsent"].map(e=>`{${e}Label}: {${e}}`).join("{newline}")},{newline:"\n",firstName:t.firstName,lastName:t.lastName,email:t.email,jobTitle:t.jobTitle,phoneNumber:t.phoneNumber,companyName:t.companyName,companySize:t.companySize,country:t.country,demoReason:t.demoReason,message:t.message,marketingCommsConsent:t.marketingCommsConsent,firstNameLabel:s.firstName,lastNameLabel:s.lastName,emailLabel:s.email,jobTitleLabel:s.jobTitle,phoneNumberLabel:s.phoneNumber,companyNameLabel:s.companyName,companySizeLabel:s.companySize,countryLabel:s.country,demoReasonLabel:s.demoReason,messageLabel:s.message,marketingCommsConsentLabel:s.marketingCommsConsent})}}(o,e,ec);ed((0,S.B$)(u.sJ,g));let b=parseInt(e.companySize,10),x=(0,q.pH)(b);await (0,F.pt)("submitMarketoForm",{...e,type:"contactSalesMarketing",ipCountry:s,companySize:b,marketingCommsConsent:d,trialRequested:ea,gclid:c,utm_source:(0,q.sG)(r),utm_medium:(0,q.sG)(t),utm_content:(0,q.sG)(a),utm_campaign:(0,q.sG)(n),utm_term:(0,q.sG)(i)}).then(e=>p.x.unwrap(e)).then(e=>{let{schedulingUrl:r}=e;r?(Z("success"),J(r)):eo.push(m._j.contactSalesConfirmation)}).catch(()=>Z("error")).finally(()=>{(0,_.Pv)("contact_sales","contact_sales_page",{company_size:x,country:e.country,email:e.email})}).finally(()=>{h.UV(A,{country:e.country,companyName:e.companyName,companySize:x})})},[o,A,ec,P,ee,ea,s,eo]),eh="pending"===ef.status,e_=(0,i.useCallback)(e=>{if(e.preventDefault(),!e.currentTarget.checkValidity()){(0,M.hB)(e.currentTarget);return}ep((0,q.zi)(e.currentTarget))},[ep]),eg=Object.fromEntries(Object.entries(ei).map(e=>{let[r,s]=e;return[r,(0,q.t2)(s)]})),eb=(0,t.jsx)(y.y,{required:!0,name:V.firstName,error:eg.firstName,label:ec.firstName,classes:K,placeholder:o.formatMessage({id:"salesForm.firstName.placeholder",defaultMessage:"Ada",description:"This is a fake first name used as placeholder text in a form."})}),ex=(0,t.jsx)(y.y,{required:!0,name:V.lastName,error:eg.lastName,label:ec.lastName,classes:K,placeholder:o.formatMessage({id:"salesForm.lastName.placeholder",defaultMessage:"Lovelace",description:"This is a fake surname used as placeholder text in a form."})});return(0,t.jsxs)(b.l,{className:r,onSubmit:e_,ref:I,children:[(0,t.jsx)(G,{step:O,supportEmailHref:eu,schedulingUrl:Y,onClose:()=>eo.push(m._j.contactSalesConfirmation)}),(0,t.jsx)(N.p,{className:D.row,children:(0,R.EK)(B)?[ex,eb]:[eb,ex]}),(0,t.jsxs)(N.p,{className:D.row,children:[(0,t.jsx)(y.y,{type:"email",required:!0,name:V.email,error:eg.email,label:ec.email,classes:K}),(0,t.jsx)(y.y,{required:!0,name:V.jobTitle,error:eg.jobTitle,label:ec.jobTitle,classes:K})]}),(0,t.jsxs)(N.p,{className:D.row,children:[(0,t.jsx)(y.y,{required:!0,name:V.companyName,error:eg.companyName,label:ec.companyName,classes:K,placeholder:o.formatMessage({id:"salesForm.companyName.placeholder",defaultMessage:"Lovelace Inc.",description:"This is a fake company name used as placeholder text in a form field. Any company name relevant to locale will work."})}),(0,t.jsxs)(v.i,{required:!0,name:V.companySize,error:eg.companySize,label:ec.companySize,classes:U,children:[em,u.TM.map((e,r)=>{let s=u.TM[r+1]??e;return(0,t.jsx)("option",{value:e,children:(0,t.jsx)(f._H,{id:"salesForm.companySize",description:"Label for company size option in the contact sales form",values:{min:e,max:s-1},defaultMessage:(0,f.Ys)("min",{2e3:"{min}+ employees",other:"{min}-{max} employees"})})},e)})]})]}),(0,t.jsxs)(N.p,{className:D.row,children:[(0,t.jsxs)(v.i,{required:!0,defaultValue:s,name:V.country,error:eg.country,label:ec.country,classes:U,onChange:e=>Q(e.currentTarget.value||void 0),children:[em,er.map(e=>{let{countryCode:r}=e;return(0,t.jsx)("option",{value:r,children:(0,t.jsx)(C.r,{children:(0,l.qA)(o,r)})},r)})]}),(0,t.jsx)(y.y,{type:"tel",required:es,name:V.phoneNumber,error:eg.phoneNumber,label:ec.phoneNumber,classes:{...K,requiredOptionalAddon:a()({[D.hideOptionalLabel]:!es})},placeholder:o.formatMessage({id:"salesForm.phone.placeholder",description:"This is placeholder text for a phone number field in the contact sales form. Please format to match the standard format of phone numbers in each locale, with the country code included for users not in en-US (e.g. +33 for French users). The form validation is quite permissive so any format should pass validation.",defaultMessage:"(123) 456-7891"})})]}),(0,t.jsx)("div",{className:D.row,children:(0,t.jsxs)(v.i,{required:!0,name:V.demoReason,error:eg.demoReason,label:ec.demoReason,classes:U,children:[em,u.BT.map(e=>(0,t.jsx)("option",{value:e,children:(0,t.jsx)(f._H,{id:"salesForm.demoReasons",description:"Default reasons for customers to request a demo, which are provided in a dropdown",values:{demoReason:e},defaultMessage:(0,f.Ys)("demoReason",{enterprise:"I’d like to discuss an enterprise use case",pricing:"I’d like to explore pricing options",demo:"I’d like to see a demo of the product",studentOrNonProfitPricing:"I am looking for student/non-profit pricing",support:"I am looking for product or billing support",other:"Other (please provide more details below)"})})},e))]})}),(0,t.jsxs)("div",{children:[(0,t.jsx)(j.B,{defaultValue:en,maxlength:1e3,name:V.message,error:eg.message,label:ec.message,required:et,placeholder:o.formatMessage({id:"salesForm.message.placeholder",defaultMessage:"How are you looking to use Notion?",description:"Placeholder for message multi-line text box in the contact sales form"})}),ee?(0,t.jsx)("div",{className:D.marketingCommsConsentContainer,children:(0,t.jsx)(x.z,{defaultChecked:(0,q.lG)(ee),name:V.marketingCommsConsent,error:eg.marketingCommsConsent,label:ec.marketingCommsConsent})}):null,(0,t.jsx)("span",{role:"status",className:D.visuallyHidden,children:eh?(0,t.jsx)(f._H,{id:"salesForm.submitButton.status",defaultMessage:"Submitting",description:"Accessible message for assistive devices used to indicate that processing is ongoing for the user's submission"}):null}),(0,t.jsx)(g.z,{className:D.submitButton,type:"submit",variant:"primary",loading:eh,children:(0,t.jsx)(f._H,{id:"salesForm.submitButton.label",defaultMessage:"Contact sales",description:"Submit button text on the contact sales form"})}),ee?(0,t.jsx)(w.Z,{className:D.disclosure,as:"p",variant:"sans-50-regular",color:"text-medium",children:(0,t.jsx)(f._H,{defaultMessage:"You may unsubscribe from receiving marketing communications any time. Notion’s websites and communications are subject to our Privacy Policy.",id:"salesForm.terms",description:"Privacy policy agreement acknowledgement on the contact sales form",values:{privacyLink:e=>(0,t.jsx)(k.u,{href:m.$e.privacyPolicy,eventData:{name:"sales_privacy_policy"},children:e})}})}):null]}),(0,t.jsxs)("label",{hidden:!0,className:D.passwordField,children:[(0,t.jsx)("input",{hidden:!0,autoComplete:"off",name:"password",className:D.passwordFieldInput,placeholder:o.formatMessage({id:"salesForm.password.placeholder",defaultMessage:"Enter a password here",description:"This is a fake field used as placeholder text in a form."})}),(0,t.jsx)(f._H,{id:"salesForm.password.label",description:"Label for a fake field which is intended to catch traffic and submissions to the Contact Sales page by bots",defaultMessage:"Password"})]})]})}},105930:function(e,r,s){"use strict";s.d(r,{P:function(){return c}});var t=s(552322),o=s(72779),a=s.n(o),n=s(202784),i=s(463061),l=s(142671);let c=(0,n.forwardRef)(function(e,r){let{options:s,width:o,isTransparent:n,className:c,style:u={},children:d,...m}=e;return(0,t.jsxs)("div",{className:l.selectWrap,children:[(0,t.jsxs)("select",{...m,className:a()(l.select,{[l.selectTransparent]:n},c),style:{...u,width:o?`${o}px`:"100%",maxWidth:"100%"},ref:r,children:[(null==s?void 0:s.map((e,r)=>(0,t.jsx)("option",{value:e.value,"data-slug":e.slug,children:e.label},`option-${r}`)))??null,d]}),(0,t.jsx)("div",{className:l.icon,children:(0,t.jsx)(i._,{style:{width:10,marginLeft:5,marginTop:1,fill:"var(color-text-medium)"}})})]})})},647615:function(e,r,s){"use strict";s.d(r,{US:function(){return u},lG:function(){return c},on:function(){return m},pH:function(){return a},qw:function(){return n},sG:function(){return d},t2:function(){return i},zi:function(){return l}});var t=s(180794),o=s(240926);function a(e){switch(e){case 1:return"1-99";case 100:return"100-299";case 300:return"300-1999";case 2e3:return"2000+"}}function n(e){if(!e)return!1;if(e===t.nR.Japan||e===t.nR.SouthKorea)return!0;let r=(0,t.X2)(e);return"EMEA"===r||"APAC"===r}function i(e){let{touched:r,validity:s,validationMessage:t}=e;return r&&!s.valid?t:void 0}function l(e){let r=(0,o.Ay)({});for(let[s,t]of new FormData(e))r[s]=t.valueOf();return r}function c(e){let{opt:r,defaultOptIn:s}=e;switch(r){case"in":case"doubleIn":return s;case"out":return!s;default:throw Error(`Unexpected opt value "${r}"`)}}function u(e,r){return!!e==("out"!==r)}function d(e){return"none"!==e?e:void 0}function m(e){switch(e){case"enterprise":return"I’d like to discuss an enterprise use case";case"pricing":return"I’d like to explore pricing options";case"demo":return"I’d like to see a demo of the product";case"studentOrNonProfitPricing":return"I am looking for student/non-profit pricing";case"support":return"I am looking for product or billing support";case"other":return"Other"}}},336589:function(e,r,s){"use strict";s.d(r,{BT:function(){return o},TM:function(){return t},sJ:function(){return a}});let t=[1,100,300,2e3],o=["enterprise","pricing","demo","studentOrNonProfitPricing","support","other"],a="sales@makenotion.com"},891890:function(e){e.exports={root:"checkbox_root__1xuyd",input:"checkbox_input__P6u0V",checkbox:"checkbox_checkbox__k9vCf",icon:"checkbox_icon__Bt5sB"}},341135:function(e){e.exports={root:"dialog_root__KlMm2",content:"dialog_content__vbHod",header:"dialog_header__CA_5o",headerContent:"dialog_headerContent__YzwnF",closeButton:"dialog_closeButton__nMSev",toolbar:"dialog_toolbar__pjqli",body:"dialog_body__wkRPq",empty:"dialog_empty__DgpVz",footer:"dialog_footer__guNH5",scrollPositionMiddle:"dialog_scrollPositionMiddle__oOsWq",scrollPositionBottom:"dialog_scrollPositionBottom__AdS0Q",scrollPositionTop:"dialog_scrollPositionTop__HeAGY"}},993493:function(e){e.exports={root:"formCheckbox_root__zez60",labelContainer:"formCheckbox_labelContainer__d1Fh8",checkboxRoot:"formCheckbox_checkboxRoot__VeHH4",label:"formCheckbox_label__oYNae",requiredOptionalAddon:"formCheckbox_requiredOptionalAddon__JwuOL",required:"formCheckbox_required__hW_MI"}},610565:function(e){e.exports={formInput:"formInput_formInput__jUstH"}},758060:function(e){e.exports={error:"formItemError_error__nQzrg"}},636697:function(e){e.exports={label:"formItemLabel_label__QfEmQ",requiredOptionalAddon:"formItemLabel_requiredOptionalAddon__Ab_ch",required:"formItemLabel_required__BLLcS"}},929649:function(e){e.exports={formRow:"formRow_formRow__ZBYlX"}},773699:function(e){e.exports={visuallyHidden:"salesForm_visuallyHidden__AZSWp",stateDialog:"salesForm_stateDialog__ECSFd",success:"salesForm_success__v3seu",withBooking:"salesForm_withBooking__Mbm5R",stateDialogHeader:"salesForm_stateDialogHeader__hGI4e",stateDialogBody:"salesForm_stateDialogBody__pItuP",stateIcon:"salesForm_stateIcon__PxM99",error:"salesForm_error__w30yH",stateDialogErrorLink:"salesForm_stateDialogErrorLink__67Ayr",bookingFrame:"salesForm_bookingFrame__3Vb56",stateDialogFooter:"salesForm_stateDialogFooter__XUvDz",row:"salesForm_row___JVBD",root:"salesForm_root__PgL1e",label:"salesForm_label__MkC2P",input:"salesForm_input__ZDkBo",select:"salesForm_select__2NYcG",passwordField:"salesForm_passwordField__e8JzC",passwordFieldInput:"salesForm_passwordFieldInput__91jiA",marketingCommsConsentContainer:"salesForm_marketingCommsConsentContainer__b6O7j",submitButton:"salesForm_submitButton__zmS_b",disclosure:"salesForm_disclosure__5yAj6",hideOptionalLabel:"salesForm_hideOptionalLabel__fNlFq",dialogDescription:"salesForm_dialogDescription__Nt8c8",dialogNextStepLinks:"salesForm_dialogNextStepLinks__qlDON"}},142671:function(e){e.exports={selectWrap:"select_selectWrap__Mpaja",select:"select_select__F6Ysx",selectTransparent:"select_selectTransparent__n9MvB",icon:"select_icon__xS6R3"}},692981:function(e){e.exports={textarea:"textarea_textarea__ctH5E"}},414322:function(e){e.exports={dialog:"dialog_dialog__RX4pP"}}}]);