whatmore-react-assets 1.0.1033 → 1.0.1034

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 (9) hide show
  1. package/package.json +1 -1
  2. package/static/js/{249.3fb855db.chunk.js → 249.8d06733c.chunk.js} +1 -1
  3. package/static/js/692.a99f927e.chunk.js +1 -0
  4. package/static/js/{708.5ab3f176.chunk.js → 708.e06e8e58.chunk.js} +1 -1
  5. package/static/js/74.ec8c5454.chunk.js +1 -0
  6. package/static/js/{84.06b4c010.chunk.js → 84.8847b6ff.chunk.js} +1 -1
  7. package/whatmore.js +2 -2
  8. package/static/js/692.a881c165.chunk.js +0 -1
  9. package/static/js/74.90f829c9.chunk.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.1033",
3
+ "version": "1.0.1034",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
package/static/js/{249.3fb855db.chunk.js → 249.8d06733c.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(364),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 w}});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(6417);var w=function(e){var t;const i=n.useRef(null);var[d,x,w]=s();const v=(0,a.MO)("whatmoreUITheme"),[g]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,a.MO)("whatmoreShopId");var P=y,k=j,L=b;w[l.YP]===l.$w&&(P=S,k=C,L=z);const[R,A]=(0,n.useState)(["initial",window.pageYOffset]),[I,F]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=w[l.YP]===l.$w?.7*(0,u.zGA)(E):(0,u.zGA)(E),D=Z?T:1;d*=D,x*=D;const M=Z?(0,u.G0o)(E):P,V=Z?(0,u.X8j)(E):(0,u.lVn)(E),[B,N]=(0,n.useState)(!Z&&(0,u.eXi)(E));function O(e,t){A(e),e[1]<=100?F(!1):t!=I&&(F(t),N(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(O([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)}),[R]),(0,o.O3)({ref:i,handler:()=>{O(["scrolled-up",R[1]],!0)}});const Y=e.event,_=e.inVideoClick,H=e.closeClick,W=.3*x,X=.6*x,$=.1*x,G=.1*(.5*x),q="round"==v?"10px":"0px",J=(0,u.Z$A)(E);var U=!1,K=0,Q=0;function ee(e){U=e}return(0,f.jsx)("div",{children:B&&!V?(0,f.jsx)(f.Fragment,{}):I&&V?(0,f.jsx)("div",{style:"left"===M?{left:"1px",bottom:Z?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:Z?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J},children:(0,f.jsxs)("div",{onClick:()=>{O(["initial",R[1]],!1)},style:{margin:"1px",width:x+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:H})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.Z,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.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,K=i,Q=o},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-K)>5||Math.abs(t.y-Q)>5)?ee(!1):_(Y)},children:(0,f.jsx)("div",{ref:i,style:"left"===M?{left:Z?(0,u.$II)(E)+"px":k+"px",bottom:Z?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J}:{right:Z?(0,u.$II)(E)+"px":k+"px",bottom:Z?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:x+"px",height:d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:H,style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(p.Z,{sx:{color:(0,u.Ya_)(E),fontSize:X+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},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(364),p=i(6417);t.Z=function(e){var t;const[i,x,h,c,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,h,c]=(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 w}});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),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(6417);var w=function(e){var t;const i=n.useRef(null);var[d,x,w]=s();const v=(0,a.MO)("whatmoreUITheme"),[g]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,a.MO)("whatmoreShopId");var P=y,k=j,L=b;w[l.YP]===l.$w&&(P=S,k=C,L=z);const[R,A]=(0,n.useState)(["initial",window.pageYOffset]),[I,F]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=w[l.YP]===l.$w?.7*(0,u.zGA)(E):(0,u.zGA)(E),D=Z?T:1;d*=D,x*=D;const M=Z?(0,u.G0o)(E):P,V=Z?(0,u.X8j)(E):(0,u.lVn)(E),[B,N]=(0,n.useState)(!Z&&(0,u.eXi)(E));function O(e,t){A(e),e[1]<=100?F(!1):t!=I&&(F(t),N(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(O([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)}),[R]),(0,o.O3)({ref:i,handler:()=>{O(["scrolled-up",R[1]],!0)}});const Y=e.event,_=e.inVideoClick,H=e.closeClick,W=.3*x,X=.6*x,$=.1*x,G=.1*(.5*x),q="round"==v?"10px":"0px",J=(0,u.Z$A)(E);var U=!1,K=0,Q=0;function ee(e){U=e}return(0,f.jsx)("div",{children:B&&!V?(0,f.jsx)(f.Fragment,{}):I&&V?(0,f.jsx)("div",{style:"left"===M?{left:"1px",bottom:Z?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:Z?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J},children:(0,f.jsxs)("div",{onClick:()=>{O(["initial",R[1]],!1)},style:{margin:"1px",width:x+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(c.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:H})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.Z,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",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,K=i,Q=o},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-K)>5||Math.abs(t.y-Q)>5)?ee(!1):_(Y)},children:(0,f.jsx)("div",{ref:i,style:"left"===M?{left:Z?(0,u.$II)(E)+"px":k+"px",bottom:Z?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J}:{right:Z?(0,u.$II)(E)+"px":k+"px",bottom:Z?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==E?d+"px":x+"px",height:e.isSpotlight&&"60122562760"==E?x+"px":d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==E?16/9:9/16},children:(0,f.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(c.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:H,style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(p.Z,{sx:{color:(0,u.Ya_)(E),fontSize:X+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
package/static/js/692.a99f927e.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[692],{3388:function(e,t,i){i.d(t,{OC:function(){return a},e8:function(){return r},kT:function(){return n},kW:function(){return l},xg:function(){return o}});const n=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==n(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 i;if(null==e)return[];if(!("eventsets"in e))return[];const n=null!==(i=e.eventsets[t])&&void 0!==i?i:null;return n?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(n):[]}},5380:function(e,t,i){i.d(t,{Z:function(){return m}});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),u=i(1195),x=i(7108),f=(i(7244),i(123),i(9854)),g=i(6417);var m=function(e){var t;const i=o.useRef(null);var[s,h,m]=d();const v=(0,a.MO)("whatmoreUITheme"),[w]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[y]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var _=j,P=b,k=y;m[l.YP]===l.$w&&(_=S,P=I,k=E);const[C,L]=(0,o.useState)(["initial",window.pageYOffset]),[O,A]=(0,o.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=m[l.YP]===l.$w?.7*(0,f.zGA)(z):(0,f.zGA)(z),V=M?T:1;s*=V,h*=V;const F=M?(0,f.G0o)(z):_,Z=M?(0,f.X8j)(z):(0,f.lVn)(z),[D,N]=(0,o.useState)(!M&&(0,f.eXi)(z));function R(e,t){L(e),e[1]<=100?A(!1):t!=O&&(A(t),N(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(R([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[C]),(0,n.O3)({ref:i,handler:()=>{R(["scrolled-up",C[1]],!0)}});const Y=e.event,W=e.inVideoClick,$=e.closeClick,B=.3*h,G=.6*h,H=.1*h,K=.1*(.5*h),U="round"==v?"10px":"0px",X=(0,f.Z$A)(z);var q=!1,J=0,Q=0;function ee(e){q=e}return(0,g.jsx)("div",{children:D&&!Z?(0,g.jsx)(g.Fragment,{}):O&&Z?(0,g.jsx)("div",{style:"left"===F?{left:"1px",bottom:M?(0,f.vnu)(z)+"px":k+"px",position:"fixed",zIndex:X}:{right:"5px",bottom:M?(0,f.vnu)(z)+"px":k+"px",position:"fixed",zIndex:X},children:(0,g.jsxs)("div",{onClick:()=>{R(["initial",C[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===F?"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:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(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)(u.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"},onClick:$})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(x.Z,{sx:{color:"white",fontSize:2*B+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,g.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,J=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{q&&(Math.abs(t.x-J)>5||Math.abs(t.y-Q)>5)?ee(!1):W(Y)},children:(0,g.jsx)("div",{ref:i,style:"left"===F?{left:M?(0,f.$II)(z)+"px":P+"px",bottom:M?(0,f.vnu)(z)+"px":k+"px",position:"fixed",zIndex:X}:{right:M?(0,f.$II)(z)+"px":P+"px",bottom:M?(0,f.vnu)(z)+"px":k+"px",position:"fixed",zIndex:X},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?s+"px":h+"px",height:e.isSpotlight&&"60122562760"==z?h+"px":s+"px"}),className:"left"===F?"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:e.isSpotlight&&"60122562760"==z?16/9:9/16},children:(0,g.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(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)(u.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},onClick:$,style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(c.Z,{sx:{color:(0,f.Ya_)(z),fontSize:G+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,backgroundImage:w?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*B+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",w]})})]})})]})})})})}},2209:function(e,t,i){i.r(t);var n=i(7313),o=i(9854),r=i(2860),l=i(7753),a=i(5160),s=i(6967),d=i(5380),c=i(58),h=i(8984),p=i(4669),u=i(513),x=i(9302),f=i(7381),g=i(2575),m=i(7300),v=i(6524),w=i(3388),j=i(7643),b=i(778),y=i(364),S=i(6417);const I=(0,g.Z)({key:"whatmore-css-wsv"}),E=n.lazy((()=>Promise.all([i.e(819),i.e(577),i.e(351),i.e(587),i.e(926),i.e(688),i.e(818),i.e(77)]).then(i.bind(i,3818))));t.default=function(e){const[t,i]=(0,n.useState)(),[g,z]=(0,n.useState)(),[_]=(0,l.j1)("isInDesignMode"),[P]=(0,l.j1)("isDemoBrand"),[k,C]=(0,n.useState)(-2),[L]=(0,l.j1)("whatmoreShopId"),O=(0,l.MO)("isLandingSharedLink"),A=(0,l.MO)("whatmoreShareTemplateId"),M=((0,l.MO)("whatmoreShareStoryId"),(0,l.MO)("whatmoreShareEventId")),T=(0,l.MO)("whatmoreLandingLocationType"),V=(0,l.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:F}=(0,n.useContext)(y.I);var Z=(0,o.efR)(L)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,n.useEffect)((()=>{(0,s.hb)()}),[]),(0,n.useEffect)((()=>{(0,p.ll)(L)}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||g||!(0,h.KE)()||(0,l.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,n.useEffect)((()=>{C(-1);const e=v.NX,t=(0,v.H1)(T),n=Z.toString()+L.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+L;fetch(n).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(i(e),e))).catch((e=>{z(e.message)}))}),[]),(0,n.useEffect)((()=>{C(-2)}),[t]),(0,n.useEffect)((()=>{null==t||0==t.length||g||O&&"template-embed"==(0,v.zv)(A)&&null!=M&&t.forEach(((e,t)=>{M==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],i=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 _||P||(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,p.Tc)(L,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup",t)})(),void C(i)};function Y(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||g?(0,S.jsx)("div",{}):(V&&(0,f.EI)(t),(0,o.B$L)(L)&&k<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,S.jsx)(S.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,S.jsx)(x.C,{value:I,children:-1===k||0===t.length?(0,S.jsx)(Y,{}):-2===k&&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:!_&&!P,children:(0,S.jsx)(d.Z,{event:t[0],inVideoClick:R,closeClick:e=>{e.stopPropagation(),C(-1)},isSpotlight:!0})})}):(0,S.jsx)("div",{children:(0,S.jsx)(n.Suspense,{children:(0,S.jsx)(j.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!_&&!P,children:(0,S.jsx)(E,{events:t,index:k,onBack:function(){(0,o.n2L)(L)&&(0,l.MO)("whatmoreAddedToCart")&&(0,u.D)(L,(()=>{}),100,window.location.hostname),C(-2)},template:"template-embed"})})})})})))}}}]);
package/static/js/{708.5ab3f176.chunk.js → 708.e06e8e58.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(32),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(364),x=i(8631),m=i(9821),u=i(8782),f=i(7381),w=i(9854),v=i(5380),g=i(3933),y=i(6417);const j=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i,s,b]=(0,d.Z)(),[S,P,C,E,z]=(0,m.Z)(),k=(0,c.MO)("whatmoreCollectionsTileSize"),L=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===i?L:k,I="portrait"==i?0:(0,c.MO)("whatmoreLandscapePadding"),R=(0,c.MO)("whatmoreCollectionsTilesSpacing"),A=(0,c.MO)("whatmoreShopId"),[O]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:Z}=(0,o.useContext)(h.I),{whatmoreIsCollectionsTemplate:F}=(0,o.useContext)(h.I),V=e.events,T=e.onClick,D=(0,c.MO)("whatmoreTitleFont"),N="portrait"==i?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),Y=null!==(t=(0,w.aRS)(A))&&void 0!==t?t:D;function H(e){T(e)}delete r.ZP.styles.global;const W=.055*P;var B=[];for(let o=0;o<V.length;)B.push((0,y.jsx)(x.Z,{mode:i,event:V[o],onClick:()=>{H(V[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:W},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,f.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.IR.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[X,q,$]=(0,g.YD)({triggerOnce:!1});return(0,y.jsx)(a.C,{value:j,children:(0,y.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,y.jsx)(n.x,{theme:r.ZP,cssVarsRoot:Z,resetCSS:!1,children:(0,y.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!F&&(0,w.wXY)(A)?(0,y.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",Y,"important"),e.style.setProperty("font-size",N+"px","important"))},style:{color:O,backgroundClip:"text",textAlign:"center",fontWeight:(0,w.wOV)(A),lineHeight:(0,w.vY4)(A),letterSpacing:(0,w.X2K)(A)},children:e.heading})}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)("div",{ref:X,style:{marginLeft:I+"px",marginRight:I+"px"},children:(0,y.jsx)(u.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:B,spacing:R,defaultHeight:S*M*.01+"px",defaultWidth:P*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,w.dhc)(A)&&F&&!q&&-1==e.index&&(0,y.jsx)(v.Z,{event:V[0],inVideoClick:H,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(364),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),P=(0,n.f63)(f),C=j.landingLocationType;(0,o.useContext)(a.V);const E=e.event,z=e.onClick,k=e.removeBorders,L=i*g*.01,M=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":M+"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 "+P+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+P+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+P+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+P+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":M+"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})})}),C.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 w}});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(6417);var w=function(e){var t;const i=n.useRef(null);var[s,p,w]=d();const v=(0,a.MO)("whatmoreUITheme"),[g]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,a.MO)("whatmoreShopId");var z=y,k=j,L=b;w[l.YP]===l.$w&&(z=S,k=P,L=C);const[M,I]=(0,n.useState)(["initial",window.pageYOffset]),[R,A]=(0,n.useState)(!1),O=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=w[l.YP]===l.$w?.7*(0,u.zGA)(E):(0,u.zGA)(E),F=O?Z:1;s*=F,p*=F;const V=O?(0,u.G0o)(E):z,T=O?(0,u.X8j)(E):(0,u.lVn)(E),[D,N]=(0,n.useState)(!O&&(0,u.eXi)(E));function Y(e,t){I(e),e[1]<=100?A(!1):t!=R&&(A(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)}),[M]),(0,o.O3)({ref:i,handler:()=>{Y(["scrolled-up",M[1]],!0)}});const H=e.event,W=e.inVideoClick,B=e.closeClick,X=.3*p,q=.6*p,$=.1*p,_=.1*(.5*p),G="round"==v?"10px":"0px",J=(0,u.Z$A)(E);var K=!1,U=0,Q=0;function ee(e){K=e}return(0,f.jsx)("div",{children:D&&!T?(0,f.jsx)(f.Fragment,{}):R&&T?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:O?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:O?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J},children:(0,f.jsxs)("div",{onClick:()=>{Y(["initial",M[1]],!1)},style:{margin:"1px",width:p+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"},onClick:B})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.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,U=i,Q=o},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-U)>5||Math.abs(t.y-Q)>5)?ee(!1):W(H)},children:(0,f.jsx)("div",{ref:i,style:"left"===V?{left:O?(0,u.$II)(E)+"px":k+"px",bottom:O?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J}:{right:O?(0,u.$II)(E)+"px":k+"px",bottom:O?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},onClick:B,style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,u.Ya_)(E),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},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(32),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(364),x=i(8631),m=i(9821),u=i(8782),f=i(7381),w=i(9854),v=i(5380),g=i(3933),y=i(6417);const j=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i,s,b]=(0,d.Z)(),[S,P,C,E,z]=(0,m.Z)(),k=(0,c.MO)("whatmoreCollectionsTileSize"),L=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===i?L:k,I="portrait"==i?0:(0,c.MO)("whatmoreLandscapePadding"),R=(0,c.MO)("whatmoreCollectionsTilesSpacing"),A=(0,c.MO)("whatmoreShopId"),[O]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:Z}=(0,o.useContext)(h.I),{whatmoreIsCollectionsTemplate:F}=(0,o.useContext)(h.I),V=e.events,T=e.onClick,D=(0,c.MO)("whatmoreTitleFont"),N="portrait"==i?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),Y=null!==(t=(0,w.aRS)(A))&&void 0!==t?t:D;function H(e){T(e)}delete r.ZP.styles.global;const W=.055*P;var B=[];for(let o=0;o<V.length;)B.push((0,y.jsx)(x.Z,{mode:i,event:V[o],onClick:()=>{H(V[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:W},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,f.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.IR.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[X,q,$]=(0,g.YD)({triggerOnce:!1});return(0,y.jsx)(a.C,{value:j,children:(0,y.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,y.jsx)(n.x,{theme:r.ZP,cssVarsRoot:Z,resetCSS:!1,children:(0,y.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!F&&(0,w.wXY)(A)?(0,y.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",Y,"important"),e.style.setProperty("font-size",N+"px","important"))},style:{color:O,backgroundClip:"text",textAlign:"center",fontWeight:(0,w.wOV)(A),lineHeight:(0,w.vY4)(A),letterSpacing:(0,w.X2K)(A)},children:e.heading})}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)("div",{ref:X,style:{marginLeft:I+"px",marginRight:I+"px"},children:(0,y.jsx)(u.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:B,spacing:R,defaultHeight:S*M*.01+"px",defaultWidth:P*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,w.dhc)(A)&&F&&!q&&-1==e.index&&(0,y.jsx)(v.Z,{event:V[0],inVideoClick:H,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(364),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),P=(0,n.f63)(f),C=j.landingLocationType;(0,o.useContext)(a.V);const E=e.event,z=e.onClick,k=e.removeBorders,L=i*g*.01,M=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":M+"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 "+P+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+P+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+P+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+P+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":M+"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})})}),C.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 w}});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(6417);var w=function(e){var t;const i=n.useRef(null);var[s,p,w]=d();const v=(0,a.MO)("whatmoreUITheme"),[g]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,a.MO)("whatmoreShopId");var z=y,k=j,L=b;w[l.YP]===l.$w&&(z=S,k=P,L=C);const[M,I]=(0,n.useState)(["initial",window.pageYOffset]),[R,A]=(0,n.useState)(!1),O=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=w[l.YP]===l.$w?.7*(0,u.zGA)(E):(0,u.zGA)(E),F=O?Z:1;s*=F,p*=F;const V=O?(0,u.G0o)(E):z,T=O?(0,u.X8j)(E):(0,u.lVn)(E),[D,N]=(0,n.useState)(!O&&(0,u.eXi)(E));function Y(e,t){I(e),e[1]<=100?A(!1):t!=R&&(A(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)}),[M]),(0,o.O3)({ref:i,handler:()=>{Y(["scrolled-up",M[1]],!0)}});const H=e.event,W=e.inVideoClick,B=e.closeClick,X=.3*p,q=.6*p,$=.1*p,_=.1*(.5*p),G="round"==v?"10px":"0px",J=(0,u.Z$A)(E);var K=!1,U=0,Q=0;function ee(e){K=e}return(0,f.jsx)("div",{children:D&&!T?(0,f.jsx)(f.Fragment,{}):R&&T?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:O?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:O?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J},children:(0,f.jsxs)("div",{onClick:()=>{Y(["initial",M[1]],!1)},style:{margin:"1px",width:p+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"},onClick:B})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.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,U=i,Q=o},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-U)>5||Math.abs(t.y-Q)>5)?ee(!1):W(H)},children:(0,f.jsx)("div",{ref:i,style:"left"===V?{left:O?(0,u.$II)(E)+"px":k+"px",bottom:O?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J}:{right:O?(0,u.$II)(E)+"px":k+"px",bottom:O?(0,u.vnu)(E)+"px":L+"px",position:"fixed",zIndex:J},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==E?s+"px":p+"px",height:e.isSpotlight&&"60122562760"==E?p+"px":s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==E?16/9:9/16},children:(0,f.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},onClick:B,style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,u.Ya_)(E),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
package/static/js/74.ec8c5454.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 ${e}`,children:["portrait"===e?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},t))),(0,a.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));t.Z=s},5380:function(e,t,n){n.d(t,{Z:function(){return g}});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),v=n(7108),m=(n(7244),n(123),n(9854)),f=n(6417);var g=function(e){var t;const n=o.useRef(null);var[d,u,g]=l();const w=(0,s.MO)("whatmoreUITheme"),[x]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[_]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),S=(0,s.MO)("whatmoreShopId");var L=_,C=y,D=b;g[a.YP]===a.$w&&(L=j,C=I,D=E);const[P,O]=(0,o.useState)(["initial",window.pageYOffset]),[T,k]=(0,o.useState)(!1),K=null!==(t=e.isSpotlight)&&void 0!==t&&t,z=g[a.YP]===a.$w?.7*(0,m.zGA)(S):(0,m.zGA)(S),A=K?z:1;d*=A,u*=A;const V=K?(0,m.G0o)(S):L,M=K?(0,m.X8j)(S):(0,m.lVn)(S),[N,W]=(0,o.useState)(!K&&(0,m.eXi)(S));function R(e,t){O(e),e[1]<=100?k(!1):t!=T&&(k(t),W(!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 Z=e.event,F=e.inVideoClick,H=e.closeClick,U=.3*u,$=.6*u,B=.1*u,Y=.1*(.5*u),G="round"==w?"10px":"0px",q=(0,m.Z$A)(S);var J=!1,X=0,Q=0;function ee(e){J=e}return(0,f.jsx)("div",{children:N&&!M?(0,f.jsx)(f.Fragment,{}):T&&M?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:K?(0,m.vnu)(S)+"px":D+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:K?(0,m.vnu)(S)+"px":D+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{onClick:()=>{R(["initial",P[1]],!1)},style:{margin:"1px",width:u+"px",height:d+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:Z.thumbnail_image,isPlaying:!1,event:Z})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"},onClick:H})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(v.Z,{sx:{color:"white",fontSize:2*U+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{nodeRef:n,cancel:".activate-button,.close-btn",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,X=n,Q=i},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-X)>5||Math.abs(t.y-Q)>5)?ee(!1):F(Z)},children:(0,f.jsx)("div",{ref:n,style:"left"===V?{left:K?(0,m.$II)(S)+"px":C+"px",bottom:K?(0,m.vnu)(S)+"px":D+"px",position:"fixed",zIndex:q}:{right:K?(0,m.$II)(S)+"px":C+"px",bottom:K?(0,m.vnu)(S)+"px":D+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==S?d+"px":u+"px",height:e.isSpotlight&&"60122562760"==S?u+"px":d+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==S?16/9:9/16},children:(0,f.jsx)(r.Z,{url:Z.thumbnail_image,isMuted:!0,isPlaying:!0,event:Z})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},onClick:H,style:{position:"relative",zIndex:1,left:B+"px",bottom:B+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,m.Ya_)(S),fontSize:$+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:x?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*U+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",x]})})]})})]})})})})}},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),v=n(9302),m=n(2575),f=n(7300),g=n(6524),w=n(364),x=n(4522),_=n(778),y=n(7643),b=n(7008),j=n(7381),I=n(8181),E=n(6095),S=n(6417);const L=(0,m.Z)({key:"whatmore-css-ppv"}),C=i.lazy((()=>Promise.all([n.e(819),n.e(577),n.e(351),n.e(587),n.e(926),n.e(688),n.e(818),n.e(836)]).then(n.bind(n,3818))));function D(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[m,P]=(0,i.useState)(),{whatmoreIsPreviewMode:O}=(0,i.useContext)(w.I),[T]=(0,a.j1)("isInDesignMode"),[k]=(0,a.j1)("isDemoBrand"),[K]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[z,A]=(0,i.useState)(-2),[V]=(0,a.j1)("whatmoreVariantId"),[M]=(0,a.j1)("whatmoreShopId");var[N]=(0,a.j1)("whatmoreProductId");const W=(0,a.MO)("isLandingSharedLink"),R=(0,a.MO)("whatmoreShareTemplateId"),Z=(0,a.MO)("whatmoreShareEventId"),F=W&&"template-embed"===(0,g.zv)(R),[H,U]=(0,i.useState)(F);N=(0,o.iXA)(M)?D(window.location.href):N;const[$,B]=(0,i.useState)((()=>"true"===K?V:N));var Y=r.Gc+"/v2/brand/"+M+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(w.I);(0,i.useEffect)((()=>{(0,j.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,b.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(M)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||m||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{if(A(-1),(0,o.ly4)(M)||"57708314789"==M&&O){const e=`${r.Gc}/v2/brand/${M}/product-events/recommendation`;fetch(`${e}?client_product_id=${$}&limit=10&origin=${window.location.hostname}&status=live,upcoming&event_type=video`).then((e=>e.json())).then((e=>{var t;if((null===(t=e.events)||void 0===t?void 0:t.length)>0){const t=e=>{var t;return null===(t=e.products)||void 0===t?void 0:t.some((e=>"oos"!=(null===e||void 0===e?void 0:e.product_status)))},i=e.related_events.filter((e=>t(e)));(null===i||void 0===i?void 0:i.length)>0&&e.product_info.length>0?n([...e.events,...i,{event_type:"recommended_images",product_list:[...e.product_info]}]):n([...e.events,...i])}else n([])})).catch((e=>P(e.message)))}else fetch(Y.toString()+"?client_product_id="+$.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)(M)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(M)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==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,$),e))).catch((e=>{P(e.message)}))}),[$]),(0,i.useEffect)((()=>{var e,n;A(-2),(t&&t.length>0||(0,o.uO6)(M))&&(0,x.PB)({userInteractionType:_.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"===K){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&&B(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!m&&F&&((0,E.A)("whatmore-video-player",(()=>{U(!1)})),null!=Z)){const e=t.find((e=>Z==e.event_id));if(e)return void X(e,!0,t.indexOf(e))}}),[t]);const q=G.landingLocationType,J=G.templateType,X=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 T||k||(async()=>{const t=(0,g.NY)(q)+(0,g.dS)(J)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,s.wh)(e),(0,p.Tc)(M,r.h7,r.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void A(n)};function Q(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||m?(0,S.jsx)("div",{}):(0,S.jsxs)(v.C,{value:L,children:[H&&(0,S.jsx)(I.Z,{}),"no-product"===$||-1===z||0===t.length?(0,S.jsx)(Q,{}):-2===z&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(y.u,{userInteractionType:_.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!T&&!k,children:(0,S.jsx)(l.Z,{event:t[0],inVideoClick:X,closeClick:e=>{e.stopPropagation(),A(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(y.u,{userInteractionType:_.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!T&&!k,children:(0,S.jsx)(C,{events:t,index:z,onBack:function(e){(0,o.n2L)(M)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(M,(()=>{}),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",[r.K.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.K.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_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))&&(e!=r.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=r.K.SHOPNOW_CLICKED||(0,i.ejq)(n))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link})})()}(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.06b4c010.chunk.js → 84.8847b6ff.chunk.js} RENAMED
@@ -1 +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 S}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),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(364),x=i(9854),m=(i(9111),i(9778),i(4892)),u=i(9821),f=i(6417);var v=function(e){var t;const[i,o,r,l,a]=(0,u.Z)(),s=(0,c.MO)("whatmoreSecondaryColor"),d=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),p=(0,c.MO)("whatmoreCollectionsTileSize"),v=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:p,[g,y]=(0,n.useState)(!1),j=(0,x.f63)(h),b=e.event,S=e.onClick,E=e.removeBorders,C=o*w*.01,z=(0,x.eHp)(h);return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,x.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,f.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,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C*z+"px",width:C*z+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(m.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,f.jsx)("div",{style:{fontFamily:d,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,f.jsx)("p",{children:b.title})})]})},w=i(8782),g=i(7381),y=i(5380),j=i(3933);const b=(0,s.Z)({key:"whatmore-css-cv"});var S=function(e){const[t,i,s]=(0,d.Z)(),[m,S,E,C,z]=(0,u.Z)(),P=(0,c.MO)("whatmoreCollectionsTileSize"),L=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===t?L:P,k="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),I=(0,c.MO)("whatmoreCollectionsTilesSpacing"),R=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:A}=(0,n.useContext)(p.I),O=e.events,Z=e.onClick,{whatmoreIsCollectionsTemplate:F}=(0,n.useContext)(p.I);function V(e){Z(e)}const[T,D,H]=(0,j.YD)({triggerOnce:!1});delete r.ZP.styles.global;const N=.055*S;var B=[];for(let n=0;n<O.length;)B.push((0,f.jsx)(v,{mode:t,event:O[n],onClick:()=>{V(O[n-1])},removeBorders:(0,x.Xtg)(R),fontSize:N},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,g.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.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,f.jsx)(a.C,{value:b,children:(0,f.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(o.x,{theme:r.ZP,cssVarsRoot:A,resetCSS:!1,children:(0,f.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:T,style:{marginLeft:k+"px",marginRight:k+"px"},children:(0,f.jsx)(w.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:I,defaultHeight:m*M*.01+"px",defaultWidth:S*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.dhc)(R)&&!D&&-1==e.index&&(0,f.jsx)(y.Z,{event:O[0],inVideoClick:V,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(6417);var v=function(e){var t;const i=o.useRef(null);var[s,h,v]=d();const w=(0,a.MO)("whatmoreUITheme"),[g]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var P=y,L=j,M=b;v[l.YP]===l.$w&&(P=S,L=E,M=C);const[k,I]=(0,o.useState)(["initial",window.pageYOffset]),[R,A]=(0,o.useState)(!1),O=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),F=O?Z:1;s*=F,h*=F;const V=O?(0,u.G0o)(z):P,T=O?(0,u.X8j)(z):(0,u.lVn)(z),[D,H]=(0,o.useState)(!O&&(0,u.eXi)(z));function N(e,t){I(e),e[1]<=100?A(!1):t!=R&&(A(t),H(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(N([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)}),[k]),(0,n.O3)({ref:i,handler:()=>{N(["scrolled-up",k[1]],!0)}});const B=e.event,Y=e.inVideoClick,W=e.closeClick,X=.3*h,q=.6*h,$=.1*h,_=.1*(.5*h),G="round"==w?"10px":"0px",U=(0,u.Z$A)(z);var J=!1,K=0,Q=0;function ee(e){J=e}return(0,f.jsx)("div",{children:D&&!T?(0,f.jsx)(f.Fragment,{}):R&&T?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U},children:(0,f.jsxs)("div",{onClick:()=>{N(["initial",k[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,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:B.thumbnail_image,isPlaying:!1,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"},onClick:W})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.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,K=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-K)>5||Math.abs(t.y-Q)>5)?ee(!1):Y(B)},children:(0,f.jsx)("div",{ref:i,style:"left"===V?{left:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U}:{right:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U},children:(0,f.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,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:B.thumbnail_image,isMuted:!0,isPlaying:!0,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.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:$+"px",bottom:$+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
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 S}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),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(364),x=i(9854),m=(i(9111),i(9778),i(4892)),u=i(9821),f=i(6417);var v=function(e){var t;const[i,o,r,l,a]=(0,u.Z)(),s=(0,c.MO)("whatmoreSecondaryColor"),d=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),p=(0,c.MO)("whatmoreCollectionsTileSize"),v=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:p,[g,y]=(0,n.useState)(!1),j=(0,x.f63)(h),b=e.event,S=e.onClick,E=e.removeBorders,C=o*w*.01,z=(0,x.eHp)(h);return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,x.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,f.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,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C*z+"px",width:C*z+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(m.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,f.jsx)("div",{style:{fontFamily:d,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,f.jsx)("p",{children:b.title})})]})},w=i(8782),g=i(7381),y=i(5380),j=i(3933);const b=(0,s.Z)({key:"whatmore-css-cv"});var S=function(e){const[t,i,s]=(0,d.Z)(),[m,S,E,C,z]=(0,u.Z)(),P=(0,c.MO)("whatmoreCollectionsTileSize"),L=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===t?L:P,k="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),I=(0,c.MO)("whatmoreCollectionsTilesSpacing"),R=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:A}=(0,n.useContext)(p.I),O=e.events,Z=e.onClick,{whatmoreIsCollectionsTemplate:F}=(0,n.useContext)(p.I);function V(e){Z(e)}const[T,D,H]=(0,j.YD)({triggerOnce:!1});delete r.ZP.styles.global;const N=.055*S;var B=[];for(let n=0;n<O.length;)B.push((0,f.jsx)(v,{mode:t,event:O[n],onClick:()=>{V(O[n-1])},removeBorders:(0,x.Xtg)(R),fontSize:N},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,g.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.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,f.jsx)(a.C,{value:b,children:(0,f.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(o.x,{theme:r.ZP,cssVarsRoot:A,resetCSS:!1,children:(0,f.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:T,style:{marginLeft:k+"px",marginRight:k+"px"},children:(0,f.jsx)(w.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:I,defaultHeight:m*M*.01+"px",defaultWidth:S*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.dhc)(R)&&!D&&-1==e.index&&(0,f.jsx)(y.Z,{event:O[0],inVideoClick:V,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(6417);var v=function(e){var t;const i=o.useRef(null);var[s,h,v]=d();const w=(0,a.MO)("whatmoreUITheme"),[g]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var P=y,L=j,M=b;v[l.YP]===l.$w&&(P=S,L=E,M=C);const[k,I]=(0,o.useState)(["initial",window.pageYOffset]),[R,A]=(0,o.useState)(!1),O=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),F=O?Z:1;s*=F,h*=F;const V=O?(0,u.G0o)(z):P,T=O?(0,u.X8j)(z):(0,u.lVn)(z),[D,H]=(0,o.useState)(!O&&(0,u.eXi)(z));function N(e,t){I(e),e[1]<=100?A(!1):t!=R&&(A(t),H(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(N([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)}),[k]),(0,n.O3)({ref:i,handler:()=>{N(["scrolled-up",k[1]],!0)}});const B=e.event,Y=e.inVideoClick,W=e.closeClick,X=.3*h,q=.6*h,$=.1*h,_=.1*(.5*h),G="round"==w?"10px":"0px",U=(0,u.Z$A)(z);var J=!1,K=0,Q=0;function ee(e){J=e}return(0,f.jsx)("div",{children:D&&!T?(0,f.jsx)(f.Fragment,{}):R&&T?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U},children:(0,f.jsxs)("div",{onClick:()=>{N(["initial",k[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,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:B.thumbnail_image,isPlaying:!1,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"},onClick:W})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.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,K=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-K)>5||Math.abs(t.y-Q)>5)?ee(!1):Y(B)},children:(0,f.jsx)("div",{ref:i,style:"left"===V?{left:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U}:{right:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?s+"px":h+"px",height:e.isSpotlight&&"60122562760"==z?h+"px":s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==z?16/9:9/16},children:(0,f.jsx)(r.Z,{url:B.thumbnail_image,isMuted:!0,isPlaying:!0,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.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:$+"px",bottom:$+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);