whatmore-react-assets 1.0.1540 → 1.0.1541

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/package.json +1 -1
  2. package/static/js/180.a73729cb.chunk.js +1 -0
  3. package/static/js/collections-template-a.23ee8992.chunk.js +1 -0
  4. package/static/js/collections-template-b.18c9e0b4.chunk.js +1 -0
  5. package/static/js/collections-template-c.1a2ed0a1.chunk.js +1 -0
  6. package/static/js/collections-template-stories.c7cfda20.chunk.js +1 -0
  7. package/static/js/homepage-carousel-view.54f0ad96.chunk.js +1 -0
  8. package/static/js/product-page-view.c4bd892d.chunk.js +1 -0
  9. package/static/js/spotlight-view.d00aab95.chunk.js +1 -0
  10. package/whatmore.js +2 -2
  11. package/static/js/920.55341030.chunk.js +0 -1
  12. package/static/js/collections-template-a.b5d6e4e8.chunk.js +0 -1
  13. package/static/js/collections-template-b.468d833c.chunk.js +0 -1
  14. package/static/js/collections-template-c.7b5c9992.chunk.js +0 -1
  15. package/static/js/collections-template-stories.4d131319.chunk.js +0 -1
  16. package/static/js/homepage-carousel-view.23a5b073.chunk.js +0 -1
  17. package/static/js/product-page-view.41cee781.chunk.js +0 -1
  18. package/static/js/spotlight-view.886b1cd2.chunk.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.1540",
3
+ "version": "1.0.1541",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
package/static/js/180.a73729cb.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[180],{7509:function(e,t,i){i.d(t,{h:function(){return n}});const n=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},2410:function(e,t,i){var n=i(9950),o=i(1348),r=i(5830),l=(i(6125),i(4365),i(6614),i(9879)),a=(i(7509),i(932)),d=i(4737),s=i(4414);t.A=function(e){var t;const[i,p]=(0,a.A)(),[c]=(0,r.QN)("whatmoreSecondaryColor"),[h]=(0,r.QN)("whatmoreShopId"),x="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSize"),m="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSizePortrait"),u="portrait"===e.mode?m:x,f=(0,r.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(d.B),[w,g]=(0,n.useState)(!1),y=(0,o.ivI)(h),b=v.landingLocationType,j=e.event,S=e.onClick,E=e.removeBorders,A=i*u*.01,L=p*u*.01,z=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,o._hU)(h)?"auto":L+"px",marginLeft:E?"2px":"5px",marginRight:E?"2px":(0,o.FZM)(h)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{g(!0),S(j)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:z,overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+c+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+c+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+c+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+c+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,s.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:A+"px",width:"40273707171"==h?"auto":L+"px",borderRadius:z,backgroundColor:"gray",overflow:"hidden"},children:(0,s.jsx)(l.A,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})}),b.startsWith("product")&&(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,s.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",f,"important"),t.style.setProperty("font-size",(null!==(i=e.fontSize)&&void 0!==i?i:10)+"px","important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:null===j||void 0===j?void 0:j.title})})]})}},8385:function(e,t,i){i.d(t,{c:function(){return a}});var n=i(6649),o=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,o]=(0,n.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function a(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(l,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5901:function(e,t,i){i.d(t,{A:function(){return w}});var n=i(1005),o=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,n,o,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),c=r[l.dl]===l.nN?p/100:s/100*1.2;return[t*c,i*c,r]},p=i(5727),c=i(1628),h=i.n(c),x=i(2209),m=i(6702),u=(i(9733),i(4365),i(1348)),f=i(7300),v=i(4414);var w=function(e){var t;const i=o.useRef(null);var[d,c,w]=s();const[g,y,b]=(0,f.A)(),j=(0,a.Xd)("whatmoreUITheme"),[S]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[E]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[A]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[L]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[z]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[P]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[k]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),N=(0,a.Xd)("whatmoreShopId"),C=(0,a.Xd)("isDummyVideo");var R=E,Q=A,F=L;w[l.dl]===l.nN&&(R=z,Q=P,F=k);const[I,D]=(0,o.useState)(["initial",window.pageYOffset]),[X,T]=(0,o.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,B=w[l.dl]===l.nN?.7*(0,u.O86)(N):(0,u.O86)(N),V=M?B:1;d*=V,c*=V;const _=M?(0,u.LrK)(N):R,H=M?(0,u._2D)(N):(0,u.GSq)(N),[O,W]=(0,o.useState)(!M&&(0,u.n8Q)(N));function U(e,t){D(e),e[1]<=100?T(!1):t!=X&&(T(t),W(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(U([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[I]),(0,n.j)({ref:i,handler:()=>{U(["scrolled-up",I[1]],!0)}});const Z=e.event,q=e.inVideoClick,Y=e.closeClick,G=.3*c,K=.6*c,J=.1*c,$=.1*(.5*c),ee="round"==j?"10px":"0px",te=(0,u.GvQ)(N);var ie=!1,ne=0,oe=0;function re(e){ie=e}return(0,v.jsxs)("div",{children:[O&&!H?(0,v.jsx)(v.Fragment,{}):X&&H?(0,v.jsx)("div",{style:"left"===_?{left:"1px",bottom:M?(0,u.pUQ)(N)+"px":F+"px",position:"fixed",zIndex:te}:{right:"5px",bottom:M?(0,u.pUQ)(N)+"px":F+"px",position:"fixed",zIndex:te},children:(0,v.jsxs)("div",{onClick:()=>{U(["initial",I[1]],!1)},style:{margin:"1px",width:c+"px",height:d+"px"},className:"left"===_?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,v.jsx)("div",{style:{overflow:"hidden"},children:(0,v.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,v.jsx)(r.A,{url:Z.thumbnail_image,isPlaying:!1,event:Z})})}),(0,v.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,v.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,v.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,v.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,v.jsx)(x.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:G+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:Y})})}),(0,v.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,v.jsx)(m.A,{sx:{color:"white",fontSize:2*G+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,v.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,n;i=t.x,n=t.y,ne=i,oe=n},onDrag:(e,t)=>{re(!0)},onStop:(e,t)=>{ie&&(Math.abs(t.x-ne)>5||Math.abs(t.y-oe)>5)?re(!1):q(Z)},children:(0,v.jsx)("div",{ref:i,style:"left"===_?{left:M?(0,u.D2A)(N)+"px":Q+"px",bottom:M?(0,u.pUQ)(N)+"px":F+"px",position:"fixed",zIndex:te}:{right:M?(0,u.D2A)(N)+"px":Q+"px",bottom:M?(0,u.pUQ)(N)+"px":F+"px",position:"fixed",zIndex:te},children:(0,v.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==N?d+"px":c+"px",height:e.isSpotlight&&"60122562760"==N?c+"px":d+"px"}),className:"left"===_?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,v.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,v.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==N?16/9:9/16},children:(0,v.jsx)(r.A,{url:Z.thumbnail_image,isMuted:!0,isPlaying:!0,event:Z})})}),(0,v.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,v.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,v.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,v.jsx)(x.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:G+"px"},onClick:Y,style:{position:"relative",zIndex:1,left:J+"px",bottom:J+"px"}})}),(0,v.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,v.jsx)(p.A,{sx:{color:(0,u.KFN)(N),fontSize:K+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,v.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:ee,borderBottomRightRadius:ee,backgroundImage:S?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,v.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*G+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",S]})})]})})]})})}),C&&(0,v.jsxs)("div",{style:{color:"black",position:"fixed",bottom:"5%",left:"0",width:b,overflow:"hidden",whiteSpace:"nowrap"},children:[(0,v.jsx)("div",{style:{display:"inline-block",animation:"moveLeftToRight 15s linear infinite",whiteSpace:"nowrap"},dangerouslySetInnerHTML:{__html:C}}),(0,v.jsx)("style",{children:"\n @keyframes moveLeftToRight {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n "})]})]})}},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);
package/static/js/collections-template-a.23ee8992.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[423],{517:function(e,t,o){o.r(t);var r=o(9950),i=o(340),n=o(9983),a=(o(3997),o(9130),o(4669),o(9733),o(4365),o(7229),o(6042),o(572)),l=o(8603),p=o(7300),s=o(5830),d=o(7509),x=o(4737),h=o(2410),c=o(9611),m=o(8385),u=o(932),g=o(6641),w=o(5901),f=o(6649),v=o(1348),y=o(5873),b=o(4414);const j=(0,l.A)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o]=(0,p.A)(),[l,S]=(0,u.A)(),[C,k]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),A=(0,s.Xd)("whatmoreVideoTileSize"),R=(0,s.Xd)("whatmoreVideoTileSizePortrait"),T="portrait"===o?R:A,B="portrait"==o?0:(0,s.Xd)("whatmoreLandscapePadding"),P=(0,s.Xd)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:L}=(0,r.useContext)(x.B),V=(0,s.Xd)("whatmoreShopId"),{whatmoreRootId:F}=(0,r.useContext)(x.B),M=e.onClick;function N(e){M(e)}(0,r.useEffect)((()=>{(0,g.Fk)("Video shopping powered by Whatmore!")}),[]),delete n.Ay.styles.global;var E=[];for(let r=0,i=!1;r<t.length;)i&&r!=t.length-1&&C[r]>.2?(E.push((0,b.jsx)(c.A,{mode:o,event1:t[r],event2:t[r+1],onClick:()=>{N(t[r-1])}},"collections-tile-"+r)),r+=2,i=!i):(E.push((0,b.jsx)(h.A,{mode:o,event:t[r],onClick:()=>{N(t[r-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+r)),r+=1,i=!i);(0,r.useEffect)((()=>{y.Sn.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const[I,Q,X]=(0,f.A)({triggerOnce:!1});return(0,b.jsx)(a.C,{value:j,children:(0,b.jsx)("div",{className:L?"whatmore-collection-events":"whatmore-carousel-events",children:(0,b.jsx)(i.s,{theme:n.Ay,cssVarsRoot:F,resetCSS:!1,children:(0,b.jsxs)(d.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,b.jsx)("div",{ref:I,style:{marginLeft:B+"px",marginRight:B+"px"},children:(0,b.jsx)(m.c,{renderElement:e=>(0,b.jsx)(b.Fragment,{children:e.eventData}),dataList:E,spacing:P,defaultHeight:l*T*.01+"px",defaultWidth:S*T*.01+"px",retainAlreadyRenderedElements:!0})}),(0,v.wQ2)(V)&&L&&!Q&&-1==e.index&&(0,b.jsx)(w.A,{event:t[0],inVideoClick:N,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},9611:function(e,t,o){var r=o(9950),i=o(1348),n=o(5830),a=(o(6125),o(4365),o(6614),o(9879)),l=o(932),p=o(4414);t.A=function(e){var t;const[o,s]=(0,l.A)(),[d]=(0,n.QN)("whatmoreSecondaryColor"),[x]=(0,n.QN)("whatmoreShopId"),[h]=(0,n.QN)("whatmoreVideoTileSize"),[c]=(0,n.QN)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?c:h,[u,g]=(0,r.useState)(!1),w=(0,i.ivI)(x),f=e.event1,v=e.event2,y=e.onClick,b=.01*m,j=o*b,S=o*b*.5,C=s*b,k=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",A="15%",R=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:j+"px",width:C+"px",marginLeft:R?"2px":"5px",marginRight:R?"2px":"5px",marginTop:R?"2px":"5px",marginBottom:R?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:R?"0px":k,boxShadow:R?"":"0px 1px 1px 0px "+d+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+d+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+d+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+d+"DA, -1px -1px 1px 0px "+w+"DA"},onClick:()=>{g(!0),y(f)},className:[u?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:C+"px",borderTopLeftRadius:R?"0px":A,borderTopRightRadius:R?"0px":A,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(a.A,{height:"100%",width:"100%",url:f.thumbnail_image,isPlaying:!0,event:f})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:C+"px",borderBottomLeftRadius:R?"0px":A,borderBottomRightRadius:R?"0px":A,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(a.A,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:!0,event:v})})]})})}}}]);
package/static/js/collections-template-b.18c9e0b4.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[412],{7646:function(e,t,o){o.r(t);var r=o(9950),i=o(340),a=o(9983),n=(o(3997),o(9130),o(4669),o(9733),o(4365),o(7229),o(6042),o(572)),l=o(8603),p=o(7300),s=o(5830),d=o(7509),h=o(4737),x=o(5873),c=o(2410),m=o(9611),u=o(8385),w=o(932),g=o(6641),v=o(1348),f=o(5901),y=o(6649),b=o(4414);const S=(0,l.A)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o]=(0,p.A)(),[l,j]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[C,k]=(0,w.A)(),A=(0,s.Xd)("whatmoreVideoTileSize"),R=(0,s.Xd)("whatmoreVideoTileSizePortrait"),B="portrait"===o?R:A,T="portrait"==o?0:(0,s.Xd)("whatmoreLandscapePadding"),P=(0,s.Xd)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:L}=(0,r.useContext)(h.B),V=(0,s.Xd)("whatmoreShopId"),{whatmoreRootId:F}=(0,r.useContext)(h.B),M=e.onClick,[N,E,I]=(0,y.A)({triggerOnce:!1});function Q(e){M(e)}delete a.Ay.styles.global;var X=[];for(let r=0,i=!1;r<t.length;)i&&r!=t.length-1&&l[r]>.2?(X.push((0,b.jsx)(m.A,{event1:t[r],event2:t[r+1],onClick:()=>{Q(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,i=!i):(X.push((0,b.jsx)(c.A,{mode:o,event:t[r],onClick:()=>{Q(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,i=!i);return(0,r.useEffect)((()=>{(0,g.Fk)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{x.Sn.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-d"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-d"]')))return;e&&(e.style.minHeight="0px")}))}),[]),(0,b.jsx)(n.C,{value:S,children:(0,b.jsx)("div",{className:L?"whatmore-collection-events":"whatmore-carousel-events",children:(0,b.jsx)(i.s,{theme:a.Ay,cssVarsRoot:F,resetCSS:!1,children:(0,b.jsxs)(d.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,b.jsx)("div",{ref:N,style:{marginLeft:T+"px",marginRight:T+"px"},children:(0,b.jsx)(u.c,{showBgPlaceholder:!0,renderElement:e=>(0,b.jsx)(b.Fragment,{children:e.eventData}),dataList:X,spacing:P,defaultHeight:C*B*.01+"px",defaultWidth:k*B*.01+"px",retainAlreadyRenderedElements:!0})}),(0,v.wQ2)(V)&&L&&!E&&-1==e.index&&(0,b.jsx)(f.A,{event:t[0],inVideoClick:Q,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},9611:function(e,t,o){var r=o(9950),i=o(1348),a=o(5830),n=(o(6125),o(4365),o(6614),o(9879)),l=o(932),p=o(4414);t.A=function(e){var t;const[o,s]=(0,l.A)(),[d]=(0,a.QN)("whatmoreSecondaryColor"),[h]=(0,a.QN)("whatmoreShopId"),[x]=(0,a.QN)("whatmoreVideoTileSize"),[c]=(0,a.QN)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?c:x,[u,w]=(0,r.useState)(!1),g=(0,i.ivI)(h),v=e.event1,f=e.event2,y=e.onClick,b=.01*m,S=o*b,j=o*b*.5,C=s*b,k=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",A="15%",R=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:S+"px",width:C+"px",marginLeft:R?"2px":"5px",marginRight:R?"2px":"5px",marginTop:R?"2px":"5px",marginBottom:R?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:R?"0px":k,boxShadow:R?"":"0px 1px 1px 0px "+d+"50, 0px -1px 1px 0px "+g+"50, 1px 0px 1px 0px "+d+"50, -1px 0px 1px 0px "+g+"80, 1px -1px 1px 0px "+d+"80, -1px 1px 1px 0px "+g+"DA, 1px 1px 1px 0px "+d+"DA, -1px -1px 1px 0px "+g+"DA"},onClick:()=>{w(!0),y(v)},className:[u?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:j+"px",width:C+"px",borderTopLeftRadius:R?"0px":A,borderTopRightRadius:R?"0px":A,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(n.A,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:!0,event:v})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:j+"px",width:C+"px",borderBottomLeftRadius:R?"0px":A,borderBottomRightRadius:R?"0px":A,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(n.A,{height:"100%",width:"100%",url:f.thumbnail_image,isPlaying:!0,event:f})})]})})}}}]);
package/static/js/collections-template-c.1a2ed0a1.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[221],{5451:function(t,e,r){r.r(e);var o=r(9950),i=r(340),a=r(9983),l=r(5873),s=(r(3997),r(9130),r(4669),r(9733),r(4365),r(7229),r(6042),r(1131)),n=r(572),p=r(8603),c=r(7300),d=r(5830),m=r(7509),h=r(4737),y=r(2410),x=r(932),w=r(8385),f=r(6641),g=r(1348),v=r(5901),u=r(6649),P=r(4414);const j=(0,p.A)({key:"whatmore-css-cv"});e.default=function(t){var e;const[r]=(0,c.A)(),[p,S]=(0,x.A)(),b=(0,d.Xd)("whatmoreShopId"),k=(0,d.Xd)("whatmoreVideoTileSize"),C=(0,d.Xd)("whatmoreVideoTileSizePortrait"),A="portrait"===r?C:k,V="portrait"==r?0:(0,d.Xd)("whatmoreLandscapePadding"),X=(0,d.Xd)("whatmoreCollectionsTilesSpacing"),[z]=(0,d.Xd)("whatmorePrimaryColor"),{whatmoreRootId:T}=(0,o.useContext)(h.B),{whatmoreIsCollectionsTemplate:F}=(0,o.useContext)(h.B),R=t.events,B=t.onClick,E=(0,d.Xd)("whatmoreTitleFont"),H="portrait"==r?(0,d.Xd)("whatmoreTitleFontSizePortrait"):(0,d.Xd)("whatmoreTitleFontSize"),L=null!==(e=(0,g.sa6)(b))&&void 0!==e?e:E,M=(0,d.Xd)("whatmorePrimaryFont");function I(t){B(t)}delete a.Ay.styles.global;const q=.055*S;var D=[];for(let o=0;o<R.length;){const t=R[o],e="STR1EXZ7ZRD"===b;D.push((0,P.jsxs)("div",{style:{position:"relative"},children:[(0,P.jsx)(y.A,{mode:r,event:t,onClick:()=>{I(R[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:q},"collections-tile-"+o),e&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("position","absolute","important"),t.style.setProperty("bottom","4%","important"),t.style.setProperty("left","50%","important"),t.style.setProperty("transform","translateX(-50%)","important"),t.style.setProperty("color","white","important"),t.style.setProperty("padding","0.5rem 0rem 0rem 0.5rem","important"),t.style.setProperty("font-size",.9*q+"px","important"),t.style.setProperty("font-weight","600","important"),t.style.setProperty("width","90%","important"),t.style.setProperty("max-width","100%","important"),t.style.setProperty("word-wrap","break-word","important"),t.style.setProperty("text-shadow","2px 2px 4px rgba(0, 0, 0, 0.5)","important"),t.style.setProperty("font-family",M,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:null===t||void 0===t?void 0:t.title}),(0,P.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,P.jsx)(s.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]})]})),o++}(0,o.useEffect)((()=>{(0,f.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.Sn.forEach((t=>{var e;const r=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||t.querySelector('.whatmore-template-type[data-wh="template-e"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-collections-c"]')||t.querySelector('.whatmore-template-type[data="template-e"]');if(!r)return;r&&t&&(t.style.minHeight="0px")}))}),[]);const[W,O,Z]=(0,u.A)({triggerOnce:!1});return(0,P.jsx)(n.C,{value:j,children:(0,P.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,P.jsx)(i.s,{theme:a.Ay,cssVarsRoot:T,resetCSS:!1,children:(0,P.jsxs)(m.h.Provider,{value:{tileTopMargin:0,tileBottomMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[t.heading.trim().length>0&&!F&&(0,g.DLl)(b)?(0,P.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",L,"important"),t.style.setProperty("font-size",H+"px","important"))},style:{color:z,backgroundClip:"text",textAlign:"center",fontWeight:(0,g.Odx)(b),lineHeight:(0,g.L0y)(b),letterSpacing:(0,g.l3V)(b)},children:t.heading})}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)("div",{ref:W,style:{marginLeft:V+"px",marginRight:V+"px"},children:(0,P.jsx)(w.c,{showBgPlaceholder:!0,renderElement:t=>(0,P.jsx)(P.Fragment,{children:t.eventData}),dataList:D,spacing:X,defaultHeight:p*A*.01+"px",defaultWidth:S*A*.01+"px",retainAlreadyRenderedElements:!0})}),(0,g.wQ2)(b)&&F&&!O&&-1==t.index&&(0,P.jsx)(v.A,{event:R[0],inVideoClick:I,closeClick:e=>{e.stopPropagation(),t.setScreen(-2)}})]})})})})}},1131:function(t,e,r){var o=r(4994);e.A=void 0;var i=o(r(9526)),a=r(4414);e.A=(0,i.default)([(0,a.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z",opacity:".3"},"0"),(0,a.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2m6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z"},"1")],"ShoppingBagTwoTone")}}]);
package/static/js/collections-template-stories.c7cfda20.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[1],{4596:function(e,t,i){i.r(t),i.d(t,{default:function(){return S}});var n=i(9950),o=i(340),r=i(9983),l=i(5873),a=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(572)),d=i(8603),s=i(7300),c=i(5830),h=i(7509),p=i(4737),x=i(1348),m=(i(6125),i(6614),i(9879)),u=i(932),f=i(4414);var v=function(e){var t,i;const[o,r,l,a,d]=(0,u.A)(),s=(0,c.Xd)("whatmoreSecondaryColor"),h=(0,c.Xd)("whatmorePrimaryFont"),p=(0,c.Xd)("whatmoreShopId"),v=(0,c.Xd)("whatmoreVideoTileSize"),w=(0,c.Xd)("whatmoreVideoTileSizePortrait"),g="portrait"===e.mode?w:v,[y,j]=(0,n.useState)(!1),b=(0,x.ivI)(p),S=e.event,A=e.onClick,E=e.removeBorders,z=r*g*.01,C=(0,x.esc)(p),L=null!==(t=(0,x.qAx)(p))&&void 0!==t?t:[s,b,s,b,s];return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,x.FZM)(p)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),A(S)},className:[y?"whatmore-scale-on-tap":""].join(" "),children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+L[0]+"50, 0px -1px 1px 0px "+L[1]+"50, 1px 0px 1px 0px "+L[2]+"50, -1px 0px 1px 0px "+L[3]+"80, 1px -1px 1px 0px "+L[4]+"80, -1px 1px 1px 0px "+L[0]+"DA, 1px 1px 1px 0px "+L[1]+"DA, -1px -1px 1px 0px "+L[2]+"DA"},children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:z*C+"px",width:z*C+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(m.A,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})})}),(0,f.jsx)("div",{style:{fontFamily:h,paddingTop:"10px",fontSize:null!==(i=e.fontSize)&&void 0!==i?i:10},children:(0,f.jsx)("p",{children:S.title})})]})},w=i(8385),g=i(6641),y=i(5901),j=i(6649);const b=(0,d.A)({key:"whatmore-css-cv"});var S=function(e){const[t]=(0,s.A)(),[i,d]=(0,u.A)(),m=(0,c.Xd)("whatmoreVideoTileSize"),S=(0,c.Xd)("whatmoreVideoTileSizePortrait"),A="portrait"===t?S:m,E="portrait"==t?0:(0,c.Xd)("whatmoreLandscapePadding"),z=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),C=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:L}=(0,n.useContext)(p.B),k=e.events,P=e.onClick,{whatmoreIsCollectionsTemplate:N,whatmoreIsPreviewMode:R}=(0,n.useContext)(p.B);function F(e){P(e)}const[I,X,M]=(0,j.A)({triggerOnce:!1});delete r.Ay.styles.global;const Q=.055*d;var T=[];for(let n=0;n<k.length;)T.push((0,f.jsx)(v,{mode:t,event:k[n],onClick:()=>{F(k[n-1])},removeBorders:(0,x.U74)(C),fontSize:Q},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,g.Fk)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.Sn.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]),"8111554613"!=C||"landscape"!=t||R?(0,f.jsx)(a.C,{value:b,children:(0,f.jsx)("div",{className:N?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(o.s,{theme:r.Ay,cssVarsRoot:L,resetCSS:!1,children:(0,f.jsxs)(h.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:I,style:{marginLeft:E+"px",marginRight:E+"px"},children:(0,f.jsx)(w.c,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:T,spacing:z,defaultHeight:i*A*.01+"px",defaultWidth:d*A*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.wQ2)(C)&&!X&&-1==e.index&&(0,f.jsx)(y.A,{event:k[0],inVideoClick:F,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})}):(0,f.jsx)(f.Fragment,{})}},7509:function(e,t,i){i.d(t,{h:function(){return n}});const n=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,i){i.d(t,{c:function(){return a}});var n=i(6649),o=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,o]=(0,n.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function a(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(l,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5901:function(e,t,i){i.d(t,{A:function(){return w}});var n=i(1005),o=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,n,o,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.dl]===l.nN?c/100:s/100*1.2;return[t*h,i*h,r]},c=i(5727),h=i(1628),p=i.n(h),x=i(2209),m=i(6702),u=(i(9733),i(4365),i(1348)),f=i(7300),v=i(4414);var w=function(e){var t;const i=o.useRef(null);var[d,h,w]=s();const[g,y,j]=(0,f.A)(),b=(0,a.Xd)("whatmoreUITheme"),[S]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[A]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[E]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[z]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[L]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[k]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,a.Xd)("whatmoreShopId"),N=(0,a.Xd)("isDummyVideo");var R=A,F=E,I=z;w[l.dl]===l.nN&&(R=C,F=L,I=k);const[X,M]=(0,o.useState)(["initial",window.pageYOffset]),[Q,T]=(0,o.useState)(!1),B=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=w[l.dl]===l.nN?.7*(0,u.O86)(P):(0,u.O86)(P),D=B?V:1;d*=D,h*=D;const H=B?(0,u.LrK)(P):R,q=B?(0,u._2D)(P):(0,u.GSq)(P),[O,_]=(0,o.useState)(!B&&(0,u.n8Q)(P));function W(e,t){M(e),e[1]<=100?T(!1):t!=Q&&(T(t),_(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(W([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)}),[X]),(0,n.j)({ref:i,handler:()=>{W(["scrolled-up",X[1]],!0)}});const U=e.event,Y=e.inVideoClick,G=e.closeClick,K=.3*h,Z=.6*h,J=.1*h,$=.1*(.5*h),ee="round"==b?"10px":"0px",te=(0,u.GvQ)(P);var ie=!1,ne=0,oe=0;function re(e){ie=e}return(0,v.jsxs)("div",{children:[O&&!q?(0,v.jsx)(v.Fragment,{}):Q&&q?(0,v.jsx)("div",{style:"left"===H?{left:"1px",bottom:B?(0,u.pUQ)(P)+"px":I+"px",position:"fixed",zIndex:te}:{right:"5px",bottom:B?(0,u.pUQ)(P)+"px":I+"px",position:"fixed",zIndex:te},children:(0,v.jsxs)("div",{onClick:()=>{W(["initial",X[1]],!1)},style:{margin:"1px",width:h+"px",height:d+"px"},className:"left"===H?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,v.jsx)("div",{style:{overflow:"hidden"},children:(0,v.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,v.jsx)(r.A,{url:U.thumbnail_image,isPlaying:!1,event:U})})}),(0,v.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,v.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,v.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,v.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,v.jsx)(x.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:K+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:G})})}),(0,v.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,v.jsx)(m.A,{sx:{color:"white",fontSize:2*K+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,v.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,ne=i,oe=n},onDrag:(e,t)=>{re(!0)},onStop:(e,t)=>{ie&&(Math.abs(t.x-ne)>5||Math.abs(t.y-oe)>5)?re(!1):Y(U)},children:(0,v.jsx)("div",{ref:i,style:"left"===H?{left:B?(0,u.D2A)(P)+"px":F+"px",bottom:B?(0,u.pUQ)(P)+"px":I+"px",position:"fixed",zIndex:te}:{right:B?(0,u.D2A)(P)+"px":F+"px",bottom:B?(0,u.pUQ)(P)+"px":I+"px",position:"fixed",zIndex:te},children:(0,v.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==P?d+"px":h+"px",height:e.isSpotlight&&"60122562760"==P?h+"px":d+"px"}),className:"left"===H?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,v.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,v.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==P?16/9:9/16},children:(0,v.jsx)(r.A,{url:U.thumbnail_image,isMuted:!0,isPlaying:!0,event:U})})}),(0,v.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,v.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,v.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,v.jsx)(x.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:K+"px"},onClick:G,style:{position:"relative",zIndex:1,left:J+"px",bottom:J+"px"}})}),(0,v.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,v.jsx)(c.A,{sx:{color:(0,u.KFN)(P),fontSize:Z+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,v.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:ee,borderBottomRightRadius:ee,backgroundImage:S?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,v.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*K+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",S]})})]})})]})})}),N&&(0,v.jsxs)("div",{style:{color:"black",position:"fixed",bottom:"5%",left:"0",width:j,overflow:"hidden",whiteSpace:"nowrap"},children:[(0,v.jsx)("div",{style:{display:"inline-block",animation:"moveLeftToRight 15s linear infinite",whiteSpace:"nowrap"},dangerouslySetInnerHTML:{__html:N}}),(0,v.jsx)("style",{children:"\n @keyframes moveLeftToRight {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n "})]})]})}},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);
package/static/js/homepage-carousel-view.54f0ad96.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[760],{8289:function(e,t,n){n.r(t),n.d(t,{default:function(){return K}});var i=n(5830),o=n(9950),a=n(964),r=n(140),l=n(1348),s=n(4533),d=n(6613),c=n(1085),u=n(3330),h=n(852),m=n(4737),p=n(2039),v=n(4833),g=n(2979),S=n(6157),_=n(5100),y=n(8945),w=n(9821),f=n(4414);const I=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(378),n.e(296),n.e(987),n.e(669),n.e(665)]).then(n.bind(n,7206)))),x=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(437),n.e(296),n.e(620),n.e(116)]).then(n.bind(n,7144)))),E=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(879),n.e(296),n.e(987),n.e(180),n.e(423)]).then(n.bind(n,517)))),O=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(879),n.e(296),n.e(987),n.e(180),n.e(412)]).then(n.bind(n,7646)))),T=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(879),n.e(296),n.e(987),n.e(180),n.e(221)]).then(n.bind(n,5451)))),C=o.lazy((()=>Promise.all([n.e(572),n.e(491)]).then(n.bind(n,3319)))),j=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(378),n.e(437),n.e(181),n.e(987),n.e(669),n.e(650),n.e(956)]).then(n.bind(n,8650)))),L=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(378),n.e(296),n.e(987),n.e(669),n.e(620),n.e(474)]).then(n.bind(n,6945)))),D=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(296),n.e(669),n.e(485)]).then(n.bind(n,9418)))),b=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(378),n.e(296),n.e(987),n.e(676)]).then(n.bind(n,3369)))),q=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(378),n.e(296),n.e(987),n.e(669),n.e(891)]).then(n.bind(n,7178)))),N=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(437),n.e(296),n.e(669),n.e(620),n.e(933)]).then(n.bind(n,6989)))),P=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(378),n.e(437),n.e(181),n.e(987),n.e(669),n.e(650),n.e(806)]).then(n.bind(n,3278)))),k=o.lazy((()=>Promise.all([n.e(572),n.e(714),n.e(526),n.e(879),n.e(296),n.e(987),n.e(1)]).then(n.bind(n,4596))));var W=function(e){const[t]=(0,i.QN)("isInDesignMode"),[n]=(0,i.QN)("isDemoBrand"),[W]=(0,i.QN)("whatmoreTopBottomPadding"),[A]=(0,i.QN)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:F}=(0,o.useContext)(m.B),[$]=(0,i.QN)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:M}=(0,o.useContext)(m.B),B=(0,i.Xd)("isLandingSharedLink"),V=(0,i.Xd)("whatmoreShareTemplateId"),G=(0,i.Xd)("whatmoreShareStoryId"),R=(0,i.Xd)("whatmoreShareEventId"),{whatmoreWidgetSourceDetails:z,whatmoreUserInfo:K}=(0,o.useContext)(m.B),H=B&&M===(0,v.Mm)(V),[J,Q]=(0,o.useState)(H),[X,U]=(0,o.useState)(-1),[Y,Z]=(0,o.useState)(null);let ee=e.events,te=null===e||void 0===e?void 0:e.allEvents,ne=[],ie=[];if("template-banner-a"!==M){let e=0;for(let t=0;t<(null===ee||void 0===ee?void 0:ee.length);t++){var oe,ae;((0,p.ij)(ee[t])||(0,p.Il)(ee[t]))&&(null===(oe=null===(ae=ee[t])||void 0===ae?void 0:ae.in_stock)||void 0===oe||oe||(0,l.xku)($))&&(ne.push({...null===ee||void 0===ee?void 0:ee[t],index:e}),e++)}for(let t=0;t<(null===te||void 0===te?void 0:te.length);t++){var re,le;!(0,p.ij)(null===te||void 0===te?void 0:te[t])&&!(0,p.Il)(null===te||void 0===te?void 0:te[t])||null!==(re=null===te||void 0===te||null===(le=te[t])||void 0===le?void 0:le.in_stock)&&void 0!==re&&!re||(ie.push({...null===te||void 0===te?void 0:te[t],index:e}),e++)}}let se=[...ne,...ie];var de=null;F&&!de&&(de=function(e){var t=e.reduce(((e,t,n)=>{var i,o=t.storyset_id;return o in e?(e[o].total_events=e[o].total_events+1,e[o].events.push(t)):e[o]={id:t.storyset_id,title:t.storyset_name,thumbnail_image:t.storyset_thumbnail_image,total_events:1,start_event_index:n,storyset_dynamic_thumbnail:null!==(i=null===t||void 0===t?void 0:t.storyset_dynamic_thumbnail)&&void 0!==i&&i,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(ne));const ce=z.landingLocationType,ue=z.templateType;function he(e){let i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,d.MN)()&&(0,w._)()&&!i&&(0,c.bo)(),t||n||(async()=>{const t=de[e].events[0],n=(0,v.Wd)(ce)+(0,v.gf)(ue)+(null!==t&&void 0!==t&&t.isRelatedEvent?"R":"E")+"_"+(null===t||void 0===t?void 0:t.event_id);(0,r.lB)(t),(0,u.Si)($,a.TB,a.OL),(0,s.Ch)(t.event_id,t.products,"homepage","stories",n,null===t||void 0===t?void 0:t.location,null===K||void 0===K?void 0:K.userType)})();var l=0;null!=o&&de[e].events.map(((e,t)=>{e.event_id==o&&(l=t)})),U(l),Z(e)}async function me(e){let i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];(0,d.MN)()&&(0,w._)()&&!i&&await(0,c.bo)(),U(e.index),((0,p.ij)(e)||(0,p.Il)(e))&&(t||n||(async()=>{const t=(0,v.Wd)(ce)+(0,v.gf)(ue)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,r.lB)(e),(0,u.Si)($,a.TB,a.Dk),(0,s.Ch)(e.event_id,e.products,"homepage","carousel",t)})())}function pe(e){return(0,f.jsx)(f.Fragment,{})}return(0,o.useEffect)((()=>{if(H)if((0,y.H)("whatmore-video-player",(()=>{Q(!1)})),null!=G&&F){const e=de.find((e=>G==e.id));if(e)return void he(de.indexOf(e),!0,R)}else if(null!=R){const e=ne.find((e=>R==e.event_id));if(e)return void me(e,!0)}}),[]),(0,f.jsxs)(f.Fragment,{children:[J&&(0,f.jsx)(_.A,{}),(0,f.jsx)("div",{className:"whatmore-widget-container",style:{height:"100%",marginTop:(F?A:W)+"px",marginBottom:(F?A:W)+"px"},children:"template-b"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(I,{events:ne,onClick:me,heading:e.heading})})}):"template-a-1"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(x,{events:ne,onClick:me,heading:e.heading})}):"template-feed-a"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(N,{events:ne,onClick:me,heading:e.heading})}):"template-collections-a"===M||"template-c"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(E,{events:ne,index:X,setScreen:U,onClick:me,heading:e.heading})})}):"template-collections-b"===M||"template-d"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(O,{events:ne,index:X,setScreen:U,onClick:me,heading:e.heading})})}):"template-collections-c"===M||"template-e"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(T,{events:ne,index:X,setScreen:U,onClick:me,heading:e.heading})})}):"template-collections-d"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(I,{events:ne,index:X,setScreen:U,onClick:me,heading:e.heading})})}):"template-collections-e"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(L,{events:ne,index:X,setScreen:U,onClick:me,heading:e.heading})})}):"template-collections-stories"===M||"template-stories"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(k,{events:ne,index:X,setScreen:U,onClick:me,heading:e.heading})})}):"template-f"===M||"template-collections-f"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(D,{events:ne,onClick:me,heading:e.heading})})}):"template-g"===M||"template-collections-g"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(b,{events:ne,onClick:me,heading:e.heading})})}):"template-h"===M||"template-collections-h"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(q,{events:ne,onClick:me,heading:e.heading})})}):"template-banner-a"===M?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.BANNER_WIDGET_VIEW,event:ee[0],triggerFlag:!t&&!n,children:(0,f.jsx)(P,{events:ee})})}):F?(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.STORIES_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(C,{eventsStories:de,onClick:he,template:M})})}):(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,f.jsx)(L,{events:ne,onClick:me,heading:e.heading})})})}),-1==X||-2==X?(0,f.jsx)(pe,{}):(0,f.jsx)(o.Suspense,{children:(0,f.jsx)(g.S,{userInteractionType:S.O.EVENT_VIEW,event:ee[X],productList:ee[X].products,cta:ee[X].cta,triggerFlag:!t&&!n,children:(0,f.jsx)(j,{events:se,index:X,onBack:function(e){(0,l.ei)($)&&(0,i.Xd)("whatmoreAddedToCart")&&(0,h.H)($,(()=>{}),100,window.location.hostname,e),U(-1),Q(!1)},slideDirection:F||"horizontal"===(0,l.br0)($)?"horizontal":"vertical",eventsStories:de,initialStoryIndex:Y,template:M})})})]})};const A=function(e,t,n){const o=(0,i.Xd)("whatmoreShopId");var a=t.reduce(((e,t,n)=>(t.products.map((e=>e.client_product_id)).forEach((t=>{t in e||(e[t]=!0)})),e)),{}),r=Object.keys(a);if("60960964855"==o&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var l={};fera.getRatings(r,(e=>{new Promise(((t,n)=>{e.forEach((e=>{l[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(l)})).then((e=>n(e)))}))}if("23114481744"==o){const e="1e6MQXxzYR19mpw9Km6Dcm86";l={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+r.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{l[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),l))).then((e=>n(e))).catch((e=>console.error(e)))}};var F=n(7802),$=n(6641),M=n(1351),B=n(4820),V=n(5873),G=n(6018);var R=function(e){const[t,n]=(0,o.useState)(),[r,u]=(0,o.useState)([]),[h,p]=(0,o.useState)(),{whatmoreIsStoriesTemplate:g}=(0,o.useContext)(m.B),{whatmoreIsCollectionsTemplate:_}=(0,o.useContext)(m.B),{whatmoreIsBannerTemplate:y}=(0,o.useContext)(m.B),[I]=(0,i.QN)("whatmoreShopId"),[x]=(0,i.QN)("whatmoreCollectionId"),E=(0,i.Xd)("whatmoreLandingLocationType"),O=(0,i.Xd)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:T}=(0,o.useContext)(m.B),{whatmoreUserInfo:C,whatmoreIsPreviewMode:j}=(0,o.useContext)(m.B),L=(0,i.Xd)("whatmoreCollectionUrl"),[D]=(0,i.QN)("isInDesignMode"),[b]=(0,i.QN)("isDemoBrand"),q=(0,l.mJ$)(I)?(0,l.jLA)(I)?L:window.location.href.split(/[?#]/)[0]:x,[N,P]=(0,i.QN)("productRatings"),[k,R]=(0,o.useState)(!1);var z=(0,l.SOt)(I)?a.aD+"/v2/events/":a.$$+"/v2/events/",K=(0,l.SOt)(I)?a.aD+"/v3/events/":a.$$+"/v3/events/",H=(0,l.SOt)(I)?a.aD+"/v4/events/":a.$$+"/v4/events/",J=(0,l.SOt)(I)?a.aD+"/v5/events/":a.$$+"/v5/events/",Q=(0,l.SOt)(I)?a.aD+"/v6/events/":a.$$+"/v6/events/",X=(0,l.SOt)(I)?a.aD+"/get_eventset/":a.$$+"/get_eventset/",U=(0,l.SOt)(I)?a.aD+"/v2/collection":a.$$+"/v2/collection",Y=(0,l.SOt)(I)?a.aD+"/v3/collection":a.$$+"/v3/collection",Z=(0,l.SOt)(I)?a.aD+"/v4/collection":a.$$+"/v4/collection",ee=(0,l.SOt)(I)?a.aD+"/v2/brand/"+I+"/product-events":a.$$+"/v2/brand/"+I+"/product-events",te=e.shopId,ne="live,upcoming",ie="true";return(0,o.useEffect)((()=>{(0,s.wm)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,B.u)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,o.useEffect)((()=>{null!=t&&0!=t.length&&!h&&(0,d.MN)()&&!(0,i.Xd)("whatmoreVideoPlayerPoolInitiated")&&(0,w._)()&&(0,c.Pc)(c.F5)}),[t]),(0,o.useEffect)((()=>{var e;if(E.startsWith("product"))if((0,l.vvU)(I))e=z.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ie.toString()+(g?"&template_type=stories":"");else{var t=(0,i.Xd)("whatmoreProductId");t=(0,l.BcY)(I)?function(e,t){return"STRQMPNF7QK"==t?encodeURIComponent(e):e.split(/[?#]/)[0]}(window.location.href,I):t,e=ee.toString()+"?client_product_id="+t.toString()+"&status="+ne.toString()+"&event_type=video"}else if(_||"invalid-url"!==L)e=(0,l.JwJ)(I)?`${Y.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==E&&(0,l.FKG)(I).length>0?(0,l.FKG)(I)[0]:q}`:"78232846646"==I?`${Z.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==E&&(0,l.FKG)(I).length>0?(0,l.FKG)(I)[0]:q}`:`${U.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==E&&(0,l.FKG)(I).length>0?(0,l.FKG)(I)[0]:q}`;else if(y){const t=v.Jh,n=(0,v.t6)(E);e=X.toString()+te.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+I}else{var o,a,r,d;if(("72201044272"==I||"2665447536"==I&&j)&&!g)e=K.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ie.toString()+"&latitude="+(null!==(o=null===(a=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===a?void 0:a.latitude)&&void 0!==o?o:"")+"&longitude="+(null!==(r=null===(d=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===d?void 0:d.longitude)&&void 0!==r?r:"")+"&user_type="+(null!==C&&void 0!==C&&C.userType?"olduser":"newuser");else if((0,l.JwJ)(I)&&!g)e=H.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ie.toString();else if("78232846646"==I&&j){var c,h,m,S;e=Q.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ie.toString()+"&latitude="+(null!==(c=null===(h=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===h?void 0:h.latitude)&&void 0!==c?c:"")+"&longitude="+(null!==(m=null===(S=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===S?void 0:S.longitude)&&void 0!==m?m:"")+"&user_type="+(null!==C&&void 0!==C&&C.userType?"olduser":"newuser")}else e="78232846646"==I?J.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ie.toString():z.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ie.toString()+(g?"&template_type=stories":"")}fetch(e).then((e=>e.json())).then((e=>{var t;if(y){const t=v.Jh;return(0,F.Po)(e,t)}return(0,l.JwJ)(I)&&(null===e||void 0===e||null===(t=e.questions)||void 0===t?void 0:t.length)>0&&(null==localStorage.getItem("_whatmore_qview_index")&&localStorage.setItem("_whatmore_qview_index",0),(0,s.d3)(null===e||void 0===e?void 0:e.questions)),(null===e||void 0===e?void 0:e.all_events)&&u(null===e||void 0===e?void 0:e.all_events),(0,F.Np)(e,_||"invalid-url"!==L)})).then((e=>(O&&console.debug("initial received events size : "+e.length),g||_||y?e:(0,F.zJ)(e,te)))).then((e=>(("28849832033"===I||"85317058852"===I&&Array.isArray(e))&&(e=function(e){for(let t=e.length-1;t>0;t--){const n=Math.floor(Math.random()*(t+1));[e[t],e[n]]=[e[n],e[t]]}return e}(e)),null!=e&&0!=e.length&&(0,l.WiD)(I)&&function(e,t,n){const o=setInterval((()=>{null===(0,i.Xd)("productRatings")&&A(e,t,n)}),1e3);setTimeout((()=>{clearInterval(o)}),1e4)}(I,e,(e=>{P(e)})),e))).then((e=>{(b||D)&&(null==e||e&&0==(null===e||void 0===e?void 0:e.length))?n(g?G.Yo:y?G.N9:G.uG):n(e),R(!0)})).catch((e=>{p(e.message),R(!0)}))}),[]),(0,o.useEffect)((()=>{"index"===E?t&&t.length>0&&(0,M.yP)({userInteractionType:S.O.HOMEPAGE_VISITED,widgetSourceDetails:T}):"collection"===E&&(t&&t.length>0||(0,l.BZ$)(I))&&(0,M.yP)({userInteractionType:S.O.COLLECTION_PAGE_VISITED,widgetSourceDetails:T})}),[t]),k&&(null==t||0==t.length||h)&&V.Sn.forEach((e=>{var t,n,i,o;const a=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]'),r=null!==(n=e.querySelector('.whatmore-template-type[data-wh="template-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-feed-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-a-1"]')||e.querySelector('.whatmore-template-type[data-wh="template-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==n?n:e.querySelector('.whatmore-template-type[data="template-a"]')||e.querySelector('.whatmore-template-type[data="template-b"]')||e.querySelector('.whatmore-template-type[data="template-f"]')||e.querySelector('.whatmore-template-type[data="template-stories"]')||e.querySelector('.whatmore-template-type[data="template-e"]')||e.querySelector('.whatmore-template-type[data="template-a-1"]')||e.querySelector('.whatmore-template-type[data="template-g"]')||e.querySelector('.whatmore-template-type[data="template-h"]'),l=null!==(i=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-d"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-h"]'))&&void 0!==i?i:e.querySelector('.whatmore-template-type[data="template-collections-a"]')||e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-collections-e"]')||e.querySelector('.whatmore-template-type[data="template-collections-d"]')||e.querySelector('.whatmore-template-type[data="template-collections-f"]')||e.querySelector('.whatmore-template-type[data="template-collections-g"]')||e.querySelector('.whatmore-template-type[data="template-collections-h"]'),s=null!==(o=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==o?o:e.querySelector('.whatmore-template-type[data="template-banner-a"]'),d=e;if(g){const t=e.querySelector(".whatmore-shimmer-stories");t&&(t.style.display="none")}else if(!_){const t=e.querySelector(".loading-skeleton-wrapper");t&&(t.style.display="none")}(s||l||r||a)&&(r&&d||a&&d||s&&d||l&&d)&&(d.style.minHeight="0px")})),null==t||0==t.length||h?(0,f.jsx)("div",{}):(O&&(0,$.xv)(t),function(e){if(null!=e){var t=0;e.forEach((e=>{e.index=t++}))}}(t),O&&console.debug("final transformed events data : "+JSON.stringify(t)),O&&console.debug("valid events size : "+t.length),(0,f.jsx)(W,{heading:e.heading,events:t,allEvents:r}))},z=n(6649);var K=function(e){const[t]=(0,i.QN)("whatmoreShopId"),[n]=(0,i.QN)("whatmoreHeading"),[a,r]=(0,o.useState)(["initial",window.pageYOffset]),[s,d]=(0,o.useState)(!1),c="2665447536"==t?30:10,h=(0,i.Xd)("isLandingSharedLink");(0,o.useEffect)((()=>{if((0,u.hr)(t),!(0,l.FlM)(t))return;const e=c;let n=window.pageYOffset,i=!1;const o=()=>{const t=window.pageYOffset;var o,a;Math.abs(t-n)<e?i=!1:(a=!0,r(o=[t>n?"scrolled-down":"scrolled-up",t]),o[1]>c&&d(a),n=t>0?t:0,i=!1)},a=()=>{i||(window.requestAnimationFrame(o),i=!0)};return window.addEventListener("scroll",a),()=>window.removeEventListener("scroll",a)}),[]);const[m,p,v]=(0,z.A)({triggerOnce:!0});return(0,f.jsx)("div",{ref:m,style:{display:"block",height:"100%"},children:s||p||h||!(0,l.FlM)(t)||(0,l.wQ2)(t)?(0,f.jsx)(R,{heading:n,shopId:t}):(0,f.jsx)("div",{})})}},5100:function(e,t,n){var i=n(9950),o=n(7300),a=n(5830),r=n(4414);const l=i.memo((()=>{if(!(0,a.Xd)("isLandingSharedLink"))return(0,r.jsx)(r.Fragment,{});const[e]=(0,o.A)();return(0,r.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,r.jsx)("div",{className:"shimmer-item portrait-full",children:(0,r.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,r.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,r.jsx)("div",{className:"shimmer-effect"})},t))),(0,r.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));t.A=l},8945:function(e,t,n){function i(e,t){let n=0;let i=new MutationObserver((function(){document.querySelector("."+e)?(t(),i.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),i.disconnect()}),8e3))}));i.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{H:function(){return i}})},1351:function(e,t,n){n.d(t,{Qj:function(){return s},kz:function(){return d},UM:function(){return u},yP:function(){return h},DG:function(){return c}});var i=n(1348),o=n(5830),a=n(6157);function r(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=(0,o.Xd)("whatmoreShopId");(e!=a.O.EVENT_VIEW||(0,i.NFF)(r))&&(e!=a.O.VIDEO_PLAYBACK||(0,i.Eel)(r))&&(e!=a.O.SHOPNOW_ATC_CLICKED&&e!=a.O.PRODUCT_TILE_ATC_CLICKED||(0,i.T9r)(r))&&(e!=a.O.VIDEO_LIKED||(0,i.Mz3)(r))&&(e!=a.O.VIDEO_SHARE_CTA_CLICKED||(0,i.OLZ)(r))&&(e!=a.O.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=a.O.SHOPNOW_CLICKED||(0,i.nEf)(r))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===a.O.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var l=n(7145);const s={[a.O.EVENT_VIEW]:"whatmore_video_click_event",[a.O.VIDEO_LIKED]:"whatmore_video_like_event",[a.O.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[a.O.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[a.O.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[a.O.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[a.O.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[a.O.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function d(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:d,ctaList:c}=e;(0,l.B)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:d,ctaList:c}),n in s&&r(n,null!==(t=null===d||void 0===d?void 0:d[1])&&void 0!==t?t:null===d||void 0===d?void 0:d[0])}function c(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:d,ctaList:c}=e;(0,l.B)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:d,ctaList:c}),n in s&&r(n,null!==(t=null===d||void 0===d?void 0:d[1])&&void 0!==t?t:null===d||void 0===d?void 0:d[0],i)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:a,ctaList:r}=e;(0,l.B)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:a,ctaList:r})}function h(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:a,ctaList:r}=e;(0,l.B)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:a,ctaList:r})}}}]);
package/static/js/product-page-view.c4bd892d.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[774],{5100:function(e,t,n){var i=n(9950),o=n(7300),r=n(5830),a=n(4414);const d=i.memo((()=>{if(!(0,r.Xd)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[e]=(0,o.A)();return(0,a.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},t))),(0,a.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));t.A=d},69:function(e,t,n){n.d(t,{Ij:function(){return r},bi:function(){return a}});let i,o=!1;function r(){return i?i.play().then((()=>{o=!0,console.debug("iOS autoplay restrictions bypassed."),i.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function a(){i||(i=document.createElement("video"),i.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",i.muted=!0,i.playsInline=!0,i.style.display="none",document.body.appendChild(i));const e=()=>{o||r()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},5901:function(e,t,n){n.d(t,{A:function(){return g}});var i=n(1005),o=n(9950),r=n(9879),a=n(22),d=n(5830),s=n(932);var l=function(e){const[t,n,i,o,r]=(0,s.A)(),[l]=(0,d.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,d.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.dl]===a.nN?c/100:l/100*1.2;return[t*u,n*u,r]},c=n(5727),u=n(1628),p=n.n(u),h=n(2209),v=n(6702),m=(n(9733),n(4365),n(1348)),f=n(7300),w=n(4414);var g=function(e){var t;const n=o.useRef(null);var[s,u,g]=l();const[x,_,y]=(0,f.A)(),b=(0,d.Xd)("whatmoreUITheme"),[E]=(0,d.QN)("whatmoreEmbedAppVideoTitle"),[I]=(0,d.QN)("whatmoreEmbedAppPositionPortrait"),[S]=(0,d.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,d.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[L]=(0,d.QN)("whatmoreEmbedAppPositionLandscape"),[O]=(0,d.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,d.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),D=(0,d.Xd)("whatmoreShopId"),P=(0,d.Xd)("isDummyVideo");var k=I,A=S,N=j;g[a.dl]===a.nN&&(k=L,A=O,N=C);const[T,z]=(0,o.useState)(["initial",window.pageYOffset]),[V,Q]=(0,o.useState)(!1),K=null!==(t=e.isSpotlight)&&void 0!==t&&t,M=g[a.dl]===a.nN?.7*(0,m.O86)(D):(0,m.O86)(D),R=K?M:1;s*=R,u*=R;const F=K?(0,m.LrK)(D):k,W=K?(0,m._2D)(D):(0,m.GSq)(D),[B,H]=(0,o.useState)(!K&&(0,m.n8Q)(D));function U(e,t){z(e),e[1]<=100?Q(!1):t!=V&&(Q(t),H(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(U([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)}),[T]),(0,i.j)({ref:n,handler:()=>{U(["scrolled-up",T[1]],!0)}});const $=e.event,X=e.inVideoClick,Y=e.closeClick,q=.3*u,G=.6*u,J=.1*u,Z=.1*(.5*u),ee="round"==b?"10px":"0px",te=(0,m.GvQ)(D);var ne=!1,ie=0,oe=0;function re(e){ne=e}return(0,w.jsxs)("div",{children:[B&&!W?(0,w.jsx)(w.Fragment,{}):V&&W?(0,w.jsx)("div",{style:"left"===F?{left:"1px",bottom:K?(0,m.pUQ)(D)+"px":N+"px",position:"fixed",zIndex:te}:{right:"5px",bottom:K?(0,m.pUQ)(D)+"px":N+"px",position:"fixed",zIndex:te},children:(0,w.jsxs)("div",{onClick:()=>{U(["initial",T[1]],!1)},style:{margin:"1px",width:u+"px",height:s+"px"},className:"left"===F?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.A,{url:$.thumbnail_image,isPlaying:!1,event:$})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(h.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:q+"px"},style:{position:"relative",zIndex:1,left:Z+"px",bottom:Z+"px"},onClick:Y})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(v.A,{sx:{color:"white",fontSize:2*q+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,w.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,ie=n,oe=i},onDrag:(e,t)=>{re(!0)},onStop:(e,t)=>{ne&&(Math.abs(t.x-ie)>5||Math.abs(t.y-oe)>5)?re(!1):X($)},children:(0,w.jsx)("div",{ref:n,style:"left"===F?{left:K?(0,m.D2A)(D)+"px":A+"px",bottom:K?(0,m.pUQ)(D)+"px":N+"px",position:"fixed",zIndex:te}:{right:K?(0,m.D2A)(D)+"px":A+"px",bottom:K?(0,m.pUQ)(D)+"px":N+"px",position:"fixed",zIndex:te},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==D?s+"px":u+"px",height:e.isSpotlight&&"60122562760"==D?u+"px":s+"px"}),className:"left"===F?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==D?16/9:9/16},children:(0,w.jsx)(r.A,{url:$.thumbnail_image,isMuted:!0,isPlaying:!0,event:$})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(h.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:q+"px"},onClick:Y,style:{position:"relative",zIndex:1,left:J+"px",bottom:J+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(c.A,{sx:{color:(0,m.KFN)(D),fontSize:G+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:ee,borderBottomRightRadius:ee,backgroundImage:E?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*q+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",E]})})]})})]})})}),P&&(0,w.jsxs)("div",{style:{color:"black",position:"fixed",bottom:"5%",left:"0",width:y,overflow:"hidden",whiteSpace:"nowrap"},children:[(0,w.jsx)("div",{style:{display:"inline-block",animation:"moveLeftToRight 15s linear infinite",whiteSpace:"nowrap"},dangerouslySetInnerHTML:{__html:P}}),(0,w.jsx)("style",{children:"\n @keyframes moveLeftToRight {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n "})]})]})}},3389:function(e,t,n){n.r(t);var i=n(9950),o=n(1348),r=n(964),a=n(5830),d=n(140),s=n(4533),l=n(5901),c=n(1085),u=n(6613),p=n(3330),h=n(852),v=n(572),m=n(8603),f=n(2039),w=n(4833),g=n(4737),x=n(1351),_=n(6157),y=n(2979),b=n(4820),E=n(6641),I=n(5100),S=n(8945),j=n(9821),L=n(69),O=n(4414);const C=(0,m.A)({key:"whatmore-css-ppv"}),D=i.lazy((()=>Promise.all([n.e(714),n.e(378),n.e(437),n.e(181),n.e(987),n.e(669),n.e(650),n.e(592)]).then(n.bind(n,8650))));function P(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[m,k]=(0,i.useState)(),{whatmoreIsPreviewMode:A}=(0,i.useContext)(g.B),[N]=(0,a.QN)("isInDesignMode"),[T]=(0,a.QN)("isDemoBrand"),[z]=(0,a.QN)("whatmoreEmbedAppUseVariant"),[V,Q]=(0,i.useState)(-2),[K]=(0,a.QN)("whatmoreVariantId"),[M]=(0,a.QN)("whatmoreShopId");var[R]=(0,a.QN)("whatmoreProductId");const F=(0,a.Xd)("isLandingSharedLink"),W=(0,a.Xd)("whatmoreShareTemplateId"),B=(0,a.Xd)("whatmoreShareEventId"),H=F&&"template-embed"===(0,w.Mm)(W),[U,$]=(0,i.useState)(H);R=(0,o.BcY)(M)?P(window.location.href):R;const[X,Y]=(0,i.useState)((()=>"true"===z?K:R));var q=r.$$+"/v2/brand/"+M+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(g.B);(0,i.useEffect)((()=>{(0,E.Fk)("Video shopping powered by Whatmore!"),(0,s.wm)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,b.u)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.hr)(M)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||m||!(0,u.MN)()||(0,a.Xd)("whatmoreVideoPlayerPoolInitiated")||((0,j._)()?(0,c.Pc)(c.F5):(0,L.bi)())}),[t]),(0,i.useEffect)((()=>{if(Q(-1),(0,o.WH1)(M)){const e=`${r.$$}/v2/brand/${M}/product-events/recommendation`,t=(0,o.buK)(M);fetch(`${e}?client_product_id=${X}&limit=10&recommended=${!t}&origin=${window.location.hostname}&status=live,upcoming&event_type=video`).then((e=>e.json())).then((e=>{var i;const o=e=>{var t;return null===(t=e.products)||void 0===t?void 0:t.some((e=>"oos"!=(null===e||void 0===e?void 0:e.product_status)))},r=null===e||void 0===e||null===(i=e.events)||void 0===i?void 0:i.filter((e=>o(e)));if((null===r||void 0===r?void 0:r.length)>0){var a,d,s;const i=t?null===e||void 0===e||null===(a=e.all_events)||void 0===a?void 0:a.filter((e=>o(e))):null===e||void 0===e||null===(d=e.related_events)||void 0===d?void 0:d.filter((e=>o(e))).map((e=>({...e,isRelatedEvent:!0})));(null===i||void 0===i?void 0:i.length)>0&&(null===e||void 0===e||null===(s=e.product_info)||void 0===s?void 0:s.length)>0&&"6749782119"!=M?n([...r,...i,{event_type:"recommended_images",product_list:[...e.product_info]}]):n([...r,...i])}else n([])})).catch((e=>k(e.message)))}else fetch(q.toString()+"?client_product_id="+X.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(null!=e&&0!=e.length&&(0,o.vfi)(M)&&(0,o.YOR)(e),n(e),e))).then((e=>((0,o.Uht)(M)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==P(window.location.href))return;const i={product_id:n.product_id,product_link:P(window.location.href)};fetch(r.$$+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,X),e))).catch((e=>{k(e.message)}))}),[X]),(0,i.useEffect)((()=>{var e,n;Q(-2),(t&&t.length>0||(0,o.WKl)(M))&&(0,x.yP)({userInteractionType:_.O.PDP_VISITED,widgetSourceDetails:G,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(e=t[0])||void 0===e?void 0:e.products,ctaList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.cta})}),[t]),(0,i.useEffect)((()=>{const e=P(window.location.href);let t=history.pushState;history.pushState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),e};let n=history.replaceState;history.replaceState=function(){let e=n.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("24950997070"==M&&window.location.origin+window.location.pathname!=e&&fetch(window.location.origin+window.location.pathname+".json").then((e=>e.json())).then((e=>{var t;return Y(null===e||void 0===e||null===(t=e.product)||void 0===t?void 0:t.id)})),"true"===z){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");if(i[0]==e)return i[1]}return!1}("variant");e&&""!==e&&Y(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!m&&H&&((0,S.H)("whatmore-video-player",(()=>{$(!1)})),null!=B)){const e=t.find((e=>B==e.event_id));if(e)return void ee(e,!0,t.indexOf(e))}}),[t]);const J=G.landingLocationType,Z=G.templateType,ee=async function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,u.MN)()&&!t&&await((0,j._)()?(0,c.bo)():(0,L.bi)()),(0,f.ij)(e)||(0,f.Il)(e))return N||T||(async()=>{const t=(0,w.Wd)(J)+(0,w.gf)(Z)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.lB)(e),(0,p.Si)(M,r.DK,r.K1),(0,s.Ch)(e.event_id,e.products,"product_page","video_popup",t)})(),void Q(n)};function te(){return(0,O.jsx)(O.Fragment,{})}return null==t||0==t.length||m?(0,O.jsx)("div",{}):(0,O.jsxs)(v.C,{value:C,children:[U&&(0,O.jsx)(I.A,{}),"no-product"===X||-1===V||0===t.length?(0,O.jsx)(te,{}):-2===V&&t.length>0?(0,O.jsx)("div",{children:(0,O.jsx)(y.S,{userInteractionType:_.O.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!N&&!T,children:(0,O.jsx)(l.A,{event:t[0],inVideoClick:ee,closeClick:e=>{var n;e.stopPropagation(),Q(-1),(0,x.kz)({userInteractionType:_.O.PDP_POPUP_CLOSED,widgetSourceDetails:G,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.products})}})})}):(0,O.jsx)("div",{children:(0,O.jsx)(i.Suspense,{children:(0,O.jsx)(y.S,{userInteractionType:_.O.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!N&&!T,children:(0,O.jsx)(D,{events:t,index:V,onBack:function(e){(0,o.ei)(M)&&(0,a.Xd)("whatmoreAddedToCart")&&(0,h.H)(M,(()=>{}),100,window.location.hostname,e),Q(-2),$(!1)},template:"template-product-page"})})})})]})}},8945:function(e,t,n){function i(e,t){let n=0;let i=new MutationObserver((function(){document.querySelector("."+e)?(t(),i.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),i.disconnect()}),8e3))}));i.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{H:function(){return i}})},1351:function(e,t,n){n.d(t,{Qj:function(){return s},kz:function(){return l},UM:function(){return u},yP:function(){return p},DG:function(){return c}});var i=n(1348),o=n(5830),r=n(6157);function a(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=(0,o.Xd)("whatmoreShopId");(e!=r.O.EVENT_VIEW||(0,i.NFF)(a))&&(e!=r.O.VIDEO_PLAYBACK||(0,i.Eel)(a))&&(e!=r.O.SHOPNOW_ATC_CLICKED&&e!=r.O.PRODUCT_TILE_ATC_CLICKED||(0,i.T9r)(a))&&(e!=r.O.VIDEO_LIKED||(0,i.Mz3)(a))&&(e!=r.O.VIDEO_SHARE_CTA_CLICKED||(0,i.OLZ)(a))&&(e!=r.O.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=r.O.SHOPNOW_CLICKED||(0,i.nEf)(a))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===r.O.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var d=n(7145);const s={[r.O.EVENT_VIEW]:"whatmore_video_click_event",[r.O.VIDEO_LIKED]:"whatmore_video_like_event",[r.O.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[r.O.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[r.O.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[r.O.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.O.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.O.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function l(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.B)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0])}function c(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.B)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0],i)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.B)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}function p(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.B)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}}}]);
package/static/js/spotlight-view.d00aab95.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[717],{69:function(e,t,i){i.d(t,{Ij:function(){return a},bi:function(){return l}});let n,o=!1;function a(){return n?n.play().then((()=>{o=!0,console.debug("iOS autoplay restrictions bypassed."),n.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function l(){n||(n=document.createElement("video"),n.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",n.muted=!0,n.playsInline=!0,n.style.display="none",document.body.appendChild(n));const e=()=>{o||a()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},5901:function(e,t,i){i.d(t,{A:function(){return w}});var n=i(1005),o=i(9950),a=i(9879),l=i(22),s=i(5830),d=i(932);var r=function(e){const[t,i,n,o,a]=(0,d.A)(),[r]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=a[l.dl]===l.nN?c/100:r/100*1.2;return[t*h,i*h,a]},c=i(5727),h=i(1628),p=i.n(h),m=i(2209),x=i(6702),g=(i(9733),i(4365),i(1348)),u=i(7300),f=i(4414);var w=function(e){var t;const i=o.useRef(null);var[d,h,w]=r();const[v,b,y]=(0,u.A)(),j=(0,s.Xd)("whatmoreUITheme"),[S]=(0,s.QN)("whatmoreEmbedAppVideoTitle"),[_]=(0,s.QN)("whatmoreEmbedAppPositionPortrait"),[E]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[A]=(0,s.QN)("whatmoreEmbedAppPositionLandscape"),[N]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),L=(0,s.Xd)("whatmoreShopId"),k=(0,s.Xd)("isDummyVideo");var P=_,C=E,Q=I;w[l.dl]===l.nN&&(P=A,C=N,Q=z);const[T,F]=(0,o.useState)(["initial",window.pageYOffset]),[X,D]=(0,o.useState)(!1),R=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=w[l.dl]===l.nN?.7*(0,g.O86)(L):(0,g.O86)(L),O=R?V:1;d*=O,h*=O;const M=R?(0,g.LrK)(L):P,W=R?(0,g._2D)(L):(0,g.GSq)(L),[B,H]=(0,o.useState)(!R&&(0,g.n8Q)(L));function U(e,t){F(e),e[1]<=100?D(!1):t!=X&&(D(t),H(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(U([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)}),[T]),(0,n.j)({ref:i,handler:()=>{U(["scrolled-up",T[1]],!0)}});const G=e.event,K=e.inVideoClick,Y=e.closeClick,q=.3*h,$=.6*h,J=.1*h,Z=.1*(.5*h),ee="round"==j?"10px":"0px",te=(0,g.GvQ)(L);var ie=!1,ne=0,oe=0;function ae(e){ie=e}return(0,f.jsxs)("div",{children:[B&&!W?(0,f.jsx)(f.Fragment,{}):X&&W?(0,f.jsx)("div",{style:"left"===M?{left:"1px",bottom:R?(0,g.pUQ)(L)+"px":Q+"px",position:"fixed",zIndex:te}:{right:"5px",bottom:R?(0,g.pUQ)(L)+"px":Q+"px",position:"fixed",zIndex:te},children:(0,f.jsxs)("div",{onClick:()=>{U(["initial",T[1]],!1)},style:{margin:"1px",width:h+"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)(a.A,{url:G.thumbnail_image,isPlaying:!1,event:G})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(m.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:q+"px"},style:{position:"relative",zIndex:1,left:Z+"px",bottom:Z+"px"},onClick:Y})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(x.A,{sx:{color:"white",fontSize:2*q+"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,ne=i,oe=n},onDrag:(e,t)=>{ae(!0)},onStop:(e,t)=>{ie&&(Math.abs(t.x-ne)>5||Math.abs(t.y-oe)>5)?ae(!1):K(G)},children:(0,f.jsx)("div",{ref:i,style:"left"===M?{left:R?(0,g.D2A)(L)+"px":C+"px",bottom:R?(0,g.pUQ)(L)+"px":Q+"px",position:"fixed",zIndex:te}:{right:R?(0,g.D2A)(L)+"px":C+"px",bottom:R?(0,g.pUQ)(L)+"px":Q+"px",position:"fixed",zIndex:te},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==L?d+"px":h+"px",height:e.isSpotlight&&"60122562760"==L?h+"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"==L?16/9:9/16},children:(0,f.jsx)(a.A,{url:G.thumbnail_image,isMuted:!0,isPlaying:!0,event:G})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(m.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:q+"px"},onClick:Y,style:{position:"relative",zIndex:1,left:J+"px",bottom:J+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.A,{sx:{color:(0,g.KFN)(L),fontSize:$+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:ee,borderBottomRightRadius:ee,backgroundImage:S?"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*q+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",S]})})]})})]})})}),k&&(0,f.jsxs)("div",{style:{color:"black",position:"fixed",bottom:"5%",left:"0",width:y,overflow:"hidden",whiteSpace:"nowrap"},children:[(0,f.jsx)("div",{style:{display:"inline-block",animation:"moveLeftToRight 15s linear infinite",whiteSpace:"nowrap"},dangerouslySetInnerHTML:{__html:k}}),(0,f.jsx)("style",{children:"\n @keyframes moveLeftToRight {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n "})]})]})}},8154:function(e,t,i){i.r(t);var n=i(9950),o=i(1348),a=i(964),l=i(5830),s=i(140),d=i(4533),r=i(5901),c=i(1085),h=i(6613),p=i(3330),m=i(852),x=i(572),g=i(6641),u=i(8603),f=i(2039),w=i(4833),v=i(7802),b=i(2979),y=i(6157),j=i(4737),S=i(69),_=i(9821),E=i(6018),I=i(4414);const A=(0,u.A)({key:"whatmore-css-wsv"}),N=n.lazy((()=>Promise.all([i.e(714),i.e(378),i.e(437),i.e(181),i.e(987),i.e(669),i.e(650),i.e(657)]).then(i.bind(i,8650))));t.default=function(e){const[t,i]=(0,n.useState)(),[u,z]=(0,n.useState)(),[L]=(0,l.QN)("isInDesignMode"),[k]=(0,l.QN)("isDemoBrand"),[P,C]=(0,n.useState)(-2),[Q]=(0,l.QN)("whatmoreShopId"),T=(0,l.Xd)("isLandingSharedLink"),F=(0,l.Xd)("whatmoreShareTemplateId"),X=((0,l.Xd)("whatmoreShareStoryId"),(0,l.Xd)("whatmoreShareEventId")),D=(0,l.Xd)("whatmoreLandingLocationType"),R=(0,l.Xd)("whatmoreLoggingActive"),V=(0,l.Xd)("isWhatmorePreviewModeWidth"),{whatmoreWidgetSourceDetails:O}=(0,n.useContext)(j.B);var M=(0,o.SOt)(Q)?a.aD+"/get_eventset/":a.$$+"/get_eventset/";(0,n.useEffect)((()=>{(0,d.wm)()}),[]),(0,n.useEffect)((()=>{(0,p.hr)(Q)}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||u||!(0,h.MN)()||(0,l.Xd)("whatmoreVideoPlayerPoolInitiated")||((0,_._)()?(0,c.Pc)(c.F5):(0,S.bi)())}),[t]),(0,n.useEffect)((()=>{C(-1);const e=w.JA,t=(0,w.t6)(D),n=M.toString()+Q.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+Q;fetch(n).then((e=>e.json())).then((t=>(0,v.Po)(t,e))).then((e=>1==V&&(null==e||e&&0==(null===e||void 0===e?void 0:e.length))?(i(E.nw),E.nw):(i(e),e))).catch((e=>{z(e.message)}))}),[]),(0,n.useEffect)((()=>{C(-2)}),[t]),(0,n.useEffect)((()=>{null==t||0==t.length||u||T&&"template-embed"==(0,w.Mm)(F)&&null!=X&&t.forEach(((e,t)=>{X==e.event_id&&H(e,!0,t)}))}),[t]);const W=O.landingLocationType,B=O.templateType,H=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,h.MN)()&&!t&&((0,_._)()?(0,c.bo)():(0,S.Ij)()),(0,f.ij)(e)||(0,f.Il)(e))return L||k||(async()=>{const t=(0,w.Wd)(W)+(0,w.gf)(B)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,s.lB)(e),(0,p.Si)(Q,a.DK,a.K1),(0,d.Ch)(e.event_id,e.products,"spotlight","video_popup",t)})(),void C(i)};function U(){return(0,I.jsx)(I.Fragment,{})}return null==t||0==t.length||u?(0,I.jsx)("div",{}):(R&&(0,g.xv)(t),(0,o.ALN)(Q)&&P<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,I.jsx)(I.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,I.jsx)(x.C,{value:A,children:-1===P||0===t.length?(0,I.jsx)(U,{}):-2===P&&t.length>0?(0,I.jsx)("div",{children:(0,I.jsx)(b.S,{userInteractionType:y.O.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!L&&!k,children:(0,I.jsx)(r.A,{event:t[0],inVideoClick:H,closeClick:e=>{e.stopPropagation(),C(-1)},isSpotlight:!0})})}):(0,I.jsx)("div",{children:(0,I.jsx)(n.Suspense,{children:(0,I.jsx)(b.S,{userInteractionType:y.O.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!L&&!k,children:(0,I.jsx)(N,{events:t,index:P,onBack:function(){(0,o.ei)(Q)&&(0,l.Xd)("whatmoreAddedToCart")&&(0,m.H)(Q,(()=>{}),100,window.location.hostname),C(-2)},template:"template-embed"})})})})})))}}}]);