whatmore-react-assets 1.0.474 → 1.0.476
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.
- package/package.json +1 -1
- package/static/js/{334.85795029.chunk.js → 334.3b89eb2d.chunk.js} +1 -1
- package/static/js/358.f72e2669.chunk.js +1 -0
- package/static/js/{364.a356bb95.chunk.js → 364.14547e70.chunk.js} +1 -1
- package/static/js/554.6af280c1.chunk.js +1 -0
- package/static/js/607.9830119c.chunk.js +1 -0
- package/static/js/{68.55bb3c05.chunk.js → 68.a972e314.chunk.js} +1 -1
- package/static/js/74.0ad5cd72.chunk.js +1 -0
- package/static/js/{891.3960b8d2.chunk.js → 891.5af815b7.chunk.js} +1 -1
- package/static/js/{950.fa0cfa24.chunk.js → 950.66e96757.chunk.js} +1 -1
- package/static/js/959.90d64531.chunk.js +1 -0
- package/static/js/986.eab7bd39.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/js/358.6e750923.chunk.js +0 -1
- package/static/js/554.3362fc3a.chunk.js +0 -1
- package/static/js/607.5e1da9bb.chunk.js +0 -1
- package/static/js/74.5232d0d6.chunk.js +0 -1
- package/static/js/959.6a747ec5.chunk.js +0 -1
- package/static/js/986.06a0849f.chunk.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
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(9039),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 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[554],{9085:function(t,e,o){o.r(e),o.d(e,{default:function(){return k}});var n=o(7313),i=(o(3439),o(6090)),r=o(7616),l=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),a=o(2575),s=o(9821),c=o(8866),d=o(2279),p=o.n(d),h=o(7753),u=o(7129),x=o(1855),m=o(9854),y=o(9039),v=o(7376),f=o(778),g=o(4892),w=o(5945),j=o(9219),M=o(6805),P=o(6417);var C=function(t){var e,o,i,r,l,a,c,d,p,x;const[v,f,C,b,S]=(0,s.Z)(),O=(0,h.MO)("whatmoreShopId"),k="portrait"===S[M.YP],I=(k?1.076*f*(0,m.pE)(O):f*(0,m.H4)(O))+"px",E=(k?1.076*f*(0,m.pE)(O):f*(0,m.H4)(O))+"px",T=(k?.965*f*(0,m.pE)(O):.859*f*(0,m.H4)(O))+"px",F=t.event,N=(0,h.MO)("whatmoreSecondaryColor");var R=(0,n.useContext)(u.V);const W=null===(e=t.isOnFocus)||void 0===e||e,Z=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,z=t.onClick,{whatmoreUITheme:_}=(0,n.useContext)(y.I),D=((0,m.nz)(O),null!==(i=t.animateOnFocus&&(0,m.iW)(O))&&void 0!==i&&i),L=(0,h.MO)("whatmorePrimaryFont"),Y=Math.round(+(null===(r=F.products[0])||void 0===r?void 0:r.price)),A=Math.round(+(null===(l=F.products[0])||void 0===l?void 0:l.compare_price)),B=A&&0!=A&&A>Y?Math.ceil((A-Y)/A*100):NaN;return(0,P.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",R.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",R.tileBottomMMargin+"px","important"))},className:D&&!k?W?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:f},onClick:()=>{z(F)},children:[(0,P.jsx)("div",{style:{borderRadius:"round"==_?"5%":"0px",boxShadow:"round"==_?"0px 0px 5px 0px #B0B0B0":null,height:v,borderWidth:(0,m.al)(O),borderColor:(0,m.qP)(O),overflow:"hidden"},children:(0,P.jsx)(g.Z,{height:"100%",width:"100%",url:F.thumbnail_image,isPlaying:W||Z,event:F})}),(0,P.jsxs)("div",{style:{display:"flex",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",I,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",L,"important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,w.s)(null===(a=F.products[0])||void 0===a?void 0:a.title)}),(0,P.jsxs)("div",{style:{display:"flex",gap:"12px"},children:[(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",E,"important"),t.style.setProperty("font-family",L,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,j.jx)(parseFloat(null===(c=F.products[0])||void 0===c?void 0:c.price)," ",O,null===(d=F.products[0])||void 0===d?void 0:d.currency)}),!isNaN(A)&&A>Y&&(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#808191","important"),t.style.setProperty("font-size",E,"important"),t.style.setProperty("font-family",L,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,j.jx)(parseFloat(null===(p=F.products[0])||void 0===p?void 0:p.compare_price)," ",O,null===(x=F.products[0])||void 0===x?void 0:x.currency)})]}),!isNaN(B)&&0!=B&&(0,P.jsx)("div",{style:{display:"flex",backgroundColor:"#343434"==N?(0,m.ZJ)(O):N,alignItems:"center",borderRadius:"4px",width:"fit-content",padding:"3px 6px"},children:(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.ms)(O),"important"),t.style.setProperty("font-size",T,"important"),t.style.setProperty("font-family",L,"important"))},children:"".concat(B,"% Off")})})]})]})};const b=(0,a.Z)({key:"whatmore-css-hv"});function S(t){const[e,o,i]=(0,s.Z)(),r=(0,h.MO)("whatmoreShopId"),l=t.events,a=t.onClick,{whatmoreWidgetSourceDetails:c}=(0,n.useContext)(y.I),d=Math.ceil(i),p=2*d,[u,g]=(0,n.useState)(p),[w,j]=(0,n.useState)(2*d),M=0===(0,m.WG)(r)?24:(0,m.WG)(r),[b,S]=(0,n.useState)({touchX:0,touchY:0}),O=t=>{if("next"===t){const t=2;j((t=>Math.min(t+Math.floor(i),l.length+d+1))),g((e=>Math.min(e+t,l.length+d+1)))}else j((t=>Math.max(t-Math.floor(i),p)));(0,v.y4)({userInteractionType:f.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:c})};return(0,P.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden"},onTouchStart:t=>{S({touchX:t.touches[0].clientX,touchY:t.touches[0].clientY})},onTouchEnd:t=>{var e,o,n,i;const r=(null===(e=t.changedTouches)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.clientX)-b.touchX,l=(null===(n=t.changedTouches)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.clientY)-b.touchY;Math.sqrt(r**2+l**2)>10&&Math.abs(r)>Math.abs(l)&&O(r>0?"prev":"next")},children:(0,P.jsx)("div",{style:{display:"flex",gap:M,transform:"translateX(-".concat((w-p)*(o+M),"px)"),transition:"transform 0.4s ease-in-out"},children:l.map(((t,e)=>e<u?(0,P.jsx)("div",{children:(0,P.jsx)(C,{isOnFocus:e<=w-d-1&&e>=Math.max(0,w-p),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>a(t)})},"whatmore-carousel-tile-".concat(e)):(0,P.jsx)(x.Z,{})))})})}function O(t){const[e,o,i,r]=(0,s.Z)(),[l,a]=(0,n.useState)(-1),c=(0,h.MO)("whatmoreShopId"),[d,u]=(0,n.useState)("next"),x=t.onClick,g=t.events,{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(y.I),j=Math.min(Math.ceil(i),g.length),[M,b]=(0,n.useState)(0),S=0===(0,m.WG)(c)?24:(0,m.WG)(c),O=()=>(0,P.jsx)("div",{children:(0,P.jsx)("button",{onClick:T,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,P.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),k=()=>(0,P.jsx)("div",{children:(0,P.jsx)("button",{onClick:E,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,P.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{M<=j&&b((t=>t+j))}),[j]);const I=()=>{a(-1)},E=()=>{M!==j&&(u("prev"),b((t=>Math.max(Math.ceil(t-i),j))),(0,v.y4)({userInteractionType:f.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},T=()=>{M>g.length+i||(u("next"),b((t=>Math.floor(t+i))),(0,v.y4)({userInteractionType:f.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},F=M>g.length?g.length-j+1:M-j,N=M>=g.length?g.length:F+j,R=g.slice(F,N);return(0,P.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(r,"px"),paddingRight:"".concat(r,"px")},children:[(0,P.jsx)("div",{style:{position:"absolute",left:"0",zIndex:100,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:M!==j&&(0,P.jsx)(k,{})}),(0,P.jsx)("div",{style:{display:"flex",gap:S+"px",width:"".concat(o*i*1.1,"px"),paddingLeft:"8px",overflow:"hidden"},children:R.map(((t,e)=>{const o="whatmore-event-tile-landscape-".concat(t.index).concat(e===j-1?"-last":""),n=e===l;return(0,P.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===d?"next":"prev"),onMouseEnter:()=>(t=>{const e=p()((()=>a(t)),300);return e(),e.cancel})(e),onMouseLeave:I,children:(0,P.jsx)(C,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{x(t)})(t)})},o)}))}),(0,P.jsx)("div",{style:{position:"absolute",zIndex:100,top:"50%",right:r+"px",transform:"translateY(-65%)"},children:M<=g.length&&(0,P.jsx)(O,{})})]})}var k=function(t){var e;const[o,a,s]=(0,c.Z)(),[d]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[x]=(0,h.j1)("whatmoreSecondaryColor"),[v]=(0,h.j1)("whatmoreTitleFont"),f="portrait"==o?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,n.useContext)(y.I),w=t.events,j=t.onClick,M=null!==(e=(0,m.aR)(d))&&void 0!==e?e:v;function C(t){j(t)}return delete r.ZP.styles.global,(0,P.jsx)(l.C,{value:b,children:(0,P.jsx)("div",{children:(0,P.jsx)(i.x,{theme:r.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,P.jsxs)(u.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0?(0,P.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",M,"important"),t.style.setProperty("font-size",f+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,m.wO)(d),lineHeight:(0,m.vY)(d),letterSpacing:(0,m.X2)(d)},children:t.heading})}):(0,P.jsx)(P.Fragment,{}),"landscape"===o?(0,P.jsx)(O,{events:w,onClick:C}):(0,P.jsx)(S,{events:w,onClick:C})]})})})})}},7129:function(t,e,o){o.d(e,{V:function(){return n}});const n=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,o){var n=o(7313),i=o(9821),r=o(7129),l=o(6417);e.Z=function(t){var[e,o]=(0,i.Z)();return(0,n.useContext)(r.V),t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:o,height:e,overflow:"hidden"}})}},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +0,0 @@
|
|
|
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(9039),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(){}}]);
|
|
@@ -1 +0,0 @@
|
|
|
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(9039),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"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[L]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,s.MO)("whatmoreShopId");var z=b,_=j,k=I;v[r.YP]===r.$w&&(z=S,_=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,A=v[r.YP]===r.$w?.7*(0,f.zG)(P):(0,f.zG)(P),O=V?A:1;d*=O,p*=O;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(6967),l=n(5380),c=n(58),p=n(8984),u=n(4669),h=n(941),w=n(9302),f=n(2575),x=n(7300),g=n(6524),v=n(9039),m=n(7376),y=n(778),b=n(7643),j=n(7008),I=n(6417);const S=(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 A=(0,r.MO)("isLandingSharedLink"),O=(0,r.MO)("whatmoreShareTemplateId"),B=(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||A&&"template-embed"==(0,g.zv)(O)&&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,I.jsx)(I.Fragment,{})}return null==t||0==t.length||f?(0,I.jsx)("div",{}):(0,I.jsx)(w.C,{value:S,children:"no-product"===F||-1===T||0===t.length?(0,I.jsx)(Y,{}):-2===T&&t.length>0?(0,I.jsx)("div",{children:(0,I.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,I.jsx)(l.Z,{event:t[0],inVideoClick:G,closeClick:e=>{e.stopPropagation(),C(-1)}})})}):(0,I.jsx)("div",{children:(0,I.jsx)(i.Suspense,{children:(0,I.jsx)(b.u,{userInteractionType:y.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!_,children:(0,I.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 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[959],{4048:function(e,t,n){n.r(t);var i=n(7313),o=n(6090),r=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),a=n(2210),d=n(8486),c=n(9821),h=n(8866),p=n(2279),x=n.n(p),u=n(7753),m=n(7129),f=n(1855),g=n(9854),y=n(9039),v=n(4920),w=n(7376),j=n(778),C=n(6417);const b=(0,l.Z)({key:"whatmore-css-hv"});function P(e){const[t,n,o]=(0,c.Z)(),r=(0,u.MO)("whatmoreShopId"),s=e.events,l=e.onClick,d=o*(0,g.u6)(r),[h,p]=(0,i.useState)(d),{whatmoreWidgetSourceDetails:x}=(0,i.useContext)(y.I);return(0,i.useEffect)((()=>{h<=d&&p((e=>e+d))}),[d]),(0,C.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,C.jsx)(a.tq,{slidesPerView:s.length>1?d:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:x}),e.realIndex>e.previousIndex&&p((e=>e+d))},children:s.map(((e,t)=>{const n=(null===e||void 0===e?void 0:e.products.length)>0&&(null===e||void 0===e?void 0:e.products.every((e=>"oos"===(null===e||void 0===e?void 0:e.product_status))));return t<=h&&!n&&(0,C.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:o,isVisible:r}=t;return i||o||n?(0,C.jsx)(v.Z,{isOnFocus:n&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{l(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)}))})})})}function I(e){const[t,n,o,r]=(0,c.Z)(),[s,l]=(0,i.useState)(-1),h=(0,u.MO)("whatmoreShopId"),[p,m]=(0,i.useState)(o),b=e.onClick,P=e.events,I=Math.min(o,P.length),{whatmoreWidgetSourceDetails:S}=(0,i.useContext)(y.I);return(0,i.useEffect)((()=>{p<=o&&m((e=>e+o))}),[o]),(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,C.jsx)("div",{style:{width:n*I*1.1+"px"},children:(0,C.jsx)(a.tq,{slidesPerView:I,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(I),onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}),e.realIndex>e.previousIndex&&m((e=>e+o))},spaceBetween:(0,g.WG)(h),children:P.map(((e,t)=>{const n=(null===e||void 0===e?void 0:e.products.length)>0&&(null===e||void 0===e?void 0:e.products.every((e=>"oos"===(null===e||void 0===e?void 0:e.product_status)))),i=x()((()=>l(t)),300);return t<=p&&!n&&(0,C.jsx)(a.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),l(-1)},children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:l}=n;return l?(0,C.jsx)(v.Z,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{b(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){var t;const[n,l,a]=(0,h.Z)(),[d]=(0,u.j1)("whatmoreShopId"),[c]=(0,u.j1)("whatmorePrimaryColor"),[p]=(0,u.j1)("whatmoreSecondaryColor"),[x]=(0,u.j1)("whatmoreTitleFont"),f="portrait"==n?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,i.useContext)(y.I),w=e.events,j=e.onClick,S=null!==(t=(0,g.aR)(d))&&void 0!==t?t:x;function F(e){j(e)}return delete r.ZP.styles.global,(0,C.jsx)(s.C,{value:b,children:(0,C.jsx)("div",{children:(0,C.jsx)(o.x,{theme:r.ZP,cssVarsRoot:v,resetCSS:!1,children:(0,C.jsxs)(m.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0?(0,C.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",S,"important"),e.style.setProperty("font-size",f+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,g.wO)(d),lineHeight:(0,g.vY)(d),letterSpacing:(0,g.X2)(d)},children:e.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===n?(0,C.jsx)(I,{events:w,onClick:F}):(0,C.jsx)(P,{events:w,onClick:F})]})})})})}},1092:function(e,t,n){var i=n(237),o=n(9854),r=n(7753),s=n(9039),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,r.MO)("whatmoreShopId"),c=(0,r.MO)("whatmorePrimaryFont"),h=e.event,p=e.fontSize;if(h.total_views<=0)return(0,a.jsx)(a.Fragment,{});const x=(0,o.S_)(n);return"template-icon"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(i.Z,{sx:{color:(0,o.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("font-size",p,"important"),e.style.setProperty("min-height","0","important"),e.style.setProperty("display","inline","important"),e.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},5945:function(e,t,n){function i(e){return"undefined"==typeof e||"undefined"==e||null==e?"":e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()}))}n.d(t,{s:function(){return i}})},1855:function(e,t,n){var i=n(7313),o=n(9821),r=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,o.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},4920:function(e,t,n){n.d(t,{Z:function(){return j}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),s=n(7753),l=n(4892),a=n(7129),d=n(6805),c=n(9854),h=n(1092),p=n(5945),x=n(9039),u=n(6417);var m=function(e){var[t,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(x.I),[l]=(0,s.j1)("whatmorePrimaryFont"),[a]=(0,s.j1)("whatmorePrimaryColor"),[d]=(0,s.j1)("whatmoreSecondaryColor"),[h,m]=(0,i.useState)(0),f=(0,s.MO)("whatmoreShopId"),g=e.event;if(0==g.products.length)return(0,u.jsx)(u.Fragment,{});const y=.3*n,v=y+"px",w=y+"px",j=.07*n+"px";return(0,u.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,u.jsx)("div",{style:{width:v,height:w,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(f),borderColor:(0,c.qP)(f),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,u.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,c.yO)(f),"important")},src:g.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,u.jsx)("div",{style:{width:n-5-y+"px",height:w,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",j,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",l,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"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:"normal"},children:(0,p.s)(g.products[h].title)})})})]},h)})},f=n(3933),g=n(8984);function y(e){var t,[n,l]=(0,o.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[h,p,x]=(0,f.YD)({triggerOnce:!0});var y=(0,i.useContext)(a.V);const v=e.event,w=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l,C=(0,g.gE)()?e.isOnFocus:p;return(0,u.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,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)("p",{children:" "})}),y.showPlayButton&&!w?(0,u.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==v.event_type&&(0,u.jsx)(r.Z,{sx:{color:(0,c.Y)(d)+" !important",opacity:(0,g.gE)()?0:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,u.jsx)(u.Fragment,{}),(0,u.jsx)("div",{ref:h,children:C&&(0,c.PW)(d)?(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)(m,{event:v})}):(0,u.jsx)("div",{height:"20px"})})]})})}function v(e){var[t,n]=(0,o.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,u.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,u.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,u.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,u.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,u.jsx)(u.Fragment,{})}function w(e){const[t,n,i,r,l]=(0,o.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),p=(0,s.MO)("whatmoreShopId"),x=e.event,m=e.isOnFocus;return(0,u.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,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,u.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,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,c.qc)(p)?(0,u.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,u.jsx)(h.Z,{event:x,fontSize:.07*n+"px"})})}):(0,u.jsx)(u.Fragment,{})})}),d.$w===l[d.YP]?(0,u.jsx)(u.Fragment,{}):m?(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,u.jsx)(v,{event:x})}):(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)(v,{event:x})})]})})}var j=function(e){var t,n,r;const[h,p,m,f,g]=(0,o.Z)();var v=(0,i.useContext)(a.V);const{whatmoreUITheme:j}=(0,i.useContext)(x.I),C=(0,s.MO)("whatmoreShopId"),b=e.event,P=e.onClick,I=null===(t=e.isOnFocus)||void 0===t||t,S=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,F=null!==(r=e.animateOnFocus&&(0,c.iW)(C))&&void 0!==r&&r,M=(0,c.nz)(C);return(0,u.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",v.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",v.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:p,height:h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j?M:null,borderWidth:(0,c.al)(C),borderColor:(0,c.qP)(C),overflow:"hidden",cursor:"pointer"},className:F?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(b)},children:[(0,u.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:I||S,event:b}),(0,u.jsxs)("div",{style:{width:p,height:h},children:[(0,u.jsx)(w,{event:b,isOnFocus:I}),I||d.$w===g[d.YP]?(0,u.jsx)(y,{event:b,unfocusedDisplay:!I,isOnFocus:I}):null]})]})}},9723:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},237:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){}}]);
|
|
@@ -1 +0,0 @@
|
|
|
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(9039),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(){}}]);
|