whatmore-react-assets 1.0.1563 → 1.0.1565

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whatmore-react-assets",
-  "version": "1.0.1563",
+  "version": "1.0.1565",
   "description": "public repo for all whatmore js and css assets",
   "main": "whatmore.js",
   "scripts": {

package/static/js/{920.7cd7c68b.chunk.js → 920.5a88d923.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[920],{7509:function(e,t,i){i.d(t,{h:function(){return o}});const o=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},2410:function(e,t,i){var o=i(9950),n=i(1348),r=i(5830),l=(i(6125),i(4365),i(6614),i(9879)),a=(i(7509),i(932)),d=i(4737),s=i(4414);t.A=function(e){var t;const[i,p]=(0,a.A)(),[x]=(0,r.QN)("whatmoreSecondaryColor"),[h]=(0,r.QN)("whatmoreShopId"),c="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSize"),m="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSizePortrait"),u="portrait"===e.mode?m:c,f=(0,r.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:v}=(0,o.useContext)(d.B),[w,g]=(0,o.useState)(!1),y=(0,n.ivI)(h),b=v.landingLocationType,j=e.event,S=e.onClick,A=e.removeBorders,E=i*u*.01,k=p*u*.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,n._hU)(h)?"auto":k+"px",marginLeft:A?"2px":"5px",marginRight:A?"2px":(0,n.FZM)(h)+"px",marginTop:A?"2px":"5px",marginBottom:A?"2px":"5px",cursor:"pointer"},onClick:()=>{g(!0),S(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:A?"":"0px 1px 1px 0px "+x+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+x+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+x+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+x+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,s.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:E+"px",width:"40273707171"==h?"auto":k+"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})})]})}},9611:function(e,t,i){var o=i(9950),n=i(1348),r=i(5830),l=(i(6125),i(4365),i(6614),i(9879)),a=i(932),d=i(4414);t.A=function(e){var t;const[i,s]=(0,a.A)(),[p]=(0,r.QN)("whatmoreSecondaryColor"),[x]=(0,r.QN)("whatmoreShopId"),[h]=(0,r.QN)("whatmoreVideoTileSize"),[c]=(0,r.QN)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?c:h,[u,f]=(0,o.useState)(!1),v=(0,n.ivI)(x),w=e.event1,g=e.event2,y=e.onClick,b=.01*m,j=i*b,S=i*b*.5,A=s*b,E=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",k="15%",P=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:j+"px",width:A+"px",marginLeft:P?"2px":"5px",marginRight:P?"2px":"5px",marginTop:P?"2px":"5px",marginBottom:P?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P?"0px":E,boxShadow:P?"":"0px 1px 1px 0px "+p+"50, 0px -1px 1px 0px "+v+"50, 1px 0px 1px 0px "+p+"50, -1px 0px 1px 0px "+v+"80, 1px -1px 1px 0px "+p+"80, -1px 1px 1px 0px "+v+"DA, 1px 1px 1px 0px "+p+"DA, -1px -1px 1px 0px "+v+"DA"},onClick:()=>{f(!0),y(w)},className:[u?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:A+"px",borderTopLeftRadius:P?"0px":k,borderTopRightRadius:P?"0px":k,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.A,{height:"100%",width:"100%",url:w.thumbnail_image,isPlaying:!0,event:w})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:A+"px",borderBottomLeftRadius:P?"0px":k,borderBottomRightRadius:P?"0px":k,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.A,{height:"100%",width:"100%",url:g.thumbnail_image,isPlaying:!0,event:g})})]})})}},8385:function(e,t,i){i.d(t,{c:function(){return a}});var o=i(6649),n=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,n]=(0,o.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,n.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function o(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 n(o){if(!i)return;const n=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-n);e.scrollLeft+=r,t=n}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",n),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",n),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)))})}},5901:function(e,t,i){i.d(t,{A:function(){return v}});var o=i(1005),n=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,o,n,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),x=r[l.dl]===l.nN?p/100:s/100*1.2;return[t*x,i*x,r]},p=i(5727),x=i(1628),h=i.n(x),c=i(2209),m=i(6702),u=(i(9733),i(4365),i(1348)),f=i(4414);var v=function(e){var t;const i=n.useRef(null);var[d,x,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"),k=(0,a.Xd)("whatmoreShopId");var P=y,z=b,C=j;v[l.dl]===l.nN&&(P=S,z=A,C=E);const[N,L]=(0,n.useState)(["initial",window.pageYOffset]),[R,Q]=(0,n.useState)(!1),F=null!==(t=e.isSpotlight)&&void 0!==t&&t,D=v[l.dl]===l.nN?.7*(0,u.O86)(k):(0,u.O86)(k),I=F?D:1;d*=I,x*=I;const B=F?(0,u.LrK)(k):P,T=F?(0,u._2D)(k):(0,u.GSq)(k),[M,V]=(0,n.useState)(!F&&(0,u.n8Q)(k));function X(e,t){L(e),e[1]<=100?Q(!1):t!=R&&(Q(t),V(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(X([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[N]),(0,o.j)({ref:i,handler:()=>{X(["scrolled-up",N[1]],!0)}});const _=e.event,H=e.inVideoClick,O=e.closeClick,W=.3*x,U=.6*x,Z=.1*x,q=.1*(.5*x),Y="round"==w?"10px":"0px",G=(0,u.GvQ)(k);var K=!1,J=0,$=0;function ee(e){K=e}return(0,f.jsx)("div",{children:M&&!T?(0,f.jsx)(f.Fragment,{}):R&&T?(0,f.jsx)("div",{style:"left"===B?{left:"1px",bottom:F?(0,u.pUQ)(k)+"px":C+"px",position:"fixed",zIndex:G}:{right:"5px",bottom:F?(0,u.pUQ)(k)+"px":C+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{onClick:()=>{X(["initial",N[1]],!1)},style:{margin:"1px",width:x+"px",height:d+"px"},className:"left"===B?"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:_.thumbnail_image,isPlaying:!1,event:_})})}),(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)(c.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:O})})}),(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:"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,J=i,$=o},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-J)>5||Math.abs(t.y-$)>5)?ee(!1):H(_)},children:(0,f.jsx)("div",{ref:i,style:"left"===B?{left:F?(0,u.D2A)(k)+"px":z+"px",bottom:F?(0,u.pUQ)(k)+"px":C+"px",position:"fixed",zIndex:G}:{right:F?(0,u.D2A)(k)+"px":z+"px",bottom:F?(0,u.pUQ)(k)+"px":C+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==k?d+"px":x+"px",height:e.isSpotlight&&"60122562760"==k?x+"px":d+"px"}),className:"left"===B?"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"==k?16/9:9/16},children:(0,f.jsx)(r.A,{url:_.thumbnail_image,isMuted:!0,isPlaying:!0,event:_})})}),(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)(c.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:O,style:{position:"relative",zIndex:1,left:Z+"px",bottom:Z+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(p.A,{sx:{color:(0,u.KFN)(k),fontSize:U+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:Y,borderBottomRightRadius:Y,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]})})]})})]})})})})}},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[920],{7509:function(e,t,i){i.d(t,{h:function(){return o}});const o=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},2410:function(e,t,i){var o=i(9950),n=i(1348),r=i(5830),l=(i(6125),i(4365),i(6614),i(9879)),a=(i(7509),i(932)),d=i(4737),s=i(4414);t.A=function(e){var t;const[i,p]=(0,a.A)(),[x]=(0,r.QN)("whatmoreSecondaryColor"),[h]=(0,r.QN)("whatmoreShopId"),c="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSize"),m="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSizePortrait"),u="portrait"===e.mode?m:c,f=(0,r.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:w}=(0,o.useContext)(d.B),[v,g]=(0,o.useState)(!1),y=(0,n.ivI)(h),b=w.landingLocationType,j=e.event,S=e.onClick,A=e.removeBorders,E=i*u*.01,k=p*u*.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,n._hU)(h)?"auto":k+"px",marginLeft:A?"2px":"5px",marginRight:A?"2px":(0,n.FZM)(h)+"px",marginTop:A?"2px":"5px",marginBottom:A?"2px":"5px",cursor:"pointer"},onClick:()=>{g(!0),S(j)},className:[v?"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:A?"":"0px 1px 1px 0px "+x+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+x+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+x+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+x+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,s.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:E+"px",width:"40273707171"==h?"auto":k+"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})})]})}},9611:function(e,t,i){var o=i(9950),n=i(1348),r=i(5830),l=(i(6125),i(4365),i(6614),i(9879)),a=i(932),d=i(4414);t.A=function(e){var t;const[i,s]=(0,a.A)(),[p]=(0,r.QN)("whatmoreSecondaryColor"),[x]=(0,r.QN)("whatmoreShopId"),[h]=(0,r.QN)("whatmoreVideoTileSize"),[c]=(0,r.QN)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?c:h,[u,f]=(0,o.useState)(!1),w=(0,n.ivI)(x),v=e.event1,g=e.event2,y=e.onClick,b=.01*m,j=i*b,S=i*b*.5,A=s*b,E=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",k="15%",P=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:j+"px",width:A+"px",marginLeft:P?"2px":"5px",marginRight:P?"2px":"5px",marginTop:P?"2px":"5px",marginBottom:P?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P?"0px":E,boxShadow:P?"":"0px 1px 1px 0px "+p+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+p+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+p+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+p+"DA, -1px -1px 1px 0px "+w+"DA"},onClick:()=>{f(!0),y(v)},className:[u?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:A+"px",borderTopLeftRadius:P?"0px":k,borderTopRightRadius:P?"0px":k,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.A,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:!0,event:v})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:A+"px",borderBottomLeftRadius:P?"0px":k,borderBottomRightRadius:P?"0px":k,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.A,{height:"100%",width:"100%",url:g.thumbnail_image,isPlaying:!0,event:g})})]})})}},8385:function(e,t,i){i.d(t,{c:function(){return a}});var o=i(6649),n=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,n]=(0,o.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,n.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function o(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 n(o){if(!i)return;const n=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-n);e.scrollLeft+=r,t=n}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",n),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",n),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)))})}},5901:function(e,t,i){i.d(t,{A:function(){return w}});var o=i(1005),n=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,o,n,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),x=r[l.dl]===l.nN?p/100:s/100*1.2;return[t*x,i*x,r]},p=i(5727),x=i(1628),h=i.n(x),c=i(2209),m=i(6702),u=(i(9733),i(4365),i(1348)),f=i(4414);var w=function(e){var t;const i=n.useRef(null);var[d,x,w]=s();const v=(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"),k=(0,a.Xd)("whatmoreShopId"),P=(0,a.Xd)("isWhatmorePreviewMode");var N=y,z=b,C=j;w[l.dl]===l.nN&&(N=S,z=A,C=E);const[L,R]=(0,n.useState)(["initial",window.pageYOffset]),[Q,F]=(0,n.useState)(!1),D=null!==(t=e.isSpotlight)&&void 0!==t&&t,I=w[l.dl]===l.nN?.7*(0,u.O86)(k):(0,u.O86)(k),B=D?I:1;d*=B,x*=B;const T=D?(0,u.LrK)(k):N,M=D?(0,u._2D)(k):(0,u.GSq)(k),[X,V]=(0,n.useState)(!D&&(0,u.n8Q)(k));function _(e,t){R(e),e[1]<=100?F(!1):t!=Q&&(F(t),V(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(_([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[L]),(0,o.j)({ref:i,handler:()=>{_(["scrolled-up",L[1]],!0)}});const W=e.event,H=e.inVideoClick,O=e.closeClick,U=.3*x,Z=.6*x,q=.1*x,Y=.1*(.5*x),G="round"==v?"10px":"0px",K=(0,u.GvQ)(k);var J=!1,$=0,ee=0;function te(e){J=e}return(0,f.jsx)("div",{className:"wht-popup",children:X&&!M?(0,f.jsx)(f.Fragment,{}):Q&&M?(0,f.jsx)("div",{style:"left"===T?{left:"1px",bottom:D?(0,u.pUQ)(k)+"px":C+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:D?(0,u.pUQ)(k)+"px":C+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{onClick:()=>{_(["initial",L[1]],!1)},style:{margin:"1px",width:x+"px",height:d+"px"},className:"left"===T?"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:W.thumbnail_image,isPlaying:!1,event:W})})}),(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)(c.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"},onClick:O})})}),(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*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,o;i=t.x,o=t.y,$=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-$)>5||Math.abs(t.y-ee)>5)?te(!1):H(W)},children:(0,f.jsx)("div",{ref:i,style:"left"===T?{left:D?(0,u.D2A)(k)+"px":z+"px",bottom:D?(0,u.pUQ)(k)+"px":C+"px",position:"fixed",zIndex:K}:{right:D?(0,u.D2A)(k)+"px":z+"px",bottom:D?(0,u.pUQ)(k)+"px":C+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==k?d+"px":x+"px",height:e.isSpotlight&&"60122562760"==k?x+"px":d+"px"}),className:"left"===T?"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"==k?16/9:9/16},children:(0,f.jsx)(r.A,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(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)(c.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},onClick:O,style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(p.A,{sx:{color:(0,u.KFN)(k),fontSize:Z+"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*U+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);

package/static/js/banner-template-a.a3211e85.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[806,939,956],{3278:function(e,t,n){n.r(t),n.d(t,{default:function(){return T}});var r=n(9950),i=n(340),o=n(9983),a=n(1941),s=n(5830),l=(n(3997),n(9130),n(4669),n(9733),n(4365),n(7229),n(6042),n(572)),d=n(8603),m=n(7509),c=n(4737),u=(n(4826),n(7575)),h=n(2257),p=n(1348),v=n(6649),g=n(3788),f=n(6493),x=n(4895),y=n(5375),$=n(4833),b=n(4414);var w=function(e){var t;const n=e.isMuted,{whatmoreWidgetSourceDetails:i}=(0,r.useContext)(c.B),o=i.templateType,a=(0,$.l2)(o),s=null!==(t=e.iconSize)&&void 0!==t?t:30;function l(t){e.onToggle(t)}return(0,b.jsx)("div",{style:{height:"fit-content",cursor:"pointer"},children:n?(0,b.jsx)(y.A,{sx:{color:"white",fontSize:a?1.3*s:s,backgroundColor:"rgba(0, 0, 0, 0.4)",borderRadius:"50%",padding:"10px"},onClick:e=>{l(e)}}):(0,b.jsx)(x.A,{sx:{color:"white",fontSize:a?1.3*s:s,backgroundColor:"rgba(0, 0, 0, 0.4)",borderRadius:"50%",padding:"10px"},onClick:e=>{l(e)}})})},j=n(3771),_=n(6613),A=n(1085),C=n(1079),k=n(5873),I=n(1351),P=n(6157),S=n(3294),M=n(9879),z=n(9821),N=n(69);function R(e){const[t,n]=(0,r.useState)(e.initialMuteState),i=e.events,o=e.activeEventIndex,a=e.setActiveEventIndex,l=(0,s.Xd)("whatmoreShopId"),d="portrait"===e.mode;function m(r){r.stopPropagation(),n(!t),(0,_.MN)()&&((0,z._)()?(0,A.bo)():(0,N.bi)()),e.onMuteToggle()}const c=e.event;return(0,b.jsxs)("div",{style:{position:(0,p.D7t)(l)?"absolute":"relative",top:(0,p.D7t)(l)?0:"",zIndex:1,bottom:(0,p.D7t)(l)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:[(0,b.jsxs)("div",{className:"banner-event-overlay",style:{display:"flex",position:"relative",height:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:["video"==c.event_type&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%"},onClick:e=>{m(e)}}),(0,b.jsx)(w,{isMuted:t,onToggle:e=>{m(e)}})]}),i.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{classname:"banner-navigation-overlay-left",style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a(0===o?i.length-1:o-1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,b.jsx)(u.A,{})})})}),(0,b.jsx)("div",{classname:"banner-navigation-overlay-right",style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a(o===i.length-1?0:o+1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,b.jsx)(h.A,{})})})}),(0,p.JiT)(l)&&(0,b.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:i.map(((e,t)=>{const n=t===o;return(0,b.jsx)("button",{onClick:e=>{e.stopPropagation(),a(t)},style:{width:n?"25px":d?"12px":"14px",height:d?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,p.z1s)(l):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},t)}))})]})]}),!(0,p.OC6)(l)&&(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:m})]})}var E=function(e){var t,n,i,o;const[l,d,m]=(0,a.A)(),[u,h]=(0,r.useState)(!0),x=(0,s.Xd)("whatmoreVideoTileSize"),[y,$,w]=(0,v.A)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:_}=(0,r.useContext)(c.B),A=(0,s.Xd)("whatmoreShopId"),z=e.events,N=e.activeEventIndex,E=e.setActiveEventIndex,F=z[N],T=(0,f.lP)(F),D=(0,f.cb)(F);if((0,r.useEffect)((()=>{k.Sn.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]),"portrait"===l&&!T)return(0,b.jsx)(b.Fragment,{});if("landscape"===l&&!D)return(0,b.jsx)(b.Fragment,{});const L=(0,g.s)("portrait"===l?T:D),B=x/100*(0,p.igk)(A),W=x/100*(0,p.Y_l)(A),X="portrait"===l?(0,p.G0Q)(A):(0,p.ga9)(A),O="portrait"===l?m*B:m*W,V=O*X,H=null!=(null===(t=F.cta)||void 0===t||null===(n=t[1])||void 0===n?void 0:n.cta_link);return(0,b.jsxs)("div",{ref:y,onClick:()=>{var e,t;(0,I.kz)({userInteractionType:P.O.BANNER_WIDGET_CLICKED,widgetSourceDetails:_,event:z[N]}),(0,p.OC6)(A)&&H&&window.open(null===(e=F.cta)||void 0===e||null===(t=e[1])||void 0===t?void 0:t.cta_link,"_self")},className:"wht-banner-event-tile",style:{position:"relative",margin:"0 auto",width:(0,p.D7t)(A)?"100%":O,minHeight:(0,p.D7t)(A)?m*X:"",height:(0,p.D7t)(A)?"auto":V,borderWidth:(0,p.YcK)(A),borderColor:(0,p.Fwt)(A),overflow:"hidden",cursor:"pointer"},children:["28273541192"===A?(0,b.jsx)(M.A,{height:"100%",width:"100%",url:L,isPlaying:$,event:F,isVideoMuted:!$||u,source:S.N.BANNER}):(0,b.jsx)(j.A,{height:"100%",width:"100%",url:L,isPlaying:$,event:F,isVideoMuted:!$||u,setDuration:e.setDuration,source:S.N.BANNER}),(0,b.jsx)(R,{isCTAPresent:H,events:z,activeEventIndex:N,setActiveEventIndex:E,event:F,mode:l,onMuteToggle:()=>h(!u),initialMuteState:u}),(0,p.XYM)(A)&&(null===F||void 0===F||null===(i=F.cta)||void 0===i?void 0:i.length)>1&&(0,b.jsx)("div",{style:{position:"absolute",zIndex:1,bottom:"10%",left:"50%",transform:"translateX(-50%)"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)(C.A,{isBanner:!0,event:F,cta:null===F||void 0===F||null===(o=F.cta)||void 0===o?void 0:o[1],fontFactor:.6})})]})};const F=(0,d.A)({key:"whatmore-css-bv"});var T=function(e){const{whatmoreRootId:t}=(0,r.useContext)(c.B),[n,d]=(0,r.useState)(0),u=e.events,[h,p]=(0,r.useState)(-1),[v]=(0,s.QN)("whatmoreShopId"),[g]=(0,a.A)();let f;return(0,r.useEffect)((()=>{f&&clearInterval(f);const e="video"===u[n].event_type,t=e?1e3*h:6e3;return e?-1!=h&&(f=setInterval((()=>{d((e=>e===u.length-1?0:e+1))}),t)):f=setInterval((()=>{d((e=>e===u.length-1?0:e+1))}),t),()=>{clearInterval(f)}}),[h,n]),delete o.Ay.styles.global,(0,b.jsx)(l.C,{value:F,children:(0,b.jsx)("div",{className:"whatmore-banner-events",style:{height:"60183543963"===v&&"portrait"==g?"200px":void 0},children:(0,b.jsx)(i.s,{theme:o.Ay,cssVarsRoot:t,resetCSS:!1,children:(0,b.jsx)(m.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(E,{activeEventIndex:n,events:u,setActiveEventIndex:d,setDuration:p})})})})})}},2835:function(e,t,n){var r=n(7891),i=n(8454),o=n(3781),a=n(5830),s=n(4414);t.A=function(e){var t;const n=(0,a.Xd)("whatmoreUITheme"),[l]=(0,a.QN)("whatmoreSecondaryColor"),[d,m]=(0,a.QN)("productRatings"),c=(0,a.Xd)("whatmorePrimaryFont"),u=e.productId,h=e.fontSize,p=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===d||"undefined"==typeof d||!(u in d)||d[u].avgRating>5)return(0,s.jsx)(s.Fragment,{});const v=d[u].avgRating,g=d[u].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((e,t)=>(0,s.jsx)(r.A,{sx:{color:l,fontSize:h+"px"}},"star-icon"+t))),v-Math.floor(v)>.2?(0,s.jsx)(i.A,{sx:{color:l,fontSize:h+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(o.A,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((e,t)=>(0,s.jsx)(o.A,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon-"+t))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",c,"important"),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"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",p,"important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",c,"important"),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"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+g+")"]})})]})})}},7509:function(e,t,n){n.d(t,{h:function(){return r}});const r=(0,n(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},16:function(e,t,n){n.d(t,{A:function(){return d}});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"})})},l=n(8781);var d=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)(l.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,{})})})]})}},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"})})}},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}},69:function(e,t,n){n.d(t,{Ij:function(){return o},bi:function(){return a}});let r,i=!1;function o(){return r?r.play().then((()=>{i=!0,console.debug("iOS autoplay restrictions bypassed."),r.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function a(){r||(r=document.createElement("video"),r.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",r.muted=!0,r.playsInline=!0,r.style.display="none",document.body.appendChild(r));const e=()=>{i||o()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},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,l]=(0,r.useState)(!1),d=r.useRef(0),m=(0,r.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,m.current&&c(d.current,5),d.current>=5&&(d.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:m,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.A,{width:h,height:u})]})}},9879:function(e,t,n){n.d(t,{A:function(){return p}});var r=n(9950),i=n(6649),o=n(3788),a=n(6613),s=n(2039),l=n(9098),d=n(4033),m=n(5830),c=n(6493),u=n(4414);var h=function(e){var t,n,o,s;const l=(0,r.useRef)(null),[h,p,v]=(0,i.A)({triggerOnce:!0}),g=(0,m.Xd)("whatmoreShopId"),f=null!==(t=e.height)&&void 0!==t?t:"100%",x=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():(((0,d.n)()||(0,a.At)())&&l.current.play(),"57939755089"==g?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,u.jsx)("div",{ref:h,style:{width:f,height:x,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==g||"8968077397"==g?(0,u.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:x,height:f,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==g&&"STRY2V4XO5L"!==g?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,u.jsx)("source",{src:e.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,c.yD)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:x,height:f,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,d,p,v,g,f,x,y;const[$,b,w]=(0,i.A)({triggerOnce:!0}),j=(0,m.Xd)("whatmoreShopId"),_=(0,r.useRef)(null);if((0,r.useEffect)((()=>{_.current&&(e.isPlaying?_.current.play():_.current.pause())}),[e.isPlaying,b]),(0,s.Il)(e.event))return(0,u.jsx)(l.A,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const A=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,C=null!==e&&void 0!==e&&null!==(n=e.event)&&void 0!==n&&null!==(d=n.poster_image)&&void 0!==d&&d.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(p=e.event)||void 0===p||null===(v=p.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,u.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:A});const k=null!==(f=e.height)&&void 0!==f?f:"100%",I=null!==(x=e.width)&&void 0!==x?x:"100%";return(0,u.jsx)("div",{ref:$,style:{width:k,height:I,overflow:"hidden",display:"flex",alignItems:"center"},children:b||"51394281658"==j||"8968077397"==j?(0,u.jsxs)("video",{ref:_,className:"whatmore-video-player-muted",width:I,height:k,preload:"metadata",loop:!0,playsInline:!0,muted:null===(y=e.isVideoMuted)||void 0===y||y,poster:"57939755089"==j?"":C,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,u.jsx)("source",{src:(0,o.s)(e.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,c.yD)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:I,height:k,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},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}},6493:function(e,t,n){n.d(t,{Cr:function(){return s},cb:function(){return a},lP:function(){return o},yD:function(){return l}});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},l=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}},7973:function(e,t,n){n.d(t,{B:function(){return a},b:function(){return o}});var r=n(1348),i=n(5830);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,i.Xd)("whatmoreShopId");return"shopify"!=(0,r.NCy)(n)?"STRNV8MHJTF"==n?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],r=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==r&&void 0!==r&&r.test(n)?"image":null!==i&&void 0!==i&&i.test(n)?"video":void 0}},7458:function(e,t,n){n.d(t,{P:function(){return r}});const r=function(e,t){return!(isNaN(t)||!t||("string"===typeof t||t instanceof String)&&!t.trim().length)&&!(parseInt(t)<=parseInt(e))}},2209:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.A=(0,i.default)((0,o.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")},7575:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.A=(0,i.default)((0,o.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore")},2257:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.A=(0,i.default)((0,o.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext")},5727:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.A=(0,i.default)((0,o.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82"}),"PlayArrowRounded")},7891:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.A=(0,i.default)((0,o.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star")},8454:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.A=(0,i.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"}),"StarHalf")},3781:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.A=(0,i.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"}),"StarOutline")},5410:function(){},4826:function(){},4365:function(){},9733:function(){},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);

package/static/js/collections-template-c.cb878009.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[221],{5451:function(e,t,o){o.r(t);var i=o(9950),r=o(340),n=o(9983),l=o(5873),a=(o(3997),o(9130),o(4669),o(9733),o(4365),o(7229),o(6042),o(1131)),s=o(572),d=o(8603),p=o(1941),c=o(5830),h=o(7509),m=o(4737),x=o(2410),u=o(932),f=o(8385),w=o(6641),y=o(1348),v=o(5901),g=o(6649),b=o(4414);const j=(0,d.A)({key:"whatmore-css-cv"});t.default=function(e){var t;const[o]=(0,p.A)(),[d,P]=(0,u.A)(),S=(0,c.Xd)("whatmoreShopId"),A=(0,c.Xd)("whatmoreVideoTileSize"),E=(0,c.Xd)("whatmoreVideoTileSizePortrait"),z="portrait"===o?E:A,k="portrait"==o?0:(0,c.Xd)("whatmoreLandscapePadding"),C=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),[L]=(0,c.Xd)("whatmorePrimaryColor"),{whatmoreRootId:R}=(0,i.useContext)(m.B),{whatmoreIsCollectionsTemplate:N}=(0,i.useContext)(m.B),F=e.events,X=e.onClick,V=(0,c.Xd)("whatmoreTitleFont"),T="portrait"==o?(0,c.Xd)("whatmoreTitleFontSizePortrait"):(0,c.Xd)("whatmoreTitleFontSize"),I=null!==(t=(0,y.sa6)(S))&&void 0!==t?t:V,Q=(0,c.Xd)("whatmorePrimaryFont");function B(e){X(e)}delete n.Ay.styles.global;const M=.055*P;var D=[];for(let i=0;i<F.length;){const e=F[i],t="STR1EXZ7ZRD"===S;D.push((0,b.jsxs)("div",{style:{position:"relative"},children:[(0,b.jsx)(x.A,{mode:o,event:e,onClick:()=>{B(F[i-1])},removeBorders:!0,borderRadius:"5%",fontSize:M},"collections-tile-"+i),t&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("p",{ref:e=>{e&&(e.style.setProperty("position","absolute","important"),e.style.setProperty("bottom","4%","important"),e.style.setProperty("left","50%","important"),e.style.setProperty("transform","translateX(-50%)","important"),e.style.setProperty("color","white","important"),e.style.setProperty("padding","0.5rem 0rem 0rem 0.5rem","important"),e.style.setProperty("font-size",.9*M+"px","important"),e.style.setProperty("font-weight","600","important"),e.style.setProperty("width","90%","important"),e.style.setProperty("max-width","100%","important"),e.style.setProperty("word-wrap","break-word","important"),e.style.setProperty("text-shadow","2px 2px 4px rgba(0, 0, 0, 0.5)","important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"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:null===e||void 0===e?void 0:e.title}),(0,b.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,b.jsx)(a.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]})]})),i++}(0,i.useEffect)((()=>{(0,w.Fk)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{l.Sn.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-e"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]);const[H,W,O]=(0,g.A)({triggerOnce:!1});return(0,b.jsx)(s.C,{value:j,children:(0,b.jsx)("div",{className:N?"whatmore-collection-events":"whatmore-carousel-events",children:(0,b.jsx)(r.s,{theme:n.Ay,cssVarsRoot:R,resetCSS:!1,children:(0,b.jsxs)(h.h.Provider,{value:{tileTopMargin:0,tileBottomMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!N&&(0,y.DLl)(S)?(0,b.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,b.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",I,"important"),e.style.setProperty("font-size",T+"px","important"))},style:{color:L,backgroundClip:"text",textAlign:"center",fontWeight:(0,y.Odx)(S),lineHeight:(0,y.L0y)(S),letterSpacing:(0,y.l3V)(S)},children:e.heading})}):(0,b.jsx)(b.Fragment,{}),(0,b.jsx)("div",{ref:H,style:{marginLeft:k+"px",marginRight:k+"px"},children:(0,b.jsx)(f.c,{showBgPlaceholder:!0,renderElement:e=>(0,b.jsx)(b.Fragment,{children:e.eventData}),dataList:D,spacing:C,defaultHeight:d*z*.01+"px",defaultWidth:P*z*.01+"px",retainAlreadyRenderedElements:!0})}),(0,y.wQ2)(S)&&N&&!W&&-1==e.index&&(0,b.jsx)(v.A,{event:F[0],inVideoClick:B,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7509:function(e,t,o){o.d(t,{h:function(){return i}});const i=(0,o(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},2410:function(e,t,o){var i=o(9950),r=o(1348),n=o(5830),l=(o(6125),o(4365),o(6614),o(9879)),a=(o(7509),o(932)),s=o(4737),d=o(4414);t.A=function(e){var t;const[o,p]=(0,a.A)(),[c]=(0,n.QN)("whatmoreSecondaryColor"),[h]=(0,n.QN)("whatmoreShopId"),m="STR1EXZ7ZRD"===h?60:(0,n.Xd)("whatmoreVideoTileSize"),x="STR1EXZ7ZRD"===h?60:(0,n.Xd)("whatmoreVideoTileSizePortrait"),u="portrait"===e.mode?x:m,f=(0,n.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:w}=(0,i.useContext)(s.B),[y,v]=(0,i.useState)(!1),g=(0,r.ivI)(h),b=w.landingLocationType,j=e.event,P=e.onClick,S=e.removeBorders,A=o*u*.01,E=p*u*.01,z=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,r._hU)(h)?"auto":E+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":(0,r.FZM)(h)+"px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{v(!0),P(j)},className:[y?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:z,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+c+"50, 0px -1px 1px 0px "+g+"50, 1px 0px 1px 0px "+c+"50, -1px 0px 1px 0px "+g+"80, 1px -1px 1px 0px "+c+"80, -1px 1px 1px 0px "+g+"DA, 1px 1px 1px 0px "+c+"DA, -1px -1px 1px 0px "+g+"DA"},children:(0,d.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:A+"px",width:"40273707171"==h?"auto":E+"px",borderRadius:z,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.A,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})}),b.startsWith("product")&&(0,d.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,d.jsx)("p",{ref:t=>{var o;t&&(t.style.setProperty("font-family",f,"important"),t.style.setProperty("font-size",(null!==(o=e.fontSize)&&void 0!==o?o: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})})]})}},8385:function(e,t,o){o.d(t,{c:function(){return a}});var i=o(6649),r=o(9950),n=(o(4365),o(4414));function l(e){const[t,o,r]=(0,i.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,n.jsx)("div",{ref:t,children:o?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,n.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function a(e){var t,o;return(0,r.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,o=!1;function i(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(o=!0,t=e.touches[0].clientX):(o=!0,t=e.clientX)}function r(i){if(!o)return;const r=i.touches?i.touches[0].clientX:i.clientX;e.style.pointerEvents="none";const n=2*(t-r);e.scrollLeft+=n,t=r}function n(t){e.style.pointerEvents="auto",o=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",i),e.addEventListener("touchmove",r),e.addEventListener("touchend",n)),e.addEventListener("mousedown",i),document.addEventListener("mousemove",r),document.addEventListener("mouseup",n)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",i),e.removeEventListener("touchmove",r),e.removeEventListener("touchend",n)),e.removeEventListener("mousedown",i),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",n))}}),[]),(0,n.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===(o=e.dataList)||void 0===o?void 0:o.map(((t,o)=>(0,n.jsx)(l,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+o)))})}},5901:function(e,t,o){o.d(t,{A:function(){return w}});var i=o(1005),r=o(9950),n=o(9879),l=o(22),a=o(5830),s=o(932);var d=function(e){const[t,o,i,r,n]=(0,s.A)(),[d]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),c=n[l.dl]===l.nN?p/100:d/100*1.2;return[t*c,o*c,n]},p=o(5727),c=o(1628),h=o.n(c),m=o(2209),x=o(6702),u=(o(9733),o(4365),o(1348)),f=o(4414);var w=function(e){var t;const o=r.useRef(null);var[s,c,w]=d();const y=(0,a.Xd)("whatmoreUITheme"),[v]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[g]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[P]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[S]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[A]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,a.Xd)("whatmoreShopId"),z=(0,a.Xd)("isWhatmorePreviewMode");var k=g,C=b,L=j;w[l.dl]===l.nN&&(k=P,C=S,L=A);const[R,N]=(0,r.useState)(["initial",window.pageYOffset]),[F,X]=(0,r.useState)(!1),V=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=w[l.dl]===l.nN?.7*(0,u.O86)(E):(0,u.O86)(E),I=V?T:1;s*=I,c*=I;const Q=V?(0,u.LrK)(E):k,B=V?(0,u._2D)(E):(0,u.GSq)(E),[M,D]=(0,r.useState)(!V&&(0,u.n8Q)(E));function H(e,t){N(e),e[1]<=100?X(!1):t!=F&&(X(t),D(!1))}(0,r.useEffect)((()=>{let e=window.pageYOffset,t=!1;const o=()=>{const o=window.pageYOffset;Math.abs(o-e)<100||(H([o>e?"scrolled-down":"scrolled-up",o],!0),e=o>0?o:0),t=!1},i=()=>{t||(window.requestAnimationFrame(o),t=!0)};return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)}),[R]),(0,i.j)({ref:o,handler:()=>{H(["scrolled-up",R[1]],!0)}});const W=e.event,O=e.inVideoClick,q=e.closeClick,Z=.3*c,_=.6*c,U=.1*c,Y=.1*(.5*c),G="round"==y?"10px":"0px",K=(0,u.GvQ)(E);var J=!1,$=0,ee=0;function te(e){J=e}return(0,f.jsx)("div",{className:"wht-popup",children:M&&!B?(0,f.jsx)(f.Fragment,{}):F&&B?(0,f.jsx)("div",{style:"left"===Q?{left:"1px",bottom:V?(0,u.pUQ)(E)+"px":L+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:V?(0,u.pUQ)(E)+"px":L+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{onClick:()=>{H(["initial",R[1]],!1)},style:{margin:"1px",width:c+"px",height:s+"px"},className:"left"===Q?"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)(n.A,{url:W.thumbnail_image,isPlaying:!1,event:W})})}),(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)(m.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:Z+"px"},style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"},onClick:q})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(x.A,{sx:{color:"white",fontSize:2*Z+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(h(),{nodeRef:o,cancel:".activate-button,.close-btn",bounds:z?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var o,i;o=t.x,i=t.y,$=o,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-$)>5||Math.abs(t.y-ee)>5)?te(!1):O(W)},children:(0,f.jsx)("div",{ref:o,style:"left"===Q?{left:V?(0,u.D2A)(E)+"px":C+"px",bottom:V?(0,u.pUQ)(E)+"px":L+"px",position:"fixed",zIndex:K}:{right:V?(0,u.D2A)(E)+"px":C+"px",bottom:V?(0,u.pUQ)(E)+"px":L+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==E?s+"px":c+"px",height:e.isSpotlight&&"60122562760"==E?c+"px":s+"px"}),className:"left"===Q?"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"==E?16/9:9/16},children:(0,f.jsx)(n.A,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(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)(m.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:Z+"px"},onClick:q,style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(p.A,{sx:{color:(0,u.KFN)(E),fontSize:_+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:v?"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*Z+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",v]})})]})})]})})})})}},1131:function(e,t,o){var i=o(4994);t.A=void 0;var r=i(o(9526)),n=o(4414);t.A=(0,r.default)([(0,n.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,n.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")},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);

package/static/js/{collections-template-stories.19d25f28.chunk.js → collections-template-stories.b3852f1b.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[1],{4596:function(e,t,i){i.r(t),i.d(t,{default:function(){return S}});var o=i(9950),n=i(340),r=i(9983),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),h=i(7509),p=i(4737),x=i(1348),m=(i(6125),i(6614),i(9879)),u=i(932),f=i(4414);var v=function(e){var t,i;const[n,r,l,a,d]=(0,u.A)(),s=(0,c.Xd)("whatmoreSecondaryColor"),h=(0,c.Xd)("whatmorePrimaryFont"),p=(0,c.Xd)("whatmoreShopId"),v=(0,c.Xd)("whatmoreVideoTileSize"),g=(0,c.Xd)("whatmoreVideoTileSizePortrait"),w="portrait"===e.mode?g:v,[y,j]=(0,o.useState)(!1),b=(0,x.ivI)(p),S=e.event,A=e.onClick,E=e.removeBorders,z=r*w*.01,C=(0,x.esc)(p),L=null!==(t=(0,x.qAx)(p))&&void 0!==t?t:[s,b,s,b,s];return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,x.FZM)(p)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),A(S)},className:[y?"whatmore-scale-on-tap":""].join(" "),children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+L[0]+"50, 0px -1px 1px 0px "+L[1]+"50, 1px 0px 1px 0px "+L[2]+"50, -1px 0px 1px 0px "+L[3]+"80, 1px -1px 1px 0px "+L[4]+"80, -1px 1px 1px 0px "+L[0]+"DA, 1px 1px 1px 0px "+L[1]+"DA, -1px -1px 1px 0px "+L[2]+"DA"},children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:z*C+"px",width:z*C+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(m.A,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})})}),(0,f.jsx)("div",{style:{fontFamily:h,paddingTop:"10px",fontSize:null!==(i=e.fontSize)&&void 0!==i?i:10},children:(0,f.jsx)("p",{children:S.title})})]})},g=i(8385),w=i(6641),y=i(5901),j=i(6649);const b=(0,d.A)({key:"whatmore-css-cv"});var S=function(e){const[t]=(0,s.A)(),[i,d]=(0,u.A)(),m=(0,c.Xd)("whatmoreVideoTileSize"),S=(0,c.Xd)("whatmoreVideoTileSizePortrait"),A="portrait"===t?S:m,E="portrait"==t?0:(0,c.Xd)("whatmoreLandscapePadding"),z=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),C=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:L}=(0,o.useContext)(p.B),k=e.events,P=e.onClick,{whatmoreIsCollectionsTemplate:N,whatmoreIsPreviewMode:R}=(0,o.useContext)(p.B);function F(e){P(e)}const[I,M,Q]=(0,j.A)({triggerOnce:!1});delete r.Ay.styles.global;const X=.055*d;var B=[];for(let o=0;o<k.length;)B.push((0,f.jsx)(v,{mode:t,event:k[o],onClick:()=>{F(k[o-1])},removeBorders:(0,x.U74)(C),fontSize:X},"collections-tile-"+o)),o+=1;return(0,o.useEffect)((()=>{(0,w.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.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"!=C||"landscape"!=t||R?(0,f.jsx)(a.C,{value:b,children:(0,f.jsx)("div",{className:N?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(n.s,{theme:r.Ay,cssVarsRoot:L,resetCSS:!1,children:(0,f.jsxs)(h.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:I,style:{marginLeft:E+"px",marginRight:E+"px"},children:(0,f.jsx)(g.c,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:z,defaultHeight:i*A*.01+"px",defaultWidth:d*A*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.wQ2)(C)&&!M&&-1==e.index&&(0,f.jsx)(y.A,{event:k[0],inVideoClick:F,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})}):(0,f.jsx)(f.Fragment,{})}},7509:function(e,t,i){i.d(t,{h:function(){return o}});const o=(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 o=i(6649),n=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,n]=(0,o.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,n.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function o(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 n(o){if(!i)return;const n=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-n);e.scrollLeft+=r,t=n}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",n),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",n),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)))})}},5901:function(e,t,i){i.d(t,{A:function(){return v}});var o=i(1005),n=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,o,n,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.dl]===l.nN?c/100:s/100*1.2;return[t*h,i*h,r]},c=i(5727),h=i(1628),p=i.n(h),x=i(2209),m=i(6702),u=(i(9733),i(4365),i(1348)),f=i(4414);var v=function(e){var t;const i=n.useRef(null);var[d,h,v]=s();const g=(0,a.Xd)("whatmoreUITheme"),[w]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[A]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.Xd)("whatmoreShopId");var C=y,L=j,k=b;v[l.dl]===l.nN&&(C=S,L=A,k=E);const[P,N]=(0,n.useState)(["initial",window.pageYOffset]),[R,F]=(0,n.useState)(!1),I=null!==(t=e.isSpotlight)&&void 0!==t&&t,M=v[l.dl]===l.nN?.7*(0,u.O86)(z):(0,u.O86)(z),Q=I?M:1;d*=Q,h*=Q;const X=I?(0,u.LrK)(z):C,B=I?(0,u._2D)(z):(0,u.GSq)(z),[V,T]=(0,n.useState)(!I&&(0,u.n8Q)(z));function D(e,t){N(e),e[1]<=100?F(!1):t!=R&&(F(t),T(!1))}(0,n.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},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[P]),(0,o.j)({ref:i,handler:()=>{D(["scrolled-up",P[1]],!0)}});const H=e.event,q=e.inVideoClick,O=e.closeClick,W=.3*h,U=.6*h,_=.1*h,Y=.1*(.5*h),G="round"==g?"10px":"0px",K=(0,u.GvQ)(z);var Z=!1,J=0,$=0;function ee(e){Z=e}return(0,f.jsx)("div",{children:V&&!B?(0,f.jsx)(f.Fragment,{}):R&&B?(0,f.jsx)("div",{style:"left"===X?{left:"1px",bottom:I?(0,u.pUQ)(z)+"px":k+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:I?(0,u.pUQ)(z)+"px":k+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{onClick:()=>{D(["initial",P[1]],!1)},style:{margin:"1px",width:h+"px",height:d+"px"},className:"left"===X?"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)(x.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"},onClick:O})})}),(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)(p(),{nodeRef:i,cancel:".activate-button,.close-btn",bounds:"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,J=i,$=o},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{Z&&(Math.abs(t.x-J)>5||Math.abs(t.y-$)>5)?ee(!1):q(H)},children:(0,f.jsx)("div",{ref:i,style:"left"===X?{left:I?(0,u.D2A)(z)+"px":L+"px",bottom:I?(0,u.pUQ)(z)+"px":k+"px",position:"fixed",zIndex:K}:{right:I?(0,u.D2A)(z)+"px":L+"px",bottom:I?(0,u.pUQ)(z)+"px":k+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?d+"px":h+"px",height:e.isSpotlight&&"60122562760"==z?h+"px":d+"px"}),className:"left"===X?"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"==z?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)(x.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:O,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.A,{sx:{color:(0,u.KFN)(z),fontSize:U+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:w?"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",w]})})]})})]})})})})}},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[1],{4596:function(e,t,i){i.r(t),i.d(t,{default:function(){return S}});var o=i(9950),n=i(340),r=i(9983),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),h=i(7509),p=i(4737),x=i(1348),m=(i(6125),i(6614),i(9879)),u=i(932),f=i(4414);var v=function(e){var t,i;const[n,r,l,a,d]=(0,u.A)(),s=(0,c.Xd)("whatmoreSecondaryColor"),h=(0,c.Xd)("whatmorePrimaryFont"),p=(0,c.Xd)("whatmoreShopId"),v=(0,c.Xd)("whatmoreVideoTileSize"),w=(0,c.Xd)("whatmoreVideoTileSizePortrait"),g="portrait"===e.mode?w:v,[y,j]=(0,o.useState)(!1),b=(0,x.ivI)(p),S=e.event,A=e.onClick,E=e.removeBorders,z=r*g*.01,C=(0,x.esc)(p),L=null!==(t=(0,x.qAx)(p))&&void 0!==t?t:[s,b,s,b,s];return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,x.FZM)(p)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),A(S)},className:[y?"whatmore-scale-on-tap":""].join(" "),children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+L[0]+"50, 0px -1px 1px 0px "+L[1]+"50, 1px 0px 1px 0px "+L[2]+"50, -1px 0px 1px 0px "+L[3]+"80, 1px -1px 1px 0px "+L[4]+"80, -1px 1px 1px 0px "+L[0]+"DA, 1px 1px 1px 0px "+L[1]+"DA, -1px -1px 1px 0px "+L[2]+"DA"},children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:z*C+"px",width:z*C+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(m.A,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})})}),(0,f.jsx)("div",{style:{fontFamily:h,paddingTop:"10px",fontSize:null!==(i=e.fontSize)&&void 0!==i?i:10},children:(0,f.jsx)("p",{children:S.title})})]})},w=i(8385),g=i(6641),y=i(5901),j=i(6649);const b=(0,d.A)({key:"whatmore-css-cv"});var S=function(e){const[t]=(0,s.A)(),[i,d]=(0,u.A)(),m=(0,c.Xd)("whatmoreVideoTileSize"),S=(0,c.Xd)("whatmoreVideoTileSizePortrait"),A="portrait"===t?S:m,E="portrait"==t?0:(0,c.Xd)("whatmoreLandscapePadding"),z=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),C=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:L}=(0,o.useContext)(p.B),k=e.events,P=e.onClick,{whatmoreIsCollectionsTemplate:N,whatmoreIsPreviewMode:R}=(0,o.useContext)(p.B);function F(e){P(e)}const[I,M,X]=(0,j.A)({triggerOnce:!1});delete r.Ay.styles.global;const Q=.055*d;var B=[];for(let o=0;o<k.length;)B.push((0,f.jsx)(v,{mode:t,event:k[o],onClick:()=>{F(k[o-1])},removeBorders:(0,x.U74)(C),fontSize:Q},"collections-tile-"+o)),o+=1;return(0,o.useEffect)((()=>{(0,g.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.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"!=C||"landscape"!=t||R?(0,f.jsx)(a.C,{value:b,children:(0,f.jsx)("div",{className:N?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(n.s,{theme:r.Ay,cssVarsRoot:L,resetCSS:!1,children:(0,f.jsxs)(h.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:I,style:{marginLeft:E+"px",marginRight:E+"px"},children:(0,f.jsx)(w.c,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:z,defaultHeight:i*A*.01+"px",defaultWidth:d*A*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.wQ2)(C)&&!M&&-1==e.index&&(0,f.jsx)(y.A,{event:k[0],inVideoClick:F,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})}):(0,f.jsx)(f.Fragment,{})}},7509:function(e,t,i){i.d(t,{h:function(){return o}});const o=(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 o=i(6649),n=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,n]=(0,o.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,n.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function o(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 n(o){if(!i)return;const n=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-n);e.scrollLeft+=r,t=n}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",n),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",n),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)))})}},5901:function(e,t,i){i.d(t,{A:function(){return v}});var o=i(1005),n=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,o,n,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.dl]===l.nN?c/100:s/100*1.2;return[t*h,i*h,r]},c=i(5727),h=i(1628),p=i.n(h),x=i(2209),m=i(6702),u=(i(9733),i(4365),i(1348)),f=i(4414);var v=function(e){var t;const i=n.useRef(null);var[d,h,v]=s();const w=(0,a.Xd)("whatmoreUITheme"),[g]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[A]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.Xd)("whatmoreShopId"),C=(0,a.Xd)("isWhatmorePreviewMode");var L=y,k=j,P=b;v[l.dl]===l.nN&&(L=S,k=A,P=E);const[N,R]=(0,n.useState)(["initial",window.pageYOffset]),[F,I]=(0,n.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,X=v[l.dl]===l.nN?.7*(0,u.O86)(z):(0,u.O86)(z),Q=M?X:1;d*=Q,h*=Q;const B=M?(0,u.LrK)(z):L,V=M?(0,u._2D)(z):(0,u.GSq)(z),[T,D]=(0,n.useState)(!M&&(0,u.n8Q)(z));function H(e,t){R(e),e[1]<=100?I(!1):t!=F&&(I(t),D(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(H([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[N]),(0,o.j)({ref:i,handler:()=>{H(["scrolled-up",N[1]],!0)}});const q=e.event,O=e.inVideoClick,W=e.closeClick,U=.3*h,_=.6*h,Y=.1*h,G=.1*(.5*h),K="round"==w?"10px":"0px",Z=(0,u.GvQ)(z);var J=!1,$=0,ee=0;function te(e){J=e}return(0,f.jsx)("div",{className:"wht-popup",children:T&&!V?(0,f.jsx)(f.Fragment,{}):F&&V?(0,f.jsx)("div",{style:"left"===B?{left:"1px",bottom:M?(0,u.pUQ)(z)+"px":P+"px",position:"fixed",zIndex:Z}:{right:"5px",bottom:M?(0,u.pUQ)(z)+"px":P+"px",position:"fixed",zIndex:Z},children:(0,f.jsxs)("div",{onClick:()=>{H(["initial",N[1]],!1)},style:{margin:"1px",width:h+"px",height:d+"px"},className:"left"===B?"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:q.thumbnail_image,isPlaying:!1,event:q})})}),(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:G+"px",bottom:G+"px"},onClick:W})})}),(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*U+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{nodeRef:i,cancel:".activate-button,.close-btn",bounds:C?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,$=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-$)>5||Math.abs(t.y-ee)>5)?te(!1):O(q)},children:(0,f.jsx)("div",{ref:i,style:"left"===B?{left:M?(0,u.D2A)(z)+"px":k+"px",bottom:M?(0,u.pUQ)(z)+"px":P+"px",position:"fixed",zIndex:Z}:{right:M?(0,u.D2A)(z)+"px":k+"px",bottom:M?(0,u.pUQ)(z)+"px":P+"px",position:"fixed",zIndex:Z},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?d+"px":h+"px",height:e.isSpotlight&&"60122562760"==z?h+"px":d+"px"}),className:"left"===B?"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"==z?16/9:9/16},children:(0,f.jsx)(r.A,{url:q.thumbnail_image,isMuted:!0,isPlaying:!0,event:q})})}),(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:W,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,u.KFN)(z),fontSize:_+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:K,borderBottomRightRadius:K,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]})})]})})]})})})})}},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);

package/static/js/product-page-view.3e3444dc.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[774],{5100:function(e,t,n){var i=n(9950),o=n(1941),r=n(5830),a=n(4414);const d=i.memo((()=>{if(!(0,r.Xd)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[e]=(0,o.A)();return(0,a.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},t))),(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                "})]})}));t.A=d},69:function(e,t,n){n.d(t,{Ij:function(){return r},bi:function(){return a}});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 a(){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})}},5901:function(e,t,n){n.d(t,{A:function(){return w}});var i=n(1005),o=n(9950),r=n(9879),a=n(22),d=n(5830),s=n(932);var l=function(e){const[t,n,i,o,r]=(0,s.A)(),[l]=(0,d.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,d.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.dl]===a.nN?c/100:l/100*1.2;return[t*u,n*u,r]},c=n(5727),u=n(1628),p=n.n(u),h=n(2209),v=n(6702),m=(n(9733),n(4365),n(1348)),f=n(4414);var w=function(e){var t;const n=o.useRef(null);var[s,u,w]=l();const g=(0,d.Xd)("whatmoreUITheme"),[x]=(0,d.QN)("whatmoreEmbedAppVideoTitle"),[_]=(0,d.QN)("whatmoreEmbedAppPositionPortrait"),[y]=(0,d.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,d.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,d.QN)("whatmoreEmbedAppPositionLandscape"),[I]=(0,d.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,d.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),j=(0,d.Xd)("whatmoreShopId"),L=(0,d.Xd)("isWhatmorePreviewMode");var O=_,C=y,D=b;w[a.dl]===a.nN&&(O=E,C=I,D=S);const[P,N]=(0,o.useState)(["initial",window.pageYOffset]),[A,k]=(0,o.useState)(!1),T=null!==(t=e.isSpotlight)&&void 0!==t&&t,z=w[a.dl]===a.nN?.7*(0,m.O86)(j):(0,m.O86)(j),V=T?z:1;s*=V,u*=V;const Q=T?(0,m.LrK)(j):O,K=T?(0,m._2D)(j):(0,m.GSq)(j),[M,R]=(0,o.useState)(!T&&(0,m.n8Q)(j));function F(e,t){N(e),e[1]<=100?k(!1):t!=A&&(k(t),R(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(F([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)}),[P]),(0,i.j)({ref:n,handler:()=>{F(["scrolled-up",P[1]],!0)}});const W=e.event,B=e.inVideoClick,H=e.closeClick,U=.3*u,$=.6*u,X=.1*u,Y=.1*(.5*u),q="round"==g?"10px":"0px",G=(0,m.GvQ)(j);var J=!1,Z=0,ee=0;function te(e){J=e}return(0,f.jsx)("div",{className:"wht-popup",children:M&&!K?(0,f.jsx)(f.Fragment,{}):A&&K?(0,f.jsx)("div",{style:"left"===Q?{left:"1px",bottom:T?(0,m.pUQ)(j)+"px":D+"px",position:"fixed",zIndex:G}:{right:"5px",bottom:T?(0,m.pUQ)(j)+"px":D+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{onClick:()=>{F(["initial",P[1]],!1)},style:{margin:"1px",width:u+"px",height:s+"px"},className:"left"===Q?"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:W.thumbnail_image,isPlaying:!1,event:W})})}),(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)(h.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"},onClick:H})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(v.A,{sx:{color:"white",fontSize:2*U+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{nodeRef:n,cancel:".activate-button,.close-btn",bounds:L?"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):B(W)},children:(0,f.jsx)("div",{ref:n,style:"left"===Q?{left:T?(0,m.D2A)(j)+"px":C+"px",bottom:T?(0,m.pUQ)(j)+"px":D+"px",position:"fixed",zIndex:G}:{right:T?(0,m.D2A)(j)+"px":C+"px",bottom:T?(0,m.pUQ)(j)+"px":D+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==j?s+"px":u+"px",height:e.isSpotlight&&"60122562760"==j?u+"px":s+"px"}),className:"left"===Q?"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"==j?16/9:9/16},children:(0,f.jsx)(r.A,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(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)(h.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:X+"px",bottom:X+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.A,{sx:{color:(0,m.KFN)(j),fontSize:$+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:x?"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",x]})})]})})]})})})})}},3389:function(e,t,n){n.r(t);var i=n(9950),o=n(1348),r=n(964),a=n(5830),d=n(140),s=n(4533),l=n(5901),c=n(1085),u=n(6613),p=n(3330),h=n(852),v=n(572),m=n(8603),f=n(2039),w=n(4833),g=n(4737),x=n(1351),_=n(6157),y=n(2979),b=n(4820),E=n(6641),I=n(5100),S=n(8945),j=n(9821),L=n(69),O=n(4414);const C=(0,m.A)({key:"whatmore-css-ppv"}),D=i.lazy((()=>Promise.all([n.e(714),n.e(378),n.e(437),n.e(181),n.e(987),n.e(669),n.e(650),n.e(592)]).then(n.bind(n,8650))));function P(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[m,N]=(0,i.useState)(),{whatmoreIsPreviewMode:A}=(0,i.useContext)(g.B),[k]=(0,a.QN)("isInDesignMode"),[T]=(0,a.QN)("isDemoBrand"),[z]=(0,a.QN)("whatmoreEmbedAppUseVariant"),[V,Q]=(0,i.useState)(-2),[K]=(0,a.QN)("whatmoreVariantId"),[M]=(0,a.QN)("whatmoreShopId");var[R]=(0,a.QN)("whatmoreProductId");const F=(0,a.Xd)("isLandingSharedLink"),W=(0,a.Xd)("whatmoreShareTemplateId"),B=(0,a.Xd)("whatmoreShareEventId"),H=F&&"template-embed"===(0,w.Mm)(W),[U,$]=(0,i.useState)(H);R=(0,o.BcY)(M)?P(window.location.href):R;const[X,Y]=(0,i.useState)((()=>"true"===z?K:R));var q=r.$$+"/v2/brand/"+M+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(g.B);(0,i.useEffect)((()=>{(0,E.Fk)("Video shopping powered by Whatmore!"),(0,s.wm)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,b.u)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.hr)(M)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||m||!(0,u.MN)()||(0,a.Xd)("whatmoreVideoPlayerPoolInitiated")||((0,j._)()?(0,c.Pc)(c.F5):(0,L.bi)())}),[t]),(0,i.useEffect)((()=>{if(Q(-1),(0,o.WH1)(M)){const e=`${r.$$}/v2/brand/${M}/product-events/recommendation`,t=(0,o.buK)(M);fetch(`${e}?client_product_id=${X}&limit=10&recommended=${!t}&origin=${window.location.hostname}&status=live,upcoming&event_type=video`).then((e=>e.json())).then((e=>{var i;const o=e=>{var t;return null===(t=e.products)||void 0===t?void 0:t.some((e=>"oos"!=(null===e||void 0===e?void 0:e.product_status)))},r=null===e||void 0===e||null===(i=e.events)||void 0===i?void 0:i.filter((e=>o(e)));if((null===r||void 0===r?void 0:r.length)>0){var a,d,s;const i=t?null===e||void 0===e||null===(a=e.all_events)||void 0===a?void 0:a.filter((e=>o(e))):null===e||void 0===e||null===(d=e.related_events)||void 0===d?void 0:d.filter((e=>o(e))).map((e=>({...e,isRelatedEvent:!0})));(null===i||void 0===i?void 0:i.length)>0&&(null===e||void 0===e||null===(s=e.product_info)||void 0===s?void 0:s.length)>0&&"6749782119"!=M?n([...r,...i,{event_type:"recommended_images",product_list:[...e.product_info]}]):n([...r,...i])}else n([])})).catch((e=>N(e.message)))}else fetch(q.toString()+"?client_product_id="+X.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)(M)&&(0,o.YOR)(e),n(e),e))).then((e=>((0,o.Uht)(M)&&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,X),e))).catch((e=>{N(e.message)}))}),[X]),(0,i.useEffect)((()=>{var e,n;Q(-2),(t&&t.length>0||(0,o.WKl)(M))&&(0,x.yP)({userInteractionType:_.O.PDP_VISITED,widgetSourceDetails:G,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"==M&&window.location.origin+window.location.pathname!=e&&fetch(window.location.origin+window.location.pathname+".json").then((e=>e.json())).then((e=>{var t;return Y(null===e||void 0===e||null===(t=e.product)||void 0===t?void 0:t.id)})),"true"===z){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&&Y(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!m&&H&&((0,S.H)("whatmore-video-player",(()=>{$(!1)})),null!=B)){const e=t.find((e=>B==e.event_id));if(e)return void ee(e,!0,t.indexOf(e))}}),[t]);const J=G.landingLocationType,Z=G.templateType,ee=async function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,u.MN)()&&!t&&await((0,j._)()?(0,c.bo)():(0,L.bi)()),(0,f.ij)(e)||(0,f.Il)(e))return k||T||(async()=>{const t=(0,w.Wd)(J)+(0,w.gf)(Z)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.lB)(e),(0,p.Si)(M,r.DK,r.K1),(0,s.Ch)(e.event_id,e.products,"product_page","video_popup",t)})(),void Q(n)};function te(){return(0,O.jsx)(O.Fragment,{})}return null==t||0==t.length||m?(0,O.jsx)("div",{}):(0,O.jsxs)(v.C,{value:C,children:[U&&(0,O.jsx)(I.A,{}),"no-product"===X||-1===V||0===t.length?(0,O.jsx)(te,{}):-2===V&&t.length>0?(0,O.jsx)("div",{children:(0,O.jsx)(y.S,{userInteractionType:_.O.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!k&&!T,children:(0,O.jsx)(l.A,{event:t[0],inVideoClick:ee,closeClick:e=>{var n;e.stopPropagation(),Q(-1),(0,x.kz)({userInteractionType:_.O.PDP_POPUP_CLOSED,widgetSourceDetails:G,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,O.jsx)("div",{children:(0,O.jsx)(i.Suspense,{children:(0,O.jsx)(y.S,{userInteractionType:_.O.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!k&&!T,children:(0,O.jsx)(D,{events:t,index:V,onBack:function(e){(0,o.ei)(M)&&(0,a.Xd)("whatmoreAddedToCart")&&(0,h.H)(M,(()=>{}),100,window.location.hostname,e),Q(-2),$(!1)},template:"template-product-page"})})})})]})}},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}})},1351:function(e,t,n){n.d(t,{Qj:function(){return s},kz:function(){return l},UM:function(){return u},yP:function(){return p},DG:function(){return c}});var i=n(1348),o=n(5830),r=n(6157);function a(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=(0,o.Xd)("whatmoreShopId");(e!=r.O.EVENT_VIEW||(0,i.NFF)(a))&&(e!=r.O.VIDEO_PLAYBACK||(0,i.Eel)(a))&&(e!=r.O.SHOPNOW_ATC_CLICKED&&e!=r.O.PRODUCT_TILE_ATC_CLICKED||(0,i.T9r)(a))&&(e!=r.O.VIDEO_LIKED||(0,i.Mz3)(a))&&(e!=r.O.VIDEO_SHARE_CTA_CLICKED||(0,i.OLZ)(a))&&(e!=r.O.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=r.O.SHOPNOW_CLICKED||(0,i.nEf)(a))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===r.O.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var d=n(7145);const s={[r.O.EVENT_VIEW]:"whatmore_video_click_event",[r.O.VIDEO_LIKED]:"whatmore_video_like_event",[r.O.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[r.O.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[r.O.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[r.O.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.O.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.O.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function l(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.B)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0])}function c(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.B)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0],i)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.B)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}function p(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.B)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}}}]);

package/static/js/spotlight-view.20c1adf2.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[717],{69:function(e,t,i){i.d(t,{Ij:function(){return a},bi:function(){return r}});let n,o=!1;function a(){return n?n.play().then((()=>{o=!0,console.debug("iOS autoplay restrictions bypassed."),n.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function r(){n||(n=document.createElement("video"),n.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",n.muted=!0,n.playsInline=!0,n.style.display="none",document.body.appendChild(n));const e=()=>{o||a()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},5901:function(e,t,i){i.d(t,{A:function(){return f}});var n=i(1005),o=i(9950),a=i(9879),r=i(22),d=i(5830),s=i(932);var l=function(e){const[t,i,n,o,a]=(0,s.A)(),[l]=(0,d.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,d.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=a[r.dl]===r.nN?c/100:l/100*1.2;return[t*h,i*h,a]},c=i(5727),h=i(1628),p=i.n(h),m=i(2209),g=i(6702),x=(i(9733),i(4365),i(1348)),u=i(4414);var f=function(e){var t;const i=o.useRef(null);var[s,h,f]=l();const v=(0,d.Xd)("whatmoreUITheme"),[w]=(0,d.QN)("whatmoreEmbedAppVideoTitle"),[b]=(0,d.QN)("whatmoreEmbedAppPositionPortrait"),[y]=(0,d.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,d.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,d.QN)("whatmoreEmbedAppPositionLandscape"),[_]=(0,d.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,d.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),I=(0,d.Xd)("whatmoreShopId"),N=(0,d.Xd)("isWhatmorePreviewMode");var A=b,z=y,P=j;f[r.dl]===r.nN&&(A=S,z=_,P=E);const[L,k]=(0,o.useState)(["initial",window.pageYOffset]),[C,Q]=(0,o.useState)(!1),F=null!==(t=e.isSpotlight)&&void 0!==t&&t,D=f[r.dl]===r.nN?.7*(0,x.O86)(I):(0,x.O86)(I),T=F?D:1;s*=T,h*=T;const O=F?(0,x.LrK)(I):A,X=F?(0,x._2D)(I):(0,x.GSq)(I),[R,V]=(0,o.useState)(!F&&(0,x.n8Q)(I));function M(e,t){k(e),e[1]<=100?Q(!1):t!=C&&(Q(t),V(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(M([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:()=>{M(["scrolled-up",L[1]],!0)}});const W=e.event,B=e.inVideoClick,H=e.closeClick,U=.3*h,G=.6*h,K=.1*h,$=.1*(.5*h),Y="round"==v?"10px":"0px",q=(0,x.GvQ)(I);var J=!1,Z=0,ee=0;function te(e){J=e}return(0,u.jsx)("div",{className:"wht-popup",children:R&&!X?(0,u.jsx)(u.Fragment,{}):C&&X?(0,u.jsx)("div",{style:"left"===O?{left:"1px",bottom:F?(0,x.pUQ)(I)+"px":P+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:F?(0,x.pUQ)(I)+"px":P+"px",position:"fixed",zIndex:q},children:(0,u.jsxs)("div",{onClick:()=>{M(["initial",L[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===O?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,u.jsx)("div",{style:{overflow:"hidden"},children:(0,u.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,u.jsx)(a.A,{url:W.thumbnail_image,isPlaying:!1,event:W})})}),(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,u.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,u.jsx)(m.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:H})})}),(0,u.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,u.jsx)(g.A,{sx:{color:"white",fontSize:2*U+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,u.jsx)(p(),{nodeRef:i,cancel:".activate-button,.close-btn",bounds:N?"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,Z=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-Z)>5||Math.abs(t.y-ee)>5)?te(!1):B(W)},children:(0,u.jsx)("div",{ref:i,style:"left"===O?{left:F?(0,x.D2A)(I)+"px":z+"px",bottom:F?(0,x.pUQ)(I)+"px":P+"px",position:"fixed",zIndex:q}:{right:F?(0,x.D2A)(I)+"px":z+"px",bottom:F?(0,x.pUQ)(I)+"px":P+"px",position:"fixed",zIndex:q},children:(0,u.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==I?s+"px":h+"px",height:e.isSpotlight&&"60122562760"==I?h+"px":s+"px"}),className:"left"===O?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,u.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,u.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==I?16/9:9/16},children:(0,u.jsx)(a.A,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,u.jsx)(m.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:K+"px",bottom:K+"px"}})}),(0,u.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,u.jsx)(c.A,{sx:{color:(0,x.KFN)(I),fontSize:G+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,u.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:Y,borderBottomRightRadius:Y,backgroundImage:w?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,u.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",w]})})]})})]})})})})}},8154:function(e,t,i){i.r(t);var n=i(9950),o=i(1348),a=i(964),r=i(5830),d=i(140),s=i(4533),l=i(5901),c=i(1085),h=i(6613),p=i(3330),m=i(852),g=i(572),x=i(6641),u=i(8603),f=i(2039),v=i(4833),w=i(7802),b=i(2979),y=i(6157),j=i(4737),S=i(69),_=i(9821),E=i(6018),I=i(4414);const N=(0,u.A)({key:"whatmore-css-wsv"}),A=n.lazy((()=>Promise.all([i.e(714),i.e(378),i.e(437),i.e(181),i.e(987),i.e(669),i.e(650),i.e(657)]).then(i.bind(i,8650))));t.default=function(e){const[t,i]=(0,n.useState)(),[u,z]=(0,n.useState)(),[P]=(0,r.QN)("isInDesignMode"),[L]=(0,r.QN)("isDemoBrand"),[k,C]=(0,n.useState)(-2),[Q]=(0,r.QN)("whatmoreShopId"),F=(0,r.Xd)("isLandingSharedLink"),D=(0,r.Xd)("whatmoreShareTemplateId"),T=((0,r.Xd)("whatmoreShareStoryId"),(0,r.Xd)("whatmoreShareEventId")),O=(0,r.Xd)("whatmoreLandingLocationType"),X=(0,r.Xd)("whatmoreLoggingActive"),R=(0,r.Xd)("isWhatmorePreviewMode"),{whatmoreWidgetSourceDetails:V}=(0,n.useContext)(j.B);var M=(0,o.SOt)(Q)?a.aD+"/get_eventset/":a.$$+"/get_eventset/",W=(0,o.SOt)(Q)?a.aD+"/get_eventset_v1/":a.$$+"/get_eventset_v1/";(0,n.useEffect)((()=>{(0,s.wm)()}),[]),(0,n.useEffect)((()=>{(0,p.hr)(Q)}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||u||!(0,h.MN)()||(0,r.Xd)("whatmoreVideoPlayerPoolInitiated")||((0,_._)()?(0,c.Pc)(c.F5):(0,S.bi)())}),[t]),(0,n.useEffect)((()=>{C(-1);const e=v.JA,t=(0,v.t6)(O),n="78232846646"===Q.toString()?W.toString()+Q.toString()+"?eventset_type="+e+"&event_type=video&source="+t+"&source_id="+Q:M.toString()+Q.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+Q;fetch(n).then((e=>e.json())).then((t=>(0,w.Po)(t,e))).then((e=>R&&(null==e||e&&0==(null===e||void 0===e?void 0:e.length))?(i(E.nw),E.nw):(i(e),e))).catch((e=>{z(e.message)}))}),[]),(0,n.useEffect)((()=>{C(-2)}),[t]),(0,n.useEffect)((()=>{null==t||0==t.length||u||F&&"template-embed"==(0,v.Mm)(D)&&null!=T&&t.forEach(((e,t)=>{T==e.event_id&&U(e,!0,t)}))}),[t]);const B=V.landingLocationType,H=V.templateType,U=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,h.MN)()&&!t&&((0,_._)()?(0,c.bo)():(0,S.Ij)()),(0,f.ij)(e)||(0,f.Il)(e))return P||L||(async()=>{const t=(0,v.Wd)(B)+(0,v.gf)(H)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.lB)(e),(0,p.Si)(Q,a.DK,a.K1),(0,s.Ch)(e.event_id,e.products,"spotlight","video_popup",t)})(),void C(i)};function G(){return(0,I.jsx)(I.Fragment,{})}return null==t||0==t.length||u?(0,I.jsx)("div",{}):(X&&(0,x.xv)(t),(0,o.ALN)(Q)&&k<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,I.jsx)(I.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,I.jsx)(g.C,{value:N,children:-1===k||0===t.length?(0,I.jsx)(G,{}):-2===k&&t.length>0?(0,I.jsx)("div",{children:(0,I.jsx)(b.S,{userInteractionType:y.O.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!L,children:(0,I.jsx)(l.A,{event:t[0],inVideoClick:U,closeClick:e=>{e.stopPropagation(),C(-1)},isSpotlight:!0})})}):(0,I.jsx)("div",{children:(0,I.jsx)(n.Suspense,{children:(0,I.jsx)(b.S,{userInteractionType:y.O.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!L,children:(0,I.jsx)(A,{events:t,index:k,onBack:function(){(0,o.ei)(Q)&&(0,r.Xd)("whatmoreAddedToCart")&&(0,m.H)(Q,(()=>{}),100,window.location.hostname),C(-2)},template:"template-embed"})})})})})))}}}]);