https://mixtiles.com/static/js/getstarted._.DtX723J6.main.js

1var Ze=Object.defineProperty;var $e=(e,i,n)=>i in e?Ze(e,i,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[i]=n;var U=(e,i,n)=>$e(e,typeof i!="symbol"?i+"":i,n);import{i as d,E as et,l as ce,u as N,j as t,W as le,r as p,b8 as tt,a4 as L,f as Y,b9 as nt,a as W,b as J,an as Ae,s as it,aI as st,N as at}from"./vendor.C--JXtB9.chunk.js";import{aR as ot,u as pe,a3 as E,bm as G,bn as T,bo as K,bp as de,bq as ue,br as ae,T as rt,B as ct}from"./TopBar.DUnuj5ek.chunk.js";import{i as lt,B as pt,P as dt,a as ut,A as mt,b as we,c as ht}from"./BackButton.BLNhM8SN.chunk.js";import{o as y,b as je,u as Q,B as q,h as X}from"./Button.DjtaW9Dr.chunk.js";import{L as me,a as h,K as he,k as gt,M as _e,c as B,u as R,N as ft,_ as D,Q as x,d as Oe,S as Z,W as $,O as F,R as oe,V as H,X as xt}from"./Analytics.CnEGCNDc.chunk.js";import{u as Re,g as z}from"./GdprMananger.CXWOkyzF.chunk.js";import{E as bt,x as St,W as Ct,P as wt,d as Et,X as yt,e as It,D as vt,v as kt,l as ee,m as ge,j as Pe,H as Tt,i as re,Z as Me,_ as Ue}from"./ApiUtils.DUU7R7v4.chunk.js";import{s as Nt,m as At,M as jt}from"./uptimeMeasure.BlX5N0DU.chunk.js";import"./SplashSpinner.BhtjwGg_.chunk.js";import"./BlurryBackground.L7fJa4cf.chunk.js";const _t=d.div.withConfig({componentId:"sc-ocjwyh-0"})(["display:flex;flex-direction:column;align-items:center;"]),Ot=d.img.withConfig({componentId:"sc-ocjwyh-1"})(["width:206px;height:206px;margin-bottom:20px;"]),fe=d.div.withConfig({componentId:"sc-ocjwyh-2"})(["font-size:30px;line-height:33px;font-weight:700;letter-spacing:-0.2px;text-align:center;color:",";max-width:300px;white-space:pre-line;","{font-size:34px;line-height:37px;letter-spacing:-0.77px;}"],({theme:e})=>e.colors.black,y()),Rt=d.div.withConfig({componentId:"sc-ocjwyh-3"})(["font-size:18px;line-height:21px;font-weight:600;text-align:center;color:",";max-width:280px;margin:14px 0 32px;white-space:pre-line;","{font-weight:400;line-height:23px;color:",";max-width:400px;}"],({theme:e})=>e.colors.black,y(),({theme:e})=>e.colors.grayDark),xe=d.form.withConfig({componentId:"sc-ocjwyh-4"})(["display:flex;flex-direction:column;align-items:center;position:relative;"]),be=d.div.withConfig({componentId:"sc-ocjwyh-5"})(["display:flex;flex-direction:column;align-items:center;width:90%;","{width:392px;}"],je()),Pt=et(["from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}"]),te=d.div.withConfig({componentId:"sc-ocjwyh-6"})(["font-size:30px;font-weight:700;line-height:33px;letter-spacing:-0.2px;color:",";text-align:center;max-width:300px;margin-bottom:34px;transition:all 0.3s;transition-delay:0.1s;transition-timing-function:ease-out;animation:"," 0.3s;animation-fill-mode:forwards;",""],({theme:e})=>e.colors.black,Pt,({theme:e})=>e.language===me.JAPANESE&&ce(["white-space:pre-line;"])),Mt=d.span.attrs({role:"img","aria-label":"Wave"}).withConfig({componentId:"sc-ocjwyh-7"})(["display:inline-block;transform:rotate(10deg);animation-name:wave;animation-duration:0.2s;animation-delay:1s;animation-iteration-count:8;animation-direction:alternate;animation-timing-function:linear;animation-fill-mode:backwards;@keyframes wave{from{transform:rotate(10deg);}to{transform:rotate(30deg);}}"]),Le=d.div.withConfig({componentId:"sc-ocjwyh-8"})(["width:90%;position:",";left:5%;bottom:25px;","{margin-top:34px;}"],({$isBottomFixed:e})=>e?"fixed":"initial",y()),De=d.div.withConfig({componentId:"sc-ocjwyh-9"})(["position:fixed;bottom:28px;left:0;right:0;display:flex;justify-content:center;","{position:absolute;}"],y()),Ut=d.div.withConfig({componentId:"sc-8q4zej-0"})(["color:",";font-size:10px;line-height:14px;a{color:",";text-decoration:underline;}","{font-size:14px;}",""],({theme:e})=>e.colors.grayDark,({theme:e})=>e.colors.grayDark,je(),({$short:e})=>e&&ce(["margin:auto;font-size:14px;"]));function We({textStringId:e,className:i=null,short:n}){const{t:s}=N(),a=()=>{h.trackEmailCaptureTermsOfUseTapped()},o=()=>{h.trackEmailCapturePrivacyPolicyTapped()},r=s("general.gdpr_dialog.terms_of_use"),c=s("general.gdpr_dialog.privacy_policy"),l=s(e,{v1:r,v2:c}).split(r),u=l.length===2,g=u?l[1].split(c):l[0].split(c),f=u?[l[0],r,g[0],c]:[g[0],c];return g.length>1&&f.push(g[1]),t.jsx("div",{className:le("PrivacyDisclaimer",{short:n},i),children:t.jsx(Ut,{$short:n,children:f.map((S,C)=>S===r?t.jsx("a",{onClick:a,href:bt,target:"_blank",rel:"noopener noreferrer",children:S},C):S===c?t.jsx("a",{onClick:o,href:St,target:"_blank",rel:"noopener noreferrer",children:S},C):t.jsx("span",{children:S},C))})})}function Lt(e,i){return(!e||e.length===0)&&(!i||i.length===0)?!0:!(!e||e.length<2||i&&i.length<7)}function Dt({isSoftOptIn:e,inputRef:i}){const{t:n}=N(),s=Q(),a=Re();let o;if(e){const r="__EMPH__";o=n("new_email_capture.disagree_to_emails.text",{emphasized:r}).split(" ").map(c=>c===r?t.jsx("span",{className:"emphasized",children:n("new_email_capture.disagree_to_emails.emphasized")},"emphasized"):c).map(c=>[c," "])}else if(he(s.ipCountry))o=a===me.ENGLISH?n("new_email_capture.agree_to_emails"):n("new_email_capture.agree_to_emails_sign_now");else return null;return t.jsxs("div",{className:le("checkbox-wrapper"),children:[t.jsx(tt,{inputRef:i,disableRipple:!0,classes:{root:"consent-checkbox"}}),t.jsx("span",{className:"consent-text",children:o})]})}const Wt=p.forwardRef((e,i)=>t.jsx(Dt,{...e,inputRef:i}));function Bt(e,i){const[n,s]=p.useState(-1),a=p.useCallback(o=>

1{if(o.keyCode===40){o.preventDefault();const r=n===e-1?0:n+1;s(r)}else if(o.keyCode===38){o.preventDefault();const r=n===0?e-1:n-1;s(r)}},[e,n,s,i]);return p.useEffect(()=>(document.addEventListener("keydown",a,!1),()=>{document.removeEventListener("keydown",a,!1)}),[a]),[n,s]}function Vt({email:e,focusIndex:i,setFocusIndex:n,filteredDomains:s,handleSelect:a,itemRefs:o}){p.useEffect(()=>{if(s.length===0)return;const r=c=>{c.key==="Enter"&&i>=0&&s[i]&&c.target instanceof HTMLInputElement&&c.target.type==="email"&&(c.preventDefault(),a(s[i]))};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[i,s,a]),p.useEffect(()=>{e.includes("@")&&n(-1)},[e,n]),p.useEffect(()=>{var r;i>=0&&o.current[i]&&((r=o.current[i])==null||r.scrollIntoView({block:"nearest"}))},[i,o])}const Ft=d.div.withConfig({componentId:"sc-r2ixuh-0"})(["--input-height:60px;--input-border-radius:8px;position:relative;width:100%;> div:first-child{border-bottom-left-radius:",";border-bottom-right-radius:",";}"],({$isOpen:e})=>e?"0":"var(--input-border-radius)",({$isOpen:e})=>e?"0":"var(--input-border-radius)"),Gt=d.ul.withConfig({componentId:"sc-r2ixuh-1"})(["position:absolute;top:var(--input-height);left:0;right:0;z-index:10;background:",";border:2px solid ",";border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin:0;padding:0;list-style:none;max-height:calc(var(--input-height) * 4);overflow-y:auto;"],({theme:e})=>e.colors.grayBright,({theme:e})=>e.colors.grayAccent),Ht=d.li.withConfig({componentId:"sc-r2ixuh-2"})(["height:var(--input-height);display:flex;align-items:center;padding:0 24px;font-size:18px;font-weight:500;cursor:pointer;border-top:1px solid ",";background-color:",";&:hover{background-color:",";}"],({theme:e})=>e.colors.grayAccent,({$isHighlighted:e,theme:i})=>e?i.colors.hoverGray:"transparent",({theme:e})=>e.colors.hoverGray),zt=d.span.withConfig({componentId:"sc-r2ixuh-3"})(["color:",";"],({theme:e})=>e.colors.grayDark),Yt=d.span.withConfig({componentId:"sc-r2ixuh-4"})(["color:",";"],({theme:e})=>e.colors.black),Ee=["gmail.com","yahoo.com","hotmail.com","icloud.com","aol.com","outlook.com","hotmail.co.uk","comcast.net","me.com","live.com"];function Jt(e){var n;const i=(n=e.split("@")[1])==null?void 0:n.toLowerCase();return i?Ee.filter(s=>s.startsWith(i)):Ee}function Kt({email:e,onSelect:i}){const n=Jt(e),[s,a]=Bt(n.length),o=p.useRef([]),r=p.useCallback(u=>{i(`${e.split("@")[0]}@${u}`)},[e,i]);if(Vt({email:e,focusIndex:s,setFocusIndex:a,filteredDomains:n,handleSelect:r,itemRefs:o}),n.length===0)return null;const c=e.indexOf("@"),b=e.slice(0,c),l=e.slice(c+1).toLowerCase();return t.jsx(Gt,{children:n.map((u,g)=>t.jsxs(Ht,{ref:f=>{o.current[g]=f},$isHighlighted:g===s,onMouseDown:()=>r(u),children:[t.jsxs(zt,{children:[b,"@",l]}),t.jsx(Yt,{children:u.slice(l.length)})]},u))})}const Qt={welcome:"AI Templates - Welcome",places:"AI Templates - Places",kids:"AI Templates - Kids",studio:"AI Templates - Studio"};function Be(e){if(!e)return;const i=new URL(e,window.location.origin);if(i.host!==window.location.host){const s=Ct(i);if(s)return Qt[s]}const n=i.pathname;if(["/",wt,Et].includes(n))return"Main";if(n.startsWith(yt))return"Art";if(n.startsWith(It))return"Photo Books";if(n===vt)return"Gallery Walls";if(n.startsWith(kt)){const a=n.split("/")[2];return a?`AI Templates - ${gt(a)}`:"AI Templates"}}function qt({submitText:e,onDone:i,inputProps:n}){const{isMobile:s,isTablet:a}=ot(),{t:o}=N(),r=Q(),[c,b]=p.useState(),[l,u]=p.useState(),[g,f]=p.useState(L(c??"")),[S,C]=p.useState(!1),[v,k]=p.useState(!1),[A,I]=p.useState(!1),[P,V]=p.useState(!1),O=p.useRef(null),j=p.useRef(null),w=s||a,_=pe("md"),ne=_e(r.ipCountry),[Fe]=Y(),Se=B(),Ge=Se.isEnabled("quiz-email-capture-autocomplete"),ie=Se.getVariantKey("skip-survey-with-optional")==="quiz-with-skip-button";R(()=>{h.trackScreenView("Email Capture Email"),u(E.getUserFullName());const m=E.getUserEmail();m&&(b(m),f(L(m)))});const He=m=>{b(m),f(L(m)),V(Ge&&m.includes("@")&&!L(m))},ze=async m=>{const M=m.split("@")[1];h.track(D.EMAIL_AUTOCOMPLETE_SELECTED,{Domain:M}),b(m),f(!0),V(!1),await se(m)},Ye=()=>{w&&(I(!0),j.current&&O.current&&setTimeout(()=>O.current&&O.current.scrollIntoView({behavior:"smooth"}),100))},Je=()=>{w&&I(!1)},Ke=()=>{C(!0)},Qe=()=>{const m=j.current;if(m)return ne?!m.checked:m.checked},Ce=async m=>{m.preventDefault(),!c||g?await se(c):Ke()},se=async m=>{k(!0);const M=Qe();ee.info("EmailCapture handleSubmit",{email:!!m,marketingConsentGiven:M,checkboxRefExists:!!j.current,isSoftOptIn:ne,ipCountry:r.ipCountry}),await E.setUserEmail({email:m,source:ae.onboarding,onboardingFlow:Be(Fe.get("redirectTo")),emailConsent:M}),M?(z.setMarketingConsentGiven(ae.onboarding,m),E.setExplicitEmailConsent(m,!0)):he(r.ipCountry)||m&&z.sendEmailedAllowedEvent(ae.onboarding,m),i()},qe=async()=>{h.track(D.SKIP_TAPPED,{Source:`Quiz - ${x.EMAIL}`}),await se(void 0)},Xe=l?o("new_email_capture.title",{v1:ft(l)[0]}):o("new_email_capture.title_no_name");return t.jsx(xe,{onSubmit:async()=>await Ce,children:t.jsxs(be,{children:[t.jsxs(te,{ref:O,children:[Xe," ",t.jsx(Mt,{children:"👋"})]}),t.jsxs(Ft,{$isOpen:P,children:[t.jsx(G,{variant:_?"simple":"white",placeholder:o("new_email_capture.email_placeholder"),value:c,onChange:He,fullWidth:!0,minWidth:"0",type:"email",name:"email",onFocus:Ye,onBlur:Je,isInvalid:S&&!g,invali

1dMessage:o("general.address_form.validation_errors.email.invalid"),testId:"email-capture-email-input",...n}),P&&t.jsx(Kt,{email:c??"",onSelect:ze})]}),t.jsx(T,{transparent:!0,margin:_?10:6}),t.jsx(q,{size:X.xl,fullWidth:!0,minWidth:0,loading:v,onClick:Ce,testId:"cta-email-capture",children:e}),t.jsx(T,{transparent:!0,margin:10}),t.jsx(Wt,{ref:j,isSoftOptIn:ne}),t.jsx(K,{}),!_&&t.jsx(T,{transparent:!0,margin:29}),ie&&t.jsx(De,{children:t.jsx(de,{type:"button",variant:ue.underline,onClick:qe,children:o("general.skip")})}),t.jsx(Le,{$isBottomFixed:!ie&&!_||ie&&_,children:t.jsx(We,{short:!0,textStringId:"new_email_capture.privacy_disclaimer",className:le({"keyboard-open":A,"supports-keyboard":w})})})]})})}const Xt=20;function Zt({title:e,onDone:i,inputProps:n}){const{t:s}=N(),o=B().getVariantKey("skip-survey-with-optional")==="quiz-with-skip-button",[r,c]=p.useState(),[b,l]=p.useState(!1),[u,g]=p.useState(!1),f=pe("md");R(()=>{h.trackScreenView("Email Capture Name"),c(E.getUserFullName())});const S=()=>{l(!0)},C=I=>{I.length<=Xt&&c(I)},v=()=>{g(!0),i()},k=()=>{h.track(D.SKIP_TAPPED,{Source:`Quiz - ${x.NAME}`}),v()},A=I=>{I.preventDefault(),r?r&&r.length>1&&!r.match(/[0-9\u05D0-\u05EA,\\_?!#@$%^&*()<>/']/)&&!r.match(/([\uE000-\uF8FF]|\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDDFF])/)?(E.setUserFullName(r),h.track(D.NAME_CAPTURED,{Name:r}),v()):S():v()};return t.jsx(xe,{onSubmit:A,children:t.jsxs(be,{children:[t.jsx(te,{children:e}),t.jsx(G,{variant:f?"simple":"white",placeholder:s("new_email_capture.name_placeholder"),value:r,name:"name",autoComplete:"name",onChange:C,minWidth:"0",fullWidth:!0,isInvalid:b,invalidMessage:s("general.address_form.validation_errors.name.invalid"),...n}),t.jsx(T,{transparent:!0,margin:f?10:6}),t.jsx(q,{size:X.xl,onClick:A,minWidth:0,fullWidth:!0,loading:u,testId:"cta-name-capture",children:s("new_email_capture.continue")}),t.jsx(K,{}),!f&&t.jsx(T,{transparent:!0,margin:35}),o&&t.jsx(De,{children:t.jsx(de,{type:"button",variant:ue.underline,onClick:k,children:s("general.skip")})})]})})}const Ve=nt(async()=>{let e=!1,i=!1;try{const n=await ge.get("/v1/user/userCapturedData/summary");e=n.data.phoneNumberCaptured,i=n.data.attributionSurveyAnswered}catch(n){ee.error("Failed to fetch user captured data summary",n)}return{phoneNumberCaptured:e,attributionSurveyAnswered:i}}),$t=({username:e,email:i,marketingConsentGiven:n})=>{(e||i)&&h.track("Web Email Capture Screen Filled",{filledName:!!e,filledEmail:!!i,marketingConsentGiven:n},{serverSideAnalyticsPlatforms:[Oe.Tiktok]});const s=Pe();ge.post("v1/user/userCapturedData",{userFullName:e,email:i,firstPurchaseTarget:Z.get($),amplitudeDeviceId:s}).then(a=>{ee.info(a.data)})},en="/static/assets/guyOpenBox.Bd8M5_K4.webp";function tn({emailCaptureUrl:e}){const{t:i}=N(),n=W(),s=J();R(()=>{h.trackScreenView("Onboarding Quiz Intro")});const a=()=>{n({pathname:e,search:s.search})},o=()=>{h.track("Quiz Intro Lets Go Tapped"),h.trackFirstInteraction(),a()};return t.jsxs(_t,{children:[t.jsx(Ot,{src:en}),t.jsx(fe,{children:i("new_email_capture.intro.title")}),t.jsx(Rt,{children:i("pitch.headline")}),t.jsx(q,{size:X.xl,onClick:o,minWidth:295,testId:"cta-start-onboaring",children:i("pitch.main_button_cta")})]})}const nn=d.img.withConfig({componentId:"sc-2vplh7-0"})(["width:79px;height:79px;margin-left:26px;","{width:128px;height:128px;margin-left:unset;}"],y()),sn=d.img.withConfig({componentId:"sc-2vplh7-1"})(["width:84px;height:84px;margin-left:21px;","{width:133px;height:133px;margin-left:unset;}"],y()),an=d(fe).withConfig({componentId:"sc-2vplh7-2"})(["margin:auto auto 40px auto;opacity:0;transform:scale(1.1);transition:all 0.3s;",""],({$visible:e})=>e&&ce`
2      opacity: 1;
3      transform: scale(1);
4    `),ye=d.p.withConfig({componentId:"sc-2vplh7-3"})(["font-size:22px;font-weight:700;margin-bottom:5px;color:",";","{margin-bottom:12px;}"],({theme:e})=>e.colors.primary,y()),Ie=d.p.withConfig({componentId:"sc-2vplh7-4"})(["font-size:16px;margin-top:10px;margin-bottom:17px;color:",";max-width:188px;","{max-width:unset;}"],({theme:e})=>Ae(e.colors.black,.6),y()),on="data:image/webp;base64,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",rn="data:image/webp;base64,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";function ve({emailCaptureUrl:e}){const{t:i}=N(),[n,s]=p.useState(!1),a=W(),o=J(),{ipCountry:r}=Q(),c=r==="JP",u=B().isEnabled("quiz-email-before-name")?x.EMAIL:x.NAME;p.useEffect(()=>{h.trackScreenView("Who's it for"),setTimeout(()=>{s(!0)},1)},[]);const g=f=>{Z.set($,f),h.track("Passed who is it for step",{value:f}),h.setUserProperties({"Who is it for":f}),f===F.GIFT&&!c?a({pathname:`${e}/${x.CHOOSE_GIFT}`,search:o.search}):a({pathname:`${e}/${u}`,search:o.search})};return t.jsxs("div",{className:`step-1-wrapper ${n?"visible":""}`,children:[t.jsx(an,{$visible:n,children:i("new_email_capture.who_for")}),t.jsxs("div",{className:"options",children:[t.jsxs("div",{className:"option","data-testid":"btn-me",onClick:()=>g(F.ME),children:[t.jsx(nn,{src:on}),t.jsxs("div",{children:[t.jsx(ye,{children:i("new_email_capture.for_me")}),t.jsx(Ie,{children:i("new_email_capture.for_me_subtitle")})]})]}),t.jsxs("div",{className:"option","data-testid":"btn-gift",onClick:()=>g(F.GIFT),children:[t.jsx(sn,{src:rn}),t.jsxs("div",{children:[t.jsx(ye,{children:i("new_email_capture.for_gift")}),t.jsx(Ie,{children:i("new_email_capture.for_gift_subtitle")})]})]})]})]})}const cn=d(fe).withConfig({componentId:"sc-8o9eog-0"})(["margin:auto auto 50px auto;"]),ln=d.img.withConfig({componentId:"sc-8o9eog-1"})(["width:71px;height:95px;margin-left:38px;","{width:86px;height:160px;margin-left:unset;}"],y()),ke=d.p.withConfig({componentId:"sc-8o9eog-2"})(["font-size:22px;font-weight:700;margin-bottom:5px;color:",";","{margin-bottom:12px;}"],({theme:e})=>e.colors.primary,y()),Te=d.p.withConfig({componentId:"sc-8o9eog-3"})(["font-size:16px;margin-top:10px;margin-bottom:17px;color:",";max-width:188px;","{max-width:unset;}"],({theme:e})=>Ae(e.colors.black,.6),y()),pn=d.img.withConfig({componentId:"sc-8o9eog-4"})(["width:68px;height:95px;margin-left:38px;","{width:71px;height:160px;margin-left:unset;}"],y()),dn="/static/assets/deliveryBoxes.XPDnetXN.webp",un="/static/assets/holdingGifts.d7I8eiRy.webp";function mn({emailCaptureUrl:e,redirectUrlOnOnboardingDone:i}){const n=W(),[s]=Y(),{t:a}=N(),o=Re(),b=B().isEnabled("quiz-email-before-name")?x.EMAIL:x.NAME;R(()=>{h.trackScreenView("Gift Selection")});const l=u=>{const g=u===oe.GIFT_CARD?Tt:i;h.track("Passed choose gift step",{value:u}),h.setUserProperties({"Chosen Gift":u}),s.set("redirectTo",g||""),n(`${e}/${b}?${s}`)};return t.jsxs("div",{className:"step-1-wrapper visible",children:[t.jsx(cn,{children:a("new_email_capture.gift_question")}),t.jsxs("div",{className:"options",children:[t.jsxs("div",{className:"option",onClick:()=>l(oe.PICK_YOURSELF),children:[t.jsx(ln,{src:dn}),t.jsxs("div",{children:[t.jsx(ke,{children:o===me.ENGLISH?a("new_email_capture.a_box_of_mixtiles.tiles_or_book"):a("new_email_capture.a_box_of_mixtiles.title")}),t.jsx(Te,{children:a("new_email_capture.a_box_of_mixtiles.subtitle")})]})]}),t.jsxs("div",{className:"option",onClick:()=>l(oe.GIFT_CARD),children:[t.jsx(pn,{src:un}),t.jsxs("div",{children:[t.jsx(ke,{children:a("new_email_capture.gift_card.title")}),t.jsx(Te,{children:a("new_email_capture.gift_card.subtitle")})]})]})]})]})}function hn({step:e}){var j;const i=Q(),n=W(),s=it(),a=J(),[o]=Y(),{t:r}=N(),c=!pe("md"),b=B(),l="/getstarted",u=b.isEnabled("quiz-email-before-name"),g=lt(i.ipCountry),[f]=p.useState(a.state);function S(){const w=o.get("redirectTo")||"/";if(h.track("Quiz Finished Succesfully",{"Redirect URL":w,"Full URL":a.pathname+a.search+a.hash,Step:e}),Me(w)){window.location.href=Ue(w,a.search,E.getUserEmail());return}n(w,{state:{source:"Onboarding",...f}})}const C=async()=>{const{phoneNumberCaptured:w,attributionSurveyAnswered:_}=await Ve();b.isEnabled("capture-phone-number")&&!w&&!g?n({pathname:`${l}/${x.PHONE_NUMBER}`,search:a.search}):($t({username:E.getUserFullName(),email:E.getUserEmail(),marketingConsentGiven:z.didGetMarketingConsent()}),_?(H({passedEmailCaptureScreen:!0}),S()):n({pathname:`${l}/${x.ATTRIBUTION_SURVEY}`,search:a.search}))},v=w=>()=>{n({pathname:`${l}/${w}`,search:a.search})},k=t.jsx(gn,{t:r,onDone:u?C:v(x.EMAIL)}),A=t.jsx(qt,{submitText:r("new_email_capture.continue"),onDone:u?v(x.NAME):C}),I={default:(j=a.state)!=null&&j.skipWhoForOnboardingStep?u?A:k:t.jsx(ve,{emailCaptureUrl:l}),[x.INTRO]:t.jsx(tn,{emailCaptureUrl:l}),[x.WHO_IS_IT_FOR]:t.jsx(ve,{emailCaptureUrl:l}),[x.CHOOSE_GIFT]:t.jsx(mn,{emailCaptureUrl:l,redirectUrlOnOnboardingDone:o.get("redirectTo")}),[x.NAME]:k,[x.EMAIL]:A,[x.PHONE_NUMBER]:t.jsx(Ne,{navigate:n,location:a,emailCaptureUrl:l,onDone:S,KEYS:i,t:r,isMobile:c,country:i.ipCountry}),[x.ATTRIBUTION_SURVEY]:t.jsx(fn,{emailCaptureUrl:l,onDone:S,t:r}

4),[x.DIRECT_SMS_FLOW]:t.jsx(Ne,{navigate:n,email:o.get("email"),directSmsFlow:!0,KEYS:i,t:r,isMobile:c,country:i.ipCountry})},P=e||"default",V=I[P]?I[P]:I.default,O=a.pathname===`${l}/${x.INTRO}`;return t.jsxs("div",{id:"EmailCapturePage",className:"EmailCapturePage",children:[t.jsx(rt,{leftButton:O?!1:t.jsx(pt,{})}),t.jsxs("div",{className:"content",children:[t.jsx(ct,{color:s.colors.grayBackgroundWhite}),V]})]})}function gn({t:e,onDone:i}){const n=p.useMemo(()=>re()?Z.get($):"",[]);return t.jsx(Zt,{title:n===F.GIFT?e("new_email_capture.lets_create"):e("get_started.title"),onDone:i})}class Ne extends p.Component{constructor(n){super(n);U(this,"handlePhoneChange",n=>{n.length<=16&&(this.validateNumbersOnly(n)||!n)&&this.setState({phone:n})});U(this,"handleCountryCodeChange",n=>{n.length<=5&&(n.charAt(0)==="+"&&(n=n.substr(1)),n||this.setState({countryCode:"+"}),this.validateNumbersOnly(n)&&(n=`+${n}`,this.setState({countryCode:n})))});U(this,"validateNumbersOnly",n=>/^[0-9]+$/.test(n));U(this,"handleSubmit",async n=>{var l,u,g;n.preventDefault();const{directSmsFlow:s}=this.props,{countryCode:a,phone:o,email:r,userName:c}=this.state,b=ut(o)?!1:null;if(Lt(a,o)){const f=o&&a+o,S=new URLSearchParams(window.location.search).get("redirectTo");h.capturePhoneNumber(f,b,"Onboarding",Be(S)),(c||r||o)&&h.track("Web Email Capture Screen Filled",{filledName:!!c,filledEmail:!!r,filledPhone:!!o,marketingConsentGiven:z.didGetMarketingConsent()},{serverSideAnalyticsPlatforms:[Oe.Tiktok]});const C=Pe();if(ge.post("v1/user/userCapturedData",{userFullName:this.state.userName,email:this.state.email,phoneNumber:this.state.phone?this.state.countryCode+this.state.phone:null,explicitSMSConsentGiven:b,firstPurchaseTarget:Z.get($),amplitudeDeviceId:C}).then(k=>{ee.info(k.data)}),s){H({passedEmailCaptureScreen:!0}),this.props.navigate(this.getDirectSmsRedirect());return}const{attributionSurveyAnswered:v}=await Ve();v?(H({passedEmailCaptureScreen:!0}),(u=(l=this.props).onDone)==null||u.call(l)):this.props.navigate({pathname:`${this.props.emailCaptureUrl}/${x.ATTRIBUTION_SURVEY}`,search:((g=this.props.location)==null?void 0:g.search)||""})}else this.indicateInvalids()});this.state={phone:null,countryCode:dt[n.KEYS.ipCountry],phoneValid:!1,userName:re()?E.getUserFullName():void 0,email:re()?L(this.props.email??"")?this.props.email:E.getUserEmail():void 0,indicateInvalids:!1}}componentDidMount(){h.trackScreenView("Email Capture Phone"),h.trackSmsScreenLastSeen()}indicateInvalids(){this.setState({indicateInvalids:!0})}getDirectSmsRedirect(){const n=st.parse(window.location.search).routeWhenReady||"/",s=n.indexOf("?"),a=s===-1?n:n.substring(0,s),o=s===-1?"":new URLSearchParams(n.substring(s+1)).toString();return{pathname:a,search:o}}render(){const n=this.props.t("new_email_capture.sms_step_title"),s=this.props.isMobile?"white":"simple";return t.jsx(xe,{onSubmit:a=>this.handleSubmit(a),children:t.jsxs(be,{children:[t.jsx(te,{"data-testid":"title-phone-capture",children:n}),t.jsxs("div",{className:"phone-fields",children:[t.jsx(G,{variant:s,name:"countryCode",value:this.state.countryCode,onChange:this.handleCountryCodeChange,isInvalid:!1,placeholder:"+",type:"tel",minWidth:this.props.isMobile?"60px":"80px"}),t.jsx(G,{variant:s,value:this.state.phone??"",onChange:this.handlePhoneChange,isInvalid:this.state.indicateInvalids,invalidMessage:this.props.t("general.address_form.validation_errors.phone.invalid"),placeholder:this.props.t("new_email_capture.sms_step_label"),placeholderChild:` (${this.props.t("general.optional")})`,name:"phone",type:"tel",minWidth:"0",fullWidth:!0,testId:"input-phone-capture"})]}),t.jsx(T,{transparent:!0,margin:this.props.isMobile?6:10}),t.jsx(q,{size:X.xl,onClick:this.handleSubmit,minWidth:0,fullWidth:!0,testId:"cta-phone-capture",children:this.props.directSmsFlow?this.props.t("pitch.main_button_cta"):this.props.t("new_email_capture.continue")}),this.props.isMobile&&t.jsx(T,{transparent:!0,margin:41}),t.jsx(Le,{$isBottomFixed:this.props.isMobile,children:t.jsx(We,{textStringId:he(this.props.country)||_e(this.props.country)?"new_email_capture.sms_privacy_disclaimer_consent":"new_email_capture.sms_privacy_disclaimer"})}),t.jsx(K,{})]})})}}function fn({onDone:e,t:i}){R(()=>{h.trackScreenView("Attribution Survey")});const n=({channelName:o,subChannel:r})=>{o&&s({channelName:o,subChannel:r})},s=({channelName:o,subChannel:r})=>{ht.trackAttributionSurveyAnalytics({channelName:o,subChannel:r,source:we.onboarding}),H({passedEmailCaptureScreen:!0}),e()},a=i("new_email_capture.attribution.title");return t.jsxs("form",{className:"attribution-channels",children:[t.jsx(T,{margin:17,transparent:!0}),t.jsx(te,{children:a}),t.jsx(mt,{onClick:n,source:we.onboarding}),t.jsx(de,{type:"button",variant:ue.underline,onClick:()=>n({channelName:"Skip"}),testId:"btn-skip-attribution-survey",children:i("general.skip")}),t.jsx(K,{})]})}function Nn(){const[e]=Y(),{settings:i}=xt(),n=W(),s=J(),o=at()["*"];return R(()=>

4{if(h.track(D.ONBOARDING_RENDERED,{Time:Nt()?At(jt.ONBOARDING):void 0,"Redirect URL":e.get("redirectTo")||"No redirect URL","Full URL":s.pathname+s.search+s.hash,Step:o}),i.passedEmailCaptureScreen){const r=e.get("redirectTo")||"/";Me(r)?window.location.href=Ue(r,s.search,E.getUserEmail()):n(r)}}),t.jsx(hn,{step:o})}export{Nn as default};
5//# sourceMappingURL=getstarted._.DtX723J6.main.js.map