whatmore-react-assets 1.0.458 → 1.0.459

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.
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[358],{3827:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=n(8866),d=n(7753),x=n(7129),p=n(7592),c=n(8631),h=n(6066),u=n(8782),m=n(9821),f=(n(8984),n(6417));const v=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,g]=(0,s.Z)(),[w,y,j,C,b]=(0,m.Z)(),[k,E]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),L=(0,d.MO)("whatmoreCollectionsTileSize"),R="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),S=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:P}=(0,o.useContext)(p.I),M=e.onClick;function Z(e){M(e)}delete r.ZP.styles.global;var B=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&k[o]>.2?(B.push((0,f.jsx)(h.Z,{event1:t[o],event2:t[o+1],onClick:()=>{Z(t[o-1])}},"collections-tile-"+o)),o+=2,i=!i):(B.push((0,f.jsx)(c.Z,{event:t[o],onClick:()=>{Z(t[o-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+o)),o+=1,i=!i);return(0,f.jsx)(l.C,{value:v,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:r.ZP,cssVarsRoot:P,resetCSS:!1,children:(0,f.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:S,defaultHeight:w*L*.01+"px",defaultWidth:y*L*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(a.V);const C=e.event,b=e.onClick,k=e.removeBorders,E=n*g*.01,L=x*g*.01,R=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:L+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":"5px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),b(C)},className:[w?"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:R,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:L+"px",borderRadius:R,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(a.V);const C=e.event1,b=e.event2,k=e.onClick,E=.01*g,L=n*E,R=n*E*.5,S=x*E,P=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",Z=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:L+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":P,boxShadow:Z?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),k(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderTopLeftRadius:Z?"0px":M,borderTopRightRadius:Z?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":M,borderBottomRightRadius:Z?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=t-i;e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),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:e.dataList.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[358],{3827:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=n(8866),d=n(7753),x=n(7129),p=n(7592),c=n(8631),h=n(6066),u=n(8782),m=n(9821),f=(n(8984),n(6417));const v=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,g]=(0,s.Z)(),[w,y,j,C,b]=(0,m.Z)(),[k,E]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),L=(0,d.MO)("whatmoreCollectionsTileSize"),R="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),S=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:P}=(0,o.useContext)(p.I),M=e.onClick;function Z(e){M(e)}delete r.ZP.styles.global;var B=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&k[o]>.2?(B.push((0,f.jsx)(h.Z,{event1:t[o],event2:t[o+1],onClick:()=>{Z(t[o-1])}},"collections-tile-"+o)),o+=2,i=!i):(B.push((0,f.jsx)(c.Z,{event:t[o],onClick:()=>{Z(t[o-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+o)),o+=1,i=!i);return(0,f.jsx)(l.C,{value:v,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:r.ZP,cssVarsRoot:P,resetCSS:!1,children:(0,f.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:S,defaultHeight:w*L*.01+"px",defaultWidth:y*L*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(a.V);const C=e.event,b=e.onClick,k=e.removeBorders,E=n*g*.01,L=x*g*.01,R=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:L+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":"5px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),b(C)},className:[w?"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:R,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:L+"px",borderRadius:R,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(a.V);const C=e.event1,b=e.event2,k=e.onClick,E=.01*g,L=n*E,R=n*E*.5,S=x*E,P=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",Z=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:L+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":P,boxShadow:Z?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),k(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderTopLeftRadius:Z?"0px":M,borderTopRightRadius:Z?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":M,borderBottomRightRadius:Z?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),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:e.dataList.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[607],{6071:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=(n(8984),n(8866)),d=n(7753),x=n(7129),p=n(7592),c=n(8631),h=n(6066),u=n(8782),m=n(9821),f=(n(4862),n(6417));const v=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,g]=(0,s.Z)(),[w,y]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[j,C,b,k,E]=(0,m.Z)(),L=(0,d.MO)("whatmoreCollectionsTileSize"),R="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),S=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:P}=(0,o.useContext)(p.I),M=e.onClick;function Z(e){M(e)}delete r.ZP.styles.global;var B=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&w[o]>.2?(B.push((0,f.jsx)(h.Z,{event1:t[o],event2:t[o+1],onClick:()=>{Z(t[o-1])},removeBorders:!0},"collections-tile-"+o)),o+=2,i=!i):(B.push((0,f.jsx)(c.Z,{event:t[o],onClick:()=>{Z(t[o-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+o)),o+=1,i=!i);return(0,f.jsx)(l.C,{value:v,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:r.ZP,cssVarsRoot:P,resetCSS:!1,children:(0,f.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:S,defaultHeight:j*L*.01+"px",defaultWidth:C*L*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(a.V);const C=e.event,b=e.onClick,k=e.removeBorders,E=n*g*.01,L=x*g*.01,R=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:L+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":"5px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),b(C)},className:[w?"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:R,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:L+"px",borderRadius:R,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(a.V);const C=e.event1,b=e.event2,k=e.onClick,E=.01*g,L=n*E,R=n*E*.5,S=x*E,P=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",Z=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:L+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":P,boxShadow:Z?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),k(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderTopLeftRadius:Z?"0px":M,borderTopRightRadius:Z?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":M,borderBottomRightRadius:Z?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=t-i;e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),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:e.dataList.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[607],{6071:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=(n(8984),n(8866)),d=n(7753),x=n(7129),p=n(7592),c=n(8631),h=n(6066),u=n(8782),m=n(9821),f=(n(4862),n(6417));const v=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,g]=(0,s.Z)(),[w,y]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[j,C,b,k,E]=(0,m.Z)(),L=(0,d.MO)("whatmoreCollectionsTileSize"),R="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),S=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:P}=(0,o.useContext)(p.I),M=e.onClick;function Z(e){M(e)}delete r.ZP.styles.global;var B=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&w[o]>.2?(B.push((0,f.jsx)(h.Z,{event1:t[o],event2:t[o+1],onClick:()=>{Z(t[o-1])},removeBorders:!0},"collections-tile-"+o)),o+=2,i=!i):(B.push((0,f.jsx)(c.Z,{event:t[o],onClick:()=>{Z(t[o-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+o)),o+=1,i=!i);return(0,f.jsx)(l.C,{value:v,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:r.ZP,cssVarsRoot:P,resetCSS:!1,children:(0,f.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:S,defaultHeight:j*L*.01+"px",defaultWidth:C*L*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(a.V);const C=e.event,b=e.onClick,k=e.removeBorders,E=n*g*.01,L=x*g*.01,R=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:L+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":"5px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),b(C)},className:[w?"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:R,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:L+"px",borderRadius:R,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(a.V);const C=e.event1,b=e.event2,k=e.onClick,E=.01*g,L=n*E,R=n*E*.5,S=x*E,P=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",Z=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:L+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":P,boxShadow:Z?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),k(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderTopLeftRadius:Z?"0px":M,borderTopRightRadius:Z?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":M,borderBottomRightRadius:Z?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),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:e.dataList.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[74],{5380:function(e,t,n){n.d(t,{Z:function(){return v}});var i=n(4959),o=n(7313),a=n(4892),r=n(6805),s=n(7753),d=n(9821);var l=function(e){const[t,n,i,o,a]=(0,d.Z)(),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=a[r.YP]===r.$w?c/100:l/100*1.2;return[t*p,n*p,a]},c=n(9723),p=n(9461),u=n.n(p),h=n(1195),w=n(7108),f=(n(7244),n(123),n(9854)),x=n(7592),g=n(6417);var v=function(e){var t;const n=o.useRef(null);var[d,p,v]=l();const{whatmoreUITheme:m}=(0,o.useContext)(x.I),[y]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[b]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[L]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,s.MO)("whatmoreShopId");var z=b,_=j,k=S;v[r.YP]===r.$w&&(z=I,_=E,k=L);const[T,C]=(0,o.useState)(["initial",window.pageYOffset]),[D,M]=(0,o.useState)(!1),V=null!==(t=e.isSpotlight)&&void 0!==t&&t,O=v[r.YP]===r.$w?.7*(0,f.zG)(P):(0,f.zG)(P),A=V?O:1;d*=A,p*=A;const B=V?(0,f.G0)(P):z,F=V?(0,f.X8)(P):(0,f.lV)(P),[Z,R]=(0,o.useState)(!V&&(0,f.eX)(P));function N(e,t){C(e),e[1]<=100?M(!1):t!=D&&(M(t),R(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(N([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.O3)({ref:n,handler:()=>{N(["scrolled-up",T[1]],!0)}});const G=e.event,Y=e.inVideoClick,K=e.closeClick,U=.3*p,W=.6*p,$=.1*p,H=.1*(.5*p),J="round"==m?"10px":"0px",X=(0,f.Z$)(P);var q=!1,Q=0,ee=0;function te(e){q=e}return(0,g.jsx)("div",{children:Z&&!F?(0,g.jsx)(g.Fragment,{}):D&&F?(0,g.jsx)("div",{style:"left"===B?{left:"1px",bottom:V?(0,f.vn)(P)+"px":k+"px",position:"fixed",zIndex:X}:{right:"5px",bottom:V?(0,f.vn)(P)+"px":k+"px",position:"fixed",zIndex:X},children:(0,g.jsxs)("div",{onClick:()=>{N(["initial",T[1]],!1)},style:{margin:"1px",width:p+"px",height:d+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(a.Z,{url:G.thumbnail_image,isPlaying:!1,event:G})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,g.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:U+"px"},style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"},onClick:K})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(w.Z,{sx:{color:"white",fontSize:2*U+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,g.jsx)(u(),{nodeRef:n,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,i;n=t.x,i=t.y,Q=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{q&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):Y(G)},children:(0,g.jsx)("div",{ref:n,style:"left"===B?{left:V?(0,f.$I)(P)+"px":_+"px",bottom:V?(0,f.vn)(P)+"px":k+"px",position:"fixed",zIndex:X}:{right:V?(0,f.$I)(P)+"px":_+"px",bottom:V?(0,f.vn)(P)+"px":k+"px",position:"fixed",zIndex:X},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:d+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(a.Z,{url:G.thumbnail_image,isMuted:!0,isPlaying:!0,event:G})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:U+"px"},onClick:K,style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(c.Z,{sx:{color:(0,f.Y)(P),fontSize:W+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*U+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),a=n(2860),r=n(7753),s=n(5160),d=(n(4844),n(6967)),l=n(5380),c=n(58),p=n(8984),u=(n(7247),n(1824),n(4669)),h=n(941),w=n(9302),f=n(2575),x=n(7300),g=n(6524),v=n(7592),m=n(7376),y=n(778),b=n(7643),j=n(7008),S=n(6417);const I=(0,f.Z)({key:"whatmore-css-ppv"}),E=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(210),n.e(803),n.e(926),n.e(303),n.e(171),n.e(108)]).then(n.bind(n,8171))));function L(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[f,P]=(0,i.useState)(),[z]=(0,r.j1)("isInDesignMode"),[_]=(0,r.j1)("isDemoBrand"),[k]=(0,r.j1)("whatmoreEmbedAppUseVariant"),[T,C]=(0,i.useState)(-2),[D]=(0,r.j1)("whatmoreVariantId"),[M]=(0,r.j1)("whatmoreShopId");var[V]=(0,r.j1)("whatmoreProductId");const O=(0,r.MO)("isLandingSharedLink"),A=(0,r.MO)("whatmoreShareTemplateId"),B=((0,r.MO)("whatmoreShareStoryId"),(0,r.MO)("whatmoreShareEventId"));V=(0,o.iX)(M)?L(window.location.href):V;const[F,Z]=(0,i.useState)((()=>"true"===k?D:V));var R=a.Gc+"/v2/brand/"+M+"/product-events";const{whatmoreWidgetSourceDetails:N}=(0,i.useContext)(v.I);(0,i.useEffect)((()=>{(0,d.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,j.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,u.ll)(M)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||f||!(0,p.KE)()||(0,r.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{C(-1),fetch(R.toString()+"?client_product_id="+F.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(n(e),e))).then((e=>((0,o.yo)(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==L(window.location.href))return;const i={product_id:n.product_id,product_link:L(window.location.href)};fetch(a.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,F),e))).catch((e=>{P(e.message)}))}),[F]),(0,i.useEffect)((()=>{C(-2),t&&t.length>0&&(0,m.PB)({userInteractionType:y.K.PDP_VISITED,widgetSourceDetails:N,event:t[0],productList:t[0].products,ctaList:t[0].cta})}),[t]),(0,i.useEffect)((()=>{let e=history.pushState;history.pushState=function(){let t=e.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};let t=history.replaceState;history.replaceState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("true"===k){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");if(i[0]==e)return i[1]}return!1}("variant");e&&""!==e&&Z(e)}}))}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||f||O&&"template-embed"==(0,g.zv)(A)&&null!=B&&t.forEach(((e,t)=>{B==e.event_id&&G(e,!0,t)}))}),[t]);const G=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,p.KE)()&&!t&&(0,c.QV)(),(0,x.B6)(e)||(0,x.WJ)(e))return z||_||(async()=>{(0,s.wh)(e),(0,u.Tc)(M,a.h7,a.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup")})(),void C(n)};function Y(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||f?(0,S.jsx)("div",{}):(0,S.jsx)(w.C,{value:I,children:"no-product"===F||-1===T||0===t.length?(0,S.jsx)(Y,{}):-2===T&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(b.u,{userInteractionType:y.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!_,children:(0,S.jsx)(l.Z,{event:t[0],inVideoClick:G,closeClick:e=>{e.stopPropagation(),C(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(b.u,{userInteractionType:y.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!_,children:(0,S.jsx)(E,{events:t,index:T,onBack:function(){(0,o.n2)(M)&&(0,r.MO)("whatmoreAddedToCart")&&(0,h.D)(M,(()=>{}),100,window.location.hostname),C(-2)},template:"template-product-page"})})})})})}},7376:function(e,t,n){n.d(t,{GF:function(){return o},PB:function(){return s},Z2:function(){return a},y4:function(){return r}});var i=n(733);function o(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,i.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function a(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,i.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function r(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,i.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function s(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,i.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[972],{3972:function(e,t,n){n.r(t),n.d(t,{default:function(){return U}});var r=n(7753),i=n(7313),a=n(2860),s=n(499),o=n(4897),l=n(5160),c=n(9854),u=n(6967),d=n(8984),h=n(58),g=n(4669),v=n(941),m=n(7592),p=n(7300),I=n(6524),f=n(7643),E=n(778),S=n(6417);const T=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(210),n.e(926),n.e(950),n.e(303),n.e(891)]).then(n.bind(n,4095)))),x=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(576),n.e(950),n.e(364),n.e(530)]).then(n.bind(n,5523)))),_=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(358)]).then(n.bind(n,3827)))),j=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(607)]).then(n.bind(n,6071)))),y=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(986)]).then(n.bind(n,1291)))),w=i.lazy((()=>Promise.all([n.e(302),n.e(580)]).then(n.bind(n,3580)))),M=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(576),n.e(210),n.e(803),n.e(926),n.e(303),n.e(171),n.e(68)]).then(n.bind(n,8171)))),C=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(210),n.e(926),n.e(950),n.e(959)]).then(n.bind(n,4048)))),O=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(303),n.e(554)]).then(n.bind(n,9085)))),L=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(576),n.e(950),n.e(303),n.e(364),n.e(67)]).then(n.bind(n,4362)))),D=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(576),n.e(210),n.e(803),n.e(926),n.e(303),n.e(171),n.e(334)]).then(n.bind(n,4658))));var b=function(e){const[t]=(0,r.j1)("isInDesignMode"),[n]=(0,r.j1)("isDemoBrand"),[b]=(0,r.j1)("whatmoreTopBottomPadding"),[P]=(0,r.j1)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:G}=(0,i.useContext)(m.I),[W]=(0,r.j1)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:V}=(0,i.useContext)(m.I),k=(0,r.MO)("isLandingSharedLink"),N=(0,r.MO)("whatmoreShareTemplateId"),U=(0,r.MO)("whatmoreShareStoryId"),z=(0,r.MO)("whatmoreShareEventId"),[F,K]=(0,i.useState)(-1),[Z,A]=(0,i.useState)(null);var R=e.events,B=null;function H(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,d.KE)()&&!r&&(0,h.QV)(),t||n||(async()=>{const t=B[e].events[0];(0,l.wh)(t),(0,g.Tc)(W,a.Xh,a.OW),(0,u.H4)(t.event_id,t.products,"homepage","stories")})();var s=0;null!=i&&B[e].events.map(((e,t)=>{e.event_id==i&&(s=t)})),K(s),A(e)}function J(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,d.KE)()&&!r&&(0,h.QV)(),(0,p.B6)(e)||(0,p.WJ)(e))return t||n||(async()=>{(0,l.wh)(e),(0,g.Tc)(W,a.Xh,a.pR),(0,u.H4)(e.event_id,e.products,"homepage","carousel")})(),void K(e.index);const i=20;var{status:c,bannerText:v,timeToStartInMins:m}=o.Z.getEventStatus(e);m<=i&&c.name!==s.Z.LIVE.name?console.debug(" TODO : show toast on upcoming live event."):K(e.index)}function X(e){return(0,S.jsx)(S.Fragment,{})}return G&&!B&&(B=function(e){var t=e.reduce(((e,t,n)=>{var r=t.storyset_id;return r in e?(e[r].total_events=e[r].total_events+1,e[r].events.push(t)):e[r]={id:t.storyset_id,title:t.storyset_name,thumbnail_image:t.storyset_thumbnail_image,total_events:1,start_event_index:n,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(R)),(0,i.useEffect)((()=>{k&&V==(0,I.zv)(N)&&(null!=U&&G?B.forEach(((e,t)=>{U==e.id&&H(t,!0,z)})):null!=z&&R.forEach(((e,t)=>{z==e.event_id&&J(e,!0)})))}),[]),(0,S.jsxs)("div",{children:[(0,S.jsx)("div",{style:{marginTop:(G?P:b)+"px",marginBottom:(G?P:b)+"px"},children:"template-b"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(T,{events:R,onClick:J,heading:e.heading})}):"template-a-1"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(x,{events:R,onClick:J,heading:e.heading})}):"template-feed-a"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(L,{events:R,onClick:J,heading:e.heading})}):"template-collections-a"===V||"template-c"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(_,{events:R,onClick:J,heading:e.heading})})}):"template-collections-b"===V||"template-d"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(j,{events:R,onClick:J,heading:e.heading})})}):"template-collections-c"===V||"template-e"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(y,{events:R,onClick:J,heading:e.heading})})}):"template-collections-d"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(T,{events:R,onClick:J,heading:e.heading})})}):"template-collections-e"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(C,{events:R,onClick:J,heading:e.heading})})}):"template-f"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(O,{events:R,onClick:J,heading:e.heading})})}):"template-banner-a"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.BANNER_WIDGET_VIEW,event:R[0],triggerFlag:!t&&!n,children:(0,S.jsx)(D,{events:R})})}):G?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.STORIES_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(w,{eventsStories:B,onClick:H,template:V})})}):(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(C,{events:R,onClick:J,heading:e.heading})})})}),-1==F?(0,S.jsx)(X,{}):(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.EVENT_VIEW,event:R[F],productList:R[F].products,cta:R[F].cta,triggerFlag:!t&&!n,children:(0,S.jsx)(M,{events:R,index:F,onBack:function(e){(0,c.n2)(W)&&(0,r.MO)("whatmoreAddedToCart")&&(0,v.D)(W,(()=>{}),100,window.location.hostname),K(-1)},slideDirection:G||"horizontal"===(0,c.e8)(W)?"horizontal":"vertical",eventsStories:B,initialStoryIndex:Z,template:V})})})]})};const P=function(e,t,n){const i=(0,r.MO)("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)),{}),s=Object.keys(a);if("60960964855"==i&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var o={};fera.getRatings(s,(e=>{new Promise(((t,n)=>{e.forEach((e=>{o[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(o)})).then((e=>n(e)))}))}if("23114481744"==i){const e="1e6MQXxzYR19mpw9Km6Dcm86";o={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+s.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{o[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),o))).then((e=>n(e))).catch((e=>console.error(e)))}};var G=n(3388),W=n(7381),V=n(7376),k=n(7008);var N=function(e){const[t,n]=(0,i.useState)(),[s,o]=(0,i.useState)(),{whatmoreIsStoriesTemplate:l}=(0,i.useContext)(m.I),{whatmoreIsCollectionsTemplate:g}=(0,i.useContext)(m.I),{whatmoreIsBannerTemplate:v}=(0,i.useContext)(m.I),[p]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionId"),T=(0,r.MO)("whatmoreLandingLocationType"),x=(0,r.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:_}=(0,i.useContext)(m.I),{whatmoreCollectionUrl:j}=(0,i.useContext)(m.I),y=(0,c.cZ)(p)?(0,c._u)(p)?j:window.location.href.split(/[?#]/)[0]:f,[w,M]=(0,r.j1)("productRatings");var C=(0,c.ef)(p)?a.Dm+"/v2/events/":a.Gc+"/v2/events/",O=(0,c.ef)(p)?a.Dm+"/get_eventset/":a.Gc+"/get_eventset/",L=(0,c.ef)(p)?a.Dm+"/v2/collection":a.Gc+"/v2/collection",D=(0,c.ef)(p)?a.Dm+"/v2/brand/"+p+"/product-events":a.Gc+"/v2/brand/"+p+"/product-events",N=e.shopId,U="live,upcoming";return(0,i.useEffect)((()=>{(0,u.hb)();const e=e=>{const t="_whatmore_bulk_events",n=JSON.parse(localStorage.getItem(t))||[];n&&n.length>0&&((0,k.K)(n),localStorage.removeItem(t))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||s||!(0,d.KE)()||(0,r.MO)("whatmoreVideoPlayerPoolInitiated")||(0,h.b5)(h.UD)}),[t]),(0,i.useEffect)((()=>{var e;if(T.startsWith("product")){var t=(0,r.MO)("whatmoreProductId");t=(0,c.iX)(p)?function(e){return e.split(/[?#]/)[0]}(window.location.href):t,e=D.toString()+"?client_product_id="+t.toString()+"&status="+U.toString()+"&event_type=video"}else if(g||"invalid-url"!==j)e=L.toString()+"?store_id="+N.toString()+"&client_collection_id="+y;else if(v){const t=I.ls,n=(0,I.H1)(T);e=O.toString()+N.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+p}else e=C.toString()+N.toString()+"?status="+U.toString()+"&is_active="+"true".toString()+(l?"&template_type=stories":"");fetch(e).then((e=>e.json())).then((e=>{if(v){const t=I.ls;return(0,G.OC)(e,t)}return(0,G.kW)(e,g||"invalid-url"!==j)})).then((e=>(x&&console.debug("initial received events size : "+e.length),l||v?e:(0,G.e8)(e,N)))).then((e=>(null!=e&&0!=e.length&&(0,c.LU)(p)&&function(e,t,n){const i=setInterval((()=>{null===(0,r.MO)("productRatings")&&P(e,t,n)}),1e3);setTimeout((()=>{clearInterval(i)}),1e4)}(p,e,(e=>{M(e)})),e))).then((e=>{null==e||0==e.length||l||v||(0,c.NO)(N,e),n(e)})).catch((e=>{o(e.message)}))}),[]),(0,i.useEffect)((()=>{"index"===T?t&&t.length>0&&(0,V.PB)({userInteractionType:E.K.HOMEPAGE_VISITED,widgetSourceDetails:_}):"collection"===T&&t&&t.length>0&&(0,V.PB)({userInteractionType:E.K.COLLECTION_PAGE_VISITED,widgetSourceDetails:_})}),[t]),null==t||0==t.length||s?(0,S.jsx)("div",{}):(x&&(0,W.EI)(t),function(e,t){if(null!=e){var n=0;e.forEach((e=>{e.index=n++}))}}(t),x&&console.debug("final transformed events data : "+JSON.stringify(t)),x&&console.debug("valid events size : "+t.length),(0,S.jsx)("div",{children:(0,S.jsx)(b,{heading:e.heading,events:t})},"whatmore-main-coponent"))};var U=function(e){const[t]=(0,r.j1)("isInDesignMode"),[n]=(0,r.j1)("isDemoBrand"),[s]=(0,r.j1)("whatmoreShopId"),[o]=(0,r.j1)("whatmoreHeading"),[l]=(0,r.j1)("whatmorePrimaryColor"),[c]=(0,r.j1)("whatmoreSecondaryColor");return(0,i.useEffect)((()=>{(0,g.ll)(s)}),[]),(0,S.jsx)(S.Fragment,{children:(0,S.jsx)("div",{children:t||n?(0,S.jsx)("div",{children:(0,S.jsx)(N,{heading:o,shopId:a.aA})}):(0,S.jsx)("div",{children:(0,S.jsx)(N,{heading:o,shopId:s})})})})}},499:function(e,t){t.Z={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},4897:function(e,t,n){var r=n(499);t.Z=class{static getEventStatus(e){e.time_zone="GMT+5:30";var t=e.start_time+":00",n=e.end_time,i=e.scheduled_date,a=e.status,s=e.time_zone;if(a.toUpperCase()==r.Z.LIVE.name)return{status:r.Z.LIVE,bannerText:" "+r.Z.LIVE.name+" ",timeToStartInMins:0};if(a.toUpperCase()==r.Z.UPCOMING.name){var o=new Date(i+" "+t+" "+s),l=(new Date(i+" "+n+" "+s),function(e){var t=new Date,n=(e.getTime()-t.getTime())/1e3,i=n/60,a=i/60,s=a/24;return n<=0?{status:r.Z.COMPLETED,bannerText:" "+r.Z.COMPLETED.name+" ",timeToStartInMins:0}:n>=1&&n<=30?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(n)+" sec ",timeToStartInMins:n/60}:i<60?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(i)+" min ",timeToStartInMins:i}:a<24?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(a)+" hr ",timeToStartInMins:60*a}:s<7?{status:r.Z.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]+" ",timeToStartInMins:60*s*24}:{status:r.Z.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(o));return{status:l.status,bannerText:l.bannerText,timeToStartInMins:l.timeToStartInMins}}return console.error("invalid status for event :: id : "+e.event_id+", status : "+e.status),{status:r.Z.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},3388:function(e,t,n){n.d(t,{OC:function(){return o},e8:function(){return a},kT:function(){return r},kW:function(){return s},xg:function(){return i}});const r=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},i=function(e,t){return!(void 0==e.products||0==e.products.length)},a=function(e,t){if(null!=e)return e.filter((e=>1==r(e)))},s=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const o=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const r=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return r?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(r):[]}},7376:function(e,t,n){n.d(t,{GF:function(){return i},PB:function(){return o},Z2:function(){return a},y4:function(){return s}});var r=n(733);function i(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o})}function a(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o})}function s(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o})}function o(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o})}}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[972],{3972:function(e,t,n){n.r(t),n.d(t,{default:function(){return U}});var r=n(7753),i=n(7313),a=n(2860),s=n(499),o=n(4897),l=n(5160),c=n(9854),u=n(6967),d=n(8984),h=n(58),g=n(4669),v=n(941),m=n(7592),p=n(7300),I=n(6524),f=n(7643),E=n(778),S=n(6417);const T=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(210),n.e(926),n.e(950),n.e(303),n.e(891)]).then(n.bind(n,4095)))),x=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(576),n.e(950),n.e(364),n.e(530)]).then(n.bind(n,5523)))),_=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(358)]).then(n.bind(n,3827)))),j=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(607)]).then(n.bind(n,6071)))),y=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(986)]).then(n.bind(n,1291)))),w=i.lazy((()=>Promise.all([n.e(302),n.e(580)]).then(n.bind(n,3580)))),M=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(576),n.e(210),n.e(803),n.e(926),n.e(303),n.e(171),n.e(68)]).then(n.bind(n,8171)))),C=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(210),n.e(926),n.e(950),n.e(959)]).then(n.bind(n,4048)))),O=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(303),n.e(554)]).then(n.bind(n,9085)))),L=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(576),n.e(950),n.e(303),n.e(364),n.e(67)]).then(n.bind(n,4362)))),D=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(576),n.e(210),n.e(803),n.e(926),n.e(303),n.e(171),n.e(334)]).then(n.bind(n,4658))));var b=function(e){const[t]=(0,r.j1)("isInDesignMode"),[n]=(0,r.j1)("isDemoBrand"),[b]=(0,r.j1)("whatmoreTopBottomPadding"),[P]=(0,r.j1)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:G}=(0,i.useContext)(m.I),[W]=(0,r.j1)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:V}=(0,i.useContext)(m.I),k=(0,r.MO)("isLandingSharedLink"),N=(0,r.MO)("whatmoreShareTemplateId"),U=(0,r.MO)("whatmoreShareStoryId"),z=(0,r.MO)("whatmoreShareEventId"),[F,K]=(0,i.useState)(-1),[Z,A]=(0,i.useState)(null);var R=e.events,B=null;function H(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,d.KE)()&&!r&&(0,h.QV)(),t||n||(async()=>{const t=B[e].events[0];(0,l.wh)(t),(0,g.Tc)(W,a.Xh,a.OW),(0,u.H4)(t.event_id,t.products,"homepage","stories")})();var s=0;null!=i&&B[e].events.map(((e,t)=>{e.event_id==i&&(s=t)})),K(s),A(e)}function J(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,d.KE)()&&!r&&(0,h.QV)(),(0,p.B6)(e)||(0,p.WJ)(e))return t||n||(async()=>{(0,l.wh)(e),(0,g.Tc)(W,a.Xh,a.pR),(0,u.H4)(e.event_id,e.products,"homepage","carousel")})(),void K(e.index);const i=20;var{status:c,bannerText:v,timeToStartInMins:m}=o.Z.getEventStatus(e);m<=i&&c.name!==s.Z.LIVE.name?console.debug(" TODO : show toast on upcoming live event."):K(e.index)}function X(e){return(0,S.jsx)(S.Fragment,{})}return G&&!B&&(B=function(e){var t=e.reduce(((e,t,n)=>{var r=t.storyset_id;return r in e?(e[r].total_events=e[r].total_events+1,e[r].events.push(t)):e[r]={id:t.storyset_id,title:t.storyset_name,thumbnail_image:t.storyset_thumbnail_image,total_events:1,start_event_index:n,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(R)),(0,i.useEffect)((()=>{k&&V==(0,I.zv)(N)&&(null!=U&&G?B.forEach(((e,t)=>{U==e.id&&H(t,!0,z)})):null!=z&&R.forEach(((e,t)=>{z==e.event_id&&J(e,!0)})))}),[]),(0,S.jsxs)("div",{children:[(0,S.jsx)("div",{style:{marginTop:(G?P:b)+"px",marginBottom:(G?P:b)+"px"},children:"template-b"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(T,{events:R,onClick:J,heading:e.heading})}):"template-a-1"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(x,{events:R,onClick:J,heading:e.heading})}):"template-feed-a"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(L,{events:R,onClick:J,heading:e.heading})}):"template-collections-a"===V||"template-c"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(_,{events:R,onClick:J,heading:e.heading})})}):"template-collections-b"===V||"template-d"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(j,{events:R,onClick:J,heading:e.heading})})}):"template-collections-c"===V||"template-e"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(y,{events:R,onClick:J,heading:e.heading})})}):"template-collections-d"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(T,{events:R,onClick:J,heading:e.heading})})}):"template-collections-e"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(C,{events:R,onClick:J,heading:e.heading})})}):"template-f"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(O,{events:R,onClick:J,heading:e.heading})})}):"template-banner-a"===V?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.BANNER_WIDGET_VIEW,event:R[0],triggerFlag:!t&&!n,children:(0,S.jsx)(D,{events:R})})}):G?(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.STORIES_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(w,{eventsStories:B,onClick:H,template:V})})}):(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,S.jsx)(C,{events:R,onClick:J,heading:e.heading})})})}),-1==F?(0,S.jsx)(X,{}):(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(f.u,{userInteractionType:E.K.EVENT_VIEW,event:R[F],productList:R[F].products,cta:R[F].cta,triggerFlag:!t&&!n,children:(0,S.jsx)(M,{events:R,index:F,onBack:function(e){(0,c.n2)(W)&&(0,r.MO)("whatmoreAddedToCart")&&(0,v.D)(W,(()=>{}),100,window.location.hostname),K(-1)},slideDirection:G||"horizontal"===(0,c.e8)(W)?"horizontal":"vertical",eventsStories:B,initialStoryIndex:Z,template:V})})})]})};const P=function(e,t,n){const i=(0,r.MO)("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)),{}),s=Object.keys(a);if("60960964855"==i&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var o={};fera.getRatings(s,(e=>{new Promise(((t,n)=>{e.forEach((e=>{o[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(o)})).then((e=>n(e)))}))}if("23114481744"==i){const e="1e6MQXxzYR19mpw9Km6Dcm86";o={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+s.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{o[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),o))).then((e=>n(e))).catch((e=>console.error(e)))}};var G=n(3388),W=n(7381),V=n(7376),k=n(7008);var N=function(e){const[t,n]=(0,i.useState)(),[s,o]=(0,i.useState)(),{whatmoreIsStoriesTemplate:l}=(0,i.useContext)(m.I),{whatmoreIsCollectionsTemplate:g}=(0,i.useContext)(m.I),{whatmoreIsBannerTemplate:v}=(0,i.useContext)(m.I),[p]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionId"),T=(0,r.MO)("whatmoreLandingLocationType"),x=(0,r.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:_}=(0,i.useContext)(m.I),{whatmoreCollectionUrl:j}=(0,i.useContext)(m.I),y=(0,c.cZ)(p)?(0,c._u)(p)?j:window.location.href.split(/[?#]/)[0]:f,[w,M]=(0,r.j1)("productRatings");var C=(0,c.ef)(p)?a.Dm+"/v2/events/":a.Gc+"/v2/events/",O=(0,c.ef)(p)?a.Dm+"/get_eventset/":a.Gc+"/get_eventset/",L=(0,c.ef)(p)?a.Dm+"/v2/collection":a.Gc+"/v2/collection",D=(0,c.ef)(p)?a.Dm+"/v2/brand/"+p+"/product-events":a.Gc+"/v2/brand/"+p+"/product-events",N=e.shopId,U="live,upcoming";return(0,i.useEffect)((()=>{(0,u.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,k.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||s||!(0,d.KE)()||(0,r.MO)("whatmoreVideoPlayerPoolInitiated")||(0,h.b5)(h.UD)}),[t]),(0,i.useEffect)((()=>{var e;if(T.startsWith("product")){var t=(0,r.MO)("whatmoreProductId");t=(0,c.iX)(p)?function(e){return e.split(/[?#]/)[0]}(window.location.href):t,e=D.toString()+"?client_product_id="+t.toString()+"&status="+U.toString()+"&event_type=video"}else if(g||"invalid-url"!==j)e=L.toString()+"?store_id="+N.toString()+"&client_collection_id="+y;else if(v){const t=I.ls,n=(0,I.H1)(T);e=O.toString()+N.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+p}else e=C.toString()+N.toString()+"?status="+U.toString()+"&is_active="+"true".toString()+(l?"&template_type=stories":"");fetch(e).then((e=>e.json())).then((e=>{if(v){const t=I.ls;return(0,G.OC)(e,t)}return(0,G.kW)(e,g||"invalid-url"!==j)})).then((e=>(x&&console.debug("initial received events size : "+e.length),l||v?e:(0,G.e8)(e,N)))).then((e=>(null!=e&&0!=e.length&&(0,c.LU)(p)&&function(e,t,n){const i=setInterval((()=>{null===(0,r.MO)("productRatings")&&P(e,t,n)}),1e3);setTimeout((()=>{clearInterval(i)}),1e4)}(p,e,(e=>{M(e)})),e))).then((e=>{null==e||0==e.length||l||v||(0,c.NO)(N,e),n(e)})).catch((e=>{o(e.message)}))}),[]),(0,i.useEffect)((()=>{"index"===T?t&&t.length>0&&(0,V.PB)({userInteractionType:E.K.HOMEPAGE_VISITED,widgetSourceDetails:_}):"collection"===T&&t&&t.length>0&&(0,V.PB)({userInteractionType:E.K.COLLECTION_PAGE_VISITED,widgetSourceDetails:_})}),[t]),null==t||0==t.length||s?(0,S.jsx)("div",{}):(x&&(0,W.EI)(t),function(e,t){if(null!=e){var n=0;e.forEach((e=>{e.index=n++}))}}(t),x&&console.debug("final transformed events data : "+JSON.stringify(t)),x&&console.debug("valid events size : "+t.length),(0,S.jsx)("div",{children:(0,S.jsx)(b,{heading:e.heading,events:t})},"whatmore-main-coponent"))};var U=function(e){const[t]=(0,r.j1)("isInDesignMode"),[n]=(0,r.j1)("isDemoBrand"),[s]=(0,r.j1)("whatmoreShopId"),[o]=(0,r.j1)("whatmoreHeading"),[l]=(0,r.j1)("whatmorePrimaryColor"),[c]=(0,r.j1)("whatmoreSecondaryColor");return(0,i.useEffect)((()=>{(0,g.ll)(s)}),[]),(0,S.jsx)(S.Fragment,{children:(0,S.jsx)("div",{children:t||n?(0,S.jsx)("div",{children:(0,S.jsx)(N,{heading:o,shopId:a.aA})}):(0,S.jsx)("div",{children:(0,S.jsx)(N,{heading:o,shopId:s})})})})}},499:function(e,t){t.Z={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},4897:function(e,t,n){var r=n(499);t.Z=class{static getEventStatus(e){e.time_zone="GMT+5:30";var t=e.start_time+":00",n=e.end_time,i=e.scheduled_date,a=e.status,s=e.time_zone;if(a.toUpperCase()==r.Z.LIVE.name)return{status:r.Z.LIVE,bannerText:" "+r.Z.LIVE.name+" ",timeToStartInMins:0};if(a.toUpperCase()==r.Z.UPCOMING.name){var o=new Date(i+" "+t+" "+s),l=(new Date(i+" "+n+" "+s),function(e){var t=new Date,n=(e.getTime()-t.getTime())/1e3,i=n/60,a=i/60,s=a/24;return n<=0?{status:r.Z.COMPLETED,bannerText:" "+r.Z.COMPLETED.name+" ",timeToStartInMins:0}:n>=1&&n<=30?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(n)+" sec ",timeToStartInMins:n/60}:i<60?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(i)+" min ",timeToStartInMins:i}:a<24?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(a)+" hr ",timeToStartInMins:60*a}:s<7?{status:r.Z.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]+" ",timeToStartInMins:60*s*24}:{status:r.Z.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(o));return{status:l.status,bannerText:l.bannerText,timeToStartInMins:l.timeToStartInMins}}return console.error("invalid status for event :: id : "+e.event_id+", status : "+e.status),{status:r.Z.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},3388:function(e,t,n){n.d(t,{OC:function(){return o},e8:function(){return a},kT:function(){return r},kW:function(){return s},xg:function(){return i}});const r=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},i=function(e,t){return!(void 0==e.products||0==e.products.length)},a=function(e,t){if(null!=e)return e.filter((e=>1==r(e)))},s=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const o=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const r=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return r?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(r):[]}},7376:function(e,t,n){n.d(t,{GF:function(){return i},PB:function(){return o},Z2:function(){return a},y4:function(){return s}});var r=n(733);function i(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o})}function a(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o})}function s(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o})}function o(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:a,productList:s,ctaList:o})}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[986],{1291:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),s=(n(8984),n(8866)),d=n(7753),x=n(7129),p=n(7592),c=n(8631),h=(n(6066),n(9821)),u=n(8782),m=(n(4862),n(6417));const f=(0,l.Z)({key:"whatmore-css-cv"});t.default=function(e){const[t,n,l]=(0,s.Z)(),[v,g,w,y,j]=(0,h.Z)(),C=(0,d.MO)("whatmoreCollectionsTileSize"),b="portrait"==t?0:(0,d.MO)("whatmoreLandscapePadding"),E=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:L}=(0,o.useContext)(p.I),R=e.events,k=e.onClick;delete r.ZP.styles.global;var S=[];for(let o=0;o<R.length;)S.push((0,m.jsx)(c.Z,{event:R[o],onClick:()=>{var e;e=R[o-1],k(e)},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+o)),o+=1;return(0,m.jsx)(a.C,{value:f,children:(0,m.jsx)("div",{children:(0,m.jsx)(i.x,{theme:r.ZP,cssVarsRoot:L,resetCSS:!1,children:(0,m.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,m.jsx)("div",{style:{marginLeft:b+"px",marginRight:b+"px"},children:(0,m.jsx)(u.P,{renderElement:e=>(0,m.jsx)(m.Fragment,{children:e.eventData}),dataList:S,spacing:E,defaultHeight:v*C*.01+"px",defaultWidth:g*C*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),a=(n(9111),n(123),n(9778),n(4892)),l=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(l.V);const C=e.event,b=e.onClick,E=e.removeBorders,L=n*g*.01,R=x*g*.01,k=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:R+"px",marginLeft:E?"2px":"5px",marginRight:E?"2px":"5px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),b(C)},className:[w?"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:k,overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),a=(n(9111),n(123),n(9778),n(4892)),l=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(l.V);const C=e.event1,b=e.event2,E=e.onClick,L=.01*g,R=n*L,k=n*L*.5,S=x*L,P=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",Z=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":P,boxShadow:Z?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),E(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderTopLeftRadius:Z?"0px":M,borderTopRightRadius:Z?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":M,borderBottomRightRadius:Z?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return l}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=t-i;e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),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:e.dataList.map(((t,n)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[986],{1291:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),s=(n(8984),n(8866)),d=n(7753),x=n(7129),p=n(7592),c=n(8631),h=(n(6066),n(9821)),u=n(8782),m=(n(4862),n(6417));const f=(0,l.Z)({key:"whatmore-css-cv"});t.default=function(e){const[t,n,l]=(0,s.Z)(),[v,g,w,y,j]=(0,h.Z)(),C=(0,d.MO)("whatmoreCollectionsTileSize"),b="portrait"==t?0:(0,d.MO)("whatmoreLandscapePadding"),E=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:L}=(0,o.useContext)(p.I),R=e.events,k=e.onClick;delete r.ZP.styles.global;var S=[];for(let o=0;o<R.length;)S.push((0,m.jsx)(c.Z,{event:R[o],onClick:()=>{var e;e=R[o-1],k(e)},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+o)),o+=1;return(0,m.jsx)(a.C,{value:f,children:(0,m.jsx)("div",{children:(0,m.jsx)(i.x,{theme:r.ZP,cssVarsRoot:L,resetCSS:!1,children:(0,m.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,m.jsx)("div",{style:{marginLeft:b+"px",marginRight:b+"px"},children:(0,m.jsx)(u.P,{renderElement:e=>(0,m.jsx)(m.Fragment,{children:e.eventData}),dataList:S,spacing:E,defaultHeight:v*C*.01+"px",defaultWidth:g*C*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),a=(n(9111),n(123),n(9778),n(4892)),l=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(l.V);const C=e.event,b=e.onClick,E=e.removeBorders,L=n*g*.01,R=x*g*.01,k=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:R+"px",marginLeft:E?"2px":"5px",marginRight:E?"2px":"5px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),b(C)},className:[w?"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:k,overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),a=(n(9111),n(123),n(9778),n(4892)),l=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(l.V);const C=e.event1,b=e.event2,E=e.onClick,L=.01*g,R=n*L,k=n*L*.5,S=x*L,P=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",Z=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":P,boxShadow:Z?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),E(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderTopLeftRadius:Z?"0px":M,borderTopRightRadius:Z?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":M,borderBottomRightRadius:Z?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return l}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),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:e.dataList.map(((t,n)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);