whatmore-react-assets 1.0.381 → 1.0.383

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([[67],{4362:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var r=n(7313),i=n(8675),o=n(6090),s=n(7616),l=(n(6143),n(7244),n(123),n(9302)),a=n(2575),d=n(3271),c=n(8866),h=n(7753),p=n(7129),m=n(9854),x=n(4136),y=n(9821),u=n(3933),f=n(6417);function v(e){var t;const{ref:n,inView:r,entry:i}=(0,u.YD)({triggerOnce:!1}),o=null!==(t=e.defaultHeight)&&void 0!==t?t:"fit-content";return(0,f.jsx)(d.Kq,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:r?e.data.map(((t,n)=>(0,f.jsx)("div",{children:e.renderElement({eventData:t})},"key"+n))):(0,f.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function g(e){var t;const[n,r,i]=(0,y.Z)(),o=null!==(t=e.elementsPerRow)&&void 0!==t?t:Math.floor(Math.min(i,e.dataList.length)),s=function(e,t){var n=[];const r=t;for(let i=0;i<e.length;i+=r){const t=e.slice(i,i+r);n.push(t)}return n}(e.dataList,o);return(0,f.jsx)(d.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:s.map(((t,i)=>(0,f.jsx)(v,{renderElement:e.renderElement,data:t,defaultHeight:n,defaultWidth:r},"key-"+i)))})}var w=n(7300),j=(n(4920),n(3439),n(4892)),P=n(1092),b=n(5945),C=n(9219);var F=function(e){var[t,n]=(0,y.Z)();const[i,o]=(0,r.useState)(0),[s,l]=(0,r.useState)(e.event),[a]=(0,h.j1)("whatmoreShopId"),[d]=(0,h.j1)("whatmorePrimaryFont"),c=s.products.length;if(0==c)return(0,f.jsx)(f.Fragment,{});(0,r.useEffect)((()=>{const e=setInterval((()=>{o((e=>(e+1)%c))}),3e3);return()=>{clearInterval(e)}}),[]),(0,r.useEffect)((()=>{(0,m.N8)(a)&&(0,C.p_)(s,(0,m.Ip)(a),a).then((e=>{l(e)}))}),[]);const p=.08*n+"px",x=.075*n+"px",u=(+s.products[i].price).toFixed(),v=(+s.products[i].compare_price).toFixed();return(0,f.jsxs)("div",{style:{background:(0,m.Ys)(a),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"0 0 12px 12px"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",p,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,b.s)(s.products[i].title)}),(0,f.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",x,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,C.jx)(parseFloat(u)," ",a,s.products[i].currency)}),!isNaN(v)&&v>u&&(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",x,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,C.jx)(parseFloat(v)," ",a,s.products[i].currency)})]})]})};function k(e){const[t,n]=(0,y.Z)(),[r]=(0,h.j1)("whatmoreShowViews"),i=e.event;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===r?(0,f.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)(P.Z,{event:i,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})})})})}var I=function(e){var t,n,i;const[o,s]=(0,y.Z)();var l=(0,r.useContext)(p.V);const{whatmoreUITheme:a}=(0,r.useContext)(x.I),d=(0,h.MO)("whatmoreSecondaryColor"),c=(0,h.MO)("whatmoreShopId"),v=e.event,g=e.onClick,w=null===(t=e.isOnFocus)||void 0===t||t,P=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,b=null!==(i=e.animateOnFocus&&(0,m.iW)(c))&&void 0!==i&&i,[C,I,O]=(0,u.YD)({triggerOnce:!0});return(0,f.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",l.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",l.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,height:o,borderRadius:"round"==a?"12px":"0px",borderWidth:(0,m.en)(c),borderColor:"white"==(0,m.qP)(c)?d:(0,m.qP)(c),overflow:"hidden",cursor:"pointer"},className:b?w?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{g(v)},children:[(0,f.jsx)(j.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:w||P,event:v}),(0,f.jsxs)("div",{style:{width:s,height:o},children:[(0,f.jsx)(k,{event:v,isOnFocus:w}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:" "})}),(0,f.jsx)("div",{style:{width:"100%"},ref:C,children:I&&(0,m.PW)(c)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(F,{event:v})}):(0,f.jsx)("div",{height:"20px"})})]})})]})]})};const O=(0,a.Z)({key:"whatmore-css-hv"});var M=function(e){var t;const[n,a,u]=(0,c.Z)(),[v,j,P]=(0,y.Z)(),[b]=(0,h.j1)("whatmoreShopId"),[C]=(0,h.j1)("whatmorePrimaryColor"),[F]=(0,h.j1)("whatmoreSecondaryColor"),[k]=(0,h.j1)("whatmoreTitleFont"),M="portrait"==n?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:S}=(0,r.useContext)(x.I),Z=e.events,R=e.onClick,z=null!==(t=(0,m.aR)(b))&&void 0!==t?t:k;function W(e){R(e)}const N=parseInt(Math.floor(P));return delete s.ZP.styles.global,(0,f.jsx)(l.C,{value:O,children:(0,f.jsx)("div",{children:(0,f.jsx)(o.x,{theme:s.ZP,cssVarsRoot:S,resetCSS:!1,children:(0,f.jsxs)(p.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[e.heading.trim().length>0?(0,f.jsx)(d.M5,{children:(0,f.jsx)(d.xv,{bgColor:C,bgClip:"text",fontSize:M,sx:{fontFamily:z+" !important"},align:"center",children:e.heading})}):(0,f.jsx)(f.Fragment,{}),"landscape"===n?(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(t)||(0,w.WJ)(t)?(0,f.jsx)(I,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}}):(0,f.jsx)(i.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}})})},dataList:Z,elementsPerRow:N}):(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,f.jsx)(I,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}})})},dataList:Z,elementsPerRow:N})]})})})})}}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[67],{4362:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var r=n(7313),i=n(8675),o=n(6090),s=n(7616),l=(n(6143),n(7244),n(123),n(9302)),a=n(2575),d=n(3271),c=n(8866),h=n(7753),p=n(7129),m=n(9854),x=n(4136),y=n(9821),u=n(3933),f=n(6417);function v(e){var t;const{ref:n,inView:r,entry:i}=(0,u.YD)({triggerOnce:!1}),o=null!==(t=e.defaultHeight)&&void 0!==t?t:"fit-content";return(0,f.jsx)(d.Kq,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:r?e.data.map(((t,n)=>(0,f.jsx)("div",{children:e.renderElement({eventData:t})},"key"+n))):(0,f.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function g(e){var t;const[n,r,i]=(0,y.Z)(),o=null!==(t=e.elementsPerRow)&&void 0!==t?t:Math.floor(Math.min(i,e.dataList.length)),s=function(e,t){var n=[];const r=t;for(let i=0;i<e.length;i+=r){const t=e.slice(i,i+r);n.push(t)}return n}(e.dataList,o);return(0,f.jsx)(d.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:s.map(((t,i)=>(0,f.jsx)(v,{renderElement:e.renderElement,data:t,defaultHeight:n,defaultWidth:r},"key-"+i)))})}var w=n(7300),j=(n(4920),n(3439),n(4892)),P=n(1092),b=n(5945),C=n(9219);var F=function(e){var[t,n]=(0,y.Z)();const[i,o]=(0,r.useState)(0),[s,l]=(0,r.useState)(e.event),[a]=(0,h.j1)("whatmoreShopId"),[d]=(0,h.j1)("whatmorePrimaryFont"),c=s.products.length;if(0==c)return(0,f.jsx)(f.Fragment,{});(0,r.useEffect)((()=>{const e=setInterval((()=>{o((e=>(e+1)%c))}),3e3);return()=>{clearInterval(e)}}),[]),(0,r.useEffect)((()=>{(0,m.N8)(a)&&(0,C.p_)(s,(0,m.Ip)(a),a).then((e=>{l(e)}))}),[]);const p=.08*n+"px",x=.075*n+"px",u=(+s.products[i].price).toFixed(),v=(+s.products[i].compare_price).toFixed();return(0,f.jsxs)("div",{style:{background:(0,m.Ys)(a),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"0 0 12px 12px"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",p,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,b.s)(s.products[i].title)}),(0,f.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",x,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,C.jx)(parseFloat(u)," ",a,s.products[i].currency)}),!isNaN(v)&&v>u&&(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",x,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,C.jx)(parseFloat(v)," ",a,s.products[i].currency)})]})]})};function k(e){const[t,n]=(0,y.Z)(),[r]=(0,h.j1)("whatmoreShowViews"),i=e.event;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===r?(0,f.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)(P.Z,{event:i,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})})})})}var I=function(e){var t,n,i;const[o,s]=(0,y.Z)();var l=(0,r.useContext)(p.V);const{whatmoreUITheme:a}=(0,r.useContext)(x.I),d=(0,h.MO)("whatmoreSecondaryColor"),c=(0,h.MO)("whatmoreShopId"),v=e.event,g=e.onClick,w=null===(t=e.isOnFocus)||void 0===t||t,P=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,b=null!==(i=e.animateOnFocus&&(0,m.iW)(c))&&void 0!==i&&i,[C,I,O]=(0,u.YD)({triggerOnce:!0});return(0,f.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",l.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",l.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,height:o,borderRadius:"round"==a?"12px":"0px",borderWidth:(0,m.en)(c),borderColor:"white"==(0,m.qP)(c)?d:(0,m.qP)(c),overflow:"hidden",cursor:"pointer"},className:b?w?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{g(v)},children:[(0,f.jsx)(j.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:w||P,event:v}),(0,f.jsxs)("div",{style:{width:s,height:o},ref:C,children:[(0,f.jsx)(k,{event:v,isOnFocus:w}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:" "})}),(0,f.jsx)("div",{style:{width:"100%"},children:I&&(0,m.PW)(c)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(F,{event:v})}):(0,f.jsx)("div",{height:"20px"})})]})})]})]})};const O=(0,a.Z)({key:"whatmore-css-hv"});var M=function(e){var t;const[n,a,u]=(0,c.Z)(),[v,j,P]=(0,y.Z)(),[b]=(0,h.j1)("whatmoreShopId"),[C]=(0,h.j1)("whatmorePrimaryColor"),[F]=(0,h.j1)("whatmoreSecondaryColor"),[k]=(0,h.j1)("whatmoreTitleFont"),M="portrait"==n?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:S}=(0,r.useContext)(x.I),Z=e.events,R=e.onClick,z=null!==(t=(0,m.aR)(b))&&void 0!==t?t:k;function W(e){R(e)}const N=parseInt(Math.floor(P));return delete s.ZP.styles.global,(0,f.jsx)(l.C,{value:O,children:(0,f.jsx)("div",{children:(0,f.jsx)(o.x,{theme:s.ZP,cssVarsRoot:S,resetCSS:!1,children:(0,f.jsxs)(p.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[e.heading.trim().length>0?(0,f.jsx)(d.M5,{children:(0,f.jsx)(d.xv,{bgColor:C,bgClip:"text",fontSize:M,sx:{fontFamily:z+" !important"},align:"center",children:e.heading})}):(0,f.jsx)(f.Fragment,{}),"landscape"===n?(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(t)||(0,w.WJ)(t)?(0,f.jsx)(I,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}}):(0,f.jsx)(i.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}})})},dataList:Z,elementsPerRow:N}):(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,f.jsx)(I,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}})})},dataList:Z,elementsPerRow:N})]})})})})}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[708],{1291:function(e,t,n){n.r(t);var r=n(7313),i=n(6090),o=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(4136),h=n(8631),c=(n(6066),n(9821)),u=n(8782),f=n(6417);const m=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const[t,n,a]=(0,x.Z)(),[g,w,v,j,y]=(0,c.Z)(),C=(0,p.MO)("whatmoreCollectionsTileSize"),b="portrait"==t?0:(0,p.MO)("whatmoreLandscapePadding"),R=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:k}=(0,r.useContext)(s.I),S=e.events,P=e.onClick;delete o.ZP.styles.global;var L=[];for(let r=0;r<S.length;)L.push((0,f.jsx)(h.Z,{event:S[r],onClick:()=>{var e;e=S[r-1],P(e)},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+r)),r+=1;return(0,f.jsx)(l.C,{value:m,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:o.ZP,cssVarsRoot:k,resetCSS:!1,children:(0,f.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:b+"px",marginRight:b+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:L,spacing:R,defaultHeight:g*C*.01+"px",defaultWidth:w*C*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,R=e.removeBorders,k=n*w*.01,S=d*w*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:S+"px",marginLeft:R?"2px":"5px",marginRight:R?"2px":"5px",marginTop:R?"2px":"5px",marginBottom:R?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:R?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,R=e.onClick,k=.01*w,S=n*k,P=n*k*.5,L=d*k,Z=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:S+"px",width:L+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":Z,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),R(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:L+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:L+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.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 x}});var r=n(3933),i=n(8866),o=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,i.Z)();return(0,o.useEffect)((()=>{function e(e){e.preventDefault(),e.stopPropagation(),t.scrollLeft+=e.deltaX,t.scrollLeft+=e.deltaY}const t=document.querySelector(".whatmore-carousel-horizontal-flex");return null===t||void 0===t||t.addEventListener("wheel",e),()=>{document.removeEventListener("wheel",e)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.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([[708],{1291:function(e,t,n){n.r(t);var r=n(7313),i=n(6090),o=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(4136),h=n(8631),c=(n(6066),n(9821)),u=n(8782),f=n(6417);const m=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const[t,n,a]=(0,x.Z)(),[g,w,v,j,y]=(0,c.Z)(),C=(0,p.MO)("whatmoreCollectionsTileSize"),b="portrait"==t?0:(0,p.MO)("whatmoreLandscapePadding"),R=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:S}=(0,r.useContext)(s.I),k=e.events,P=e.onClick;delete o.ZP.styles.global;var L=[];for(let r=0;r<k.length;)L.push((0,f.jsx)(h.Z,{event:k[r],onClick:()=>{var e;e=k[r-1],P(e)},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+r)),r+=1;return(0,f.jsx)(l.C,{value:m,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:o.ZP,cssVarsRoot:S,resetCSS:!1,children:(0,f.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:b+"px",marginRight:b+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:L,spacing:R,defaultHeight:g*C*.01+"px",defaultWidth:w*C*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,R=e.removeBorders,S=n*w*.01,k=d*w*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:k+"px",marginLeft:R?"2px":"5px",marginRight:R?"2px":"5px",marginTop:R?"2px":"5px",marginBottom:R?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:R?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:k+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,R=e.onClick,S=.01*w,k=n*S,P=n*S*.5,L=d*S,Z=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:k+"px",width:L+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":Z,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),R(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:L+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:L+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.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 x}});var r=n(3933),i=n(8866),o=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,i.Z)();return(0,o.useEffect)((()=>{function t(e){e.preventDefault(),e.stopPropagation(),n.scrollLeft+=e.deltaX,n.scrollLeft+=e.deltaY}const n=document.querySelector(".whatmore-carousel-horizontal-flex");return e.isScroll&&(null===n||void 0===n||n.addEventListener("wheel",t)),()=>{document.removeEventListener("wheel",t)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.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 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[870],{6071:function(e,t,n){n.r(t);var r=n(7313),o=n(6090),i=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(4136),h=n(8631),c=n(6066),u=n(8782),f=n(9821),m=n(6417);const g=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,v]=(0,x.Z)(),[w,j]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[y,C,b,k,R]=(0,f.Z)(),S=(0,p.MO)("whatmoreCollectionsTileSize"),P="portrait"==n?0:(0,p.MO)("whatmoreLandscapePadding"),Z=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:L}=(0,r.useContext)(s.I),M=e.onClick;function B(e){M(e)}delete i.ZP.styles.global;var A=[];for(let r=0,o=!1;r<t.length;)o&&r!=t.length-1&&w[r]>.2?(A.push((0,m.jsx)(c.Z,{event1:t[r],event2:t[r+1],onClick:()=>{B(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,o=!o):(A.push((0,m.jsx)(h.Z,{event:t[r],onClick:()=>{B(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,o=!o);return(0,m.jsx)(l.C,{value:g,children:(0,m.jsx)("div",{children:(0,m.jsx)(o.x,{theme:i.ZP,cssVarsRoot:L,resetCSS:!1,children:(0,m.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,m.jsx)("div",{style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,m.jsx)(u.P,{renderElement:e=>(0,m.jsx)(m.Fragment,{children:e.eventData}),dataList:A,spacing:Z,defaultHeight:y*S*.01+"px",defaultWidth:C*S*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),o=n(9854),i=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,i.j1)("whatmorePrimaryFont"),[f]=(0,i.j1)("whatmorePrimaryColor"),[m]=(0,i.j1)("whatmoreSecondaryColor"),[g]=(0,i.j1)("whatmoreShopId"),[v]=(0,i.j1)("whatmoreCollectionsTileSize"),[w,j]=(0,r.useState)(!1),y=(0,o.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,k=e.removeBorders,R=n*v*.01,S=d*v*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:S+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":"5px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),o=n(9854),i=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,i.j1)("whatmorePrimaryFont"),[f]=(0,i.j1)("whatmorePrimaryColor"),[m]=(0,i.j1)("whatmoreSecondaryColor"),[g]=(0,i.j1)("whatmoreShopId"),[v]=(0,i.j1)("whatmoreCollectionsTileSize"),[w,j]=(0,r.useState)(!1),y=(0,o.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,k=e.onClick,R=.01*v,S=n*R,P=n*R*.5,Z=d*R,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:S+"px",width:Z+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":L,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),k(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.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 x}});var r=n(3933),o=n(8866),i=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:o}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,o.Z)();return(0,i.useEffect)((()=>{function e(e){e.preventDefault(),e.stopPropagation(),t.scrollLeft+=e.deltaX,t.scrollLeft+=e.deltaY}const t=document.querySelector(".whatmore-carousel-horizontal-flex");return null===t||void 0===t||t.addEventListener("wheel",e),()=>{document.removeEventListener("wheel",e)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.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([[870],{6071:function(e,t,n){n.r(t);var r=n(7313),o=n(6090),i=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(4136),h=n(8631),c=n(6066),u=n(8782),f=n(9821),m=n(6417);const g=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,v]=(0,x.Z)(),[w,j]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[y,C,b,S,k]=(0,f.Z)(),R=(0,p.MO)("whatmoreCollectionsTileSize"),P="portrait"==n?0:(0,p.MO)("whatmoreLandscapePadding"),Z=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:L}=(0,r.useContext)(s.I),M=e.onClick;function B(e){M(e)}delete i.ZP.styles.global;var A=[];for(let r=0,o=!1;r<t.length;)o&&r!=t.length-1&&w[r]>.2?(A.push((0,m.jsx)(c.Z,{event1:t[r],event2:t[r+1],onClick:()=>{B(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,o=!o):(A.push((0,m.jsx)(h.Z,{event:t[r],onClick:()=>{B(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,o=!o);return(0,m.jsx)(l.C,{value:g,children:(0,m.jsx)("div",{children:(0,m.jsx)(o.x,{theme:i.ZP,cssVarsRoot:L,resetCSS:!1,children:(0,m.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,m.jsx)("div",{style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,m.jsx)(u.P,{renderElement:e=>(0,m.jsx)(m.Fragment,{children:e.eventData}),dataList:A,spacing:Z,defaultHeight:y*R*.01+"px",defaultWidth:C*R*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),o=n(9854),i=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,i.j1)("whatmorePrimaryFont"),[f]=(0,i.j1)("whatmorePrimaryColor"),[m]=(0,i.j1)("whatmoreSecondaryColor"),[g]=(0,i.j1)("whatmoreShopId"),[v]=(0,i.j1)("whatmoreCollectionsTileSize"),[w,j]=(0,r.useState)(!1),y=(0,o.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,S=e.removeBorders,k=n*v*.01,R=d*v*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:R+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":"5px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:R+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),o=n(9854),i=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,i.j1)("whatmorePrimaryFont"),[f]=(0,i.j1)("whatmorePrimaryColor"),[m]=(0,i.j1)("whatmoreSecondaryColor"),[g]=(0,i.j1)("whatmoreShopId"),[v]=(0,i.j1)("whatmoreCollectionsTileSize"),[w,j]=(0,r.useState)(!1),y=(0,o.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,S=e.onClick,k=.01*v,R=n*k,P=n*k*.5,Z=d*k,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:Z+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":L,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),S(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.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 x}});var r=n(3933),o=n(8866),i=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:o}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,o.Z)();return(0,i.useEffect)((()=>{function t(e){e.preventDefault(),e.stopPropagation(),n.scrollLeft+=e.deltaX,n.scrollLeft+=e.deltaY}const n=document.querySelector(".whatmore-carousel-horizontal-flex");return e.isScroll&&(null===n||void 0===n||n.addEventListener("wheel",t)),()=>{document.removeEventListener("wheel",t)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.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(){}}]);