"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46744,62114],{62114:function(e,t,n){n.r(t);var a=n(55319);n(67294);var r=n(93967),o=n.n(r),i=n(92979),l=n(63079),s=n(35944),c=(0,a.Z)("span",{target:"e4j41wh0"})("p{",(0,l.n5)("p3"),";}a{",(0,l.n5)("link-3"),";}");t.default=function(e){return e.texts.map(function(e,t){if(e.type_notrans){var n=e.type_notrans;return(0,s.tZ)(n,{className:o()(e.class_notrans),children:(0,s.tZ)(c,{children:(0,s.tZ)(i.ZP,{html:e.text})})},t)}})}},46744:function(e,t,n){n.r(t),n.d(t,{default:function(){return K}});var a=n(59499),r=n(17674),o=n(55319),i=n(67294),l=n(39332),s=n(67431),c=n(28861),u=n(26181),p=n(92979),d=n(93967),m=n.n(d),g=n(26093),f=n(37565),h=n(58102),_=n(41375),b=n(69570),v=n(67080),w=n(23802),S=n(99118),x=n(2162),E=n(17790),k=n(40443),P=n(89437),A=n(65876),Z=n(35944),y="user_signup_email_from_login_app";function C(e){var t,n,a,r,o=(0,i.useRef)(null),l=(0,i.useRef)(null),s=["modal-signup","modal-buy-starter","modal-buy-advanced"].includes(e.context),d=(0,i.useRef)(!1),C=(0,S.ZP)(),O=(0,k.Z)(),F=O.smartStartPrompt,j=O.smartStartSelectedPromptTemplate,D=(0,_.Z)().pushDynamicStandardizedGAClickEvent,I=(0,i.useContext)(b.Z).is_auto_signup,R=(0,h.Z)(y).cookieValue,B=(0,A.Z)("suf_024_split_screen"),L=(0,i.useState)(!1),H=L[0],U=L[1],X=(0,i.useState)(void 0),G=X[0],M=X[1],W=null!==(t=null===(n=e.error_messages)||void 0===n?void 0:n[G])&&void 0!==t?t:"",q=(0,P.ts)("create_account_form_submitters"),V=(0,i.useContext)(c.Z);(0,i.useEffect)(function(){var e=function(){return U(!0)},t=function(e){e.persisted&&U(!1)};return window.addEventListener("pagehide",e),window.addEventListener("pageshow",t),function(){window.removeEventListener("pagehide",e),window.removeEventListener("pageshow",t)}},[]);var z=(0,x.Z)({formRef:o,formSubmissionAttempted:d,options:{isAutoSignup:I,supportsPinVerification:e.supports_pin_verification,partnershipChannel:C,smartStartPrompt:F,smartStartSelectedPromptTemplate:j},onSubmitStart:function(){return U(!1)}}),K=z.isRecaptchaInvalid,J=z.recaptchaFailedToLoad,Q=z.submitWithRecaptcha,Y=(0,w.Z)().isRemoveGatedTrialCtaForNonTrialers;function $(t){var n,a,r,i,l,s;null==t||t.preventDefault(),o.current&&(d.current=!0,null!==(n=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==n&&n.invalidPartnershipErrorCallback&&(window.AsanaHelpers.signupPreventedCallbacks.invalidPartnershipErrorCallback=function(e){U(!1),window.AsanaErrors.notifyException("Attempted partnership signup with invalid channel blocked for ".concat(C," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!==(a=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==a&&a.partnershipEmailBlockedByChannel&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipEmailBlockedByChannel=function(e){U(!1),M(e)}),null!==(r=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==r&&r.partnershipExistingUserSelfServeCallback&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipExistingUserSelfServeCallback=function(e){var t=window.AsanaHelpers.getOrCreateXsrfToken(),n=window.AsanaHelpers.appUrl("/-/domain_channel_signup?email=".concat(encodeURIComponent(e),"&channel=").concat(encodeURIComponent(C),"&xsrf_token=").concat(t));window.location.href=n}),null!==(i=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==i&&i.partnershipExistingUserSelfServeBlockCallback&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipExistingUserSelfServeBlockCallback=function(e){U(!1),window.AsanaErrors.notifyException("Attempted partnership signup with existing user blocked for ".concat(C," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!==(l=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==l&&l.partnershipNewUserSelfServeBlockCallback&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipNewUserSelfServeBlockCallback=function(e){U(!1),window.AsanaErrors.notifyException("Attempted partnership signup for new user blocked for ".concat(C," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!==(s=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==s&&s.invalidEmailErrorCallback&&(window.AsanaHelpers.signupPreventedCallbacks.invalidEmailErrorCallback=function(){U(!1)}),"modal-signup"!==e.context&&(0,v.ZP)("start_free_trial_button"),"modal-signup"===e.context&&window.AsanaHelpers.enterFreeSignupFlow(),U(!0),Q())}var ee=(0,p.Tc)(e.ctaCompleteSignup);switch(e.context){case"modal-try":case"modal-trial":e.ctaSignupTrial;break;case"get-started":e.ctaSignupWithoutFree;break;case"modal-signup":case"modal-buy-starter":case"modal-buy-advanced":e.ctaCompleteSignup;break;default:e.ctaSignupEmail}function et(){if(AsanaHelpers){var t=(0,g.stringsToFunction)(e.click_notrans);t&&t()}}(0,i.useEffect)(function(){if(s){var e,t=setTimeout(function(){var e;null===(e=l.current)||void 0===e||e.focus()},500);return function(){return clearTimeout(t)}}null===(e=l.current)||void 0===e||e.focus(),I&&function(){if(R)l.current.value=R,AsanaStorage.setCookie(y,"",AsanaStorage.CATEGORY.FUNCTIONAL,-1,!0,window.location.pathname),et(),$();else{var e=new URL(window.AsanaHelpers.asanaDotComUrl("/create-account"),window.location.origin);e.search=window.location.search,window.location.href=e.toString()}}()},[s]);var en=(null!==(a=null==o||null===(r=o.current)||void 0===r?void 0:r.getElementsByClassName("-active"))&&void 0!==a?a:[]).length>0;return(0,Z.BX)(Z.HY,{children:[(0,Z.BX)("form",{noValidate:!0,className:m()("signupForm",e.context&&"-".concat(e.context),!C&&"hidden-logged-in",e.class_notrans),onSubmit:$,ref:o,children:[(0,Z.BX)("div",{className:m()("signupForm-container",{"-center":e.center}),children:[B>0&&(0,Z.tZ)(N,{children:"Work email"}),(0,Z.BX)("div",{className:m()("signupForm-row","signupForm-row--stacked-form-mobile"),children:[(0,Z.BX)("div",{className:"signupForm-email",children:[(0,Z.tZ)("input",{type:"hidden",name:"name",value:""}),(0,Z.tZ)("input",{className:m()("input","input--email","input--email-stacked-form-mobile","signup-email",e.context&&"signup-email-".concat(e.context)),placeholder:e.emailPlaceholder,name:"email",type:"email",required:!0,autoFocus:!!e.autofocus_notrans,ref:l,onChange:function(){G&&M(void 0)}}),(0,Z.tZ)("span",{id:"signup-email__invalid-domain",className:"input-message input-message--error",children:e.ctaSignupDomainInvalid}),(0,Z.tZ)("span",{id:"signup-email__bad_format",className:"input-message input-message--error",children:en&&(0,Z.tZ)("span",{role:"alert",children:(0,Z.tZ)(p.ZP,{html:e.ctaSignupBadFormat})})}),G&&(0,Z.tZ)("span",{id:"signup-email__channel_blocked_email",className:"input-message input-message--error -active",children:(0,Z.tZ)(p.ZP,{html:W})}),e.ctaSignupDomainClose&&(0,Z.tZ)("span",{id:"signup-email__close-domain",className:"input-message input-message--error",children:(0,Z.tZ)(p.ZP,{html:e.ctaSignupDomainClose})}),K&&(0,Z.tZ)("span",{className:"input-message input-message--error",children:(0,Z.tZ)(p.ZP,{html:V.microcopy.signup_recaptcha_error_message})}),d.current&&J&&(0,Z.tZ)("span",{className:"input-message input-message--error",children:(0,Z.tZ)(p.ZP,{html:V.microcopy.signup_recaptcha_not_yet_loaded})})]}),(0,Z.BX)(T,{className:m()("signupForm-submit","signupForm-submit-stacked-form-mobile","submit","-large",e.context&&"signup-submit-".concat(e.context),e.button_classname),onClick:et,isSubmitting:H,children:[(0,Z.BX)("span",{className:"signupForm-submit-text js-signupForm-submit--try",children:[(0,Z.tZ)("span",{children:"modal-try"===e.context||"modal-trial"===e.context?e.ctaSignupTrial:"get-started"===e.context?e.ctaSignupWithoutFree:"modal-signup"===e.context||"modal-buy-starter"===e.context||"modal-buy-advanced"===e.context||"buy-page"===e.context?ee:q?V.global_CTAcontinueFromButton:e.ctaSignupEmail}),(0,Z.tZ)("span",{children:0===q&&e.ctaSignupProgress})]}),(0,Z.BX)("span",{className:"signupForm-submit-text js-signupForm-submit--buy",children:[(0,Z.tZ)("span",{children:e.ctaCompleteSignup}),(0,Z.tZ)("span",{children:0===q&&e.ctaSignupProgress})]})]})]}),(0,Z.tZ)(E.e,{})]}),!0===e.premium_link&&(0,Z.BX)("p",{children:["Learn more about ",(0,Z.tZ)(u.default,{href:"/premium",children:"Asana Premium"})]})]}),"modal-try"!==e.context&&"modal-signup"!==e.context&&"modal-trial"!==e.context&&"modal-buy"!==e.context&&"modal-get-started"!==e.context&&"modal-buy-starter"!==e.context&&"modal-buy-advanced"!==e.context&&!C&&(0,Z.tZ)("a",{href:Y?(0,f.By)():(0,f.TI)("".concat(f.h_.UPGRADE,"?trial=true")),className:"button -large invisible-logged-out -mobile-full",onClick:function(t){D(e.ctaSignupEmail,t,{destination:Y?(0,f.By)():(0,f.TI)("".concat(f.h_.UPGRADE,"?trial=true")),subLocation:"FormSignupEmail",eventValue:e.ctaSignupEmail})},children:e.ctaSignupEmail})]})}function T(e){var t=e.onClick,n=e.className,a=e.children,r=e.isSubmitting;return(0,Z.BX)("button",{className:m()(n,{"-request":r}),onClick:t,children:[(0,Z.tZ)("span",{className:"signupForm-submit-icon",children:(0,Z.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",children:(0,Z.tZ)("circle",{cx:"8",cy:"8",r:"7.5"})})}),a]})}var N=(0,o.Z)("label",{target:"e13h1h540"})({name:"dd27q0",styles:"text-align:left;margin-bottom:0!important"}),O=n(53919),F=function(e){var t=e.buttonText,n=e.buttonClassName,a=e.buttonTextClassName,r=function(){window.AsanaAnalytics.trackGTM("login_google_auth"),window.AsanaAnalytics.trackGTM("signup_google_auth"),(0,O.ZP)({oauth_action_url:window.AsanaHelpers.appUrl("/-/oauth2callback"),target_url:window.AsanaHelpers.getUrlParams.get("u")||window.AsanaHelpers.appUrl(),is_create:!0,xsrf_token:window.AsanaHelpers.getOrCreateXsrfToken(),window:window})};return(0,Z.BX)("a",{className:m()("gmail-button-continue exp-gmail-button-continue",n),title:t,tabIndex:0,onClick:function(){r()},onKeyDown:function(e){"Enter"===e.key&&r()},children:[(0,Z.tZ)("div",{className:"google-sso-verification-button-background",children:(0,Z.tZ)("img",{className:"gmail-button-icon-continue",srcSet:"https://luna1.co/020de6.png 1x, https://luna1.co/328201.png 2x",src:"https://luna1.co/020de6.png",alt:"Google logo"})}),(0,Z.tZ)("div",{className:"gmail-button-text-wrapper-continue",children:(0,Z.tZ)("span",{className:m()("gmail-button-text-continue",a),children:t})})]})},j=n(24064),D=n(22317),I=n(63079),R=(0,o.Z)("div",{target:"e1a20g1y2"})("margin:20px 0 0 0;max-width:432px;.form-option{margin:0;padding:",D.N.SPACING_16," 0;font-size:12px;color:",j.D.NEUTRAL_4,";&::before,&::after{width:43%;border-color:",j.D.NEUTRAL_4,";}}a.gmail-button-continue{margin:0;border-color:",j.D.NEUTRAL_5,";background-color:transparent;transition:0.25s border-color;&:hover{background-color:transparent;border-color:",j.D.NEUTRAL_9,";transition:0.25s border-color;}&.-bg-blue{background-color:#4285f4;}}span.gmail-button-text-continue{&.-white{color:#fff;padding-left:",D.N.SPACING_8,";}}"),B=(0,o.Z)("span",{target:"e1a20g1y1"})({name:"50zrmy",styles:"text-transform:uppercase"}),L=(0,o.Z)("div",{target:"e1a20g1y0"})("display:flex;justify-content:start;align-items:center;margin-top:-8px;p{",(0,I.n5)("p3"),";}a{",(0,I.n5)("link-3"),";}"),H=n(63414);function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}var X=function(e){var t,n=(0,i.useContext)(c.Z).global_or,r=(0,H.Z)(),o=(null==e||null===(t=e.google_button_text_override_notrans)||void 0===t?void 0:t[r])||e.google_button_text;return(0,Z.BX)(R,{id:"signupFormWithGoogleButton",children:[(0,Z.tZ)(F,{buttonText:o,buttonTextClassName:e.google_button_text_class_notrans,buttonClassName:e.google_button_class_notrans}),(0,Z.tZ)("div",{className:"form-option",children:(0,Z.tZ)(B,{children:n})}),(0,Z.tZ)(C,function(e){for(var t=1;t