(window.webpackJsonp=window.webpackJsonp||[]).push([[324],{NdVQ:function(e,t,n){"use strict";n.r(t),n.d(t,"EmailEngagementModalRenderer",(function(){return De}));var a,i,r,c,o,l,s,u,b,d,m,p,g,O,j,f,h,y,v,E=n("zygG"),x=n("ERkP"),T=n.n(x),k=n("fYnN"),w=n("cxan"),U=n("qdM3"),C=n("CqS1"),S=n("6QEl"),L=n("aqGW"),D=n("VFEr"),M=function(){return Object(D.c)({type:"elysiumEvent",eventData:{eventAction:"Clicked",eventCategory:"email re-engagement Modal",eventLabel:"Continue Modal Button",eventLabelValue:void 0}})},A=function(){return Object(D.c)({type:"elysiumEvent",eventData:{eventAction:"Clicked",eventCategory:"email re-engagement Modal",eventLabel:"Close Modal Button",eventLabelValue:void 0}})},I=function(){return Object(D.c)({type:"elysiumEvent",eventData:{eventAction:"Shown",eventCategory:"reEngagement Tooltip Modal",eventLabel:"reEngagement Modal Message",eventLabelValue:void 0}})},P=n("zjfJ"),R=n("KD1n"),F=n("H5qd"),B=n.n(F),N=n("AU4o"),_=n.n(N),H=n("1U1M"),q=n("7ESh"),G=n("dNoy"),X=n("LXPo"),J=n("j2PL"),K=n("02Xr"),W=n("eDQd"),V=n("4Yc/"),z=n("c4N8"),Q=n("pE1c"),Y=n("jiAW"),$=n("WzCI"),Z=n("UFOP"),ee=n("135/"),te=n("jt0n"),ne=n("7asP"),ae=n("Sw8g"),ie=_()((function(){return Promise.resolve().then(n.bind(null,"WKDh"))}),{loadableGenerated:{webpack:function(){return["WKDh"]},modules:["@thg-commerce/gravity-icons/src/components/Tick"]}}),re=S.c.h1(a||(a=Object(R.a)(["\n  ",";\n\n  "," {\n    margin: 0 0 ",";\n  }\n"])),Object(ee.a)("medium1","alternate"),(function(e){return Object(te.d)(e.theme.breakpointUtils.map,"sm")}),Object(Y.i)(2)),ce=S.c.li(i||(i=Object(R.a)(["\n  ",";\n\n  list-style: none;\n  margin-bottom: ",";\n\n  "," {\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n"])),Object(ee.a)("bodyText","default"),Object(Y.i)(2),(function(e){return Object(te.d)(e.theme.breakpointUtils.map,"sm")})),oe=(Object(S.c)(ie)(r||(r=Object(R.a)(["\n  margin-right: ",";\n  stroke: ",";\n"])),Object(Y.i)(1),(function(e){return e.theme.colors.palette.greys.darker})),Object(S.c)(ae.a)(c||(c=Object(R.a)(["\n  height: 150px;\n  width: 100%;\n  aspect-ratio: auto 3 / 4;\n  object-fit: cover;\n\n  "," {\n    width: 286px;\n    height: 100%;\n  }\n"])),(function(e){return Object(te.d)(e.theme.breakpointUtils.map,"sm")}))),le=S.c.div(o||(o=Object(R.a)(["\n  overflow: auto;\n  overscroll-behavior: contain;\n\n  "," {\n    padding: 0 0 ",";\n  }\n"])),(function(e){return Object(te.d)(e.theme.breakpointUtils.map,"sm")}),Object(Y.i)(3)),se=S.c.ul(l||(l=Object(R.a)(["\n  display: block;\n"]))),ue=S.c.div(s||(s=Object(R.a)(["\n  overflow: hidden;\n  object-fit: cover;\n  min-width: 260px;\n  min-height: 112px;\n\n  "," {\n    picture {\n      display: block;\n      height: 100%;\n    }\n  }\n"])),(function(e){return Object(te.d)(e.theme.breakpointUtils.map,"sm")})),be=S.c.div(u||(u=Object(R.a)(["\n  display: flex;\n  flex-direction: column;\n\n  "," {\n    flex-direction: row;\n    height: auto;\n  }\n"])),(function(e){return Object(te.d)(e.theme.breakpointUtils.map,"sm")})),de=S.c.h1(b||(b=Object(R.a)(["\n  ",";\n  text-align: center;\n  margin-top: ",";\n"])),Object(ee.a)("medium1","alternate"),Object(Y.i)(4)),me=S.c.h1(d||(d=Object(R.a)(["\n  ",";\n  text-align: center;\n  margin-top: ",";\n"])),Object(ee.a)("small","default"),Object(Y.i)(4)),pe=Object(S.c)(ne.a)(m||(m=Object(R.a)(["\n  min-width: 100%;\n  margin-top: ",";\n"])),Object(Y.i)(4)),ge=(Object(S.c)(ie)(p||(p=Object(R.a)(["\n  width: 35px;\n  height: 35px;\n  stroke: ",";\n  display: block;\n  margin: auto;\n"])),(function(e){return e.theme.colors.palette.brand.base})),Object(S.c)(ne.a)(g||(g=Object(R.a)(["\n  width: 100%;\n  margin-top: ",";\n"])),Object(Y.i)(2))),Oe=Object(S.c)(ne.a)(O||(O=Object(R.a)(["\n  width: 100%;\n  margin-top: ",";\n\n  &:hover,\n  &:focus {\n    width: 100%;\n  }\n"])),Object(Y.i)(1)),je=S.c.div(j||(j=Object(R.a)(["\n  display: flex;\n  flex: 1;\n  margin: ",";\n  flex-direction: column;\n\n  "," {\n    margin: "," "," ",";\n    justify-content: center;\n  }\n"])),Object(Y.i)(3),(function(e){return Object(te.d)(e.theme.breakpointUtils.map,"sm")}),Object(Y.i)(8),Object(Y.i)(4),Object(Y.i)(4)),fe=S.c.div(f||(f=Object(R.a)(["\n  margin: auto;\n  padding-top: ",";\n\n  "," {\n    padding-top: 0;\n  }\n"])),Object(Y.i)(3),(function(e){return Object(te.d)(e.theme.breakpointUtils.map,"sm")})),he=x.createElement;function ye(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 ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ye(Object(n),!0).forEach((function(t){Object(P.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ee=_()((function(){return Promise.resolve().then(n.bind(null,"WKDh"))}),{ssr:!0,fallback:he("div",{style:{width:"22px",height:"14px",display:"inline-block"}}),loadableGenerated:{webpack:function(){return["WKDh"]},modules:["@thg-commerce/gravity-icons/src/components/Tick"]}}),xe=B()(h||(h=Object(R.a)(["\n  mutation signUpForMarketing($input: SignUpForMarketingInput!) {\n    signUpForMarketing(input: $input) @client\n  }\n"]))),Te=Object(S.c)(Ee)(y||(y=Object(R.a)(["\n  margin-right: ",";\n  stroke: ",";\n  display: inline-block;\n  width: 14px;\n  height: 14px;\n"])),Object(Y.i)(1),(function(e){return e.theme.colors.palette.greys.darker})),ke=Object(S.c)(Ee)(v||(v=Object(R.a)(["\n  width: 35px;\n  height: 35px;\n  stroke: ",";\n  display: block;\n  margin: auto;\n"])),(function(e){return e.theme.colors.palette.brand.base})),we=function(e){var t=Object(q.a)(),n=Object(G.e)().csrf,a=Object(X.b)({bucket:X.a.MARKETING_MATERIAL_SIGN_UP}),i=Object(J.b)(),r=x.useContext(K.a),c=Object(G.h)(),o={defaultLocale:c.defaultLocale,subsite:c.subsite,siteId:c.siteId,channel:c.channel,customerLocation:r.currentLocation},l=Object($.a)(),s=Object(H.c)(xe),u=Object(E.a)(s,1)[0],b=e.bulletText.map((function(e,t){return e&&he(ce,{key:t},he(Te,null),e)})),d=function(e){return{type:"newsletter_signup",payload:l(ve({requestData:{start_timestamp:Date.now(),duration_ms:0,url:window.location.href},eventData:{type:"newsletter_signup",subtype:"email_sign_up_modal"}},e&&{errors:e.map((function(e){return{label:(null===e||void 0===e?void 0:e.message)||"no message",type:"newsletter_signup_error"}}))}))}},m=!1,p=function(){m||(m=!0,i({type:"columbo",payload:Object(Z.a)({propertyArgs:o,argumentsObj:{0:"Accessibility",1:"Focused",2:"EmailEngagementModalInput"},requestArgs:{client_timestamp:Math.round(Date.now()/1e3),url:window.location.href},eventData:{type:"focus",subtype:"internationalOverlay",contents:[]},nonce:r.metricNonce})}))};return he(be,null,he(ue,null,he(oe,Object(w.a)({},e.picture,{fetchPriority:"high"}))),e.status===Ce.UNSUBMITTED?he(je,null,he(le,null,he(re,null,e.modalTitle),he(se,null,b)),he(x.Fragment,null,he(Q.a,{csrf:n,onSubmit:function(n){a.submit((function(r){return function(n,r){try{u({variables:{input:{type:W.t.Email,contactDetails:n.emailAddress,auditData:{messageShown:e.bulletText.join("\r\n"),formIdentifier:"MARKETING_MATERIAL_SIGN_UP",formLocation:"EmailEngagementModal"}}},context:{headers:{"X-Captcha-Type":a.type,"X-Captcha-Response":r}}}).then((function(n){var c,o=n.data,l=n.errors;!o.signUpForMarketing||o.signUpForMarketing.errors||l?(t.error("signupForMarketing error in Email Engagement Modal",{data:o,errors:l,"X-Captcha-Type":a.type,"X-Captcha-Response":r}),e.statusHandler(Ce.FAILURE),i(d((null===o||void 0===o?void 0:null===(c=o.signUpForMarketing)||void 0===c?void 0:c.errors)||[{message:"no error data"}]))):(Object(D.c)({type:"customEvent",eventData:{eventCategory:"newsletter",eventAction:"successful sign-up",eventLabel:"",eventPage:""}}),i(d()),e.statusHandler(Ce.SUCCESSFUL))}))}catch(c){c instanceof Error&&t.debug(c.message,{reqId:"Email Engagment Modal","X-Captcha-Type":a.type,"X-Captcha-Response":r}),e.statusHandler(Ce.FAILURE)}}(n,r)}))},"data-testid":"form-guest-checkout",fields:[{fieldName:"emailAddress",renderField:function(t,n){return he(V.a,{bindref:t,disableSpacing:!0,key:n},he(z.a,{label:e.i18nText.inputLabel,required:!0,type:"email",autocomplete:"email",onFocus:p}))}}]},a.captcha,he(ge,{type:"submit",emphasis:"high","data-testid":"button-submit-newletter-signup"},e.i18nText.submitButton)),he(Oe,{emphasis:"low",renderedAs:"a",href:"/".concat(e.i18nText.privacyPolicyLink)},e.i18nText.privacyPolicyText))):e.status===Ce.SUCCESSFUL?he(je,null,he(fe,null,he(ke,{viewBox:"0 0 14 14"}),he(de,null,e.i18nText.successTitle),he(me,null,e.i18nText.successText),he(pe,{onClick:function(){e.closeHandler(),M()},"data-testid":"continue-button-newsletter"},e.i18nText.continueButton))):he(je,null,he(fe,null,he(de,null,e.i18nText.errorTitle),he(me,null,e.i18nText.errorText),he(pe,{emphasis:"low",onClick:function(){e.statusHandler(Ce.UNSUBMITTED)},"data-testid":"retry-button-newsletter"},e.i18nText.tryAgainButton))))},Ue=x.createElement,Ce=function(e){return e.UNSUBMITTED="UNSUBMITTED",e.REJECTED="REJECTED",e.FAILURE="FAILURE",e.SUCCESSFUL="SUCCESSFUL",e}({}),Se=Object(S.e)((function(e){var t=Object(U.d)();x.useEffect((function(){e.open&&I()}),[]);var n={closeAriaLabel:Object(C.a)("general.modal.close.button.arialabel"),closeLabel:Object(C.a)("general.modal.close.button.arialabel"),inputLabel:Object(C.a)("form.fieldname.email"),submitButton:Object(C.a)("general.signup.text"),successTitle:Object(C.a)("emailengagement.success.title"),successText:Object(C.a)("emailengagement.success.text"),continueButton:Object(C.a)("general.continueshopping.label"),tryAgainButton:Object(C.a)("emailengagement.retry.button.text"),privacyPolicyText:Object(C.a)("account.newaccount.createaccountform.termsandconditions.text.pt4"),privacyPolicyLink:Object(C.a)("account.newaccount.createaccountform.termsandconditions.link.privacy"),errorTitle:Object(C.a)("verificationtokenerror.invalid.title.text"),errorText:Object(C.a)("emailengagement.retry.text")};return Ue(L.b,{open:e.open,gridColSpan:[12,12,8,6],gridRowSpan:[12,10,10,12],i18nText:n,contentPadding:"0 0 0",headerOffset:t,verticalAlignment:"center",onClose:function(){e.status===Ce.UNSUBMITTED&&e.statusHandler(Ce.REJECTED),e.closeHandler(),A()},showHeader:[!0,!1,!1,!1],clickOutsideDeactivates:!0,shouldRemoveScrollLock:!1},Ue(we,Object(w.a)({},e,{i18nText:n})))})),Le=T.a.createElement,De=function(e){var t=T.a.useState(Ce.UNSUBMITTED),n=Object(E.a)(t,2),a=n[0],i=n[1],r=T.a.useState(!1),c=Object(E.a)(r,2),o=c[0],l=c[1];T.a.useEffect((function(){void 0===k.get("emailEngagementCookie")&&l(!0)}),[]),T.a.useEffect((function(){switch(a){case Ce.SUCCESSFUL:k.set("emailEngagementCookie","newsletter-accepted",{expires:365});break;case Ce.REJECTED:k.set("emailEngagementCookie","newsletter-rejected",{expires:365});break;case Ce.FAILURE:k.set("emailEngagementCookie","newsletter-failure",{expires:365})}}),[a]);var s={picture:e.picture,modalTitle:e.emailReEngagementTitleText||"",bulletText:[e.emailReEngagementBulletText1||"",e.emailReEngagementBulletText2||"",e.emailReEngagementBulletText3||""],status:a,open:o,statusHandler:function(e){return i(e)},closeHandler:function(){return l(!1)}};return Le(Se,s)}}}]);
//# sourceMappingURL=324.98ac3d58c98899954129.js.map