whatmore-react-assets 1.0.1657 → 1.0.1659
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/static/js/180.8fc98c59.chunk.js +1 -0
- package/static/js/544.a41f1c50.chunk.js +1 -0
- package/static/js/571.f3a5b175.chunk.js +1 -0
- package/static/js/carousel-template-b.3994f525.chunk.js +1 -0
- package/static/js/carousel-template-f.0750531b.chunk.js +1 -0
- package/static/js/{carousel-template-feed.f4494c12.chunk.js → carousel-template-feed.44fbf6f3.chunk.js} +1 -1
- package/static/js/carousel-template-g.a3ccd4e8.chunk.js +1 -0
- package/static/js/{carousel-template-view-more.e3ffba6b.chunk.js → carousel-template-view-more.ab58ea17.chunk.js} +1 -1
- package/static/js/collections-template-stories.3bf38232.chunk.js +1 -0
- package/static/js/product-page-view.e5a8fd85.chunk.js +1 -0
- package/static/js/share-shimmer-loader.edb73eb1.chunk.js +1 -0
- package/static/js/spotlight-view.1973617d.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/js/180.9de49b57.chunk.js +0 -1
- package/static/js/544.0440b529.chunk.js +0 -1
- package/static/js/571.93bc3a3d.chunk.js +0 -1
- package/static/js/carousel-template-b.74f97024.chunk.js +0 -1
- package/static/js/carousel-template-f.298a1231.chunk.js +0 -1
- package/static/js/carousel-template-g.3f96b508.chunk.js +0 -1
- package/static/js/collections-template-stories.1f01a766.chunk.js +0 -1
- package/static/js/product-page-view.47163cc1.chunk.js +0 -1
- package/static/js/share-shimmer-loader.325ec052.chunk.js +0 -1
- package/static/js/spotlight-view.f1d58304.chunk.js +0 -1
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[180],{22:function(e,t,i){i.d(t,{$S:function(){return a},_:function(){return n},b4:function(){return r},dl:function(){return o},nN:function(){return s},tn:function(){return d},vF:function(){return l}});const n="device_type",o="device_mode",r="mobile",l="tablet",a="desktop",d="portrait",s="landscape"},932:function(e,t,i){var n=i(5830),o=i(1941),r=i(22),l=i(1348);t.A=function(e){const[t,i,a]=(0,o.A)(),[d]=(0,n.QN)("whatmoreLandscapePadding"),[s]=(0,n.QN)("whatmoreShopId"),[p]=(0,n.QN)("whatmoreVideoTileSize"),[c]=(0,n.QN)("whatmoreVideoTileSizePortrait"),h=a>=i,x="portrait"==t?c:p,u=!("portrait"!=t||!(a>=481)),m=x/100*1.3*.5,f=x/100;var v=Math.min(a,i),[w,g,y,b]=[.6*v*(16/9),.6*v,1.4,0];function j(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:r.b4,DEVICE_MODE:r.tn};if(h){const e=g*m,t=w*m;[w,g,y,b]=[t,e,(a-2*d-2*(0,l.$du)(s))/(1.1*e),d],E[r._]=r.$S,E[r.dl]=r.nN}else if(u){var S=.8*g,N=.8*w;"portrait"==t?(S*=f,N*=f,[w,g,y,b]=[N,S,j(a/(1.2*S)),0],E[r._]=r.vF,E[r.dl]=r.tn):([w,g,y,b]=[N,S,(a-2*d)/(1.1*S),d],E[r._]=r.vF,E[r.dl]=r.nN)}else{S=g,N=w;"portrait"==t?(S=S*f*.9,N=N*f*.9,[w,g,y,b]=[N,S,j(a/(1.15*S)),0],E[r._]=r.b4,E[r.dl]=r.tn):(S=.7*g,N=.7*w,[w,g,y,b]=[N,S,(a-2*d)/(1.1*S),d],E[r._]=r.b4,E[r.dl]=r.nN)}return[w,g,y,b,E]}},2410:function(e,t,i){var n=i(9950),o=i(1348),r=i(5830),l=(i(6125),i(4365),i(6614),i(9879)),a=(i(7509),i(932)),d=i(5551),s=i(4414);t.A=function(e){var t;const[i,p]=(0,a.A)(),[c]=(0,r.QN)("whatmoreSecondaryColor"),[h]=(0,r.QN)("whatmoreShopId"),x="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSize"),u="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?u:x,f=(0,r.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(d.B),[w,g]=(0,n.useState)(!1),y=(0,o.ivI)(h),b=v.landingLocationType,j=e.event,E=e.onClick,S=e.removeBorders,N=i*m*.01,A=p*m*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,o._hU)(h)?"auto":A+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":(0,o.FZM)(h)+"px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{g(!0),E(j)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+c+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+c+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+c+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+c+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,s.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:N+"px",width:"40273707171"==h?"auto":A+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,s.jsx)(l.A,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})}),b.startsWith("product")&&(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,s.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",f,"important"),t.style.setProperty("font-size",(null!==(i=e.fontSize)&&void 0!==i?i:10)+"px","important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:null===j||void 0===j?void 0:j.title})})]})}},3997:function(){},4669:function(){},5901:function(e,t,i){i.d(t,{A:function(){return v}});var n=i(1005),o=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,n,o,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),c=r[l.dl]===l.nN?p/100:s/100*1.2;return[t*c,i*c,r]},p=i(5727),c=i(1628),h=i.n(c),x=i(2209),u=i(6702),m=(i(9733),i(4365),i(1348)),f=i(4414);var v=function(e){var t;const i=o.useRef(null);var[d,c,v]=s();const w=(0,a.Xd)("whatmoreUITheme"),[g]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[S]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[N]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),A=(0,a.Xd)("whatmoreShopId"),P=(0,a.Xd)("isWhatmorePreviewMode");var z=y,L=b,k=j;v[l.dl]===l.nN&&(z=E,L=S,k=N);const[C,Q]=(0,o.useState)(["initial",window.pageYOffset]),[R,F]=(0,o.useState)(!1),I=null!==(t=e.isSpotlight)&&void 0!==t&&t,_=v[l.dl]===l.nN?.7*(0,m.O86)(A):(0,m.O86)(A),D=I?_:1;d*=D,c*=D;const M=I?(0,m.LrK)(A):z,T=I?(0,m._2D)(A):(0,m.GSq)(A),[V,X]=(0,o.useState)(!I&&(0,m.n8Q)(A));function B(e,t){Q(e),e[1]<=100?F(!1):t!=R&&(F(t),X(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(B([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[C]),(0,n.j)({ref:i,handler:()=>{B(["scrolled-up",C[1]],!0)}});const O=e.event,W=e.inVideoClick,H=e.closeClick,U=.3*c,Z=.6*c,Y=.1*c,q=.1*(.5*c),$="round"==w?"10px":"0px",G=(0,m.GvQ)(A);var K=!1,J=0,ee=0;function te(e){K=e}return(0,f.jsx)("div",{className:"wht-popup",children:V&&!T?(0,f.jsx)(f.Fragment,{}):R&&T?(0,f.jsx)("div",{style:"left"===M?{left:"1px",bottom:I?(0,m.pUQ)(A)+"px":k+"px",position:"fixed",zIndex:G}:{right:"5px",bottom:I?(0,m.pUQ)(A)+"px":k+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{onClick:()=>{B(["initial",C[1]],!1)},style:{margin:"1px",width:c+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.A,{url:O.thumbnail_image,isPlaying:!1,event:O})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:H})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(u.A,{sx:{color:"white",fontSize:2*U+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",bounds:P?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,J=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):W(O)},children:(0,f.jsx)("div",{ref:i,style:"left"===M?{left:I?(0,m.D2A)(A)+"px":L+"px",bottom:I?(0,m.pUQ)(A)+"px":k+"px",position:"fixed",zIndex:G}:{right:I?(0,m.D2A)(A)+"px":L+"px",bottom:I?(0,m.pUQ)(A)+"px":k+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==A?d+"px":c+"px",height:e.isSpotlight&&"60122562760"==A?c+"px":d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==A?16/9:9/16},children:(0,f.jsx)(r.A,{url:O.thumbnail_image,isMuted:!0,isPlaying:!0,event:O})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},onClick:H,style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(p.A,{sx:{color:(0,m.KFN)(A),fontSize:Z+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:$,borderBottomRightRadius:$,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*U+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},6042:function(){},6125:function(){},6614:function(){},7229:function(){},7509:function(e,t,i){i.d(t,{h:function(){return n}});const n=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,i){i.d(t,{c:function(){return a}});var n=i(6649),o=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,o]=(0,n.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function a(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(l,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},9130:function(){},9733:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[544],{22:function(t,e,o){o.d(e,{$S:function(){return a},_:function(){return i},b4:function(){return n},dl:function(){return r},nN:function(){return d},tn:function(){return s},vF:function(){return l}});const i="device_type",r="device_mode",n="mobile",l="tablet",a="desktop",s="portrait",d="landscape"},932:function(t,e,o){var i=o(5830),r=o(1941),n=o(22),l=o(1348);e.A=function(t){const[e,o,a]=(0,r.A)(),[s]=(0,i.QN)("whatmoreLandscapePadding"),[d]=(0,i.QN)("whatmoreShopId"),[p]=(0,i.QN)("whatmoreVideoTileSize"),[c]=(0,i.QN)("whatmoreVideoTileSizePortrait"),u=a>=o,y="portrait"==e?c:p,v=!("portrait"!=e||!(a>=481)),m=y/100*1.3*.5,h=y/100;var f=Math.min(a,o),[x,g,w,b]=[.6*f*(16/9),.6*f,1.4,0];function P(t){return Math.round(10*t)/10}var _={DEVICE_TYPE:n.b4,DEVICE_MODE:n.tn};if(u){const t=g*m,e=x*m;[x,g,w,b]=[e,t,(a-2*s-2*(0,l.$du)(d))/(1.1*t),s],_[n._]=n.$S,_[n.dl]=n.nN}else if(v){var j=.8*g,N=.8*x;"portrait"==e?(j*=h,N*=h,[x,g,w,b]=[N,j,P(a/(1.2*j)),0],_[n._]=n.vF,_[n.dl]=n.tn):([x,g,w,b]=[N,j,(a-2*s)/(1.1*j),s],_[n._]=n.vF,_[n.dl]=n.nN)}else{j=g,N=x;"portrait"==e?(j=j*h*.9,N=N*h*.9,[x,g,w,b]=[N,j,P(a/(1.15*j)),0],_[n._]=n.b4,_[n.dl]=n.tn):(j=.7*g,N=.7*x,[x,g,w,b]=[N,j,(a-2*s)/(1.1*j),s],_[n._]=n.b4,_[n.dl]=n.nN)}return[x,g,w,b,_]}},1957:function(t,e,o){var i=o(9950),r=o(932),n=(o(4826),o(5830)),l=o(9879),a=o(7509),s=o(22),d=o(1348),p=o(5551),c=o(6594),u=o(8538),y=o(8149),v=o(5727),m=o(7740),h=o(7035),f=o(6305),x=o(4833),g=o(1351),w=o(6157),b=o(4414);e.A=function(t){var e,o,P,_,j,N,C,S,M,k,z,I,T,A,D,R,E,F,$,L,O;const[W,Y,U,V,X]=(0,r.A)(),B=.5*Y;(0,i.useContext)(a.h);const K=(0,n.Xd)("whatmoreUITheme"),H=(0,n.Xd)("whatmoreShopId"),Q=(0,n.Xd)("whatmorePrimaryFont"),G=(0,n.Xd)("whatmoreSecondaryColor"),Z=(0,n.Xd)("websiteLanguage"),q=t.onClick,J=null===(e=t.isOnFocus)||void 0===e||e,tt=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,et=null!==(P=t.animateOnFocus&&(0,d.n5O)(H))&&void 0!==P&&P,ot="portrait"===X[s.dl],it=(ot?1.076*Y*(0,d.HWj)(H):Y*(0,d.N_4)(H))+"px",rt=(ot?1.076*Y*(0,d.HWj)(H):Y*(0,d.N_4)(H))+"px",nt=(ot?.965*Y*(0,d.HWj)(H):.859*Y*(0,d.N_4)(H))+"px",lt=(0,d.VYo)(H),{whatmoreIsPreviewMode:at,whatmoreWidgetSourceDetails:st}=(0,i.useContext)(p.B),dt=.25*Y,pt=dt+"px",ct=1.25*dt+"px",[ut,yt]=(0,i.useState)(t.event),[vt,mt]=(0,i.useState)(),[ht,ft]=(0,i.useState)(!1),xt=null!==(_=null===(j=ut.products)||void 0===j?void 0:j.find((t=>"active"==t.product_status)))&&void 0!==_?_:null===(N=ut.products)||void 0===N?void 0:N[0],gt=Math.round(+(null===xt||void 0===xt?void 0:xt.price)),wt=Math.round(+(null===xt||void 0===xt?void 0:xt.compare_price)),bt=wt&&0!=wt&&wt>gt?Math.round((wt-gt)/wt*100):NaN,[Pt,_t]=(0,i.useState)(bt),[jt,Nt]=(0,i.useState)(!1),[Ct,St,Mt,kt,zt,It]=(0,f.A)(0,xt,ut);return(0,i.useEffect)((()=>{(0,d.w4b)(H)?(0,c.fu)(ut,(0,d.NCy)(H),H).then((t=>{var e,o,i;yt(t);const r=Math.round(null===(e=t.products)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.price),n=Math.round(null===t||void 0===t||null===(i=t.products[0])||void 0===i?void 0:i.compare_price),l=n&&0!=n&&n>r?Math.round((n-r)/n*100):NaN;_t(l),Nt(!0)})):(async()=>{const t=await(0,y.M)(xt,(0,d.NCy)(H),H);mt(t),Nt(!0)})()}),[]),(0,b.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top","12px"),t.style.setProperty("margin-bottom","12px"))},className:et&&!ot?J?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{width:Y,margin:"0 auto",cursor:"pointer"},onClick:()=>{q(ut)},onMouseEnter:()=>ft(!0),onMouseLeave:()=>ft(!1),children:["video"===ut.event_type&&"55076552858"===H&&!ot&&(0,b.jsx)("div",{className:"video-event-tile",style:{position:"fixed",marginTop:1.2*B,marginLeft:B/2},children:(0,b.jsx)(v.A,{sx:{color:(0,d.KFN)(ut.whatmoreShopId)+" !important",opacity:.8,fontSize:B,filter:"drop-shadow(0 0 15px black);"}})}),(0,b.jsxs)("div",{style:{width:Y,height:ot&&J?"STR2FOC6KG9"==H||"STRDOIDF6O7"==H?W:1.1*W:W,borderRadius:"round"==K?"5px":"0px",boxShadow:"round"==K?lt:null,borderWidth:(0,d.YcK)(H),borderColor:(0,d.Fwt)(H),overflow:"hidden",position:"relative"},children:[(0,b.jsx)(l.A,{height:(0,d.u06)(H)+" !important",width:"100%",url:ut.thumbnail_image,isPlaying:J||tt,event:ut}),"9238315068"===H&&(ht||ot)&&(0,b.jsx)("div",{style:{position:"absolute",bottom:0,left:0,right:0,background:ht||ot?"rgba(0, 0, 0, 0.75)":"rgba(0, 0, 0, 0.6)",padding:"12px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease",cursor:"pointer",transform:ht||ot?"translateY(0)":"translateY(100%)",opacity:ht||ot?1:0},onClick:t=>{t.stopPropagation();const e=st.landingLocationType,o=st.templateType,i=(0,x.Wd)(e)+(0,x.gf)(o)+(null!==ut&&void 0!==ut&&ut.isRelatedEvent?"R":"E")+"_"+(null===ut||void 0===ut?void 0:ut.event_id);"init"==Ct.state?(zt(i),(0,g.kz)({userInteractionType:w.O.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:st,event:ut,productList:[xt],ctaList:ut.cta})):"awaitingVariantSelection"==Ct.state&&It(null,i)},onMouseEnter:t=>{t.target.style.background="rgba(0, 0, 0, 0.85)"},onMouseLeave:t=>{t.target.style.background="rgba(0, 0, 0, 0.75)"},children:(0,b.jsx)("span",{style:{color:"white",fontSize:it,fontFamily:Q,fontWeight:"500",textAlign:"center",letterSpacing:"0.5px"},children:"ADD TO CART"})})]}),(0,b.jsxs)("div",{style:{cursor:"pointer",display:"flex",gap:"6px",padding:"12px 4px"},children:[(at?(0,d.Tr1)(H):(0,d.UmS)(H))&&(null===ut||void 0===ut||null===(C=ut.products)||void 0===C?void 0:C.length)>0&&(0,b.jsx)("div",{style:{maxHeight:ct,maxWidth:pt,minWidth:null!==xt&&void 0!==xt&&xt.thumbnail_image?pt:"0",overflow:"hidden"},children:(0,b.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,d.KZe)(H),"important")},style:{height:"100%"},src:(null===xt||void 0===xt||null===(S=xt.thumbnail_image)||void 0===S||null===(M=S.split("?"))||void 0===M?void 0:M[0])+"?width=400&height=400",alt:"thumbnail"})}),(0,b.jsxs)("div",{className:"wht-prod-info",style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,b.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,d.m5c)(H),"important"),t.style.setProperty("font-size",it,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",Q,"important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,u.v)(null===xt||void 0===xt?void 0:xt.title)}),jt&&(0,d.Nzx)(H)&&(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"12px",flexDirection:(0,d.vw2)(H)?"row":"row-reverse",justifyContent:(0,d.vw2)(H)?"flex-start":"flex-end"},children:[(0,b.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,d.m5c)(H),"important"),t.style.setProperty("font-size",rt,"important"),t.style.setProperty("font-family",Q,"important"),t.style.setProperty("white-space","nowrap","important"),t.style.setProperty("width","fit-content","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,d.i6j)(H)?"normal":"bold"},children:(0,c.Sb)(parseFloat((0,m.U)()?(null!==(k=null===vt||void 0===vt||null===(z=vt.variants)||void 0===z||null===(I=z[0])||void 0===I?void 0:I.price)&&void 0!==k?k:null===vt||void 0===vt?void 0:vt.price)/100:null===xt||void 0===xt?void 0:xt.price)," ",H,null===(T=ut.products[0])||void 0===T?void 0:T.currency)}),!isNaN(wt)&&wt>gt&&(0,b.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,d.gld)(H),"important"),t.style.setProperty("font-size",rt,"important"),t.style.setProperty("font-family",Q,"important"),t.style.setProperty("width","fit-content","important"),t.style.setProperty("white-space","nowrap","important"))},style:{textDecoration:"line-through"},children:(0,c.Sb)(parseFloat((0,m.U)()?(null!==(A=null===vt||void 0===vt||null===(D=vt.variants)||void 0===D||null===(R=D[0])||void 0===R?void 0:R.compare_at_price)&&void 0!==A?A:null===vt||void 0===vt?void 0:vt.compare_at_price)/100:null===xt||void 0===xt?void 0:xt.compare_price)," ",H,null===(E=ut.products[0])||void 0===E?void 0:E.currency)}),"56352899156"==H&&(0,d.Nzx)(H)&&jt&&!isNaN(Pt)&&0!=Pt&&(0,b.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,d.ub$)(H)?"#343434"==G?(0,d.ub$)(H):G:(0,d.ub$)(H),alignItems:"center",borderRadius:(0,d.v8m)(H)+"px",width:"fit-content",padding:"3px 4px"},children:(0,b.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,d.BRY)(H),"important"),t.style.setProperty("font-size",nt,"important"),t.style.setProperty("font-family",Q,"important"),t.style.setProperty("width","fit-content","important"),t.style.setProperty("white-space","nowrap","important"))},children:`${Pt}% ${null!==(F=null===h.m||void 0===h.m||null===($=h.m[Z])||void 0===$?void 0:$.off)&&void 0!==F?F:"off"}`})})]}),(0,d.Nzx)(H)&&jt&&!isNaN(Pt)&&0!=Pt&&(0,b.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,d.ub$)(H)?"#343434"==G?(0,d.ub$)(H):G:(0,d.ub$)(H),alignItems:"center",borderRadius:(0,d.v8m)(H)+"px",width:"fit-content",padding:(0,d.Cf)(H)?"3px 6px":"0px"},children:(0,d.Cf)(H)?(0,b.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,d.BRY)(H),"important"),t.style.setProperty("font-size",nt,"important"),t.style.setProperty("font-family",Q,"important"))},children:`${Pt}% ${null!==(L=null===h.m||void 0===h.m||null===(O=h.m[Z])||void 0===O?void 0:O.off)&&void 0!==L?L:"off"}`}):(0,b.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,d._zx)(H),"important"),t.style.setProperty("font-size",nt,"important"),t.style.setProperty("font-family",(0,d.ogW)(H),"important"))},children:(0,d.rsz)(H)})})]}),""!=(null===ut||void 0===ut?void 0:ut.title)&&(window.location.pathname.includes("/categories/")||window.location.pathname.includes("/products/"))&&(0,b.jsx)("div",{className:"wht-video-title",style:{display:"none",justifyContent:"center",borderRadius:"5px",alignItems:"center",padding:"6px 8px"},children:(0,b.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#343434"),t.style.setProperty("font-size",it,"important"),t.style.setProperty("font-family",Q,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-align","center","important"))},children:null===ut||void 0===ut?void 0:ut.title})})]})]})}},4826:function(){},7136:function(t,e,o){var i=o(9950),r=o(932),n=o(7509),l=o(5830),a=o(4414);e.A=function(t){var[e,o]=(0,r.A)();(0,i.useContext)(n.h);const s=(0,l.Xd)("whatmoreShopId");return t.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%":e,overflow:"hidden"}})}},7509:function(t,e,o){o.d(e,{h:function(){return i}});const i=(0,o(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},9733:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[571],{16:function(e,t,n){n.d(t,{A:function(){return m}});var r=n(9950),i=(n(5410),n(5830)),o=n(4459),a=n(4414);var s=function(e){return(0,r.useEffect)((()=>{const e=(0,o.E2)((0,i.Xd)("whatmoreSecondaryColor"));!function(e,t,n,r){const i=`rgba(${e},${t},${n},${r})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})},d=n(8781);var m=function(e){var t,n;const r=null!==(t=e.height)&&void 0!==t?t:"100%",i=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,a.jsxs)("div",{style:{width:i,height:r,overflow:"hidden",minHeight:r,minWidth:i},children:[(0,a.jsx)(d.A,{height:r,width:i}),(0,a.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,a.jsx)(s,{})})})]})}},1941:function(e,t,n){n.d(t,{A:function(){return u}});var r=n(5830),i=n(9950);function o(e){if(!e)return{};var t={};return Array.from(e.attributes).forEach((e=>{var n;t[e.name]=(n=e.value,isNaN(+n)?n:+n)})),t}function a(...e){try{var t;const n=document.getElementById("whatmorePreviewMode");if(!n)return null;const r=null===e||void 0===e?void 0:e[0];if(!r)return!0;let i={};return i=r.includes("function")?{}:o(n),null!==(t=i)&&void 0!==t&&t[r]?i[r]:null}catch(n){return null}}var s=function({disablePreview:e=!1}={}){var t,n,r=e?window.innerHeight:null!==(t=a("height-wh"))&&void 0!==t?t:window.innerHeight,o=e?window.innerWidth:null!==(n=a("width-wh"))&&void 0!==n?n:window.innerWidth,[s,d]=[r,o];const[m,l]=(0,i.useState)([s>d?"portrait":"landscape",s,d]);return(0,i.useLayoutEffect)((()=>{function t(){var t,n,r=e?window.innerHeight:null!==(t=a("height-wh"))&&void 0!==t?t:window.innerHeight,i=e?window.innerWidth:null!==(n=a("width-wh"))&&void 0!==n?n:window.innerWidth,[o,s]=[r,i];l(o>s?["portrait",o,s]:["landscape",o,s])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),m};const d=(0,r.Xd)("whatmoreShopId");function m(){if("STRI4V3OYCH"==d){const e=document.querySelector(".whatmore-base").closest("section");return[window.innerHeight,e.getBoundingClientRect().width+60]}return[window.innerHeight,window.innerWidth]}var l=function(){var[e,t]=m();const[n,r]=(0,i.useState)([e>t?"portrait":"landscape",e,t]);return(0,i.useLayoutEffect)((()=>{function e(){var[e,t]=m();r(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),n};var u=function(e){var t;const n=(0,r.Xd)("isWhatmorePreviewMode"),i=l(),o=s({disablePreview:null!==(t=null===e||void 0===e?void 0:e.disablePreview)&&void 0!==t&&t});return n?o:i}},3788:function(e,t,n){n.d(t,{s:function(){return s}});var r=n(1348),i=n(5830);const o={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},s=function(e){const t=(0,i.Xd)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.CfJ)(t))return e;if("AZURECDN"==(0,r.CfJ)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,r.CfJ)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},4033:function(e,t,n){n.d(t,{n:function(){return r}});const r=()=>{if("undefined"!==typeof window){const e=navigator.userAgent.toLowerCase();return e.includes("safari")&&!e.includes("chrome")&&navigator.vendor.includes("Apple")}return!1}},4365:function(){},5410:function(){},6493:function(e,t,n){n.d(t,{Cr:function(){return s},cb:function(){return a},lP:function(){return o},yD:function(){return d}});var r=n(1348);const i=(0,n(5830).Xd)("whatmoreShopId"),o=function(e){var t,n;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(n=e.event_media_urls.primary.landscape)||void 0===n?void 0:n.content_video_1080p:e.event_hls_url},a=function(e){var t;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:null!==(t=e.event_media_urls.primary.landscape.content_video_1080p)&&void 0!==t?t:e.event_media_urls.primary.portrait.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.ath)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},d=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.ath)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},8781:function(e,t,n){var r=n(4414);t.A=function(e){var t,n,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,r.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,r.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},9098:function(e,t,n){var r=n(9950),i=n(16),o=n(4414);t.A=function(e){var t,n,a;const[s,d]=(0,r.useState)(!1),m=r.useRef(0),l=(0,r.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{m.current=0;const e=setInterval((()=>{m.current=m.current+.03,l.current&&u(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:l,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.A,{width:h,height:c})]})}},9879:function(e,t,n){n.d(t,{A:function(){return $}});var r=n(9950),i=n(6649),o=n(3788),a=n(6613),s=n(2039),d=n(9098),m=n(4033),l=n(5830),u=n(6493),c=n(4414);var h=function(e){var t,n,o,s,d;const h=(0,r.useRef)(null),[$,v,g]=(0,i.A)({triggerOnce:!0}),p=(0,l.Xd)("whatmoreShopId"),w=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{h.current&&(e.isPlaying?h.current.play():(((0,m.n)()||(0,a.At)())&&h.current.play(),"57939755089"==p?setTimeout((()=>{h.current.pause()}),300):h.current.pause()))}),[e.isPlaying,v]),(0,c.jsx)("div",{ref:$,style:{width:w,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:v||"51394281658"==p||"8968077397"==p?(0,c.jsxs)("video",{ref:h,className:"whatmore-video-player-muted",width:f,height:w,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:null!==(s=e.poster)&&void 0!==s?s:e.url,muted:null===(d=e.isVideoMuted)||void 0===d||d,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("track",{src:"data:,",kind:"captions",srclang:"en",label:"english_captions"}),(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.yD)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:f,height:w,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var $=function(e){var t,n,m,$,v,g,p,w,f;const[b,y,_]=(0,i.A)({triggerOnce:!0}),x=(0,l.Xd)("whatmoreShopId"),j=(0,r.useRef)(null);if((0,r.useEffect)((()=>{j.current&&(e.isPlaying?j.current.play():j.current.pause())}),[e.isPlaying,y]),(0,s.Il)(e.event))return(0,c.jsx)(d.A,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const E=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,C=null!==e&&void 0!==e&&null!==(n=e.event)&&void 0!==n&&null!==(m=n.poster_image)&&void 0!==m&&m.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===($=e.event)||void 0===$||null===(v=$.poster_image)||void 0===v?void 0:v.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(g=e.event)||void 0===g?void 0:g.poster_image;if((0,a.MN)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:C,url:(0,o.s)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:E});const k=null!==(p=e.height)&&void 0!==p?p:"100%",P=null!==(w=e.width)&&void 0!==w?w:"100%";return(0,c.jsx)("div",{ref:b,style:{width:k,height:P,overflow:"hidden",display:"flex",alignItems:"center"},children:y||"51394281658"==x||"8968077397"==x?(0,c.jsxs)("video",{ref:j,className:"whatmore-video-player-muted",width:P,height:k,preload:"metadata",loop:!0,playsInline:!0,muted:null===(f=e.isVideoMuted)||void 0===f||f,poster:"57939755089"==x?"":C,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("track",{src:"data:,",kind:"captions",srclang:"en",label:"english_captions"}),(0,c.jsx)("source",{src:(0,o.s)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.yD)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:P,height:k,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[665],{22:function(t,e,i){i.d(e,{$S:function(){return s},_:function(){return n},b4:function(){return r},dl:function(){return o},nN:function(){return d},tn:function(){return a},vF:function(){return l}});const n="device_type",o="device_mode",r="mobile",l="tablet",s="desktop",a="portrait",d="landscape"},932:function(t,e,i){var n=i(5830),o=i(1941),r=i(22),l=i(1348);e.A=function(t){const[e,i,s]=(0,o.A)(),[a]=(0,n.QN)("whatmoreLandscapePadding"),[d]=(0,n.QN)("whatmoreShopId"),[p]=(0,n.QN)("whatmoreVideoTileSize"),[c]=(0,n.QN)("whatmoreVideoTileSizePortrait"),h=s>=i,x="portrait"==e?c:p,u=!("portrait"!=e||!(s>=481)),m=x/100*1.3*.5,y=x/100;var f=Math.min(s,i),[g,w,v,C]=[.6*f*(16/9),.6*f,1.4,0];function j(t){return Math.round(10*t)/10}var b={DEVICE_TYPE:r.b4,DEVICE_MODE:r.tn};if(h){const t=w*m,e=g*m;[g,w,v,C]=[e,t,(s-2*a-2*(0,l.$du)(d))/(1.1*t),a],b[r._]=r.$S,b[r.dl]=r.nN}else if(u){var P=.8*w,I=.8*g;"portrait"==e?(P*=y,I*=y,[g,w,v,C]=[I,P,j(s/(1.2*P)),0],b[r._]=r.vF,b[r.dl]=r.tn):([g,w,v,C]=[I,P,(s-2*a)/(1.1*P),a],b[r._]=r.vF,b[r.dl]=r.nN)}else{P=w,I=g;"portrait"==e?(P=P*y*.9,I=I*y*.9,[g,w,v,C]=[I,P,j(s/(1.15*P)),0],b[r._]=r.b4,b[r.dl]=r.tn):(P=.7*w,I=.7*g,[g,w,v,C]=[I,P,(s-2*a)/(1.1*P),a],b[r._]=r.b4,b[r.dl]=r.nN)}return[g,w,v,C,b]}},3590:function(t,e,i){var n=i(2375),o=i(1348),r=i(5830),l=i(4414);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.A=function(t){const e=(0,r.Xd)("whatmoreUITheme"),i=(0,r.Xd)("whatmoreShopId"),a=(0,r.Xd)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.FVo)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.sIk)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.YcK)(i),borderColor:(0,o.Fwt)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.A,{sx:{color:(0,o.s0t)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.s0t)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.sIk)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.YcK)(i),borderColor:(0,o.Fwt)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.s0t)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},5213:function(t,e,i){i.r(e),i.d(e,{default:function(){return T}});var n=i(9950),o=i(340),r=i(5089),l=i(5873),s=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(572)),a=i(8603),d=i(9946),p=i(9094),c=i(932),h=i(1941),x=i(5491),u=i.n(x),m=i(5830),y=i(7509),f=i(1348),g=i(5551),w=i(7136),v=i(9879),C=i(6649),j=i(3590),b=i(9664),P=i(7802),I=i(8141),k=i(4414);function S(t){const[e,i,n,o,r]=(0,c.A)(),l=(0,m.Xd)("whatmoreUITheme"),s=(0,m.Xd)("whatmoreShowViews"),a=(0,m.Xd)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,u,y]=(0,C.A)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:["56411783377"===a&&(0,k.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginTop:"10px"},children:(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center",filter:"drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2))"},children:(0,k.jsx)(I.A,{width:.15*i,height:.15*i})})}),"show"===s?(0,k.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,k.jsx)(j.A,{event:g,fontSize:.07*i+"px"})})}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,P.Hl)(g,a)?(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"28062416930"===a?void 0:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:"28062416930"===a?"110%":.95*i,height:"28062416930"===a?"20%":p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,f.YcK)(a),borderColor:(0,f.Fwt)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,k.jsx)("div",{ref:x,children:u&&(0,f.imx)(a)?(0,k.jsx)(b.Ay,{event:g,onClick:()=>{var e,i;(0,f.gq8)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,f.BLb)(a)?i.product_link+"?"+(0,f.VCz)(a)+"&"+(0,f.Spk)(a)+"&"+(0,f.$lz)(a):i.product_link):t.onClick(g)}}):(0,k.jsx)("div",{height:"20px"})})}):(0,k.jsx)(k.Fragment,{})]})})}var F=function(t){var e,i,o;const[r,l,s,a,d]=(0,c.A)();var p=(0,n.useContext)(y.h);const h=(0,m.Xd)("whatmoreUITheme"),x=(0,m.Xd)("whatmoreShopId"),u=(0,m.Xd)("whatmoreSecondaryColorShade600"),g=t.event,w=t.onClick,C=null===(e=t.isOnFocus)||void 0===e||e,j=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,b=null!==(o=t.animateOnFocus&&(0,f.n5O)(x))&&void 0!==o&&o,I=(0,f.nP1)(x)?.7:.8,F=r*I+"px",_=1-I,A=r*_,O=r*_+"px",M=r*_*.1,L=(0,f.VYo)(x),R="56411783377"==x?1:1.2;return(0,k.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:r*R+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"28062416930"===x?void 0:"round"===h?L:null,borderWidth:(0,f.YcK)(x),borderColor:(0,f.Fwt)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?C?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{w(g)},children:[(0,k.jsx)(v.A,{height:F,width:"100%",url:g.thumbnail_image,isPlaying:C||j,event:g}),(0,f.Q$)(x)&&(0,P.Hl)(g,x)&&"56411783377"!==x?(0,k.jsx)("div",{style:{width:"100%",height:O,backgroundColor:u}}):(0,k.jsx)(k.Fragment,{})]}),(0,f.Q$)(x)&&(0,k.jsx)(S,{event:g,isOnFocus:C,PRODUCT_BOX_HEIGHT:A,PRODUCT_BOX_HEIGHT_IN_PX:O,PRODUCT_BOX_MARGIN:M,onClick:w})]})},_=i(6157),A=i(1351),O=i(6641);const M=(0,a.A)({key:"whatmore-css-hv"});function L(t){const[e,i,o]=(0,c.A)(),[r,l,s]=(0,h.A)(),a=(0,m.Xd)("whatmoreShopId"),p=t.events,x=t.onClick,u=o*(0,f.kcl)(a),y=(0,f.cbh)(a),[w,v]=(0,n.useState)(Math.min(p.length,y?p.length:u+5)),{whatmoreWidgetSourceDetails:C}=(0,n.useContext)(g.B);return(0,n.useEffect)((()=>{w<u+5&&v((t=>Math.min(t+5,p.length)))}),[u,5]),(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:s,height:"fit-content"},children:(0,k.jsx)(d.RC,{slidesPerView:p.length>1?"56411783377"==a?2:u:1,initialSlide:"25075712047"===a||"56411783377"==a?0:p.length>1?1:0,centeredSlides:"25075712047"!==a&&"56411783377"!=a,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,A.UM)({userInteractionType:_.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}),t.realIndex>t.previousIndex&&v((t=>Math.min(t+5,p.length)))},loop:(0,f.cbh)(a),children:p.map(((t,e)=>e<=w&&(0,k.jsx)(d.qr,{children:({isActive:e,isPrev:i,isNext:n,isVisible:o})=>(0,k.jsx)(F,{isOnFocus:("56411783377"==a||e)&&o,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{x(t)}})},"whatmore-event-tile-portrait-"+t.index)))})})})}function R(t){const[e,i,o,r]=(0,c.A)(),[l,s]=(0,n.useState)(-1),a=(0,m.Xd)("whatmoreShopId"),h=t.onClick,x=t.events,y=(0,f.cbh)(a),[v,C]=(0,n.useState)(y?x.length:o),j=Math.min(o,x.length),{whatmoreWidgetSourceDetails:b}=(0,n.useContext)(g.B);return(0,n.useEffect)((()=>{v<=o&&C((t=>t+o))}),[o]),(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,k.jsx)("div",{style:{width:i*j*1.1+"px"},children:(0,k.jsx)(d.RC,{slidesPerView:j,watchSlidesProgress:!0,modules:[p.Vx],navigation:!0,slidesPerGroup:parseInt(j),onSlideChange:t=>{(0,A.UM)({userInteractionType:_.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:b}),t.realIndex>t.previousIndex&&C((t=>t+o))},spaceBetween:(0,f.If9)(a),loop:(0,f.cbh)(a),children:x.map(((t,e)=>{const i=u()((()=>s(e)),300);return e<=v&&(0,k.jsx)(d.qr,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:({isActive:i,isPrev:n,isNext:o,isVisible:r})=>r?(0,k.jsx)(F,{isOnFocus:e==l,playOnUnfocus:!(0,f.aO7)(a)||e==parseInt(j/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,k.jsx)(w.A,{})},"whatmore-event-tile-landscape-"+t.index)}))})})})}var T=function(t){const[e,i,a]=(0,h.A)(),[d]=(0,m.QN)("whatmorePrimaryColor"),[p]=(0,m.QN)("whatmoreShopId"),[c]=(0,m.QN)("whatmoreTitleFont"),x="portrait"==e?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:u}=(0,n.useContext)(g.B),f=t.events,w=t.onClick,v=c,C=(0,m.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:j}=(0,n.useContext)(g.B);function b(t){w(t)}function P(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,O.Fk)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.Sn.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,k.jsx)(s.C,{value:M,children:(0,k.jsx)("div",{className:"whatmore-carousel-events",children:(0,k.jsx)(o.s,{theme:r.Ay,cssVarsRoot:u,resetCSS:!1,children:(0,k.jsxs)(y.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||j)?(0,k.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-size",x+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:j?"W"!==C?C:"":t.heading})}):(0,k.jsx)(k.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,k.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,k.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-size",x+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:j?"W"!==C?C:"":P(t.heading)[0]}),(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",x+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:j?"W"!==C?C:"":P(t.heading)[1]})]})}):(0,k.jsx)(k.Fragment,{}),"landscape"===e?(0,k.jsx)(R,{events:f,onClick:b}):(0,k.jsx)(L,{events:f,onClick:b})]})})})})}},7136:function(t,e,i){var n=i(9950),o=i(932),r=i(7509),l=i(5830),s=i(4414);e.A=function(t){var[e,i]=(0,o.A)();(0,n.useContext)(r.h);const a=(0,l.Xd)("whatmoreShopId");return t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},7509:function(t,e,i){i.d(e,{h:function(){return n}});const n=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8141:function(t,e,i){i(9950);var n=i(4414);e.A=({width:t=30,height:e=30})=>(0,n.jsxs)("svg",{width:t,height:e,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"30",height:"30",rx:"15",fill:"white"}),(0,n.jsx)("g",{clipPath:"url(#clip0_1_19)",children:(0,n.jsx)("path",{d:"M16.942 9.3568C16.8684 9.32095 16.7862 9.30645 16.7048 9.31496C16.6234 9.32347 16.5461 9.35464 16.4815 9.40493L12.6621 12.375H10.1875C9.95544 12.375 9.73288 12.4672 9.56878 12.6313C9.40469 12.7954 9.3125 13.0179 9.3125 13.25V16.75C9.3125 16.9821 9.40469 17.2046 9.56878 17.3687C9.73288 17.5328 9.95544 17.625 10.1875 17.625H12.6621L16.4815 20.5951C16.5461 20.6453 16.6235 20.6764 16.705 20.6849C16.7864 20.6933 16.8686 20.6787 16.9421 20.6427C17.0157 20.6068 17.0777 20.5509 17.121 20.4815C17.1644 20.4121 17.1874 20.3319 17.1875 20.25V9.75C17.1875 9.66804 17.1645 9.58773 17.1211 9.51821C17.0777 9.44869 17.0156 9.39276 16.942 9.3568ZM16.3125 19.3553L13.081 16.8424C13.0044 16.7824 12.9098 16.7498 12.8125 16.75H10.1875V13.25H12.8125C12.9098 13.2502 13.0044 13.2176 13.081 13.1576L16.3125 10.6447V19.3553ZM21.872 16.003C21.9541 16.0851 22.0002 16.1964 22.0002 16.3125C22.0002 16.4286 21.9541 16.5399 21.872 16.622C21.7899 16.7041 21.6786 16.7502 21.5625 16.7502C21.4464 16.7502 21.3351 16.7041 21.253 16.622L20.25 15.6185L19.247 16.622C19.1649 16.7041 19.0536 16.7502 18.9375 16.7502C18.8214 16.7502 18.7101 16.7041 18.628 16.622C18.5459 16.5399 18.4998 16.4286 18.4998 16.3125C18.4998 16.1964 18.5459 16.0851 18.628 16.003L19.6315 15L18.628 13.997C18.5459 13.9149 18.4998 13.8036 18.4998 13.6875C18.4998 13.5714 18.5459 13.4601 18.628 13.378C18.7101 13.2959 18.8214 13.2498 18.9375 13.2498C19.0536 13.2498 19.1649 13.2959 19.247 13.378L20.25 14.3815L21.253 13.378C21.3351 13.2959 21.4464 13.2498 21.5625 13.2498C21.6786 13.2498 21.7899 13.2959 21.872 13.378C21.9541 13.4601 22.0002 13.5714 22.0002 13.6875C22.0002 13.8036 21.9541 13.9149 21.872 13.997L20.8685 15L21.872 16.003Z",fill:"#1A1A1A"})}),(0,n.jsx)("defs",{children:(0,n.jsx)("clipPath",{id:"clip0_1_19",children:(0,n.jsx)("rect",{width:"14",height:"14",fill:"white",transform:"translate(8 8)"})})})]})},9664:function(t,e,i){var n=i(9950),o=i(5830),r=i(932),l=i(8538),s=i(7458),a=i(2835),d=i(1348),p=i(6594),c=i(5551),h=i(7973),x=i(8149),u=i(7740),m=i(4414);const y=n.lazy((()=>Promise.all([i.e(437),i.e(451),i.e(262),i.e(647),i.e(939)]).then(i.bind(i,9408))));e.Ay=function(t){var e,i,f,g;const w=(0,o.QN)("whatmoreUITheme");var[v,C]=(0,r.A)();const[j]=(0,o.QN)("whatmorePrimaryFont"),[b]=(0,o.QN)("whatmoreSecondaryColorShade900"),[P]=(0,o.QN)("whatmoreShopId"),[I,k]=(0,n.useState)(0),[S,F]=(0,n.useState)(t.event),[_,A]=(0,n.useState)(),[O,M]=(0,n.useState)(!1),L=t.onClick,R=S.products.length,{whatmoreIsPreviewMode:T}=(0,n.useContext)(c.B);if(0==R)return(0,m.jsx)(m.Fragment,{});(0,n.useEffect)((()=>{(0,d.w4b)(P)&&(0,p.fu)(S,(0,d.NCy)(P),P).then((t=>{F(t),M(!0)}));(async()=>{var t;const e=await(0,x.M)(null===S||void 0===S||null===(t=S.products)||void 0===t?void 0:t[0],(0,d.NCy)(P),P);A(e),M(!0)})()}),[]);const N=T,B=.3*C,E=B+"px",W=B+"px",z=.05*C*(0,d.PpQ)(P)+"px",X=.07*C*(0,d.y3u)(P),U=X+"px",V=.05*C;return(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*C,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:L,children:[(0,m.jsx)("div",{style:{width:E,height:W,overflow:"hidden",backgroundColor:"28062416930"===P?void 0:b,borderRadius:"round"==w?"5px":"0px",borderWidth:"0px"==(0,d.YcK)(P)?"2px":(0,d.YcK)(P),borderColor:"28062416930"===P?"white":"white"===(0,d.Fwt)(P)?b:(0,d.Fwt)(P)},children:"28062416930"!==P&&(0,m.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,d.KZe)(P),"important")},src:(0,h.b)(S.products[I].thumbnail_image,"&width=400&height=400"),style:{width:E,height:E,borderRadius:"round"==w?"5px":"0px",backgroundColor:b},alt:"product img"})}),(0,m.jsx)("div",{style:{width:.7*C+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"28062416930"===P?"18px":"2px",borderRadius:"round"==w?"5px":"0px"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"28062416930"===P?"center":"flex-start",alignItems:"center"},children:(0,m.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size","28062416930"===P?"80%":z,"important"),t.style.setProperty("line-height","28062416930"===P?"170%":"140%","important"),t.style.setProperty("font-family",j,"important"),"28062416930"===P?(t.style.setProperty("white-space","nowrap","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("text-align","center","important"),t.style.setProperty("display","block","important")):(t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important")))},style:{textAlign:"28062416930"===P?"center":"left",fontWeight:"medium"},children:(0,l.v)("56411783377"===P?S.products[I].title.split("|")[0].trim():S.products[I].title)})}),(0,m.jsxs)("div",{className:"wht-price-tb",style:{display:"flex",flexFlow:(0,d.vw2)(P)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:"28062416930"===P?"center":(0,d.vw2)(P)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[O&&(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,d.uoB)(P),"important"),t.style.setProperty("font-size",U,"important"),t.style.setProperty("line-height","28062416930"===P?"160%":"140%","important"),t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-weight","28062416930"===P?"bold":void 0,"important"))},style:{textAlign:"28062416930"===P?"center":"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,p.Sb)(parseFloat((0,u.U)()?(null===_||void 0===_?void 0:_.price)/100:null===S||void 0===S||null===(e=S.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",P,S.products[I].currency)]}),(0,s.P)(S.products[I].price,S.products[I].compare_price)&&O?(0,m.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,d.gld)(P),"important"),t.style.setProperty("font-size",.9*X+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",j,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"28062416930"===P?"center":"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,p.Sb)(parseFloat((0,u.U)()?(null===_||void 0===_?void 0:_.compare_at_price)/100:null===S||void 0===S||null===(f=S.products)||void 0===f||null===(g=f[0])||void 0===g?void 0:g.compare_price),"",P,S.products[I].currency)]}):(0,m.jsx)(m.Fragment,{})]}),(0,m.jsx)(a.A,{storeId:P,productId:S.products[I].client_product_id,productLink:S.products[I].product_link,fontSize:V}),"28062416930"===P&&(0,m.jsx)("button",{onClick:L,onMouseEnter:t=>t.target.style.backgroundColor="#555",onMouseLeave:t=>t.target.style.backgroundColor="black",style:{padding:"2px 5px 2px 5px",backgroundColor:"black",color:"#fff",border:"none",cursor:"pointer",fontSize:"12px",fontWeight:"bold",textAlign:"center"},children:"Buy Now"})]})})]},I),(0,d.nP1)(P)||N&&"5141594210"==P?(0,m.jsx)(n.Suspense,{children:(0,m.jsx)(y,{baseFontSize:.05*C,event:S,product:S.products[0],width:.9*C,height:"fit-content"})}):(0,m.jsx)(m.Fragment,{})]})}},9733:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[485],{22:function(t,e,o){o.d(e,{$S:function(){return a},_:function(){return n},b4:function(){return i},dl:function(){return r},nN:function(){return d},tn:function(){return s},vF:function(){return l}});const n="device_type",r="device_mode",i="mobile",l="tablet",a="desktop",s="portrait",d="landscape"},932:function(t,e,o){var n=o(5830),r=o(1941),i=o(22),l=o(1348);e.A=function(t){const[e,o,a]=(0,r.A)(),[s]=(0,n.QN)("whatmoreLandscapePadding"),[d]=(0,n.QN)("whatmoreShopId"),[c]=(0,n.QN)("whatmoreVideoTileSize"),[p]=(0,n.QN)("whatmoreVideoTileSizePortrait"),u=a>=o,h="portrait"==e?p:c,m=!("portrait"!=e||!(a>=481)),y=h/100*1.3*.5,v=h/100;var x=Math.min(a,o),[f,g,w,b]=[.6*x*(16/9),.6*x,1.4,0];function j(t){return Math.round(10*t)/10}var C={DEVICE_TYPE:i.b4,DEVICE_MODE:i.tn};if(u){const t=g*y,e=f*y;[f,g,w,b]=[e,t,(a-2*s-2*(0,l.$du)(d))/(1.1*t),s],C[i._]=i.$S,C[i.dl]=i.nN}else if(m){var S=.8*g,P=.8*f;"portrait"==e?(S*=v,P*=v,[f,g,w,b]=[P,S,j(a/(1.2*S)),0],C[i._]=i.vF,C[i.dl]=i.tn):([f,g,w,b]=[P,S,(a-2*s)/(1.1*S),s],C[i._]=i.vF,C[i.dl]=i.nN)}else{S=g,P=f;"portrait"==e?(S=S*v*.9,P=P*v*.9,[f,g,w,b]=[P,S,j(a/(1.15*S)),0],C[i._]=i.b4,C[i.dl]=i.tn):(S=.7*g,P=.7*f,[f,g,w,b]=[P,S,(a-2*s)/(1.1*S),s],C[i._]=i.b4,C[i.dl]=i.nN)}return[f,g,w,b,C]}},4063:function(t,e,o){var n=o(9950),r=o(3247),i=o(3731),l=o(5830),a=o(5144),s=o(4414);e.A=function(t){var e,o;const[d,c]=(0,n.useState)(!1),[p,u]=(0,n.useState)(!1),[h]=(0,l.QN)("whatmoreSecondaryColor"),[m]=(0,l.QN)("whatmoreSecondaryColorShade600"),[y]=(0,l.QN)("whatmoreSecondaryColorShade300"),[v]=(0,l.QN)("whatmorePrimaryFont"),x=t.onClick,f=t.icon,g=null!==(e=t.borderRadius)&&void 0!==e?e:"sm",w=null!==(o=t.baseFontSize)&&void 0!==o?o:12;return(0,s.jsxs)(r.az,{display:"flex",alignItems:"center",width:"fit-content",height:"fit-content",boxShadow:"lg",borderRadius:g,backgroundColor:d?y:h,animation:p?a.jd:null,padding:"6px 12px",cursor:"pointer",gap:"6px",onClick:t=>{t.stopPropagation(),u(!0),x()},onMouseEnter:()=>{c(!0)},onMouseLeave:()=>{c(!1)},children:[(0,s.jsx)(i.E,{fontSize:w+"px !important",fontWeight:"normal",sx:{fontFamily:v+" !important",color:"white !important"},children:"VIEW MORE"}),f]})}},4826:function(){},7136:function(t,e,o){var n=o(9950),r=o(932),i=o(7509),l=o(5830),a=o(4414);e.A=function(t){var[e,o]=(0,r.A)();(0,n.useContext)(i.h);const s=(0,l.Xd)("whatmoreShopId");return t.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%":e,overflow:"hidden"}})}},7509:function(t,e,o){o.d(e,{h:function(){return n}});const n=(0,o(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},9418:function(t,e,o){o.r(e),o.d(e,{default:function(){return D}});var n=o(9950),r=(o(4826),o(340)),i=o(5873),l=o(5089),a=(o(3997),o(4669),o(9733),o(4365),o(7229),o(572)),s=o(8603),d=o(932),c=o(1941),p=o(5491),u=o.n(p),h=o(5830),m=o(7509),y=o(7136),v=o(1348),x=o(5551),f=o(1351),g=o(6157),w=o(9879),b=o(8538),j=o(6594),C=o(22),S=o(6613),P=o(8149),M=o(7740),N=o(7035),k=o(6305),I=o(4833),_=o(4533),E=o(4414);var A=function(t){var e,o,r,i,l,a,s,c,p,u,y,A,T,z,R,O,F,D;const[L,W,X,$,B]=(0,d.A)(),Q=(0,h.Xd)("whatmoreShopId"),Y=(0,h.Xd)("whatmoreLandingLocationType"),U="portrait"===B[C.dl],H=(U?1.076*W*(0,v.HWj)(Q):W*(0,v.N_4)(Q))+"px",V=(U?1.076*W*(0,v.HWj)(Q):W*(0,v.N_4)(Q))+"px",q=(U?.965*W*(0,v.HWj)(Q):.859*W*(0,v.N_4)(Q))+"px",[G,K]=(0,n.useState)(t.event),J=(0,h.Xd)("whatmoreSecondaryColor");var Z=(0,n.useContext)(m.h);const tt=null===(e=t.isOnFocus)||void 0===e||e,et=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,ot=t.onClick,nt=(0,h.Xd)("whatmoreUITheme"),rt=(0,h.Xd)("websiteLanguage"),it=null!==(r=t.animateOnFocus&&(0,v.n5O)(Q))&&void 0!==r&&r,[lt,at]=(0,n.useState)(!1),st=(0,h.Xd)("whatmorePrimaryFont"),dt=null!==(i=null===(l=G.products)||void 0===l?void 0:l.find((t=>"active"==t.product_status)))&&void 0!==i?i:null===(a=G.products)||void 0===a?void 0:a[0],ct=dt&&Object.keys(dt).length>0,pt=Math.round(+(null===dt||void 0===dt?void 0:dt.price)),ut=Math.round(+(null===dt||void 0===dt?void 0:dt.compare_price)),ht=ut&&0!=ut&&ut>pt?Math.round((ut-pt)/ut*100):NaN,[mt,yt]=(0,n.useState)(ht),[vt,xt]=(0,n.useState)(),{whatmoreIsPreviewMode:ft,whatmoreWidgetSourceDetails:gt,whatmoreUserInfo:wt}=(0,n.useContext)(x.B),[bt,jt]=(0,n.useState)(!1),[Ct,St,Pt,Mt,Nt,kt]=(0,k.A)(0,dt,G),It=ct&&(0,v.mRH)(Q),_t=ct&&(0,v.VhI)(Q);(0,n.useEffect)((()=>{if(ct&&(0,v.w4b)(Q)&&(0,j.fu)(G,(0,v.NCy)(Q),Q).then((t=>{var e,o,n;K(t),(null===t||void 0===t||null===(e=t.products)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.discount)&&yt(null===t||void 0===t||null===(n=t.products[0])||void 0===n?void 0:n.discount),at(!0)})),ct){(async()=>{const t=await(0,P.M)(dt,(0,v.NCy)(Q),Q);xt(t),at(!0)})()}}),[ct]);const Et=t=>{if(t.stopPropagation(),!ct)return;const e=gt.landingLocationType,o=gt.templateType,n=(0,I.Wd)(e)+(0,I.gf)(o)+(null!==G&&void 0!==G&&G.isRelatedEvent?"R":"E")+"_"+(null===G||void 0===G?void 0:G.event_id);(0,_.Ch)(G.event_id,G.products,"homepage","carousel",n,null===G||void 0===G?void 0:G.location,null===wt||void 0===wt?void 0:wt.userType),"init"==Ct.state?(Nt(n),(0,f.kz)({userInteractionType:g.O.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:gt,event:G,productList:[dt],ctaList:G.cta})):"awaitingVariantSelection"==Ct.state&&kt(null,n)};return(0,E.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",Z.tileTopMargin+"px"),t.style.setProperty("margin-bottom",Z.tileBottomMMargin+"px"))},className:it&&!U?tt?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:W},onClick:()=>{ot(G)},onMouseEnter:()=>jt(!0),onMouseLeave:()=>jt(!1),children:[(0,E.jsxs)("div",{style:{borderRadius:"round"==nt?"5%":"0px",boxShadow:"round"==nt?"0px 0px 5px 0px #B0B0B0":null,height:L,borderWidth:(0,v.YcK)(Q),borderColor:(0,v.Fwt)(Q),overflow:"hidden",position:"relative"},children:[(0,E.jsx)(w.A,{height:(0,v.u06)(Q)+" !important",width:"100%",url:G.thumbnail_image,isPlaying:tt||et||(0,S.At)(),event:G}),_t&&ct&&(bt||U)&&(0,E.jsx)("div",{style:{position:"absolute",bottom:0,left:0,right:0,background:bt||U?"rgba(0, 0, 0, 0.75)":"rgba(0, 0, 0, 0.6)",padding:"12px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease",cursor:"pointer",transform:bt||U?"translateY(0)":"translateY(100%)",opacity:bt||U?1:0},onClick:Et,onMouseEnter:t=>{t.target.style.background="rgba(0, 0, 0, 0.85)"},onMouseLeave:t=>{t.target.style.background="rgba(0, 0, 0, 0.75)"},children:(0,E.jsx)("span",{style:{color:"white",fontSize:H,fontFamily:st,fontWeight:"500",textAlign:"center",letterSpacing:"0.5px"},children:"ADD TO CART"})})]}),(0,E.jsxs)("div",{className:"wht-prod-info",style:{display:(0,v.AmR)(Q)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:"5px",alignItems:"flex-start",minHeight:It?"110px":"auto",justifyContent:It?"space-between":"flex-start"},children:[ct&&(0,E.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.m5c)(Q),"important"),t.style.setProperty("font-size","45034766485"==Q&&"product"==Y?"9px":H),t.style.setProperty("line-height","120%"),t.style.setProperty("font-family",st,"important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,b.v)(null===dt||void 0===dt?void 0:dt.title)}),ct&<&&(0,v.Nzx)(Q)&&(0,E.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,v.vw2)(Q)?"row":"row-reverse",justifyContent:(0,v.vw2)(Q)?"flex-start":"flex-end",alignItems:"center"},children:[(0,E.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.m5c)(Q),"important"),t.style.setProperty("font-size","45034766485"==Q&&"product"==Y?"8px":V),t.style.setProperty("font-family",st,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,v.i6j)(Q)?"normal":"bold"},children:(0,j.Sb)(parseFloat((0,M.U)()?(null!==(s=null===vt||void 0===vt||null===(c=vt.variants)||void 0===c||null===(p=c[0])||void 0===p?void 0:p.price)&&void 0!==s?s:null===vt||void 0===vt?void 0:vt.price)/100:(null===dt||void 0===dt?void 0:dt.price)>0?null===dt||void 0===dt?void 0:dt.price:null===dt||void 0===dt?void 0:dt.price_max)," ",Q,null===(u=G.products[0])||void 0===u?void 0:u.currency)}),!isNaN(ut)&&ut>pt&&(0,E.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.gld)(Q),"important"),t.style.setProperty("font-size",V),t.style.setProperty("font-family",st,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,j.Sb)(parseFloat((0,M.U)()?(null!==(y=null===vt||void 0===vt||null===(A=vt.variants)||void 0===A||null===(T=A[0])||void 0===T?void 0:T.compare_at_price)&&void 0!==y?y:null===vt||void 0===vt?void 0:vt.compare_at_price)/100:null===dt||void 0===dt?void 0:dt.compare_price)," ",Q,null===(z=G.products[0])||void 0===z?void 0:z.currency)}),(0,v.Nzx)(Q)&&!isNaN(mt)&&0!=mt&<&&It&&(0,E.jsx)("div",{style:{display:(0,v.QNr)(Q)?"flex":"none",backgroundColor:"green"===(0,v.ub$)(Q)?"#343434"===J?(0,v.ub$)(Q):J:(0,v.ub$)(Q),alignItems:"center",borderRadius:(0,v.v8m)(Q)+"px",width:"fit-content",padding:(0,v.Cf)(Q)?"3px 6px":"0px"},children:(0,v.Cf)(Q)?(0,E.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.BRY)(Q),"important"),t.style.setProperty("font-size",q,"important"),t.style.setProperty("font-family",st,"important"),t.style.setProperty("font-weight","normal","important"))},children:`${mt}% ${null!==(R=null===N.m||void 0===N.m||null===(O=N.m[rt])||void 0===O?void 0:O.off)&&void 0!==R?R:"off"}`}):(0,E.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v._zx)(Q),"important"),t.style.setProperty("font-size",q,"important"),t.style.setProperty("font-family",(0,v.ogW)(Q),"important"))},children:(0,v.rsz)(Q)})})]}),ct&&(0,v.Nzx)(Q)&&!isNaN(mt)&&0!=mt&<&&!It&&(0,E.jsx)("div",{style:{display:(0,v.QNr)(Q)?"flex":"none",backgroundColor:"green"===(0,v.ub$)(Q)?"#343434"===J?(0,v.ub$)(Q):J:(0,v.ub$)(Q),alignItems:"center",borderRadius:(0,v.v8m)(Q)+"px",width:"fit-content",padding:(0,v.Cf)(Q)?"3px 6px":"0px"},children:(0,v.Cf)(Q)?(0,E.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.BRY)(Q),"important"),t.style.setProperty("font-size",q,"important"),t.style.setProperty("font-family",st,"important"),t.style.setProperty("font-weight","normal","important"))},children:`${mt}% ${null!==(F=null===N.m||void 0===N.m||null===(D=N.m[rt])||void 0===D?void 0:D.off)&&void 0!==F?F:"off"}`}):(0,E.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v._zx)(Q),"important"),t.style.setProperty("font-size",q,"important"),t.style.setProperty("font-family",(0,v.ogW)(Q),"important"))},children:(0,v.rsz)(Q)})}),It&&(0,E.jsx)("button",{style:{backgroundColor:J,color:"white",border:"none",borderRadius:"4px",padding:"8px 16px",fontSize:H,fontFamily:st,fontWeight:"500",cursor:"pointer",textAlign:"center",letterSpacing:"0.5px",transition:"opacity 0.2s ease",width:U?"90%":"70%",marginTop:"auto",alignSelf:"flex-start"},onClick:Et,onMouseEnter:t=>{t.target.style.opacity="0.8"},onMouseLeave:t=>{t.target.style.opacity="1"},children:"ADD TO CART"})]})]})},T=o(6641),z=o(4063);const R=(0,s.A)({key:"whatmore-css-hv"});function O(t){const[e,o,r]=(0,d.A)(),i=(0,h.Xd)("whatmoreShopId"),l=(0,h.Xd)("whatmoreLandingLocationType"),a=t.events,s=t.onClick,{whatmoreWidgetSourceDetails:c}=(0,n.useContext)(x.B),p=Math.ceil(r),u=2*p,[m,w]=(0,n.useState)(u),[b,j]=(0,n.useState)(2*p),C=0===(0,v.If9)(i)?24:(0,v.If9)(i),[S,P]=(0,n.useState)({touchX:0,touchY:0}),M=()=>(0,E.jsx)("div",{className:"navigation-button-next-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,E.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),N=()=>(0,E.jsx)("div",{className:"navigation-button-prev-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,E.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),k=t=>{if("next"===t){const t=2;j((t=>Math.min(t+Math.floor(r),a.length+p+1))),w((e=>Math.min(e+t,a.length+p+1)))}else j((t=>Math.max(t-Math.floor(r),u)));(0,f.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:c})};return(0,E.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:t=>{P({touchX:t.touches[0].clientX,touchY:t.touches[0].clientY})},onTouchEnd:t=>{var e,o,n,r;const i=(null===(e=t.changedTouches)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.clientX)-S.touchX,l=(null===(n=t.changedTouches)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.clientY)-S.touchY;Math.sqrt(i**2+l**2)>10&&Math.abs(i)>Math.abs(l)&&k(i>0?"prev":"next")},children:[(0,v.JSQ)(i)&&(0,E.jsxs)(E.Fragment,{children:[b<=a.length+p&&(0,E.jsx)("div",{onClick:()=>k("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,E.jsx)(M,{})}),b>2*p&&(0,E.jsx)("div",{onClick:()=>k("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,E.jsx)(N,{})})]}),(0,E.jsx)("div",{style:{display:"flex",gap:C,transform:`translateX(-${(b-u)*(o+C)}px)`,transition:"transform 0.4s ease-in-out"},children:a.map(((t,e)=>e<m?(0,E.jsx)("div",{children:(0,E.jsx)(A,{isOnFocus:e<=b-p-1&&e>=Math.max(0,b-u),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>s(t)})},`whatmore-carousel-tile-${e}`):(0,E.jsx)(y.A,{})))})]})}function F(t){const[e,o,r,i]=(0,d.A)(),[l,a]=(0,n.useState)(-1),s=(0,h.Xd)("whatmoreShopId"),[c,p]=(0,n.useState)("next"),m=t.onClick,y=t.events,{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(x.B),b=Math.min(Math.ceil(r),y.length),[j,C]=(0,n.useState)(0),S=0===(0,v.If9)(s)?24:(0,v.If9)(s),P=()=>(0,E.jsx)("div",{children:(0,E.jsx)("button",{onClick:I,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,E.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),M=()=>(0,E.jsx)("div",{children:(0,E.jsx)("button",{onClick:k,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,E.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{j<=b&&C((t=>t+b))}),[b]);const N=()=>{a(-1)},k=()=>{j!==b&&(p("prev"),C((t=>Math.max(Math.ceil(t-r),b))),(0,f.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},I=()=>{j>y.length+r||(p("next"),C((t=>Math.floor(t+r))),(0,f.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},_=j>y.length?y.length-b+1:j-b,T=j>=y.length?y.length:_+b,z=y.slice(_,T);return(0,E.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[j!==b&&(0,E.jsx)("div",{style:{position:"absolute",left:i+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:(0,E.jsx)(M,{})}),(0,E.jsx)("div",{className:"wht-hide-scrollbar",style:{display:"flex",gap:S+"px",width:o*r*(0,v.fHt)(s)+"px",justifyContent:y.length>b?"flex-start":"center",overflow:"auto"},children:z.map(((t,e)=>{const o=`whatmore-event-tile-landscape-${t.index}${e===b-1?"-last":""}`,n=e===l;return(0,E.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===c?"next":"prev"),onMouseEnter:()=>(t=>{const e=u()((()=>a(t)),300);return e(),e.cancel})(e),onMouseLeave:N,children:(0,E.jsx)(A,{isOnFocus:n,playOnUnfocus:!(0,v.aO7)(s)||e==parseInt(b/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>(t=>{m(t)})(t)})},o)}))}),j<y.length&&(0,E.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:(0,E.jsx)(P,{})})]})}var D=function(t){const[e,o,s]=(0,c.A)(),[d]=(0,h.QN)("whatmoreShopId"),[p]=(0,h.QN)("whatmorePrimaryColor"),[u]=(0,h.QN)("whatmoreSecondaryColor"),[y]=(0,h.QN)("whatmoreTitleFont"),f="portrait"==e?(0,h.Xd)("whatmoreTitleFontSizePortrait"):(0,h.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,n.useContext)(x.B),w=((0,h.Xd)("isInDesignMode"),(0,h.Xd)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:b}=(0,n.useContext)(x.B),j=t.events,C=t.onClick,S=y;function P(t){C(t)}return(0,n.useEffect)((()=>{(0,T.Fk)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{i.Sn.forEach((t=>{var e;const o=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&t&&(t.style.minHeight="0px")}))}),[]),delete l.Ay.styles.global,(0,E.jsx)(a.C,{value:R,children:(0,E.jsx)("div",{className:"whatmore-carousel-events",children:(0,E.jsx)(r.s,{theme:l.Ay,cssVarsRoot:g,resetCSS:!1,children:(0,E.jsxs)(m.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:10,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||b?(0,E.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"62636458233"==d?"flex-start":"center"},children:(0,E.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",S,"important"),t.style.setProperty("font-size",f+"px"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,v.Odx)(d),lineHeight:(0,v.L0y)(d),letterSpacing:(0,v.l3V)(d)},children:b?"W"!==w?w:"":t.heading})}):(0,E.jsx)(E.Fragment,{}),"landscape"===e?(0,E.jsx)(F,{events:j,onClick:P}):(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(O,{events:"45034766485"==d?j.slice(0,5):j,onClick:P}),"45034766485"==d&&(0,E.jsx)("div",{className:"wht-tf-view-cta",style:{display:"flex",justifyContent:"center",margin:"8px 0px"},children:(0,E.jsx)(z.A,{baseFontSize:.5*f,onClick:()=>P(null===j||void 0===j?void 0:j[5])})})]})]})})})})}},9733:function(){}}]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[933,939],{22:function(t,e,n){n.d(e,{$S:function(){return a},_:function(){return i},b4:function(){return r},dl:function(){return o},nN:function(){return d},tn:function(){return s},vF:function(){return l}});const i="device_type",o="device_mode",r="mobile",l="tablet",a="desktop",s="portrait",d="landscape"},932:function(t,e,n){var i=n(5830),o=n(1941),r=n(22),l=n(1348);e.A=function(t){const[e,n,a]=(0,o.A)(),[s]=(0,i.QN)("whatmoreLandscapePadding"),[d]=(0,i.QN)("whatmoreShopId"),[c]=(0,i.QN)("whatmoreVideoTileSize"),[p]=(0,i.QN)("whatmoreVideoTileSizePortrait"),h=a>=
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[933,939],{22:function(t,e,n){n.d(e,{$S:function(){return a},_:function(){return i},b4:function(){return r},dl:function(){return o},nN:function(){return d},tn:function(){return s},vF:function(){return l}});const i="device_type",o="device_mode",r="mobile",l="tablet",a="desktop",s="portrait",d="landscape"},932:function(t,e,n){var i=n(5830),o=n(1941),r=n(22),l=n(1348);e.A=function(t){const[e,n,a]=(0,o.A)(),[s]=(0,i.QN)("whatmoreLandscapePadding"),[d]=(0,i.QN)("whatmoreShopId"),[c]=(0,i.QN)("whatmoreVideoTileSize"),[p]=(0,i.QN)("whatmoreVideoTileSizePortrait"),h=a>=n,u="portrait"==e?p:c,m=!("portrait"!=e||!(a>=481)),f=u/100*1.3*.5,x=u/100;var y=Math.min(a,n),[g,v,w,b]=[.6*y*(16/9),.6*y,1.4,0];function j(t){return Math.round(10*t)/10}var C={DEVICE_TYPE:r.b4,DEVICE_MODE:r.tn};if(h){const t=v*f,e=g*f;[g,v,w,b]=[e,t,(a-2*s-2*(0,l.$du)(d))/(1.1*t),s],C[r._]=r.$S,C[r.dl]=r.nN}else if(m){var P=.8*v,k=.8*g;"portrait"==e?(P*=x,k*=x,[g,v,w,b]=[k,P,j(a/(1.2*P)),0],C[r._]=r.vF,C[r.dl]=r.tn):([g,v,w,b]=[k,P,(a-2*s)/(1.1*P),s],C[r._]=r.vF,C[r.dl]=r.nN)}else{P=v,k=g;"portrait"==e?(P=P*x*.9,k=k*x*.9,[g,v,w,b]=[k,P,j(a/(1.15*P)),0],C[r._]=r.b4,C[r.dl]=r.tn):(P=.7*v,k=.7*g,[g,v,w,b]=[k,P,(a-2*s)/(1.1*P),s],C[r._]=r.b4,C[r.dl]=r.nN)}return[g,v,w,b,C]}},2209:function(t,e,n){var i=n(4994);e.A=void 0;var o=i(n(9526)),r=n(4414);e.A=(0,o.default)((0,r.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"}),"Cancel")},3590:function(t,e,n){var i=n(2375),o=n(1348),r=n(5830),l=n(4414);function a(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.A=function(t){const e=(0,r.Xd)("whatmoreUITheme"),n=(0,r.Xd)("whatmoreShopId"),s=(0,r.Xd)("whatmorePrimaryFont"),d=t.event,c=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const p=(0,o.FVo)(n);return"template-icon"==p?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.sIk)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.YcK)(n),borderColor:(0,o.Fwt)(n)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(i.A,{sx:{color:(0,o.s0t)(n)+" !important",fontSize:c,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.s0t)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",s,"important"),t.style.setProperty("font-size",c,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+a(d.total_views)+" "})})]})})}):"template-text"==p?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.sIk)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.YcK)(n),borderColor:(0,o.Fwt)(n)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.s0t)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",s,"important"))},style:{fontSize:c,fontWeight:"bold"},children:" "+a(d.total_views)+" views"})})})})}):void 0}},3852:function(t,e,n){n.d(e,{A:function(){return v}});var i=n(3247),o=n(1422),r=n(3731),l=n(211),a=n(9950),s=n(932),d=n(5242),c=n(8781),p=n(8283);const h=p.i7`
|
|
2
2
|
0% {
|
|
3
3
|
transform: scale(1);
|
|
4
4
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[676],{22:function(t,e,n){n.d(e,{$S:function(){return s},_:function(){return i},b4:function(){return o},dl:function(){return r},nN:function(){return d},tn:function(){return a},vF:function(){return l}});const i="device_type",r="device_mode",o="mobile",l="tablet",s="desktop",a="portrait",d="landscape"},932:function(t,e,n){var i=n(5830),r=n(1941),o=n(22),l=n(1348);e.A=function(t){const[e,n,s]=(0,r.A)(),[a]=(0,i.QN)("whatmoreLandscapePadding"),[d]=(0,i.QN)("whatmoreShopId"),[c]=(0,i.QN)("whatmoreVideoTileSize"),[u]=(0,i.QN)("whatmoreVideoTileSizePortrait"),p=s>=n,h="portrait"==e?u:c,f=!("portrait"!=e||!(s>=481)),v=h/100*1.3*.5,m=h/100;var x=Math.min(s,n),[y,w,g,b]=[.6*x*(16/9),.6*x,1.4,0];function C(t){return Math.round(10*t)/10}var j={DEVICE_TYPE:o.b4,DEVICE_MODE:o.tn};if(p){const t=w*v,e=y*v;[y,w,g,b]=[e,t,(s-2*a-2*(0,l.$du)(d))/(1.1*t),a],j[o._]=o.$S,j[o.dl]=o.nN}else if(f){var P=.8*w,S=.8*y;"portrait"==e?(P*=m,S*=m,[y,w,g,b]=[S,P,C(s/(1.2*P)),0],j[o._]=o.vF,j[o.dl]=o.tn):([y,w,g,b]=[S,P,(s-2*a)/(1.1*P),a],j[o._]=o.vF,j[o.dl]=o.nN)}else{P=w,S=y;"portrait"==e?(P=P*m*.9,S=S*m*.9,[y,w,g,b]=[S,P,C(s/(1.15*P)),0],j[o._]=o.b4,j[o.dl]=o.tn):(P=.7*w,S=.7*y,[y,w,g,b]=[S,P,(s-2*a)/(1.1*P),a],j[o._]=o.b4,j[o.dl]=o.nN)}return[y,w,g,b,j]}},1131:function(t,e,n){var i=n(4994);e.A=void 0;var r=i(n(9526)),o=n(4414);e.A=(0,r.default)([(0,o.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z",opacity:".3"},"0"),(0,o.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2m6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z"},"1")],"ShoppingBagTwoTone")},3369:function(t,e,n){n.r(e),n.d(e,{default:function(){return O}});var i=n(9950),r=n(340),o=n(5089),l=n(5873),s=(n(3997),n(9130),n(4669),n(9733),n(4365),n(7229),n(6042),n(572)),a=n(8603),d=n(9946),c=n(9094),u=n(932),p=n(1941),h=n(5491),f=n.n(h),v=n(5830),m=n(7509),x=n(7136),y=n(1348),w=n(5551),g=n(1351),b=n(6157),C=n(6641),j=(n(4826),n(9879)),P=n(4616),S=n(6649),I=n(6613),k=n(1131),_=n(8141),A=n(4414);function E(t){const[e]=(0,v.QN)("whatmoreShopId"),[n,i,r,o,l]=(0,u.A)(),[s,a,d]=(0,S.A)({triggerOnce:!0}),c=t.event,p=(0,I.At)()?t.isOnFocus:a;return(0,A.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,A.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:["56411783377"===e&&(0,A.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginTop:"10px"},children:(0,A.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center",filter:"drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2))"},children:(0,A.jsx)(_.A,{width:.15*i,height:.15*i})})}),(0,A.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,A.jsx)("p",{children:" "})}),(0,A.jsx)("div",{ref:s,children:p&&(0,y.imx)(e)?(0,A.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,A.jsx)(P.A,{event:c})}):(0,A.jsx)("div",{height:"20px"})})]})})}var F=function(t){var e,n,r,o,l,s,a,d;const[c,p,h,f,x]=(0,u.A)();var w=(0,i.useContext)(m.h);const g=(0,v.Xd)("whatmoreUITheme"),b=(0,v.Xd)("whatmoreShopId"),C=(0,v.Xd)("whatmorePrimaryFont"),P=(0,v.Xd)("whatmoreSecondaryColor"),S=t.event,I=t.onClick,_=null===(e=t.isOnFocus)||void 0===e||e,F=null!==(n=t.playOnUnfocus)&&void 0!==n&&n,N=null!==(r=t.animateOnFocus&&(0,y.n5O)(b))&&void 0!==r&&r,L=(0,y.VYo)(b);return(0,A.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",w.tileTopMargin+"px"),t.style.setProperty("margin-bottom",w.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==b||"19501891"==b?void 0:p,aspectRatio:"8968077397"==b||"19501891"==b?9/16:void 0,height:"8968077397"==b||"19501891"==b?"100%":c,borderRadius:"round"==g?"5px":"0px",boxShadow:"round"==g||"61187850326"==b||"19501891"==b?L:null,borderWidth:(0,y.YcK)(b),borderColor:(0,y.Fwt)(b),overflow:"hidden",cursor:"pointer",position:"relative"},className:N?_?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{var t,e,n;if("12326200"==b&&"image"==S.event_type&&(null===(t=S.products)||void 0===t?void 0:t.length)>0&&"oos"!=(null===(e=S.products)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.product_status)){var i,r;window.location.href=null===(i=S.products)||void 0===i||null===(r=i[0])||void 0===r?void 0:r.product_link}else{if("12326200"==b&&"image"==S.event_type)return;var o,l,s,a,d,c,u,p,h,f,v,m,x,y,w,g;if("10588815418"==b){if(null!==(o=S.cta)&&void 0!==o&&null!==(l=o[0])&&void 0!==l&&null!==(s=l.cta_link)&&void 0!==s&&s.includes("whatmore")&&""!=(null===(a=S.cta)||void 0===a||null===(d=a[1])||void 0===d?void 0:d.cta_link)&&""==(null===(c=S.cta)||void 0===c||null===(u=c[1])||void 0===u?void 0:u.cta_title))window.location.href=null===(w=S.cta)||void 0===w||null===(g=w[1])||void 0===g?void 0:g.cta_link;else if(null!==(p=S.cta)&&void 0!==p&&null!==(h=p[1])&&void 0!==h&&null!==(f=h.cta_link)&&void 0!==f&&f.includes("whatmore")&&""!=(null===(v=S.cta)||void 0===v||null===(m=v[0])||void 0===m?void 0:m.cta_link)&&""==(null===(x=S.cta)||void 0===x||null===(y=x[0])||void 0===y?void 0:y.cta_title)){var C,j;window.location.href=null===(C=S.cta)||void 0===C||null===(j=C[0])||void 0===j?void 0:j.cta_link}}else I(S)}},children:[(0,A.jsx)(j.A,{height:(0,y.u06)(b)+" !important",width:"100%",url:S.thumbnail_image,isPlaying:_||F,event:S}),""!==(null===S||void 0===S?void 0:S.title)?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:"wht-overlay-text",style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis"},children:(0,A.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"1px",alignItems:"center"},children:[(0,A.jsx)("p",{style:{fontFamily:C,fontSize:.1*p+"px",fontWeight:"600"},children:"12326200"==b?null===S||void 0===S||null===(o=S.title)||void 0===o?void 0:o.slice(7):null===S||void 0===S?void 0:S.title}),"12326200"==b&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("p",{style:{fontFamily:'"brandon-grotesque"',fontSize:.08*p+"px",fontWeight:"normal"},children:null===S||void 0===S||null===(l=S.title)||void 0===l?void 0:l.slice(0,7)}),(null===(s=S.products)||void 0===s?void 0:s.length)>0&&"oos"!=(null===(a=S.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.product_status)&&(0,A.jsx)("button",{style:{display:"flex",alignItems:"center",borderRadius:"200px",marginTop:"4px",backgroundColor:P,padding:"8px 28px"},children:(0,A.jsx)("p",{style:{fontFamily:'"brandon-grotesque"',fontSize:.05*p+"px",fontWeight:"normal"},children:"SHOP NOW"})})]})]})}),(0,A.jsx)("div",{className:"wht-shopping-icon",style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,A.jsx)(k.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,y.Q$)(b)&&(0,A.jsxs)("div",{style:{width:p,height:c},children:[(0,A.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix"}),(0,A.jsx)(E,{event:S,unfocusedDisplay:!_,isOnFocus:_})]})]})};const N=(0,a.A)({key:"whatmore-css-hv"});function L(t){const[e,n,r]=(0,u.A)(),[o,l,s]=(0,p.A)(),a=(0,v.Xd)("whatmoreShopId"),c=t.events,h=t.onClick,f=r*(0,y.kcl)(a),m=(0,y.cbh)(a),[C,j]=(0,i.useState)(m?c.length:f),{whatmoreWidgetSourceDetails:P}=(0,i.useContext)(w.B);return(0,i.useEffect)((()=>{C<=f&&j((t=>t+f))}),[f]),(0,A.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,A.jsx)("div",{style:{width:s,height:"fit-content"},children:(0,A.jsx)(d.RC,{slidesPerView:2,initialSlide:0,centeredSlides:!1,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:1,onSlideChange:t=>{(0,g.UM)({userInteractionType:b.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:P}),t.realIndex>t.previousIndex&&j((t=>t+f))},loop:m,children:c.map(((t,e)=>e<=C&&(0,A.jsx)(d.qr,{children:({isActive:e,isPrev:n,isNext:i,isVisible:r})=>n||i||e?(0,A.jsx)(F,{isOnFocus:r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,A.jsx)(x.A,{})},"whatmore-event-tile-portrait-"+t.index)))})})})}function M(t){const[e,n,r,o]=(0,u.A)(),[l,s]=(0,i.useState)(-1),a=(0,v.Xd)("whatmoreShopId"),[p]=(0,v.QN)("whatmoreLandingLocationType"),h=t.onClick,m=t.events,C=(0,y.cbh)(a),[j,P]=(0,i.useState)(C?m.length:r),S=Math.min(r,m.length),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(w.B),k=(0,i.useRef)(null);return(0,i.useEffect)((()=>{if(k.current){const t=n*S*(0,y.fHt)(a)+"px";m.length<4?k.current.style.setProperty("width",t,"important"):k.current.style.width=t}}),[n,S,a,j,m.length]),(0,i.useEffect)((()=>{j<=r&&P((t=>t+r))}),[r]),(0,A.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:o+"px",paddingRight:o+"px"},className:"whatmore-events-carousel-landscape",children:(0,A.jsx)("div",{ref:k,style:{height:"100%"},children:(0,A.jsx)(d.RC,{slidesPerView:"product"===p&&"87174349065"===a?2:S,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:parseInt(S),onSlideChange:t=>{(0,g.UM)({userInteractionType:b.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),t.realIndex>t.previousIndex&&P((t=>t+r))},spaceBetween:0,loop:C&&m.length>4,style:{height:"100%"},children:m.map(((t,e)=>{const n=f()((()=>s(e)),300);return e<=j&&(0,A.jsx)(d.qr,{onMouseEnter:()=>{n()},onMouseLeave:()=>{n.cancel(),s(-1)},style:{height:"100%"},children:({isActive:n,isPrev:i,isNext:r,isVisible:o})=>o||i||r?(0,A.jsx)(F,{isOnFocus:e==l,playOnUnfocus:!(0,y.aO7)(a)||e==parseInt(S/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,A.jsx)(x.A,{})},"whatmore-event-tile-landscape-"+t.index)}))})})})}var O=function(t){const[e,n,a]=(0,p.A)(),[d]=(0,v.QN)("whatmoreShopId"),[c]=(0,v.QN)("whatmorePrimaryColor"),[u]=(0,v.QN)("whatmoreTitleFont"),h="portrait"==e?(0,v.Xd)("whatmoreTitleFontSizePortrait"):(0,v.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:f}=(0,i.useContext)(w.B),x=(0,v.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:g}=(0,i.useContext)(w.B),b=t.events,j=t.onClick,P=u;function S(t){j(t)}return(0,i.useEffect)((()=>{(0,C.Fk)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{l.Sn.forEach((t=>{var e;const n=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-g"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-g"]');if(!n)return;n&&t&&(t.style.minHeight="0px")}))}),[]),delete o.Ay.styles.global,(0,A.jsx)(s.C,{value:N,children:(0,A.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,A.jsx)(r.s,{theme:o.Ay,cssVarsRoot:f,resetCSS:!1,children:(0,A.jsxs)(m.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||g?(0,A.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,A.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",P),t.style.setProperty("font-size",h+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,y.Odx)(d),lineHeight:(0,y.L0y)(d),letterSpacing:(0,y.l3V)(d)},children:g?"W"!==x?x:"":t.heading})}):(0,A.jsx)(A.Fragment,{}),"landscape"===e?(0,A.jsx)(M,{events:b,onClick:S}):(0,A.jsx)(L,{events:b,onClick:S})]})})})})}},3997:function(){},4616:function(t,e,n){var i=n(9950),r=n(5830),o=n(932),l=n(8538),s=(n(4826),n(1348)),a=n(7973),d=n(4414);e.A=function(t){var e,n,c,u,[p,h]=(0,o.A)();const f=(0,r.Xd)("whatmoreUITheme"),[v]=(0,r.QN)("whatmorePrimaryFont"),[m,x]=(0,i.useState)(0),y=(0,r.Xd)("whatmoreShopId"),w=t.event;if(0==w.products.length)return(0,d.jsx)(d.Fragment,{});const g=.3*h,b=g+"px",C=g+"px",j=.07*h,P=j+"px";return(0,d.jsx)("div",{style:{width:h+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,d.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",C,"important")},style:{width:(0,s.H$k)(y)?b:"auto",boxShadow:"round"==f?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==f?"5px":"0px",borderWidth:(0,s.YcK)(y),borderColor:(0,s.Fwt)(y),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,s.KZe)(y),"important"),t.style.setProperty("max-width",b,"important"))},src:(0,a.b)(w.products[m].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==f?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:h-5-g+"px",height:"100%",borderRadius:"round"==f?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",P),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",v,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,l.v)(w.products[m].title)})}),(0,s.gZ6)(y)&&(null===(e=w.products[m])||void 0===e||null===(n=e.product_metadata)||void 0===n?void 0:n.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:h-5-g+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==f?"3px":"0"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",h-5-g+"px","important"),t.style.setProperty("font-size",.7*j+"px","important"),t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(c=w.products[m])||void 0===c||null===(u=c.product_metadata)||void 0===u?void 0:u.product_type})})]})]},m)})}},4669:function(){},4826:function(){},6042:function(){},6474:function(t,e,n){n.r(e),n.d(e,{capitalize:function(){return r.A},createChainedFunction:function(){return o},createSvgIcon:function(){return l.A},debounce:function(){return s},deprecatedPropType:function(){return a},isMuiElement:function(){return u},ownerDocument:function(){return h},ownerWindow:function(){return f},requirePropFactory:function(){return v},setRef:function(){return x},unstable_ClassNameGenerator:function(){return R},unstable_useEnhancedEffect:function(){return w},unstable_useId:function(){return C},unsupportedProp:function(){return j},useControlled:function(){return P},useEventCallback:function(){return S},useForkRef:function(){return I},useIsFocusVisible:function(){return T}});var i=n(4501),r=n(1676);var o=function(...t){return t.reduce(((t,e)=>null==e?t:function(...n){t.apply(this,n),e.apply(this,n)}),(()=>{}))},l=n(3059);var s=function(t,e=166){let n;function i(...i){clearTimeout(n),n=setTimeout((()=>{t.apply(this,i)}),e)}return i.clear=()=>{clearTimeout(n)},i};var a=function(t,e){return()=>null},d=n(9950),c=n.t(d,2);var u=function(t,e){var n,i;return d.isValidElement(t)&&-1!==e.indexOf(null!=(n=t.type.muiName)?n:null==(i=t.type)||null==(i=i._payload)||null==(i=i.value)?void 0:i.muiName)};function p(t){return t&&t.ownerDocument||document}var h=p;var f=function(t){return p(t).defaultView||window};var v=function(t,e){return()=>null};function m(t,e){"function"===typeof t?t(e):t&&(t.current=e)}var x=m;var y="undefined"!==typeof window?d.useLayoutEffect:d.useEffect,w=y;let g=0;const b=c["useId".toString()];var C=function(t){if(void 0!==b){const e=b();return null!=t?t:e}return function(t){const[e,n]=d.useState(t),i=t||e;return d.useEffect((()=>{null==e&&(g+=1,n(`mui-${g}`))}),[e]),i}(t)};var j=function(t,e,n,i,r){return null};var P=function({controlled:t,default:e,name:n,state:i="value"}){const{current:r}=d.useRef(void 0!==t),[o,l]=d.useState(e);return[r?t:o,d.useCallback((t=>{r||l(t)}),[])]};var S=function(t){const e=d.useRef(t);return y((()=>{e.current=t})),d.useRef(((...t)=>(0,e.current)(...t))).current};var I=function(...t){return d.useMemo((()=>t.every((t=>null==t))?null:e=>{t.forEach((t=>{m(t,e)}))}),t)};class k{constructor(){this.currentId=null,this.clear=()=>{null!==this.currentId&&(clearTimeout(this.currentId),this.currentId=null)},this.disposeEffect=()=>this.clear}static create(){return new k}start(t,e){this.clear(),this.currentId=setTimeout((()=>{this.currentId=null,e()}),t)}}let _=!0,A=!1;const E=new k,F={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function N(t){t.metaKey||t.altKey||t.ctrlKey||(_=!0)}function L(){_=!1}function M(){"hidden"===this.visibilityState&&A&&(_=!0)}function O(t){const{target:e}=t;try{return e.matches(":focus-visible")}catch(n){}return _||function(t){const{type:e,tagName:n}=t;return!("INPUT"!==n||!F[e]||t.readOnly)||"TEXTAREA"===n&&!t.readOnly||!!t.isContentEditable}(e)}var T=function(){const t=d.useCallback((t=>{var e;null!=t&&((e=t.ownerDocument).addEventListener("keydown",N,!0),e.addEventListener("mousedown",L,!0),e.addEventListener("pointerdown",L,!0),e.addEventListener("touchstart",L,!0),e.addEventListener("visibilitychange",M,!0))}),[]),e=d.useRef(!1);return{isFocusVisibleRef:e,onFocus:function(t){return!!O(t)&&(e.current=!0,!0)},onBlur:function(){return!!e.current&&(A=!0,E.start(100,(()=>{A=!1})),e.current=!1,!0)},ref:t}};const R={configure:t=>{i.A.configure(t)}}},7136:function(t,e,n){var i=n(9950),r=n(932),o=n(7509),l=n(5830),s=n(4414);e.A=function(t){var[e,n]=(0,r.A)();(0,i.useContext)(o.h);const a=(0,l.Xd)("whatmoreShopId");return t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:n,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},7229:function(){},7509:function(t,e,n){n.d(e,{h:function(){return i}});const i=(0,n(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7973:function(t,e,n){n.d(e,{B:function(){return l},b:function(){return o}});var i=n(1348),r=n(5830);function o(t,e=""){const n=(0,r.Xd)("whatmoreShopId");return"shopify"!=(0,i.NCy)(n)?"STRNV8MHJTF"==n?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],i=/\.(jpeg|jpg|gif|png|svg|webp)$/i,r=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==i&&void 0!==i&&i.test(n)?"image":null!==r&&void 0!==r&&r.test(n)?"video":void 0}},8141:function(t,e,n){n(9950);var i=n(4414);e.A=({width:t=30,height:e=30})=>(0,i.jsxs)("svg",{width:t,height:e,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{width:"30",height:"30",rx:"15",fill:"white"}),(0,i.jsx)("g",{clipPath:"url(#clip0_1_19)",children:(0,i.jsx)("path",{d:"M16.942 9.3568C16.8684 9.32095 16.7862 9.30645 16.7048 9.31496C16.6234 9.32347 16.5461 9.35464 16.4815 9.40493L12.6621 12.375H10.1875C9.95544 12.375 9.73288 12.4672 9.56878 12.6313C9.40469 12.7954 9.3125 13.0179 9.3125 13.25V16.75C9.3125 16.9821 9.40469 17.2046 9.56878 17.3687C9.73288 17.5328 9.95544 17.625 10.1875 17.625H12.6621L16.4815 20.5951C16.5461 20.6453 16.6235 20.6764 16.705 20.6849C16.7864 20.6933 16.8686 20.6787 16.9421 20.6427C17.0157 20.6068 17.0777 20.5509 17.121 20.4815C17.1644 20.4121 17.1874 20.3319 17.1875 20.25V9.75C17.1875 9.66804 17.1645 9.58773 17.1211 9.51821C17.0777 9.44869 17.0156 9.39276 16.942 9.3568ZM16.3125 19.3553L13.081 16.8424C13.0044 16.7824 12.9098 16.7498 12.8125 16.75H10.1875V13.25H12.8125C12.9098 13.2502 13.0044 13.2176 13.081 13.1576L16.3125 10.6447V19.3553ZM21.872 16.003C21.9541 16.0851 22.0002 16.1964 22.0002 16.3125C22.0002 16.4286 21.9541 16.5399 21.872 16.622C21.7899 16.7041 21.6786 16.7502 21.5625 16.7502C21.4464 16.7502 21.3351 16.7041 21.253 16.622L20.25 15.6185L19.247 16.622C19.1649 16.7041 19.0536 16.7502 18.9375 16.7502C18.8214 16.7502 18.7101 16.7041 18.628 16.622C18.5459 16.5399 18.4998 16.4286 18.4998 16.3125C18.4998 16.1964 18.5459 16.0851 18.628 16.003L19.6315 15L18.628 13.997C18.5459 13.9149 18.4998 13.8036 18.4998 13.6875C18.4998 13.5714 18.5459 13.4601 18.628 13.378C18.7101 13.2959 18.8214 13.2498 18.9375 13.2498C19.0536 13.2498 19.1649 13.2959 19.247 13.378L20.25 14.3815L21.253 13.378C21.3351 13.2959 21.4464 13.2498 21.5625 13.2498C21.6786 13.2498 21.7899 13.2959 21.872 13.378C21.9541 13.4601 22.0002 13.5714 22.0002 13.6875C22.0002 13.8036 21.9541 13.9149 21.872 13.997L20.8685 15L21.872 16.003Z",fill:"#1A1A1A"})}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_1_19",children:(0,i.jsx)("rect",{width:"14",height:"14",fill:"white",transform:"translate(8 8)"})})})]})},8538:function(t,e,n){n.d(e,{v:function(){return r}});var i=n(5830);function r(t,e){const n=(0,i.Xd)("whatmoreShopId");return"undefined"==typeof t||"undefined"==t||null==t?"":"6873415750"==n||"72442478904"==n||"58562281529"==n?t:"66168324332"==n&&"prod-tile"!=e?null===t||void 0===t||null===(r=t.split("- "))||void 0===r?void 0:r[0]:t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}));var r}},9130:function(){},9526:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return i.createSvgIcon}});var i=n(6474)},9733:function(){}}]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[116],{22:function(t,n,e){e.d(n,{$S:function(){return s},_:function(){return r},b4:function(){return o},dl:function(){return i},nN:function(){return l},tn:function(){return c},vF:function(){return a}});const r="device_type",i="device_mode",o="mobile",a="tablet",s="desktop",c="portrait",l="landscape"},932:function(t,n,e){var r=e(5830),i=e(1941),o=e(22),a=e(1348);n.A=function(t){const[n,e,s]=(0,i.A)(),[c]=(0,r.QN)("whatmoreLandscapePadding"),[l]=(0,r.QN)("whatmoreShopId"),[u]=(0,r.QN)("whatmoreVideoTileSize"),[d]=(0,r.QN)("whatmoreVideoTileSizePortrait"),f=s>=
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[116],{22:function(t,n,e){e.d(n,{$S:function(){return s},_:function(){return r},b4:function(){return o},dl:function(){return i},nN:function(){return l},tn:function(){return c},vF:function(){return a}});const r="device_type",i="device_mode",o="mobile",a="tablet",s="desktop",c="portrait",l="landscape"},932:function(t,n,e){var r=e(5830),i=e(1941),o=e(22),a=e(1348);n.A=function(t){const[n,e,s]=(0,i.A)(),[c]=(0,r.QN)("whatmoreLandscapePadding"),[l]=(0,r.QN)("whatmoreShopId"),[u]=(0,r.QN)("whatmoreVideoTileSize"),[d]=(0,r.QN)("whatmoreVideoTileSizePortrait"),f=s>=e,h="portrait"==n?d:u,m=!("portrait"!=n||!(s>=481)),p=h/100*1.3*.5,g=h/100;var v=Math.min(s,e),[x,w,y,b]=[.6*v*(16/9),.6*v,1.4,0];function j(t){return Math.round(10*t)/10}var C={DEVICE_TYPE:o.b4,DEVICE_MODE:o.tn};if(f){const t=w*p,n=x*p;[x,w,y,b]=[n,t,(s-2*c-2*(0,a.$du)(l))/(1.1*t),c],C[o._]=o.$S,C[o.dl]=o.nN}else if(m){var M=.8*w,S=.8*x;"portrait"==n?(M*=g,S*=g,[x,w,y,b]=[S,M,j(s/(1.2*M)),0],C[o._]=o.vF,C[o.dl]=o.tn):([x,w,y,b]=[S,M,(s-2*c)/(1.1*M),c],C[o._]=o.vF,C[o.dl]=o.nN)}else{M=w,S=x;"portrait"==n?(M=M*g*.9,S=S*g*.9,[x,w,y,b]=[S,M,j(s/(1.15*M)),0],C[o._]=o.b4,C[o.dl]=o.tn):(M=.7*w,S=.7*x,[x,w,y,b]=[S,M,(s-2*c)/(1.1*M),c],C[o._]=o.b4,C[o.dl]=o.nN)}return[x,w,y,b,C]}},3852:function(t,n,e){e.d(n,{A:function(){return w}});var r=e(3247),i=e(1422),o=e(3731),a=e(211),s=e(9950),c=e(932),l=e(5242),u=e(8781),d=e(8283);const f=d.i7`
|
|
2
2
|
0% {
|
|
3
3
|
transform: scale(1);
|
|
4
4
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[1],{22:function(e,t,i){i.d(t,{$S:function(){return a},_:function(){return n},b4:function(){return r},dl:function(){return o},nN:function(){return s},tn:function(){return d},vF:function(){return l}});const n="device_type",o="device_mode",r="mobile",l="tablet",a="desktop",d="portrait",s="landscape"},932:function(e,t,i){var n=i(5830),o=i(1941),r=i(22),l=i(1348);t.A=function(e){const[t,i,a]=(0,o.A)(),[d]=(0,n.QN)("whatmoreLandscapePadding"),[s]=(0,n.QN)("whatmoreShopId"),[c]=(0,n.QN)("whatmoreVideoTileSize"),[p]=(0,n.QN)("whatmoreVideoTileSizePortrait"),h=a>=i,u="portrait"==t?p:c,m=!("portrait"!=t||!(a>=481)),x=u/100*1.3*.5,f=u/100;var v=Math.min(a,i),[w,g,y,b]=[.6*v*(16/9),.6*v,1.4,0];function j(e){return Math.round(10*e)/10}var S={DEVICE_TYPE:r.b4,DEVICE_MODE:r.tn};if(h){const e=g*x,t=w*x;[w,g,y,b]=[t,e,(a-2*d-2*(0,l.$du)(s))/(1.1*e),d],S[r._]=r.$S,S[r.dl]=r.nN}else if(m){var A=.8*g,E=.8*w;"portrait"==t?(A*=f,E*=f,[w,g,y,b]=[E,A,j(a/(1.2*A)),0],S[r._]=r.vF,S[r.dl]=r.tn):([w,g,y,b]=[E,A,(a-2*d)/(1.1*A),d],S[r._]=r.vF,S[r.dl]=r.nN)}else{A=g,E=w;"portrait"==t?(A=A*f*.9,E=E*f*.9,[w,g,y,b]=[E,A,j(a/(1.15*A)),0],S[r._]=r.b4,S[r.dl]=r.tn):(A=.7*g,E=.7*w,[w,g,y,b]=[E,A,(a-2*d)/(1.1*A),d],S[r._]=r.b4,S[r.dl]=r.nN)}return[w,g,y,b,S]}},3997:function(){},4596:function(e,t,i){i.r(t),i.d(t,{default:function(){return A}});var n=i(9950),o=i(340),r=i(5089),l=i(5873),a=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(572)),d=i(8603),s=i(1941),c=i(5830),p=i(7509),h=i(5551),u=i(1348),m=(i(6125),i(6614),i(9879)),x=i(932),f=i(8538),v=i(4414);var w=function(e){var t,i;const[o,r,l,a,d]=(0,x.A)(),s=(0,c.Xd)("whatmoreSecondaryColor"),p=(0,c.Xd)("whatmorePrimaryFont"),h=(0,c.Xd)("whatmoreShopId"),w=(0,c.Xd)("whatmoreVideoTileSize"),g=(0,c.Xd)("whatmoreVideoTileSizePortrait"),y="portrait"===e.mode?g:w,[b,j]=(0,n.useState)(!1),S=(0,u.ivI)(h),A=e.event,E=e.onClick,C=e.removeBorders,P=r*y*.01,z=(0,u.esc)(h);let N=null!==(t=(0,u.qAx)(h))&&void 0!==t?t:[s,S,s,S,s];return Array.isArray(N)||(N=Array(5).fill(N)),(0,v.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:C?"2px":(0,u.FZM)(h)+"px",marginTop:C?"2px":"5px",marginBottom:C?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),E(A)},className:[b?"whatmore-scale-on-tap":""].join(" "),children:[(0,v.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:C?"":"0px 1px 1px 0px "+N[0]+"50, 0px -1px 1px 0px "+N[1]+"50, 1px 0px 1px 0px "+N[2]+"50, -1px 0px 1px 0px "+N[3]+"80, 1px -1px 1px 0px "+N[4]+"80, -1px 1px 1px 0px "+N[0]+"DA, 1px 1px 1px 0px "+N[1]+"DA, -1px -1px 1px 0px "+N[2]+"DA"},children:(0,v.jsx)(v.Fragment,{children:(0,v.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P*z+"px",width:P*z+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden",border:"3px solid white"},children:(0,v.jsx)(m.A,{height:"100%",width:"100%",url:A.thumbnail_image,isPlaying:!0,event:A})})})}),(0,v.jsx)("div",{className:"wht-car-vid-title",style:{display:"flex",justifyContent:"center",width:P*z+"px",fontFamily:p,paddingTop:"10px",fontSize:null!==(i=e.fontSize)&&void 0!==i?i:10},children:(0,v.jsx)("p",{ref:e=>{e&&(e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"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,f.v)(A.title)})})]})},g=i(8385),y=i(6641),b=i(5901),j=i(6649);const S=(0,d.A)({key:"whatmore-css-cv"});var A=function(e){const[t]=(0,s.A)(),[i,d]=(0,x.A)(),m=(0,c.Xd)("whatmoreVideoTileSize"),f=(0,c.Xd)("whatmoreVideoTileSizePortrait"),A="portrait"===t?f:m,E="portrait"==t?0:(0,c.Xd)("whatmoreLandscapePadding"),C=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),P=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:z}=(0,n.useContext)(h.B),N=e.events,k=e.onClick,{whatmoreIsCollectionsTemplate:L,whatmoreIsPreviewMode:F}=(0,n.useContext)(h.B);function I(e){k(e)}const[R,M,Q]=(0,j.A)({triggerOnce:!1});delete r.Ay.styles.global;const X=.055*d;var V=[];for(let n=0;n<N.length;)V.push((0,v.jsx)(w,{mode:t,event:N[n],onClick:()=>{I(N[n-1])},removeBorders:(0,u.U74)(P),fontSize:.8*X},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,y.Fk)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.Sn.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]),"8111554613"!=P||"landscape"!=t||F?(0,v.jsx)(a.C,{value:S,children:(0,v.jsx)("div",{className:L?"whatmore-collection-events":"whatmore-carousel-events",children:(0,v.jsx)(o.s,{theme:r.Ay,cssVarsRoot:z,resetCSS:!1,children:(0,v.jsxs)(p.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,v.jsx)("div",{ref:R,style:{marginLeft:E+"px",marginRight:E+"px"},children:(0,v.jsx)(g.c,{renderElement:e=>(0,v.jsx)(v.Fragment,{children:e.eventData}),dataList:V,spacing:C,defaultHeight:i*A*.01+"px",defaultWidth:d*A*.01+"px",retainAlreadyRenderedElements:!0})}),(0,u.wQ2)(P)&&!M&&-1==e.index&&(0,v.jsx)(b.A,{event:N[0],inVideoClick:I,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})}):(0,v.jsx)(v.Fragment,{})}},4669:function(){},5901:function(e,t,i){i.d(t,{A:function(){return v}});var n=i(1005),o=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,n,o,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[l.dl]===l.nN?c/100:s/100*1.2;return[t*p,i*p,r]},c=i(5727),p=i(1628),h=i.n(p),u=i(2209),m=i(6702),x=(i(9733),i(4365),i(1348)),f=i(4414);var v=function(e){var t;const i=o.useRef(null);var[d,p,v]=s();const w=(0,a.Xd)("whatmoreUITheme"),[g]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[A]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),C=(0,a.Xd)("whatmoreShopId"),P=(0,a.Xd)("isWhatmorePreviewMode");var z=y,N=b,k=j;v[l.dl]===l.nN&&(z=S,N=A,k=E);const[L,F]=(0,o.useState)(["initial",window.pageYOffset]),[I,R]=(0,o.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,Q=v[l.dl]===l.nN?.7*(0,x.O86)(C):(0,x.O86)(C),X=M?Q:1;d*=X,p*=X;const V=M?(0,x.LrK)(C):z,_=M?(0,x._2D)(C):(0,x.GSq)(C),[T,B]=(0,o.useState)(!M&&(0,x.n8Q)(C));function D(e,t){F(e),e[1]<=100?R(!1):t!=I&&(R(t),B(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(D([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[L]),(0,n.j)({ref:i,handler:()=>{D(["scrolled-up",L[1]],!0)}});const H=e.event,O=e.inVideoClick,q=e.closeClick,W=.3*p,U=.6*p,Y=.1*p,$=.1*(.5*p),G="round"==w?"10px":"0px",K=(0,x.GvQ)(C);var Z=!1,J=0,ee=0;function te(e){Z=e}return(0,f.jsx)("div",{className:"wht-popup",children:T&&!_?(0,f.jsx)(f.Fragment,{}):I&&_?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:M?(0,x.pUQ)(C)+"px":k+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:M?(0,x.pUQ)(C)+"px":k+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{onClick:()=>{D(["initial",L[1]],!1)},style:{margin:"1px",width:p+"px",height:d+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.A,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(u.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:q})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.A,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",bounds:P?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,J=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{Z&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):O(H)},children:(0,f.jsx)("div",{ref:i,style:"left"===V?{left:M?(0,x.D2A)(C)+"px":N+"px",bottom:M?(0,x.pUQ)(C)+"px":k+"px",position:"fixed",zIndex:K}:{right:M?(0,x.D2A)(C)+"px":N+"px",bottom:M?(0,x.pUQ)(C)+"px":k+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==C?d+"px":p+"px",height:e.isSpotlight&&"60122562760"==C?p+"px":d+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==C?16/9:9/16},children:(0,f.jsx)(r.A,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(u.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:q,style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.A,{sx:{color:(0,x.KFN)(C),fontSize:U+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},6042:function(){},6125:function(){},6614:function(){},7229:function(){},7509:function(e,t,i){i.d(t,{h:function(){return n}});const n=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,i){i.d(t,{c:function(){return a}});var n=i(6649),o=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,o]=(0,n.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function a(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(l,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},8538:function(e,t,i){i.d(t,{v:function(){return o}});var n=i(5830);function o(e,t){const i=(0,n.Xd)("whatmoreShopId");return"undefined"==typeof e||"undefined"==e||null==e?"":"6873415750"==i||"72442478904"==i||"58562281529"==i?e:"66168324332"==i&&"prod-tile"!=t?null===e||void 0===e||null===(o=e.split("- "))||void 0===o?void 0:o[0]:e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()}));var o}},9130:function(){},9733:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[774],{22:function(e,t,n){n.d(t,{$S:function(){return a},_:function(){return i},b4:function(){return r},dl:function(){return o},nN:function(){return c},tn:function(){return l},vF:function(){return d}});const i="device_type",o="device_mode",r="mobile",d="tablet",a="desktop",l="portrait",c="landscape"},69:function(e,t,n){n.d(t,{Ij:function(){return r},bi:function(){return d}});let i,o=!1;function r(){return i?i.play().then((()=>{o=!0,console.debug("iOS autoplay restrictions bypassed."),i.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function d(){i||(i=document.createElement("video"),i.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",i.muted=!0,i.playsInline=!0,i.style.display="none",document.body.appendChild(i));const e=()=>{o||r()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},932:function(e,t,n){var i=n(5830),o=n(1941),r=n(22),d=n(1348);t.A=function(e){const[t,n,a]=(0,o.A)(),[l]=(0,i.QN)("whatmoreLandscapePadding"),[c]=(0,i.QN)("whatmoreShopId"),[s]=(0,i.QN)("whatmoreVideoTileSize"),[u]=(0,i.QN)("whatmoreVideoTileSizePortrait"),p=a>=n,v="portrait"==t?u:s,h=!("portrait"!=t||!(a>=481)),m=v/100*1.3*.5,f=v/100;var w=Math.min(a,n),[g,_,x,y]=[.6*w*(16/9),.6*w,1.4,0];function b(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:r.b4,DEVICE_MODE:r.tn};if(p){const e=_*m,t=g*m;[g,_,x,y]=[t,e,(a-2*l-2*(0,d.$du)(c))/(1.1*e),l],E[r._]=r.$S,E[r.dl]=r.nN}else if(h){var S=.8*_,I=.8*g;"portrait"==t?(S*=f,I*=f,[g,_,x,y]=[I,S,b(a/(1.2*S)),0],E[r._]=r.vF,E[r.dl]=r.tn):([g,_,x,y]=[I,S,(a-2*l)/(1.1*S),l],E[r._]=r.vF,E[r.dl]=r.nN)}else{S=_,I=g;"portrait"==t?(S=S*f*.9,I=I*f*.9,[g,_,x,y]=[I,S,b(a/(1.15*S)),0],E[r._]=r.b4,E[r.dl]=r.tn):(S=.7*_,I=.7*g,[g,_,x,y]=[I,S,(a-2*l)/(1.1*S),l],E[r._]=r.b4,E[r.dl]=r.nN)}return[g,_,x,y,E]}},1351:function(e,t,n){n.d(t,{PG:function(){return l},kz:function(){return c},UM:function(){return u},yP:function(){return p},DG:function(){return s}});var i=n(1348),o=n(3330),r=n(6157);function d(e,t,n={},i){var o;const d=l[e];if(!d)return;const a=d.isActionEnabled(),c=null===i||void 0===i||null===(o=i.meta_actions)||void 0===o?void 0:o[d.customAction];(a||c)&&"function"==typeof fbq&&(async()=>{const i={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===r.O.VIDEO_PLAYBACK&&{watch_time:n.watch_time,video_duration:n.video_duration}};fbq("trackCustom",d.action,i),c&&setTimeout((()=>{null===c||void 0===c||c.forEach((e=>{fbq("trackCustom",e,i)}))}),500)})()}var a=n(7145);const l={[r.O.EVENT_VIEW]:{isActionEnabled:i.NFF,action:"whatmore_video_click_event",customAction:"video_clicked"},[r.O.VIDEO_PLAYBACK]:{isActionEnabled:i.Eel,action:"whatmore_video_watch_event",customAction:"video_watched"},[r.O.VIDEO_LIKED]:{isActionEnabled:i.Mz3,action:"whatmore_video_like_event",customAction:"video_liked"},[r.O.VIDEO_SHARE_CTA_CLICKED]:{isActionEnabled:i.OLZ,action:"whatmore_video_share_event",customAction:"video_shared"},[r.O.SHOPNOW_ATC_CLICKED]:{isActionEnabled:i.T9r,action:"whatmore_video_atc_event",customAction:"video_atc_clicked"},[r.O.PRODUCT_TILE_ATC_CLICKED]:{isActionEnabled:i.T9r,action:"whatmore_video_atc_event",customAction:"video_atc_clicked"},[r.O.SHOPNOW_CLICKED]:{isActionEnabled:i.nEf,action:"whatmore_product_tile_click_event",customAction:"video_product_tile_clicked"},[r.O.PRODUCT_TILE_SHOPNOW_CLICKED]:{isActionEnabled:i.nEf,action:"whatmore_product_tile_click_event",customAction:"video_product_tile_clicked"}};function c({userInteractionType:e,userInteractionMetadata:t,widgetSourceDetails:n,event:i,productList:r,ctaList:c}){var s,u,p,v;((0,a.B)({userInteractionType:e,userInteractionMetadata:t,widgetSourceDetails:n,event:i,productList:r,ctaList:c}),e in l)&&(d(e,null!==(s=null===r||void 0===r?void 0:r[1])&&void 0!==s?s:null===r||void 0===r?void 0:r[0],t,i),(0,o.n)({page_type:n.landingLocationType,selection_type:e,video_name:i.event_id,video_percentage:"NA",product_name:null!==(u=null===r||void 0===r||null===(p=r[1])||void 0===p?void 0:p.title)&&void 0!==u?u:null===r||void 0===r||null===(v=r[0])||void 0===v?void 0:v.title}))}function s({userInteractionType:e,userInteractionMetadata:t,widgetSourceDetails:n,event:i,productList:r,ctaList:c}){var s,u,p,v;((0,a.B)({userInteractionType:e,userInteractionMetadata:t,widgetSourceDetails:n,event:i,productList:r,ctaList:c}),e in l)&&(d(e,null!==(s=null===r||void 0===r?void 0:r[1])&&void 0!==s?s:null===r||void 0===r?void 0:r[0],t,i),(0,o.n)({page_type:n.landingLocationType,selection_type:e,video_name:i.event_id,video_percentage:t.video_duration>0?Math.ceil(t.watch_time/t.video_duration*100):"NA",product_name:null!==(u=null===r||void 0===r||null===(p=r[1])||void 0===p?void 0:p.title)&&void 0!==u?u:null===r||void 0===r||null===(v=r[0])||void 0===v?void 0:v.title}))}function u({userInteractionType:e,userInteractionMetadata:t,widgetSourceDetails:n,event:i,productList:r,ctaList:d}){var c,s,u;((0,a.B)({userInteractionType:e,userInteractionMetadata:t,widgetSourceDetails:n,event:i,productList:r,ctaList:d}),e in l)&&(0,o.n)({page_type:n.landingLocationType,selection_type:e,video_name:i.event_id,video_percentage:"NA",product_name:null!==(c=null===r||void 0===r||null===(s=r[1])||void 0===s?void 0:s.title)&&void 0!==c?c:null===r||void 0===r||null===(u=r[0])||void 0===u?void 0:u.title})}function p({userInteractionType:e,userInteractionMetadata:t,widgetSourceDetails:n,event:i,productList:o,ctaList:r}){(0,a.B)({userInteractionType:e,userInteractionMetadata:t,widgetSourceDetails:n,event:i,productList:o,ctaList:r})}},3389:function(e,t,n){n.r(t);var i=n(9950),o=n(1348),r=n(964),d=n(5830),a=n(140),l=n(4533),c=n(5901),s=n(1085),u=n(6613),p=n(3330),v=(n(3262),n(572)),h=n(8603),m=n(2039),f=n(4833),w=n(5551),g=n(1351),_=n(6157),x=n(2979),y=n(6641),b=n(8945),E=n(9821),S=n(69),I=n(4414);const A=(0,h.A)({key:"whatmore-css-ppv"}),j=i.lazy((()=>Promise.all([n.e(304),n.e(946),n.e(437),n.e(451),n.e(987),n.e(647),n.e(210),n.e(592)]).then(n.bind(n,5647)))),L=i.lazy((()=>n.e(374).then(n.bind(n,5100))));function P(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[h,T]=(0,i.useState)(),[N]=(0,d.QN)("isInDesignMode"),[C]=(0,d.QN)("isDemoBrand"),[O]=(0,d.QN)("whatmoreEmbedAppUseVariant"),[D,k]=(0,i.useState)(-2),[z]=(0,d.QN)("whatmoreVariantId"),[V]=(0,d.QN)("whatmoreShopId");var[M]=(0,d.QN)("whatmoreProductId");const Q=(0,d.Xd)("isLandingSharedLink"),R=(0,d.Xd)("whatmoreShareTemplateId"),F=(0,d.Xd)("whatmoreShareEventId"),$=Q&&"template-embed"===(0,f.Mm)(R),[B,K]=(0,i.useState)($);M=(0,o.BcY)(V)?function(e){if("STRR72TX6AT"==e){var t;const e=null===(t=window.location.pathname)||void 0===t?void 0:t.split("/");return e[e.length-1]}return"STR6HARJ3QY"==e||"STRI4V3OYCH"==e?P(window.location.href).split("/").pop():P(window.location.href)}(V):M;const[U,W]=(0,i.useState)((()=>"true"===O?z:M));var H=r.$$+"/v2/brand/"+V+"/product-events";const{whatmoreWidgetSourceDetails:Y}=(0,i.useContext)(w.B);(0,i.useEffect)((()=>{(0,p.initializeGA)(V),(0,y.Fk)("Video shopping powered by Whatmore!"),(0,l.wm)()}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||h||!(0,u.MN)()||(0,d.Xd)("whatmoreVideoPlayerPoolInitiated")||((0,E._)()?(0,s.Pc)(s.F5):(0,S.bi)())}),[t]),(0,i.useEffect)((()=>{if(k(-1),(0,o.WH1)(V)){const e=`${r.$$}/v2/brand/${V}/product-events/recommendation`,t=(0,o.buK)(V);fetch(`${e}?client_product_id=${U}&limit=10&recommended=${!t}&origin=${window.location.hostname}&status=live,upcoming&event_type=video`).then((e=>e.json())).then((e=>{const i=null===e||void 0===e?void 0:e.events;if((null===i||void 0===i?void 0:i.length)>0){var o;const r=t?null===e||void 0===e?void 0:e.all_events:null===e||void 0===e||null===(o=e.related_events)||void 0===o?void 0:o.map((e=>({...e,isRelatedEvent:!0})));n([...i,...r])}else n([])})).catch((e=>T(e.message)))}else fetch(H.toString()+"?client_product_id="+U.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(null!=e&&0!=e.length&&(0,o.vfi)(V)&&(0,o.YOR)(e),n(e),e))).then((e=>((0,o.Uht)(V)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==P(window.location.href))return;const i={product_id:n.product_id,product_link:P(window.location.href)};fetch(r.$$+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,U),e))).catch((e=>{T(e.message)}))}),[U]),(0,i.useEffect)((()=>{var e,n;k(-2),(t&&t.length>0||"Scale"==(0,o.yt9)(V)||"Enterprise"==(0,o.yt9)(V)||"Premium"==(0,o.yt9)(V))&&(0,g.yP)({userInteractionType:_.O.PDP_VISITED,widgetSourceDetails:Y,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(e=t[0])||void 0===e?void 0:e.products,ctaList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.cta})}),[t]),(0,i.useEffect)((()=>{const e=P(window.location.href);let t=history.pushState;history.pushState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),e};let n=history.replaceState;history.replaceState=function(){let e=n.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("24950997070"==V&&window.location.origin+window.location.pathname!=e&&fetch(window.location.origin+window.location.pathname+".json").then((e=>e.json())).then((e=>{var t;return W(null===e||void 0===e||null===(t=e.product)||void 0===t?void 0:t.id)})),"true"===O){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");if(i[0]==e)return i[1]}return!1}("variant");e&&""!==e&&W(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!h&&$&&((0,b.H)("whatmore-video-player",(()=>{K(!1)})),null!=F)){const e=t.find((e=>F==e.event_id));if(e)return void q(e,!0,t.indexOf(e))}}),[t]);const X=Y.landingLocationType,G=Y.templateType,q=async(e,t=!1,n=0)=>{if((0,u.MN)()&&!t&&await((0,E._)()?(0,s.bo)():(0,S.bi)()),(0,m.ij)(e)||(0,m.Il)(e))return N||C||(async()=>{const t=(0,f.Wd)(X)+(0,f.gf)(G)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,a.lB)(e),(0,p.sendVideoViewEventToGA)(V,r.DK,r.K1),(0,l.Ch)(e.event_id,e.products,"product_page","video_popup",t)})(),void k(n)};function J(){return(0,I.jsx)(I.Fragment,{})}return null==t||0==t.length||h||(0,f.Ig)(Y.templateType)||!(0,o.fDZ)(V)?(0,I.jsx)("div",{}):(0,I.jsxs)(v.C,{value:A,children:[B&&(0,I.jsx)(L,{}),"no-product"===U||-1===D||0===t.length?(0,I.jsx)(J,{}):-2===D&&t.length>0?(0,I.jsx)("div",{children:(0,I.jsx)(x.S,{userInteractionType:_.O.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!N&&!C,children:(0,I.jsx)(c.A,{event:t[0],inVideoClick:q,closeClick:e=>{var n;e.stopPropagation(),k(-1),(0,g.kz)({userInteractionType:_.O.PDP_POPUP_CLOSED,widgetSourceDetails:Y,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.products})}})})}):(0,I.jsx)("div",{children:(0,I.jsx)(i.Suspense,{children:(0,I.jsx)(x.S,{userInteractionType:_.O.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!N&&!C,children:(0,I.jsx)(j,{events:t,index:D,onBack:function(){k(-2),K(!1)},template:"template-product-page"})})})})]})}},5901:function(e,t,n){n.d(t,{A:function(){return w}});var i=n(1005),o=n(9950),r=n(9879),d=n(22),a=n(5830),l=n(932);var c=function(e){const[t,n,i,o,r]=(0,l.A)(),[c]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[d.dl]===d.nN?s/100:c/100*1.2;return[t*u,n*u,r]},s=n(5727),u=n(1628),p=n.n(u),v=n(2209),h=n(6702),m=(n(9733),n(4365),n(1348)),f=n(4414);var w=function(e){var t;const n=o.useRef(null);var[l,u,w]=c();const g=(0,a.Xd)("whatmoreUITheme"),[_]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[x]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[y]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[S]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[I]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),A=(0,a.Xd)("whatmoreShopId"),j=(0,a.Xd)("isWhatmorePreviewMode");var L=x,P=y,T=b;w[d.dl]===d.nN&&(L=E,P=S,T=I);const[N,C]=(0,o.useState)(["initial",window.pageYOffset]),[O,D]=(0,o.useState)(!1),k=null!==(t=e.isSpotlight)&&void 0!==t&&t,z=w[d.dl]===d.nN?.7*(0,m.O86)(A):(0,m.O86)(A),V=k?z:1;l*=V,u*=V;const M=k?(0,m.LrK)(A):L,Q=k?(0,m._2D)(A):(0,m.GSq)(A),[R,F]=(0,o.useState)(!k&&(0,m.n8Q)(A));function $(e,t){C(e),e[1]<=100?D(!1):t!=O&&(D(t),F(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||($([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},i=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)}),[N]),(0,i.j)({ref:n,handler:()=>{$(["scrolled-up",N[1]],!0)}});const B=e.event,K=e.inVideoClick,U=e.closeClick,W=.3*u,H=.6*u,Y=.1*u,X=.1*(.5*u),G="round"==g?"10px":"0px",q=(0,m.GvQ)(A);var J=!1,Z=0,ee=0;function te(e){J=e}return(0,f.jsx)("div",{className:"wht-popup",children:R&&!Q?(0,f.jsx)(f.Fragment,{}):O&&Q?(0,f.jsx)("div",{style:"left"===M?{left:"1px",bottom:k?(0,m.pUQ)(A)+"px":T+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:k?(0,m.pUQ)(A)+"px":T+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{onClick:()=>{$(["initial",N[1]],!1)},style:{margin:"1px",width:u+"px",height:l+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.A,{url:B.thumbnail_image,isPlaying:!1,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(v.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:X+"px",bottom:X+"px"},onClick:U})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(h.A,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{nodeRef:n,cancel:".activate-button,.close-btn",bounds:j?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var n,i;n=t.x,i=t.y,Z=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-Z)>5||Math.abs(t.y-ee)>5)?te(!1):K(B)},children:(0,f.jsx)("div",{ref:n,style:"left"===M?{left:k?(0,m.D2A)(A)+"px":P+"px",bottom:k?(0,m.pUQ)(A)+"px":T+"px",position:"fixed",zIndex:q}:{right:k?(0,m.D2A)(A)+"px":P+"px",bottom:k?(0,m.pUQ)(A)+"px":T+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==A?l+"px":u+"px",height:e.isSpotlight&&"60122562760"==A?u+"px":l+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==A?16/9:9/16},children:(0,f.jsx)(r.A,{url:B.thumbnail_image,isMuted:!0,isPlaying:!0,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(v.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:U,style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(s.A,{sx:{color:(0,m.KFN)(A),fontSize:H+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:_?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",_]})})]})})]})})})})}},6649:function(e,t,n){var i=n(9950);t.A=({triggerOnce:e=!1,root:t=null,rootMargin:n="0px",threshold:o=0}={})=>{const[r,d]=(0,i.useState)(!1),[a,l]=(0,i.useState)(null),c=(0,i.useRef)(null);return(0,i.useEffect)((()=>{const i=new IntersectionObserver(((t,n)=>{t.forEach((t=>{l(t),t.isIntersecting?(d(!0),e&&n.disconnect()):e||d(!1)}))}),{root:t,rootMargin:n,threshold:o});return c.current&&i.observe(c.current),()=>{i.disconnect()}}),[e,t,n,o]),[c,r,a]}},8945:function(e,t,n){function i(e,t){let n=0;let i=new MutationObserver((function(){document.querySelector("."+e)?(t(),i.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),i.disconnect()}),8e3))}));i.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{H:function(){return i}})},9733:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[374],{1941:function(n,e,i){i.d(e,{A:function(){return h}});var t=i(5830),r=i(9950);function o(n){if(!n)return{};var e={};return Array.from(n.attributes).forEach((n=>{var i;e[n.name]=(i=n.value,isNaN(+i)?i:+i)})),e}function a(...n){try{var e;const i=document.getElementById("whatmorePreviewMode");if(!i)return null;const t=null===n||void 0===n?void 0:n[0];if(!t)return!0;let r={};return r=t.includes("function")?{}:o(i),null!==(e=r)&&void 0!==e&&e[t]?r[t]:null}catch(i){return null}}var s=function({disablePreview:n=!1}={}){var e,i,t=n?window.innerHeight:null!==(e=a("height-wh"))&&void 0!==e?e:window.innerHeight,o=n?window.innerWidth:null!==(i=a("width-wh"))&&void 0!==i?i:window.innerWidth,[s,d]=[t,o];const[c,l]=(0,r.useState)([s>d?"portrait":"landscape",s,d]);return(0,r.useLayoutEffect)((()=>{function e(){var e,i,t=n?window.innerHeight:null!==(e=a("height-wh"))&&void 0!==e?e:window.innerHeight,r=n?window.innerWidth:null!==(i=a("width-wh"))&&void 0!==i?i:window.innerWidth,[o,s]=[t,r];l(o>s?["portrait",o,s]:["landscape",o,s])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),c};const d=(0,t.Xd)("whatmoreShopId");function c(){if("STRI4V3OYCH"==d){const n=document.querySelector(".whatmore-base").closest("section");return[window.innerHeight,n.getBoundingClientRect().width+60]}return[window.innerHeight,window.innerWidth]}var l=function(){var[n,e]=c();const[i,t]=(0,r.useState)([n>e?"portrait":"landscape",n,e]);return(0,r.useLayoutEffect)((()=>{function n(){var[n,e]=c();t(n>e?["portrait",n,e]:["landscape",n,e])}return window.addEventListener("resize",n),window.addEventListener("orientationchange",n),screen.orientation&&screen.orientation.addEventListener("change",n),n(),()=>{window.removeEventListener("resize",n),window.removeEventListener("orientationchange",n),screen.orientation&&screen.orientation.removeEventListener("change",n)}}),[]),i};var h=function(n){var e;const i=(0,t.Xd)("isWhatmorePreviewMode"),r=l(),o=s({disablePreview:null!==(e=null===n||void 0===n?void 0:n.disablePreview)&&void 0!==e&&e});return i?o:r}},5100:function(n,e,i){i.r(e);var t=i(9950),r=i(1941),o=i(5830),a=i(4414);const s=t.memo((()=>{if(!(0,o.Xd)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[n]=(0,r.A)();return(0,a.jsxs)("div",{className:`shimmer-container ${n}`,children:["portrait"===n?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((n,e)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item "+(1===e?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},e))),(0,a.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 "})]})}));e.default=s}}]);
|