whatmore-react-assets 1.0.1465 → 1.0.1467

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.1465",
3
+ "version": "1.0.1467",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[474],{6945:function(e,t,o){o.r(t);var n=o(9950),i=o(340),r=o(9983),l=o(5873),s=(o(3997),o(9130),o(4669),o(9733),o(4365),o(7229),o(6042),o(572)),a=o(8603),d=o(8378),c=o(9094),p=o(932),h=o(7300),u=o(5491),m=o.n(u),y=o(5830),v=o(7509),f=o(7136),x=o(1348),g=o(4737),w=o(5620),P=o(1351),j=o(6157),C=o(6641),S=o(1957),b=o(4414);const M=(0,a.A)({key:"whatmore-css-hv"});function O(e){const[t,o,i]=(0,p.A)(),r=(0,y.Xd)("whatmoreShopId"),l=e.events,s=e.onClick,a=i*(0,x.kcl)(r),c=(0,x.cbh)(r),[h,u]=(0,n.useState)(Math.min(l.length,c?l.length:a+5)),{whatmoreWidgetSourceDetails:m}=(0,n.useContext)(g.B);return(0,n.useEffect)((()=>{h<a+5&&u((e=>Math.min(e+5,l.length)))}),[a,5]),(0,b.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,b.jsx)("div",{style:{width:"8968077397"===r&&l.length<4?"200px":window.innerWidth,height:"fit-content"},children:(0,b.jsx)(d.RC,{slidesPerView:l.length>1?"51394281658"==r||"55820812447"==r?2:a:1,initialSlide:l.length>1&&"51394281658"!=r&&"55820812447"!=r?1:0,centeredSlides:"51394281658"!=r&&"55820812447"!=r,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:"51394281658"==r?1:.5,onSlideChange:e=>{(0,P.UM)({userInteractionType:j.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m}),e.realIndex>e.previousIndex&&u((e=>Math.min(e+5,l.length)))},loop:c&&l.length>2,children:l.map(((e,t)=>t<=h&&(0,b.jsx)(d.qr,{children:t=>{let{isActive:o,isPrev:n,isNext:i,isVisible:l}=t;return(0,x.DmD)(r)?(0,b.jsx)(S.A,{isOnFocus:o&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,b.jsx)(w.A,{isOnFocus:("51394281658"==r||"55820812447"==r||o)&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function I(e){const[t,o,i,r]=(0,p.A)(),[l,s]=(0,n.useState)(-1),a=(0,y.Xd)("whatmoreShopId"),h=e.onClick,u=e.events,v=(0,x.cbh)(a),[C,M]=(0,n.useState)(v?u.length:i),O="8968077397"==a||"19501891"==a?Math.floor(Math.min(i,u.length)):Math.min(i,u.length),I=Math.floor(Math.min(4,u.length)),{whatmoreWidgetSourceDetails:N}=(0,n.useContext)(g.B),A=(0,n.useRef)(null);return(0,n.useEffect)((()=>{if(A.current){const e="8968077397"===a&&u.length>=4?.7:(0,x.fHt)(a),t=o*O*e+"px";u.length<4||"8968077397"===a?A.current.style.setProperty("width",t,"important"):A.current.style.width=t}}),[o,O,a,C,u.length]),(0,n.useEffect)((()=>{C<=i&&M((e=>e+i))}),[i]),(0,b.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,b.jsx)("div",{ref:A,style:{height:"100%"},children:(0,b.jsx)(d.RC,{slidesPerView:"8968077397"==a?I:O,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:"8968077397"==a||"19501891"==a?Math.min(2,u.length):parseInt(O),onSlideChange:e=>{(0,P.UM)({userInteractionType:j.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:N}),e.realIndex>e.previousIndex&&M((e=>e+i))},spaceBetween:0,loop:(v||"8968077397"==a||"19501891"==a)&&u.length>4,style:{height:"100%"},children:u.map(((e,t)=>{const o=m()((()=>s(t)),300);return t<=C&&(0,b.jsx)(d.qr,{onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),s(-1)},style:{height:"100%"},children:o=>{let{isActive:n,isPrev:i,isNext:r,isVisible:s}=o;return s||"8968077397"==a||"19501891"==a&&(i||r)?(0,x.DmD)(a)?(0,b.jsx)(S.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,b.jsx)(w.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,b.jsx)(f.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){const[t,o,a]=(0,h.A)(),[d]=(0,y.QN)("whatmoreShopId"),[c]=(0,y.QN)("whatmorePrimaryColor"),[p]=(0,y.QN)("whatmoreTitleFont"),u="portrait"==t?(0,y.Xd)("whatmoreTitleFontSizePortrait"):(0,y.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:m}=(0,n.useContext)(g.B),f=(0,y.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,n.useContext)(g.B),P=e.events,j=e.onClick,S=p;function N(e){j(e)}return(0,n.useEffect)((()=>{(0,C.Fk)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.Sn.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,b.jsx)(s.C,{value:M,children:(0,b.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,b.jsx)(i.s,{theme:r.Ay,cssVarsRoot:m,resetCSS:!1,children:(0,b.jsxs)(v.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,b.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",S,"important"),e.style.setProperty("font-size",u+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,x.Odx)(d),lineHeight:(0,x.L0y)(d),letterSpacing:(0,x.l3V)(d)},children:w?"W"!==f?f:"":e.heading})}):(0,b.jsx)(b.Fragment,{}),"landscape"===t?(0,b.jsx)(I,{events:P,onClick:N}):(0,b.jsx)(O,{events:P,onClick:N})]})})})})}},7136:function(e,t,o){var n=o(9950),i=o(932),r=o(7509),l=o(5830),s=o(4414);t.A=function(e){var[t,o]=(0,i.A)();(0,n.useContext)(r.h);const a=(0,l.Xd)("whatmoreShopId");return e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:o,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":t,overflow:"hidden"}})}},1957:function(e,t,o){var n=o(9950),i=o(932),r=(o(4826),o(5830)),l=o(9879),s=o(7509),a=o(22),d=o(1348),c=o(4737),p=o(6594),h=o(8538),u=o(8149),m=o(4414);t.A=function(e){var t,o,y,v,f,x,g,w,P,j,C,S,b,M,O,I,N,A,k;const[F,_,D,E,R]=(0,i.A)();var W=(0,n.useContext)(s.h);const z=(0,r.Xd)("whatmoreUITheme"),T=(0,r.Xd)("whatmoreShopId"),B=(0,r.Xd)("whatmorePrimaryFont"),U=(0,r.Xd)("whatmoreSecondaryColor"),X=e.onClick,H=null===(t=e.isOnFocus)||void 0===t||t,V=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,L=null!==(y=e.animateOnFocus&&(0,d.n5O)(T))&&void 0!==y&&y,q="portrait"===R[a.dl],G=(q?1.076*_*(0,d.HWj)(T):_*(0,d.N_4)(T))+"px",$=(q?1.076*_*(0,d.HWj)(T):_*(0,d.N_4)(T))+"px",K=(q?.965*_*(0,d.HWj)(T):.859*_*(0,d.N_4)(T))+"px",Q=(0,d.VYo)(T),{whatmoreIsPreviewMode:Y}=(0,n.useContext)(c.B),Z=.25*_,J=Z+"px",[ee,te]=(0,n.useState)(e.event),[oe,ne]=(0,n.useState)(),ie=Math.round(+(null===(v=ee.products)||void 0===v||null===(f=v[0])||void 0===f?void 0:f.price)),re=Math.round(+(null===ee||void 0===ee||null===(x=ee.products[0])||void 0===x?void 0:x.compare_price)),le=re&&0!=re&&re>ie?Math.round((re-ie)/re*100):NaN,[se,ae]=(0,n.useState)(le),[de,ce]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{(0,d.w4b)(T)&&(0,p.fu)(ee,(0,d.NCy)(T),T).then((e=>{var t,o,n;te(e);const i=Math.round(null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.price),r=Math.round(null===e||void 0===e||null===(n=e.products[0])||void 0===n?void 0:n.compare_price),l=r&&0!=r&&r>i?Math.round((r-i)/r*100):NaN;ae(l),ce(!0)}));(async()=>{var e;const t=await(0,u.M)(null===ee||void 0===ee||null===(e=ee.products)||void 0===e?void 0:e[0],(0,d.NCy)(T),T);ne(t),ce(!0)})()}),[]),(0,m.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",W.tileTopMargin+"px"),e.style.setProperty("margin-bottom",W.tileBottomMMargin+"px"))},className:L&&!q?H?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{width:_,margin:"0 auto",cursor:"pointer"},onClick:()=>{X(ee)},children:[(0,m.jsx)("div",{style:{width:_,height:q&&H?"STR2FOC6KG9"==T||"STRDOIDF6O7"==T?F:1.1*F:F,borderRadius:"round"==z?"5px":"0px",boxShadow:"round"==z?Q:null,borderWidth:(0,d.YcK)(T),borderColor:(0,d.Fwt)(T),overflow:"hidden"},children:(0,m.jsx)(l.A,{height:(0,d.u06)(T)+" !important",width:"100%",url:ee.thumbnail_image,isPlaying:H||V,event:ee})}),(0,m.jsxs)("div",{style:{cursor:"pointer",display:"flex",gap:"6px",padding:"12px 4px"},children:[(Y?(0,d.Tr1)(T):(0,d.UmS)(T))&&(0,m.jsx)("div",{style:{maxWidth:J,minWidth:null!==(g=ee.products)&&void 0!==g&&null!==(w=g[0])&&void 0!==w&&w.thumbnail_image?J:"0",overflow:"hidden"},children:(0,m.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,d.KZe)(T),"important")},src:null===(P=ee.products)||void 0===P||null===(j=P[0])||void 0===j?void 0:j.thumbnail_image,alt:"thumbnail"})}),(0,m.jsxs)("div",{className:"wht-prod-info",style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.m5c)(T),"important"),e.style.setProperty("font-size",G,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",B,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,h.v)(null===(C=ee.products[0])||void 0===C?void 0:C.title)}),de&&(0,d.Nzx)(T)&&(0,m.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,d.vw2)(T)?"row":"row-reverse",justifyContent:(0,d.vw2)(T)?"flex-start":"flex-end"},children:[(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.m5c)(T),"important"),e.style.setProperty("font-size",$,"important"),e.style.setProperty("font-family",B,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,d.i6j)(T)?"normal":"bold"},children:(0,p.Sb)(parseFloat(null!==(S=null===oe||void 0===oe?void 0:oe.price)&&void 0!==S?S:null===ee||void 0===ee||null===(b=ee.products)||void 0===b||null===(M=b[0])||void 0===M?void 0:M.price)," ",T,null===(O=ee.products[0])||void 0===O?void 0:O.currency)}),!isNaN(re)&&re>ie&&(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.gld)(T),"important"),e.style.setProperty("font-size",$,"important"),e.style.setProperty("font-family",B,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,p.Sb)(parseFloat(null!==(I=null===oe||void 0===oe?void 0:oe.compare_at_price)&&void 0!==I?I:null===ee||void 0===ee||null===(N=ee.products)||void 0===N||null===(A=N[0])||void 0===A?void 0:A.compare_price)," ",T,null===(k=ee.products[0])||void 0===k?void 0:k.currency)})]}),(0,d.Nzx)(T)&&de&&!isNaN(se)&&0!=se&&(0,m.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,d.ub$)(T)?"#343434"==U?(0,d.ub$)(T):U:(0,d.ub$)(T),alignItems:"center",borderRadius:(0,d.v8m)(T)+"px",width:"fit-content",padding:(0,d.Cf)(T)?"3px 6px":"0px"},children:(0,d.Cf)(T)?(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.BRY)(T),"important"),e.style.setProperty("font-size",K,"important"),e.style.setProperty("font-family",B,"important"))},children:`${se}% Off`}):(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d._zx)(T),"important"),e.style.setProperty("font-size",K,"important"),e.style.setProperty("font-family",(0,d.ogW)(T),"important"))},children:(0,d.rsz)(T)})})]})]})]})}},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);
@@ -1,2 +1,2 @@
1
- /*! For license information please see carousel-template-f.d5fbd21f.chunk.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[485],{9418:function(e,t,o){o.r(t),o.d(t,{default:function(){return A}});var r=o(9950),n=(o(4826),o(340)),i=o(5873),l=o(9983),a=(o(3997),o(4669),o(9733),o(4365),o(7229),o(572)),s=o(8603),c=o(932),d=o(7300),u=o(5491),p=o.n(u),f=o(5830),y=o(7509),h=o(7136),m=o(1348),v=o(4737),x=o(1351),g=o(6157),w=o(9879),b=o(8538),S=o(6594),j=o(22),C=o(6613),P=o(8149),M=o(7740),$=o(4414);var N=function(e){var t,o,n,i,l,a,s,d,u,p,h,v,x,g,N,O,k,_,E,A,I,T,F,R,X;const[z,D,L,W,B]=(0,c.A)(),U=(0,f.Xd)("whatmoreShopId"),Y=(0,f.Xd)("whatmoreLandingLocationType"),H="portrait"===B[j.dl],Q=(H?1.076*D*(0,m.HWj)(U):D*(0,m.N_4)(U))+"px",J=(H?1.076*D*(0,m.HWj)(U):D*(0,m.N_4)(U))+"px",q=(H?.965*D*(0,m.HWj)(U):.859*D*(0,m.N_4)(U))+"px",[V,G]=(0,r.useState)(e.event),K=(0,f.Xd)("whatmoreSecondaryColor");var Z=(0,r.useContext)(y.h);const ee=null===(t=e.isOnFocus)||void 0===t||t,te=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,oe=e.onClick,re=(0,f.Xd)("whatmoreUITheme"),ne=null!==(n=e.animateOnFocus&&(0,m.n5O)(U))&&void 0!==n&&n,[ie,le]=(0,r.useState)(!1),ae=(0,f.Xd)("whatmorePrimaryFont"),se=Math.round(+(null===(i=V.products[0])||void 0===i?void 0:i.price)),ce=Math.round(+(null===(l=V.products[0])||void 0===l?void 0:l.compare_price)),de=ce&&0!=ce&&ce>se?Math.round((ce-se)/ce*100):NaN,[ue,pe]=(0,r.useState)(de),[fe,ye]=(0,r.useState)(),he="55143268394"===U;return(0,r.useEffect)((()=>{(0,m.w4b)(U)&&(0,S.fu)(V,(0,m.NCy)(U),U).then((e=>{var t,o,r;G(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&pe(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),le(!0)}));(async()=>{var e;const t=await(0,P.M)(null===V||void 0===V||null===(e=V.products)||void 0===e?void 0:e[0],(0,m.NCy)(U),U);ye(t),le(!0)})()}),[]),(0,$.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",Z.tileTopMargin+"px"),e.style.setProperty("margin-bottom",Z.tileBottomMMargin+"px"))},className:ne&&!H?ee?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:D},onClick:()=>{oe(V)},children:[(0,$.jsx)("div",{style:{borderRadius:"round"==re?"5%":"0px",boxShadow:"round"==re?"0px 0px 5px 0px #B0B0B0":null,height:z,borderWidth:(0,m.YcK)(U),borderColor:(0,m.Fwt)(U),overflow:"hidden"},children:(0,$.jsx)(w.A,{height:(0,m.u06)(U)+" !important",width:"100%",url:V.thumbnail_image,isPlaying:ee||te||(0,C.At)(),event:V})}),(0,$.jsxs)("div",{className:"wht-prod-info",style:{display:(0,m.AmR)(U)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:he?"8px":"5px",alignItems:he?"center":"flex-start"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(U),"important"),e.style.setProperty("font-size","45034766485"==U&&"product"==Y?"9px":Q),e.style.setProperty("line-height","120%"),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,b.v)(null===(a=V.products[0])||void 0===a?void 0:a.title)}),ie&&(0,m.Nzx)(U)&&(0,$.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,m.vw2)(U)?"row":"row-reverse",justifyContent:he?"center":(0,m.vw2)(U)?"flex-start":"flex-end"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(U),"important"),e.style.setProperty("font-size","45034766485"==U&&"product"==Y?"8px":J),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,m.i6j)(U)?"normal":"bold"},children:(0,S.Sb)(parseFloat((0,M.U)()?"61916709004"==U?(null===fe||void 0===fe||null===(s=fe.variants)||void 0===s||null===(d=s[0])||void 0===d?void 0:d.price)>0?null===fe||void 0===fe||null===(u=fe.variants)||void 0===u||null===(p=u[0])||void 0===p?void 0:p.price:null===fe||void 0===fe?void 0:fe.price:(null===fe||void 0===fe?void 0:fe.price)>0?null===fe||void 0===fe?void 0:fe.price:null===fe||void 0===fe||null===(h=fe.variants)||void 0===h||null===(v=h[0])||void 0===v?void 0:v.price:(null===V||void 0===V||null===(x=V.products)||void 0===x||null===(g=x[0])||void 0===g?void 0:g.price)>0?null===V||void 0===V||null===(N=V.products)||void 0===N||null===(O=N[0])||void 0===O?void 0:O.price:null===V||void 0===V||null===(k=V.products)||void 0===k||null===(_=k[0])||void 0===_?void 0:_.price_max)," ",U,null===(E=V.products[0])||void 0===E?void 0:E.currency)}),!isNaN(ce)&&ce>se&&(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.gld)(U),"important"),e.style.setProperty("font-size",J),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:he?"center":void 0},children:(0,S.Sb)(parseFloat((0,M.U)()?"61916709004"==U&&null!==(A=null===fe||void 0===fe||null===(I=fe.variants)||void 0===I||null===(T=I[0])||void 0===T?void 0:T.compare_at_price)&&void 0!==A?A:null===fe||void 0===fe?void 0:fe.compare_at_price:null===V||void 0===V||null===(F=V.products)||void 0===F||null===(R=F[0])||void 0===R?void 0:R.compare_price)," ",U,null===(X=V.products[0])||void 0===X?void 0:X.currency)})]}),((0,m.Nzx)(U)&&!isNaN(ue)&&0!=ue&&ie||he)&&(0,$.jsx)("div",{style:{display:(0,m.QNr)(U)?"flex":"none",backgroundColor:he?K:"green"===(0,m.ub$)(U)?"#343434"===K?(0,m.ub$)(U):K:(0,m.ub$)(U),alignItems:"center",justifyContent:he?"center":void 0,borderRadius:he?"25px":(0,m.v8m)(U)+"px",width:he?.5*D:"fit-content",padding:(0,m.Cf)(U)?he?"12px 12px":"3px 6px":"0px",margin:he?"0 auto":void 0,textAlign:he?"center":void 0,height:he?"7%":void 0},children:(0,m.Cf)(U)?(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.BRY)(U),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("font-weight",he?"600":"normal","important"))},children:he?"BUY NOW":`${ue}% Off`}):(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m._zx)(U),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("font-family",(0,m.ogW)(U),"important"))},children:(0,m.rsz)(U)})})]})]})},O=o(6641);const k=(0,s.A)({key:"whatmore-css-hv"});function _(e){const[t,o,n]=(0,c.A)(),i=(0,f.Xd)("whatmoreShopId"),l=(0,f.Xd)("whatmoreLandingLocationType"),a=e.events,s=e.onClick,{whatmoreWidgetSourceDetails:d}=(0,r.useContext)(v.B),u=Math.ceil(n),p=2*u,[y,w]=(0,r.useState)(p),[b,S]=(0,r.useState)(2*u),j=0===(0,m.If9)(i)?24:(0,m.If9)(i),[C,P]=(0,r.useState)({touchX:0,touchY:0}),M=()=>(0,$.jsx)("div",{className:"navigation-button-next-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),O=()=>(0,$.jsx)("div",{className:"navigation-button-prev-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),k=e=>{if("next"===e){const e=2;S((e=>Math.min(e+Math.floor(n),a.length+u+1))),w((t=>Math.min(t+e,a.length+u+1)))}else S((e=>Math.max(e-Math.floor(n),p)));(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,$.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"45034766485"==i&&"product"==l?"center":"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{P({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,r,n;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-C.touchX,l=(null===(r=e.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-C.touchY;Math.sqrt(i**2+l**2)>10&&Math.abs(i)>Math.abs(l)&&k(i>0?"prev":"next")},children:[(0,m.JSQ)(i)&&(0,$.jsxs)($.Fragment,{children:[b<=a.length+u&&(0,$.jsx)("div",{onClick:()=>k("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,$.jsx)(M,{})}),b>2*u&&(0,$.jsx)("div",{onClick:()=>k("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,$.jsx)(O,{})})]}),(0,$.jsx)("div",{style:{display:"flex",gap:j,transform:`translateX(-${(b-p)*(o+j)}px)`,transition:"transform 0.4s ease-in-out"},children:a.map(((e,t)=>t<y?(0,$.jsx)("div",{children:(0,$.jsx)(N,{isOnFocus:t<=b-u-1&&t>=Math.max(0,b-p),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>s(e)})},`whatmore-carousel-tile-${t}`):(0,$.jsx)(h.A,{})))})]})}function E(e){const[t,o,n,i]=(0,c.A)(),[l,a]=(0,r.useState)(-1),s=(0,f.Xd)("whatmoreShopId"),[d,u]=(0,r.useState)("next"),y=e.onClick,h=e.events,{whatmoreWidgetSourceDetails:w}=(0,r.useContext)(v.B),b=Math.min(Math.ceil(n),h.length),[S,j]=(0,r.useState)(0),C=0===(0,m.If9)(s)?24:(0,m.If9)(s),P=()=>(0,$.jsx)("div",{children:(0,$.jsx)("button",{onClick:_,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),M=()=>(0,$.jsx)("div",{children:(0,$.jsx)("button",{onClick:k,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=b&&j((e=>e+b))}),[b]);const O=()=>{a(-1)},k=()=>{S!==b&&(u("prev"),j((e=>Math.max(Math.ceil(e-n),b))),(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},_=()=>{S>h.length+n||(u("next"),j((e=>Math.floor(e+n))),(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},E=S>h.length?h.length-b+1:S-b,A=S>=h.length?h.length:E+b,I=h.slice(E,A);return(0,$.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[S!==b&&(0,$.jsx)("div",{style:{position:"absolute",left:i+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:(0,$.jsx)(M,{})}),(0,$.jsx)("div",{className:"wht-hide-scrollbar",style:{display:"flex",gap:C+"px",width:o*n*(0,m.fHt)(s)+"px",justifyContent:h.length>b?"flex-start":"center",overflow:"auto"},children:I.map(((e,t)=>{const o=`whatmore-event-tile-landscape-${e.index}${t===b-1?"-last":""}`,r=t===l;return(0,$.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===d?"next":"prev"),onMouseEnter:()=>(e=>{const t=p()((()=>a(e)),300);return t(),t.cancel})(t),onMouseLeave:O,children:(0,$.jsx)(N,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{y(e)})(e)})},o)}))}),S<h.length&&(0,$.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:(0,$.jsx)(P,{})})]})}var A=function(e){const[t,o,s]=(0,d.A)(),[c]=(0,f.QN)("whatmoreShopId"),[u]=(0,f.QN)("whatmorePrimaryColor"),[p]=(0,f.QN)("whatmoreSecondaryColor"),[h]=(0,f.QN)("whatmoreTitleFont"),x="portrait"==t?(0,f.Xd)("whatmoreTitleFontSizePortrait"):(0,f.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(v.B),w=((0,f.Xd)("isInDesignMode"),(0,f.Xd)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:b}=(0,r.useContext)(v.B),S=e.events,j=e.onClick,C=h;function P(e){j(e)}return(0,r.useEffect)((()=>{(0,O.Fk)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.Sn.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete l.Ay.styles.global,(0,$.jsx)(a.C,{value:k,children:(0,$.jsx)("div",{className:"whatmore-carousel-events",children:(0,$.jsx)(n.s,{theme:l.Ay,cssVarsRoot:g,resetCSS:!1,children:(0,$.jsxs)(y.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||b?(0,$.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"62636458233"==c?"flex-start":"center"},children:(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",x+"px","important"))},style:{color:u,backgroundClip:"text",textAlign:"center",fontWeight:(0,m.Odx)(c),lineHeight:(0,m.L0y)(c),letterSpacing:(0,m.l3V)(c)},children:b?"W"!==w?w:"":e.heading})}):(0,$.jsx)($.Fragment,{}),"landscape"===t?(0,$.jsx)(E,{events:S,onClick:P}):(0,$.jsx)(_,{events:S,onClick:P})]})})})})}},7509:function(e,t,o){o.d(t,{h:function(){return r}});const r=(0,o(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7136:function(e,t,o){var r=o(9950),n=o(932),i=o(7509),l=o(5830),a=o(4414);t.A=function(e){var[t,o]=(0,n.A)();(0,r.useContext)(i.h);const s=(0,l.Xd)("whatmoreShopId");return e.event,(0,a.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==s?void 0:o,aspectRatio:"8968077397"==s?9/16:void 0,height:"8968077397"==s?"100%":t,overflow:"hidden"}})}},8283:function(e,t,o){o.d(t,{AH:function(){return d},i7:function(){return u},mL:function(){return c}});var r=o(572),n=o(9950),i=o(1783),l=o(6477),a=o(9015),s=(o(8603),o(3876),function(e,t){var o=arguments;if(null==t||!r.h.call(t,"css"))return n.createElement.apply(void 0,o);var i=o.length,l=new Array(i);l[0]=r.E,l[1]=(0,r.c)(e,t);for(var a=2;a<i;a++)l[a]=o[a];return n.createElement.apply(null,l)});!function(e){var t;t||(t=e.JSX||(e.JSX={}))}(s||(s={}));var c=(0,r.w)((function(e,t){var o=e.styles,s=(0,a.J)([o],void 0,n.useContext(r.T)),c=n.useRef();return(0,l.i)((function(){var e=t.key+"-global",o=new t.sheet.constructor({key:e,nonce:t.sheet.nonce,container:t.sheet.container,speedy:t.sheet.isSpeedy}),r=!1,n=document.querySelector('style[data-emotion="'+e+" "+s.name+'"]');return t.sheet.tags.length&&(o.before=t.sheet.tags[0]),null!==n&&(r=!0,n.setAttribute("data-emotion",e),o.hydrate([n])),c.current=[o,r],function(){o.flush()}}),[t]),(0,l.i)((function(){var e=c.current,o=e[0];if(e[1])e[1]=!1;else{if(void 0!==s.next&&(0,i.sk)(t,s.next,!0),o.tags.length){var r=o.tags[o.tags.length-1].nextElementSibling;o.before=r,o.flush()}t.insert("",s,o,!1)}}),[t,s.name]),null}));function d(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return(0,a.J)(t)}function u(){var e=d.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},3876:function(e,t,o){var r=o(6429),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},l={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},a={};function s(e){return r.isMemo(e)?l:a[e.$$typeof]||n}a[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a[r.Memo]=l;var c=Object.defineProperty,d=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,y=Object.prototype;e.exports=function e(t,o,r){if("string"!==typeof o){if(y){var n=f(o);n&&n!==y&&e(t,n,r)}var l=d(o);u&&(l=l.concat(u(o)));for(var a=s(t),h=s(o),m=0;m<l.length;++m){var v=l[m];if(!i[v]&&(!r||!r[v])&&(!h||!h[v])&&(!a||!a[v])){var x=p(o,v);try{c(t,v,x)}catch(g){}}}}return t}},8577:function(e,t){var o="function"===typeof Symbol&&Symbol.for,r=o?Symbol.for("react.element"):60103,n=o?Symbol.for("react.portal"):60106,i=o?Symbol.for("react.fragment"):60107,l=o?Symbol.for("react.strict_mode"):60108,a=o?Symbol.for("react.profiler"):60114,s=o?Symbol.for("react.provider"):60109,c=o?Symbol.for("react.context"):60110,d=o?Symbol.for("react.async_mode"):60111,u=o?Symbol.for("react.concurrent_mode"):60111,p=o?Symbol.for("react.forward_ref"):60112,f=o?Symbol.for("react.suspense"):60113,y=o?Symbol.for("react.suspense_list"):60120,h=o?Symbol.for("react.memo"):60115,m=o?Symbol.for("react.lazy"):60116,v=o?Symbol.for("react.block"):60121,x=o?Symbol.for("react.fundamental"):60117,g=o?Symbol.for("react.responder"):60118,w=o?Symbol.for("react.scope"):60119;function b(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case d:case u:case i:case a:case l:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case m:case h:case s:return e;default:return t}}case n:return t}}}function S(e){return b(e)===u}t.AsyncMode=d,t.ConcurrentMode=u,t.ContextConsumer=c,t.ContextProvider=s,t.Element=r,t.ForwardRef=p,t.Fragment=i,t.Lazy=m,t.Memo=h,t.Portal=n,t.Profiler=a,t.StrictMode=l,t.Suspense=f,t.isAsyncMode=function(e){return S(e)||b(e)===d},t.isConcurrentMode=S,t.isContextConsumer=function(e){return b(e)===c},t.isContextProvider=function(e){return b(e)===s},t.isElement=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return b(e)===p},t.isFragment=function(e){return b(e)===i},t.isLazy=function(e){return b(e)===m},t.isMemo=function(e){return b(e)===h},t.isPortal=function(e){return b(e)===n},t.isProfiler=function(e){return b(e)===a},t.isStrictMode=function(e){return b(e)===l},t.isSuspense=function(e){return b(e)===f},t.isValidElementType=function(e){return"string"===typeof e||"function"===typeof e||e===i||e===u||e===a||e===l||e===f||e===y||"object"===typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===h||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===x||e.$$typeof===g||e.$$typeof===w||e.$$typeof===v)},t.typeOf=b},6429:function(e,t,o){e.exports=o(8577)},4826:function(){},7229:function(){},4669:function(){}}]);
1
+ /*! For license information please see carousel-template-f.bd3e9f69.chunk.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[485],{9418:function(e,t,o){o.r(t),o.d(t,{default:function(){return A}});var r=o(9950),n=(o(4826),o(340)),i=o(5873),l=o(9983),a=(o(3997),o(4669),o(9733),o(4365),o(7229),o(572)),s=o(8603),c=o(932),d=o(7300),u=o(5491),p=o.n(u),f=o(5830),y=o(7509),h=o(7136),m=o(1348),v=o(4737),x=o(1351),g=o(6157),w=o(9879),b=o(8538),S=o(6594),j=o(22),C=o(6613),P=o(8149),M=o(7740),$=o(4414);var N=function(e){var t,o,n,i,l,a,s,d,u,p,h,v,x,g,N,O,k,_,E,A,I,T,F,R,X;const[z,D,L,W,B]=(0,c.A)(),U=(0,f.Xd)("whatmoreShopId"),Y=(0,f.Xd)("whatmoreLandingLocationType"),H="portrait"===B[j.dl],Q=(H?1.076*D*(0,m.HWj)(U):D*(0,m.N_4)(U))+"px",J=(H?1.076*D*(0,m.HWj)(U):D*(0,m.N_4)(U))+"px",q=(H?.965*D*(0,m.HWj)(U):.859*D*(0,m.N_4)(U))+"px",[V,G]=(0,r.useState)(e.event),K=(0,f.Xd)("whatmoreSecondaryColor");var Z=(0,r.useContext)(y.h);const ee=null===(t=e.isOnFocus)||void 0===t||t,te=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,oe=e.onClick,re=(0,f.Xd)("whatmoreUITheme"),ne=null!==(n=e.animateOnFocus&&(0,m.n5O)(U))&&void 0!==n&&n,[ie,le]=(0,r.useState)(!1),ae=(0,f.Xd)("whatmorePrimaryFont"),se=Math.round(+(null===(i=V.products[0])||void 0===i?void 0:i.price)),ce=Math.round(+(null===(l=V.products[0])||void 0===l?void 0:l.compare_price)),de=ce&&0!=ce&&ce>se?Math.round((ce-se)/ce*100):NaN,[ue,pe]=(0,r.useState)(de),[fe,ye]=(0,r.useState)(),he="55143268394"===U;return(0,r.useEffect)((()=>{(0,m.w4b)(U)&&(0,S.fu)(V,(0,m.NCy)(U),U).then((e=>{var t,o,r;G(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&pe(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),le(!0)}));(async()=>{var e;const t=await(0,P.M)(null===V||void 0===V||null===(e=V.products)||void 0===e?void 0:e[0],(0,m.NCy)(U),U);ye(t),le(!0)})()}),[]),(0,$.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",Z.tileTopMargin+"px"),e.style.setProperty("margin-bottom",Z.tileBottomMMargin+"px"))},className:ne&&!H?ee?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:D},onClick:()=>{oe(V)},children:[(0,$.jsx)("div",{style:{borderRadius:"round"==re?"5%":"0px",boxShadow:"round"==re?"0px 0px 5px 0px #B0B0B0":null,height:z,borderWidth:(0,m.YcK)(U),borderColor:(0,m.Fwt)(U),overflow:"hidden"},children:(0,$.jsx)(w.A,{height:(0,m.u06)(U)+" !important",width:"100%",url:V.thumbnail_image,isPlaying:ee||te||(0,C.At)(),event:V})}),(0,$.jsxs)("div",{className:"wht-prod-info",style:{display:(0,m.AmR)(U)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:he?"8px":"5px",alignItems:he?"center":"flex-start"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(U),"important"),e.style.setProperty("font-size","45034766485"==U&&"product"==Y?"9px":Q),e.style.setProperty("line-height","120%"),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,b.v)(null===(a=V.products[0])||void 0===a?void 0:a.title)}),ie&&(0,m.Nzx)(U)&&(0,$.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,m.vw2)(U)?"row":"row-reverse",justifyContent:he?"center":(0,m.vw2)(U)?"flex-start":"flex-end"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(U),"important"),e.style.setProperty("font-size","45034766485"==U&&"product"==Y?"8px":J),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,m.i6j)(U)?"normal":"bold"},children:(0,S.Sb)(parseFloat((0,M.U)()?"61916709004"==U?(null===fe||void 0===fe||null===(s=fe.variants)||void 0===s||null===(d=s[0])||void 0===d?void 0:d.price)>0?null===fe||void 0===fe||null===(u=fe.variants)||void 0===u||null===(p=u[0])||void 0===p?void 0:p.price:null===fe||void 0===fe?void 0:fe.price:(null===fe||void 0===fe?void 0:fe.price)>0?null===fe||void 0===fe?void 0:fe.price:null===fe||void 0===fe||null===(h=fe.variants)||void 0===h||null===(v=h[0])||void 0===v?void 0:v.price:(null===V||void 0===V||null===(x=V.products)||void 0===x||null===(g=x[0])||void 0===g?void 0:g.price)>0?null===V||void 0===V||null===(N=V.products)||void 0===N||null===(O=N[0])||void 0===O?void 0:O.price:null===V||void 0===V||null===(k=V.products)||void 0===k||null===(_=k[0])||void 0===_?void 0:_.price_max)," ",U,null===(E=V.products[0])||void 0===E?void 0:E.currency)}),!isNaN(ce)&&ce>se&&(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.gld)(U),"important"),e.style.setProperty("font-size",J),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:he?"center":void 0},children:(0,S.Sb)(parseFloat((0,M.U)()?"61916709004"==U&&null!==(A=null===fe||void 0===fe||null===(I=fe.variants)||void 0===I||null===(T=I[0])||void 0===T?void 0:T.compare_at_price)&&void 0!==A?A:null===fe||void 0===fe?void 0:fe.compare_at_price:null===V||void 0===V||null===(F=V.products)||void 0===F||null===(R=F[0])||void 0===R?void 0:R.compare_price)," ",U,null===(X=V.products[0])||void 0===X?void 0:X.currency)})]}),((0,m.Nzx)(U)&&!isNaN(ue)&&0!=ue&&ie||he)&&(0,$.jsx)("div",{style:{display:(0,m.QNr)(U)?"flex":"none",backgroundColor:he?K:"green"===(0,m.ub$)(U)?"#343434"===K?(0,m.ub$)(U):K:(0,m.ub$)(U),alignItems:"center",justifyContent:he?"center":void 0,borderRadius:he?"25px":(0,m.v8m)(U)+"px",width:he?.5*D:"fit-content",padding:(0,m.Cf)(U)?he?"12px 12px":"3px 6px":"0px",margin:he?"0 auto":void 0,textAlign:he?"center":void 0,height:he?"7%":void 0},children:(0,m.Cf)(U)?(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.BRY)(U),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("font-weight",he?"600":"normal","important"))},children:he?"BUY NOW":`${ue}% Off`}):(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m._zx)(U),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("font-family",(0,m.ogW)(U),"important"))},children:(0,m.rsz)(U)})})]})]})},O=o(6641);const k=(0,s.A)({key:"whatmore-css-hv"});function _(e){const[t,o,n]=(0,c.A)(),i=(0,f.Xd)("whatmoreShopId"),l=(0,f.Xd)("whatmoreLandingLocationType"),a=e.events,s=e.onClick,{whatmoreWidgetSourceDetails:d}=(0,r.useContext)(v.B),u=Math.ceil(n),p=2*u,[y,w]=(0,r.useState)(p),[b,S]=(0,r.useState)(2*u),j=0===(0,m.If9)(i)?24:(0,m.If9)(i),[C,P]=(0,r.useState)({touchX:0,touchY:0}),M=()=>(0,$.jsx)("div",{className:"navigation-button-next-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),O=()=>(0,$.jsx)("div",{className:"navigation-button-prev-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),k=e=>{if("next"===e){const e=2;S((e=>Math.min(e+Math.floor(n),a.length+u+1))),w((t=>Math.min(t+e,a.length+u+1)))}else S((e=>Math.max(e-Math.floor(n),p)));(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,$.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"45034766485"==i&&"product"==l?"center":"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{P({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,r,n;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-C.touchX,l=(null===(r=e.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-C.touchY;Math.sqrt(i**2+l**2)>10&&Math.abs(i)>Math.abs(l)&&k(i>0?"prev":"next")},children:[(0,m.JSQ)(i)&&(0,$.jsxs)($.Fragment,{children:[b<=a.length+u&&(0,$.jsx)("div",{onClick:()=>k("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,$.jsx)(M,{})}),b>2*u&&(0,$.jsx)("div",{onClick:()=>k("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,$.jsx)(O,{})})]}),(0,$.jsx)("div",{style:{display:"flex",gap:j,transform:`translateX(-${(b-p)*(o+j)}px)`,transition:"transform 0.4s ease-in-out"},children:a.map(((e,t)=>t<y?(0,$.jsx)("div",{children:(0,$.jsx)(N,{isOnFocus:t<=b-u-1&&t>=Math.max(0,b-p),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>s(e)})},`whatmore-carousel-tile-${t}`):(0,$.jsx)(h.A,{})))})]})}function E(e){const[t,o,n,i]=(0,c.A)(),[l,a]=(0,r.useState)(-1),s=(0,f.Xd)("whatmoreShopId"),[d,u]=(0,r.useState)("next"),y=e.onClick,h=e.events,{whatmoreWidgetSourceDetails:w}=(0,r.useContext)(v.B),b=Math.min(Math.ceil(n),h.length),[S,j]=(0,r.useState)(0),C=0===(0,m.If9)(s)?24:(0,m.If9)(s),P=()=>(0,$.jsx)("div",{children:(0,$.jsx)("button",{onClick:_,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),M=()=>(0,$.jsx)("div",{children:(0,$.jsx)("button",{onClick:k,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=b&&j((e=>e+b))}),[b]);const O=()=>{a(-1)},k=()=>{S!==b&&(u("prev"),j((e=>Math.max(Math.ceil(e-n),b))),(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},_=()=>{S>h.length+n||(u("next"),j((e=>Math.floor(e+n))),(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},E=S>h.length?h.length-b+1:S-b,A=S>=h.length?h.length:E+b,I=h.slice(E,A);return(0,$.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[S!==b&&(0,$.jsx)("div",{style:{position:"absolute",left:i+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:(0,$.jsx)(M,{})}),(0,$.jsx)("div",{className:"wht-hide-scrollbar",style:{display:"flex",gap:C+"px",width:o*n*(0,m.fHt)(s)+"px",justifyContent:h.length>b?"flex-start":"center",overflow:"auto"},children:I.map(((e,t)=>{const o=`whatmore-event-tile-landscape-${e.index}${t===b-1?"-last":""}`,r=t===l;return(0,$.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===d?"next":"prev"),onMouseEnter:()=>(e=>{const t=p()((()=>a(e)),300);return t(),t.cancel})(t),onMouseLeave:O,children:(0,$.jsx)(N,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{y(e)})(e)})},o)}))}),S<h.length&&(0,$.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:(0,$.jsx)(P,{})})]})}var A=function(e){const[t,o,s]=(0,d.A)(),[c]=(0,f.QN)("whatmoreShopId"),[u]=(0,f.QN)("whatmorePrimaryColor"),[p]=(0,f.QN)("whatmoreSecondaryColor"),[h]=(0,f.QN)("whatmoreTitleFont"),x="portrait"==t?(0,f.Xd)("whatmoreTitleFontSizePortrait"):(0,f.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(v.B),w=((0,f.Xd)("isInDesignMode"),(0,f.Xd)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:b}=(0,r.useContext)(v.B),S=e.events,j=e.onClick,C=h;function P(e){j(e)}return(0,r.useEffect)((()=>{(0,O.Fk)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.Sn.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&"72550089015"!=c&&(e.style.minHeight="0px")}))}),[]),delete l.Ay.styles.global,(0,$.jsx)(a.C,{value:k,children:(0,$.jsx)("div",{className:"whatmore-carousel-events",children:(0,$.jsx)(n.s,{theme:l.Ay,cssVarsRoot:g,resetCSS:!1,children:(0,$.jsxs)(y.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||b?(0,$.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"62636458233"==c?"flex-start":"center"},children:(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",x+"px","important"))},style:{color:u,backgroundClip:"text",textAlign:"center",fontWeight:(0,m.Odx)(c),lineHeight:(0,m.L0y)(c),letterSpacing:(0,m.l3V)(c)},children:b?"W"!==w?w:"":e.heading})}):(0,$.jsx)($.Fragment,{}),"landscape"===t?(0,$.jsx)(E,{events:S,onClick:P}):(0,$.jsx)(_,{events:S,onClick:P})]})})})})}},7509:function(e,t,o){o.d(t,{h:function(){return r}});const r=(0,o(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7136:function(e,t,o){var r=o(9950),n=o(932),i=o(7509),l=o(5830),a=o(4414);t.A=function(e){var[t,o]=(0,n.A)();(0,r.useContext)(i.h);const s=(0,l.Xd)("whatmoreShopId");return e.event,(0,a.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==s?void 0:o,aspectRatio:"8968077397"==s?9/16:void 0,height:"8968077397"==s?"100%":t,overflow:"hidden"}})}},8283:function(e,t,o){o.d(t,{AH:function(){return d},i7:function(){return u},mL:function(){return c}});var r=o(572),n=o(9950),i=o(1783),l=o(6477),a=o(9015),s=(o(8603),o(3876),function(e,t){var o=arguments;if(null==t||!r.h.call(t,"css"))return n.createElement.apply(void 0,o);var i=o.length,l=new Array(i);l[0]=r.E,l[1]=(0,r.c)(e,t);for(var a=2;a<i;a++)l[a]=o[a];return n.createElement.apply(null,l)});!function(e){var t;t||(t=e.JSX||(e.JSX={}))}(s||(s={}));var c=(0,r.w)((function(e,t){var o=e.styles,s=(0,a.J)([o],void 0,n.useContext(r.T)),c=n.useRef();return(0,l.i)((function(){var e=t.key+"-global",o=new t.sheet.constructor({key:e,nonce:t.sheet.nonce,container:t.sheet.container,speedy:t.sheet.isSpeedy}),r=!1,n=document.querySelector('style[data-emotion="'+e+" "+s.name+'"]');return t.sheet.tags.length&&(o.before=t.sheet.tags[0]),null!==n&&(r=!0,n.setAttribute("data-emotion",e),o.hydrate([n])),c.current=[o,r],function(){o.flush()}}),[t]),(0,l.i)((function(){var e=c.current,o=e[0];if(e[1])e[1]=!1;else{if(void 0!==s.next&&(0,i.sk)(t,s.next,!0),o.tags.length){var r=o.tags[o.tags.length-1].nextElementSibling;o.before=r,o.flush()}t.insert("",s,o,!1)}}),[t,s.name]),null}));function d(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return(0,a.J)(t)}function u(){var e=d.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},3876:function(e,t,o){var r=o(6429),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},l={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},a={};function s(e){return r.isMemo(e)?l:a[e.$$typeof]||n}a[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a[r.Memo]=l;var c=Object.defineProperty,d=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,y=Object.prototype;e.exports=function e(t,o,r){if("string"!==typeof o){if(y){var n=f(o);n&&n!==y&&e(t,n,r)}var l=d(o);u&&(l=l.concat(u(o)));for(var a=s(t),h=s(o),m=0;m<l.length;++m){var v=l[m];if(!i[v]&&(!r||!r[v])&&(!h||!h[v])&&(!a||!a[v])){var x=p(o,v);try{c(t,v,x)}catch(g){}}}}return t}},8577:function(e,t){var o="function"===typeof Symbol&&Symbol.for,r=o?Symbol.for("react.element"):60103,n=o?Symbol.for("react.portal"):60106,i=o?Symbol.for("react.fragment"):60107,l=o?Symbol.for("react.strict_mode"):60108,a=o?Symbol.for("react.profiler"):60114,s=o?Symbol.for("react.provider"):60109,c=o?Symbol.for("react.context"):60110,d=o?Symbol.for("react.async_mode"):60111,u=o?Symbol.for("react.concurrent_mode"):60111,p=o?Symbol.for("react.forward_ref"):60112,f=o?Symbol.for("react.suspense"):60113,y=o?Symbol.for("react.suspense_list"):60120,h=o?Symbol.for("react.memo"):60115,m=o?Symbol.for("react.lazy"):60116,v=o?Symbol.for("react.block"):60121,x=o?Symbol.for("react.fundamental"):60117,g=o?Symbol.for("react.responder"):60118,w=o?Symbol.for("react.scope"):60119;function b(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case d:case u:case i:case a:case l:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case m:case h:case s:return e;default:return t}}case n:return t}}}function S(e){return b(e)===u}t.AsyncMode=d,t.ConcurrentMode=u,t.ContextConsumer=c,t.ContextProvider=s,t.Element=r,t.ForwardRef=p,t.Fragment=i,t.Lazy=m,t.Memo=h,t.Portal=n,t.Profiler=a,t.StrictMode=l,t.Suspense=f,t.isAsyncMode=function(e){return S(e)||b(e)===d},t.isConcurrentMode=S,t.isContextConsumer=function(e){return b(e)===c},t.isContextProvider=function(e){return b(e)===s},t.isElement=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return b(e)===p},t.isFragment=function(e){return b(e)===i},t.isLazy=function(e){return b(e)===m},t.isMemo=function(e){return b(e)===h},t.isPortal=function(e){return b(e)===n},t.isProfiler=function(e){return b(e)===a},t.isStrictMode=function(e){return b(e)===l},t.isSuspense=function(e){return b(e)===f},t.isValidElementType=function(e){return"string"===typeof e||"function"===typeof e||e===i||e===u||e===a||e===l||e===f||e===y||"object"===typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===h||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===x||e.$$typeof===g||e.$$typeof===w||e.$$typeof===v)},t.typeOf=b},6429:function(e,t,o){e.exports=o(8577)},4826:function(){},7229:function(){},4669:function(){}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see carousel-template-h.44d84e6a.chunk.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{7178:function(e,t,r){r.r(t);var o=r(9950),n=r(340),i=r(9983),l=r(5873),s=(r(3997),r(9130),r(4669),r(9733),r(4365),r(7229),r(6042),r(572)),a=r(8603),c=r(8378),u=r(9094),d=r(932),p=r(7300),f=r(5491),y=r.n(f),m=r(5830),h=r(7509),v=r(7136),x=r(1348),g=r(4737),w=r(1351),S=r(6157),b=r(6641),P=r(1957),j=r(4414);const C=(0,a.A)({key:"whatmore-css-hv"});function M(e){const[t,r,n]=(0,d.A)(),i=(0,m.Xd)("whatmoreShopId"),l=e.events,s=e.onClick,a=n*(0,x.kcl)(i),u=(0,x.cbh)(i),[p,f]=(0,o.useState)(u?l.length:a),{whatmoreWidgetSourceDetails:y}=(0,o.useContext)(g.B);return(0,o.useEffect)((()=>{p<=a&&f((e=>e+a))}),[a]),(0,j.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,j.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,j.jsx)(c.RC,{slidesPerView:l.length>1?a:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.UM)({userInteractionType:S.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:y}),e.realIndex>e.previousIndex&&f((e=>e+a))},loop:u,children:l.map(((e,t)=>t<=p&&(0,j.jsx)(c.qr,{children:t=>{let{isActive:r,isPrev:o,isNext:n,isVisible:i}=t;return o||n||r?(0,j.jsx)(P.A,{isOnFocus:r&&i,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,j.jsx)(v.A,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function O(e){const[t,r,n,i]=(0,d.A)(),[l,s]=(0,o.useState)(-1),a=(0,m.Xd)("whatmoreShopId"),p=e.onClick,f=e.events,h=(0,x.cbh)(a),[b,C]=(0,o.useState)(h?f.length:n),M=Math.min(n,f.length),{whatmoreWidgetSourceDetails:O}=(0,o.useContext)(g.B),$=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if($.current){const e=r*M*(0,x.fHt)(a)+"px";f.length<4?$.current.style.setProperty("width",e,"important"):$.current.style.width=e}}),[r,M,a,b,f.length]),(0,o.useEffect)((()=>{b<=n&&C((e=>e+n))}),[n]),(0,j.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:i+"px",paddingRight:i+"px"},className:"whatmore-events-carousel-landscape",children:(0,j.jsx)("div",{ref:$,style:{height:"100%"},children:(0,j.jsx)(c.RC,{slidesPerView:M,watchSlidesProgress:!0,modules:[u.Vx],navigation:!0,slidesPerGroup:parseInt(M),onSlideChange:e=>{(0,w.UM)({userInteractionType:S.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:O}),e.realIndex>e.previousIndex&&C((e=>e+n))},spaceBetween:0,loop:h&&f.length>4,style:{height:"100%"},children:f.map(((e,t)=>{const r=y()((()=>s(t)),300);return t<=b&&(0,j.jsx)(c.qr,{onMouseEnter:()=>{r()},onMouseLeave:()=>{r.cancel(),s(-1)},style:{height:"100%"},children:r=>{let{isActive:o,isPrev:n,isNext:i,isVisible:s}=r;return s||n||i?(0,j.jsx)(P.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(M/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{p(e)}}):(0,j.jsx)(v.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){const[t,r,a]=(0,p.A)(),[c]=(0,m.QN)("whatmoreShopId"),[u]=(0,m.QN)("whatmorePrimaryColor"),[d]=(0,m.QN)("whatmoreTitleFont"),f="portrait"==t?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:y}=(0,o.useContext)(g.B),v=(0,m.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,o.useContext)(g.B),S=e.events,P=e.onClick,$=d;function A(e){P(e)}return(0,o.useEffect)((()=>{(0,b.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.Sn.forEach((e=>{var t;const r=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-h"]');if(!r)return;r&&e&&(e.style.minHeight="0px")}))}),[]),delete i.Ay.styles.global,(0,j.jsx)(s.C,{value:C,children:(0,j.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,j.jsx)(n.s,{theme:i.Ay,cssVarsRoot:y,resetCSS:!1,children:(0,j.jsxs)(h.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,j.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,j.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",$,"important"),e.style.setProperty("font-size",f+"px","important"))},style:{color:u,backgroundClip:"text",textAlign:"center",fontWeight:(0,x.Odx)(c),lineHeight:(0,x.L0y)(c),letterSpacing:(0,x.l3V)(c)},children:w?"W"!==v?v:"":e.heading})}):(0,j.jsx)(j.Fragment,{}),"landscape"===t?(0,j.jsx)(O,{events:S,onClick:A}):(0,j.jsx)(M,{events:S,onClick:A})]})})})})}},7509:function(e,t,r){r.d(t,{h:function(){return o}});const o=(0,r(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7136:function(e,t,r){var o=r(9950),n=r(932),i=r(7509),l=r(5830),s=r(4414);t.A=function(e){var[t,r]=(0,n.A)();(0,o.useContext)(i.h);const a=(0,l.Xd)("whatmoreShopId");return e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:r,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":t,overflow:"hidden"}})}},1957:function(e,t,r){var o=r(9950),n=r(932),i=(r(4826),r(5830)),l=r(9879),s=r(7509),a=r(22),c=r(1348),u=r(4737),d=r(6594),p=r(8538),f=r(8149),y=r(4414);t.A=function(e){var t,r,m,h,v,x,g,w,S,b,P,j,C,M,O,$,A,N,_;const[k,E,F,I,R]=(0,n.A)();var T=(0,o.useContext)(s.h);const D=(0,i.Xd)("whatmoreUITheme"),W=(0,i.Xd)("whatmoreShopId"),z=(0,i.Xd)("whatmorePrimaryFont"),B=(0,i.Xd)("whatmoreSecondaryColor"),X=e.onClick,H=null===(t=e.isOnFocus)||void 0===t||t,L=null!==(r=e.playOnUnfocus)&&void 0!==r&&r,V=null!==(m=e.animateOnFocus&&(0,c.n5O)(W))&&void 0!==m&&m,U="portrait"===R[a.dl],q=(U?1.076*E*(0,c.HWj)(W):E*(0,c.N_4)(W))+"px",G=(U?1.076*E*(0,c.HWj)(W):E*(0,c.N_4)(W))+"px",J=(U?.965*E*(0,c.HWj)(W):.859*E*(0,c.N_4)(W))+"px",K=(0,c.VYo)(W),{whatmoreIsPreviewMode:Q}=(0,o.useContext)(u.B),Y=.25*E,Z=Y+"px",[ee,te]=(0,o.useState)(e.event),[re,oe]=(0,o.useState)(),ne=Math.round(+(null===(h=ee.products)||void 0===h||null===(v=h[0])||void 0===v?void 0:v.price)),ie=Math.round(+(null===ee||void 0===ee||null===(x=ee.products[0])||void 0===x?void 0:x.compare_price)),le=ie&&0!=ie&&ie>ne?Math.round((ie-ne)/ie*100):NaN,[se,ae]=(0,o.useState)(le),[ce,ue]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{(0,c.w4b)(W)&&(0,d.fu)(ee,(0,c.NCy)(W),W).then((e=>{var t,r,o;te(e);const n=Math.round(null===(t=e.products)||void 0===t||null===(r=t[0])||void 0===r?void 0:r.price),i=Math.round(null===e||void 0===e||null===(o=e.products[0])||void 0===o?void 0:o.compare_price),l=i&&0!=i&&i>n?Math.round((i-n)/i*100):NaN;ae(l),ue(!0)}));(async()=>{var e;const t=await(0,f.M)(null===ee||void 0===ee||null===(e=ee.products)||void 0===e?void 0:e[0],(0,c.NCy)(W),W);oe(t),ue(!0)})()}),[]),(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",T.tileTopMargin+"px"),e.style.setProperty("margin-bottom",T.tileBottomMMargin+"px"))},className:V&&!U?H?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{width:E,margin:"0 auto",cursor:"pointer"},onClick:()=>{X(ee)},children:[(0,y.jsx)("div",{style:{width:E,height:U&&H?"STR2FOC6KG9"==W||"STRDOIDF6O7"==W?k:1.1*k:k,borderRadius:"round"==D?"5px":"0px",boxShadow:"round"==D?K:null,borderWidth:(0,c.YcK)(W),borderColor:(0,c.Fwt)(W),overflow:"hidden"},children:(0,y.jsx)(l.A,{height:(0,c.u06)(W)+" !important",width:"100%",url:ee.thumbnail_image,isPlaying:H||L,event:ee})}),(0,y.jsxs)("div",{style:{cursor:"pointer",display:"flex",gap:"6px",padding:"12px 4px"},children:[(Q?(0,c.Tr1)(W):(0,c.UmS)(W))&&(0,y.jsx)("div",{style:{maxWidth:Z,minWidth:null!==(g=ee.products)&&void 0!==g&&null!==(w=g[0])&&void 0!==w&&w.thumbnail_image?Z:"0",overflow:"hidden"},children:(0,y.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,c.KZe)(W),"important")},src:null===(S=ee.products)||void 0===S||null===(b=S[0])||void 0===b?void 0:b.thumbnail_image,alt:"thumbnail"})}),(0,y.jsxs)("div",{className:"wht-prod-info",style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c.m5c)(W),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,p.v)(null===(P=ee.products[0])||void 0===P?void 0:P.title)}),ce&&(0,c.Nzx)(W)&&(0,y.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,c.vw2)(W)?"row":"row-reverse",justifyContent:(0,c.vw2)(W)?"flex-start":"flex-end"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c.m5c)(W),"important"),e.style.setProperty("font-size",G,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,c.i6j)(W)?"normal":"bold"},children:(0,d.Sb)(parseFloat(null!==(j=null===re||void 0===re?void 0:re.price)&&void 0!==j?j:null===ee||void 0===ee||null===(C=ee.products)||void 0===C||null===(M=C[0])||void 0===M?void 0:M.price)," ",W,null===(O=ee.products[0])||void 0===O?void 0:O.currency)}),!isNaN(ie)&&ie>ne&&(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c.gld)(W),"important"),e.style.setProperty("font-size",G,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,d.Sb)(parseFloat(null!==($=null===re||void 0===re?void 0:re.compare_at_price)&&void 0!==$?$:null===ee||void 0===ee||null===(A=ee.products)||void 0===A||null===(N=A[0])||void 0===N?void 0:N.compare_price)," ",W,null===(_=ee.products[0])||void 0===_?void 0:_.currency)})]}),(0,c.Nzx)(W)&&ce&&!isNaN(se)&&0!=se&&(0,y.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,c.ub$)(W)?"#343434"==B?(0,c.ub$)(W):B:(0,c.ub$)(W),alignItems:"center",borderRadius:(0,c.v8m)(W)+"px",width:"fit-content",padding:(0,c.Cf)(W)?"3px 6px":"0px"},children:(0,c.Cf)(W)?(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c.BRY)(W),"important"),e.style.setProperty("font-size",J,"important"),e.style.setProperty("font-family",z,"important"))},children:`${se}% Off`}):(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c._zx)(W),"important"),e.style.setProperty("font-size",J,"important"),e.style.setProperty("font-family",(0,c.ogW)(W),"important"))},children:(0,c.rsz)(W)})})]})]})]})}},8283:function(e,t,r){r.d(t,{AH:function(){return u},i7:function(){return d},mL:function(){return c}});var o=r(572),n=r(9950),i=r(1783),l=r(6477),s=r(9015),a=(r(8603),r(3876),function(e,t){var r=arguments;if(null==t||!o.h.call(t,"css"))return n.createElement.apply(void 0,r);var i=r.length,l=new Array(i);l[0]=o.E,l[1]=(0,o.c)(e,t);for(var s=2;s<i;s++)l[s]=r[s];return n.createElement.apply(null,l)});!function(e){var t;t||(t=e.JSX||(e.JSX={}))}(a||(a={}));var c=(0,o.w)((function(e,t){var r=e.styles,a=(0,s.J)([r],void 0,n.useContext(o.T)),c=n.useRef();return(0,l.i)((function(){var e=t.key+"-global",r=new t.sheet.constructor({key:e,nonce:t.sheet.nonce,container:t.sheet.container,speedy:t.sheet.isSpeedy}),o=!1,n=document.querySelector('style[data-emotion="'+e+" "+a.name+'"]');return t.sheet.tags.length&&(r.before=t.sheet.tags[0]),null!==n&&(o=!0,n.setAttribute("data-emotion",e),r.hydrate([n])),c.current=[r,o],function(){r.flush()}}),[t]),(0,l.i)((function(){var e=c.current,r=e[0];if(e[1])e[1]=!1;else{if(void 0!==a.next&&(0,i.sk)(t,a.next,!0),r.tags.length){var o=r.tags[r.tags.length-1].nextElementSibling;r.before=o,r.flush()}t.insert("",a,r,!1)}}),[t,a.name]),null}));function u(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,s.J)(t)}function d(){var e=u.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},3876:function(e,t,r){var o=r(6429),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},l={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function a(e){return o.isMemo(e)?l:s[e.$$typeof]||n}s[o.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[o.Memo]=l;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,y=Object.prototype;e.exports=function e(t,r,o){if("string"!==typeof r){if(y){var n=f(r);n&&n!==y&&e(t,n,o)}var l=u(r);d&&(l=l.concat(d(r)));for(var s=a(t),m=a(r),h=0;h<l.length;++h){var v=l[h];if(!i[v]&&(!o||!o[v])&&(!m||!m[v])&&(!s||!s[v])){var x=p(r,v);try{c(t,v,x)}catch(g){}}}}return t}},8577:function(e,t){var r="function"===typeof Symbol&&Symbol.for,o=r?Symbol.for("react.element"):60103,n=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,l=r?Symbol.for("react.strict_mode"):60108,s=r?Symbol.for("react.profiler"):60114,a=r?Symbol.for("react.provider"):60109,c=r?Symbol.for("react.context"):60110,u=r?Symbol.for("react.async_mode"):60111,d=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,f=r?Symbol.for("react.suspense"):60113,y=r?Symbol.for("react.suspense_list"):60120,m=r?Symbol.for("react.memo"):60115,h=r?Symbol.for("react.lazy"):60116,v=r?Symbol.for("react.block"):60121,x=r?Symbol.for("react.fundamental"):60117,g=r?Symbol.for("react.responder"):60118,w=r?Symbol.for("react.scope"):60119;function S(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case o:switch(e=e.type){case u:case d:case i:case s:case l:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case a:return e;default:return t}}case n:return t}}}function b(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=a,t.Element=o,t.ForwardRef=p,t.Fragment=i,t.Lazy=h,t.Memo=m,t.Portal=n,t.Profiler=s,t.StrictMode=l,t.Suspense=f,t.isAsyncMode=function(e){return b(e)||S(e)===u},t.isConcurrentMode=b,t.isContextConsumer=function(e){return S(e)===c},t.isContextProvider=function(e){return S(e)===a},t.isElement=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===o},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===i},t.isLazy=function(e){return S(e)===h},t.isMemo=function(e){return S(e)===m},t.isPortal=function(e){return S(e)===n},t.isProfiler=function(e){return S(e)===s},t.isStrictMode=function(e){return S(e)===l},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"===typeof e||"function"===typeof e||e===i||e===d||e===s||e===l||e===f||e===y||"object"===typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===a||e.$$typeof===c||e.$$typeof===p||e.$$typeof===x||e.$$typeof===g||e.$$typeof===w||e.$$typeof===v)},t.typeOf=S},6429:function(e,t,r){e.exports=r(8577)},4826:function(){},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);