https://www.karitraa.com/us/en/templates-ProductPage-NotifyMeOverlay-385026f773451a6925e7.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9367],{75129:function(e,t,n){n.d(t,{Z:function(){return b}});var i=n(50479),r=n(25149),l=n(31461),a=n(2784),o=n(52322),s=["_uid","formApiBaseUrl","formId","formUrl","id"],d=function(e){var t=e._uid,n=e.formApiBaseUrl,i=e.formId,r=e.formUrl,d=e.id,c=(0,l.Z)(e,s);if(!(t&&n&&i&&r))return null;var u=""+i+t;return(0,a.useEffect)((function(){var e=document.getElementById(u);window.d365mktforms&&e&&e.appendChild(window.d365mktforms.createForm(i,n,r))}),[]),(0,o.jsx)("div",Object.assign({"data-newsletter-widget":!0,id:d,style:{width:"100%"}},c,{children:(0,o.jsx)("div",{id:u})}))},c='[data-newsletter-widget], [component="newsletterWidget"]',u=function(e){void 0===e&&(e=document);var t=function(e){return e instanceof Element&&e.matches(c)?[e]:e instanceof Document||e instanceof Element||e instanceof DocumentFragment?Array.from(e.querySelectorAll(c)):[]}(e);t.forEach((function(e){e.querySelectorAll("img.onFormSubmittedFeedbackIcon").forEach((function(e){e instanceof HTMLImageElement&&e.setAttribute("aria-hidden","true")})),e.querySelectorAll('[id^="editorIdPrefix"]').forEach((function(e){e instanceof HTMLElement&&(e.hasAttribute("role")||e.setAttribute("role","textbox"),e.removeAttribute("aria-expanded"),""===e.getAttribute("aria-activedescendant")&&e.removeAttribute("aria-activedescendant"))})),e.querySelectorAll("table").forEach((function(e){e.setAttribute("role","presentation")}))}))},f=function(){var e=(0,a.useRef)(null);return(0,a.useEffect)((function(){var t=function(){var t=document.querySelectorAll('[component="newsletterWidget"]');e.current=t,t.forEach((function(e,t){var n=e.querySelector("form");n&&(n.id="newsletter-widget-"+t)})),u(document)},n=function(){requestAnimationFrame((function(){u(document)}))};return document.addEventListener("d365mkt-afterformload",t),document.addEventListener("d365mkt-afterformsubmit",n),function(){document.removeEventListener("d365mkt-afterformload",t),document.removeEventListener("d365mkt-afterformsubmit",n)}}),[]),null},m=n(93993),x=n(75892),p=n(29419),v=n(58210),g=n(73839),h={minWidth:0,overflowWrap:"break-word"},b=function(e){var t=e.$style,n=void 0===t?{}:t,l=e.background,a=e.backgroundLoading,s=void 0===a?"lazy":a,c=e.backgroundOverlay,u=e.contentLayout,b=void 0===u?"default":u,y=e.heading,_=void 0===y?"":y,j=e.isPopup,w=void 0!==j&&j,E=e.newsletter,A=void 0===E?{}:E,C=e.paragraph,O=e.sbEditable,Z=e.tag,I=void 0===Z?"":Z,k=e.textColor,L=(0,x.hQ)()[0],T="vertical"===b,N="horizontal"===b,M=["1 / span 12",null,null,null,"1 / span 4"];T?M="1 / span 12":N&&(M="1 / span 4");var P=["flex-start",null,null,null,"center"];T?P="flex-start":N&&(P="center");var S=["1 / span 12",null,null,null,"7 / span 6"];return T?S="1 / span 12":N&&(S="7 / span 6"),(0,o.jsxs)("div",Object.assign({className:L(Object.assign({width:"100%",height:w?"auto":"100%",color:"var(--color-text-newsletter-default)",position:"relative",display:"grid",borderRadius:"8px",overflow:w?"visible":"hidden",gridTemplateColumns:"repeat(12, 1fr)",padding:w?"36px 12px 12px":["16px",null,null,null,"18px"]},n))},O,{children:[(0,o.jsx)(r.Z,{background:l,backgroundOverlay:c,loading:s}

1),(0,o.jsxs)("div",{className:L(Object.assign({height:"100%",display:"flex",flexDirection:"column"},h,{gridColumn:M,justifyContent:P},(0,p.Z)(k))),children:[(null==I?void 0:I.text)&&(0,o.jsx)(g.Z,Object.assign({fontKeys:["Misc/10_100_500_UC","Misc/14_100_-1_500_UC"],$style:{marginBottom:["16px",null,null,"8px"],border:"0",padding:"0"}},I.sbEditable,{children:I.text})),(null==_?void 0:_.text)&&(0,o.jsx)(v.Z,Object.assign({$style:{marginBottom:"16px"},as:_.type,fontKeys:w?["Primary/24_94_-1_700",null,null,null,"Primary/32_94_-2_700"]:["Primary/24_94_-1_700","Primary/32_94_-2_700",null,null,null,"Primary/40_94_-2_700"]},_.sbEditable,{children:_.text})),(null==C?void 0:C.text)&&(0,o.jsx)("div",Object.assign({className:L(Object.assign({marginBottom:"16px"},i.Z["Secondary/14_130_400"]))},C.sbEditable,{children:(0,o.jsx)(m.ZP,{data:C.text})}))]}),(0,o.jsxs)("div",{className:L({display:"flex",borderRadius:"8px",overflow:w?"visible":"hidden",backgroundColor:"var(--color-bg-newsletter-primary)",gridColumn:S,justifyContent:"center",alignItems:"center"}),children:[(0,o.jsx)(d,Object.assign({},A)),(0,o.jsx)(f,{})]})]}))}},59626:function(e,t,n){var i=n(49460),r=n(50326),l=n(90535),a=n(61651),o=n(75892),s=n(67024),d=n(58210),c=n(52322),u=(0,o.zo)("div",{margin:"0 12px 12px",display:"flex",justifyContent:"space-between",alignItems:"center"});t.Z=function(e){var t=e.$style,n=void 0===t?{}:t,f=e.headingText,m=void 0===f?"":f,x=e.overlayId,p=void 0===x?"":x,v=e.titleId,g=(0,o.hQ)()[0];return m||p?(0,c.jsxs)(u,{$style:n,children:[m&&(0,c.jsx)(i.$,{id:v,render:(0,c.jsx)(d.Z,{fontKeys:"Misc/14_100_-1_500_UC"}),children:m}),p&&(0,c.jsx)(r.G,{"aria-label":m?"Close "+m:"Close",className:g(Object.assign({},(0,a.q)(),{alignItems:"center",cursor:"pointer",display:"flex",height:"40px",justifyContent:"center",marginRight:"-12px",width:"40px"})),onClick:function(){return l.Z.close(p)},children:(0,c.jsx)(s.Z,{size:"16px"})})]}):null}},62301:function(e,t,n){n.r(t);var i=n(76596),r=n(93812),l=n(93993),a=n(47670),o=n(75892),s=n(75129),d=n(59626),c=n(58210),u=n(52322),f=(0,o.zo)("div",{width:["100%",null,null,null,null,"420px"],height:"100%",padding:"4px"}),m=(0,o.zo)("div",{alignItems:"space-between",background:"var(--color-contrast-lowest)",borderRadius:"8px",display:"flex",flexDirection:"column",height:"100%",marginRight:[0,null,null,null,null,"4px"],padding:"8px",position:"relative",width:"100%"});t.default=function(e){var t=e.notifyMeHeading,n=void 0===t?"":t,x=e.notifyMeHeadingType,p=void 0===x?"":x,v=e.notifyMeLabel,g=void 0===v?"":v,h=e.notifyMeNewsletter,b=void 0===h?{}:h,y=e.notifyMeParagraph,_=void 0===y?"":y,j=e.titleId,w=(0,o.hQ)()[0],E=(0,a.Z)({type:p,defaultType:"span"});return(0,u.jsx)(f,{children:(0,u.jsxs)(m,{children:[(0,u.jsx)(d.Z,{headingText:g,overlayId:r.Rr.NOTIFY_ME,titleId:j}),(0,u.jsx)(i.Z,{$style:{flexGrow:1},children:(0,u.jsxs)("div",{className:w({padding:"0 4px"}),children:[(0,u.jsx)(c.Z,{$style:{marignTop:"24px"},as:E.type,fontKeys:"Primary/20-120_-1",children:n}),(0,u.jsx)("div",{className:w({marginTop:"8px"}),children:(0,u.jsx)(l.ZP,{data:_})}),(0,u.jsx)("div",{className:w({marginTop:"36px"}),children:(0,u.jsx)(s.Z,Object.assign({buttonExtraText:"Few left",buttonIcon:"bell",buttonStyling:{width:"100%",marginTop:"36px"}},b))})]})})]})})}}}]);
2//# sourceMappingURL=templates-ProductPage-NotifyMeOverlay-385026f773451a6925e7.js.map