whatmore-react-assets 1.0.931 → 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 (18) 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/{691.7780b5e9.chunk.js → 691.cc6c8791.chunk.js} +1 -1
  8. package/static/js/692.763d3df3.chunk.js +1 -0
  9. package/static/js/{708.fad7225d.chunk.js → 708.707b257f.chunk.js} +1 -1
  10. package/static/js/74.eaa86508.chunk.js +1 -0
  11. package/static/js/84.d8f545fe.chunk.js +1 -0
  12. package/static/js/{950.d1f02513.chunk.js → 950.b581d925.chunk.js} +1 -1
  13. package/whatmore.js +2 -2
  14. package/static/js/218.4b3c52fb.chunk.js +0 -1
  15. package/static/js/580.b98fe4b5.chunk.js +0 -1
  16. package/static/js/692.7f24ca54.chunk.js +0 -1
  17. package/static/js/74.743d3276.chunk.js +0 -1
  18. 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/{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(){}}]);
package/static/js/{950.d1f02513.chunk.js → 950.b581d925.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{1332:function(e,t,n){var c=n(7313),o=(n(8743),n(7753)),a=n(5254),r=n(6417);t.Z=function(e){return(0,c.useEffect)((()=>{const e=(0,a.oo)((0,o.MO)("whatmoreSecondaryColor"));!function(e,t,n,c){const o="rgba(".concat(e,",").concat(t,",").concat(n,",").concat(c,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(o,", 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(o,", 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(o,", 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(o,", 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(o,", -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(o,", -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(o,", -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(o,";\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"})})}},3175:function(e,t,n){var c=n(1332),o=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)(o.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)(c.Z,{})})})]})}},5180:function(e,t,n){var c=n(6417);t.Z=function(e){var t,n,o;const a=null!==(t=e.height)&&void 0!==t?t:"100%",r=null!==(n=e.width)&&void 0!==n?n:"100%",i=null!==(o=e.borderRadius)&&void 0!==o?o:"10px";return(0,c.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,c.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var c=n(7313),o=n(3175),a=n(6417);t.Z=function(e){var t,n,r;const[i,m]=(0,c.useState)(!1),s=c.useRef(0),d=(0,c.useRef)(null),l=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,c.useEffect)((()=>{s.current=0;const e=setInterval((()=>{s.current=s.current+.03,d.current&&l(s.current,5),s.current>=5&&(s.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:d,src:e.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{m(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(o.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return p}});var c=n(7313),o=n(3933),a=n(868),r=n(8984),i=n(7300),m=n(2887),s=n(4862),d=n(7753),l=n(342),u=n(6417);var h=function(e){var t,n;const a=(0,c.useRef)(null),[i,m,h]=(0,o.YD)({triggerOnce:!0}),p=(0,d.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,c.useEffect)((()=>{a.current&&(e.isPlaying?a.current.play():((s.G6||(0,r.gE)())&&a.current.play(),a.current.pause()))}),[e.isPlaying,m]),(0,u.jsx)("div",{ref:i,style:{width:g,height:f,overflow:"hidden"},children:m?(0,u.jsxs)("video",{ref:a,className:"whatmore-video-player-muted",width:f,height:g,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:e.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,l.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:f,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,s,d;const[p,g,f]=(0,o.YD)({triggerOnce:!0});if((0,i.WJ)(e.event))return(0,u.jsx)(m.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,{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 w=(0,c.useRef)(null),y=null!==(n=e.height)&&void 0!==n?n:"100%",_=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,c.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,g]),(0,u.jsx)("div",{ref:p,style:{width:y,height:_,overflow:"hidden"},children:g?(0,u.jsxs)("video",{ref:w,className:"whatmore-video-player-muted",width:_,height:y,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(d=e.event)||void 0===d?void 0:d.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,l.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:_,height:y,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return i}});var c=n(9854),o=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,o.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,c.zpr)(t))return e;if("AZURECDN"==(0,c.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,c.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 m}});var c=n(9854);const o=(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,c.QFt)(o);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},m=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,c.QFt)(o);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}},6805:function(e,t,n){n.d(t,{$I:function(){return i},$w:function(){return s},AK:function(){return a},AL:function(){return r},YP:function(){return o},me:function(){return c},rE:function(){return m}});const c="device_type",o="device_mode",a="mobile",r="tablet",i="desktop",m="portrait",s="landscape"},9821:function(e,t,n){var c=n(6367),o=n(7753),a=n(8866),r=n(6805);t.Z=function(e){const[t,n,i]=(0,a.Z)(),[m]=(0,o.j1)("whatmoreLandscapePadding"),[s]=(0,o.j1)("whatmoreVideoTileSize"),[d]=(0,o.j1)("whatmoreVideoTileSizePortrait"),l=(0,c.useMediaQuery)({query:"(min-width: 1025px)"}),u=(0,c.useMediaQuery)({query:"(min-width: 481px)"}),h="portrait"==t?d:s,p=!("portrait"!=t||!u),g=h/100*1.3*.5,f=h/100;var v=Math.min(i,n),[b,w,y,_]=[.6*v*(16/9),.6*v,1.4,0];function x(e){return Math.round(10*e)/10}var j={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(l){const e=w*g,t=b*g;[b,w,y,_]=[t,e,(i-2*m)/(1.1*e),m],j[r.me]=r.$I,j[r.YP]=r.$w}else if(p){var P=.8*w,E=.8*b;"portrait"==t?(P*=f,E*=f,[b,w,y,_]=[E,P,x(i/(1.2*P)),0],j[r.me]=r.AL,j[r.YP]=r.rE):([b,w,y,_]=[E,P,(i-2*m)/(1.1*P),m],j[r.me]=r.AL,j[r.YP]=r.$w)}else{P=w,E=b;"portrait"==t?(P=P*f*.9,E=E*f*.9,[b,w,y,_]=[E,P,x(i/(1.15*P)),0],j[r.me]=r.AK,j[r.YP]=r.rE):(P=.7*w,E=.7*b,[b,w,y,_]=[E,P,(i-2*m)/(1.1*P),m],j[r.me]=r.AK,j[r.YP]=r.$w)}return[b,w,y,_,j]}},8743:function(){},123:function(){},7244:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{1332:function(e,t,n){var c=n(7313),o=(n(8743),n(7753)),a=n(5254),r=n(6417);t.Z=function(e){return(0,c.useEffect)((()=>{const e=(0,a.oo)((0,o.MO)("whatmoreSecondaryColor"));!function(e,t,n,c){const o="rgba(".concat(e,",").concat(t,",").concat(n,",").concat(c,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(o,", 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(o,", 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(o,", 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(o,", 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(o,", -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(o,", -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(o,", -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(o,";\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"})})}},3175:function(e,t,n){var c=n(1332),o=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)(o.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)(c.Z,{})})})]})}},5180:function(e,t,n){var c=n(6417);t.Z=function(e){var t,n,o;const a=null!==(t=e.height)&&void 0!==t?t:"100%",r=null!==(n=e.width)&&void 0!==n?n:"100%",i=null!==(o=e.borderRadius)&&void 0!==o?o:"10px";return(0,c.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,c.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var c=n(7313),o=n(3175),a=n(6417);t.Z=function(e){var t,n,r;const[i,m]=(0,c.useState)(!1),s=c.useRef(0),d=(0,c.useRef)(null),l=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,c.useEffect)((()=>{s.current=0;const e=setInterval((()=>{s.current=s.current+.03,d.current&&l(s.current,5),s.current>=5&&(s.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:d,src:e.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{m(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(o.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return p}});var c=n(7313),o=n(3933),a=n(868),r=n(8984),i=n(7300),m=n(2887),s=n(4862),d=n(7753),l=n(342),u=n(6417);var h=function(e){var t,n;const a=(0,c.useRef)(null),[i,m,h]=(0,o.YD)({triggerOnce:!0}),p=(0,d.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,c.useEffect)((()=>{a.current&&(e.isPlaying?a.current.play():((s.G6||(0,r.gE)())&&a.current.play(),a.current.pause()))}),[e.isPlaying,m]),(0,u.jsx)("div",{ref:i,style:{width:g,height:f,overflow:"hidden"},children:m?(0,u.jsxs)("video",{ref:a,className:"whatmore-video-player-muted",width:f,height:g,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,l.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:f,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,s,d;const[p,g,f]=(0,o.YD)({triggerOnce:!0});if((0,i.WJ)(e.event))return(0,u.jsx)(m.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const b=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var v;if((0,r.KE)())return(0,u.jsx)(h,{borderRadius:e.borderRadius,height:"100%",width:"100%",poster:null===e||void 0===e||null===(v=e.event)||void 0===v?void 0:v.poster_image,url:(0,a.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:b});const w=(0,c.useRef)(null),y=null!==(n=e.height)&&void 0!==n?n:"100%",_=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,c.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,g]),(0,u.jsx)("div",{ref:p,style:{width:y,height:_,overflow:"hidden"},children:g?(0,u.jsxs)("video",{ref:w,className:"whatmore-video-player-muted",width:_,height:y,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(d=e.event)||void 0===d?void 0:d.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,l.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:_,height:y,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return i}});var c=n(9854),o=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,o.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,c.zpr)(t))return e;if("AZURECDN"==(0,c.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,c.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 m}});var c=n(9854);const o=(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,c.QFt)(o);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},m=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,c.QFt)(o);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}},6805:function(e,t,n){n.d(t,{$I:function(){return i},$w:function(){return s},AK:function(){return a},AL:function(){return r},YP:function(){return o},me:function(){return c},rE:function(){return m}});const c="device_type",o="device_mode",a="mobile",r="tablet",i="desktop",m="portrait",s="landscape"},9821:function(e,t,n){var c=n(6367),o=n(7753),a=n(8866),r=n(6805);t.Z=function(e){const[t,n,i]=(0,a.Z)(),[m]=(0,o.j1)("whatmoreLandscapePadding"),[s]=(0,o.j1)("whatmoreVideoTileSize"),[d]=(0,o.j1)("whatmoreVideoTileSizePortrait"),l=(0,c.useMediaQuery)({query:"(min-width: 1025px)"}),u=(0,c.useMediaQuery)({query:"(min-width: 481px)"}),h="portrait"==t?d:s,p=!("portrait"!=t||!u),g=h/100*1.3*.5,f=h/100;var b=Math.min(i,n),[v,w,y,_]=[.6*b*(16/9),.6*b,1.4,0];function x(e){return Math.round(10*e)/10}var j={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(l){const e=w*g,t=v*g;[v,w,y,_]=[t,e,(i-2*m)/(1.1*e),m],j[r.me]=r.$I,j[r.YP]=r.$w}else if(p){var P=.8*w,E=.8*v;"portrait"==t?(P*=f,E*=f,[v,w,y,_]=[E,P,x(i/(1.2*P)),0],j[r.me]=r.AL,j[r.YP]=r.rE):([v,w,y,_]=[E,P,(i-2*m)/(1.1*P),m],j[r.me]=r.AL,j[r.YP]=r.$w)}else{P=w,E=v;"portrait"==t?(P=P*f*.9,E=E*f*.9,[v,w,y,_]=[E,P,x(i/(1.15*P)),0],j[r.me]=r.AK,j[r.YP]=r.rE):(P=.7*w,E=.7*v,[v,w,y,_]=[E,P,(i-2*m)/(1.1*P),m],j[r.me]=r.AK,j[r.YP]=r.$w)}return[v,w,y,_,j]}},8743:function(){},123:function(){},7244:function(){}}]);