"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2241,79712,17057],{17057:function(e,t,n){n.r(t);var a=n(55319);n(67294);var r=n(93967),o=n.n(r),i=n(35005),l=n(58695),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)}})}},79712:function(e,t,n){n.r(t),n.d(t,{default:function(){return U}});var a=n(59499),r=n(17674),o=n(55319),i=n(67294),l=n(54401),s=n(50257),c=n(35005),u=n(93967),p=n.n(u),d=n(16397),g=n(50390),m=n(67925),b=n(83771),f=n(54614),h=n(83325),_=n(9415),w=n(1116);n(44672),n(18029);var v=n(35944),x="user_signup_email_from_login_app";function y(e){var t,n,a=(0,i.useRef)(null),r=(0,i.useRef)(null),o=(0,w.ZP)(),l=(0,b.Z)().pushDynamicStandardizedGAEvent,u=(0,i.useContext)(f.Z).is_auto_signup,y=(0,m.Z)(x).cookieValue,P=(0,i.useState)(!1),T=P[0],A=P[1],O=(0,i.useState)(void 0),C=O[0],Z=O[1],S=null!==(t=null===(n=e.error_messages)||void 0===n?void 0:n[C])&&void 0!==t?t:"",E=(0,i.useState)(!1),N=E[0],j=E[1];(0,i.useEffect)(function(){var e=function(){return A(!0)},t=function(e){e.persisted&&A(!1)};return window.addEventListener("pagehide",e),window.addEventListener("pageshow",t),function(){window.removeEventListener("pagehide",e),window.removeEventListener("pageshow",t)}},[]);var D=(0,_.Z)().isRemoveGatedTrialCtaForNonTrialers;function F(t){var n,r,i,l,s,c;null==t||t.preventDefault(),a.current&&(null!==(n=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==n&&n.invalidPartnershipErrorCallback&&(window.AsanaHelpers.signupPreventedCallbacks.invalidPartnershipErrorCallback=function(e){A(!1),window.AsanaErrors.notifyException("Attempted partnership signup with invalid channel blocked for ".concat(o," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!==(r=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==r&&r.partnershipEmailBlockedByChannel&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipEmailBlockedByChannel=function(e){A(!1),Z(e)}),null!==(i=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==i&&i.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(o),"&xsrf_token=").concat(t));window.location.href=n}),null!==(l=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==l&&l.partnershipExistingUserSelfServeBlockCallback&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipExistingUserSelfServeBlockCallback=function(e){A(!1),window.AsanaErrors.notifyException("Attempted partnership signup with existing user blocked for ".concat(o," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!==(s=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==s&&s.partnershipNewUserSelfServeBlockCallback&&(window.AsanaHelpers.signupPreventedCallbacks.partnershipNewUserSelfServeBlockCallback=function(e){A(!1),window.AsanaErrors.notifyException("Attempted partnership signup for new user blocked for ".concat(o," channel")),window.AsanaHelpers.showModal("contact-support",{user_email:e})}),null!==(c=window.AsanaHelpers.signupPreventedCallbacks)&&void 0!==c&&c.invalidEmailErrorCallback&&(window.AsanaHelpers.signupPreventedCallbacks.invalidEmailErrorCallback=function(){A(!1)}),"modal-signup"!==e.context&&(0,h.ZP)("start_free_trial_button"),"modal-signup"===e.context&&window.AsanaHelpers.enterFreeSignupFlow(),A(!0),window.AsanaHelpers.signupWithEmail(a.current,{isAutoSignup:u,supportsPinVerification:e.supports_pin_verification,partnershipChannel:o}))}var B=(0,c.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 H(){if(AsanaHelpers){var t=(0,d.stringsToFunction)(e.click_notrans);t&&t()}}var L=function(){new URLSearchParams(window.location.search);var e=window.AsanaHelpers.getUrlParams.get("login_target_url");e&&j(e.includes("form.asana.com")||e.includes("form-beta.asana.com"))};return(0,i.useEffect)(function(){r.current.focus(),u&&function(){if(y)r.current.value=y,AsanaStorage.setCookie(x,"",AsanaStorage.CATEGORY.FUNCTIONAL,-1,!0,window.location.pathname),H(),F();else{var e=new URL(window.AsanaHelpers.asanaDotComUrl("/create-account"),window.location.origin);e.search=window.location.search,window.location.href=e.toString()}}(),L()},[]),(0,v.BX)(v.HY,{children:[(0,v.BX)("form",{noValidate:!0,className:p()("signupForm",e.context&&"-".concat(e.context),!o&&"hidden-logged-in",e.class_notrans),onSubmit:F,ref:a,children:[(0,v.tZ)("div",{className:p()("signupForm-container",{"-center":e.center}),children:(0,v.BX)("div",{className:p()("signupForm-row","signupForm-row--stacked-form-mobile"),children:[(0,v.BX)("div",{className:"signupForm-email",children:[(0,v.tZ)("input",{type:"hidden",name:"name",value:""}),(0,v.tZ)("input",{className:p()("input","input--email","input--email-stacked-form-mobile","signup-email",e.context&&"signup-email-".concat(e.context)),placeholder:e.emailPlaceholder,name:"email",type:"email",autoFocus:!!e.autofocus_notrans,ref:r,onChange:function(){C&&Z(void 0)}}),(0,v.tZ)("span",{id:"signup-email__invalid-domain",className:"input-message input-message--error",children:e.ctaSignupDomainInvalid}),(0,v.tZ)("span",{id:"signup-email__bad_format",className:"input-message input-message--error",children:(0,v.tZ)(c.ZP,{html:e.ctaSignupBadFormat})}),C&&(0,v.tZ)("span",{id:"signup-email__channel_blocked_email",className:"input-message input-message--error -active",children:(0,v.tZ)(c.ZP,{html:S})}),e.ctaSignupDomainClose&&(0,v.tZ)("span",{id:"signup-email__close-domain",className:"input-message input-message--error",children:(0,v.tZ)(c.ZP,{html:e.ctaSignupDomainClose})})]}),(0,v.BX)(k,{className:p()("signupForm-submit","signupForm-submit-stacked-form-mobile","submit","-large",e.context&&"signup-submit-".concat(e.context),e.button_classname),onClick:H,isSubmitting:T,children:[(0,v.BX)("span",{className:"signupForm-submit-text js-signupForm-submit--try",children:[(0,v.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?B:!N&&e.ctaSignupEmail}),(0,v.tZ)("span",{children:!N&&e.ctaSignupProgress})]}),(0,v.BX)("span",{className:"signupForm-submit-text js-signupForm-submit--buy",children:[(0,v.tZ)("span",{children:e.ctaCompleteSignup}),(0,v.tZ)("span",{children:!N&&e.ctaSignupProgress})]})]})]})}),!0===e.premium_link&&(0,v.BX)("p",{children:["Learn more about ",(0,v.tZ)(s.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&&!o&&(0,v.tZ)("a",{href:D?(0,g.By)():(0,g.TI)("".concat(g.h_.UPGRADE,"?trial=true")),className:"button -large invisible-logged-out -mobile-full",onClick:function(t){l(e.ctaSignupEmail,t,{destination:D?(0,g.By)():(0,g.TI)("".concat(g.h_.UPGRADE,"?trial=true")),subLocation:"FormSignupEmail",eventValue:e.ctaSignupEmail})},children:e.ctaSignupEmail})]})}function k(e){var t=e.onClick,n=e.className,a=e.children,r=e.isSubmitting;return(0,v.BX)("button",{className:p()(n,{"-request":r}),onClick:t,children:[(0,v.tZ)("span",{className:"signupForm-submit-icon",children:(0,v.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",children:(0,v.tZ)("circle",{cx:"8",cy:"8",r:"7.5"})})}),a]})}var P=n(78960),T=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,P.ZP)({oauth_action_url:window.AsanaHelpers.appUrl("/-/oauth2callback"),target_url:window.AsanaHelpers.appUrl(),is_create:!0,xsrf_token:window.AsanaHelpers.getOrCreateXsrfToken(),window:window})};return(0,v.BX)("a",{className:p()("gmail-button-continue exp-gmail-button-continue",n),title:t,tabIndex:0,onClick:function(){r()},onKeyDown:function(e){"Enter"===e.key&&r()},children:[(0,v.tZ)("div",{className:"google-sso-verification-button-background",children:(0,v.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,v.tZ)("div",{className:"gmail-button-text-wrapper-continue",children:(0,v.tZ)("span",{className:p()("gmail-button-text-continue",a),children:t})})]})},A=n(27306),O=n(74883),C=(0,o.Z)("div",{target:"e1a20g1y1"})("margin:20px 0 0 0;max-width:432px;.form-option{margin:0;padding:",O.N.SPACING_16," 0;font-size:12px;color:",A.D.NEUTRAL_4,";&::before,&::after{width:43%;border-color:",A.D.NEUTRAL_4,";}}a.gmail-button-continue{margin:0;border-color:",A.D.NEUTRAL_5,";background-color:transparent;transition:0.25s border-color;&:hover{background-color:transparent;border-color:",A.D.NEUTRAL_9,";transition:0.25s border-color;}&.-bg-blue{background-color:#4285f4;}}span.gmail-button-text-continue{&.-white{color:#fff;padding-left:",O.N.SPACING_8,";}}"),Z=(0,o.Z)("span",{target:"e1a20g1y0"})({name:"50zrmy",styles:"text-transform:uppercase"}),S=n(40045);function E(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 N=function(e){var t,n=(0,i.useContext)(l.Z).global_or,r=(0,S.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,v.BX)(C,{id:"signupFormWithGoogleButton",children:[(0,v.tZ)(T,{buttonText:o,buttonTextClassName:e.google_button_text_class_notrans,buttonClassName:e.google_button_class_notrans}),(0,v.tZ)("div",{className:"form-option",children:(0,v.tZ)(Z,{children:n})}),(0,v.tZ)(y,function(e){for(var t=1;t