whatmore-react-assets 1.0.1579 → 1.0.1580

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.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/static/js/{carousel-template-a.5f2421ec.chunk.js → carousel-template-a.79af10b7.chunk.js} +1 -1
  3. package/static/js/{carousel-template-f.eda090bd.chunk.js → carousel-template-f.70e3819f.chunk.js} +2 -2
  4. package/static/js/{carousel-template-h.81363174.chunk.js → carousel-template-h.31c844c0.chunk.js} +1 -1
  5. package/static/js/homepage-carousel-view.39d72d9f.chunk.js +1 -0
  6. package/whatmore.js +2 -2
  7. package/static/js/homepage-carousel-view.6c70ba9c.chunk.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.1579",
3
+ "version": "1.0.1580",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
package/static/js/{carousel-template-a.5f2421ec.chunk.js → carousel-template-a.79af10b7.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[474],{6945:function(e,t,o){o.r(t);var i=o(9950),n=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),u=o(1941),h=o(5491),m=o.n(h),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 O=(0,a.A)({key:"whatmore-css-hv"});function A(e){const[t,o,n]=(0,p.A)(),[r,l,s]=(0,u.A)(),a=(0,y.Xd)("whatmoreShopId"),c=e.events,h=e.onClick,m=n*(0,x.kcl)(a),v=(0,x.cbh)(a),[C,O]=(0,i.useState)(v?c.length:m),{whatmoreWidgetSourceDetails:A}=(0,i.useContext)(g.B);return(0,i.useEffect)((()=>{C<=m&&O((e=>e+m))}),[m]),(0,b.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,b.jsx)("div",{style:{width:"8968077397"===a&&c.length<4?"200px":s,height:"fit-content"},children:(0,b.jsx)(d.RC,{slidesPerView:c.length>1?"51394281658"==a||"55820812447"==a?2:m:1,initialSlide:c.length>1&&"51394281658"!=a&&"55820812447"!=a?1:0,centeredSlides:"51394281658"!=a&&"55820812447"!=a,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:"51394281658"==a?1:.5,onSlideChange:e=>{(0,P.UM)({userInteractionType:j.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:A}),e.realIndex>e.previousIndex&&O((e=>e+m))},loop:v&&c.length>2,children:c.map(((e,t)=>t<=C&&(0,b.jsx)(d.qr,{children:t=>{let{isActive:o,isPrev:i,isNext:n,isVisible:r}=t;return i||n||o?(0,x.DmD)(a)?(0,b.jsx)(S.A,{isOnFocus:o&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,b.jsx)(w.A,{isOnFocus:("51394281658"==a||"55820812447"==a||o)&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,b.jsx)(f.A,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function N(e){const[t,o,n,r]=(0,p.A)(),[l,s]=(0,i.useState)(-1),a=(0,y.Xd)("whatmoreShopId"),u=e.onClick,h=e.events,v=(0,x.cbh)(a),[C,O]=(0,i.useState)(v?h.length:n),A="8968077397"==a||"19501891"==a?Math.floor(Math.min(n,h.length)):Math.min(n,h.length),N=Math.floor(Math.min(4,h.length)),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(g.B),M=(0,i.useRef)(null);return(0,i.useEffect)((()=>{if(M.current){const e="8968077397"===a&&h.length>=4?.7:(0,x.fHt)(a),t=o*A*e+"px";h.length<4||"8968077397"===a?M.current.style.setProperty("width",t,"important"):M.current.style.width=t}}),[o,A,a,C,h.length]),(0,i.useEffect)((()=>{C<=n&&O((e=>e+n))}),[n]),(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:M,style:{height:"100%"},children:(0,b.jsx)(d.RC,{slidesPerView:"8968077397"==a?N:A,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:"8968077397"==a||"19501891"==a?Math.min(2,h.length):parseInt(A),onSlideChange:e=>{(0,P.UM)({userInteractionType:j.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&O((e=>e+n))},spaceBetween:0,loop:(v||"8968077397"==a||"19501891"==a)&&h.length>4,style:{height:"100%"},children:h.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:i,isPrev:n,isNext:r,isVisible:s}=o;return s||"8968077397"==a||"19501891"==a&&(n||r)?(0,x.DmD)(a)?(0,b.jsx)(S.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(A/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,b.jsx)(w.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(A/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,b.jsx)(f.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){const[t,o,a]=(0,u.A)(),[d]=(0,y.QN)("whatmoreShopId"),[c]=(0,y.QN)("whatmorePrimaryColor"),[p]=(0,y.QN)("whatmoreTitleFont"),h="portrait"==t?(0,y.Xd)("whatmoreTitleFontSizePortrait"):(0,y.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:m}=(0,i.useContext)(g.B),f=(0,y.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,i.useContext)(g.B),P=e.events,j=e.onClick,S=p;function I(e){j(e)}return(0,i.useEffect)((()=>{(0,C.Fk)("Video shopping powered by Whatmore!")}),[]),(0,i.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:O,children:(0,b.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,b.jsx)(n.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",h+"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)(N,{events:P,onClick:I}):(0,b.jsx)(A,{events:P,onClick:I})]})})})})}},7136:function(e,t,o){var i=o(9950),n=o(932),r=o(7509),l=o(5830),s=o(4414);t.A=function(e){var[t,o]=(0,n.A)();(0,i.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 i=o(9950),n=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),u=o(8538),h=o(8149),m=o(5727),y=o(4414);t.A=function(e){var t,o,v,f,x,g,w,P,j,C,S,b,O,A,N,I,M,k,F,_,D,E,R,W,z,T,U,B;const[H,X,V,L,q]=(0,n.A)(),G=.5*X;(0,i.useContext)(s.h);const K=(0,r.Xd)("whatmoreUITheme"),$=(0,r.Xd)("whatmoreShopId"),Q=(0,r.Xd)("whatmorePrimaryFont"),Y=(0,r.Xd)("whatmoreSecondaryColor"),Z=e.onClick,J=null===(t=e.isOnFocus)||void 0===t||t,ee=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,te=null!==(v=e.animateOnFocus&&(0,d.n5O)($))&&void 0!==v&&v,oe="portrait"===q[a.dl],ie=(oe?1.076*X*(0,d.HWj)($):X*(0,d.N_4)($))+"px",ne=(oe?1.076*X*(0,d.HWj)($):X*(0,d.N_4)($))+"px",re=(oe?.965*X*(0,d.HWj)($):.859*X*(0,d.N_4)($))+"px",le=(0,d.VYo)($),{whatmoreIsPreviewMode:se}=(0,i.useContext)(c.B),ae=.25*X,de=ae+"px",ce=1.25*ae+"px",[pe,ue]=(0,i.useState)(e.event),[he,me]=(0,i.useState)(),ye=Math.round(+(null===(f=pe.products)||void 0===f||null===(x=f[0])||void 0===x?void 0:x.price)),ve=Math.round(+(null===pe||void 0===pe||null===(g=pe.products[0])||void 0===g?void 0:g.compare_price)),fe=ve&&0!=ve&&ve>ye?Math.round((ve-ye)/ve*100):NaN,[xe,ge]=(0,i.useState)(fe),[we,Pe]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{(0,d.w4b)($)?(0,p.fu)(pe,(0,d.NCy)($),$).then((e=>{var t,o,i;ue(e);const n=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===(i=e.products[0])||void 0===i?void 0:i.compare_price),l=r&&0!=r&&r>n?Math.round((r-n)/r*100):NaN;ge(l),Pe(!0)})):(async()=>{var e;const t=await(0,h.M)(null===pe||void 0===pe||null===(e=pe.products)||void 0===e?void 0:e[0],(0,d.NCy)($),$);me(t),Pe(!0)})()}),[]),(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top","15px"),e.style.setProperty("margin-bottom","15px"))},className:te&&!oe?J?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{width:X,margin:"0 auto",cursor:"pointer"},onClick:()=>{Z(pe)},children:["video"===pe.event_type&&"55076552858"===$&&!oe&&(0,y.jsx)("div",{className:"video-event-tile",style:{position:"fixed",marginTop:1.2*G,marginLeft:G/2},children:(0,y.jsx)(m.A,{sx:{color:(0,d.KFN)(pe.whatmoreShopId)+" !important",opacity:.8,fontSize:G,filter:"drop-shadow(0 0 15px black);"}})}),(0,y.jsx)("div",{style:{width:X,height:oe&&J?"STR2FOC6KG9"==$||"STRDOIDF6O7"==$?H:1.1*H:H,borderRadius:"round"==K?"5px":"0px",boxShadow:"round"==K?le:null,borderWidth:(0,d.YcK)($),borderColor:(0,d.Fwt)($),overflow:"hidden"},children:(0,y.jsx)(l.A,{height:(0,d.u06)($)+" !important",width:"100%",url:pe.thumbnail_image,isPlaying:J||ee,event:pe})}),(0,y.jsxs)("div",{style:{cursor:"pointer",display:"flex",gap:"6px",padding:"12px 4px"},children:[(se?(0,d.Tr1)($):(0,d.UmS)($))&&(null===pe||void 0===pe||null===(w=pe.products)||void 0===w?void 0:w.length)>0&&(0,y.jsx)("div",{style:{maxHeight:ce,maxWidth:de,minWidth:null!==(P=pe.products)&&void 0!==P&&null!==(j=P[0])&&void 0!==j&&j.thumbnail_image?de:"0",overflow:"hidden"},children:(0,y.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,d.KZe)($),"important")},style:{height:"100%"},src:(null===(C=pe.products)||void 0===C||null===(S=C[0])||void 0===S||null===(b=S.thumbnail_image)||void 0===b||null===(O=b.split("?"))||void 0===O?void 0:O[0])+"?width=400&height=400",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,d.m5c)($),"important"),e.style.setProperty("font-size",ie,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",Q,"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,u.v)(null===(A=pe.products[0])||void 0===A?void 0:A.title)}),we&&(0,d.Nzx)($)&&(0,y.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,d.vw2)($)?"row":"row-reverse",justifyContent:(0,d.vw2)($)?"flex-start":"flex-end"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.m5c)($),"important"),e.style.setProperty("font-size",ne,"important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("white-space","nowrap","important"),e.style.setProperty("width","fit-content","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,d.i6j)($)?"normal":"bold"},children:(0,p.Sb)(parseFloat(null!==(N=null!==(I=null===he||void 0===he||null===(M=he.variants)||void 0===M||null===(k=M[0])||void 0===k?void 0:k.price)&&void 0!==I?I:null===he||void 0===he?void 0:he.price)&&void 0!==N?N:null===pe||void 0===pe||null===(F=pe.products)||void 0===F||null===(_=F[0])||void 0===_?void 0:_.price)," ",$,null===(D=pe.products[0])||void 0===D?void 0:D.currency)}),!isNaN(ve)&&ve>ye&&(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.gld)($),"important"),e.style.setProperty("font-size",ne,"important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("width","fit-content","important"),e.style.setProperty("white-space","nowrap","important"))},style:{textDecoration:"line-through"},children:(0,p.Sb)(parseFloat(null!==(E=null!==(R=null===he||void 0===he||null===(W=he.variants)||void 0===W||null===(z=W[0])||void 0===z?void 0:z.compare_at_price)&&void 0!==R?R:null===he||void 0===he?void 0:he.compare_at_price)&&void 0!==E?E:null===pe||void 0===pe||null===(T=pe.products)||void 0===T||null===(U=T[0])||void 0===U?void 0:U.compare_price)," ",$,null===(B=pe.products[0])||void 0===B?void 0:B.currency)})]}),(0,d.Nzx)($)&&we&&!isNaN(xe)&&0!=xe&&(0,y.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,d.ub$)($)?"#343434"==Y?(0,d.ub$)($):Y:(0,d.ub$)($),alignItems:"center",borderRadius:(0,d.v8m)($)+"px",width:"fit-content",padding:(0,d.Cf)($)?"3px 6px":"0px"},children:(0,d.Cf)($)?(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.BRY)($),"important"),e.style.setProperty("font-size",re,"important"),e.style.setProperty("font-family",Q,"important"))},children:`${xe}% Off`}):(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d._zx)($),"important"),e.style.setProperty("font-size",re,"important"),e.style.setProperty("font-family",(0,d.ogW)($),"important"))},children:(0,d.rsz)($)})})]})]})]})}},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[474],{6945:function(e,t,o){o.r(t);var i=o(9950),n=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),u=o(1941),h=o(5491),m=o.n(h),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 O=(0,a.A)({key:"whatmore-css-hv"});function A(e){const[t,o,n]=(0,p.A)(),[r,l,s]=(0,u.A)(),a=(0,y.Xd)("whatmoreShopId"),c=e.events,h=e.onClick,m=n*(0,x.kcl)(a),v=(0,x.cbh)(a),[C,O]=(0,i.useState)(v?c.length:m),{whatmoreWidgetSourceDetails:A}=(0,i.useContext)(g.B);return(0,i.useEffect)((()=>{C<=m&&O((e=>e+m))}),[m]),(0,b.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,b.jsx)("div",{style:{width:"8968077397"===a&&c.length<4?"200px":s,height:"fit-content"},children:(0,b.jsx)(d.RC,{slidesPerView:c.length>1?"51394281658"==a||"55820812447"==a?2:m:1,initialSlide:c.length>1&&"51394281658"!=a&&"55820812447"!=a?1:0,centeredSlides:"51394281658"!=a&&"55820812447"!=a,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:"51394281658"==a?1:.5,onSlideChange:e=>{(0,P.UM)({userInteractionType:j.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:A}),e.realIndex>e.previousIndex&&O((e=>e+m))},loop:v&&c.length>2,children:c.map(((e,t)=>t<=C&&(0,b.jsx)(d.qr,{children:t=>{let{isActive:o,isPrev:i,isNext:n,isVisible:r}=t;return i||n||o?(0,x.DmD)(a)?(0,b.jsx)(S.A,{isOnFocus:o&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,b.jsx)(w.A,{isOnFocus:("51394281658"==a||"55820812447"==a||o)&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,b.jsx)(f.A,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function N(e){const[t,o,n,r]=(0,p.A)(),[l,s]=(0,i.useState)(-1),a=(0,y.Xd)("whatmoreShopId"),u=e.onClick,h=e.events,v=(0,x.cbh)(a),[C,O]=(0,i.useState)(v?h.length:n),A="8968077397"==a||"19501891"==a?Math.floor(Math.min(n,h.length)):Math.min(n,h.length),N=Math.floor(Math.min(4,h.length)),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(g.B),M=(0,i.useRef)(null);return(0,i.useEffect)((()=>{if(M.current){const e="8968077397"===a&&h.length>=4?.7:(0,x.fHt)(a),t=o*A*e+"px";h.length<4||"8968077397"===a?M.current.style.setProperty("width",t,"important"):M.current.style.width=t}}),[o,A,a,C,h.length]),(0,i.useEffect)((()=>{C<=n&&O((e=>e+n))}),[n]),(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:M,style:{height:"100%"},children:(0,b.jsx)(d.RC,{slidesPerView:"8968077397"==a?N:A,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:"8968077397"==a||"19501891"==a?Math.min(2,h.length):parseInt(A),onSlideChange:e=>{(0,P.UM)({userInteractionType:j.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&O((e=>e+n))},spaceBetween:0,loop:(v||"8968077397"==a||"19501891"==a)&&h.length>4,style:{height:"100%"},children:h.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:i,isPrev:n,isNext:r,isVisible:s}=o;return s||"8968077397"==a||"19501891"==a&&(n||r)?(0,x.DmD)(a)?(0,b.jsx)(S.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(A/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,b.jsx)(w.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(A/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,b.jsx)(f.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){const[t,o,a]=(0,u.A)(),[d]=(0,y.QN)("whatmoreShopId"),[c]=(0,y.QN)("whatmorePrimaryColor"),[p]=(0,y.QN)("whatmoreTitleFont"),h="portrait"==t?(0,y.Xd)("whatmoreTitleFontSizePortrait"):(0,y.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:m}=(0,i.useContext)(g.B),f=(0,y.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,i.useContext)(g.B),P=e.events,j=e.onClick,S=p;function I(e){j(e)}return(0,i.useEffect)((()=>{(0,C.Fk)("Video shopping powered by Whatmore!")}),[]),(0,i.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:O,children:(0,b.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,b.jsx)(n.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",h+"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)(N,{events:P,onClick:I}):(0,b.jsx)(A,{events:P,onClick:I})]})})})})}},7136:function(e,t,o){var i=o(9950),n=o(932),r=o(7509),l=o(5830),s=o(4414);t.A=function(e){var[t,o]=(0,n.A)();(0,i.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 i=o(9950),n=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),u=o(8538),h=o(8149),m=o(5727),y=o(4414);t.A=function(e){var t,o,v,f,x,g,w,P,j,C,S,b,O,A,N,I,M,k,F,_,D,E,R,W,z,T,U,B;const[H,X,V,L,q]=(0,n.A)(),G=.5*X;(0,i.useContext)(s.h);const K=(0,r.Xd)("whatmoreUITheme"),$=(0,r.Xd)("whatmoreShopId"),Q=(0,r.Xd)("whatmorePrimaryFont"),Y=(0,r.Xd)("whatmoreSecondaryColor"),Z=e.onClick,J=null===(t=e.isOnFocus)||void 0===t||t,ee=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,te=null!==(v=e.animateOnFocus&&(0,d.n5O)($))&&void 0!==v&&v,oe="portrait"===q[a.dl],ie=(oe?1.076*X*(0,d.HWj)($):X*(0,d.N_4)($))+"px",ne=(oe?1.076*X*(0,d.HWj)($):X*(0,d.N_4)($))+"px",re=(oe?.965*X*(0,d.HWj)($):.859*X*(0,d.N_4)($))+"px",le=(0,d.VYo)($),{whatmoreIsPreviewMode:se}=(0,i.useContext)(c.B),ae=.25*X,de=ae+"px",ce=1.25*ae+"px",[pe,ue]=(0,i.useState)(e.event),[he,me]=(0,i.useState)(),ye=Math.round(+(null===(f=pe.products)||void 0===f||null===(x=f[0])||void 0===x?void 0:x.price)),ve=Math.round(+(null===pe||void 0===pe||null===(g=pe.products[0])||void 0===g?void 0:g.compare_price)),fe=ve&&0!=ve&&ve>ye?Math.round((ve-ye)/ve*100):NaN,[xe,ge]=(0,i.useState)(fe),[we,Pe]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{(0,d.w4b)($)?(0,p.fu)(pe,(0,d.NCy)($),$).then((e=>{var t,o,i;ue(e);const n=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===(i=e.products[0])||void 0===i?void 0:i.compare_price),l=r&&0!=r&&r>n?Math.round((r-n)/r*100):NaN;ge(l),Pe(!0)})):(async()=>{var e;const t=await(0,h.M)(null===pe||void 0===pe||null===(e=pe.products)||void 0===e?void 0:e[0],(0,d.NCy)($),$);me(t),Pe(!0)})()}),[]),(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top","12px"),e.style.setProperty("margin-bottom","12px"))},className:te&&!oe?J?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{width:X,margin:"0 auto",cursor:"pointer"},onClick:()=>{Z(pe)},children:["video"===pe.event_type&&"55076552858"===$&&!oe&&(0,y.jsx)("div",{className:"video-event-tile",style:{position:"fixed",marginTop:1.2*G,marginLeft:G/2},children:(0,y.jsx)(m.A,{sx:{color:(0,d.KFN)(pe.whatmoreShopId)+" !important",opacity:.8,fontSize:G,filter:"drop-shadow(0 0 15px black);"}})}),(0,y.jsx)("div",{style:{width:X,height:oe&&J?"STR2FOC6KG9"==$||"STRDOIDF6O7"==$?H:1.1*H:H,borderRadius:"round"==K?"5px":"0px",boxShadow:"round"==K?le:null,borderWidth:(0,d.YcK)($),borderColor:(0,d.Fwt)($),overflow:"hidden"},children:(0,y.jsx)(l.A,{height:(0,d.u06)($)+" !important",width:"100%",url:pe.thumbnail_image,isPlaying:J||ee,event:pe})}),(0,y.jsxs)("div",{style:{cursor:"pointer",display:"flex",gap:"6px",padding:"12px 4px"},children:[(se?(0,d.Tr1)($):(0,d.UmS)($))&&(null===pe||void 0===pe||null===(w=pe.products)||void 0===w?void 0:w.length)>0&&(0,y.jsx)("div",{style:{maxHeight:ce,maxWidth:de,minWidth:null!==(P=pe.products)&&void 0!==P&&null!==(j=P[0])&&void 0!==j&&j.thumbnail_image?de:"0",overflow:"hidden"},children:(0,y.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,d.KZe)($),"important")},style:{height:"100%"},src:(null===(C=pe.products)||void 0===C||null===(S=C[0])||void 0===S||null===(b=S.thumbnail_image)||void 0===b||null===(O=b.split("?"))||void 0===O?void 0:O[0])+"?width=400&height=400",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,d.m5c)($),"important"),e.style.setProperty("font-size",ie,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",Q,"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,u.v)(null===(A=pe.products[0])||void 0===A?void 0:A.title)}),we&&(0,d.Nzx)($)&&(0,y.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,d.vw2)($)?"row":"row-reverse",justifyContent:(0,d.vw2)($)?"flex-start":"flex-end"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.m5c)($),"important"),e.style.setProperty("font-size",ne,"important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("white-space","nowrap","important"),e.style.setProperty("width","fit-content","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,d.i6j)($)?"normal":"bold"},children:(0,p.Sb)(parseFloat(null!==(N=null!==(I=null===he||void 0===he||null===(M=he.variants)||void 0===M||null===(k=M[0])||void 0===k?void 0:k.price)&&void 0!==I?I:null===he||void 0===he?void 0:he.price)&&void 0!==N?N:null===pe||void 0===pe||null===(F=pe.products)||void 0===F||null===(_=F[0])||void 0===_?void 0:_.price)," ",$,null===(D=pe.products[0])||void 0===D?void 0:D.currency)}),!isNaN(ve)&&ve>ye&&(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.gld)($),"important"),e.style.setProperty("font-size",ne,"important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("width","fit-content","important"),e.style.setProperty("white-space","nowrap","important"))},style:{textDecoration:"line-through"},children:(0,p.Sb)(parseFloat(null!==(E=null!==(R=null===he||void 0===he||null===(W=he.variants)||void 0===W||null===(z=W[0])||void 0===z?void 0:z.compare_at_price)&&void 0!==R?R:null===he||void 0===he?void 0:he.compare_at_price)&&void 0!==E?E:null===pe||void 0===pe||null===(T=pe.products)||void 0===T||null===(U=T[0])||void 0===U?void 0:U.compare_price)," ",$,null===(B=pe.products[0])||void 0===B?void 0:B.currency)})]}),(0,d.Nzx)($)&&we&&!isNaN(xe)&&0!=xe&&(0,y.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,d.ub$)($)?"#343434"==Y?(0,d.ub$)($):Y:(0,d.ub$)($),alignItems:"center",borderRadius:(0,d.v8m)($)+"px",width:"fit-content",padding:(0,d.Cf)($)?"3px 6px":"0px"},children:(0,d.Cf)($)?(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.BRY)($),"important"),e.style.setProperty("font-size",re,"important"),e.style.setProperty("font-family",Q,"important"))},children:`${xe}% Off`}):(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d._zx)($),"important"),e.style.setProperty("font-size",re,"important"),e.style.setProperty("font-family",(0,d.ogW)($),"important"))},children:(0,d.rsz)($)})})]})]})]})}},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);
package/static/js/{carousel-template-f.eda090bd.chunk.js → carousel-template-f.70e3819f.chunk.js} RENAMED
@@ -1,2 +1,2 @@
1
- /*! For license information please see carousel-template-f.eda090bd.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 I}});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(1941),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,I,A,T;const[F,R,X,z,D]=(0,c.A)(),L=(0,f.Xd)("whatmoreShopId"),W=(0,f.Xd)("whatmoreLandingLocationType"),B="portrait"===D[j.dl],U=(B?1.076*R*(0,m.HWj)(L):R*(0,m.N_4)(L))+"px",Y=(B?1.076*R*(0,m.HWj)(L):R*(0,m.N_4)(L))+"px",H=(B?.965*R*(0,m.HWj)(L):.859*R*(0,m.N_4)(L))+"px",[Q,J]=(0,r.useState)(e.event),q=(0,f.Xd)("whatmoreSecondaryColor");(0,r.useContext)(y.h);const V=null===(t=e.isOnFocus)||void 0===t||t,G=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,K=e.onClick,Z=(0,f.Xd)("whatmoreUITheme"),ee=null!==(n=e.animateOnFocus&&(0,m.n5O)(L))&&void 0!==n&&n,[te,oe]=(0,r.useState)(!1),re=(0,f.Xd)("whatmorePrimaryFont"),ne=Math.round(+(null===(i=Q.products[0])||void 0===i?void 0:i.price)),ie=Math.round(+(null===(l=Q.products[0])||void 0===l?void 0:l.compare_price)),le=ie&&0!=ie&&ie>ne?Math.round((ie-ne)/ie*100):NaN,[ae,se]=(0,r.useState)(le),[ce,de]=(0,r.useState)(),ue="55143268394"===L;return(0,r.useEffect)((()=>{(0,m.w4b)(L)&&(0,S.fu)(Q,(0,m.NCy)(L),L).then((e=>{var t,o,r;J(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&se(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),oe(!0)}));(async()=>{var e;const t=await(0,P.M)(null===Q||void 0===Q||null===(e=Q.products)||void 0===e?void 0:e[0],(0,m.NCy)(L),L);de(t),oe(!0)})()}),[]),(0,$.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top","15px"),e.style.setProperty("margin-bottom","15px"))},className:ee&&!B?V?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:R},onClick:()=>{K(Q)},children:[(0,$.jsx)("div",{style:{borderRadius:"round"==Z?"5%":"0px",boxShadow:"round"==Z?"0px 0px 5px 0px #B0B0B0":null,height:F,borderWidth:(0,m.YcK)(L),borderColor:(0,m.Fwt)(L),overflow:"hidden"},children:(0,$.jsx)(w.A,{height:(0,m.u06)(L)+" !important",width:"100%",url:Q.thumbnail_image,isPlaying:V||G||(0,C.At)(),event:Q})}),(0,$.jsxs)("div",{className:"wht-prod-info",style:{display:(0,m.AmR)(L)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:ue?"8px":"5px",alignItems:ue?"center":"flex-start"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(L),"important"),e.style.setProperty("font-size","45034766485"==L&&"product"==W?"9px":U),e.style.setProperty("line-height","120%"),e.style.setProperty("font-family",re,"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=Q.products[0])||void 0===a?void 0:a.title)}),te&&(0,m.Nzx)(L)&&(0,$.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,m.vw2)(L)?"row":"row-reverse",justifyContent:ue?"center":(0,m.vw2)(L)?"flex-start":"flex-end"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(L),"important"),e.style.setProperty("font-size","45034766485"==L&&"product"==W?"8px":Y),e.style.setProperty("font-family",re,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,m.i6j)(L)?"normal":"bold"},children:(0,S.Sb)(parseFloat((0,M.U)()?null!==(s=null===ce||void 0===ce||null===(d=ce.variants)||void 0===d||null===(u=d[0])||void 0===u?void 0:u.price)&&void 0!==s?s:null===ce||void 0===ce?void 0:ce.price:(null===Q||void 0===Q||null===(p=Q.products)||void 0===p||null===(h=p[0])||void 0===h?void 0:h.price)>0?null===Q||void 0===Q||null===(v=Q.products)||void 0===v||null===(x=v[0])||void 0===x?void 0:x.price:null===Q||void 0===Q||null===(g=Q.products)||void 0===g||null===(N=g[0])||void 0===N?void 0:N.price_max)," ",L,null===(O=Q.products[0])||void 0===O?void 0:O.currency)}),!isNaN(ie)&&ie>ne&&(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.gld)(L),"important"),e.style.setProperty("font-size",Y),e.style.setProperty("font-family",re,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:ue?"center":void 0},children:(0,S.Sb)(parseFloat((0,M.U)()?null!==(k=null===ce||void 0===ce||null===(_=ce.variants)||void 0===_||null===(E=_[0])||void 0===E?void 0:E.compare_at_price)&&void 0!==k?k:null===ce||void 0===ce?void 0:ce.compare_at_price:null===Q||void 0===Q||null===(I=Q.products)||void 0===I||null===(A=I[0])||void 0===A?void 0:A.compare_price)," ",L,null===(T=Q.products[0])||void 0===T?void 0:T.currency)})]}),((0,m.Nzx)(L)&&!isNaN(ae)&&0!=ae&&te||ue)&&(0,$.jsx)("div",{style:{display:(0,m.QNr)(L)?"flex":"none",backgroundColor:ue?q:"green"===(0,m.ub$)(L)?"#343434"===q?(0,m.ub$)(L):q:(0,m.ub$)(L),alignItems:"center",justifyContent:ue?"center":void 0,borderRadius:ue?"25px":(0,m.v8m)(L)+"px",width:ue?.5*R:"fit-content",padding:(0,m.Cf)(L)?ue?"12px 12px":"3px 6px":"0px",margin:ue?"0 auto":void 0,textAlign:ue?"center":void 0,height:ue?"7%":void 0},children:(0,m.Cf)(L)?(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.BRY)(L),"important"),e.style.setProperty("font-size",H,"important"),e.style.setProperty("font-family",re,"important"),e.style.setProperty("font-weight",ue?"600":"normal","important"))},children:ue?"BUY NOW":`${ae}% Off`}):(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m._zx)(L),"important"),e.style.setProperty("font-size",H,"important"),e.style.setProperty("font-family",(0,m.ogW)(L),"important"))},children:(0,m.rsz)(L)})})]})]})},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,I=S>=h.length?h.length:E+b,A=h.slice(E,I);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:A.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,m.aO7)(s)||t==parseInt(b/2)&&-1==l,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 I=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.70e3819f.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 I}});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(1941),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,I,A,T;const[F,R,X,z,D]=(0,c.A)(),L=(0,f.Xd)("whatmoreShopId"),W=(0,f.Xd)("whatmoreLandingLocationType"),B="portrait"===D[j.dl],U=(B?1.076*R*(0,m.HWj)(L):R*(0,m.N_4)(L))+"px",Y=(B?1.076*R*(0,m.HWj)(L):R*(0,m.N_4)(L))+"px",H=(B?.965*R*(0,m.HWj)(L):.859*R*(0,m.N_4)(L))+"px",[Q,J]=(0,r.useState)(e.event),q=(0,f.Xd)("whatmoreSecondaryColor");(0,r.useContext)(y.h);const V=null===(t=e.isOnFocus)||void 0===t||t,G=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,K=e.onClick,Z=(0,f.Xd)("whatmoreUITheme"),ee=null!==(n=e.animateOnFocus&&(0,m.n5O)(L))&&void 0!==n&&n,[te,oe]=(0,r.useState)(!1),re=(0,f.Xd)("whatmorePrimaryFont"),ne=Math.round(+(null===(i=Q.products[0])||void 0===i?void 0:i.price)),ie=Math.round(+(null===(l=Q.products[0])||void 0===l?void 0:l.compare_price)),le=ie&&0!=ie&&ie>ne?Math.round((ie-ne)/ie*100):NaN,[ae,se]=(0,r.useState)(le),[ce,de]=(0,r.useState)(),ue="55143268394"===L;return(0,r.useEffect)((()=>{(0,m.w4b)(L)&&(0,S.fu)(Q,(0,m.NCy)(L),L).then((e=>{var t,o,r;J(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&se(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),oe(!0)}));(async()=>{var e;const t=await(0,P.M)(null===Q||void 0===Q||null===(e=Q.products)||void 0===e?void 0:e[0],(0,m.NCy)(L),L);de(t),oe(!0)})()}),[]),(0,$.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top","12px"),e.style.setProperty("margin-bottom","12px"))},className:ee&&!B?V?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:R},onClick:()=>{K(Q)},children:[(0,$.jsx)("div",{style:{borderRadius:"round"==Z?"5%":"0px",boxShadow:"round"==Z?"0px 0px 5px 0px #B0B0B0":null,height:F,borderWidth:(0,m.YcK)(L),borderColor:(0,m.Fwt)(L),overflow:"hidden"},children:(0,$.jsx)(w.A,{height:(0,m.u06)(L)+" !important",width:"100%",url:Q.thumbnail_image,isPlaying:V||G||(0,C.At)(),event:Q})}),(0,$.jsxs)("div",{className:"wht-prod-info",style:{display:(0,m.AmR)(L)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:ue?"8px":"5px",alignItems:ue?"center":"flex-start"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(L),"important"),e.style.setProperty("font-size","45034766485"==L&&"product"==W?"9px":U),e.style.setProperty("line-height","120%"),e.style.setProperty("font-family",re,"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=Q.products[0])||void 0===a?void 0:a.title)}),te&&(0,m.Nzx)(L)&&(0,$.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,m.vw2)(L)?"row":"row-reverse",justifyContent:ue?"center":(0,m.vw2)(L)?"flex-start":"flex-end"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(L),"important"),e.style.setProperty("font-size","45034766485"==L&&"product"==W?"8px":Y),e.style.setProperty("font-family",re,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,m.i6j)(L)?"normal":"bold"},children:(0,S.Sb)(parseFloat((0,M.U)()?null!==(s=null===ce||void 0===ce||null===(d=ce.variants)||void 0===d||null===(u=d[0])||void 0===u?void 0:u.price)&&void 0!==s?s:null===ce||void 0===ce?void 0:ce.price:(null===Q||void 0===Q||null===(p=Q.products)||void 0===p||null===(h=p[0])||void 0===h?void 0:h.price)>0?null===Q||void 0===Q||null===(v=Q.products)||void 0===v||null===(x=v[0])||void 0===x?void 0:x.price:null===Q||void 0===Q||null===(g=Q.products)||void 0===g||null===(N=g[0])||void 0===N?void 0:N.price_max)," ",L,null===(O=Q.products[0])||void 0===O?void 0:O.currency)}),!isNaN(ie)&&ie>ne&&(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.gld)(L),"important"),e.style.setProperty("font-size",Y),e.style.setProperty("font-family",re,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:ue?"center":void 0},children:(0,S.Sb)(parseFloat((0,M.U)()?null!==(k=null===ce||void 0===ce||null===(_=ce.variants)||void 0===_||null===(E=_[0])||void 0===E?void 0:E.compare_at_price)&&void 0!==k?k:null===ce||void 0===ce?void 0:ce.compare_at_price:null===Q||void 0===Q||null===(I=Q.products)||void 0===I||null===(A=I[0])||void 0===A?void 0:A.compare_price)," ",L,null===(T=Q.products[0])||void 0===T?void 0:T.currency)})]}),((0,m.Nzx)(L)&&!isNaN(ae)&&0!=ae&&te||ue)&&(0,$.jsx)("div",{style:{display:(0,m.QNr)(L)?"flex":"none",backgroundColor:ue?q:"green"===(0,m.ub$)(L)?"#343434"===q?(0,m.ub$)(L):q:(0,m.ub$)(L),alignItems:"center",justifyContent:ue?"center":void 0,borderRadius:ue?"25px":(0,m.v8m)(L)+"px",width:ue?.5*R:"fit-content",padding:(0,m.Cf)(L)?ue?"12px 12px":"3px 6px":"0px",margin:ue?"0 auto":void 0,textAlign:ue?"center":void 0,height:ue?"7%":void 0},children:(0,m.Cf)(L)?(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.BRY)(L),"important"),e.style.setProperty("font-size",H,"important"),e.style.setProperty("font-family",re,"important"),e.style.setProperty("font-weight",ue?"600":"normal","important"))},children:ue?"BUY NOW":`${ae}% Off`}):(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m._zx)(L),"important"),e.style.setProperty("font-size",H,"important"),e.style.setProperty("font-family",(0,m.ogW)(L),"important"))},children:(0,m.rsz)(L)})})]})]})},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,I=S>=h.length?h.length:E+b,A=h.slice(E,I);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:A.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,m.aO7)(s)||t==parseInt(b/2)&&-1==l,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 I=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(){}}]);
package/static/js/{carousel-template-h.81363174.chunk.js → carousel-template-h.31c844c0.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{7178:function(e,t,o){o.r(t);var i=o(9950),n=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),u=o(1941),h=o(5491),v=o.n(h),m=o(5830),y=o(7509),f=o(7136),x=o(1348),g=o(4737),w=o(1351),P=o(6157),j=o(6641),C=o(1957),S=o(4414);const b=(0,a.A)({key:"whatmore-css-hv"});function A(e){const[t,o,n]=(0,p.A)(),[r,l,s]=(0,u.A)(),a=(0,m.Xd)("whatmoreShopId"),c=e.events,h=e.onClick,v=n*(0,x.kcl)(a),y=(0,x.cbh)(a),[j,b]=(0,i.useState)(y?c.length:v),{whatmoreWidgetSourceDetails:A}=(0,i.useContext)(g.B);return(0,i.useEffect)((()=>{j<=v&&b((e=>e+v))}),[v]),(0,S.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,S.jsx)("div",{style:{width:s,height:"fit-content"},children:(0,S.jsx)(d.RC,{slidesPerView:c.length>1?v:1,initialSlide:c.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.UM)({userInteractionType:P.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:A}),e.realIndex>e.previousIndex&&b((e=>e+v))},loop:y,children:c.map(((e,t)=>t<=j&&(0,S.jsx)(d.qr,{children:t=>{let{isActive:o,isPrev:i,isNext:n,isVisible:r}=t;return i||n||o?(0,S.jsx)(C.A,{isOnFocus:o&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,S.jsx)(f.A,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function N(e){const[t,o,n,r]=(0,p.A)(),[l,s]=(0,i.useState)(-1),a=(0,m.Xd)("whatmoreShopId"),u=e.onClick,h=e.events,y=(0,x.cbh)(a),[j,b]=(0,i.useState)(y?h.length:n),A=Math.min(n,h.length),{whatmoreWidgetSourceDetails:N}=(0,i.useContext)(g.B),M=(0,i.useRef)(null);return(0,i.useEffect)((()=>{if(M.current){const e=o*A*(0,x.fHt)(a)+"px";h.length<4?M.current.style.setProperty("width",e,"important"):M.current.style.width=e}}),[o,A,a,j,h.length]),(0,i.useEffect)((()=>{j<=n&&b((e=>e+n))}),[n]),(0,S.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,S.jsx)("div",{ref:M,style:{height:"100%"},children:(0,S.jsx)(d.RC,{slidesPerView:A,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:parseInt(A),onSlideChange:e=>{(0,w.UM)({userInteractionType:P.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:N}),e.realIndex>e.previousIndex&&b((e=>e+n))},spaceBetween:0,loop:y&&h.length>4,style:{height:"100%"},children:h.map(((e,t)=>{const o=v()((()=>s(t)),300);return t<=j&&(0,S.jsx)(d.qr,{onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),s(-1)},style:{height:"100%"},children:o=>{let{isActive:i,isPrev:n,isNext:r,isVisible:s}=o;return s||n||r?(0,S.jsx)(C.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(A/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,S.jsx)(f.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){const[t,o,a]=(0,u.A)(),[d]=(0,m.QN)("whatmoreShopId"),[c]=(0,m.QN)("whatmorePrimaryColor"),[p]=(0,m.QN)("whatmoreTitleFont"),h="portrait"==t?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,i.useContext)(g.B),f=(0,m.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,i.useContext)(g.B),P=e.events,C=e.onClick,M=p;function I(e){C(e)}return(0,i.useEffect)((()=>{(0,j.Fk)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{l.Sn.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-h"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,S.jsx)(s.C,{value:b,children:(0,S.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,S.jsx)(n.s,{theme:r.Ay,cssVarsRoot:v,resetCSS:!1,children:(0,S.jsxs)(y.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,S.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,S.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",M,"important"),e.style.setProperty("font-size",h+"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,S.jsx)(S.Fragment,{}),"landscape"===t?(0,S.jsx)(N,{events:P,onClick:I}):(0,S.jsx)(A,{events:P,onClick:I})]})})})})}},7509:function(e,t,o){o.d(t,{h:function(){return i}});const i=(0,o(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7136:function(e,t,o){var i=o(9950),n=o(932),r=o(7509),l=o(5830),s=o(4414);t.A=function(e){var[t,o]=(0,n.A)();(0,i.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 i=o(9950),n=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),u=o(8538),h=o(8149),v=o(5727),m=o(4414);t.A=function(e){var t,o,y,f,x,g,w,P,j,C,S,b,A,N,M,I,k,O,_,F,R,E,W,z,T,B,D,H;const[X,L,U,V,q]=(0,n.A)(),G=.5*L;(0,i.useContext)(s.h);const K=(0,r.Xd)("whatmoreUITheme"),$=(0,r.Xd)("whatmoreShopId"),Q=(0,r.Xd)("whatmorePrimaryFont"),Y=(0,r.Xd)("whatmoreSecondaryColor"),Z=e.onClick,J=null===(t=e.isOnFocus)||void 0===t||t,ee=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,te=null!==(y=e.animateOnFocus&&(0,d.n5O)($))&&void 0!==y&&y,oe="portrait"===q[a.dl],ie=(oe?1.076*L*(0,d.HWj)($):L*(0,d.N_4)($))+"px",ne=(oe?1.076*L*(0,d.HWj)($):L*(0,d.N_4)($))+"px",re=(oe?.965*L*(0,d.HWj)($):.859*L*(0,d.N_4)($))+"px",le=(0,d.VYo)($),{whatmoreIsPreviewMode:se}=(0,i.useContext)(c.B),ae=.25*L,de=ae+"px",ce=1.25*ae+"px",[pe,ue]=(0,i.useState)(e.event),[he,ve]=(0,i.useState)(),me=Math.round(+(null===(f=pe.products)||void 0===f||null===(x=f[0])||void 0===x?void 0:x.price)),ye=Math.round(+(null===pe||void 0===pe||null===(g=pe.products[0])||void 0===g?void 0:g.compare_price)),fe=ye&&0!=ye&&ye>me?Math.round((ye-me)/ye*100):NaN,[xe,ge]=(0,i.useState)(fe),[we,Pe]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{(0,d.w4b)($)?(0,p.fu)(pe,(0,d.NCy)($),$).then((e=>{var t,o,i;ue(e);const n=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===(i=e.products[0])||void 0===i?void 0:i.compare_price),l=r&&0!=r&&r>n?Math.round((r-n)/r*100):NaN;ge(l),Pe(!0)})):(async()=>{var e;const t=await(0,h.M)(null===pe||void 0===pe||null===(e=pe.products)||void 0===e?void 0:e[0],(0,d.NCy)($),$);ve(t),Pe(!0)})()}),[]),(0,m.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top","15px"),e.style.setProperty("margin-bottom","15px"))},className:te&&!oe?J?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{width:L,margin:"0 auto",cursor:"pointer"},onClick:()=>{Z(pe)},children:["video"===pe.event_type&&"55076552858"===$&&!oe&&(0,m.jsx)("div",{className:"video-event-tile",style:{position:"fixed",marginTop:1.2*G,marginLeft:G/2},children:(0,m.jsx)(v.A,{sx:{color:(0,d.KFN)(pe.whatmoreShopId)+" !important",opacity:.8,fontSize:G,filter:"drop-shadow(0 0 15px black);"}})}),(0,m.jsx)("div",{style:{width:L,height:oe&&J?"STR2FOC6KG9"==$||"STRDOIDF6O7"==$?X:1.1*X:X,borderRadius:"round"==K?"5px":"0px",boxShadow:"round"==K?le:null,borderWidth:(0,d.YcK)($),borderColor:(0,d.Fwt)($),overflow:"hidden"},children:(0,m.jsx)(l.A,{height:(0,d.u06)($)+" !important",width:"100%",url:pe.thumbnail_image,isPlaying:J||ee,event:pe})}),(0,m.jsxs)("div",{style:{cursor:"pointer",display:"flex",gap:"6px",padding:"12px 4px"},children:[(se?(0,d.Tr1)($):(0,d.UmS)($))&&(null===pe||void 0===pe||null===(w=pe.products)||void 0===w?void 0:w.length)>0&&(0,m.jsx)("div",{style:{maxHeight:ce,maxWidth:de,minWidth:null!==(P=pe.products)&&void 0!==P&&null!==(j=P[0])&&void 0!==j&&j.thumbnail_image?de:"0",overflow:"hidden"},children:(0,m.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,d.KZe)($),"important")},style:{height:"100%"},src:(null===(C=pe.products)||void 0===C||null===(S=C[0])||void 0===S||null===(b=S.thumbnail_image)||void 0===b||null===(A=b.split("?"))||void 0===A?void 0:A[0])+"?width=400&height=400",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)($),"important"),e.style.setProperty("font-size",ie,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",Q,"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,u.v)(null===(N=pe.products[0])||void 0===N?void 0:N.title)}),we&&(0,d.Nzx)($)&&(0,m.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,d.vw2)($)?"row":"row-reverse",justifyContent:(0,d.vw2)($)?"flex-start":"flex-end"},children:[(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.m5c)($),"important"),e.style.setProperty("font-size",ne,"important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("white-space","nowrap","important"),e.style.setProperty("width","fit-content","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,d.i6j)($)?"normal":"bold"},children:(0,p.Sb)(parseFloat(null!==(M=null!==(I=null===he||void 0===he||null===(k=he.variants)||void 0===k||null===(O=k[0])||void 0===O?void 0:O.price)&&void 0!==I?I:null===he||void 0===he?void 0:he.price)&&void 0!==M?M:null===pe||void 0===pe||null===(_=pe.products)||void 0===_||null===(F=_[0])||void 0===F?void 0:F.price)," ",$,null===(R=pe.products[0])||void 0===R?void 0:R.currency)}),!isNaN(ye)&&ye>me&&(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.gld)($),"important"),e.style.setProperty("font-size",ne,"important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("width","fit-content","important"),e.style.setProperty("white-space","nowrap","important"))},style:{textDecoration:"line-through"},children:(0,p.Sb)(parseFloat(null!==(E=null!==(W=null===he||void 0===he||null===(z=he.variants)||void 0===z||null===(T=z[0])||void 0===T?void 0:T.compare_at_price)&&void 0!==W?W:null===he||void 0===he?void 0:he.compare_at_price)&&void 0!==E?E:null===pe||void 0===pe||null===(B=pe.products)||void 0===B||null===(D=B[0])||void 0===D?void 0:D.compare_price)," ",$,null===(H=pe.products[0])||void 0===H?void 0:H.currency)})]}),(0,d.Nzx)($)&&we&&!isNaN(xe)&&0!=xe&&(0,m.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,d.ub$)($)?"#343434"==Y?(0,d.ub$)($):Y:(0,d.ub$)($),alignItems:"center",borderRadius:(0,d.v8m)($)+"px",width:"fit-content",padding:(0,d.Cf)($)?"3px 6px":"0px"},children:(0,d.Cf)($)?(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.BRY)($),"important"),e.style.setProperty("font-size",re,"important"),e.style.setProperty("font-family",Q,"important"))},children:`${xe}% Off`}):(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d._zx)($),"important"),e.style.setProperty("font-size",re,"important"),e.style.setProperty("font-family",(0,d.ogW)($),"important"))},children:(0,d.rsz)($)})})]})]})]})}},5727:function(e,t,o){var i=o(4994);t.A=void 0;var n=i(o(9526)),r=o(4414);t.A=(0,n.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82"}),"PlayArrowRounded")},4826:function(){},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{7178:function(e,t,o){o.r(t);var i=o(9950),n=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),u=o(1941),h=o(5491),v=o.n(h),m=o(5830),y=o(7509),f=o(7136),x=o(1348),g=o(4737),w=o(1351),P=o(6157),j=o(6641),C=o(1957),S=o(4414);const b=(0,a.A)({key:"whatmore-css-hv"});function A(e){const[t,o,n]=(0,p.A)(),[r,l,s]=(0,u.A)(),a=(0,m.Xd)("whatmoreShopId"),c=e.events,h=e.onClick,v=n*(0,x.kcl)(a),y=(0,x.cbh)(a),[j,b]=(0,i.useState)(y?c.length:v),{whatmoreWidgetSourceDetails:A}=(0,i.useContext)(g.B);return(0,i.useEffect)((()=>{j<=v&&b((e=>e+v))}),[v]),(0,S.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,S.jsx)("div",{style:{width:s,height:"fit-content"},children:(0,S.jsx)(d.RC,{slidesPerView:c.length>1?v:1,initialSlide:c.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.UM)({userInteractionType:P.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:A}),e.realIndex>e.previousIndex&&b((e=>e+v))},loop:y,children:c.map(((e,t)=>t<=j&&(0,S.jsx)(d.qr,{children:t=>{let{isActive:o,isPrev:i,isNext:n,isVisible:r}=t;return i||n||o?(0,S.jsx)(C.A,{isOnFocus:o&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,S.jsx)(f.A,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function N(e){const[t,o,n,r]=(0,p.A)(),[l,s]=(0,i.useState)(-1),a=(0,m.Xd)("whatmoreShopId"),u=e.onClick,h=e.events,y=(0,x.cbh)(a),[j,b]=(0,i.useState)(y?h.length:n),A=Math.min(n,h.length),{whatmoreWidgetSourceDetails:N}=(0,i.useContext)(g.B),M=(0,i.useRef)(null);return(0,i.useEffect)((()=>{if(M.current){const e=o*A*(0,x.fHt)(a)+"px";h.length<4?M.current.style.setProperty("width",e,"important"):M.current.style.width=e}}),[o,A,a,j,h.length]),(0,i.useEffect)((()=>{j<=n&&b((e=>e+n))}),[n]),(0,S.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,S.jsx)("div",{ref:M,style:{height:"100%"},children:(0,S.jsx)(d.RC,{slidesPerView:A,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:parseInt(A),onSlideChange:e=>{(0,w.UM)({userInteractionType:P.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:N}),e.realIndex>e.previousIndex&&b((e=>e+n))},spaceBetween:0,loop:y&&h.length>4,style:{height:"100%"},children:h.map(((e,t)=>{const o=v()((()=>s(t)),300);return t<=j&&(0,S.jsx)(d.qr,{onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),s(-1)},style:{height:"100%"},children:o=>{let{isActive:i,isPrev:n,isNext:r,isVisible:s}=o;return s||n||r?(0,S.jsx)(C.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(A/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,S.jsx)(f.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){const[t,o,a]=(0,u.A)(),[d]=(0,m.QN)("whatmoreShopId"),[c]=(0,m.QN)("whatmorePrimaryColor"),[p]=(0,m.QN)("whatmoreTitleFont"),h="portrait"==t?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,i.useContext)(g.B),f=(0,m.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,i.useContext)(g.B),P=e.events,C=e.onClick,M=p;function I(e){C(e)}return(0,i.useEffect)((()=>{(0,j.Fk)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{l.Sn.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-h"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,S.jsx)(s.C,{value:b,children:(0,S.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,S.jsx)(n.s,{theme:r.Ay,cssVarsRoot:v,resetCSS:!1,children:(0,S.jsxs)(y.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,S.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,S.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",M,"important"),e.style.setProperty("font-size",h+"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,S.jsx)(S.Fragment,{}),"landscape"===t?(0,S.jsx)(N,{events:P,onClick:I}):(0,S.jsx)(A,{events:P,onClick:I})]})})})})}},7509:function(e,t,o){o.d(t,{h:function(){return i}});const i=(0,o(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7136:function(e,t,o){var i=o(9950),n=o(932),r=o(7509),l=o(5830),s=o(4414);t.A=function(e){var[t,o]=(0,n.A)();(0,i.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 i=o(9950),n=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),u=o(8538),h=o(8149),v=o(5727),m=o(4414);t.A=function(e){var t,o,y,f,x,g,w,P,j,C,S,b,A,N,M,I,k,O,_,F,R,E,W,z,T,B,D,H;const[X,L,U,V,q]=(0,n.A)(),G=.5*L;(0,i.useContext)(s.h);const K=(0,r.Xd)("whatmoreUITheme"),$=(0,r.Xd)("whatmoreShopId"),Q=(0,r.Xd)("whatmorePrimaryFont"),Y=(0,r.Xd)("whatmoreSecondaryColor"),Z=e.onClick,J=null===(t=e.isOnFocus)||void 0===t||t,ee=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,te=null!==(y=e.animateOnFocus&&(0,d.n5O)($))&&void 0!==y&&y,oe="portrait"===q[a.dl],ie=(oe?1.076*L*(0,d.HWj)($):L*(0,d.N_4)($))+"px",ne=(oe?1.076*L*(0,d.HWj)($):L*(0,d.N_4)($))+"px",re=(oe?.965*L*(0,d.HWj)($):.859*L*(0,d.N_4)($))+"px",le=(0,d.VYo)($),{whatmoreIsPreviewMode:se}=(0,i.useContext)(c.B),ae=.25*L,de=ae+"px",ce=1.25*ae+"px",[pe,ue]=(0,i.useState)(e.event),[he,ve]=(0,i.useState)(),me=Math.round(+(null===(f=pe.products)||void 0===f||null===(x=f[0])||void 0===x?void 0:x.price)),ye=Math.round(+(null===pe||void 0===pe||null===(g=pe.products[0])||void 0===g?void 0:g.compare_price)),fe=ye&&0!=ye&&ye>me?Math.round((ye-me)/ye*100):NaN,[xe,ge]=(0,i.useState)(fe),[we,Pe]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{(0,d.w4b)($)?(0,p.fu)(pe,(0,d.NCy)($),$).then((e=>{var t,o,i;ue(e);const n=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===(i=e.products[0])||void 0===i?void 0:i.compare_price),l=r&&0!=r&&r>n?Math.round((r-n)/r*100):NaN;ge(l),Pe(!0)})):(async()=>{var e;const t=await(0,h.M)(null===pe||void 0===pe||null===(e=pe.products)||void 0===e?void 0:e[0],(0,d.NCy)($),$);ve(t),Pe(!0)})()}),[]),(0,m.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top","12px"),e.style.setProperty("margin-bottom","12px"))},className:te&&!oe?J?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{width:L,margin:"0 auto",cursor:"pointer"},onClick:()=>{Z(pe)},children:["video"===pe.event_type&&"55076552858"===$&&!oe&&(0,m.jsx)("div",{className:"video-event-tile",style:{position:"fixed",marginTop:1.2*G,marginLeft:G/2},children:(0,m.jsx)(v.A,{sx:{color:(0,d.KFN)(pe.whatmoreShopId)+" !important",opacity:.8,fontSize:G,filter:"drop-shadow(0 0 15px black);"}})}),(0,m.jsx)("div",{style:{width:L,height:oe&&J?"STR2FOC6KG9"==$||"STRDOIDF6O7"==$?X:1.1*X:X,borderRadius:"round"==K?"5px":"0px",boxShadow:"round"==K?le:null,borderWidth:(0,d.YcK)($),borderColor:(0,d.Fwt)($),overflow:"hidden"},children:(0,m.jsx)(l.A,{height:(0,d.u06)($)+" !important",width:"100%",url:pe.thumbnail_image,isPlaying:J||ee,event:pe})}),(0,m.jsxs)("div",{style:{cursor:"pointer",display:"flex",gap:"6px",padding:"12px 4px"},children:[(se?(0,d.Tr1)($):(0,d.UmS)($))&&(null===pe||void 0===pe||null===(w=pe.products)||void 0===w?void 0:w.length)>0&&(0,m.jsx)("div",{style:{maxHeight:ce,maxWidth:de,minWidth:null!==(P=pe.products)&&void 0!==P&&null!==(j=P[0])&&void 0!==j&&j.thumbnail_image?de:"0",overflow:"hidden"},children:(0,m.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,d.KZe)($),"important")},style:{height:"100%"},src:(null===(C=pe.products)||void 0===C||null===(S=C[0])||void 0===S||null===(b=S.thumbnail_image)||void 0===b||null===(A=b.split("?"))||void 0===A?void 0:A[0])+"?width=400&height=400",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)($),"important"),e.style.setProperty("font-size",ie,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",Q,"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,u.v)(null===(N=pe.products[0])||void 0===N?void 0:N.title)}),we&&(0,d.Nzx)($)&&(0,m.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,d.vw2)($)?"row":"row-reverse",justifyContent:(0,d.vw2)($)?"flex-start":"flex-end"},children:[(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.m5c)($),"important"),e.style.setProperty("font-size",ne,"important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("white-space","nowrap","important"),e.style.setProperty("width","fit-content","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,d.i6j)($)?"normal":"bold"},children:(0,p.Sb)(parseFloat(null!==(M=null!==(I=null===he||void 0===he||null===(k=he.variants)||void 0===k||null===(O=k[0])||void 0===O?void 0:O.price)&&void 0!==I?I:null===he||void 0===he?void 0:he.price)&&void 0!==M?M:null===pe||void 0===pe||null===(_=pe.products)||void 0===_||null===(F=_[0])||void 0===F?void 0:F.price)," ",$,null===(R=pe.products[0])||void 0===R?void 0:R.currency)}),!isNaN(ye)&&ye>me&&(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.gld)($),"important"),e.style.setProperty("font-size",ne,"important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("width","fit-content","important"),e.style.setProperty("white-space","nowrap","important"))},style:{textDecoration:"line-through"},children:(0,p.Sb)(parseFloat(null!==(E=null!==(W=null===he||void 0===he||null===(z=he.variants)||void 0===z||null===(T=z[0])||void 0===T?void 0:T.compare_at_price)&&void 0!==W?W:null===he||void 0===he?void 0:he.compare_at_price)&&void 0!==E?E:null===pe||void 0===pe||null===(B=pe.products)||void 0===B||null===(D=B[0])||void 0===D?void 0:D.compare_price)," ",$,null===(H=pe.products[0])||void 0===H?void 0:H.currency)})]}),(0,d.Nzx)($)&&we&&!isNaN(xe)&&0!=xe&&(0,m.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,d.ub$)($)?"#343434"==Y?(0,d.ub$)($):Y:(0,d.ub$)($),alignItems:"center",borderRadius:(0,d.v8m)($)+"px",width:"fit-content",padding:(0,d.Cf)($)?"3px 6px":"0px"},children:(0,d.Cf)($)?(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.BRY)($),"important"),e.style.setProperty("font-size",re,"important"),e.style.setProperty("font-family",Q,"important"))},children:`${xe}% Off`}):(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d._zx)($),"important"),e.style.setProperty("font-size",re,"important"),e.style.setProperty("font-family",(0,d.ogW)($),"important"))},children:(0,d.rsz)($)})})]})]})]})}},5727:function(e,t,o){var i=o(4994);t.A=void 0;var n=i(o(9526)),r=o(4414);t.A=(0,n.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82"}),"PlayArrowRounded")},4826:function(){},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);
package/static/js/homepage-carousel-view.39d72d9f.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[760],{8289:function(e,t,n){n.r(t),n.d(t,{default:function(){return J}});var o=n(5830),i=n(9950),a=n(964),r=n(140),l=n(1348),s=n(4533),d=n(6613),c=n(1085),u=n(3330),p=n(852),m=n(4737),h=n(2039),v=n(4833),g=n(2979),y=n(6157),S=n(5100),_=n(8945),w=n(9821),f=n(8618),x=n(6692),I=n(3080),E=n(4414);const O=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(378),n.e(296),n.e(987),n.e(669),n.e(665)]).then(n.bind(n,8582)))),j=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(296),n.e(620),n.e(116)]).then(n.bind(n,7144)))),C=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(879),n.e(296),n.e(987),n.e(920),n.e(423)]).then(n.bind(n,517)))),T=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(879),n.e(296),n.e(987),n.e(920),n.e(412)]).then(n.bind(n,7646)))),b=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(879),n.e(296),n.e(987),n.e(221)]).then(n.bind(n,5451)))),L=i.lazy((()=>n.e(491).then(n.bind(n,3319)))),D=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(378),n.e(34),n.e(987),n.e(669),n.e(217),n.e(956)]).then(n.bind(n,4217)))),P=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(378),n.e(296),n.e(987),n.e(669),n.e(620),n.e(474)]).then(n.bind(n,6945)))),N=i.lazy((()=>Promise.all([n.e(714),n.e(296),n.e(669),n.e(485)]).then(n.bind(n,9418)))),q=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(378),n.e(296),n.e(987),n.e(676)]).then(n.bind(n,3369)))),k=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(378),n.e(296),n.e(987),n.e(669),n.e(891)]).then(n.bind(n,7178)))),A=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(296),n.e(669),n.e(933)]).then(n.bind(n,6989)))),W=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(378),n.e(34),n.e(987),n.e(669),n.e(217),n.e(806)]).then(n.bind(n,3278)))),F=i.lazy((()=>Promise.all([n.e(714),n.e(526),n.e(879),n.e(296),n.e(987),n.e(1)]).then(n.bind(n,4596))));var $=function(e){const[t]=(0,o.QN)("isInDesignMode"),[n]=(0,o.QN)("isDemoBrand"),[$]=(0,o.QN)("whatmoreTopBottomPadding"),[R]=(0,o.QN)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:B,whatmoreIsCollectionsTemplate:z}=(0,i.useContext)(m.B),[M]=(0,o.QN)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:G}=(0,i.useContext)(m.B),V=(0,o.Xd)("isLandingSharedLink"),K=(0,o.Xd)("whatmoreShareTemplateId"),X=(0,o.Xd)("whatmoreShareStoryId"),H=(0,o.Xd)("whatmoreShareEventId"),{whatmoreWidgetSourceDetails:J,whatmoreUserInfo:Q}=(0,i.useContext)(m.B),U=V&&G===(0,v.Mm)(K),[Y,Z]=(0,i.useState)(U);var[ee,te,ne,oe]=(0,I.A)();const[ie,ae]=(0,i.useState)(-1),[re,le]=(0,i.useState)(null);let se=e.events,de=null===e||void 0===e?void 0:e.allEvents,ce=[],ue=[];if("template-banner-a"!==G){let e=0;for(let t=0;t<(null===se||void 0===se?void 0:se.length);t++){var pe,me;((0,h.ij)(se[t])||(0,h.Il)(se[t]))&&(null===(pe=null===(me=se[t])||void 0===me?void 0:me.in_stock)||void 0===pe||pe||(0,l.xku)(M))&&(ce.push({...null===se||void 0===se?void 0:se[t],index:e}),e++)}for(let t=0;t<(null===de||void 0===de?void 0:de.length);t++){var he,ve;!(0,h.ij)(null===de||void 0===de?void 0:de[t])&&!(0,h.Il)(null===de||void 0===de?void 0:de[t])||null!==(he=null===de||void 0===de||null===(ve=de[t])||void 0===ve?void 0:ve.in_stock)&&void 0!==he&&!he||(ue.push({...null===de||void 0===de?void 0:de[t],index:e}),e++)}}let ge=[...ce,...ue];var ye=null;B&&!ye&&(ye=function(e){var t=e.reduce(((e,t,n)=>{var o,i=t.storyset_id;return i in e?(e[i].total_events=e[i].total_events+1,e[i].events.push(t)):e[i]={id:t.storyset_id,title:t.storyset_name,thumbnail_image:t.storyset_thumbnail_image,total_events:1,start_event_index:n,storyset_dynamic_thumbnail:null!==(o=null===t||void 0===t?void 0:t.storyset_dynamic_thumbnail)&&void 0!==o&&o,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(ce));const Se=J.landingLocationType,_e=J.templateType;function we(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,d.MN)()&&(0,w._)()&&!o&&(0,c.bo)(),t||n||(async()=>{const t=ye[e].events[0],n=(0,v.Wd)(Se)+(0,v.gf)(_e)+(null!==t&&void 0!==t&&t.isRelatedEvent?"R":"E")+"_"+(null===t||void 0===t?void 0:t.event_id);(0,r.lB)(t),(0,u.Si)(M,a.TB,a.OL),(0,s.Ch)(t.event_id,t.products,"homepage","stories",n,null===t||void 0===t?void 0:t.location,null===Q||void 0===Q?void 0:Q.userType)})();var l=0;null!=i&&ye[e].events.map(((e,t)=>{e.event_id==i&&(l=t)})),ae(l),le(e)}async function fe(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];(0,d.MN)()&&(0,w._)()&&!o&&await(0,c.bo)(),ae(e.index),((0,h.ij)(e)||(0,h.Il)(e))&&(t||n||(async()=>{const t=(0,v.Wd)(Se)+(0,v.gf)(_e)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,r.lB)(e),(0,u.Si)(M,a.TB,a.Dk),(0,s.Ch)(e.event_id,e.products,"homepage","carousel",t)})())}function xe(e){return(0,E.jsx)(E.Fragment,{})}return(0,i.useEffect)((()=>{if(U)if((0,_.H)("whatmore-video-player",(()=>{Z(!1)})),null!=X&&B){const e=ye.find((e=>X==e.id));if(e)return void we(ye.indexOf(e),!0,H)}else if(null!=H){const e=ce.find((e=>H==e.event_id));if(e)return void fe(e,!0)}}),[]),(0,E.jsxs)(E.Fragment,{children:[Y&&(0,E.jsx)(S.A,{}),(0,E.jsxs)("div",{className:"whatmore-widget-container",style:{height:"100%",marginTop:(B?R:$)+"px",marginBottom:(B?R:$)+"px"},children:["template-b"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(O,{events:ce,onClick:fe,heading:e.heading})})}):"template-a-1"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(j,{events:ce,onClick:fe,heading:e.heading})}):"template-feed-a"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(A,{events:ce,onClick:fe,heading:e.heading})}):"template-collections-a"===G||"template-c"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(C,{events:ce,index:ie,setScreen:ae,onClick:fe,heading:e.heading})})}):"template-collections-b"===G||"template-d"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(T,{events:ce,index:ie,setScreen:ae,onClick:fe,heading:e.heading})})}):"template-collections-c"===G||"template-e"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(b,{events:ce,index:ie,setScreen:ae,onClick:fe,heading:e.heading})})}):"template-collections-d"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(O,{events:ce,index:ie,setScreen:ae,onClick:fe,heading:e.heading})})}):"template-collections-e"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(P,{events:ce,index:ie,setScreen:ae,onClick:fe,heading:e.heading})})}):"template-collections-stories"===G||"template-stories"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(F,{events:ce,index:ie,setScreen:ae,onClick:fe,heading:e.heading})})}):"template-f"===G||"template-collections-f"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(N,{events:ce,onClick:fe,heading:e.heading})})}):"template-g"===G||"template-collections-g"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(q,{events:ce,onClick:fe,heading:e.heading})})}):"template-h"===G||"template-collections-h"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(k,{events:ce,onClick:fe,heading:e.heading})})}):"template-banner-a"===G?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.BANNER_WIDGET_VIEW,event:se[0],triggerFlag:!t&&!n,children:(0,E.jsx)(W,{events:se})})}):B?(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.STORIES_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(L,{eventsStories:ye,onClick:we,template:G})})}):(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(P,{events:ce,onClick:fe,heading:e.heading})})}),(0,f.t)()&&!B&&!z&&(0,E.jsx)("div",{className:"wht-power-label",style:{display:"flex",justifyContent:"center",padding:"8px 0px 16px 0"},children:(0,E.jsx)(x.A,{brandName:(0,l.RUg)(M),color:"#343434",fontSize:.035*oe})})]}),-1==ie||-2==ie?(0,E.jsx)(xe,{}):(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(g.S,{userInteractionType:y.O.EVENT_VIEW,event:se[ie],productList:se[ie].products,cta:se[ie].cta,triggerFlag:!t&&!n,children:(0,E.jsx)(D,{events:ge,index:ie,onBack:function(e){(0,l.ei)(M)&&(0,o.Xd)("whatmoreAddedToCart")&&(0,p.H)(M,(()=>{}),100,window.location.hostname,e),ae(-1),Z(!1)},slideDirection:B||"horizontal"===(0,l.br0)(M)?"horizontal":"vertical",eventsStories:ye,initialStoryIndex:re,template:G})})})]})};const R=function(e,t,n){const i=(0,o.Xd)("whatmoreShopId");var a=t.reduce(((e,t,n)=>(t.products.map((e=>e.client_product_id)).forEach((t=>{t in e||(e[t]=!0)})),e)),{}),r=Object.keys(a);if("60960964855"==i&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var l={};fera.getRatings(r,(e=>{new Promise(((t,n)=>{e.forEach((e=>{l[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(l)})).then((e=>n(e)))}))}if("23114481744"==i){const e="1e6MQXxzYR19mpw9Km6Dcm86";l={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+r.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{l[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),l))).then((e=>n(e))).catch((e=>console.error(e)))}};var B=n(7802),z=n(6641),M=n(1351),G=n(4820),V=n(5873),K=n(6018);var X=function(e){const[t,n]=(0,i.useState)(),[r,u]=(0,i.useState)([]),[p,h]=(0,i.useState)(),{whatmoreIsStoriesTemplate:g}=(0,i.useContext)(m.B),{whatmoreIsCollectionsTemplate:S}=(0,i.useContext)(m.B),{whatmoreIsBannerTemplate:_}=(0,i.useContext)(m.B),[f]=(0,o.QN)("whatmoreShopId"),[x]=(0,o.QN)("whatmoreCollectionId"),I=(0,o.Xd)("whatmoreLandingLocationType"),O=(0,o.Xd)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:j}=(0,i.useContext)(m.B),{whatmoreUserInfo:C,whatmoreIsPreviewMode:T}=(0,i.useContext)(m.B),b=(0,o.Xd)("whatmoreCollectionUrl"),[L]=(0,o.QN)("isInDesignMode"),[D]=(0,o.QN)("isDemoBrand"),P=(0,l.mJ$)(f)?(0,l.jLA)(f)?b:window.location.href.split(/[?#]/)[0]:x,[N,q]=(0,o.QN)("productRatings"),[k,A]=(0,i.useState)(!1);var W=(0,l.SOt)(f)?a.aD+"/v2/events/":a.$$+"/v2/events/",F=(0,l.SOt)(f)?a.aD+"/v3/events/":a.$$+"/v3/events/",X=(0,l.SOt)(f)?a.aD+"/v4/events/":a.$$+"/v4/events/",H=(0,l.SOt)(f)?a.aD+"/v5/events/":a.$$+"/v5/events/",J=(0,l.SOt)(f)?a.aD+"/v6/events/":a.$$+"/v6/events/",Q=(0,l.SOt)(f)?a.aD+"/get_eventset/":a.$$+"/get_eventset/",U=(0,l.SOt)(f)?a.aD+"/v2/collection":a.$$+"/v2/collection",Y=(0,l.SOt)(f)?a.aD+"/v3/collection":a.$$+"/v3/collection",Z=(0,l.SOt)(f)?a.aD+"/v4/collection":a.$$+"/v4/collection",ee=(0,l.SOt)(f)?a.aD+"/v2/brand/"+f+"/product-events":a.$$+"/v2/brand/"+f+"/product-events",te=e.shopId,ne="live,upcoming",oe="true";return(0,i.useEffect)((()=>{(0,s.wm)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,G.u)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{null!=t&&0!=t.length&&!p&&(0,d.MN)()&&!(0,o.Xd)("whatmoreVideoPlayerPoolInitiated")&&(0,w._)()&&(0,c.Pc)(c.F5)}),[t]),(0,i.useEffect)((()=>{var e;if(I.startsWith("product"))if((0,l.vvU)(f))e=W.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+oe.toString()+(g?"&template_type=stories":"");else{var t=(0,o.Xd)("whatmoreProductId");t=(0,l.BcY)(f)?function(e,t){return"STRQMPNF7QK"==t?encodeURIComponent(e):e.split(/[?#]/)[0]}(window.location.href,f):t,e=ee.toString()+"?client_product_id="+t.toString()+"&status="+ne.toString()+"&event_type=video"}else if(S||"invalid-url"!==b)e=(0,l.JwJ)(f)?`${Y.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==I&&(0,l.FKG)(f).length>0?(0,l.FKG)(f)[0]:P}`:"78232846646"==f?`${Z.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==I&&(0,l.FKG)(f).length>0?(0,l.FKG)(f)[0]:P}`:`${U.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==I&&(0,l.FKG)(f).length>0?(0,l.FKG)(f)[0]:P}`;else if(_){const t=v.Jh,n=(0,v.t6)(I);e=Q.toString()+te.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+f}else{var i,a,r,d;if(("72201044272"==f||"2665447536"==f&&T)&&!g)e=F.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+oe.toString()+"&latitude="+(null!==(i=null===(a=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===a?void 0:a.latitude)&&void 0!==i?i:"")+"&longitude="+(null!==(r=null===(d=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===d?void 0:d.longitude)&&void 0!==r?r:"")+"&user_type="+(null!==C&&void 0!==C&&C.userType?"olduser":"newuser");else if((0,l.JwJ)(f)&&!g)e=X.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+oe.toString();else if("78232846646"==f&&T){var c,p,m,y;e=J.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+oe.toString()+"&latitude="+(null!==(c=null===(p=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===p?void 0:p.latitude)&&void 0!==c?c:"")+"&longitude="+(null!==(m=null===(y=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===y?void 0:y.longitude)&&void 0!==m?m:"")+"&user_type="+(null!==C&&void 0!==C&&C.userType?"olduser":"newuser")}else e="78232846646"==f?H.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+oe.toString():W.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+oe.toString()+(g?"&template_type=stories":"")}fetch(e).then((e=>e.json())).then((e=>{var t;if(_){const t=v.Jh;return(0,B.Po)(e,t)}return(0,l.JwJ)(f)&&(null===e||void 0===e||null===(t=e.questions)||void 0===t?void 0:t.length)>0&&(null==localStorage.getItem("_whatmore_qview_index")&&localStorage.setItem("_whatmore_qview_index",0),(0,s.d3)(null===e||void 0===e?void 0:e.questions)),(null===e||void 0===e?void 0:e.all_events)&&u(null===e||void 0===e?void 0:e.all_events),(0,B.Np)(e,S||"invalid-url"!==b)})).then((e=>(O&&console.debug("initial received events size : "+e.length),g||S||_?e:(0,B.zJ)(e,te)))).then((e=>(("28849832033"===f||"85317058852"===f&&Array.isArray(e))&&(e=function(e){for(let t=e.length-1;t>0;t--){const n=Math.floor(Math.random()*(t+1));[e[t],e[n]]=[e[n],e[t]]}return e}(e)),null!=e&&0!=e.length&&(0,l.WiD)(f)&&function(e,t,n){const i=setInterval((()=>{null===(0,o.Xd)("productRatings")&&R(e,t,n)}),1e3);setTimeout((()=>{clearInterval(i)}),1e4)}(f,e,(e=>{q(e)})),e))).then((e=>{(D||L)&&(null==e||e&&0==(null===e||void 0===e?void 0:e.length))?n(g?K.Yo:_?K.N9:K.uG):n(e),A(!0)})).catch((e=>{h(e.message),A(!0)}))}),[]),(0,i.useEffect)((()=>{"index"===I?t&&t.length>0&&(0,M.yP)({userInteractionType:y.O.HOMEPAGE_VISITED,widgetSourceDetails:j}):"collection"===I&&(t&&t.length>0||(0,l.BZ$)(f))&&(0,M.yP)({userInteractionType:y.O.COLLECTION_PAGE_VISITED,widgetSourceDetails:j})}),[t]),k&&(null==t||0==t.length||p)&&V.Sn.forEach((e=>{var t,n,o,i;const a=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]'),r=null!==(n=e.querySelector('.whatmore-template-type[data-wh="template-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-feed-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-a-1"]')||e.querySelector('.whatmore-template-type[data-wh="template-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==n?n:e.querySelector('.whatmore-template-type[data="template-a"]')||e.querySelector('.whatmore-template-type[data="template-b"]')||e.querySelector('.whatmore-template-type[data="template-f"]')||e.querySelector('.whatmore-template-type[data="template-stories"]')||e.querySelector('.whatmore-template-type[data="template-e"]')||e.querySelector('.whatmore-template-type[data="template-a-1"]')||e.querySelector('.whatmore-template-type[data="template-g"]')||e.querySelector('.whatmore-template-type[data="template-h"]'),l=null!==(o=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-d"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-h"]'))&&void 0!==o?o:e.querySelector('.whatmore-template-type[data="template-collections-a"]')||e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-collections-e"]')||e.querySelector('.whatmore-template-type[data="template-collections-d"]')||e.querySelector('.whatmore-template-type[data="template-collections-f"]')||e.querySelector('.whatmore-template-type[data="template-collections-g"]')||e.querySelector('.whatmore-template-type[data="template-collections-h"]'),s=null!==(i=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==i?i:e.querySelector('.whatmore-template-type[data="template-banner-a"]'),d=e;if(g){const t=e.querySelector(".whatmore-shimmer-stories");t&&(t.style.display="none")}else if(!S){const t=e.querySelector(".loading-skeleton-wrapper");t&&(t.style.display="none")}(s||l||r||a)&&(r&&d||a&&d||s&&d||l&&d)&&(d.style.minHeight="0px")})),null==t||0==t.length||p?(0,E.jsx)("div",{}):(O&&(0,z.xv)(t),function(e){if(null!=e){var t=0;e.forEach((e=>{e.index=t++}))}}(t),O&&console.debug("final transformed events data : "+JSON.stringify(t)),O&&console.debug("valid events size : "+t.length),(0,E.jsx)($,{heading:e.heading,events:t,allEvents:r}))},H=n(6649);var J=function(e){const[t]=(0,o.QN)("whatmoreShopId"),[n]=(0,o.QN)("whatmoreHeading"),[a,r]=(0,i.useState)(["initial",window.pageYOffset]),[s,d]=(0,i.useState)(!1),c="2665447536"==t?30:10,p=(0,o.Xd)("isLandingSharedLink");(0,i.useEffect)((()=>{if((0,u.hr)(t),!(0,l.FlM)(t))return;const e=c;let n=window.pageYOffset,o=!1;const i=()=>{const t=window.pageYOffset;var i,a;Math.abs(t-n)<e?o=!1:(a=!0,r(i=[t>n?"scrolled-down":"scrolled-up",t]),i[1]>c&&d(a),n=t>0?t:0,o=!1)},a=()=>{o||(window.requestAnimationFrame(i),o=!0)};return window.addEventListener("scroll",a),()=>window.removeEventListener("scroll",a)}),[]);const[m,h,v]=(0,H.A)({triggerOnce:!0});return(0,E.jsx)("div",{ref:m,style:{display:"block",height:"100%"},children:s||h||p||!(0,l.FlM)(t)||(0,l.wQ2)(t)?(0,E.jsx)(X,{heading:n,shopId:t}):(0,E.jsx)("div",{})})}},5100:function(e,t,n){var o=n(9950),i=n(1941),a=n(5830),r=n(4414);const l=o.memo((()=>{if(!(0,a.Xd)("isLandingSharedLink"))return(0,r.jsx)(r.Fragment,{});const[e]=(0,i.A)();return(0,r.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,r.jsx)("div",{className:"shimmer-item portrait-full",children:(0,r.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,r.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,r.jsx)("div",{className:"shimmer-effect"})},t))),(0,r.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));t.A=l},6692:function(e,t,n){var o=n(8397),i=n(1422),a=n(3247),r=n(5830),l=n(1348),s=n(1941),d=n(4414);t.A=function(e){var t,n;const c=null===(t=e.brandName)||void 0===t?void 0:t.replace(/\s+/g,"_"),u=(0,r.Xd)("whatmorePrimaryFont"),p=(0,r.Xd)("whatmoreShopId"),m=null!==(n=e.fontSize)&&void 0!==n?n:"8",[h]=(0,s.A)(),v="landscape"===h?"customer_referral_desktop":"customer_referral_mobile",g="60183543963"==p,y=(0,r.Xd)("whatmoreLandingLocationType").includes("index")&&!p.includes("STR")?`https://apps.shopify.com/whatmore-live?utm_source=${c}&utm_medium=referral&utm_campaign=${v}`:`https://www.whatmore.ai/shoppable-videos?utm_source=${c}&utm_medium=referral&utm_campaign=${v}`,S=g?"https://www.letsmapit.in/":y;return(0,d.jsx)(o.N,{href:S,isExternal:!0,textDecoration:"none",children:(0,l.SGs)(p)&&(0,d.jsxs)(i.B,{direction:"row",justifyContent:"flex-start",alignItems:"center",width:"fit-content",spacing:"8px",paddingLeft:"2px",paddingRight:"2px",children:[(0,d.jsx)("p",{ref:t=>{var n;t&&(t.style.setProperty("font-family",u,"important"),t.style.setProperty("font-size",1.15*m+"px","important"),t.style.setProperty("text-align","center","important"),t.style.setProperty("color",null!==(n=e.color)&&void 0!==n?n:"white"))},children:g?"marketed by":"Powered By"}),g?(0,d.jsx)(a.az,{padding:"1px 4px",bg:"#fff",width:"fit-content",children:(0,d.jsx)("img",{src:"https://whatmore-other-assets.b-cdn.net/gudworld/Letsmapit_Logo.png",style:{objectFit:"contain",width:1.7*m,backgroundColor:"transparent",borderRadius:"0px"},alt:"letsmapit"})}):(0,d.jsxs)(a.az,{display:"flex",alignItems:"center",gap:"5px",children:[(0,d.jsx)("img",{src:"https://whatmore-other-assets.b-cdn.net/whatmore/new_whatmore_logo.png",style:{objectFit:"contain",width:1.3*m,backgroundColor:"transparent",borderRadius:"0px"},alt:"whatmore"}),(0,d.jsx)("p",{ref:t=>{var n;t&&(t.style.setProperty("font-family",u,"important"),t.style.setProperty("font-size",1.15*m+"px","important"),t.style.setProperty("text-align","center","important"),t.style.setProperty("font-weight","bold"),t.style.setProperty("color",null!==(n=e.color)&&void 0!==n?n:"white"))},children:"Whatmore"})]})]})})}},8945:function(e,t,n){function o(e,t){let n=0;let o=new MutationObserver((function(){document.querySelector("."+e)?(t(),o.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),o.disconnect()}),8e3))}));o.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{H:function(){return o}})},8618:function(e,t,n){n.d(t,{t:function(){return a}});var o=n(1348),i=n(5830);const a=()=>{const e=(0,i.Xd)("whatmoreShopId");return"Free"==(0,o.yt9)(e)}},3080:function(e,t,n){var o=n(1941);t.A=function(e){const[t,n,i]=(0,o.A)({disablePreview:!0});var a="landscape"==t?n*(9/16):i;if("landscape"==t){const e=.85;return[n,a,n*e,a*e]}return[n,a,n,a]}},1351:function(e,t,n){n.d(t,{Qj:function(){return s},kz:function(){return d},UM:function(){return u},yP:function(){return p},DG:function(){return c}});var o=n(1348),i=n(5830),a=n(6157);function r(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=(0,i.Xd)("whatmoreShopId");(e!=a.O.EVENT_VIEW||(0,o.NFF)(r))&&(e!=a.O.VIDEO_PLAYBACK||(0,o.Eel)(r))&&(e!=a.O.SHOPNOW_ATC_CLICKED&&e!=a.O.PRODUCT_TILE_ATC_CLICKED||(0,o.T9r)(r))&&(e!=a.O.VIDEO_LIKED||(0,o.Mz3)(r))&&(e!=a.O.VIDEO_SHARE_CTA_CLICKED||(0,o.OLZ)(r))&&(e!=a.O.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=a.O.SHOPNOW_CLICKED||(0,o.nEf)(r))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===a.O.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var l=n(7145);const s={[a.O.EVENT_VIEW]:"whatmore_video_click_event",[a.O.VIDEO_LIKED]:"whatmore_video_like_event",[a.O.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[a.O.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[a.O.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[a.O.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[a.O.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[a.O.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function d(e){var t;let{userInteractionType:n,userInteractionMetadata:o,widgetSourceDetails:i,event:a,productList:d,ctaList:c}=e;(0,l.B)({userInteractionType:n,userInteractionMetadata:o,widgetSourceDetails:i,event:a,productList:d,ctaList:c}),n in s&&r(n,null!==(t=null===d||void 0===d?void 0:d[1])&&void 0!==t?t:null===d||void 0===d?void 0:d[0])}function c(e){var t;let{userInteractionType:n,userInteractionMetadata:o,widgetSourceDetails:i,event:a,productList:d,ctaList:c}=e;(0,l.B)({userInteractionType:n,userInteractionMetadata:o,widgetSourceDetails:i,event:a,productList:d,ctaList:c}),n in s&&r(n,null!==(t=null===d||void 0===d?void 0:d[1])&&void 0!==t?t:null===d||void 0===d?void 0:d[0],o)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:a,ctaList:r}=e;(0,l.B)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:a,ctaList:r})}function p(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:a,ctaList:r}=e;(0,l.B)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:a,ctaList:r})}}}]);