(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1853],{3688:function(e,n,t){"use strict";t.d(n,{E:function(){return w},P2:function(){return C},Vv:function(){return y},XZ:function(){return A},dH:function(){return F},ke:function(){return j},tp:function(){return T}});var i,r,o,a,l,d,c,u=t(8529),s=t(7328),g=t(2784),p=t(25237),m=t.n(p),h=t(48840),b=t(87330),f=t(2660),x=t(50556),k=t(52322),v=t(87810).v4,U=m()(function(){return Promise.resolve().then(t.bind(t,51130))},{ssr:!0,fallback:(0,k.jsx)("div",{style:{width:24,height:24}}),loadableGenerated:{webpack:function(){return[51130]}}}),T=h.zo.div(i||(i=(0,s.Z)(["\n  box-sizing: border-box;\n  width: ",";\n  height: 48px;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: center;\n\n  pointer-events: ",";\n\n  border: "," solid\n    ",";\n\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n  }\n"])),function(e){return e.width||"fit-content"},function(e){return e.disabled?"none":""},function(e){return e.thinFocusBorder?"1px":"2px"},function(e){return e.focused&&!e.disabled?e.theme.colors.palette.brand.base:e.transparentBorder?"transparent":e.theme.colors.palette.greys.white},function(e){return e.theme.colors.palette.brand.lightest},function(e){return e.theme.colors.palette.brand.lighter}),S=h.zo.input(r||(r=(0,s.Z)(["\n  position: absolute;\n  pointer-events: none;\n  overflow: hidden;\n  border: 0;\n  z-index: -1;\n  height: 1px;\n  width: 0;\n  margin: 0;\n  padding: 0;\n  white-space: nowrap;\n  opacity: 0;\n"]))),C=h.zo.div(o||(o=(0,s.Z)(["\n  display: inline-flex;\n  box-sizing: border-box;\n  border: "," solid\n    ",";\n  width: 24px;\n  height: 24px;\n  background: ",";\n"])),function(e){return e.thinBorder?"1px":"2px"},function(e){return e.error?e.theme.colors.error.base:e.disabled?e.theme.colors.palette.greys.light:e.checked?e.theme.colors.palette.brand.base:e.theme.colors.palette.greys.grey},function(e){return e.checked?e.disabled?e.theme.colors.palette.greys.light:e.theme.colors.palette.brand.base:"none"}),F=(0,h.zo)(U)(a||(a=(0,s.Z)(["\n  display: block;\n  margin: auto;\n  stroke: ",";\n"])),function(e){return e.checked?e.theme.colors.palette.greys.white:"none"}),j=h.zo.label(l||(l=(0,s.Z)(["\n  display: flex;\n  position: relative;\n  padding: "," ",";\n  color: ",";\n  word-break: break-word;\n  &:hover {\n    cursor: pointer;\n  }\n"])),(0,h.W0)(1.5),(0,h.W0)(1),function(e){return e.disabled?e.theme.colors.palette.greys.light:e.theme.colors.palette.greys.grey}),w=(0,h.zo)(x.T)(d||(d=(0,s.Z)(["\n  ","\n  margin: ",";\n  ","\n  ","\n  ","\n"])),(0,b.xv)("small","default"),function(){return"0px ".concat((0,h.W0)(1)," 0px ").concat((0,h.W0)(2))},function(e){return e.labelHidden&&"visibility: hidden;"},function(e){return e.labelHidden&&"position: absolute;"},function(e){return e.labelHidden&&"left: -100000px;"}),y=(0,h.zo)(f.Z)(c||(c=(0,s.Z)(["\n  margin-left: ",";\n"])),(0,h.W0)(1)),A=function(e){var n=g.useState(e.checked||!1),t=(0,u.Z)(n,2),i=t[0],r=t[1],o=g.useState(!1),a=(0,u.Z)(o,2),l=a[0],d=a[1],c=e.disabled,s=e.label,p=e.error,m=e.id,h=void 0===m?v():m,b=g.useRef(null),f=e.bindref||b,x=function(n){var t;return"".concat(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().replace(/\:|\?|\.|\!|\"|\'/g,"").split(" ").join("-"),"-").concat(n,"-id-").concat(h)};g.useEffect(function(){return e.getState&&e.getState(i)},[i]),g.useEffect(function(){e.checked!==i&&r(e.checked)},[e.checked]);var U=e.ariaDescribedBy||x("".concat(s,"-error"));return(0,k.jsxs)(g.Fragment,{children:[(0,k.jsx)(T,{disabled:c,focused:l,"data-testid":x("checkbox-container"),width:e.width,thinFocusBorder:e.thinFocusBorder,transparentBorder:e.transparentBorder,children:(0,k.jsxs)(j,{disabled:c,"data-testid":"checkbox-label",children:[(0,k.jsx)(S,{"aria-label":e.labelHidden?e.label:void 0,type:"checkbox",id:h,onFocus:function(){d(!0)},onBlur:function(){d(!1)},disabled:c,checked:i,required:e.required,onChange:function(){e.onChange&&e.onChange(!i),r(!i)},value:"".concat(i),ref:f,"data-testid":x("checkbox-hidden"),"aria-describedby":null==U?void 0:U.toLowerCase().replace(/\:|\?|\.|\!|\"|\'/g,"").split(" ").join("-")}),(0,k.jsx)(C,{"aria-hidden":!0,checked:i,disabled:c,error:!!p,"data-testid":"checkbox-styled",thinBorder:e.thinBorder,children:(0,k.jsx)(F,{checked:i,"data-testid":x("checkbox-tick")})}),(0,k.jsx)(w,{"data-testid":x("checkbox-text"),disabled:e.disabled,content:s,labelHidden:e.labelHidden})]})}),e.error&&(0,k.jsx)(y,{id:x("".concat(s,"-error")),error:e.error})]})}},81853:function(e,n,t){"use strict";t.r(n),t.d(n,{WaitlistSignupWidgetRenderer:function(){return X}});var i,r,o,a,l,d,c,u,s,g=t(95235),p=t(2784),m=t(8529),h=t(28885),b=t(92210),f=t(4626),x=t(7328),k=t(11006),v=t(87330),U=t(48840),T=t(81292),S=t(57209),C=t(51339),F=k.zo.h1(o||(o=(0,x.Z)(["\n  ",";\n  text-align: ",";\n  margin-bottom: ",";\n"])),(0,v.xv)("large1","alternate"),function(e){return e.horizontalAlignment||"left"},(0,U.W0)(2)),j=k.zo.p(a||(a=(0,x.Z)(["\n  ",";\n  text-align: ",";\n  margin-bottom: ",";\n"])),(0,v.xv)("bodyText","default"),function(e){return e.horizontalAlignment||"left"},function(e){return e.extraPadding?(0,U.W0)(3):(0,U.W0)(1)}),w=k.zo.p(l||(l=(0,x.Z)(["\n  ",";\n"])),(0,v.xv)("small","default")),y=(0,k.zo)(C.zx)(d||(d=(0,x.Z)(["\n  margin-top: ",";\n  margin-bottom: ",";\n"])),(0,U.W0)(3),(0,U.W0)(4)),A=k.zo.div(c||(c=(0,x.Z)(["\n  margin-bottom: ",";\n"])),(0,U.W0)(4)),E=(0,k.zo)(S.r)(u||(u=(0,x.Z)(["\n  padding: ",";\n\n  "," {\n    padding: ",";\n  }\n"])),(0,U.W0)(2),function(e){return(0,T.mq)(e.theme.breakpointUtils.map,"sm")},(0,U.W0)(4)),N=t(53055),P=t(53460),I=t(28160),R=t(41857),z=t(10291),D=t(72370),O=t(54329),L=t(95732),Z=t(3688),B=t(9371),M=t(64140),W=t(52322);(0,P.ZP)(s||(s=(0,x.Z)(["\n  mutation SignUpForMarketing($input: SignUpForMarketingInput!) {\n    signUpForMarketing(input: $input)\n  }\n"])));var q=function(e){var n,t,i=p.useRef(null),r=(0,I.w)(),o=(0,R.bW)().csrf,a=(0,z.m)({bucket:D.ej.MARKETING_MATERIAL_SIGN_UP,containerRef:i}),l=(0,R.ND)().showFullNameFieldOnWaitlist,d={requiredFieldText:(0,h.ag)("general.form.required.field")||"* Required field",emailFieldName:(0,h.ag)("form.fieldname.email"),fullNameFieldName:(0,h.ag)("form.fieldname.fullname"),submitButtonText:(0,h.ag)("general.signup.text")},c=(0,N.Db)(M.D,{onCompleted:function(n){n.signUpForEmailMarketingCampaign&&!n.signUpForEmailMarketingCampaign.errors?e.setFormStatus(H.SUCCESSFUL):(r.error("signUpForEmailMarketingCampaign error in Waitlist Signup Form",{data:n}),e.setFormStatus(H.FAILURE))},onError:function(n){r.debug(n.message,{reqId:"Waitlist Signup Form"}),e.setFormStatus(H.FAILURE)}}),u=(0,m.Z)(c,1)[0],s=function(n,t){u({variables:{input:{email:n.emailAddress,name:l?n.name:"",campaignId:e.campaignCode,marketingOptIn:e.enableSignUp===V.OPTIONAL?n.marketingConsentCheckbox:e.enableSignUp===V.AUTO,auditData:{messageShown:e.gdprDisclaimerText||"",formIdentifier:"MARKETING_CAMPAIGN",formLocation:window.location.href}}},context:{headers:{"X-Captcha-Type":a.type,"X-Captcha-Response":t}}})};return(0,W.jsxs)(p.Fragment,{children:[(null===(n=e.title)||void 0===n?void 0:n.text)&&(0,W.jsx)(F,{"data-testid":"form-title",horizontalAlignment:e.title.horizontalAlignment,children:e.title.text}),(null===(t=e.subtitle)||void 0===t?void 0:t.text)&&(0,W.jsx)(j,{extraPadding:!0,horizontalAlignment:e.subtitle.horizontalAlignment,children:e.subtitle.text}),(0,W.jsx)("div",{ref:i,children:(0,W.jsxs)(B.F,{csrf:o,onSubmit:function(e){a.submit(function(n){return s(e,n)})},fields:[{fieldName:"name",renderField:function(n,t){return l?(0,W.jsx)(A,{children:(0,W.jsx)(O.x,{bindref:n,disableSpacing:!0,children:(0,W.jsx)(L.I,{label:e.fullNamePlaceholderText||d.fullNameFieldName,required:!0,type:"text",helperText:d.requiredFieldText,i18nText:{requiredError:(0,h.ag)("general.form.input.validation.required")}})},t)}):null}},{fieldName:"emailAddress",renderField:function(n,t){return(0,W.jsx)(O.x,{bindref:n,disableSpacing:!0,children:(0,W.jsx)(L.I,{label:e.emailPlaceholderText||d.emailFieldName,required:!0,type:"email",helperText:d.requiredFieldText,i18nText:{emailValidationError:(0,h.ag)("general.form.input.validation.email"),requiredError:(0,h.ag)("general.form.input.validation.required")}})},t)}},{fieldName:"marketingConsentCheckbox",renderField:function(n,t){return e.signUpCheckboxLabel&&e.enableSignUp===V.OPTIONAL?(0,W.jsx)(O.x,{bindref:n,disableSpacing:!0,children:(0,W.jsx)(Z.XZ,{checked:!1,label:e.signUpCheckboxLabel,required:!0})},t):null}}],children:[a.captcha,(0,W.jsx)(y,{type:"submit",emphasis:"high","data-testid":"button-submit-waitlist-signup",children:e.buttonText||d.submitButtonText})]})}),e.gdprDisclaimerText&&(0,W.jsx)(w,{children:e.gdprDisclaimerText})]})},H=((i={}).UNSUBMITTED="UNSUBMITTED",i.FAILURE="FAILURE",i.SUCCESSFUL="SUCCESSFUL",i.DUPLICATE="DUPLICATE",i),_=function(e){var n,t,i,r,o=p.useState(H.UNSUBMITTED),a=(0,m.Z)(o,2),l=a[0],d=a[1],c=p.useState(!1),u=(0,m.Z)(c,2),s=u[0],g=u[1],x={successTitle:(0,h.ag)("general.waitlist.signup.success.title")||"Thanks, we’ll be in touch",successSubtitle:(0,h.ag)("general.waitlist.signup.success.subtitle")||"Get ready for an exciting email landing in your inbox soon...",continueShoppingButtonText:(0,h.ag)("general.continueshopping.label"),errorTitle:(0,h.ag)("general.waitlist.signup.error.title")||"Oops, something went wrong!",errorSubtitle:(0,h.ag)("general.waitlist.signup.error.subtitle")||"Click the below link to try again and don’t forget to select “I’m not a robot”, so you don’t miss out on this exciting launch.",errorButtonText:(0,h.ag)("general.waitlist.signup.error.button.text")||"Go back and try again"};return(p.useEffect(function(){if(l===H.SUCCESSFUL){if(e.noAccountReturnUrl&&""!==e.noAccountReturnUrl.trim()){window.location.href=e.noAccountReturnUrl,g(!0);return}}else if(l===H.FAILURE){if(e.errorReturnUrl&&""!==e.errorReturnUrl.trim()){window.location.href=e.errorReturnUrl,g(!0);return}}else if(l===H.DUPLICATE&&e.noAccountReturnUrl&&""!==e.noAccountReturnUrl.trim()){window.location.href=e.noAccountReturnUrl,g(!0);return}},[l,e.noAccountReturnUrl,e.errorReturnUrl,e.registeredReturnUrl,s]),s)?null:(0,W.jsx)(E,{columns:12,children:(0,W.jsx)(f.P,{colStart:[1,4,4,4],colSpan:[12,6,6,6],children:l===H.UNSUBMITTED?(0,W.jsx)(q,{title:e.title,subtitle:e.subtitle,buttonText:e.buttonText,gdprDisclaimerText:e.gdprDisclaimerText,emailPlaceholderText:e.emailPlaceholderText,fullNamePlaceholderText:e.fullNamePlaceholderText,campaignCode:e.campaignCode,setFormStatus:d,enableSignUp:e.enableSignUp,signUpCheckboxLabel:e.signUpCheckboxLabel},"waitlist-form"):(0,W.jsx)(p.Fragment,{children:l===H.SUCCESSFUL||l===H.DUPLICATE?(0,W.jsxs)(p.Fragment,{children:[(0,W.jsx)(F,{"data-testid":"success-title",horizontalAlignment:null===(n=e.title)||void 0===n?void 0:n.horizontalAlignment,children:x.successTitle}),(0,W.jsx)(j,{horizontalAlignment:null===(t=e.subtitle)||void 0===t?void 0:t.horizontalAlignment,children:x.successSubtitle}),(0,W.jsx)(y,{emphasis:"high",renderedAs:"a",href:b.Z5.HomePage,children:x.continueShoppingButtonText})]},"success-container"):(0,W.jsxs)(p.Fragment,{children:[(0,W.jsx)(F,{"data-testid":"error-title",horizontalAlignment:null===(i=e.title)||void 0===i?void 0:i.horizontalAlignment,children:x.errorTitle}),(0,W.jsx)(j,{horizontalAlignment:null===(r=e.subtitle)||void 0===r?void 0:r.horizontalAlignment,children:x.errorSubtitle}),(0,W.jsx)(y,{"data-testid":"go-back-button",emphasis:"high",onClick:function(){d(H.UNSUBMITTED)},children:x.errorButtonText})]},"error-container")})})})};function G(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,i)}return t}var V=((r={}).OPTIONAL="optional",r.AUTO="auto",r.NONE="none",r),X=function(e){return e&&e.campaignCode?(0,W.jsx)(_,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?G(Object(t),!0).forEach(function(n){(0,g.Z)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):G(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}({},{title:{text:e.title||void 0},subtitle:{text:e.subtitle||void 0},buttonText:e.buttonText||void 0,campaignCode:e.campaignCode||"",gdprDisclaimerText:e.gdprDisclaimerText||void 0,emailPlaceholderText:e.placeholderText||void 0,fullNamePlaceholderText:e.fullNamePlaceholderText||void 0,enableSignUp:e.enableSignUp||void 0,signUpCheckboxLabel:e.signUpText||void 0,noAccountReturnUrl:e.noAccountReturnUrl,registeredReturnUrl:e.registeredReturnUrl,errorReturnUrl:e.errorReturnUrl})):null}},64140:function(e){e.exports.D={kind:"Document",operationName:"SignUpForEmailMarketingCampaign",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"SignUpForEmailMarketingCampaign"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"input"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"SignUpForEmailMarketingCampaignInput"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"signUpForEmailMarketingCampaign"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"Variable",name:{kind:"Name",value:"input"}}}],directives:[{kind:"Directive",name:{kind:"Name",value:"client"},arguments:[]}]}]}}],loc:{source:"\nmutation SignUpForEmailMarketingCampaign(\n  $input: SignUpForEmailMarketingCampaignInput!\n) {\n  signUpForEmailMarketingCampaign(input: $input) @client\n}\n"}}}}]);
//# sourceMappingURL=1853.c75e7881152e07cb.js.map