whatmore-react-assets 1.0.930 → 1.0.932

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/package.json +1 -1
  2. package/static/css/{580.474971bd.chunk.css → 580.7622dde5.chunk.css} +1 -1
  3. package/static/js/{196.c6608377.chunk.js → 196.ae879171.chunk.js} +1 -1
  4. package/static/js/218.29955b69.chunk.js +1 -0
  5. package/static/js/{249.6f0e45d9.chunk.js → 249.7e8858c2.chunk.js} +1 -1
  6. package/static/js/580.3bf4392d.chunk.js +1 -0
  7. package/static/js/{678.90bf28d6.chunk.js → 678.0bc96807.chunk.js} +2 -2
  8. package/static/js/{691.7780b5e9.chunk.js → 691.cc6c8791.chunk.js} +1 -1
  9. package/static/js/692.763d3df3.chunk.js +1 -0
  10. package/static/js/{708.fad7225d.chunk.js → 708.707b257f.chunk.js} +1 -1
  11. package/static/js/74.eaa86508.chunk.js +1 -0
  12. package/static/js/84.d8f545fe.chunk.js +1 -0
  13. package/static/js/{950.d1f02513.chunk.js → 950.b581d925.chunk.js} +1 -1
  14. package/whatmore.js +2 -2
  15. package/static/js/218.5db785a1.chunk.js +0 -1
  16. package/static/js/580.b98fe4b5.chunk.js +0 -1
  17. package/static/js/692.7f24ca54.chunk.js +0 -1
  18. package/static/js/74.743d3276.chunk.js +0 -1
  19. package/static/js/84.2473dc64.chunk.js +0 -1
package/static/js/{249.6f0e45d9.chunk.js → 249.7e8858c2.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[249],{7129:function(e,t,i){i.d(t,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),d=i(9821),s=i(5572),p=i(6417);t.Z=function(e){var t;const[i,x,h,c,u]=(0,d.Z)(),[m]=(0,r.j1)("whatmoreSecondaryColor"),[f]=(0,r.j1)("whatmoreShopId"),[w]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:w,y=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:b}=(0,o.useContext)(s.I),[j,S]=(0,o.useState)(!1),C=(0,n.f63)(f),z=b.landingLocationType;(0,o.useContext)(a.V);const E=e.event,P=e.onClick,k=e.removeBorders,L=i*g*.01,R=x*g*.01,A=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n.XnJ)(f)?"auto":R+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":(0,n.VwM)(f)+"px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{S(!0),P(E)},className:[j?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:A,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+C+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+C+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+C+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+C+"DA"},children:(0,p.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":R+"px",borderRadius:A,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})}),z.startsWith("product")&&(0,p.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,p.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",y,"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===E||void 0===E?void 0:E.title})})]})}},6066:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,p,x,h,c]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),v="portrait"===e.mode?w:f,[g,y]=(0,o.useState)(!1),b=(0,n.f63)(m);(0,o.useContext)(a.V);const j=e.event1,S=e.event2,C=e.onClick,z=.01*v,E=i*z,P=i*z*.5,k=p*z,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",R="15%",A=e.removeBorders;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:E+"px",width:k+"px",marginLeft:A?"2px":"5px",marginRight:A?"2px":"5px",marginTop:A?"2px":"5px",marginBottom:A?"2px":"5px",cursor:"pointer"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:A?"0px":L,boxShadow:A?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+b+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+b+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+b+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+b+"DA"},onClick:()=>{y(!0),C(j)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:k+"px",borderTopLeftRadius:A?"0px":R,borderTopRightRadius:A?"0px":R,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(l.Z,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})}),(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:k+"px",borderBottomLeftRadius:A?"0px":R,borderBottomRightRadius:A?"0px":R,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(l.Z,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})]})})}},8782:function(e,t,i){i.d(t,{P:function(){return a}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:n}=(0,o.YD)({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:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}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,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var o=i(4959),n=i(7313),r=i(4892),l=i(6805),a=i(7753),d=i(9821);var s=function(e){const[t,i,o,n,r]=(0,d.Z)(),[s]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),x=r[l.YP]===l.$w?p/100:s/100*1.2;return[t*x,i*x,r]},p=i(9723),x=i(9461),h=i.n(x),c=i(1195),u=i(7108),m=(i(7244),i(123),i(9854)),f=i(5572),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[d,x,v]=s();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[b]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[z]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,a.MO)("whatmoreShopId");var k=b,L=j,R=S;v[l.YP]===l.$w&&(k=C,L=z,R=E);const[A,I]=(0,n.useState)(["initial",window.pageYOffset]),[B,F]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=v[l.YP]===l.$w?.7*(0,m.zGA)(P):(0,m.zGA)(P),D=Z?T:1;d*=D,x*=D;const V=Z?(0,m.G0o)(P):k,M=Z?(0,m.X8j)(P):(0,m.lVn)(P),[N,Y]=(0,n.useState)(!Z&&(0,m.eXi)(P));function _(e,t){I(e),e[1]<=100?F(!1):t!=B&&(F(t),Y(!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)}),[A]),(0,o.O3)({ref:i,handler:()=>{_(["scrolled-up",A[1]],!0)}});const H=e.event,O=e.inVideoClick,W=e.closeClick,X=.3*x,$=.6*x,G=.1*x,q=.1*(.5*x),J="round"==g?"10px":"0px",U=(0,m.Z$A)(P);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:N&&!M?(0,w.jsx)(w.Fragment,{}):B&&M?(0,w.jsx)("div",{style:"left"===V?{left:"1px",bottom:Z?(0,m.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:Z?(0,m.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U},children:(0,w.jsxs)("div",{onClick:()=>{_(["initial",A[1]],!1)},style:{margin:"1px",width:x+"px",height:d+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(c.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:W})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(u.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):O(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===V?{left:Z?(0,m.$II)(P)+"px":L+"px",bottom:Z?(0,m.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U}:{right:Z?(0,m.$II)(P)+"px":L+"px",bottom:Z?(0,m.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:x+"px",height:d+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(c.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:X+"px"},onClick:W,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(p.Z,{sx:{color:(0,m.Ya_)(P),fontSize:$+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[249],{7129:function(e,t,i){i.d(t,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),d=i(9821),s=i(5572),p=i(6417);t.Z=function(e){var t;const[i,x,c,h,m]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[f]=(0,r.j1)("whatmoreShopId"),[w]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:w,y=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:j}=(0,o.useContext)(s.I),[b,S]=(0,o.useState)(!1),C=(0,n.f63)(f),z=j.landingLocationType;(0,o.useContext)(a.V);const E=e.event,P=e.onClick,k=e.removeBorders,L=i*g*.01,R=x*g*.01,A=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n.XnJ)(f)?"auto":R+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":(0,n.VwM)(f)+"px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{S(!0),P(E)},className:[b?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:A,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+C+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+C+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+C+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+C+"DA"},children:(0,p.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":R+"px",borderRadius:A,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})}),z.startsWith("product")&&(0,p.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,p.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",y,"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===E||void 0===E?void 0:E.title})})]})}},6066:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,p,x,c,h]=(0,d.Z)(),[m]=(0,r.j1)("whatmoreSecondaryColor"),[u]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),v="portrait"===e.mode?w:f,[g,y]=(0,o.useState)(!1),j=(0,n.f63)(u);(0,o.useContext)(a.V);const b=e.event1,S=e.event2,C=e.onClick,z=.01*v,E=i*z,P=i*z*.5,k=p*z,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",R="15%",A=e.removeBorders;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:E+"px",width:k+"px",marginLeft:A?"2px":"5px",marginRight:A?"2px":"5px",marginTop:A?"2px":"5px",marginBottom:A?"2px":"5px",cursor:"pointer"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:A?"0px":L,boxShadow:A?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),C(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:k+"px",borderTopLeftRadius:A?"0px":R,borderTopRightRadius:A?"0px":R,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})}),(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:k+"px",borderBottomLeftRadius:A?"0px":R,borderBottomRightRadius:A?"0px":R,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(l.Z,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})]})})}},8782:function(e,t,i){i.d(t,{P:function(){return a}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:n}=(0,o.YD)({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:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}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,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var o=i(4959),n=i(7313),r=i(4892),l=i(6805),a=i(7753),d=i(9821);var s=function(e){const[t,i,o,n,r]=(0,d.Z)(),[s]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),x=r[l.YP]===l.$w?p/100:s/100*1.2;return[t*x,i*x,r]},p=i(9723),x=i(9461),c=i.n(x),h=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(5572),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[d,x,v]=s();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[z]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,a.MO)("whatmoreShopId");var k=j,L=b,R=S;v[l.YP]===l.$w&&(k=C,L=z,R=E);const[A,I]=(0,n.useState)(["initial",window.pageYOffset]),[F,Z]=(0,n.useState)(!1),T=null!==(t=e.isSpotlight)&&void 0!==t&&t,D=v[l.YP]===l.$w?.7*(0,u.zGA)(P):(0,u.zGA)(P),V=T?D:1;d*=V,x*=V;const B=T?(0,u.G0o)(P):k,M=T?(0,u.X8j)(P):(0,u.lVn)(P),[N,Y]=(0,n.useState)(!T&&(0,u.eXi)(P));function _(e,t){I(e),e[1]<=100?Z(!1):t!=F&&(Z(t),Y(!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)}),[A]),(0,o.O3)({ref:i,handler:()=>{_(["scrolled-up",A[1]],!0)}});const H=e.event,O=e.inVideoClick,W=e.closeClick,X=.3*x,$=.6*x,G=.1*x,q=.1*(.5*x),J="round"==g?"10px":"0px",U=(0,u.Z$A)(P);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:N&&!M?(0,w.jsx)(w.Fragment,{}):F&&M?(0,w.jsx)("div",{style:"left"===B?{left:"1px",bottom:T?(0,u.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:T?(0,u.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U},children:(0,w.jsxs)("div",{onClick:()=>{_(["initial",A[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,w.jsx)("div",{style:{overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:W})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,w.jsx)(c(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):O(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===B?{left:T?(0,u.$II)(P)+"px":L+"px",bottom:T?(0,u.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U}:{right:T?(0,u.$II)(P)+"px":L+"px",bottom:T?(0,u.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:x+"px",height:d+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},onClick:W,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(p.Z,{sx:{color:(0,u.Ya_)(P),fontSize:$+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
package/static/js/580.3bf4392d.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[580],{1332:function(e,t,n){var o=n(7313),c=(n(8743),n(7753)),a=n(5254),r=n(6417);t.Z=function(e){return(0,o.useEffect)((()=>{const e=(0,a.oo)((0,c.MO)("whatmoreSecondaryColor"));!function(e,t,n,o){const c="rgba(".concat(e,",").concat(t,",").concat(n,",").concat(o,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(c,", 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(c,", 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(c,", 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(c,", 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(c,", -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(c,", -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(c,", -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(c,";\n }\n }\n "),r=document.createElement("style");r.type="text/css",r.innerHTML=a,document.head.appendChild(r)}(e[0],e[1],e[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},3580:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var o=n(7313),c=n(8866),a=n(7753),r=(n(9111),n(123),n(9778),n(9854)),i=n(868),s=n(9363),l=n(8984),m=n(4892),d=n(6417);var u=function(e){var t,n;const[u,h,p]=(0,c.Z)(),f=(0,a.MO)("whatmorePrimaryFont"),g=(0,a.MO)("whatmoreSecondaryColor"),v=(0,a.MO)("whatmoreShopId"),[b,x]=(0,o.useState)(!1),w=e.storyId,y=(0,i.V)(e.imageUrl),j=e.title,_=e.onClick,k=e.template,S=(0,r.f63)(v),C="template-stories-a"===k?"50%":"30%",F="portrait"==u?1:(0,r.Zyc)(v),R=Math.floor(e.tileSize*F),z=.12*R*(0,r.LM2)(v),P=null!==(t=(0,r.QaQ)(v))&&void 0!==t?t:f,W=null!==(n=(0,r.u2W)(v))&&void 0!==n?n:[g,S,g,S,g],E=(0,o.useRef)(0),I=(0,o.useRef)(null),M=(0,o.useRef)(null);return(0,o.useEffect)((()=>{M.current&&M.current.play()}),[]),(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:R*(0,r.jJ6)(v)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{x(!0),_(w)},className:[b?"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:C,paddingBottom:"27951333450"==v&&(0,l.gE)()?"2px":"0",boxShadow:"0px 2px 1px 0px "+W[0]+"50, 0px -2px 1px 0px "+W[1]+"50, 2px 0px 1px 0px "+W[2]+"50, -2px 0px 1px 0px "+W[3]+"80, 2px -2px 1px 0px "+W[4]+"80, -2px 2px 1px 0px "+W[0]+"DA, 2px 2px 1px 0px "+W[1]+"DA, -2px -2px 1px 0px "+W[2]+"DA"},children:(0,d.jsx)("div",{className:"whatmore-story-thumbnail-wrapper",style:{flexShrink:0,objectFit:"cover",height:R+"px",width:R+"px",borderRadius:C,border:"3px solid white",backgroundColor:"#343434"===g?"#d3d3d3":g,overflow:"hidden"},children:"video"==(0,s.$)(y)?(0,d.jsx)(m.Z,{height:"100%",width:"100%",poster:e.fallbackUrl,url:y,isPlaying:!0,event:{event_type:"video"},borderRadius:C}):(0,d.jsx)("img",{ref:I,className:"whatmore-story-thumbnail",src:y,loading:"lazy",style:{objectFit:"cover",height:R+"px",width:R+"px",backgroundColor:"white"},alt:"story image",onError:function(){if(E.current<3){let t=(0,i.V)(e.imageUrl);I.current.src="",I.current.src=t,E.current=E.current+1}else console.log("Failed to load image after several attempts"),I.current.src="https://d2oouab8j9eigo.cloudfront.net/background_white.png"}})})}),(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,d.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-size",z+"px","important")},style:{textAlign:"center",color:(0,r.WS3)(v),fontFamily:P,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:null===j||void 0===j?void 0:j.substring(0,24)})})]})},h=n(5572),p=n(9302);const f=(0,n(2575).Z)({key:"whatmore-stories-css"});var g=function(e){const[t,n,i]=(0,c.Z)(),[s]=(0,a.j1)("whatmoreLandscapePadding"),[l]=(0,a.j1)("whatmoreStoryTileSize"),[m]=(0,a.j1)("whatmoreStoryTileSizeDesktop"),[g]=(0,a.j1)("whatmoreShopId"),[v,b]=(0,o.useState)("portrait"===t?"flex-start":"center"),x=(0,o.useRef)(null);var w=e.eventsStories;const y=e.onClick,j=e.template;(0,o.useEffect)((()=>{h.$.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const _=e=>{if(x.current){const t="left"===e?4*-C:4*C;x.current.scrollBy({left:t,behavior:"smooth"})}};(0,o.useEffect)((()=>{!function(){if(x.current){const e=x.current.scrollWidth,t=x.current.offsetWidth;b(e>t?"flex-start":"center")}}()}),[v,i]);const[k,S]=(0,o.useState)([]);(0,o.useEffect)((()=>{S(w.map((e=>e.storyset_dynamic_thumbnail?Math.floor(Math.random()*(e.events.length-1)):0)))}),[]);const C="landscape"===t?n*(m/100)*.3:i*(l/100)*.5;return(0,d.jsx)(p.C,{value:f,children:"landscape"==t&&!(0,r.DF0)(g)||"portrait"==t&&!(0,r.JaA)(g)?(0,d.jsx)(d.Fragment,{}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:v,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:x,children:w.map(((e,t)=>{var n,o;const c=e.storyset_dynamic_thumbnail&&null!==(n=null===(o=e.events[k[t]])||void 0===o?void 0:o.poster_image)&&void 0!==n?n:e.thumbnail_image;return(0,d.jsx)(u,{storyId:e.id,tileSize:(0,r.OFP)(g)?100:C,onClick:e=>{y(t)},template:j,imageUrl:c,title:e.title,fallbackUrl:e.thumbnail_image},"whatmore-story-"+e.id)}))}),"landscape"===t&&(0,r.sMW)(g)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("button",{onClick:()=>_("left"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",left:0},children:(0,d.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:"<"})}),(0,d.jsx)("button",{onClick:()=>_("right"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",right:0},children:(0,d.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:">"})})]})]})})}},3175:function(e,t,n){var o=n(1332),c=n(5180),a=n(6417);t.Z=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)(c.Z,{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)(o.Z,{})})})]})}},5180:function(e,t,n){var o=n(6417);t.Z=function(e){var t,n,c;const a=null!==(t=e.height)&&void 0!==t?t:"100%",r=null!==(n=e.width)&&void 0!==n?n:"100%",i=null!==(c=e.borderRadius)&&void 0!==c?c:"10px";return(0,o.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,o.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var o=n(7313),c=n(3175),a=n(6417);t.Z=function(e){var t,n,r;const[i,s]=(0,o.useState)(!1),l=o.useRef(0),m=(0,o.useRef)(null),d=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,o.useEffect)((()=>{l.current=0;const e=setInterval((()=>{l.current=l.current+.03,m.current&&d(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:u,overflow:"hidden"},children:[(0,a.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,a.jsx)("img",{ref:m,src:e.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(c.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return p}});var o=n(7313),c=n(3933),a=n(868),r=n(8984),i=n(7300),s=n(2887),l=n(4862),m=n(7753),d=n(342),u=n(6417);var h=function(e){var t,n;const a=(0,o.useRef)(null),[i,s,h]=(0,c.YD)({triggerOnce:!0}),p=(0,m.MO)("whatmoreShopId"),f=null!==(t=e.height)&&void 0!==t?t:"100%",g=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{a.current&&(e.isPlaying?a.current.play():((l.G6||(0,r.gE)())&&a.current.play(),a.current.pause()))}),[e.isPlaying,s]),(0,u.jsx)("div",{ref:i,style:{width:f,height:g,overflow:"hidden"},children:s?(0,u.jsxs)("video",{ref:a,className:"whatmore-video-player-muted",width:g,height:f,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white",borderRadius:e.borderRadius},children:[(0,u.jsx)("source",{src:e.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:g,height:f,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,l,m;const[p,f,g]=(0,c.YD)({triggerOnce:!0});if((0,i.WJ)(e.event))return(0,u.jsx)(s.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const v=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var b;if((0,r.KE)())return(0,u.jsx)(h,{borderRadius:e.borderRadius,height:"100%",width:"100%",poster:null===e||void 0===e||null===(b=e.event)||void 0===b?void 0:b.poster_image,url:(0,a.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const x=(0,o.useRef)(null),w=null!==(n=e.height)&&void 0!==n?n:"100%",y=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,o.useEffect)((()=>{x.current&&(e.isPlaying?x.current.play():x.current.pause())}),[e.isPlaying,f]),(0,u.jsx)("div",{ref:p,style:{width:w,height:y,overflow:"hidden"},children:f?(0,u.jsxs)("video",{ref:x,className:"whatmore-video-player-muted",width:y,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(m=e.event)||void 0===m?void 0:m.poster_image,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:(0,a.V)(e.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:y,height:w,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return i}});var o=n(9854),c=n(7753);const a={"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"},r={"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"},i=function(e){const t=(0,c.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,o.zpr)(t))return e;if("AZURECDN"==(0,o.zpr)(t)){if(e.includes(".azureedge.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}}if("BUNNYCDN"==(0,o.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(r))if(e.includes(t))return e.replace(t,r[t]);return e}}return e}},342:function(e,t,n){n.d(t,{$W:function(){return i},WN:function(){return r},uv:function(){return a},vW:function(){return s}});var o=n(9854);const c=(0,n(7753).MO)("whatmoreShopId"),a=function(e){var t;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:e.event_hls_url},r=function(e){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:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},i=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,o.QFt)(c);if(!t)return e;const n=e.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-video-assets-720p.b-cdn.net/".concat(t,"/").concat(n)}return e},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,o.QFt)(c);if(!t)return e;const n=e.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-thumbnail-video-assets.b-cdn.net/".concat(t,"/").concat(n)}return e}},9363:function(e,t,n){n.d(t,{$:function(){return r},s:function(){return a}});var o=n(9854),c=n(7753);function a(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,c.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(n)?"STRNV8MHJTF"==n?e+"?format=webp":e:e+t}function r(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],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,c=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(n)?"image":null!==c&&void 0!==c&&c.test(n)?"video":void 0}},8743:function(){},9111:function(){},123:function(){},9778:function(){}}]);
package/static/js/{678.90bf28d6.chunk.js → 678.0bc96807.chunk.js} RENAMED
@@ -1,2 +1,2 @@
1
- /*! For license information please see 678.90bf28d6.chunk.js.LICENSE.txt */
2
- (self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[678],{9085:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return I}});var n=o(7313),r=(o(3439),o(6090)),i=o(5572),s=o(7616),l=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),x=o(7129),m=o(1855),f=o(9854),v=o(4522),y=o(778),g=o(4892),S=o(5945),C=o(9219),M=o(6805),P=o(8984),w=o(7053),D=o(6417);var R=function(e){var t,o,r,s,l,a,d,p,u,m,v,y,R,j;const[T,O,b,I,B]=(0,c.Z)(),F=(0,h.MO)("whatmoreShopId"),N="portrait"===B[M.YP],U=(N?1.076*O*(0,f.pEd)(F):O*(0,f.H4g)(F))+"px",E=(N?1.076*O*(0,f.pEd)(F):O*(0,f.H4g)(F))+"px",L=(N?.965*O*(0,f.pEd)(F):.859*O*(0,f.H4g)(F))+"px",[$,A]=(0,n.useState)(e.event),G=(0,h.MO)("whatmoreSecondaryColor");var K=(0,n.useContext)(x.V);const k=null===(t=e.isOnFocus)||void 0===t||t,Z=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,Y=e.onClick,{whatmoreUITheme:W}=(0,n.useContext)(i.I),H=null!==(r=e.animateOnFocus&&(0,f.iWI)(F))&&void 0!==r&&r,[V,X]=(0,n.useState)(!1),z=(0,h.MO)("whatmorePrimaryFont"),J=Math.round(+(null===(s=$.products[0])||void 0===s?void 0:s.price)),_=Math.round(+(null===(l=$.products[0])||void 0===l?void 0:l.compare_price)),Q=_&&0!=_&&_>J?Math.round((_-J)/_*100):NaN,[q,ee]=(0,n.useState)(Q),[te,oe]=(0,n.useState)();return(0,n.useEffect)((()=>{(0,f.N8M)(F)&&(0,C.p_)($,(0,f.Ipo)(F),F).then((e=>{var t,o,n;A(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&ee(null===e||void 0===e||null===(n=e.products[0])||void 0===n?void 0:n.discount),X(!0)}));(async()=>{var e;const t=await(0,w.p)(null===$||void 0===$||null===(e=$.products)||void 0===e?void 0:e[0],(0,f.Ipo)(F),F);oe(t),X(!0)})()}),[]),(0,D.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",K.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",K.tileBottomMMargin+"px","important"))},className:H&&!N?k?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:O},onClick:()=>{Y($)},children:[(0,D.jsx)("div",{style:{borderRadius:"round"==W?"5%":"0px",boxShadow:"round"==W?"0px 0px 5px 0px #B0B0B0":null,height:T,borderWidth:(0,f.alU)(F),borderColor:(0,f.qPe)(F),overflow:"hidden"},children:(0,D.jsx)(g.Z,{height:"100%",width:"100%",url:$.thumbnail_image,isPlaying:k||Z||(0,P.gE)(),event:$})}),(0,D.jsxs)("div",{style:{display:(0,f.pvY)(F)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",U,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,S.s)(null===(a=$.products[0])||void 0===a?void 0:a.title)}),V&&(0,f.QaY)(F)&&(0,D.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(F)?"row":"row-reverse",justifyContent:(0,f.$zZ)(F)?"flex-start":"flex-end"},children:[(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(F),"important"),e.style.setProperty("font-size",E,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(F)?"normal":"bold"},children:(0,C.jx)(parseFloat(null!==(d=null===te||void 0===te?void 0:te.price)&&void 0!==d?d:null===$||void 0===$||null===(p=$.products)||void 0===p||null===(u=p[0])||void 0===u?void 0:u.price)," ",F,null===(m=$.products[0])||void 0===m?void 0:m.currency)}),!isNaN(_)&&_>J&&(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(F),"important"),e.style.setProperty("font-size",E,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,C.jx)(parseFloat(null!==(v=null===te||void 0===te?void 0:te.compare_at_price)&&void 0!==v?v:null===$||void 0===$||null===(y=$.products)||void 0===y||null===(R=y[0])||void 0===R?void 0:R.compare_price)," ",F,null===(j=$.products[0])||void 0===j?void 0:j.currency)})]}),(0,f.QaY)(F)&&!isNaN(q)&&0!=q&&V&&(0,D.jsx)("div",{style:{display:(0,f.aKo)(F)?"flex":"none",backgroundColor:"green"==(0,f.ZJm)(F)?"#343434"==G?(0,f.ZJm)(F):G:(0,f.ZJm)(F),alignItems:"center",borderRadius:(0,f.CF_)(F)+"px",width:"fit-content",padding:(0,f.Spx)(F)?"3px 6px":"0px"},children:(0,f.Spx)(F)?(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(F),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",z,"important"))},children:"".concat(q,"% Off")}):(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(F),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",(0,f.V3Y)(F),"important"))},children:(0,f.sG7)(F)})})]})]})},j=o(7381);const T=(0,a.Z)({key:"whatmore-css-hv"});function O(e){const[t,o,r]=(0,c.Z)(),s=(0,h.MO)("whatmoreShopId"),l=e.events,a=e.onClick,{whatmoreWidgetSourceDetails:d}=(0,n.useContext)(i.I),p=Math.ceil(r),u=2*p,[x,g]=(0,n.useState)(u),[S,C]=(0,n.useState)(2*p),M=0===(0,f.WGf)(s)?24:(0,f.WGf)(s),[P,w]=(0,n.useState)({touchX:0,touchY:0}),j=()=>(0,D.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),T=()=>(0,D.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),O=e=>{if("next"===e){const e=2;C((e=>Math.min(e+Math.floor(r),l.length+p+1))),g((t=>Math.min(t+e,l.length+p+1)))}else C((e=>Math.max(e-Math.floor(r),u)));(0,v.y4)({userInteractionType:y.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,D.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{w({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,n,r;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-P.touchX,s=(null===(n=e.changedTouches)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.clientY)-P.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&O(i>0?"prev":"next")},children:[(0,f.Yxs)(s)&&(0,D.jsxs)(D.Fragment,{children:[S<=l.length+p&&(0,D.jsx)("div",{onClick:()=>O("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,D.jsx)(j,{})}),S>2*p&&(0,D.jsx)("div",{onClick:()=>O("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,D.jsx)(T,{})})]}),(0,D.jsx)("div",{style:{display:"flex",gap:M,transform:"translateX(-".concat((S-u)*(o+M),"px)"),transition:"transform 0.4s ease-in-out"},children:l.map(((e,t)=>t<x?(0,D.jsx)("div",{children:(0,D.jsx)(R,{isOnFocus:t<=S-p-1&&t>=Math.max(0,S-u),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>a(e)})},"whatmore-carousel-tile-".concat(t)):(0,D.jsx)(m.Z,{})))})]})}function b(e){const[t,o,r,s]=(0,c.Z)(),[l,a]=(0,n.useState)(-1),d=(0,h.MO)("whatmoreShopId"),[p,x]=(0,n.useState)("next"),m=e.onClick,g=e.events,{whatmoreWidgetSourceDetails:S}=(0,n.useContext)(i.I),C=Math.min(Math.ceil(r),g.length),[M,P]=(0,n.useState)(0),w=0===(0,f.WGf)(d)?24:(0,f.WGf)(d),j=()=>(0,D.jsx)("div",{children:(0,D.jsx)("button",{onClick:I,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),T=()=>(0,D.jsx)("div",{children:(0,D.jsx)("button",{onClick:b,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{M<=C&&P((e=>e+C))}),[C]);const O=()=>{a(-1)},b=()=>{M!==C&&(x("prev"),P((e=>Math.max(Math.ceil(e-r),C))),(0,v.y4)({userInteractionType:y.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}))},I=()=>{M>g.length+r||(x("next"),P((e=>Math.floor(e+r))),(0,v.y4)({userInteractionType:y.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}))},B=M>g.length?g.length-C+1:M-C,F=M>=g.length?g.length:B+C,N=g.slice(B,F);return"STRSJFOP1GI"==d&&console.log(r,"ssv"),(0,D.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(s,"px"),paddingRight:"".concat(s,"px")},children:["STRSJFOP1GI"==d&&g.length>5||g.length>=r-1&&(0,D.jsx)("div",{style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:M!==C&&(0,D.jsx)(T,{})}),(0,D.jsx)("div",{style:{display:"flex",gap:w+"px",width:"".concat(o*r*(0,f.Su5)(d),"px"),paddingLeft:"8px",justifyContent:g.length<=r-1||"STRSJFOP1GI"==d&&g.length<=5?"center":"flex-start",overflow:"hidden"},children:N.map(((e,t)=>{const o="whatmore-event-tile-landscape-".concat(e.index).concat(t===C-1?"-last":""),n=t===l;return(0,D.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===p?"next":"prev"),onMouseEnter:()=>(e=>{const t=u()((()=>a(e)),300);return t(),t.cancel})(t),onMouseLeave:O,children:(0,D.jsx)(R,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{m(e)})(e)})},o)}))}),"STRSJFOP1GI"==d&&g.length>5||g.length>=r-1&&(0,D.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:s+"px",transform:"translateY(-65%)"},children:M<=g.length&&(0,D.jsx)(j,{})})]})}var I=function(e){const[t,o,a]=(0,d.Z)(),[c]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[m]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==t?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:y}=(0,n.useContext)(i.I),g=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:S}=(0,n.useContext)(i.I),C=e.events,M=e.onClick,P=m;function w(e){M(e)}return(0,n.useEffect)((()=>{(0,j.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{i.$.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,D.jsx)(l.C,{value:T,children:(0,D.jsx)("div",{className:"whatmore-carousel-events",children:(0,D.jsx)(r.x,{theme:s.ZP,cssVarsRoot:y,resetCSS:!1,children:(0,D.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||S?(0,D.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",P,"important"),e.style.setProperty("font-size",v+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(c),lineHeight:(0,f.vY4)(c),letterSpacing:(0,f.X2K)(c)},children:S?"W"!==g?g:"":e.heading})}):(0,D.jsx)(D.Fragment,{}),"landscape"===t?(0,D.jsx)(b,{events:C,onClick:w}):(0,D.jsx)(O,{events:C,onClick:w})]})})})})}},7129:function(e,t,o){"use strict";o.d(t,{V:function(){return n}});const n=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,o){"use strict";var n=o(7313),r=o(9821),i=o(7129),s=o(6417);t.Z=function(e){var[t,o]=(0,r.Z)();return(0,n.useContext)(i.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},6040:function(e,t,o){const n=o(500);e.exports=function(e){if("string"!==typeof e)return;const t=e.toUpperCase();return Object.prototype.hasOwnProperty.call(n,t)?n[t]:void 0},e.exports.currencySymbolMap=n},500:function(e){e.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},3439:function(){},5892:function(){},4444:function(){},8507:function(e,t){"use strict";function o(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)e[n]=o[n]}return e}var n=function e(t,n){function r(e,r,i){if("undefined"!==typeof document){"number"===typeof(i=o({},n,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var l in i)i[l]&&(s+="; "+l,!0!==i[l]&&(s+="="+i[l].split(";")[0]));return document.cookie=e+"="+t.write(r,e)+s}}return Object.create({set:r,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var o=document.cookie?document.cookie.split("; "):[],n={},r=0;r<o.length;r++){var i=o[r].split("="),s=i.slice(1).join("=");try{var l=decodeURIComponent(i[0]);if(n[l]=t.read(s,l),e===l)break}catch(a){}}return e?n[e]:n}},remove:function(e,t){r(e,"",o({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,o({},this.attributes,t))},withConverter:function(t){return e(o({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});t.Z=n}}]);
1
+ /*! For license information please see 678.0bc96807.chunk.js.LICENSE.txt */
2
+ (self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[678],{9085:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return I}});var n=o(7313),r=(o(3439),o(6090)),i=o(5572),s=o(7616),l=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),x=o(7129),m=o(1855),f=o(9854),v=o(4522),y=o(778),g=o(4892),S=o(5945),C=o(9219),M=o(6805),P=o(8984),w=o(7053),D=o(6417);var R=function(e){var t,o,r,s,l,a,d,p,u,m,v,y,R,j;const[T,O,b,I,B]=(0,c.Z)(),F=(0,h.MO)("whatmoreShopId"),N="portrait"===B[M.YP],U=(N?1.076*O*(0,f.pEd)(F):O*(0,f.H4g)(F))+"px",E=(N?1.076*O*(0,f.pEd)(F):O*(0,f.H4g)(F))+"px",L=(N?.965*O*(0,f.pEd)(F):.859*O*(0,f.H4g)(F))+"px",[$,A]=(0,n.useState)(e.event),G=(0,h.MO)("whatmoreSecondaryColor");var K=(0,n.useContext)(x.V);const k=null===(t=e.isOnFocus)||void 0===t||t,Z=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,Y=e.onClick,{whatmoreUITheme:W}=(0,n.useContext)(i.I),H=null!==(r=e.animateOnFocus&&(0,f.iWI)(F))&&void 0!==r&&r,[V,X]=(0,n.useState)(!1),z=(0,h.MO)("whatmorePrimaryFont"),J=Math.round(+(null===(s=$.products[0])||void 0===s?void 0:s.price)),_=Math.round(+(null===(l=$.products[0])||void 0===l?void 0:l.compare_price)),Q=_&&0!=_&&_>J?Math.round((_-J)/_*100):NaN,[q,ee]=(0,n.useState)(Q),[te,oe]=(0,n.useState)();return(0,n.useEffect)((()=>{(0,f.N8M)(F)&&(0,C.p_)($,(0,f.Ipo)(F),F).then((e=>{var t,o,n;A(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&ee(null===e||void 0===e||null===(n=e.products[0])||void 0===n?void 0:n.discount),X(!0)}));(async()=>{var e;const t=await(0,w.p)(null===$||void 0===$||null===(e=$.products)||void 0===e?void 0:e[0],(0,f.Ipo)(F),F);oe(t),X(!0)})()}),[]),(0,D.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",K.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",K.tileBottomMMargin+"px","important"))},className:H&&!N?k?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:O},onClick:()=>{Y($)},children:[(0,D.jsx)("div",{style:{borderRadius:"round"==W?"5%":"0px",boxShadow:"round"==W?"0px 0px 5px 0px #B0B0B0":null,height:T,borderWidth:(0,f.alU)(F),borderColor:(0,f.qPe)(F),overflow:"hidden"},children:(0,D.jsx)(g.Z,{height:"100%",width:"100%",url:$.thumbnail_image,isPlaying:k||Z||(0,P.gE)(),event:$})}),(0,D.jsxs)("div",{style:{display:(0,f.pvY)(F)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",U,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,S.s)(null===(a=$.products[0])||void 0===a?void 0:a.title)}),V&&(0,f.QaY)(F)&&(0,D.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(F)?"row":"row-reverse",justifyContent:(0,f.$zZ)(F)?"flex-start":"flex-end"},children:[(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(F),"important"),e.style.setProperty("font-size",E,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(F)?"normal":"bold"},children:(0,C.jx)(parseFloat(null!==(d=null===te||void 0===te?void 0:te.price)&&void 0!==d?d:null===$||void 0===$||null===(p=$.products)||void 0===p||null===(u=p[0])||void 0===u?void 0:u.price)," ",F,null===(m=$.products[0])||void 0===m?void 0:m.currency)}),!isNaN(_)&&_>J&&(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(F),"important"),e.style.setProperty("font-size",E,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,C.jx)(parseFloat(null!==(v=null===te||void 0===te?void 0:te.compare_at_price)&&void 0!==v?v:null===$||void 0===$||null===(y=$.products)||void 0===y||null===(R=y[0])||void 0===R?void 0:R.compare_price)," ",F,null===(j=$.products[0])||void 0===j?void 0:j.currency)})]}),(0,f.QaY)(F)&&!isNaN(q)&&0!=q&&V&&(0,D.jsx)("div",{style:{display:(0,f.aKo)(F)?"flex":"none",backgroundColor:"green"==(0,f.ZJm)(F)?"#343434"==G?(0,f.ZJm)(F):G:(0,f.ZJm)(F),alignItems:"center",borderRadius:(0,f.CF_)(F)+"px",width:"fit-content",padding:(0,f.Spx)(F)?"3px 6px":"0px"},children:(0,f.Spx)(F)?(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(F),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",z,"important"))},children:"".concat(q,"% Off")}):(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(F),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",(0,f.V3Y)(F),"important"))},children:(0,f.sG7)(F)})})]})]})},j=o(7381);const T=(0,a.Z)({key:"whatmore-css-hv"});function O(e){const[t,o,r]=(0,c.Z)(),s=(0,h.MO)("whatmoreShopId"),l=e.events,a=e.onClick,{whatmoreWidgetSourceDetails:d}=(0,n.useContext)(i.I),p=Math.ceil(r),u=2*p,[x,g]=(0,n.useState)(u),[S,C]=(0,n.useState)(2*p),M=0===(0,f.WGf)(s)?24:(0,f.WGf)(s),[P,w]=(0,n.useState)({touchX:0,touchY:0}),j=()=>(0,D.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),T=()=>(0,D.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),O=e=>{if("next"===e){const e=2;C((e=>Math.min(e+Math.floor(r),l.length+p+1))),g((t=>Math.min(t+e,l.length+p+1)))}else C((e=>Math.max(e-Math.floor(r),u)));(0,v.y4)({userInteractionType:y.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,D.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{w({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,n,r;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-P.touchX,s=(null===(n=e.changedTouches)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.clientY)-P.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&O(i>0?"prev":"next")},children:[(0,f.Yxs)(s)&&(0,D.jsxs)(D.Fragment,{children:[S<=l.length+p&&(0,D.jsx)("div",{onClick:()=>O("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,D.jsx)(j,{})}),S>2*p&&(0,D.jsx)("div",{onClick:()=>O("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,D.jsx)(T,{})})]}),(0,D.jsx)("div",{style:{display:"flex",gap:M,transform:"translateX(-".concat((S-u)*(o+M),"px)"),transition:"transform 0.4s ease-in-out"},children:l.map(((e,t)=>t<x?(0,D.jsx)("div",{children:(0,D.jsx)(R,{isOnFocus:t<=S-p-1&&t>=Math.max(0,S-u),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>a(e)})},"whatmore-carousel-tile-".concat(t)):(0,D.jsx)(m.Z,{})))})]})}function b(e){const[t,o,r,s]=(0,c.Z)(),[l,a]=(0,n.useState)(-1),d=(0,h.MO)("whatmoreShopId"),[p,x]=(0,n.useState)("next"),m=e.onClick,g=e.events,{whatmoreWidgetSourceDetails:S}=(0,n.useContext)(i.I),C=Math.min(Math.ceil(r),g.length),[M,P]=(0,n.useState)(0),w=0===(0,f.WGf)(d)?24:(0,f.WGf)(d),j=()=>(0,D.jsx)("div",{children:(0,D.jsx)("button",{onClick:I,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),T=()=>(0,D.jsx)("div",{children:(0,D.jsx)("button",{onClick:b,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{M<=C&&P((e=>e+C))}),[C]);const O=()=>{a(-1)},b=()=>{M!==C&&(x("prev"),P((e=>Math.max(Math.ceil(e-r),C))),(0,v.y4)({userInteractionType:y.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}))},I=()=>{M>g.length+r||(x("next"),P((e=>Math.floor(e+r))),(0,v.y4)({userInteractionType:y.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}))},B=M>g.length?g.length-C+1:M-C,F=M>=g.length?g.length:B+C,N=g.slice(B,F);return"STRSJFOP1GI"==d&&console.log(r,"ssv"),(0,D.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(s,"px"),paddingRight:"".concat(s,"px")},children:[g.length>=r-1&&(0,D.jsx)("div",{style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:M!==C&&!("STRSJFOP1GI"==d&&g.length<=5)&&(0,D.jsx)(T,{})}),(0,D.jsx)("div",{style:{display:"flex",gap:w+"px",width:"".concat(o*r*(0,f.Su5)(d),"px"),paddingLeft:"8px",justifyContent:g.length<=r-1||"STRSJFOP1GI"==d&&g.length<=5?"center":"flex-start",overflow:"hidden"},children:N.map(((e,t)=>{const o="whatmore-event-tile-landscape-".concat(e.index).concat(t===C-1?"-last":""),n=t===l;return(0,D.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===p?"next":"prev"),onMouseEnter:()=>(e=>{const t=u()((()=>a(e)),300);return t(),t.cancel})(t),onMouseLeave:O,children:(0,D.jsx)(R,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{m(e)})(e)})},o)}))}),g.length>=r-1&&(0,D.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:s+"px",transform:"translateY(-65%)"},children:M<=g.length&&!("STRSJFOP1GI"==d&&g.length<=5)&&(0,D.jsx)(j,{})})]})}var I=function(e){const[t,o,a]=(0,d.Z)(),[c]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[m]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==t?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:y}=(0,n.useContext)(i.I),g=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:S}=(0,n.useContext)(i.I),C=e.events,M=e.onClick,P=m;function w(e){M(e)}return(0,n.useEffect)((()=>{(0,j.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{i.$.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,D.jsx)(l.C,{value:T,children:(0,D.jsx)("div",{className:"whatmore-carousel-events",children:(0,D.jsx)(r.x,{theme:s.ZP,cssVarsRoot:y,resetCSS:!1,children:(0,D.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||S?(0,D.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,D.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",P,"important"),e.style.setProperty("font-size",v+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(c),lineHeight:(0,f.vY4)(c),letterSpacing:(0,f.X2K)(c)},children:S?"W"!==g?g:"":e.heading})}):(0,D.jsx)(D.Fragment,{}),"landscape"===t?(0,D.jsx)(b,{events:C,onClick:w}):(0,D.jsx)(O,{events:C,onClick:w})]})})})})}},7129:function(e,t,o){"use strict";o.d(t,{V:function(){return n}});const n=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,o){"use strict";var n=o(7313),r=o(9821),i=o(7129),s=o(6417);t.Z=function(e){var[t,o]=(0,r.Z)();return(0,n.useContext)(i.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},6040:function(e,t,o){const n=o(500);e.exports=function(e){if("string"!==typeof e)return;const t=e.toUpperCase();return Object.prototype.hasOwnProperty.call(n,t)?n[t]:void 0},e.exports.currencySymbolMap=n},500:function(e){e.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},3439:function(){},5892:function(){},4444:function(){},8507:function(e,t){"use strict";function o(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)e[n]=o[n]}return e}var n=function e(t,n){function r(e,r,i){if("undefined"!==typeof document){"number"===typeof(i=o({},n,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var l in i)i[l]&&(s+="; "+l,!0!==i[l]&&(s+="="+i[l].split(";")[0]));return document.cookie=e+"="+t.write(r,e)+s}}return Object.create({set:r,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var o=document.cookie?document.cookie.split("; "):[],n={},r=0;r<o.length;r++){var i=o[r].split("="),s=i.slice(1).join("=");try{var l=decodeURIComponent(i[0]);if(n[l]=t.read(s,l),e===l)break}catch(a){}}return e?n[e]:n}},remove:function(e,t){r(e,"",o({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,o({},this.attributes,t))},withConverter:function(t){return e(o({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});t.Z=n}}]);
package/static/js/{691.7780b5e9.chunk.js → 691.cc6c8791.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[691,12],{1332:function(t,e,n){var o=n(7313),c=(n(8743),n(7753)),a=n(5254),r=n(6417);e.Z=function(t){return(0,o.useEffect)((()=>{const t=(0,a.oo)((0,c.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const c="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(c,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(c,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(c,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(c,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(c,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(c,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(c,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(c,";\n }\n }\n "),r=document.createElement("style");r.type="text/css",r.innerHTML=a,document.head.appendChild(r)}(t[0],t[1],t[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},3867:function(t,e,n){var o=n(8816),c=n(417),a=n(4885),r=n(7753),i=n(5572),s=n(7313),m=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[l]=(0,r.j1)("whatmoreSecondaryColor"),[d,u]=(0,r.j1)("productRatings"),h=(0,r.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),f=(t.productLink,t.fontSize),g=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(p in d)||d[p].avgRating>5)return(0,m.jsx)(m.Fragment,{});const v=d[p].avgRating,y=d[p].totalRatings;return(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,m.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(((t,e)=>(0,m.jsx)(o.Z,{sx:{color:l,fontSize:f+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,m.jsx)(c.Z,{sx:{color:l,fontSize:f+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(a.Z,{sx:{color:l,fontSize:f+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,m.jsx)(a.Z,{sx:{color:l,fontSize:f+"px"}},"star-outline-icon-"+e))),(0,m.jsx)("div",{children:(0,m.jsx)("div",{width:"2px"})}),(0,m.jsx)("div",{children:(0,m.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*f+"px","important"),t.style.setProperty("font-family",h,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,m.jsx)("div",{children:(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",g,"important"),t.style.setProperty("font-size",.8*f+"px","important"),t.style.setProperty("font-family",h,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+y+")"]})})]})})}},3175:function(t,e,n){var o=n(1332),c=n(5180),a=n(6417);e.Z=function(t){var e,n;const r=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.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)(c.Z,{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)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,c;const a=null!==(e=t.height)&&void 0!==e?e:"100%",r=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(c=t.borderRadius)&&void 0!==c?c:"10px";return(0,o.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,o.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),c=n(3175),a=n(6417);e.Z=function(t){var e,n,r;const[i,s]=(0,o.useState)(!1),m=o.useRef(0),l=(0,o.useRef)(null),d=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},u=null!==(n=t.height)&&void 0!==n?n:"100%",h=null!==(r=t.width)&&void 0!==r?r:"100%";return(0,o.useEffect)((()=>{m.current=0;const t=setInterval((()=>{m.current=m.current+.03,l.current&&d(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:u,overflow:"hidden"},children:[(0,a.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,a.jsx)("img",{ref:l,src:t.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(c.Z,{width:h,height:u})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return p}});var o=n(7313),c=n(3933),a=n(868),r=n(8984),i=n(7300),s=n(2887),m=n(4862),l=n(7753),d=n(342),u=n(6417);var h=function(t){var e,n;const a=(0,o.useRef)(null),[i,s,h]=(0,c.YD)({triggerOnce:!0}),p=(0,l.MO)("whatmoreShopId"),f=null!==(e=t.height)&&void 0!==e?e:"100%",g=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{a.current&&(t.isPlaying?a.current.play():((m.G6||(0,r.gE)())&&a.current.play(),a.current.pause()))}),[t.isPlaying,s]),(0,u.jsx)("div",{ref:i,style:{width:f,height:g,overflow:"hidden"},children:s?(0,u.jsxs)("video",{ref:a,className:"whatmore-video-player-muted",width:g,height:f,preload:"metadata",loop:!0,playsInline:!0,poster:t.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?t.url:t.poster,muted:!0,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:t.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(t.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:g,height:f,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var p=function(t){var e,n,m,l;const[p,f,g]=(0,c.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,u.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const v=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;var y;if((0,r.KE)())return(0,u.jsx)(h,{height:"100%",width:"100%",poster:null===t||void 0===t||null===(y=t.event)||void 0===y?void 0:y.poster_image,url:(0,a.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:v});const b=(0,o.useRef)(null),w=null!==(n=t.height)&&void 0!==n?n:"100%",x=null!==(m=t.width)&&void 0!==m?m:"100%";return(0,o.useEffect)((()=>{b.current&&(t.isPlaying?b.current.play():b.current.pause())}),[t.isPlaying,f]),(0,u.jsx)("div",{ref:p,style:{width:w,height:x,overflow:"hidden"},children:f?(0,u.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:x,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===t||void 0===t||null===(l=t.event)||void 0===l?void 0:l.poster_image,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:(0,a.V)(t.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(t.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:x,height:w,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),c=n(7753);const a={"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"},r={"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"},i=function(t){const e=(0,c.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zpr)(e))return t;if("AZURECDN"==(0,o.zpr)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(a))if(t.includes(e))return t.replace(e,a[e]);return t}}if("BUNNYCDN"==(0,o.zpr)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}return t}},342:function(t,e,n){n.d(e,{$W:function(){return i},WN:function(){return r},uv:function(){return a},vW:function(){return s}});var o=n(9854);const c=(0,n(7753).MO)("whatmoreShopId"),a=function(t){var e;return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.portrait.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.portrait.content_video_1080p?t.event_media_urls.secondary.portrait.content_video_1080p:null!==(e=t.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==e?e:null:t.event_hls_url},r=function(t){return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.landscape.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.landscape.content_video_1080p?t.event_media_urls.secondary.landscape.content_video_1080p:t.event_media_urls.primary.landscape.content_video_1080p:t.event_hls_url},i=function(t){if(t.startsWith("https://cdn.shopify.com")&&t.includes("whatmore_")){const e=(0,o.QFt)(c);if(!e)return t;const n=t.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-video-assets-720p.b-cdn.net/".concat(e,"/").concat(n)}return t},s=function(t){if(t.startsWith("https://cdn.shopify.com")&&t.includes("whatmore_")){const e=(0,o.QFt)(c);if(!e)return t;const n=t.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-thumbnail-video-assets.b-cdn.net/".concat(e,"/").concat(n)}return t}},9363:function(t,e,n){n.d(e,{$:function(){return r},s:function(){return a}});var o=n(9854),c=n(7753);function a(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,c.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(n)?"STRNV8MHJTF"==n?t+"?format=webp":t:t+e}function r(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,c=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(n)?"image":null!==c&&void 0!==c&&c.test(n)?"video":void 0}},5456:function(t,e,n){n.d(e,{B:function(){return o}});const o=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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.82z"}),"PlayArrowRounded");e.Z=r},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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");e.Z=r},417:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=r},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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.03L22 9.24zM12 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.28L12 15.4z"}),"StarOutline");e.Z=r},8743:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[691,12],{1332:function(t,e,n){var o=n(7313),c=(n(8743),n(7753)),a=n(5254),r=n(6417);e.Z=function(t){return(0,o.useEffect)((()=>{const t=(0,a.oo)((0,c.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const c="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(c,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(c,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(c,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(c,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(c,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(c,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(c,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(c,";\n }\n }\n "),r=document.createElement("style");r.type="text/css",r.innerHTML=a,document.head.appendChild(r)}(t[0],t[1],t[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},3867:function(t,e,n){var o=n(8816),c=n(417),a=n(4885),r=n(7753),i=n(5572),s=n(7313),m=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[l]=(0,r.j1)("whatmoreSecondaryColor"),[d,u]=(0,r.j1)("productRatings"),h=(0,r.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),f=(t.productLink,t.fontSize),g=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(p in d)||d[p].avgRating>5)return(0,m.jsx)(m.Fragment,{});const v=d[p].avgRating,y=d[p].totalRatings;return(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,m.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(((t,e)=>(0,m.jsx)(o.Z,{sx:{color:l,fontSize:f+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,m.jsx)(c.Z,{sx:{color:l,fontSize:f+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(a.Z,{sx:{color:l,fontSize:f+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,m.jsx)(a.Z,{sx:{color:l,fontSize:f+"px"}},"star-outline-icon-"+e))),(0,m.jsx)("div",{children:(0,m.jsx)("div",{width:"2px"})}),(0,m.jsx)("div",{children:(0,m.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*f+"px","important"),t.style.setProperty("font-family",h,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,m.jsx)("div",{children:(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",g,"important"),t.style.setProperty("font-size",.8*f+"px","important"),t.style.setProperty("font-family",h,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+y+")"]})})]})})}},3175:function(t,e,n){var o=n(1332),c=n(5180),a=n(6417);e.Z=function(t){var e,n;const r=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.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)(c.Z,{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)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,c;const a=null!==(e=t.height)&&void 0!==e?e:"100%",r=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(c=t.borderRadius)&&void 0!==c?c:"10px";return(0,o.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,o.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),c=n(3175),a=n(6417);e.Z=function(t){var e,n,r;const[i,s]=(0,o.useState)(!1),m=o.useRef(0),l=(0,o.useRef)(null),d=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},u=null!==(n=t.height)&&void 0!==n?n:"100%",h=null!==(r=t.width)&&void 0!==r?r:"100%";return(0,o.useEffect)((()=>{m.current=0;const t=setInterval((()=>{m.current=m.current+.03,l.current&&d(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:u,overflow:"hidden"},children:[(0,a.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,a.jsx)("img",{ref:l,src:t.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(c.Z,{width:h,height:u})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return p}});var o=n(7313),c=n(3933),a=n(868),r=n(8984),i=n(7300),s=n(2887),m=n(4862),l=n(7753),d=n(342),u=n(6417);var h=function(t){var e,n;const a=(0,o.useRef)(null),[i,s,h]=(0,c.YD)({triggerOnce:!0}),p=(0,l.MO)("whatmoreShopId"),f=null!==(e=t.height)&&void 0!==e?e:"100%",g=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{a.current&&(t.isPlaying?a.current.play():((m.G6||(0,r.gE)())&&a.current.play(),a.current.pause()))}),[t.isPlaying,s]),(0,u.jsx)("div",{ref:i,style:{width:f,height:g,overflow:"hidden"},children:s?(0,u.jsxs)("video",{ref:a,className:"whatmore-video-player-muted",width:g,height:f,preload:"metadata",loop:!0,playsInline:!0,poster:t.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?t.url:t.poster,muted:!0,style:{backgroundColor:"white",borderRadius:t.borderRadius},children:[(0,u.jsx)("source",{src:t.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(t.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:g,height:f,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var p=function(t){var e,n,m,l;const[p,f,g]=(0,c.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,u.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const v=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;var y;if((0,r.KE)())return(0,u.jsx)(h,{borderRadius:t.borderRadius,height:"100%",width:"100%",poster:null===t||void 0===t||null===(y=t.event)||void 0===y?void 0:y.poster_image,url:(0,a.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:v});const b=(0,o.useRef)(null),w=null!==(n=t.height)&&void 0!==n?n:"100%",x=null!==(m=t.width)&&void 0!==m?m:"100%";return(0,o.useEffect)((()=>{b.current&&(t.isPlaying?b.current.play():b.current.pause())}),[t.isPlaying,f]),(0,u.jsx)("div",{ref:p,style:{width:w,height:x,overflow:"hidden"},children:f?(0,u.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:x,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===t||void 0===t||null===(l=t.event)||void 0===l?void 0:l.poster_image,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:(0,a.V)(t.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(t.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:x,height:w,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),c=n(7753);const a={"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"},r={"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"},i=function(t){const e=(0,c.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zpr)(e))return t;if("AZURECDN"==(0,o.zpr)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(a))if(t.includes(e))return t.replace(e,a[e]);return t}}if("BUNNYCDN"==(0,o.zpr)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}return t}},342:function(t,e,n){n.d(e,{$W:function(){return i},WN:function(){return r},uv:function(){return a},vW:function(){return s}});var o=n(9854);const c=(0,n(7753).MO)("whatmoreShopId"),a=function(t){var e;return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.portrait.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.portrait.content_video_1080p?t.event_media_urls.secondary.portrait.content_video_1080p:null!==(e=t.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==e?e:null:t.event_hls_url},r=function(t){return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.landscape.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.landscape.content_video_1080p?t.event_media_urls.secondary.landscape.content_video_1080p:t.event_media_urls.primary.landscape.content_video_1080p:t.event_hls_url},i=function(t){if(t.startsWith("https://cdn.shopify.com")&&t.includes("whatmore_")){const e=(0,o.QFt)(c);if(!e)return t;const n=t.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-video-assets-720p.b-cdn.net/".concat(e,"/").concat(n)}return t},s=function(t){if(t.startsWith("https://cdn.shopify.com")&&t.includes("whatmore_")){const e=(0,o.QFt)(c);if(!e)return t;const n=t.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-thumbnail-video-assets.b-cdn.net/".concat(e,"/").concat(n)}return t}},9363:function(t,e,n){n.d(e,{$:function(){return r},s:function(){return a}});var o=n(9854),c=n(7753);function a(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,c.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(n)?"STRNV8MHJTF"==n?t+"?format=webp":t:t+e}function r(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,c=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(n)?"image":null!==c&&void 0!==c&&c.test(n)?"video":void 0}},5456:function(t,e,n){n.d(e,{B:function(){return o}});const o=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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.82z"}),"PlayArrowRounded");e.Z=r},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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");e.Z=r},417:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=r},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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.03L22 9.24zM12 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.28L12 15.4z"}),"StarOutline");e.Z=r},8743:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
package/static/js/692.763d3df3.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[692],{3388:function(e,t,n){n.d(t,{OC:function(){return a},e8:function(){return r},kT:function(){return i},kW:function(){return l},xg:function(){return o}});const i=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},o=function(e,t){return!(void 0==e.products||0==e.products.length)},r=function(e,t){if(null!=e)return e.filter((e=>1==i(e)))},l=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const a=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const i=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return i?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(i):[]}},5380:function(e,t,n){n.d(t,{Z:function(){return v}});var i=n(4959),o=n(7313),r=n(4892),l=n(6805),a=n(7753),s=n(9821);var d=function(e){const[t,n,i,o,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*h,n*h,r]},c=n(9723),h=n(9461),u=n.n(h),p=n(1195),f=n(7108),x=(n(7244),n(123),n(9854)),g=n(5572),m=n(6417);var v=function(e){var t;const n=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:w}=(0,o.useContext)(g.I),[j]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[b]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[I]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),_=(0,a.MO)("whatmoreShopId");var C=b,P=y,k=S;v[l.YP]===l.$w&&(C=I,P=E,k=z);const[L,O]=(0,o.useState)(["initial",window.pageYOffset]),[A,T]=(0,o.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[l.YP]===l.$w?.7*(0,x.zGA)(_):(0,x.zGA)(_),F=M?V:1;s*=F,h*=F;const Z=M?(0,x.G0o)(_):C,D=M?(0,x.X8j)(_):(0,x.lVn)(_),[N,R]=(0,o.useState)(!M&&(0,x.eXi)(_));function Y(e,t){O(e),e[1]<=100?T(!1):t!=A&&(T(t),R(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(Y([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)}),[L]),(0,i.O3)({ref:n,handler:()=>{Y(["scrolled-up",L[1]],!0)}});const W=e.event,$=e.inVideoClick,B=e.closeClick,G=.3*h,H=.6*h,K=.1*h,U=.1*(.5*h),X="round"==w?"10px":"0px",q=(0,x.Z$A)(_);var J=!1,Q=0,ee=0;function te(e){J=e}return(0,m.jsx)("div",{children:N&&!D?(0,m.jsx)(m.Fragment,{}):A&&D?(0,m.jsx)("div",{style:"left"===Z?{left:"1px",bottom:M?(0,x.vnu)(_)+"px":k+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:M?(0,x.vnu)(_)+"px":k+"px",position:"fixed",zIndex:q},children:(0,m.jsxs)("div",{onClick:()=>{Y(["initial",L[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===Z?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,m.jsx)("div",{style:{overflow:"hidden"},children:(0,m.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,m.jsx)(r.Z,{url:W.thumbnail_image,isPlaying:!1,event:W})})}),(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,m.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,m.jsx)(p.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:G+"px"},style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"},onClick:B})})}),(0,m.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,m.jsx)(f.Z,{sx:{color:"white",fontSize:2*G+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,m.jsx)(u(),{nodeRef:n,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,i;n=t.x,i=t.y,Q=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):$(W)},children:(0,m.jsx)("div",{ref:n,style:"left"===Z?{left:M?(0,x.$II)(_)+"px":P+"px",bottom:M?(0,x.vnu)(_)+"px":k+"px",position:"fixed",zIndex:q}:{right:M?(0,x.$II)(_)+"px":P+"px",bottom:M?(0,x.vnu)(_)+"px":k+"px",position:"fixed",zIndex:q},children:(0,m.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===Z?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,m.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,m.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,m.jsx)(r.Z,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,m.jsx)(p.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:G+"px"},onClick:B,style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"}})}),(0,m.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,m.jsx)(c.Z,{sx:{color:(0,x.Ya_)(_),fontSize:H+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,m.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:X,borderBottomRightRadius:X,backgroundImage:j?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,m.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*G+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",j]})})]})})]})})})})}},2209:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),l=n(7753),a=n(5160),s=n(6967),d=n(5380),c=n(58),h=n(8984),u=n(4669),p=n(513),f=n(9302),x=n(7381),g=n(2575),m=n(7300),v=n(6524),w=n(3388),j=n(7643),b=n(778),y=n(5572),S=n(6417);const I=(0,g.Z)({key:"whatmore-css-wsv"}),E=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(351),n.e(955),n.e(926),n.e(824),n.e(218),n.e(587)]).then(n.bind(n,3218))));t.default=function(e){const[t,n]=(0,i.useState)(),[g,z]=(0,i.useState)(),[_]=(0,l.j1)("isInDesignMode"),[C]=(0,l.j1)("isDemoBrand"),[P,k]=(0,i.useState)(-2),[L]=(0,l.j1)("whatmoreShopId"),O=(0,l.MO)("isLandingSharedLink"),A=(0,l.MO)("whatmoreShareTemplateId"),T=((0,l.MO)("whatmoreShareStoryId"),(0,l.MO)("whatmoreShareEventId")),M=(0,l.MO)("whatmoreLandingLocationType"),V=(0,l.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:F}=(0,i.useContext)(y.I);var Z=(0,o.efR)(L)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,i.useEffect)((()=>{(0,s.hb)()}),[]),(0,i.useEffect)((()=>{(0,u.ll)(L)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||g||!(0,h.KE)()||(0,l.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{k(-1);const e=v.NX,t=(0,v.H1)(M),i=Z.toString()+L.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+L;fetch(i).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{z(e.message)}))}),[]),(0,i.useEffect)((()=>{k(-2)}),[t]),(0,i.useEffect)((()=>{null==t||0==t.length||g||O&&"template-embed"==(0,v.zv)(A)&&null!=T&&t.forEach(((e,t)=>{T==e.event_id&&R(e,!0,t)}))}),[t]);const D=F.landingLocationType,N=F.templateType,R=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,h.KE)()&&!t&&(0,c.QV)(),(0,m.B6)(e)||(0,m.WJ)(e))return _||C||(async()=>{const t=(0,v.NY)(D)+(0,v.dS)(N)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,a.wh)(e),(0,u.Tc)(L,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup",t)})(),void k(n)};function Y(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||g?(0,S.jsx)("div",{}):(V&&(0,x.EI)(t),(0,o.B$L)(L)&&P<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,S.jsx)(S.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,S.jsx)(f.C,{value:I,children:-1===P||0===t.length?(0,S.jsx)(Y,{}):-2===P&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(j.u,{userInteractionType:b.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!_&&!C,children:(0,S.jsx)(d.Z,{event:t[0],inVideoClick:R,closeClick:e=>{e.stopPropagation(),k(-1)},isSpotlight:!0})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(j.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!_&&!C,children:(0,S.jsx)(E,{events:t,index:P,onBack:function(){(0,o.n2L)(L)&&(0,l.MO)("whatmoreAddedToCart")&&(0,p.D)(L,(()=>{}),100,window.location.hostname),k(-2)},template:"template-embed"})})})})})))}}}]);
package/static/js/{708.fad7225d.chunk.js → 708.707b257f.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[708],{1291:function(e,t,i){i.r(t);var o=i(7313),n=i(6090),r=i(7616),l=i(5572),a=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),s=i(2575),d=i(8866),c=i(7753),p=i(7129),h=i(8631),x=i(9821),m=i(8782),u=i(7381),f=i(9854),w=i(5380),v=i(3933),g=i(6417);const y=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i,s,j]=(0,d.Z)(),[b,S,C,P,E]=(0,x.Z)(),z=(0,c.MO)("whatmoreCollectionsTileSize"),k=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),L="portrait"===i?k:z,R="portrait"==i?0:(0,c.MO)("whatmoreLandscapePadding"),I=(0,c.MO)("whatmoreCollectionsTilesSpacing"),M=(0,c.MO)("whatmoreShopId"),[A]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:O}=(0,o.useContext)(l.I),{whatmoreIsCollectionsTemplate:Z}=(0,o.useContext)(l.I),F=e.events,V=e.onClick,B=(0,c.MO)("whatmoreTitleFont"),T="portrait"==i?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),D=null!==(t=(0,f.aRS)(M))&&void 0!==t?t:B;function N(e){V(e)}delete r.ZP.styles.global;const Y=.055*S;var H=[];for(let o=0;o<F.length;)H.push((0,g.jsx)(h.Z,{mode:i,event:F[o],onClick:()=>{N(F[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:Y},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,u.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const i=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(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]);const[W,X,$]=(0,v.YD)({triggerOnce:!1});return(0,g.jsx)(a.C,{value:y,children:(0,g.jsx)("div",{className:Z?"whatmore-collection-events":"whatmore-carousel-events",children:(0,g.jsx)(n.x,{theme:r.ZP,cssVarsRoot:O,resetCSS:!1,children:(0,g.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!Z&&(0,f.wXY)(M)?(0,g.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",D,"important"),e.style.setProperty("font-size",T+"px","important"))},style:{color:A,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(M),lineHeight:(0,f.vY4)(M),letterSpacing:(0,f.X2K)(M)},children:e.heading})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{ref:W,style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,g.jsx)(m.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:H,spacing:I,defaultHeight:b*L*.01+"px",defaultWidth:S*L*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(M)&&Z&&!X&&-1==e.index&&(0,g.jsx)(w.Z,{event:F[0],inVideoClick:N,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),s=i(9821),d=i(5572),c=i(6417);t.Z=function(e){var t;const[i,p,h,x,m]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[f]=(0,r.j1)("whatmoreShopId"),[w]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:w,y=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:j}=(0,o.useContext)(d.I),[b,S]=(0,o.useState)(!1),C=(0,n.f63)(f),P=j.landingLocationType;(0,o.useContext)(a.V);const E=e.event,z=e.onClick,k=e.removeBorders,L=i*g*.01,R=p*g*.01,I=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,c.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n.XnJ)(f)?"auto":R+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":(0,n.VwM)(f)+"px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{S(!0),z(E)},className:[b?"whatmore-scale-on-tap":""].join(" "),children:[(0,c.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:I,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+C+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+C+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+C+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+C+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":R+"px",borderRadius:I,backgroundColor:"gray",overflow:"hidden"},children:(0,c.jsx)(l.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})}),P.startsWith("product")&&(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,c.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",y,"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===E||void 0===E?void 0:E.title})})]})}},8782:function(e,t,i){i.d(t,{P:function(){return a}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:n}=(0,o.YD)({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:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}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,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var o=i(4959),n=i(7313),r=i(4892),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,o,n,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*p,i*p,r]},c=i(9723),p=i(9461),h=i.n(p),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(5572),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[s,p,v]=d();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var k=j,L=b,R=S;v[l.YP]===l.$w&&(k=C,L=P,R=E);const[I,M]=(0,n.useState)(["initial",window.pageYOffset]),[A,O]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,F=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),V=Z?F:1;s*=V,p*=V;const B=Z?(0,u.G0o)(z):k,T=Z?(0,u.X8j)(z):(0,u.lVn)(z),[D,N]=(0,n.useState)(!Z&&(0,u.eXi)(z));function Y(e,t){M(e),e[1]<=100?O(!1):t!=A&&(O(t),N(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(Y([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)}),[I]),(0,o.O3)({ref:i,handler:()=>{Y(["scrolled-up",I[1]],!0)}});const H=e.event,W=e.inVideoClick,X=e.closeClick,$=.3*p,q=.6*p,_=.1*p,G=.1*(.5*p),J="round"==g?"10px":"0px",K=(0,u.Z$A)(z);var U=!1,Q=0,ee=0;function te(e){U=e}return(0,w.jsx)("div",{children:D&&!T?(0,w.jsx)(w.Fragment,{}):A&&T?(0,w.jsx)("div",{style:"left"===B?{left:"1px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{onClick:()=>{Y(["initial",I[1]],!1)},style:{margin:"1px",width:p+"px",height:s+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===B?{left:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K}:{right:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:s+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[708],{1291:function(e,t,i){i.r(t);var o=i(7313),n=i(6090),r=i(7616),l=i(5572),a=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),s=i(2575),d=i(8866),c=i(7753),p=i(7129),h=i(8631),x=i(9821),m=i(8782),u=i(7381),f=i(9854),w=i(5380),v=i(3933),g=i(6417);const y=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i,s,j]=(0,d.Z)(),[b,S,C,P,E]=(0,x.Z)(),z=(0,c.MO)("whatmoreCollectionsTileSize"),k=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),L="portrait"===i?k:z,I="portrait"==i?0:(0,c.MO)("whatmoreLandscapePadding"),M=(0,c.MO)("whatmoreCollectionsTilesSpacing"),R=(0,c.MO)("whatmoreShopId"),[A]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:O}=(0,o.useContext)(l.I),{whatmoreIsCollectionsTemplate:Z}=(0,o.useContext)(l.I),F=e.events,V=e.onClick,T=(0,c.MO)("whatmoreTitleFont"),D="portrait"==i?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),N=null!==(t=(0,f.aRS)(R))&&void 0!==t?t:T;function Y(e){V(e)}delete r.ZP.styles.global;const H=.055*S;var W=[];for(let o=0;o<F.length;)W.push((0,g.jsx)(h.Z,{mode:i,event:F[o],onClick:()=>{Y(F[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:H},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,u.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const i=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(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]);const[B,X,$]=(0,v.YD)({triggerOnce:!1});return(0,g.jsx)(a.C,{value:y,children:(0,g.jsx)("div",{className:Z?"whatmore-collection-events":"whatmore-carousel-events",children:(0,g.jsx)(n.x,{theme:r.ZP,cssVarsRoot:O,resetCSS:!1,children:(0,g.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!Z&&(0,f.wXY)(R)?(0,g.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",N,"important"),e.style.setProperty("font-size",D+"px","important"))},style:{color:A,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(R),lineHeight:(0,f.vY4)(R),letterSpacing:(0,f.X2K)(R)},children:e.heading})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{ref:B,style:{marginLeft:I+"px",marginRight:I+"px"},children:(0,g.jsx)(m.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:W,spacing:M,defaultHeight:b*L*.01+"px",defaultWidth:S*L*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(R)&&Z&&!X&&-1==e.index&&(0,g.jsx)(w.Z,{event:F[0],inVideoClick:Y,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),s=i(9821),d=i(5572),c=i(6417);t.Z=function(e){var t;const[i,p,h,x,m]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[f]=(0,r.j1)("whatmoreShopId"),[w]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:w,y=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:j}=(0,o.useContext)(d.I),[b,S]=(0,o.useState)(!1),C=(0,n.f63)(f),P=j.landingLocationType;(0,o.useContext)(a.V);const E=e.event,z=e.onClick,k=e.removeBorders,L=i*g*.01,I=p*g*.01,M=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,c.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n.XnJ)(f)?"auto":I+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":(0,n.VwM)(f)+"px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{S(!0),z(E)},className:[b?"whatmore-scale-on-tap":""].join(" "),children:[(0,c.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:M,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+C+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+C+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+C+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+C+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":I+"px",borderRadius:M,backgroundColor:"gray",overflow:"hidden"},children:(0,c.jsx)(l.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})}),P.startsWith("product")&&(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,c.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",y,"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===E||void 0===E?void 0:E.title})})]})}},8782:function(e,t,i){i.d(t,{P:function(){return a}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:n}=(0,o.YD)({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:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}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,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var o=i(4959),n=i(7313),r=i(4892),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,o,n,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*p,i*p,r]},c=i(9723),p=i(9461),h=i.n(p),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(5572),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[s,p,v]=d();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var k=j,L=b,I=S;v[l.YP]===l.$w&&(k=C,L=P,I=E);const[M,R]=(0,n.useState)(["initial",window.pageYOffset]),[A,O]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,F=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),V=Z?F:1;s*=V,p*=V;const T=Z?(0,u.G0o)(z):k,D=Z?(0,u.X8j)(z):(0,u.lVn)(z),[N,Y]=(0,n.useState)(!Z&&(0,u.eXi)(z));function H(e,t){R(e),e[1]<=100?O(!1):t!=A&&(O(t),Y(!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)}),[M]),(0,o.O3)({ref:i,handler:()=>{H(["scrolled-up",M[1]],!0)}});const W=e.event,B=e.inVideoClick,X=e.closeClick,$=.3*p,q=.6*p,_=.1*p,G=.1*(.5*p),J="round"==g?"10px":"0px",K=(0,u.Z$A)(z);var U=!1,Q=0,ee=0;function te(e){U=e}return(0,w.jsx)("div",{children:N&&!D?(0,w.jsx)(w.Fragment,{}):A&&D?(0,w.jsx)("div",{style:"left"===T?{left:"1px",bottom:Z?(0,u.vnu)(z)+"px":I+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:Z?(0,u.vnu)(z)+"px":I+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{onClick:()=>{H(["initial",M[1]],!1)},style:{margin:"1px",width:p+"px",height:s+"px"},className:"left"===T?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:W.thumbnail_image,isPlaying:!1,event:W})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,w.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):B(W)},children:(0,w.jsx)("div",{ref:i,style:"left"===T?{left:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":I+"px",position:"fixed",zIndex:K}:{right:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":I+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:s+"px"}),className:"left"===T?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
package/static/js/74.eaa86508.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[74],{8181:function(e,t,n){var i=n(7313),o=n(8866),r=n(7753),a=n(6417);const s=i.memo((()=>{if(!(0,r.MO)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[e]=(0,o.Z)();return(0,a.jsxs)("div",{className:"shimmer-container ".concat(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 ".concat(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.Z=s},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),s=n(7753),d=n(9821);var l=function(e){const[t,n,i,o,r]=(0,d.Z)(),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.YP]===a.$w?c/100:l/100*1.2;return[t*u,n*u,r]},c=n(9723),u=n(9461),p=n.n(u),h=n(1195),m=n(7108),v=(n(7244),n(123),n(9854)),f=n(5572),g=n(6417);var w=function(e){var t;const n=o.useRef(null);var[d,u,w]=l();const{whatmoreUITheme:x}=(0,o.useContext)(f.I),[b]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[_]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),L=(0,s.MO)("whatmoreShopId");var C=y,D=j,T=I;w[a.YP]===a.$w&&(C=_,D=E,T=S);const[P,k]=(0,o.useState)(["initial",window.pageYOffset]),[z,O]=(0,o.useState)(!1),A=null!==(t=e.isSpotlight)&&void 0!==t&&t,K=w[a.YP]===a.$w?.7*(0,v.zGA)(L):(0,v.zGA)(L),V=A?K:1;d*=V,u*=V;const M=A?(0,v.G0o)(L):C,N=A?(0,v.X8j)(L):(0,v.lVn)(L),[Z,F]=(0,o.useState)(!A&&(0,v.eXi)(L));function R(e,t){k(e),e[1]<=100?O(!1):t!=z&&(O(t),F(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(R([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.O3)({ref:n,handler:()=>{R(["scrolled-up",P[1]],!0)}});const W=e.event,U=e.inVideoClick,B=e.closeClick,H=.3*u,Y=.6*u,G=.1*u,$=.1*(.5*u),q="round"==x?"10px":"0px",J=(0,v.Z$A)(L);var X=!1,Q=0,ee=0;function te(e){X=e}return(0,g.jsx)("div",{children:Z&&!N?(0,g.jsx)(g.Fragment,{}):z&&N?(0,g.jsx)("div",{style:"left"===M?{left:"1px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{onClick:()=>{R(["initial",P[1]],!1)},style:{margin:"1px",width:u+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(r.Z,{url:W.thumbnail_image,isPlaying:!1,event:W})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,g.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:H+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:B})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(m.Z,{sx:{color:"white",fontSize:2*H+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,g.jsx)(p(),{nodeRef:n,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,i;n=t.x,i=t.y,Q=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{X&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):U(W)},children:(0,g.jsx)("div",{ref:n,style:"left"===M?{left:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:u+"px",height:d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(r.Z,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:H+"px"},onClick:B,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(c.Z,{sx:{color:(0,v.Ya_)(L),fontSize:Y+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:b?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*H+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),s=n(5160),d=n(6967),l=n(5380),c=n(58),u=n(8984),p=n(4669),h=n(513),m=n(9302),v=n(2575),f=n(7300),g=n(6524),w=n(5572),x=n(4522),b=n(778),y=n(7643),j=n(7008),I=n(7381),_=n(8181),E=n(6095),S=n(6417);const L=(0,v.Z)({key:"whatmore-css-ppv"}),C=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(351),n.e(955),n.e(926),n.e(824),n.e(218),n.e(903)]).then(n.bind(n,3218))));function D(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[v,T]=(0,i.useState)(),[P]=(0,a.j1)("isInDesignMode"),[k]=(0,a.j1)("isDemoBrand"),[z]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[O,A]=(0,i.useState)(-2),[K]=(0,a.j1)("whatmoreVariantId"),[V]=(0,a.j1)("whatmoreShopId");var[M]=(0,a.j1)("whatmoreProductId");const N=(0,a.MO)("isLandingSharedLink"),Z=(0,a.MO)("whatmoreShareTemplateId"),F=(0,a.MO)("whatmoreShareEventId"),R=N&&"template-embed"===(0,g.zv)(Z),[W,U]=(0,i.useState)(R);M=(0,o.iXA)(V)?D(window.location.href):M;const[B,H]=(0,i.useState)((()=>"true"===z?K:M));var Y=r.Gc+"/v2/brand/"+V+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(w.I);(0,i.useEffect)((()=>{(0,I.Oo)("Video shopping powered by Whatmore!"),(0,d.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,j.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(V)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||v||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{A(-1),fetch(Y.toString()+"?client_product_id="+B.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(null!=e&&0!=e.length&&(0,o.Htz)(V)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(V)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==D(window.location.href))return;const i={product_id:n.product_id,product_link:D(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,B),e))).catch((e=>{T(e.message)}))}),[B]),(0,i.useEffect)((()=>{var e,n;A(-2),(t&&t.length>0||(0,o.uO6)(V))&&(0,x.PB)({userInteractionType:b.K.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)((()=>{let e=history.pushState;history.pushState=function(){let t=e.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};let t=history.replaceState;history.replaceState=function(){let e=t.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("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&&H(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!v&&R&&((0,E.A)("whatmore-video-player",(()=>{U(!1)})),null!=F)){const e=t.find((e=>F==e.event_id));if(e)return void J(e,!0,t.indexOf(e))}}),[t]);const $=G.landingLocationType,q=G.templateType,J=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.KE)()&&!t&&(0,c.QV)(),(0,f.B6)(e)||(0,f.WJ)(e))return P||k||(async()=>{const t=(0,g.NY)($)+(0,g.dS)(q)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,s.wh)(e),(0,p.Tc)(V,r.h7,r.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void A(n)};function X(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||v?(0,S.jsx)("div",{}):(0,S.jsxs)(m.C,{value:L,children:[W&&(0,S.jsx)(_.Z,{}),"no-product"===B||-1===O||0===t.length?(0,S.jsx)(X,{}):-2===O&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(y.u,{userInteractionType:b.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(l.Z,{event:t[0],inVideoClick:J,closeClick:e=>{e.stopPropagation(),A(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(y.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(C,{events:t,index:O,onBack:function(e){(0,o.n2L)(V)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(V,(()=>{}),100,window.location.hostname,e),A(-2),U(!1)},template:"template-product-page"})})})})]})}},6095: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,{A:function(){return i}})},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return d},y4:function(){return c},PB:function(){return u},Z2:function(){return l}});var i=n(9854),o=n(7753),r=n(778);var a=n(733);const s={[r.K.EVENT_VIEW]:"whatmore_video_click_event",[r.K.VIDEO_LIKED]:"whatmore_video_like_event",[r.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[r.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[r.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event"};function d(e){var t;let{userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}=e;(0,a.s)({userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}),n in s&&function(e,t){const n=(0,o.MO)("whatmoreShopId");(e!=r.K.EVENT_VIEW||(0,i.UAB)(n))&&(e!=r.K.SHOPNOW_ATC_CLICKED&&e!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(n))&&(e!=r.K.VIDEO_LIKED||(0,i.sKB)(n))&&(e!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(n))&&"function"==typeof fbq&&(async()=>{console.log("hello"),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})})()}(n,null!==(t=null===u||void 0===u?void 0:u[1])&&void 0!==t?t:null===u||void 0===u?void 0:u[0])}function l(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function c(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}}}]);
package/static/js/84.d8f545fe.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[84],{8767:function(e,t,i){i.r(t),i.d(t,{default:function(){return b}});var n=i(7313),o=i(6090),r=i(7616),l=i(5572),a=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),s=i(2575),d=i(8866),c=i(7753),h=i(7129),p=i(9854),x=(i(9111),i(9778),i(4892)),m=i(9821),u=i(6417);var f=function(e){var t;const[i,o,r,l,a]=(0,m.Z)(),s=(0,c.MO)("whatmoreSecondaryColor"),d=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),f=(0,c.MO)("whatmoreCollectionsTileSize"),w=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),v="portrait"===e.mode?w:f,[g,y]=(0,n.useState)(!1),j=(0,p.f63)(h),b=e.event,S=e.onClick,E=e.removeBorders,C=o*v*.01,z=(0,p.eHp)(h);return(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,p.VwM)(h)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+s+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+s+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+s+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+s+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,u.jsx)(u.Fragment,{children:(0,u.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C*z+"px",width:C*z+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden"},children:(0,u.jsx)(x.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,u.jsx)("div",{style:{fontFamily:d,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,u.jsx)("p",{children:b.title})})]})},w=i(8782),v=i(7381),g=i(5380),y=i(3933);const j=(0,s.Z)({key:"whatmore-css-cv"});var b=function(e){const[t,i,s]=(0,d.Z)(),[x,b,S,E,C]=(0,m.Z)(),z=(0,c.MO)("whatmoreCollectionsTileSize"),P=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===t?P:z,L="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),k=(0,c.MO)("whatmoreCollectionsTilesSpacing"),I=(0,c.MO)("whatmoreShopId"),[O]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:R}=(0,n.useContext)(l.I),A=e.events,F=e.onClick,{whatmoreIsCollectionsTemplate:Z}=((0,c.MO)("whatmoreTitleFont"),(0,n.useContext)(l.I));function T(e){F(e)}"portrait"==t?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),(0,p.aRS)(I);const[V,D,H]=(0,y.YD)({triggerOnce:!1});delete r.ZP.styles.global;const N=.055*b;var B=[];for(let n=0;n<A.length;)B.push((0,u.jsx)(f,{mode:t,event:A[n],onClick:()=>{T(A[n-1])},removeBorders:(0,p.Xtg)(I),fontSize:N},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,v.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.$.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")}))}),[]),(0,u.jsx)(a.C,{value:j,children:(0,u.jsx)("div",{className:Z?"whatmore-collection-events":"whatmore-carousel-events",children:(0,u.jsx)(o.x,{theme:r.ZP,cssVarsRoot:R,resetCSS:!1,children:(0,u.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,u.jsx)("div",{ref:V,style:{marginLeft:L+"px",marginRight:L+"px"},children:(0,u.jsx)(w.P,{renderElement:e=>(0,u.jsx)(u.Fragment,{children:e.eventData}),dataList:B,spacing:k,defaultHeight:x*M*.01+"px",defaultWidth:b*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,p.dhc)(I)&&!D&&-1==e.index&&(0,u.jsx)(g.Z,{event:A[0],inVideoClick:T,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8782:function(e,t,i){i.d(t,{P:function(){return a}});var n=i(3933),o=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:o}=(0,n.YD)({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:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,n,o,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(5572),w=i(6417);var v=function(e){var t;const i=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:g}=(0,o.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,a.MO)("whatmoreShopId");var M=j,L=b,k=S;v[l.YP]===l.$w&&(M=E,L=C,k=z);const[I,O]=(0,o.useState)(["initial",window.pageYOffset]),[R,A]=(0,o.useState)(!1),F=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=v[l.YP]===l.$w?.7*(0,u.zGA)(P):(0,u.zGA)(P),T=F?Z:1;s*=T,h*=T;const V=F?(0,u.G0o)(P):M,D=F?(0,u.X8j)(P):(0,u.lVn)(P),[H,N]=(0,o.useState)(!F&&(0,u.eXi)(P));function B(e,t){O(e),e[1]<=100?A(!1):t!=R&&(A(t),N(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(B([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[I]),(0,n.O3)({ref:i,handler:()=>{B(["scrolled-up",I[1]],!0)}});const Y=e.event,W=e.inVideoClick,X=e.closeClick,$=.3*h,q=.6*h,_=.1*h,G=.1*(.5*h),U="round"==g?"10px":"0px",J=(0,u.Z$A)(P);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:H&&!D?(0,w.jsx)(w.Fragment,{}):R&&D?(0,w.jsx)("div",{style:"left"===V?{left:"1px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{onClick:()=>{B(["initial",I[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,w.jsx)(p(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,Q=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(Y)},children:(0,w.jsx)("div",{ref:i,style:"left"===V?{left:F?(0,u.$II)(P)+"px":L+"px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J}:{right:F?(0,u.$II)(P)+"px":L+"px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(c.Z,{sx:{color:(0,u.Ya_)(P),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);