whatmore-react-assets 1.0.364 → 1.0.366
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/468.2c5b7309.chunk.js +1 -0
- package/static/js/{891.fccdf5f0.chunk.js → 891.d2418050.chunk.js} +1 -1
- package/static/js/959.50390c19.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/js/468.b7b09143.chunk.js +0 -1
- package/static/js/959.83251db0.chunk.js +0 -1
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[468],{8675:function(t,e,n){n.d(e,{Z:function(){return v}});var i,o,r=n(3271),l=n(5098),a=n(7313),s=n(9821),d=n(2634),c=n(5180),h=n(168),p=n(686);const x=(0,p.F4)(i||(i=(0,h.Z)(["\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(1.05);\n }\n"]))),f=(0,p.F4)(o||(o=(0,h.Z)(["\n 0% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n"]))),m="\n ".concat(x,"; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n"),u="\n ".concat(f,"; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n");var g=n(7753),w=n(7129),y=n(6417);var v=function(t){var e,n,[i,o]=(0,s.Z)();const[h]=(0,g.j1)("whatmorePrimaryFont");var p=(0,a.useContext)(w.V);const x=t.event,f=t.onClick,v=null===(e=t.isOnFocus)||void 0===e||e,j=(t.playOnUnfocus,null!==(n=t.animateOnFocus)&&void 0!==n&&n);return(0,y.jsxs)(r.xu,{animation:j?v?m:u:"none",marginTop:p.tileTopMargin,marginBottom:p.tileBottomMMargin,marginLeft:p.tileLeftMargin,marginRight:p.tileRightMargin,width:o,height:i,borderRadius:"lg",sx:{boxShadow:"0px 0px 10px 3px #B0B0B0"},overflow:"hidden",onClick:()=>{f(x)},cursor:"pointer",children:[(0,y.jsx)(l.Ee,{width:"full",height:"full",src:x.thumbnail_image,objectFit:"cover",fallback:(0,y.jsx)(c.Z,{width:o,height:i}),borderRadius:"lg"}),(0,y.jsx)(r.xu,{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden"},width:"full",height:"full",borderRadius:"lg",overflow:"hidden",className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)(r.Kq,{direction:"column",height:"full",width:"full",justifyContent:"space-between",children:[(0,y.jsx)(r.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-t, transparent, blackAlpha.200, blackAlpha.400, blackAlpha.600)",children:(0,y.jsx)(r.Kq,{direction:"column",justifyContent:"flex-start",children:(0,y.jsx)(r.xu,{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px",children:(0,y.jsx)(r.Kq,{direction:"row",justifyContent:"space-between",children:(0,y.jsx)(d.Z,{event:x,fontSize:.05*i+"px",maxWidth:.8*o})})})})}),(0,y.jsx)(r.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-b, transparent, blackAlpha.300, blackAlpha.400, blackAlpha.500, blackAlpha.600)",children:(0,y.jsx)(r.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",alignContent:"center",children:(0,y.jsx)(r.xu,{width:"full",borderRadius:"lg",children:(0,y.jsxs)(r.Kq,{direction:"column",justifyContent:"space-between",alignContent:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px",children:[(0,y.jsx)(r.xv,{color:"white",fontSize:.08*o+"px",fontWeight:"normal",align:"left",children:" "}),(0,y.jsx)(r.xv,{fontSize:.08*o+"px",fontWeight:"normal",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:x.title.substring(0,40)}),(0,y.jsx)(r.xv,{fontSize:.08*o+"px",fontWeight:"bold",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:x.presenter_name.substring(0,15)})]})})})})]})})]})}},2634:function(t,e,n){var i=n(3271),o=n(4897),r=n(499),l=n(6417);e.Z=function(t){var e,n=t.event,a=t.fontSize,s=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:d,bannerText:c,timeToStartInMins:h}=o.Z.getEventStatus(n);return d.name===r.Z.LIVE.name?(0,l.jsx)(i.xu,{maxWidth:s,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:d.color,children:(0,l.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,l.jsx)(i.xv,{fontSize:a,fontWeight:"bold",color:"white",children:c})})}):(0,l.jsx)(i.xu,{maxWidth:s,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:d.color,children:(0,l.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,l.jsx)(i.xv,{fontSize:a,fontWeight:"medium",children:c})})})}},1092:function(t,e,n){var i=n(237),o=n(9854),r=n(7753),l=n(4136),a=n(7313),s=n(6417);function d(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const{whatmoreUITheme:e}=(0,a.useContext)(l.I),n=(0,r.MO)("whatmoreShopId"),c=(0,r.MO)("whatmorePrimaryFont"),h=t.event,p=t.fontSize;if(h.total_views<=0)return(0,s.jsx)(s.Fragment,{});const x=(0,o.S_)(n);return"template-icon"==x?(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(i.Z,{sx:{color:(0,o.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aL)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("display","flex","important"))},style:{alignItems:"center",fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==x?(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,s.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aL)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(t,e,n){n.d(e,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},5945:function(t,e,n){function i(t){return"undefined"==typeof t||"undefined"==t||null==t?"":t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}))}n.d(e,{s:function(){return i}})},4920:function(t,e,n){n.d(e,{Z:function(){return j}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),l=n(7753),a=n(4892),s=n(7129),d=n(6805),c=n(9854),h=n(1092),p=n(5945),x=n(4136),f=n(6417);var m=function(t){var[e,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(x.I),[a]=(0,l.j1)("whatmorePrimaryFont"),[s]=(0,l.j1)("whatmorePrimaryColor"),[d]=(0,l.j1)("whatmoreSecondaryColor"),[h,m]=(0,i.useState)(0),u=(0,l.MO)("whatmoreShopId"),g=t.event,w=g.products.length;if(0==w)return(0,f.jsx)(f.Fragment,{});(0,i.useEffect)((()=>{const t=setInterval((()=>{m((t=>(t+1)%w))}),3e3);return()=>{clearInterval(t)}}),[]);const y=.3*n,v=y+"px",j=y+"px",b=.07*n+"px";return(0,f.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,f.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,f.jsx)("div",{style:{width:v,height:j,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(u),borderColor:(0,c.qP)(u),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,f.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,c.yO)(u),"important")},src:g.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,f.jsx)("div",{style:{width:n-5-y+"px",height:j,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,f.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",b,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,p.s)(g.products[h].title)})})})]},h)})},u=n(3933),g=n(8984);function w(t){var e,[n,a]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[h,p,x]=(0,u.YD)({triggerOnce:!0});var w=(0,i.useContext)(s.V);const y=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*a;return(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:" "})}),w.showPlayButton&&!v?(0,f.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(r.Z,{sx:{color:"#F5F5F5 !important",opacity:(0,g.KE)()?0:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,f.jsx)(f.Fragment,{}),(0,f.jsx)("div",{ref:h,children:p&&(0,c.PW)(d)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(m,{event:y})}):(0,f.jsx)("div",{height:"20px"})})]})})}function y(t){var[e,n]=(0,o.Z)();const[i]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,f.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,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,f.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,f.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,f.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,f.jsx)(f.Fragment,{})}function v(t){const[e,n,i,r,a]=(0,o.Z)(),[s]=(0,l.j1)("whatmoreShowViews"),c=t.event,p=t.isOnFocus;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.jsxs)("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"===s?(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)(h.Z,{event:c,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})}),d.$w===a[d.YP]?(0,f.jsx)(f.Fragment,{}):p?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,f.jsx)(y,{event:c})}):(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(y,{event:c})})]})})}var j=function(t){var e,n,r;const[h,p,m,u,g]=(0,o.Z)();var y=(0,i.useContext)(s.V);const{whatmoreUITheme:j}=(0,i.useContext)(x.I),b=(0,l.MO)("whatmoreShopId"),C=t.event,F=t.onClick,P=null===(e=t.isOnFocus)||void 0===e||e,I=null!==(n=t.playOnUnfocus)&&void 0!==n&&n,k=null!==(r=t.animateOnFocus&&(0,c.iW)(b))&&void 0!==r&&r,R=(0,c.nz)(b);return(0,f.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",y.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",y.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:p,height:h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j?R:null,borderWidth:(0,c.al)(b),borderColor:(0,c.qP)(b),overflow:"hidden",cursor:"pointer"},className:k?P?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{F(C)},children:[(0,f.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:P||I,event:C}),(0,f.jsxs)("div",{style:{width:p,height:h},children:[(0,f.jsx)(v,{event:C,isOnFocus:P}),P||d.$w===g[d.YP]?(0,f.jsx)(w,{event:C,unfocusedDisplay:!P}):null]})]})}},9723:function(t,e,n){var i=n(5318);e.Z=void 0;var o=i(n(5045)),r=n(6417),l=(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");e.Z=l},237:function(t,e,n){var i=n(5318);e.Z=void 0;var o=i(n(5045)),r=n(6417),l=(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");e.Z=l},3439:function(){},6143:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{4095:function(e,t,i){i.r(t),i.d(t,{default:function(){return Z}});var n=i(7313),r=i(6090),o=i(7616),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),l=i(2575),a=i(2210),d=i(8486),p=i(9821),c=i(8866),h=i(2279),x=i.n(h),m=i(7753),y=i(7129),u=i(9854),f=i(4136),g=i(1855),w=i(4892),v=i(3933),j=i(1092),C=i(5945),P=i(5456),b=i(3867),I=i(9219),k=i(6417);const F=n.lazy((()=>Promise.all([i.e(576),i.e(803),i.e(607),i.e(12)]).then(i.bind(i,6163))));var O=function(e){const{whatmoreUITheme:t}=(0,n.useContext)(f.I);var[i,r]=(0,p.Z)();const[o]=(0,m.j1)("whatmorePrimaryFont"),[s]=(0,m.j1)("whatmoreSecondaryColorShade900"),[l]=(0,m.j1)("whatmoreShopId"),[a,d]=(0,n.useState)(0),[c,h]=(0,n.useState)(e.event),x=e.onClick,y=c.products.length;if(0==y)return(0,k.jsx)(k.Fragment,{});(0,n.useEffect)((()=>{const e=setInterval((()=>{d((e=>(e+1)%y))}),4e3);return()=>{clearInterval(e)}}),[]),(0,n.useEffect)((()=>{(0,u.N8)(l)&&(0,I.p_)(c,(0,u.Ip)(l),l).then((e=>{h(e)}))}),[]);const g=.3*r,w=g+"px",v=g+"px",j=.05*r+"px",O=.07*r,S=O+"px",M=.05*r;return(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*r,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:x,children:[(0,k.jsx)("div",{style:{width:w,height:v,overflow:"hidden",backgroundColor:s,borderRadius:"round"==t?"5px":"0px",borderWidth:"0px"==(0,u.al)(l)?"2px":(0,u.al)(l),borderColor:"white"==(0,u.qP)(l)?s:(0,u.qP)(l)},children:(0,k.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,u.yO)(l),"important")},src:c.products[a].thumbnail_image,style:{width:w,height:w,borderRadius:"round"==t?"5px":"0px",backgroundColor:s},alt:"product image"})}),(0,k.jsx)("div",{style:{width:.7*r+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==t?"5px":"0px"},children:(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",j,"important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"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:"medium"},children:(0,C.s)(c.products[a].title)})}),(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"4px"},children:[(0,k.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",S,"important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(c.products[a].price),"",l,c.products[a].currency)]}),(0,k.jsx)("div",{children:(0,P.B)(c.products[a].price,c.products[a].compare_price)?(0,k.jsxs)("strike",{ref:e=>{e&&(e.style.setProperty("color","gray","important"),e.style.setProperty("font-size",.9*O+"px","important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"),e.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(c.products[a].compare_price),"",l,c.products[a].currency)]}):(0,k.jsx)(k.Fragment,{})})]}),(0,k.jsx)(b.Z,{storeId:l,productId:c.products[a].client_product_id,productLink:c.products[a].product_link,fontSize:M})]})})]},a),(0,u.IX)(l)?(0,k.jsx)(n.Suspense,{children:(0,k.jsx)(F,{baseFontSize:.05*r,event:c,product:c.products[0],width:.9*r,height:"fit-content"})}):(0,k.jsx)(k.Fragment,{})]})},S=i(3388);function M(e){const[t,i,r,o,s]=(0,p.Z)(),{whatmoreUITheme:l}=(0,n.useContext)(f.I),a=(0,m.MO)("whatmoreShowViews"),d=(0,m.MO)("whatmoreShopId"),c=((0,m.MO)("whatmoreSecondaryColorShade600"),e.PRODUCT_BOX_HEIGHT),h=e.PRODUCT_BOX_HEIGHT_IN_PX,x=e.PRODUCT_BOX_MARGIN,[y,g,w]=(0,v.YD)({triggerOnce:!0}),C=e.event;e.isOnFocus;return(0,k.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,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{e.onClick(C)},children:"show"===a?(0,k.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,k.jsx)(j.Z,{event:C,fontSize:.07*i+"px"})})}):(0,k.jsx)(k.Fragment,{})}),(0,k.jsx)("div",{style:{display:"flex",width:"100%",height:t-c+"px"},onClick:()=>{e.onClick(C)}}),(0,S.xg)(C,d)?(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:x+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:h,marginLeft:x+"px",marginRight:x+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,u.al)(d),borderColor:(0,u.qP)(d),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,k.jsx)("div",{ref:y,children:g&&(0,u.PW)(d)?(0,k.jsx)(O,{event:C,onClick:()=>{e.onClick(C)}}):(0,k.jsx)("div",{height:"20px"})})}):(0,k.jsx)(k.Fragment,{})]})})}var _=function(e){var t,i,r;const[o,s,l,a,d]=(0,p.Z)();var c=(0,n.useContext)(y.V);const{whatmoreUITheme:h}=(0,n.useContext)(f.I),x=(0,m.MO)("whatmoreShopId"),g=(0,m.MO)("whatmoreSecondaryColorShade600"),v=e.event,j=e.onClick,C=null===(t=e.isOnFocus)||void 0===t||t,P=null!==(i=e.playOnUnfocus)&&void 0!==i&&i,b=null!==(r=e.animateOnFocus&&(0,u.iW)(x))&&void 0!==r&&r,I=(0,u.IX)(x)?.7:.8,F=o*I+"px",O=1-I,_=o*O,R=o*O+"px",T=o*O*.1,z=(0,u.nz)(x);return(0,k.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",c.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",c.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s+"px",height:1.2*o+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?z:null,borderWidth:(0,u.al)(x),borderColor:(0,u.qP)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?C?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{},children:[(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},children:[(0,k.jsx)(w.Z,{height:F,width:"100%",url:v.thumbnail_image,isPlaying:C||P,event:v}),(0,S.xg)(v,x)?(0,k.jsx)("div",{style:{width:"100%",height:R,backgroundColor:g}}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(M,{event:v,isOnFocus:C,PRODUCT_BOX_HEIGHT:_,PRODUCT_BOX_HEIGHT_IN_PX:R,PRODUCT_BOX_MARGIN:T,onClick:j})]})};const R=(0,l.Z)({key:"whatmore-css-hv"});function T(e){const[t,i,n]=(0,p.Z)(),r=(0,m.MO)("whatmoreShopId"),o=e.events,s=e.onClick;return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,k.jsx)(a.tq,{slidesPerView:n*(0,u.u6)(r),initialSlide:o.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,children:o.map((e=>(0,k.jsx)(a.o5,{children:t=>{let{isActive:i,isPrev:n,isNext:r,isVisible:o}=t;return n||r||i?(0,k.jsx)(_,{isOnFocus:i&&o,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function z(e){const[t,i,r,o]=(0,p.Z)(),[s,l]=(0,n.useState)((c=r,Math.floor(Math.random()*Math.floor(c))));var c;const h=e.onClick,m=e.events,y=Math.min(r,m.length);return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:o+"px",paddingRight:o+"px"},children:(0,k.jsx)("div",{style:{width:i*y*1.1+"px"},children:(0,k.jsx)(a.tq,{slidesPerView:y,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(y),children:m.map(((e,t)=>{const i=x()((()=>l(t)),300);return(0,k.jsx)(a.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel()},children:i=>{let{isActive:n,isPrev:r,isNext:o,isVisible:l}=i;return l?(0,k.jsx)(_,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var Z=function(e){var t;const[i,l,a]=(0,c.Z)(),[d]=(0,m.j1)("whatmorePrimaryColor"),[p]=(0,m.j1)("whatmoreShopId"),[h]=(0,m.j1)("whatmoreSecondaryColor"),[x]=(0,m.j1)("whatmoreTitleFont"),g="portrait"==i?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,n.useContext)(f.I),v=e.events,j=e.onClick,C=null!==(t=(0,u.aR)(p))&&void 0!==t?t:x;function P(e){j(e)}return delete o.ZP.styles.global,(0,k.jsx)(s.C,{value:R,children:(0,k.jsx)("div",{children:(0,k.jsx)(r.x,{theme:o.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,k.jsxs)(y.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:[e.heading.trim().length>0?(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",g+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:e.heading})}):(0,k.jsx)(k.Fragment,{}),"landscape"===i?(0,k.jsx)(z,{events:v,onClick:P}):(0,k.jsx)(T,{events:v,onClick:P})]})})})})}},1092:function(e,t,i){var n=i(237),r=i(9854),o=i(7753),s=i(4136),l=i(7313),a=i(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),i=(0,o.MO)("whatmoreShopId"),p=(0,o.MO)("whatmorePrimaryFont"),c=e.event,h=e.fontSize;if(c.total_views<=0)return(0,a.jsx)(a.Fragment,{});const x=(0,r.S_)(i);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,r.XC)(i),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,r.al)(i),borderColor:(0,r.qP)(i)},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)(n.Z,{sx:{color:(0,r.aL)(i)+" !important",fontSize:h,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,r.aL)(i),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",p,"important"),e.style.setProperty("font-size",h,"important"))},style:{fontWeight:"normal"},children:" "+d(c.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,r.XC)(i),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,r.al)(i),borderColor:(0,r.qP)(i)},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,r.aL)(i),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",p,"important"))},style:{fontSize:h,fontWeight:"bold"},children:" "+d(c.total_views)+" views"})})})})}):void 0}},7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,i){var n=i(7313),r=i(9821),o=i(7129),s=i(6417);t.Z=function(e){var[t,i]=(0,r.Z)();return(0,n.useContext)(o.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:i,height:t,overflow:"hidden"}})}},237:function(e,t,i){var n=i(5318);t.Z=void 0;var r=n(i(5045)),o=i(6417),s=(0,r.default)((0,o.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}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{4095:function(e,t,i){i.r(t),i.d(t,{default:function(){return Z}});var n=i(7313),r=i(6090),o=i(7616),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),l=i(2575),a=i(2210),d=i(8486),p=i(9821),c=i(8866),h=i(2279),x=i.n(h),m=i(7753),y=i(7129),u=i(9854),f=i(4136),g=i(1855),w=i(4892),v=i(3933),j=i(1092),C=i(5945),P=i(5456),b=i(3867),I=i(9219),k=i(6417);const F=n.lazy((()=>Promise.all([i.e(576),i.e(803),i.e(607),i.e(12)]).then(i.bind(i,6163))));var O=function(e){const{whatmoreUITheme:t}=(0,n.useContext)(f.I);var[i,r]=(0,p.Z)();const[o]=(0,m.j1)("whatmorePrimaryFont"),[s]=(0,m.j1)("whatmoreSecondaryColorShade900"),[l]=(0,m.j1)("whatmoreShopId"),[a,d]=(0,n.useState)(0),[c,h]=(0,n.useState)(e.event),x=e.onClick,y=c.products.length;if(0==y)return(0,k.jsx)(k.Fragment,{});(0,n.useEffect)((()=>{const e=setInterval((()=>{d((e=>(e+1)%y))}),4e3);return()=>{clearInterval(e)}}),[]),(0,n.useEffect)((()=>{(0,u.N8)(l)&&(0,I.p_)(c,(0,u.Ip)(l),l).then((e=>{h(e)}))}),[]);const g=.3*r,w=g+"px",v=g+"px",j=.05*r+"px",O=.07*r,S=O+"px",M=.05*r;return(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*r,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:x,children:[(0,k.jsx)("div",{style:{width:w,height:v,overflow:"hidden",backgroundColor:s,borderRadius:"round"==t?"5px":"0px",borderWidth:"0px"==(0,u.al)(l)?"2px":(0,u.al)(l),borderColor:"white"==(0,u.qP)(l)?s:(0,u.qP)(l)},children:(0,k.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,u.yO)(l),"important")},src:c.products[a].thumbnail_image,style:{width:w,height:w,borderRadius:"round"==t?"5px":"0px",backgroundColor:s},alt:"product image"})}),(0,k.jsx)("div",{style:{width:.7*r+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==t?"5px":"0px"},children:(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",j,"important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"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:"medium"},children:(0,C.s)(c.products[a].title)})}),(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"4px"},children:[(0,k.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",S,"important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(c.products[a].price),"",l,c.products[a].currency)]}),(0,k.jsx)("div",{children:(0,P.B)(c.products[a].price,c.products[a].compare_price)?(0,k.jsxs)("strike",{ref:e=>{e&&(e.style.setProperty("color","gray","important"),e.style.setProperty("font-size",.9*O+"px","important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"),e.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(c.products[a].compare_price),"",l,c.products[a].currency)]}):(0,k.jsx)(k.Fragment,{})})]}),(0,k.jsx)(b.Z,{storeId:l,productId:c.products[a].client_product_id,productLink:c.products[a].product_link,fontSize:M})]})})]},a),(0,u.IX)(l)?(0,k.jsx)(n.Suspense,{children:(0,k.jsx)(F,{baseFontSize:.05*r,event:c,product:c.products[0],width:.9*r,height:"fit-content"})}):(0,k.jsx)(k.Fragment,{})]})},S=i(3388);function M(e){const[t,i,r,o,s]=(0,p.Z)(),{whatmoreUITheme:l}=(0,n.useContext)(f.I),a=(0,m.MO)("whatmoreShowViews"),d=(0,m.MO)("whatmoreShopId"),c=((0,m.MO)("whatmoreSecondaryColorShade600"),e.PRODUCT_BOX_HEIGHT),h=e.PRODUCT_BOX_HEIGHT_IN_PX,x=e.PRODUCT_BOX_MARGIN,[y,g,w]=(0,v.YD)({triggerOnce:!0}),C=e.event;e.isOnFocus;return(0,k.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,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{e.onClick(C)},children:"show"===a?(0,k.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,k.jsx)(j.Z,{event:C,fontSize:.07*i+"px"})})}):(0,k.jsx)(k.Fragment,{})}),(0,k.jsx)("div",{style:{display:"flex",width:"100%",height:t-c+"px"},onClick:()=>{e.onClick(C)}}),(0,S.xg)(C,d)?(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:x+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:h,marginLeft:x+"px",marginRight:x+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,u.al)(d),borderColor:(0,u.qP)(d),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,k.jsx)("div",{ref:y,children:g&&(0,u.PW)(d)?(0,k.jsx)(O,{event:C,onClick:()=>{e.onClick(C)}}):(0,k.jsx)("div",{height:"20px"})})}):(0,k.jsx)(k.Fragment,{})]})})}var _=function(e){var t,i,r;const[o,s,l,a,d]=(0,p.Z)();var c=(0,n.useContext)(y.V);const{whatmoreUITheme:h}=(0,n.useContext)(f.I),x=(0,m.MO)("whatmoreShopId"),g=(0,m.MO)("whatmoreSecondaryColorShade600"),v=e.event,j=e.onClick,C=null===(t=e.isOnFocus)||void 0===t||t,P=null!==(i=e.playOnUnfocus)&&void 0!==i&&i,b=null!==(r=e.animateOnFocus&&(0,u.iW)(x))&&void 0!==r&&r,I=(0,u.IX)(x)?.7:.8,F=o*I+"px",O=1-I,_=o*O,R=o*O+"px",T=o*O*.1,z=(0,u.nz)(x);return(0,k.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",c.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",c.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s+"px",height:1.2*o+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?z:null,borderWidth:(0,u.al)(x),borderColor:(0,u.qP)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?C?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{},children:[(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},children:[(0,k.jsx)(w.Z,{height:F,width:"100%",url:v.thumbnail_image,isPlaying:C||P,event:v}),(0,S.xg)(v,x)?(0,k.jsx)("div",{style:{width:"100%",height:R,backgroundColor:g}}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(M,{event:v,isOnFocus:C,PRODUCT_BOX_HEIGHT:_,PRODUCT_BOX_HEIGHT_IN_PX:R,PRODUCT_BOX_MARGIN:T,onClick:j})]})};const R=(0,l.Z)({key:"whatmore-css-hv"});function T(e){const[t,i,n]=(0,p.Z)(),r=(0,m.MO)("whatmoreShopId"),o=e.events,s=e.onClick;return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,k.jsx)(a.tq,{slidesPerView:n*(0,u.u6)(r),initialSlide:o.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,children:o.map((e=>(0,k.jsx)(a.o5,{children:t=>{let{isActive:i,isPrev:n,isNext:r,isVisible:o}=t;return n||r||i?(0,k.jsx)(_,{isOnFocus:i&&o,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function z(e){const[t,i,r,o]=(0,p.Z)(),[s,l]=(0,n.useState)((c=r,Math.floor(Math.random()*Math.floor(c))));var c;const h=e.onClick,m=e.events,y=Math.min(r,m.length);return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:o+"px",paddingRight:o+"px"},children:(0,k.jsx)("div",{style:{width:i*y*1.1+"px"},children:(0,k.jsx)(a.tq,{slidesPerView:y,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(y),children:m.map(((e,t)=>{const i=x()((()=>l(t)),300);return(0,k.jsx)(a.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel()},children:i=>{let{isActive:n,isPrev:r,isNext:o,isVisible:l}=i;return l?(0,k.jsx)(_,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var Z=function(e){var t;const[i,l,a]=(0,c.Z)(),[d]=(0,m.j1)("whatmorePrimaryColor"),[p]=(0,m.j1)("whatmoreShopId"),[h]=(0,m.j1)("whatmoreSecondaryColor"),[x]=(0,m.j1)("whatmoreTitleFont"),g="portrait"==i?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,n.useContext)(f.I),v=e.events,j=e.onClick,C=null!==(t=(0,u.aR)(p))&&void 0!==t?t:x;function P(e){j(e)}return delete o.ZP.styles.global,(0,k.jsx)(s.C,{value:R,children:(0,k.jsx)("div",{children:(0,k.jsx)(r.x,{theme:o.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,k.jsxs)(y.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:[e.heading.trim().length>0?(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",g+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:e.heading})}):(0,k.jsx)(k.Fragment,{}),"landscape"===i?(0,k.jsx)(z,{events:v,onClick:P}):(0,k.jsx)(T,{events:v,onClick:P})]})})})})}},1092:function(e,t,i){var n=i(237),r=i(9854),o=i(7753),s=i(4136),l=i(7313),a=i(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),i=(0,o.MO)("whatmoreShopId"),p=(0,o.MO)("whatmorePrimaryFont"),c=e.event,h=e.fontSize;if(c.total_views<=0)return(0,a.jsx)(a.Fragment,{});const x=(0,r.S_)(i);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,r.XC)(i),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,r.al)(i),borderColor:(0,r.qP)(i)},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)(n.Z,{sx:{color:(0,r.aL)(i)+" !important",fontSize:h,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,r.aL)(i),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",p,"important"),e.style.setProperty("font-size",h,"important"),e.style.setProperty("display","flex","important"))},style:{alignItems:"center",fontWeight:"normal"},children:" "+d(c.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,r.XC)(i),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,r.al)(i),borderColor:(0,r.qP)(i)},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,r.aL)(i),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",p,"important"))},style:{fontSize:h,fontWeight:"bold"},children:" "+d(c.total_views)+" views"})})})})}):void 0}},7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,i){var n=i(7313),r=i(9821),o=i(7129),s=i(6417);t.Z=function(e){var[t,i]=(0,r.Z)();return(0,n.useContext)(o.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:i,height:t,overflow:"hidden"}})}},237:function(e,t,i){var n=i(5318);t.Z=void 0;var r=n(i(5045)),o=i(6417),s=(0,r.default)((0,o.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}}]);
|
|
@@ -0,0 +1 @@
|
|
|
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),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),a=n(2210),d=n(8486),c=n(9821),h=n(8866),p=n(2279),x=n.n(p),m=n(7753),f=n(7129),u=n(1855),y=n(9854),g=n(4136),w=n(4920),v=n(6417);const j=(0,s.Z)({key:"whatmore-css-hv"});function b(e){const[t,n,i]=(0,c.Z)(),o=(0,m.MO)("whatmoreShopId"),r=e.events,l=e.onClick;return(0,v.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,v.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,v.jsx)(a.tq,{slidesPerView:i*(0,y.u6)(o),initialSlide:r.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,children:r.map((e=>(0,v.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:o,isVisible:r}=t;return i||o||n?(0,v.jsx)(w.Z,{isOnFocus:n&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{l(e)}}):(0,v.jsx)(u.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function C(e){const[t,n,o,r]=(0,c.Z)(),[l,s]=(0,i.useState)((h=o,Math.floor(Math.random()*Math.floor(h))));var h;const p=e.onClick,m=e.events,f=Math.min(o,m.length);return(0,v.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,v.jsx)("div",{style:{width:n*f*1.1+"px"},children:(0,v.jsx)(a.tq,{slidesPerView:f,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(f),children:m.map(((e,t)=>{const n=x()((()=>s(t)),300);return(0,v.jsx)(a.o5,{onMouseEnter:()=>{n()},onMouseLeave:()=>{n.cancel()},children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:s}=n;return s?(0,v.jsx)(w.Z,{isOnFocus:t==l,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{p(e)}}):(0,v.jsx)(u.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){var t;const[n,s,a]=(0,h.Z)(),[d]=(0,m.j1)("whatmoreShopId"),[c]=(0,m.j1)("whatmorePrimaryColor"),[p]=(0,m.j1)("whatmoreSecondaryColor"),[x]=(0,m.j1)("whatmoreTitleFont"),u="portrait"==n?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,i.useContext)(g.I),P=e.events,F=e.onClick,I=null!==(t=(0,y.aR)(d))&&void 0!==t?t:x;function S(e){F(e)}return delete r.ZP.styles.global,(0,v.jsx)(l.C,{value:j,children:(0,v.jsx)("div",{children:(0,v.jsx)(o.x,{theme:r.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,v.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0?(0,v.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,v.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",I,"important"),e.style.setProperty("font-size",u+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center"},children:e.heading})}):(0,v.jsx)(v.Fragment,{}),"landscape"===n?(0,v.jsx)(C,{events:P,onClick:S}):(0,v.jsx)(b,{events:P,onClick:S})]})})})})}},1092:function(e,t,n){var i=n(237),o=n(9854),r=n(7753),l=n(4136),s=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,s.useContext)(l.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("display","flex","important"))},style:{alignItems:"center",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),l=n(6417);t.Z=function(e){var[t,n]=(0,o.Z)();return(0,i.useContext)(r.V),e.event,(0,l.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)),l=n(7753),s=n(4892),a=n(7129),d=n(6805),c=n(9854),h=n(1092),p=n(5945),x=n(4136),m=n(6417);var f=function(e){var[t,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(x.I),[s]=(0,l.j1)("whatmorePrimaryFont"),[a]=(0,l.j1)("whatmorePrimaryColor"),[d]=(0,l.j1)("whatmoreSecondaryColor"),[h,f]=(0,i.useState)(0),u=(0,l.MO)("whatmoreShopId"),y=e.event,g=y.products.length;if(0==g)return(0,m.jsx)(m.Fragment,{});(0,i.useEffect)((()=>{const e=setInterval((()=>{f((e=>(e+1)%g))}),3e3);return()=>{clearInterval(e)}}),[]);const w=.3*n,v=w+"px",j=w+"px",b=.07*n+"px";return(0,m.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,m.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,m.jsx)("div",{style:{width:v,height:j,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(u),borderColor:(0,c.qP)(u),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,m.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,c.yO)(u),"important")},src:y.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,m.jsx)("div",{style:{width:n-5-w+"px",height:j,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",b,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",s,"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)(y.products[h].title)})})})]},h)})},u=n(3933),y=n(8984);function g(e){var t,[n,s]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[h,p,x]=(0,u.YD)({triggerOnce:!0});var g=(0,i.useContext)(a.V);const w=e.event,v=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*s;return(0,m.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,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)("p",{children:" "})}),g.showPlayButton&&!v?(0,m.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(r.Z,{sx:{color:"#F5F5F5 !important",opacity:(0,y.KE)()?0:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,m.jsx)(m.Fragment,{}),(0,m.jsx)("div",{ref:h,children:p&&(0,c.PW)(d)?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(f,{event:w})}):(0,m.jsx)("div",{height:"20px"})})]})})}function w(e){var[t,n]=(0,o.Z)();const[i]=(0,l.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,m.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,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,m.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,m.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,m.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,m.jsx)(m.Fragment,{})}function v(e){const[t,n,i,r,s]=(0,o.Z)(),[a]=(0,l.j1)("whatmoreShowViews"),c=e.event,p=e.isOnFocus;return(0,m.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,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,m.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,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a?(0,m.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,m.jsx)(h.Z,{event:c,fontSize:.07*n+"px"})})}):(0,m.jsx)(m.Fragment,{})})}),d.$w===s[d.YP]?(0,m.jsx)(m.Fragment,{}):p?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,m.jsx)(w,{event:c})}):(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(w,{event:c})})]})})}var j=function(e){var t,n,r;const[h,p,f,u,y]=(0,o.Z)();var w=(0,i.useContext)(a.V);const{whatmoreUITheme:j}=(0,i.useContext)(x.I),b=(0,l.MO)("whatmoreShopId"),C=e.event,P=e.onClick,F=null===(t=e.isOnFocus)||void 0===t||t,I=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,S=null!==(r=e.animateOnFocus&&(0,c.iW)(b))&&void 0!==r&&r,M=(0,c.nz)(b);return(0,m.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",w.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",w.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)(b),borderColor:(0,c.qP)(b),overflow:"hidden",cursor:"pointer"},className:S?F?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(C)},children:[(0,m.jsx)(s.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:F||I,event:C}),(0,m.jsxs)("div",{style:{width:p,height:h},children:[(0,m.jsx)(v,{event:C,isOnFocus:F}),F||d.$w===y[d.YP]?(0,m.jsx)(g,{event:C,unfocusedDisplay:!F}):null]})]})}},9723:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),l=(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=l},237:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),l=(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=l},3439:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){}}]);
|