"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22129,63051],{22129:(e,n,t)=>{t.r(n),t.d(n,{default:()=>$});var a=t(42969),o=t(27925),i=t(81631),r=t(14232),l=t(14e3),s=t(94761),c=t(50588),u=t(11853),p=t(85709),m=t(15039),d=t.n(m),g=t(24677),b=t(2222),f=t(8115),h=t(17664),_=t(52663),w=t(89801),v=t(6591),A=t(27573),x=t(54656),y=t(98888),E=t(67865),S=t(40453),k=t(89099),C=t(94088),N=t(35975),P=t(18153),F="user_signup_email_from_login_app";function T(e){var n,t,a,o,i=(0,r.useRef)(null),l=(0,r.useRef)(null),s=["modal-signup","modal-buy-starter","modal-buy-advanced"].includes(e.context),m=(0,r.useRef)(!1),T=(0,A.Ay)(),Y=(0,h.A)().pushDynamicStandardizedGAClickEvent,D=(0,E.V)({subAction:"SignUpFormEmail",enabled:!0,mergeRef:i,subLocationFallback:e.subLocation}),j=(0,r.useContext)(_.A).is_auto_signup,G=(0,f.A)(F).cookieValue,R=(0,r.useState)(!1),U=R[0],H=R[1],I=(0,r.useState)(void 0),B=I[0],V=I[1],q=null!=(n=null==(t=e.error_messages)?void 0:t[B])?n:"",W=(0,S.Jk)("create_account_form_submitters"),X=(0,r.useContext)(c.A),J=1===(0,S.Jk)("microsoft_sso_rollout"),M=(0,k.useRouter)().locale,z=void 0===M?C.DEFAULT_LANGUAGE:M,K=(0,N.i)({isRolloutActive:J,locale:z});(0,r.useEffect)(function(){var e=function(){return H(!0)},n=function(e){e.persisted&&H(!1)};return window.addEventListener("pagehide",e),window.addEventListener("pageshow",n),function(){window.removeEventListener("pagehide",e),window.removeEventListener("pageshow",n)}},[]);var Q=(0,x.V)({formRef:i,formSubmissionAttempted:m,options:{isAutoSignup:j,supportsPinVerification:e.supports_pin_verification,partnershipChannel:T},onSubmitStart:function(){return H(!1)},onRetrySubmitStart:function(){return H(!0)}}),Z=Q.isRecaptchaInvalid,$=Q.recaptchaFailedToLoad,ee=Q.submitWithRecaptcha;(0,r.useEffect)(function(){Z&&H(!1)},[Z]);var en=(0,v.A)().isRemoveGatedTrialCtaForNonTrialers;function et(n){if(null==n||n.preventDefault(),i.current){m.current=!0,null!=(t=window.AsanaHelpers.signupPreventedCallbacks)&&t.invalidPartnershipErrorCallback&&(window.AsanaHelpers.signupPreventedCallbacks.invalidPartnershipErrorCallback=function(e){H(!1),window.AsanaErrors.notifyException("Attempted partnership signup with invalid channel blocked for ".concat(T," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!=(a=window.AsanaHelpers.signupPreventedCallbacks)&&a.partnershipEmailBlockedByChannel&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipEmailBlockedByChannel=function(e){H(!1),V(e)}),null!=(o=window.AsanaHelpers.signupPreventedCallbacks)&&o.partnershipExistingUserSelfServeCallback&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipExistingUserSelfServeCallback=function(e){var n=window.AsanaHelpers.getOrCreateXsrfToken(),t=window.AsanaHelpers.appUrl("/-/domain_channel_signup?email=".concat(encodeURIComponent(e),"&channel=").concat(encodeURIComponent(T),"&xsrf_token=").concat(n));window.location.href=t}),null!=(r=window.AsanaHelpers.signupPreventedCallbacks)&&r.partnershipExistingUserSelfServeBlockCallback&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipExistingUserSelfServeBlockCallback=function(e){H(!1),window.AsanaErrors.notifyException("Attempted partnership signup with existing user blocked for ".concat(T," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!=(l=window.AsanaHelpers.signupPreventedCallbacks)&&l.partnershipNewUserSelfServeBlockCallback&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipNewUserSelfServeBlockCallback=function(e){H(!1),window.AsanaErrors.notifyException("Attempted partnership signup for new user blocked for ".concat(T," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!=(s=window.AsanaHelpers.signupPreventedCallbacks)&&s.invalidEmailErrorCallback&&(window.AsanaHelpers.signupPreventedCallbacks.invalidEmailErrorCallback=function(){H(!1)}),"modal-signup"!==e.context&&(0,w.Ay)("start_free_trial_button"),"modal-signup"===e.context&&window.AsanaHelpers.enterFreeSignupFlow();var t,a,o,r,l,s,c=i.current.querySelector(".signupForm-submit");null==c||c.classList.remove("-request"),H(!0),ee()}}var ea=(0,p.Ki)(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 eo(){if(AsanaHelpers){var n=(0,g.stringsToFunction)(e.click_notrans);n&&n()}}(0,r.useEffect)(function(){if(s){var e,n=setTimeout(function(){var e;null==(e=l.current)||e.focus()},500);return function(){return clearTimeout(n)}}null==(e=l.current)||e.focus(),j&&function(){if(G)l.current.value=G,AsanaStorage.setCookie(F,"",AsanaStorage.CATEGORY.FUNCTIONAL,-1,!0,window.location.pathname),eo(),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 ei=(null!=(a=null==i||null==(o=i.current)?void 0:o.getElementsByClassName("-active"))?a:[]).length>0;return(0,P.FD)(P.FK,{children:[(0,P.FD)("form",{noValidate:!0,"data-react-signup-form":"true",className:d()("signupForm",e.context&&"-".concat(e.context),!T&&"hidden-logged-in",e.class_notrans),onSubmit:et,ref:D,children:[(0,P.FD)("div",{className:d()("signupForm-container",{"-center":e.center}),children:[e.email_label&&(0,P.Y)(L,{for:"email-input",children:e.email_label}),(0,P.FD)("div",{className:d()("signupForm-row","signupForm-row--stacked-form-mobile"),children:[(0,P.FD)("div",{className:"signupForm-email",children:[(0,P.Y)("input",{type:"hidden",name:"name",value:""}),(0,P.Y)("input",{id:"email-input",className:d()("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(){B&&V(void 0)}}),(0,P.Y)("span",{id:"signup-email__invalid-domain",className:"input-message input-message--error",children:e.ctaSignupDomainInvalid}),(0,P.Y)("span",{id:"signup-email__bad_format",className:"input-message input-message--error",children:ei&&(0,P.Y)("span",{role:"alert",children:(0,P.Y)(p.Ay,{html:e.ctaSignupBadFormat})})}),B&&(0,P.Y)("span",{id:"signup-email__channel_blocked_email",className:"input-message input-message--error -active",children:(0,P.Y)(p.Ay,{html:q})}),e.ctaSignupDomainClose&&(0,P.Y)("span",{id:"signup-email__close-domain",className:"input-message input-message--error",children:(0,P.Y)(p.Ay,{html:e.ctaSignupDomainClose})}),Z&&(0,P.Y)("span",{className:"input-message input-message--error",children:(0,P.Y)(p.Ay,{html:X.microcopy.signup_recaptcha_error_message})}),m.current&&$&&(0,P.Y)("span",{className:"input-message input-message--error",children:(0,P.Y)(p.Ay,{html:X.microcopy.signup_recaptcha_not_yet_loaded})})]}),(0,P.FD)(O,{className:d()("signupForm-submit","signupForm-submit-stacked-form-mobile","submit","-large",e.context&&"signup-submit-".concat(e.context),e.button_classname),onClick:eo,isSubmitting:U,children:[(0,P.FD)("span",{className:"signupForm-submit-text js-signupForm-submit--try",children:[(0,P.Y)("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?ea:K?K.continueButtonText:W?X.global_CTAcontinueFromButton:e.ctaSignupEmail}),(0,P.Y)("span",{children:0===W&&e.ctaSignupProgress})]}),(0,P.FD)("span",{className:"signupForm-submit-text js-signupForm-submit--buy",children:[(0,P.Y)("span",{children:e.ctaCompleteSignup}),(0,P.Y)("span",{children:0===W&&e.ctaSignupProgress})]})]})]}),(0,P.Y)(y.a,{})]}),!0===e.premium_link&&(0,P.FD)("p",{children:["Learn more about ",(0,P.Y)(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&&!T&&(0,P.Y)("a",{href:en?(0,b.sJ)():(0,b.Xq)("".concat(b.PO.UPGRADE,"?trial=true")),className:"button -large invisible-logged-out -mobile-full",onClick:function(n){Y(e.ctaSignupEmail,n,{destination:en?(0,b.sJ)():(0,b.Xq)("".concat(b.PO.UPGRADE,"?trial=true")),subLocation:"FormSignupEmail",eventValue:e.ctaSignupEmail})},children:e.ctaSignupEmail})]})}function O(e){var n=e.onClick,t=e.className,a=e.children,o=e.isSubmitting;return(0,P.FD)("button",{className:d()(t,{"-request":o}),onClick:n,children:[(0,P.Y)("span",{className:"signupForm-submit-icon",children:(0,P.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",children:(0,P.Y)("circle",{cx:"8",cy:"8",r:"7.5"})})}),a]})}var L=(0,i.A)("label",{target:"e13h1h540"})({name:"dd27q0",styles:"text-align:left;margin-bottom:0!important"}),Y=t(32511);let D=function(e){var n=e.buttonText,t=e.buttonClassName,a=e.buttonTextClassName,o=e.subLocation,i=(0,E.V)({subAction:"GoogleSignup",enabled:!0,subLocationFallback:o}),r=function(){window.AsanaAnalytics.trackGTM("login_google_auth"),window.AsanaAnalytics.trackGTM("signup_google_auth"),(0,Y.Gq)({provider:"google",target_url:window.AsanaHelpers.getUrlParams.get("u")||window.AsanaHelpers.appUrl(),xsrf_token:window.AsanaHelpers.getOrCreateXsrfToken(),window:window})};return(0,P.FD)("a",{ref:i,className:d()("gmail-button-continue exp-gmail-button-continue",t),title:n,tabIndex:0,onClick:function(){r()},onKeyDown:function(e){"Enter"===e.key&&r()},children:[(0,P.Y)("div",{className:"google-sso-verification-button-background",children:(0,P.Y)("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,P.Y)("div",{className:"gmail-button-text-wrapper-continue",children:(0,P.Y)("span",{className:d()("gmail-button-text-continue",a),children:n})})]})};var j=t(2056),G=t(88994),R=t(43516),U=t(24054),H=(0,i.A)("div",{target:"e1a20g1y3"})("margin:20px 0 0 0;max-width:432px;.form-option{margin:0;padding:",R.E.SPACING_16," 0;font-size:12px;color:",G.l.NEUTRAL_4,";&::before,&::after{width:43%;border-color:",G.l.NEUTRAL_4,";}}a.gmail-button-continue{margin:0;border-color:",G.l.NEUTRAL_5,";background-color:transparent;transition:0.25s border-color;&:hover{background-color:transparent;border-color:",G.l.NEUTRAL_9,";transition:0.25s border-color;}&.-bg-blue{background-color:#4285f4;}}span.gmail-button-text-continue{&.-white{color:#fff;padding-left:",R.E.SPACING_8,";}}"),I=(0,i.A)("div",{target:"e1a20g1y2"})("display:flex;flex-direction:column;gap:",R.E.SPACING_8,";",function(e){return 2===e.microsoftSsoLayoutExperimentVariant?"\n        flex-direction: row;\n      ":""},"a.exp-gmail-button-continue{margin-top:0;margin-bottom:0;",function(e){return 2===e.microsoftSsoLayoutExperimentVariant?"\n          flex: 1;\n          justify-content: center;\n\n          & .gmail-button-text-wrapper-continue {\n            flex-grow: initial;\n\n            & .gmail-button-text-continue {\n              padding-left: 0;\n            }\n          }\n        ":""},";}",function(e){return e.microsoftSsoLayoutExperimentVariant?"\n        div.google-sso-verification-button-background {\n          min-width: 40px;\n        }\n      ":""},";"),B=(0,i.A)("span",{target:"e1a20g1y1"})({name:"50zrmy",styles:"text-transform:uppercase"}),V=(0,i.A)("div",{target:"e1a20g1y0"})("display:flex;justify-content:start;align-items:center;margin-top:-8px;p{",(0,U.Gg)("p3"),";}a{",(0,U.Gg)("link-3"),";}"),q=t(99481);function W(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,a)}return t}let X=function(e){var n,t=(0,r.useContext)(c.A).global_or,o=(0,q.A)(),i=(null==e||null==(n=e.google_button_text_override_notrans)?void 0:n[o])||e.google_button_text,l=1===(0,S.Jk)("microsoft_sso_rollout"),s=(0,k.useRouter)().locale,u=void 0===s?C.DEFAULT_LANGUAGE:s,m=(0,N.i)({isRolloutActive:l,locale:u}),g=(0,S.Jk)("suf_028_microsoft_sso_layout"),b=(0,S.Jk)("suf_029_intl_microsoft_sso_layout");return(0,P.FD)(H,{id:"signupFormWithGoogleButton",children:[(0,P.FD)(I,{microsoftSsoLayoutExperimentVariant:g||b,children:[(0,P.Y)(D,{buttonText:2===g||2===b?"Google":m?m.googleButtonText:i,buttonTextClassName:e.google_button_text_class_notrans,buttonClassName:d()(e.google_button_class_notrans,{"exp-microsoft-sso":l,"-white-bg":l&&1!==g&&1!==b}),subLocation:e.subLocation}),l&&(0,P.Y)(j.A,{variant:"legacy",microsoftSsoLayoutExperimentVariant:g||b})]}),(0,P.Y)("div",{className:"form-option",children:(0,P.Y)(B,{children:t})}),(0,P.Y)(T,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?W(Object(t),!0).forEach(function(n){(0,a.A)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}({},e)),e.login_link&&(0,P.Y)(V,{children:(0,P.Y)(p.Ay,{html:e.login_link})})]})};var J=t(15212),M=t(63051),z=t(70975),K=t(52929);function Q(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,a)}return t}function Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Q(Object(t),!0).forEach(function(n){(0,a.A)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Q(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function $(e){var n,t,a=(0,r.useContext)(c.A),i=(0,q.A)(),u={ctaSignupEmail:(null==e||null==(n=e.cta_signup_email_override_notrans)?void 0:n[i])||a.global_CTAcompleteSignup,ctaSignupTrial:a.global_CTAsignupTrial,ctaSignupWithoutFree:a.global_CTAsignupWithoutFree,ctaCompleteSignup:a.global_CTAcompleteSignup,emailPlaceholder:a.global_placeholderEmail,ctaSignupDomainInvalid:a.global_CTAsignupDomainInvalid,ctaSignupBadFormat:a.global_CTAsignupBadFormat,ctaSignupProgress:a.global_CTAsignupProgress,ctaSignupDomainClose:a.global_CTAsignupDomainClose,emailLabel:a.global_labelEmail,emailPasswordLabel:a.global_labelPassword,emailPasswordPlaceholder:a.global_placeholderPassword,ctaLoginEmail:a.global_CTAloginEmail,forgotPassword:a.global_forgotPassword},p=(0,A.Ay)(),m="true"===(0,l.useSearchParams)().get(s.L.SUPPRESS_LOGGED_IN),d=(0,J.A)(),g=!((0,o.A)(d,1)[0]&&!m)&&e.show_signup_google_button_notrans&&!p,b=e.should_wrap_container_notrans?ee:r.Fragment,f=!!(null!=(t=e.multiline_notrans)&&t.includes(i));return g?(0,P.FD)(b,{multiline:f,children:[(0,P.Y)(X,Z(Z({},u),e)),Array.isArray(e.texts)?(0,P.Y)(M.default,{texts:e.texts}):null]}):(0,P.Y)(b,{multiline:!1,children:(0,P.Y)(T,Z(Z({},u),e))})}var ee=(0,i.A)("div",{target:"eorjmaa0"})("display:grid;grid-template-columns:425px;justify-content:center;",(0,K.mq)(K.EA.MOBILE_480,!0),"{grid-template-columns:auto;}",(0,K.mq)(K.EA.MOBILE_375,!0),"{.signup-email-create-account,.signupForm-submit{font-size:14px;}}.form-option{padding:",R.E.SPACING_4," 0!important;span{color:",z.Nu.TEXT.TEXT_WEAK,";font-weight:500!important;}}.signupForm-tos{font-size:12px;line-height:20px;a{font-weight:normal;text-decoration:underline;color:",z.Nu.TEXT.TEXT,";border:0;:hover{text-decoration-color:",z.Nu.INLINE_LINKS.INLINE_LINK_HOVER,";}}}.signupForm-row{padding:0;}#signupFormWithGoogleButton{display:flex;flex-direction:column;margin-bottom:",R.E.SPACING_36,";}.signupForm-email{flex:2;}.signupForm-submit{flex:1;",function(e){return e.multiline?"padding: 16px":""},";}.gmail-button-text-continue{",function(e){return e.multiline?"line-height: 120%":""},";}.page-create-account &{",(0,K.mq)(K.EA.TABLET_768,!0),"{#signupFormWithGoogleButton{margin-top:8px;margin-bottom:40px;&>div:first-child{order:2;}&>.form-option{order:1;padding:0!important;margin:16px 0;}&>form{order:0;& label{font-size:12px;}& .signupForm-row{gap:12px;}& #recaptcha-container:empty{margin-top:0;}}&>div:last-child{order:3;margin-top:12px;justify-content:center;}}}}")},27573:(e,n,t)=>{t.d(n,{Ay:()=>l,NX:()=>r});var a,o=t(14e3),i=t(94761),r=((a={}).ALIGN="align",a.NONPROFIT="nonprofit",a.STUDENT="student",a);let l=function(){var e=(0,o.useSearchParams)().get(i.L.PARTNERSHIP_CHANNEL);return e&&-1!==Object.values(r).indexOf(e)?e:void 0}},63051:(e,n,t)=>{t.r(n),t.d(n,{default:()=>u});var a=t(81631);t(14232);var o=t(15039),i=t.n(o),r=t(85709),l=t(24054),s=t(18153),c=(0,a.A)("span",{target:"e4j41wh0"})("p{",(0,l.Gg)("p3"),";}a{",(0,l.Gg)("link-3"),";}");let u=function(e){return e.texts.map(function(e,n){if(e.type_notrans){var t=e.type_notrans;return(0,s.Y)(t,{className:i()(e.class_notrans),children:(0,s.Y)(c,{children:(0,s.Y)(r.Ay,{html:e.text})})},n)}})}}}]);