"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2241,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 q}});var a=n(59499),r=n(17674),o=n(55319),i=n(67294),l=n(39332),s=n(50145),c=n(54401),u=n(50257),p=n(35005),d=n(93967),g=n.n(d),m=n(16397),b=n(50390),f=n(67925),h=n(36061),_=n(54614),w=n(83325),v=n(9415),x=n(1116),y=n(93925),P=n(77749),k=n(29326),T=n(35944),Z="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,x.ZP)(),S=(0,h.Z)().pushDynamicStandardizedGAClickEvent,A=(0,i.useContext)(_.Z).is_auto_signup,E=(0,f.Z)(Z).cookieValue,N=(0,i.useState)(!1),j=N[0],D=N[1],B=(0,i.useState)(void 0),F=B[0],L=B[1],H=null!==(t=null===(n=e.error_messages)||void 0===n?void 0:n[F])&&void 0!==t?t:"",I=(0,k.ts)("create_account_form_submitters"),U=(0,i.useContext)(c.Z);(0,i.useEffect)(function(){var e=function(){return D(!0)},t=function(e){e.persisted&&D(!1)};return window.addEventListener("pagehide",e),window.addEventListener("pageshow",t),function(){window.removeEventListener("pagehide",e),window.removeEventListener("pageshow",t)}},[]);var R=(0,y.Z)({formRef:o,formSubmissionAttempted:d,options:{isAutoSignup:A,supportsPinVerification:e.supports_pin_verification,partnershipChannel:C},onSubmitStart:function(){return D(!1)}}),G=R.isRecaptchaInvalid,X=R.recaptchaFailedToLoad,q=R.submitWithRecaptcha,V=(0,v.Z)().isRemoveGatedTrialCtaForNonTrialers;function W(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){D(!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){D(!1),L(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){D(!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){D(!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(){D(!1)}),"modal-signup"!==e.context&&(0,w.ZP)("start_free_trial_button"),"modal-signup"===e.context&&window.AsanaHelpers.enterFreeSignupFlow(),D(!0),q())}var M=(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 z(){if(AsanaHelpers){var t=(0,m.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(),A&&function(){if(E)l.current.value=E,AsanaStorage.setCookie(Z,"",AsanaStorage.CATEGORY.FUNCTIONAL,-1,!0,window.location.pathname),z(),W();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 Y=(null!==(a=null==o||null===(r=o.current)||void 0===r?void 0:r.getElementsByClassName("-active"))&&void 0!==a?a:[]).length>0;return(0,T.BX)(T.HY,{children:[(0,T.BX)("form",{noValidate:!0,className:g()("signupForm",e.context&&"-".concat(e.context),!C&&"hidden-logged-in",e.class_notrans),onSubmit:W,ref:o,children:[(0,T.BX)("div",{className:g()("signupForm-container",{"-center":e.center}),children:[(0,T.BX)("div",{className:g()("signupForm-row","signupForm-row--stacked-form-mobile"),children:[(0,T.BX)("div",{className:"signupForm-email",children:[(0,T.tZ)("input",{type:"hidden",name:"name",value:""}),(0,T.tZ)("input",{className:g()("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(){F&&L(void 0)}}),(0,T.tZ)("span",{id:"signup-email__invalid-domain",className:"input-message input-message--error",children:e.ctaSignupDomainInvalid}),(0,T.tZ)("span",{id:"signup-email__bad_format",className:"input-message input-message--error",children:Y&&(0,T.tZ)("span",{role:"alert",children:(0,T.tZ)(p.ZP,{html:e.ctaSignupBadFormat})})}),F&&(0,T.tZ)("span",{id:"signup-email__channel_blocked_email",className:"input-message input-message--error -active",children:(0,T.tZ)(p.ZP,{html:H})}),e.ctaSignupDomainClose&&(0,T.tZ)("span",{id:"signup-email__close-domain",className:"input-message input-message--error",children:(0,T.tZ)(p.ZP,{html:e.ctaSignupDomainClose})}),G&&(0,T.tZ)("span",{className:"input-message input-message--error",children:(0,T.tZ)(p.ZP,{html:U.microcopy.signup_recaptcha_error_message})}),d.current&&X&&(0,T.tZ)("span",{className:"input-message input-message--error",children:(0,T.tZ)(p.ZP,{html:U.microcopy.signup_recaptcha_not_yet_loaded})})]}),(0,T.BX)(O,{className:g()("signupForm-submit","signupForm-submit-stacked-form-mobile","submit","-large",e.context&&"signup-submit-".concat(e.context),e.button_classname),onClick:z,isSubmitting:j,children:[(0,T.BX)("span",{className:"signupForm-submit-text js-signupForm-submit--try",children:[(0,T.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?M:I?U.global_CTAcontinueFromButton:e.ctaSignupEmail}),(0,T.tZ)("span",{children:0===I&&e.ctaSignupProgress})]}),(0,T.BX)("span",{className:"signupForm-submit-text js-signupForm-submit--buy",children:[(0,T.tZ)("span",{children:e.ctaCompleteSignup}),(0,T.tZ)("span",{children:0===I&&e.ctaSignupProgress})]})]})]}),(0,T.tZ)(P.e,{})]}),!0===e.premium_link&&(0,T.BX)("p",{children:["Learn more about ",(0,T.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,T.tZ)("a",{href:V?(0,b.By)():(0,b.TI)("".concat(b.h_.UPGRADE,"?trial=true")),className:"button -large invisible-logged-out -mobile-full",onClick:function(t){S(e.ctaSignupEmail,t,{destination:V?(0,b.By)():(0,b.TI)("".concat(b.h_.UPGRADE,"?trial=true")),subLocation:"FormSignupEmail",eventValue:e.ctaSignupEmail})},children:e.ctaSignupEmail})]})}function O(e){var t=e.onClick,n=e.className,a=e.children,r=e.isSubmitting;return(0,T.BX)("button",{className:g()(n,{"-request":r}),onClick:t,children:[(0,T.tZ)("span",{className:"signupForm-submit-icon",children:(0,T.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",children:(0,T.tZ)("circle",{cx:"8",cy:"8",r:"7.5"})})}),a]})}var S=n(78960),A=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,S.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,T.BX)("a",{className:g()("gmail-button-continue exp-gmail-button-continue",n),title:t,tabIndex:0,onClick:function(){r()},onKeyDown:function(e){"Enter"===e.key&&r()},children:[(0,T.tZ)("div",{className:"google-sso-verification-button-background",children:(0,T.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,T.tZ)("div",{className:"gmail-button-text-wrapper-continue",children:(0,T.tZ)("span",{className:g()("gmail-button-text-continue",a),children:t})})]})},E=n(27306),N=n(74883),j=(0,o.Z)("div",{target:"e1a20g1y1"})("margin:20px 0 0 0;max-width:432px;.form-option{margin:0;padding:",N.N.SPACING_16," 0;font-size:12px;color:",E.D.NEUTRAL_4,";&::before,&::after{width:43%;border-color:",E.D.NEUTRAL_4,";}}a.gmail-button-continue{margin:0;border-color:",E.D.NEUTRAL_5,";background-color:transparent;transition:0.25s border-color;&:hover{background-color:transparent;border-color:",E.D.NEUTRAL_9,";transition:0.25s border-color;}&.-bg-blue{background-color:#4285f4;}}span.gmail-button-text-continue{&.-white{color:#fff;padding-left:",N.N.SPACING_8,";}}"),D=(0,o.Z)("span",{target:"e1a20g1y0"})({name:"50zrmy",styles:"text-transform:uppercase"}),B=n(40045);function F(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 L=function(e){var t,n=(0,i.useContext)(c.Z).global_or,r=(0,B.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,T.BX)(j,{id:"signupFormWithGoogleButton",children:[(0,T.tZ)(A,{buttonText:o,buttonTextClassName:e.google_button_text_class_notrans,buttonClassName:e.google_button_class_notrans}),(0,T.tZ)("div",{className:"form-option",children:(0,T.tZ)(D,{children:n})}),(0,T.tZ)(C,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach(function(t){(0,a.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},e))]})},H=n(47794),I=n(17057),U=n(38841),R=n(91225);function G(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}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach(function(t){(0,a.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function q(e){var t,n,a=(0,i.useContext)(c.Z),o=(0,B.Z)(),u={ctaSignupEmail:(null==e||null===(t=e.cta_signup_email_override_notrans)||void 0===t?void 0:t[o])||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,x.ZP)(),d="true"===(0,l.useSearchParams)().get(s.g.SUPPRESS_LOGGED_IN),g=(0,H.Z)(),m=!((0,r.Z)(g,1)[0]&&!d)&&e.show_signup_google_button_notrans&&!p,b=e.should_wrap_container_notrans?V:i.Fragment,f=!!(null!==(n=e.multiline_notrans)&&void 0!==n&&n.includes(o));return m?(0,T.BX)(b,{multiline:f,children:[(0,T.tZ)(L,X(X({},u),e)),Array.isArray(e.texts)?(0,T.tZ)(I.default,{texts:e.texts}):null]}):(0,T.tZ)(b,{multiline:!1,children:(0,T.tZ)(C,X(X({},u),e))})}var V=(0,o.Z)("div",{target:"eorjmaa0"})("display:grid;grid-template-columns:425px;justify-content:center;",(0,R.mq)(R.Uo.MOBILE_480,!0),"{grid-template-columns:auto;.gmail-button-text-continue{font-size:14px!important;line-height:1.25;}}",(0,R.mq)(R.Uo.MOBILE_375,!0),"{.signup-email-create-account,.signupForm-submit{font-size:14px;}}.form-option{padding:",N.N.SPACING_4," 0!important;span{color:",U.fV.TEXT.TEXT_WEAK,";font-weight:500!important;}}.signupForm-tos{font-size:12px;line-height:20px;a{font-weight:normal;text-decoration:underline;color:",U.fV.TEXT.TEXT,";border:0;:hover{text-decoration-color:",U.fV.INLINE_LINKS.INLINE_LINK_HOVER,";}}}.signupForm-row{padding:0;}#signupFormWithGoogleButton{display:flex;flex-direction:column;margin-bottom:",N.N.SPACING_40,";",(0,R.mq)(R.Uo.TABLET_960),"{margin-bottom:",N.N.SPACING_16,";}}.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%":""},";}")},2241:function(e,t,n){n.r(t),n.d(t,{default:function(){return f}});var a=n(59499);n(67294);var r=n(55319),o=n(35005),i=n(79712);n(9008);var l=n(50390),s=n(58695),c=n(35944);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}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach(function(t){(0,a.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var d=(0,r.Z)("p",{target:"eqsi92x0"})((0,s.n5)("p3")," a{",(0,s.n5)("link-3"),";}");function g(e){return(0,c.BX)(c.HY,{children:[e.modal_id_notrans&&e.ctaSignupLegalText&&(0,c.tZ)(d,{children:(0,c.tZ)(o.ZP,{html:e.ctaSignupLegalText})}),(0,c.tZ)(i.default,p(p({},e),{},{context:"modal-".concat(e.modal_id_notrans),modifier:"center",center:"true",button_classname:"js-signup-button"})),"try"===e.modal_id_notrans||"trial"===e.modal_id_notrans?(0,c.BX)(c.HY,{children:[(0,c.tZ)("div",{className:"visible-logged-in",children:(0,c.tZ)("a",{href:(0,l.TI)("".concat(l.h_.UPGRADE,"?trial=true")),className:"button -large",children:e.ctaLoginTrialText})}),"try"===e.modal_id_notrans&&e.ctaTryTrialText&&(0,c.BX)(c.HY,{children:[(0,c.tZ)("p",{className:"try-user-text",children:(0,c.tZ)(o.ZP,{html:e.ctaTryTrialText})}),(0,c.tZ)("hr",{})]})]}):(0,c.tZ)("div",{className:"visible-logged-in",children:(0,c.tZ)("a",{href:(0,l.TI)(l.h_.ROOT),className:"button -large",children:e.ctaGoToAppDesktopText&&(0,c.tZ)(o.ZP,{html:e.ctaGoToAppDesktopText})})})]})}function m(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}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach(function(t){(0,a.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e){return(0,c.tZ)(g,b(b({},e),{},{ctaSignupText:e.global_CTAsignupText,signupTrialText:e.global_CTAsignupTrialText,ctaGoToAppDesktopText:e.global_CTAgoToAppDesktop,ctaTryTrialText:e.global_try_link_trial,ctaLoginTrialText:e.global_CTAloginTrial,ctaSignupLegalText:e.global_CTAsignupLegalese,emailPlaceholder:e.global_placeholderEmail,ctaCompleteSignup:e.global_CTAcompleteSignup}))}},1116:function(e,t,n){n.d(t,{GQ:function(){return i}});var a,r=n(39332),o=n(50145),i=((a={}).ALIGN="align",a.NONPROFIT="nonprofit",a.STUDENT="student",a);t.ZP=function(){var e=(0,r.useSearchParams)().get(o.g.PARTNERSHIP_CHANNEL);return e&&-1!==Object.values(i).indexOf(e)?e:void 0}},78960:function(e,t,n){n.d(t,{Hq:function(){return r},ZP:function(){return i},qb:function(){return l},wL:function(){return a}});var a="1032199425885-oq9scukspijc682n7k2erv386nc58que.apps.googleusercontent.com",r="/-/oauth2callback",o=function(e,t,n){var a={redirect_uri:e,response_type:"code",client_id:"1032199425885-oq9scukspijc682n7k2erv386nc58que.apps.googleusercontent.com",scope:"profile email",state:t,prompt:"select_account",login_hint:n},r=[];return Object.keys(a).forEach(function(e){a[e]&&r.push(e+"="+encodeURIComponent(a[e]))}),"https://accounts.google.com/o/oauth2/auth?"+r.join("&")};function i(e){var t=[e.target_url,e.is_create?"create":"","https://asana.com",e.xsrf_token,e.opt_share_link_domain_id?e.opt_share_link_domain_id:"",e.opt_share_link_key?e.opt_share_link_key:""].join(" ");e.window.location.href=o(e.oauth_action_url,t,e.opt_google_email)}var l=function(e,t){var n=t.target_url,a=t.is_create,r=t.xsrf_token,o=t.id,i={state:[n,a?"create":"",n,r].join(" "),id:o,xsrf_token:r},l=Object.keys(i).map(function(e){if(i[e])return e+"="+encodeURIComponent(i[e])}).join("&");return"".concat(e,"?").concat(l)}}}]);