whatmore-react-assets 1.0.740 → 1.0.741

package/package.json

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

package/static/js/249.03653870.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[249],{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})},8631:function(e,t,i){var n=i(7313),o=i(9854),r=i(7753),a=(i(9111),i(123),i(9778),i(4892)),l=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,x,p,h,c]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),v="portrait"===e.mode?w:f,[g,b]=(0,n.useState)(!1),j=(0,o.f63)(m);(0,n.useContext)(l.V);const y=e.event,S=e.onClick,C=e.removeBorders,E=i*v*.01,z=x*v*.01,k=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"40273707171"==m?"auto":z+"px",marginLeft:C?"2px":"5px",marginRight:C?"2px":(0,o.VwM)(m)+"px",marginTop:C?"2px":"5px",marginBottom:C?"2px":"5px",cursor:"pointer"},onClick:()=>{b(!0),S(y)},className:[g?"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:k,overflow:"hidden",boxShadow:C?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,s.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:E+"px",width:"40273707171"==m?"auto":z+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:y.thumbnail_image,isPlaying:!0,event:y})})})})}},6066:function(e,t,i){var n=i(7313),o=i(9854),r=i(7753),a=(i(9111),i(123),i(9778),i(4892)),l=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,x,p,h,c]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),v="portrait"===e.mode?w:f,[g,b]=(0,n.useState)(!1),j=(0,o.f63)(m);(0,n.useContext)(l.V);const y=e.event1,S=e.event2,C=e.onClick,E=.01*v,z=i*E,k=i*E*.5,L=x*E,R=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",P="15%",A=e.removeBorders;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:z+"px",width:L+"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":R,boxShadow:A?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{b(!0),C(y)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:L+"px",borderTopLeftRadius:A?"0px":P,borderTopRightRadius:A?"0px":P,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:y.thumbnail_image,isPlaying:!0,event:y})}),(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:L+"px",borderBottomLeftRadius:A?"0px":P,borderBottomRightRadius:A?"0px":P,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})]})})}},8782:function(e,t,i){i.d(t,{P:function(){return l}});var n=i(3933),o=i(7313),r=(i(123),i(6417));function a(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 l(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)(a,{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),a=i(6805),l=i(7753),d=i(9821);var s=function(e){const[t,i,n,o,r]=(0,d.Z)(),[s]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[x]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[a.YP]===a.$w?x/100:s/100*1.2;return[t*p,i*p,r]},x=i(9723),p=i(9461),h=i.n(p),c=i(1195),u=i(7108),m=(i(7244),i(123),i(9854)),f=i(9852),w=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,p,v]=s();const{whatmoreUITheme:g}=(0,o.useContext)(f.I),[b]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),k=(0,l.MO)("whatmoreShopId");var L=j,R=y,P=S;v[a.YP]===a.$w&&(L=C,R=E,P=z);const[A,I]=(0,o.useState)(["initial",window.pageYOffset]),[B,F]=(0,o.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=v[a.YP]===a.$w?.7*(0,m.zGA)(k):(0,m.zGA)(k),V=Z?T:1;d*=V,p*=V;const D=Z?(0,m.G0o)(k):L,M=Z?(0,m.X8j)(k):(0,m.lVn)(k),[N,Y]=(0,o.useState)(!Z&&(0,m.eXi)(k));function _(e,t){I(e),e[1]<=100?F(!1):t!=B&&(F(t),Y(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(_([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[A]),(0,n.O3)({ref:i,handler:()=>{_(["scrolled-up",A[1]],!0)}});const H=e.event,O=e.inVideoClick,X=e.closeClick,$=.3*p,W=.6*p,G=.1*p,q=.1*(.5*p),U="round"==g?"10px":"0px",J=(0,m.Z$A)(k);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:N&&!M?(0,w.jsx)(w.Fragment,{}):B&&M?(0,w.jsx)("div",{style:"left"===D?{left:"1px",bottom:Z?(0,m.vnu)(k)+"px":P+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:Z?(0,m.vnu)(k)+"px":P+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{onClick:()=>{_(["initial",A[1]],!1)},style:{margin:"1px",width:p+"px",height:d+"px"},className:"left"===D?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:U,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(c.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(u.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,Q=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):O(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===D?{left:Z?(0,m.$II)(k)+"px":R+"px",bottom:Z?(0,m.vnu)(k)+"px":P+"px",position:"fixed",zIndex:J}:{right:Z?(0,m.$II)(k)+"px":R+"px",bottom:Z?(0,m.vnu)(k)+"px":P+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:d+"px"}),className:"left"===D?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:U,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(c.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(x.Z,{sx:{color:(0,m.Ya_)(k),fontSize:W+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,backgroundImage:b?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);

package/static/js/622.408e255a.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[622],{3827:function(e,t,o){o.r(t);var r=o(7313),l=o(6090),i=o(7616),a=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),n=o(2575),s=o(8866),c=o(7753),h=o(7129),d=o(9852),m=o(8631),p=o(6066),u=o(8782),g=o(9821),f=o(7381),v=o(5380),x=o(3933),w=o(9854),C=o(6417);const y=(0,n.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o,n,M]=(0,s.Z)(),[j,k,S,P,Z]=(0,g.Z)(),[O,R]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),b=(0,c.MO)("whatmoreCollectionsTileSize"),E=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),I="portrait"===o?E:b,T="portrait"==o?0:(0,c.MO)("whatmoreLandscapePadding"),L=(0,c.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:V}=(0,r.useContext)(d.I),B=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:q}=(0,r.useContext)(d.I),z=e.onClick;function A(e){z(e)}(0,r.useEffect)((()=>{(0,f.Oo)("Video shopping powered by Whatmore!")}),[]),delete i.ZP.styles.global;var D=[];for(let r=0,l=!1;r<t.length;)l&&r!=t.length-1&&O[r]>.2?(D.push((0,C.jsx)(p.Z,{mode:o,event1:t[r],event2:t[r+1],onClick:()=>{A(t[r-1])}},"collections-tile-"+r)),r+=2,l=!l):(D.push((0,C.jsx)(m.Z,{mode:o,event:t[r],onClick:()=>{A(t[r-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+r)),r+=1,l=!l);(0,r.useEffect)((()=>{d.$.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[H,W,_]=(0,x.YD)({triggerOnce:!1});return(0,C.jsx)(a.C,{value:y,children:(0,C.jsx)("div",{children:(0,C.jsx)(l.x,{theme:i.ZP,cssVarsRoot:q,resetCSS:!1,children:(0,C.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,C.jsx)("div",{ref:H,style:{marginLeft:T+"px",marginRight:T+"px"},children:(0,C.jsx)(u.P,{renderElement:e=>(0,C.jsx)(C.Fragment,{children:e.eventData}),dataList:D,spacing:L,defaultHeight:j*I*.01+"px",defaultWidth:k*I*.01+"px",retainAlreadyRenderedElements:!0})}),(0,w.dhc)(B)&&V&&!W&&-1==e.index&&(0,C.jsx)(v.Z,{event:t[0],inVideoClick:A,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}}}]);

package/static/js/708.ba51d14e.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[708],{1291:function(e,t,i){i.r(t);var n=i(7313),o=i(6090),r=i(7616),a=i(9852),l=(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(8631),x=i(9821),m=i(8782),u=i(7381),f=i(9854),w=i(5380),v=i(3933),g=i(6417);const y=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i,s,j]=(0,d.Z)(),[b,S,C,E,z]=(0,x.Z)(),P=(0,c.MO)("whatmoreCollectionsTileSize"),L=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),k="portrait"===i?L:P,R="portrait"==i?0:(0,c.MO)("whatmoreLandscapePadding"),M=(0,c.MO)("whatmoreCollectionsTilesSpacing"),I=(0,c.MO)("whatmoreShopId"),[A]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:O}=(0,n.useContext)(a.I),{whatmoreIsCollectionsTemplate:Z}=(0,n.useContext)(a.I),F=e.events,V=e.onClick,B=(0,c.MO)("whatmoreTitleFont"),T="portrait"==i?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),N=null!==(t=(0,f.aRS)(I))&&void 0!==t?t:B;function Y(e){V(e)}delete r.ZP.styles.global;var D=[];for(let n=0;n<F.length;)D.push((0,g.jsx)(p.Z,{mode:i,event:F[n],onClick:()=>{Y(F[n-1])},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+n)),n+=1;(0,n.useEffect)((()=>{(0,u.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{a.$.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[H,W,X]=(0,v.YD)({triggerOnce:!1});return(0,g.jsx)(l.C,{value:y,children:(0,g.jsx)("div",{children:(0,g.jsx)(o.x,{theme:r.ZP,cssVarsRoot:O,resetCSS:!1,children:(0,g.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!Z&&(0,f.wXY)(I)?(0,g.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",N,"important"),e.style.setProperty("font-size",T+"px","important"))},style:{color:A,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(I),lineHeight:(0,f.vY4)(I),letterSpacing:(0,f.X2K)(I)},children:e.heading})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{ref:H,style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,g.jsx)(m.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:D,spacing:M,defaultHeight:b*k*.01+"px",defaultWidth:S*k*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(I)&&Z&&!W&&-1==e.index&&(0,g.jsx)(w.Z,{event:F[0],inVideoClick:Y,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var n=i(7313),o=i(9854),r=i(7753),a=(i(9111),i(123),i(9778),i(4892)),l=i(7129),s=i(9821),d=i(6417);t.Z=function(e){var t;const[i,c,h,p,x]=(0,s.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,n.useState)(!1),j=(0,o.f63)(u);(0,n.useContext)(l.V);const b=e.event,S=e.onClick,C=e.removeBorders,E=i*v*.01,z=c*v*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"40273707171"==u?"auto":z+"px",marginLeft:C?"2px":"5px",marginRight:C?"2px":(0,o.VwM)(u)+"px",marginTop:C?"2px":"5px",marginBottom:C?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:C?"":"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"},children:(0,d.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:E+"px",width:"40273707171"==u?"auto":z+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})})}},8782:function(e,t,i){i.d(t,{P:function(){return l}});var n=i(3933),o=i(7313),r=(i(123),i(6417));function a(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 l(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)(a,{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),a=i(6805),l=i(7753),s=i(9821);var d=function(e){const[t,i,n,o,r]=(0,s.Z)(),[d]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$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(9852),w=i(6417);var v=function(e){var t;const i=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:g}=(0,o.useContext)(f.I),[y]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,l.MO)("whatmoreShopId");var L=j,k=b,R=S;v[a.YP]===a.$w&&(L=C,k=E,R=z);const[M,I]=(0,o.useState)(["initial",window.pageYOffset]),[A,O]=(0,o.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,F=v[a.YP]===a.$w?.7*(0,u.zGA)(P):(0,u.zGA)(P),V=Z?F:1;s*=V,h*=V;const B=Z?(0,u.G0o)(P):L,T=Z?(0,u.X8j)(P):(0,u.lVn)(P),[N,Y]=(0,o.useState)(!Z&&(0,u.eXi)(P));function D(e,t){I(e),e[1]<=100?O(!1):t!=A&&(O(t),Y(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(D([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[M]),(0,n.O3)({ref:i,handler:()=>{D(["scrolled-up",M[1]],!0)}});const H=e.event,W=e.inVideoClick,X=e.closeClick,$=.3*h,q=.6*h,_=.1*h,G=.1*(.5*h),K="round"==g?"10px":"0px",U=(0,u.Z$A)(P);var J=!1,Q=0,ee=0;function te(e){J=e}return(0,w.jsx)("div",{children:N&&!T?(0,w.jsx)(w.Fragment,{}):A&&T?(0,w.jsx)("div",{style:"left"===B?{left:"1px",bottom:Z?(0,u.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:Z?(0,u.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U},children:(0,w.jsxs)("div",{onClick:()=>{D(["initial",M[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:K,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(p(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,Q=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===B?{left:Z?(0,u.$II)(P)+"px":k+"px",bottom:Z?(0,u.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U}:{right:Z?(0,u.$II)(P)+"px":k+"px",bottom:Z?(0,u.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:K,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(c.Z,{sx:{color:(0,u.Ya_)(P),fontSize:q+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:K,borderBottomRightRadius:K,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);

package/static/js/84.ec9e75ae.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[84],{8767:function(e,t,i){i.r(t),i.d(t,{default:function(){return b}});var o=i(7313),n=i(6090),r=i(7616),a=i(9852),l=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),d=i(2575),s=i(8866),c=i(7753),h=i(7129),p=i(9854),x=(i(9111),i(9778),i(4892)),m=i(9821),u=i(6417);var f=function(e){var t;const[i,n,r,a,l]=(0,m.Z)(),d=(0,c.MO)("whatmoreSecondaryColor"),s=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),f=(0,c.MO)("whatmoreCollectionsTileSize"),w=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),v="portrait"===e.mode?w:f,[g,y]=(0,o.useState)(!1),j=(0,p.f63)(h),b=e.event,S=e.onClick,E=e.removeBorders,z=n*v*.01,C=(0,p.eHp)(h);return(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,p.VwM)(h)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+d+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+d+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+d+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+d+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,u.jsx)(u.Fragment,{children:(0,u.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:z*C+"px",width:z*C+"px",borderRadius:"50%",backgroundColor:d,overflow:"hidden"},children:(0,u.jsx)(x.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,u.jsx)("div",{style:{fontFamily:s,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,u.jsx)("p",{children:b.title})})]})},w=i(8782),v=i(7381),g=i(5380),y=i(3933);const j=(0,d.Z)({key:"whatmore-css-cv"});var b=function(e){const[t,i,d]=(0,s.Z)(),[x,b,S,E,z]=(0,m.Z)(),C=(0,c.MO)("whatmoreCollectionsTileSize"),P=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===t?P:C,L="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),k=(0,c.MO)("whatmoreCollectionsTilesSpacing"),R=(0,c.MO)("whatmoreShopId"),[O]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:I}=(0,o.useContext)(a.I),A=e.events,F=e.onClick;(0,c.MO)("whatmoreTitleFont");function Z(e){F(e)}"portrait"==t?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),(0,p.aRS)(R);const[B,T,V]=(0,y.YD)({triggerOnce:!1});delete r.ZP.styles.global;const D=.055*b;var H=[];for(let o=0;o<A.length;)H.push((0,u.jsx)(f,{mode:t,event:A[o],onClick:()=>{Z(A[o-1])},removeBorders:(0,p.Xtg)(R),fontSize:D},"collections-tile-"+o)),o+=1;return(0,o.useEffect)((()=>{(0,v.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{a.$.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]),(0,u.jsx)(l.C,{value:j,children:(0,u.jsx)("div",{children:(0,u.jsx)(n.x,{theme:r.ZP,cssVarsRoot:I,resetCSS:!1,children:(0,u.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,u.jsx)("div",{ref:B,style:{marginLeft:L+"px",marginRight:L+"px"},children:(0,u.jsx)(w.P,{renderElement:e=>(0,u.jsx)(u.Fragment,{children:e.eventData}),dataList:H,spacing:k,defaultHeight:x*M*.01+"px",defaultWidth:b*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,p.dhc)(R)&&!T&&-1==e.index&&(0,u.jsx)(g.Z,{event:A[0],inVideoClick:Z,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})},8782:function(e,t,i){i.d(t,{P:function(){return l}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function a(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 l(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)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var o=i(4959),n=i(7313),r=i(4892),a=i(6805),l=i(7753),d=i(9821);var s=function(e){const[t,i,o,n,r]=(0,d.Z)(),[s]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$w?c/100:s/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(9852),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[d,h,v]=s();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[z]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,l.MO)("whatmoreShopId");var M=j,L=b,k=S;v[a.YP]===a.$w&&(M=E,L=z,k=C);const[R,O]=(0,n.useState)(["initial",window.pageYOffset]),[I,A]=(0,n.useState)(!1),F=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=v[a.YP]===a.$w?.7*(0,u.zGA)(P):(0,u.zGA)(P),B=F?Z:1;d*=B,h*=B;const T=F?(0,u.G0o)(P):M,V=F?(0,u.X8j)(P):(0,u.lVn)(P),[D,H]=(0,n.useState)(!F&&(0,u.eXi)(P));function N(e,t){O(e),e[1]<=100?A(!1):t!=I&&(A(t),H(!1))}(0,n.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},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[R]),(0,o.O3)({ref:i,handler:()=>{N(["scrolled-up",R[1]],!0)}});const Y=e.event,W=e.inVideoClick,X=e.closeClick,$=.3*h,q=.6*h,_=.1*h,G=.1*(.5*h),U="round"==g?"10px":"0px",J=(0,u.Z$A)(P);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:D&&!V?(0,w.jsx)(w.Fragment,{}):I&&V?(0,w.jsx)("div",{style:"left"===T?{left:"1px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{onClick:()=>{N(["initial",R[1]],!1)},style:{margin:"1px",width:h+"px",height:d+"px"},className:"left"===T?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:U,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(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,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(Y)},children:(0,w.jsx)("div",{ref:i,style:"left"===T?{left:F?(0,u.$II)(P)+"px":L+"px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J}:{right:F?(0,u.$II)(P)+"px":L+"px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:d+"px"}),className:"left"===T?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:U,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(c.Z,{sx:{color:(0,u.Ya_)(P),fontSize:q+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);

package/static/js/965.8af6061e.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[965],{6071:function(e,t,r){r.r(t);var o=r(7313),a=r(6090),l=r(7616),i=(r(6143),r(7850),r(4444),r(7244),r(123),r(5892),r(1811),r(9302)),n=r(2575),s=(r(8984),r(8866)),c=r(7753),h=r(7129),d=r(9852),m=r(8631),p=r(6066),u=r(8782),g=r(9821),v=r(7381),w=r(9854),f=r(5380),x=r(3933),y=r(6417);const C=(0,n.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[r,n,S]=(0,s.Z)(),[M,j]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[k,P,Z,b,O]=(0,g.Z)(),R=(0,c.MO)("whatmoreCollectionsTileSize"),E=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),I="portrait"===r?E:R,T="portrait"==r?0:(0,c.MO)("whatmoreLandscapePadding"),q=(0,c.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:B}=(0,o.useContext)(d.I),L=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:V}=(0,o.useContext)(d.I),z=e.onClick,[A,D,H]=(0,x.YD)({triggerOnce:!1});function W(e){z(e)}delete l.ZP.styles.global;var _=[];for(let o=0,a=!1;o<t.length;)a&&o!=t.length-1&&M[o]>.2?(_.push((0,y.jsx)(p.Z,{event1:t[o],event2:t[o+1],onClick:()=>{W(t[o-1])},removeBorders:!0},"collections-tile-"+o)),o+=2,a=!a):(_.push((0,y.jsx)(m.Z,{mode:r,event:t[o],onClick:()=>{W(t[o-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+o)),o+=1,a=!a);return(0,o.useEffect)((()=>{(0,v.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{d.$.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,y.jsx)(i.C,{value:C,children:(0,y.jsx)("div",{children:(0,y.jsx)(a.x,{theme:l.ZP,cssVarsRoot:V,resetCSS:!1,children:(0,y.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,y.jsx)("div",{ref:A,style:{marginLeft:T+"px",marginRight:T+"px"},children:(0,y.jsx)(u.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:_,spacing:q,defaultHeight:k*I*.01+"px",defaultWidth:P*I*.01+"px",retainAlreadyRenderedElements:!0})}),(0,w.dhc)(L)&&B&&!D&&-1==e.index&&(0,y.jsx)(f.Z,{event:t[0],inVideoClick:W,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}}}]);