(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2753],{8661:function(t,i,n){"use strict";n.d(i,{x:function(){return u}});var o=n(95235);n(2784);var e=n(54329),d=n(76817),r=n(52322);function a(t,i){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),n.push.apply(n,o)}return n}function l(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?a(Object(n),!0).forEach(function(i){(0,o.Z)(t,i,n[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(n,i))})}return t}var u=function(t){return"undefined"!=typeof Window?(0,r.jsx)(d.df,{rootMargin:"-".concat(t.offset,"px"),children:function(i){var n=i.inView,o=i.ref;return(0,r.jsx)("div",{ref:o,children:(0,r.jsx)(e.x,l(l({},t),{},{inView:n}))})}}):(0,r.jsx)("div",{children:(0,r.jsx)(e.x,l({},t))})}},2753:function(t,i,n){"use strict";n.d(i,{j:function(){return H}});var o,e,d,r,a,l,u,c,s,f,p,v=n(8529),g=n(2784),m=n(53055),k=n(80131),h=n(28160),b=n(41857),x=n(10291),y=n(72370),w=n(28885),O=n(12786),T=n(11006),j=n(3688),N=n(23747),S=n(63402),L=n(31162),P=n(9371),C=n(64491),E=n(7328),W=n(48840),I=n(60299),A=n(92526),Z=n(87330),D=n(81292),F=n(51339),q=n(8661),R=W.zo.div(d||(d=(0,E.Z)(["\n  ","\n"])),function(t){return(0,I.e)(t.margin)}),B=W.zo.div(r||(r=(0,E.Z)(["\n  border-radius: ",";\n  ","\n  ","\n\n  ","\n\n  "," {\n    height: auto;\n    ","\n  }\n\n  "," {\n    display: block;\n    margin-top: ",";\n  }\n\n  "," {\n    height: 24px;\n    padding: 3px;\n    width: 24px;\n  }\n\n  "," {\n    ",";\n  }\n\n  "," {\n    margin-left: 0;\n  }\n"])),function(t){return t.theme.formgroup.general.border.default.radius},function(t){return t.padding&&"padding: ".concat(t.padding," ;")},function(t){return t.backgroundColor&&"background-color: ".concat(t.backgroundColor,";")},function(t){return t.checkboxLabelPadding&&(0,W.iv)(a||(a=(0,E.Z)(["\n      "," {\n        padding: ",";\n      }\n    "])),j.ke,t.checkboxLabelPadding)},j.tp,function(t){return t.checkboxContainerPadding&&(0,A.o)(t.checkboxContainerPadding)},j.P2,(0,W.W0)(.5),j.dH,j.E,(0,Z.xv)("bodyText","default"),j.Vv),V=W.zo.h2(l||(l=(0,E.Z)(["\n  ","\n  margin-bottom: ",";\n"])),(0,Z.xv)("medium1","alternate"),function(t){return t.marginBottom}),z=W.zo.p(u||(u=(0,E.Z)(["\n  margin-bottom: ",";\n"])),(0,W.W0)(2)),M=W.zo.p(c||(c=(0,E.Z)(["\n  margin: "," 0 0;\n"])),(0,W.W0)(2)),_=(0,W.zo)(F.zx)(s||(s=(0,E.Z)(["\n  margin-top: ",";\n  ","\n\n  "," {\n    width: auto;\n  }\n"])),(0,W.W0)(2),function(t){return t.mobileWidth&&"width: ".concat(t.mobileWidth,";")},function(t){return(0,D.mq)(t.theme.breakpointUtils.map,"sm")}),U=(0,W.zo)(q.x)(f||(f=(0,E.Z)(["\n  ",";\n"])),function(t){return t.marginTop&&(0,W.iv)(p||(p=(0,E.Z)(["\n      margin-top: ",";\n    "])),t.marginTop)}),X=n(52322),$=((o=$||{}).ALTERNATE="alternate",o),G=((e={}).pass="PASS",e.failed="FAILED",e.requiresVerification="REQUIRES_VERIFICATION",e),H=function(t){var i,n,o,e,d,r,a,l,u,c,s,f,p,E=(0,h.w)(),W=(0,b.bW)().csrf,I=(0,T.Fg)(),A=g.useState(""),Z=(0,v.Z)(A,2),D=Z[0],F=Z[1],q=g.useState(t.defaultOptInChecked),H=(0,v.Z)(q,2),Q=H[0],J=H[1],K=g.useState(!1),Y=(0,v.Z)(K,2),tt=Y[0],ti=Y[1],tn=(0,x.m)({bucket:y.ej.WAITLIST}),to={gdprDisclaimer:(0,w.ag)("product.outofstocknotification.gdprdisclaimer"),successLegendText:(0,w.ag)("product.outofstocknotification.success.legend.text"),alertEmailRequired:(0,w.ag)("product.outofstocknotification.alert.email.required"),alertCheckboxRequired:(0,w.ag)("product.outofstocknotification.alert.checkbox.required"),mainText:(0,w.ag)("product.outofstocknotification.main.text"),alertEmailInvalid:(0,w.ag)("product.outofstocknotification.alert.email.invalid"),resultFailure:(0,w.ag)("product.outofstocknotification.result.failure"),legendText:(0,w.ag)("product.outofstocknotification.legend.text"),submit:(0,w.ag)("product.outofstocknotification.submit"),successMainText:(0,w.ag)("product.outofstocknotification.success.main.text"),recaptchaRequired:(0,w.ag)("product.outofstocknotification.recaptcha.required"),email:(0,w.ag)("product.outofstocknotification.email"),privacyPolicyLinkText:(0,w.ag)("product.outofstocknotification.privacypolicylink.text"),privacyPolicyLinkUrl:(0,w.ag)("product.outofstocknotification.privacypolicylink.url"),footerMessaging:(0,w.ag)("product.outofstocknotification.footer.text")},te=(0,k.vsprintf)('%s<a href="%s" target="_blank">%s</a>',[to.gdprDisclaimer,to.privacyPolicyLinkUrl,to.privacyPolicyLinkText]),td=(0,m.Db)(C.N,{onCompleted:function(t){F(t.addProductToWaitlistByType.status)},onError:function(t){E.warn("[OutOfStockNotification]: Failed to add product to waitlist with error ".concat(t.message)),F(O.oG.Failed)}}),tr=(0,v.Z)(td,1)[0],ta=function(i,n){tr({variables:{input:{sku:t.sku,waitlistType:O.yn.Email,emailDetails:{email:i.emailAddress,marketingConsentAuditData:{messageShown:to.gdprDisclaimer,formIdentifier:"WAITLIST",formLocation:t.url}}}},context:{headers:{"X-Captcha-Type":tn.type,"X-Captcha-Response":n}}})},tl=[{fieldName:"marketingPreference",renderField:function(){var i;return(0,X.jsx)(g.Fragment,{children:(0,X.jsx)(j.XZ,{checked:t.defaultOptInChecked,error:tt&&!Q?to.alertCheckboxRequired:void 0,label:te,transparentBorder:null===(i=I.widget.productList)||void 0===i||null===(i=i.outOfStockNotification)||void 0===i||null===(i=i.checkbox)||void 0===i?void 0:i.transparentBorder,required:!0,onChange:function(t){J(t),tt||ti(!0)}})})}},{fieldName:"emailAddress",renderField:function(i,n){var o;return(0,X.jsx)(U,{bindref:i,offset:1,disableSpacing:!0,marginTop:t.defaultOptInChecked?"0":null===(o=I.widget)||void 0===o||null===(o=o.productList.outOfStockNotification)||void 0===o||null===(o=o.emailField)||void 0===o||null===(o=o.margin)||void 0===o?void 0:o.top,children:(0,X.jsx)(N.I,{i18nText:{requiredError:to.alertEmailRequired,emailValidationError:to.alertEmailInvalid},label:to.email,type:"email",required:!0,valueOverride:t.email})},n)}}],tu=(null===(i=t.styleOverride)||void 0===i?void 0:i.margin)||(null===(n=I.widget)||void 0===n||null===(n=n.productList.outOfStockNotification)||void 0===n||null===(n=n.container)||void 0===n?void 0:n.margin)||{top:"0",right:"0",bottom:"0",left:"0"};return t.enterCount&&t.enterCount>0||t.inViewport?(0,X.jsxs)("div",{ref:t.forwardedRef,style:{width:"100%"},"data-testid":"out-of-stock-notification",children:[(0,X.jsxs)(R,{margin:tu,children:[D!==G.pass&&(0,X.jsxs)(B,{padding:null===(o=I.widget)||void 0===o||null===(o=o.productList.outOfStockNotification)||void 0===o||null===(o=o.contentWrapper)||void 0===o?void 0:o.padding,backgroundColor:null===(e=I.widget)||void 0===e||null===(e=e.productList)||void 0===e||null===(e=e.outOfStockNotification)||void 0===e||null===(e=e.contentWrapper)||void 0===e?void 0:e.backgroundColor,checkboxContainerPadding:null===(d=I.widget)||void 0===d||null===(d=d.productList)||void 0===d||null===(d=d.outOfStockNotification)||void 0===d||null===(d=d.checkbox)||void 0===d||null===(d=d.container)||void 0===d?void 0:d.padding,checkboxLabelPadding:null===(r=I.widget)||void 0===r||null===(r=r.productList)||void 0===r||null===(r=r.outOfStockNotification)||void 0===r||null===(r=r.checkbox)||void 0===r||null===(r=r.label)||void 0===r?void 0:r.padding,children:[(0,X.jsx)(V,{marginBottom:null===(a=I.widget)||void 0===a||null===(a=a.productList)||void 0===a||null===(a=a.outOfStockNotification)||void 0===a||null===(a=a.heading)||void 0===a||null===(a=a.margin)||void 0===a?void 0:a.bottom,children:to.mainText}),(null===(l=I.widget)||void 0===l||null===(l=l.productList)||void 0===l||null===(l=l.outOfStockNotification)||void 0===l||null===(l=l.subtitle)||void 0===l?void 0:l.show)&&(0,X.jsx)(z,{children:to.legendText}),D===G.failed&&(0,X.jsx)(S.h,{type:"error",text:to.resultFailure,"data-testid":"add-product-to-waitlist-failure"}),(0,X.jsxs)(P.F,{csrf:W,"data-testid":"dynamic-form-add-product-to-wishlist",fields:t.defaultOptInChecked?[tl[1]]:tl,onSubmit:function(t){if(!Q){tt||ti(!0);return}tn.submit(function(i){return ta(t,i)})},children:[tn.captcha,(0,X.jsx)(_,{type:"submit","data-testid":"button-submit-add-product-to-waitlist",mobileWidth:null===(u=I.widget)||void 0===u||null===(u=u.productList)||void 0===u||null===(u=u.outOfStockNotification)||void 0===u||null===(u=u.submitButton)||void 0===u||null===(u=u.sm)||void 0===u?void 0:u.width,onClick:function(){!Q&&(tt||ti(!0))},children:to.submit})]}),(null===(c=I.widget)||void 0===c||null===(c=c.productList)||void 0===c||null===(c=c.outOfStockNotification)||void 0===c||null===(c=c.footerMessaging)||void 0===c?void 0:c.show)&&(0,X.jsx)(M,{children:to.footerMessaging})]}),D===G.pass&&((null===(s=I.widget)||void 0===s||null===(s=s.productList)||void 0===s||null===(s=s.outOfStockNotification)||void 0===s||null===(s=s.successMessage)||void 0===s?void 0:s.variant)===$.ALTERNATE?(0,X.jsx)(S.h,{type:"success",text:to.successLegendText,"data-testid":"add-product-to-waitlist-success"}):(0,X.jsxs)(g.Fragment,{children:[(0,X.jsx)(V,{marginBottom:null===(f=I.widget)||void 0===f||null===(f=f.productList)||void 0===f||null===(f=f.outOfStockNotification)||void 0===f||null===(f=f.heading)||void 0===f||null===(f=f.margin)||void 0===f?void 0:f.bottom,"data-testid":"add-product-to-waitlist-thank-you-heading",children:to.successMainText}),(0,X.jsx)(z,{children:to.successLegendText})]}))]}),(null===(p=I.widget)||void 0===p||null===(p=p.productList)||void 0===p||null===(p=p.outOfStockNotification)||void 0===p||null===(p=p.separator)||void 0===p?void 0:p.show)&&(0,X.jsx)(L.Z,{withSpacing:!0})]}):(0,X.jsx)("div",{style:{visibility:"hidden"},ref:t.forwardedRef})}},64491:function(t){t.exports.N={kind:"Document",operationName:"AddProductToWaitlistByType",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"AddProductToWaitlistByType"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"input"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"AddProductWaitlistInput"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"addProductToWaitlistByType"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"Variable",name:{kind:"Name",value:"input"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"status"},arguments:[],directives:[]}]}}]}}],loc:{source:"\nmutation AddProductToWaitlistByType($input: AddProductWaitlistInput!) {\n  addProductToWaitlistByType(input: $input) {\n    status\n  }\n}\n"}}}}]);
//# sourceMappingURL=2753-a3f47801812a1862.js.map