whatmore-react-assets 1.0.1278 → 1.0.1279

package/static/js/banner-template-a.0b8aa822.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[876,950,842],{4658:function(t,e,n){n.r(e),n.d(e,{default:function(){return N}});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(7129),d=n(364),c=(n(3439),n(7753)),p=n(7931),u=n(9018),v=n(9854),f=n(6775),x=n(8866),h=n(868),g=n(342),m=n(3437),y=n(3455),w=n(6417);var j=function(t){var e;const n=t.isMuted,o=null!==(e=t.iconSize)&&void 0!==e?e:30;function i(e){t.onToggle(e)}return(0,w.jsx)("div",{style:{cursor:"pointer"},children:n?(0,w.jsx)(y.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{i(t)}}):(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{i(t)}})})},b=n(1896),I=n(8984),S=n(58),C=n(6119),M=n(32),P=n(4522),k=n(778),Z=n(3433),z=n(4892);function R(t){const[e,n]=(0,o.useState)(t.initialMuteState),i=t.events,r=t.activeEventIndex,a=t.setActiveEventIndex,l=(0,c.MO)("whatmoreShopId"),s="portrait"===t.mode;function d(o){o.stopPropagation(),n(!e),(0,I.KE)()&&(0,S.QV)(),t.onMuteToggle()}const f=t.event;return(0,w.jsx)("div",{style:{position:(0,v.SJ)(l)?"absolute":"relative",top:(0,v.SJ)(l)?0:"",zIndex:1,bottom:(0,v.SJ)(l)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,w.jsxs)("div",{className:"banner-event-overlay",style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:["video"==f.event_type&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{style:{width:"100%",height:"100%"},onClick:t=>{d(t)}}),(0,w.jsx)(j,{isMuted:e,onToggle:t=>{d(t)}})]}),i.length>1&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{classname:"banner-navigation-overlay",style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),a(0===r?i.length-1:r-1)},children:(0,w.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,w.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,w.jsx)(p.Z,{})})})}),(0,w.jsx)("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),a(r===i.length-1?0:r+1)},children:(0,w.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,w.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,w.jsx)(u.Z,{})})})}),(0,v.cRS)(l)&&(0,w.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:i.map(((t,e)=>{const n=e===r;return(0,w.jsx)("button",{onClick:t=>{t.stopPropagation(),a(e)},style:{width:n?"25px":s?"12px":"14px",height:s?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,v.YFz)(l):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},e)}))})]})]}),!(0,v.hr)(l)&&(0,w.jsx)("div",{style:{width:"100%",height:"100%"},onClick:d})]})})}var L=function(t){var e,n,i,r;const[a,l,s]=(0,x.Z)(),[p,u]=(0,o.useState)(!0),m=(0,c.MO)("whatmoreVideoTileSize"),{ref:y,inView:j,entry:I}=(0,f.Z)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:S}=(0,o.useContext)(d.I),L=(0,c.MO)("whatmoreShopId"),E=t.events,N=t.activeEventIndex,F=t.setActiveEventIndex,A=E[N],T=(0,g.uv)(A),V=(0,g.WN)(A);if((0,o.useEffect)((()=>{M.IR.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;t&&(t.style.minHeight="0px")}))}),[]),"portrait"===a&&!T)return(0,w.jsx)(w.Fragment,{});if("landscape"===a&&!V)return(0,w.jsx)(w.Fragment,{});const B=(0,h.V)("portrait"===a?T:V),_=m/100*(0,v.b4p)(L),O=m/100*(0,v.GmU)(L),D="portrait"===a?(0,v.oOc)(L):(0,v.snl)(L),J="portrait"===a?s*_:s*O,W=J*D,H=null!=(null===(e=A.cta)||void 0===e||null===(n=e[1])||void 0===n?void 0:n.cta_link);return(0,w.jsxs)("div",{ref:y,onClick:()=>{var t,e;(0,P.GF)({userInteractionType:k.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:S,event:E[N]}),(0,v.hr)(L)&&H&&window.open(null===(t=A.cta)||void 0===t||null===(e=t[1])||void 0===e?void 0:e.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,v.SJ)(L)?"100%":J,minHeight:(0,v.SJ)(L)?s*D:"",height:(0,v.SJ)(L)?"auto":W,borderWidth:(0,v.alU)(L),borderColor:(0,v.qPe)(L),overflow:"hidden",cursor:"pointer"},children:["28273541192"===L?(0,w.jsx)(z.Z,{height:"100%",width:"100%",url:B,isPlaying:j,event:A,isVideoMuted:!j||p,source:Z.j.BANNER}):(0,w.jsx)(b.Z,{height:"100%",width:"100%",url:B,isPlaying:j,event:A,isVideoMuted:!j||p,setDuration:t.setDuration,source:Z.j.BANNER}),(0,w.jsx)(R,{isCTAPresent:H,events:E,activeEventIndex:N,setActiveEventIndex:F,event:A,mode:a,onMuteToggle:()=>u(!p),initialMuteState:p}),(0,v.j1_)(L)&&(null===A||void 0===A||null===(i=A.cta)||void 0===i?void 0:i.length)>1&&(0,w.jsx)("div",{style:{position:"absolute",zIndex:1,bottom:"10%",left:"50%",transform:"translateX(-50%)"},className:"whatmore-ios-css-relative-fix",children:(0,w.jsx)(C.Z,{isBanner:!0,event:A,cta:null===A||void 0===A||null===(r=A.cta)||void 0===r?void 0:r[1],fontFactor:.6})})]})};const E=(0,l.Z)({key:"whatmore-css-bv"});var N=function(t){const{whatmoreRootId:e}=(0,o.useContext)(d.I),[n,l]=(0,o.useState)(0),c=t.events,[p,u]=(0,o.useState)(-1);let v;return(0,o.useEffect)((()=>{v&&clearInterval(v);const t="video"===c[n].event_type,e=t?1e3*p:6e3;return t?-1!=p&&(v=setInterval((()=>{l((t=>t===c.length-1?0:t+1))}),e)):v=setInterval((()=>{l((t=>t===c.length-1?0:t+1))}),e),()=>{clearInterval(v)}}),[p,n]),delete r.ZP.styles.global,(0,w.jsx)(a.C,{value:E,children:(0,w.jsx)("div",{className:"whatmore-banner-events",children:(0,w.jsx)(i.x,{theme:r.ZP,cssVarsRoot:e,resetCSS:!1,children:(0,w.jsx)(s.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,w.jsx)(L,{activeEventIndex:n,events:c,setActiveEventIndex:l,setDuration:u})})})})})}},3867:function(t,e,n){var o=n(8816),i=n(417),r=n(4885),a=n(7753),l=n(6417);e.Z=function(t){var e;const n=(0,a.MO)("whatmoreUITheme"),[s]=(0,a.j1)("whatmoreSecondaryColor"),[d,c]=(0,a.j1)("productRatings"),p=(0,a.MO)("whatmorePrimaryFont"),u=t.productId,v=t.fontSize,f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(u in d)||d[u].avgRating>5)return(0,l.jsx)(l.Fragment,{});const x=d[u].avgRating,h=d[u].totalRatings;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(x))].map(((t,e)=>(0,l.jsx)(o.Z,{sx:{color:s,fontSize:v+"px"}},"star-icon"+e))),x-Math.floor(x)>.2?(0,l.jsx)(i.Z,{sx:{color:s,fontSize:v+"px"}},"star-half-icon"):x-Math.floor(x)==0?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(r.Z,{sx:{color:s,fontSize:v+"px"}},"star-outline-icon"),[...Array(Math.floor(5-x))].map(((t,e)=>(0,l.jsx)(r.Z,{sx:{color:s,fontSize:v+"px"}},"star-outline-icon-"+e))),(0,l.jsx)("div",{children:(0,l.jsx)("div",{width:"2px"})}),(0,l.jsx)("div",{children:(0,l.jsx)("div",{style:{backgroundColor:s,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*v+"px","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"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:"medium"},children:["\xa0",x,"\xa0"]})})}),(0,l.jsx)("div",{children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*v+"px","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"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:"medium"},children:["\xa0","("+h+")"]})})]})})}},7129:function(t,e,n){n.d(e,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},9363:function(t,e,n){n.d(e,{$:function(){return a},s:function(){return r}});var o=n(9854),i=n(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(n)?"STRNV8MHJTF"==n?t+"?format=webp":t:t+e}function a(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(n)?"image":null!==i&&void 0!==i&&i.test(n)?"video":void 0}},5456:function(t,e,n){n.d(e,{B:function(){return o}});const o=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},1195:function(t,e,n){var o=n(5318);e.Z=void 0;var i=o(n(5045)),r=n(6417),a=(0,i.default)((0,r.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");e.Z=a},7931:function(t,e,n){var o=n(5318);e.Z=void 0;var i=o(n(5045)),r=n(6417),a=(0,i.default)((0,r.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");e.Z=a},9018:function(t,e,n){var o=n(5318);e.Z=void 0;var i=o(n(5045)),r=n(6417),a=(0,i.default)((0,r.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");e.Z=a},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var i=o(n(5045)),r=n(6417),a=(0,i.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=a},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var i=o(n(5045)),r=n(6417),a=(0,i.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=a},417:function(t,e,n){var o=n(5318);e.Z=void 0;var i=o(n(5045)),r=n(6417),a=(0,i.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=a},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var i=o(n(5045)),r=n(6417),a=(0,i.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=a},3439:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);

package/static/js/carousel-template-feed.21972e60.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[796],{4362:function(t,e,n){n.r(e),n.d(e,{default:function(){return k}});var i=n(7313),r=n(8675),o=n(6090),a=n(7616),s=(n(6143),n(7244),n(123),n(9302)),l=n(2575),d=n(3271),c=n(8866),h=n(7753),m=n(7129),u=n(9854),p=n(364),x=n(9821),f=n(6775),g=n(6417);function v(t){var e;const{ref:n,inView:i,entry:r}=(0,f.Z)({triggerOnce:!1}),o=null!==(e=t.defaultHeight)&&void 0!==e?e:"fit-content";return(0,g.jsx)(d.Kq,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:i?t.data.map(((e,n)=>(0,g.jsx)("div",{children:t.renderElement({eventData:e})},"key"+n))):(0,g.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function y(t){var e;const[n,i,r]=(0,x.Z)(),o=null!==(e=t.elementsPerRow)&&void 0!==e?e:Math.floor(Math.min(r,t.dataList.length)),a=function(t,e){var n=[];const i=e;for(let r=0;r<t.length;r+=i){const e=t.slice(r,r+i);n.push(e)}return n}(t.dataList,o);return(0,g.jsx)(d.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:a.map(((e,r)=>(0,g.jsx)(v,{renderElement:t.renderElement,data:e,defaultHeight:n,defaultWidth:i},"key-"+r)))})}var w=n(7300),j=(n(6381),n(3439),n(4892)),b=n(1092),C=n(5945),M=n(9219),I=n(7053);var P=function(t){var e,n,r,o,a,s,[l,d]=(0,x.Z)();const[c,m]=(0,i.useState)(0),[p,f]=(0,i.useState)(t.event),[v]=(0,h.j1)("whatmoreShopId"),y=(0,h.j1)("whatmoreUITheme"),[w]=(0,h.j1)("whatmorePrimaryFont"),j=p.products.length,[b,P]=(0,i.useState)(),[T,S]=(0,i.useState)(!1);if(0==j)return(0,g.jsx)(g.Fragment,{});(0,i.useEffect)((()=>{const t=setInterval((()=>{m((t=>(t+1)%j))}),3e3);return()=>{clearInterval(t)}}),[]),(0,i.useEffect)((()=>{(0,u.N8M)(v)&&(0,M.p_)(p,(0,u.Ipo)(v),v).then((t=>{f(t),S(!0)}));(async()=>{var t;const e=await(0,I.p)(null===p||void 0===p||null===(t=p.products)||void 0===t?void 0:t[0],(0,u.Ipo)(v),v);P(e),S(!0)})()}),[]);const Z=.08*d+"px",F=.075*d+"px",k=(+p.products[c].price).toFixed(),O=(+p.products[c].compare_price).toFixed();return(0,g.jsxs)("div",{style:{background:(0,u.Ys7)(v),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"round"==y?"0 0 12px 12px":"0"},children:[(0,g.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",Z,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",w,"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"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,C.s)(p.products[c].title)}),(0,g.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[T&&(0,g.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("font-family",w,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,M.jx)(parseFloat(null!==(e=null===b||void 0===b?void 0:b.price)&&void 0!==e?e:null===p||void 0===p||null===(n=p.products)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.price)," ",v,p.products[c].currency)}),!isNaN(O)&&O>k&&T&&(0,g.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#808191","important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("font-family",w,"important"),t.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,M.jx)(parseFloat(null!==(o=null===b||void 0===b?void 0:b.compare_at_price)&&void 0!==o?o:null===p||void 0===p||null===(a=p.products)||void 0===a||null===(s=a[0])||void 0===s?void 0:s.compare_price)," ",v,p.products[c].currency)})]})]})},T=n(8984);function S(t){const[e,n]=(0,x.Z)(),[i]=(0,h.j1)("whatmoreShowViews"),r=t.event;return(0,g.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,g.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,g.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,g.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===i?(0,g.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,g.jsx)(b.Z,{event:r,fontSize:.07*n+"px"})})}):(0,g.jsx)(g.Fragment,{})})})})})}var Z=function(t){var e,n,r;const[o,a]=(0,x.Z)();var s=(0,i.useContext)(m.V);const l=(0,h.MO)("whatmoreUITheme"),d=(0,h.MO)("whatmoreSecondaryColor"),c=(0,h.MO)("whatmoreShopId"),p=t.event,v=t.onClick,y=null===(e=t.isOnFocus)||void 0===e||e,w=null!==(n=t.playOnUnfocus)&&void 0!==n&&n,b=null!==(r=t.animateOnFocus&&(0,u.iWI)(c))&&void 0!==r&&r,[C,M,I]=(0,f.Z)({triggerOnce:!0});return(0,g.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",s.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",s.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:a,height:o,borderRadius:"round"==l?"12px":"0px",borderWidth:(0,u.en2)(c),borderColor:"white"==(0,u.qPe)(c)?d:(0,u.qPe)(c),overflow:"hidden",cursor:"pointer"},className:b?y?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{v(p)},children:[(0,g.jsx)(j.Z,{height:"100%",width:"100%",url:p.thumbnail_image,isPlaying:y||w||(0,T.gE)(),event:p}),(0,g.jsxs)("div",{style:{width:a,height:o},ref:C,children:[(0,g.jsx)(S,{event:p,isOnFocus:y}),(0,g.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,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,g.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,g.jsx)("p",{children:"    "})}),(0,g.jsx)("div",{style:{width:"100%"},children:M&&(0,u.PWD)(c)?(0,g.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,g.jsx)(P,{event:p})}):(0,g.jsx)("div",{height:"20px"})})]})})]})]})};const F=(0,l.Z)({key:"whatmore-css-hv"});var k=function(t){var e;const[n,l,f]=(0,c.Z)(),[v,j,b]=(0,x.Z)(),[C]=(0,h.j1)("whatmoreShopId"),[M]=(0,h.j1)("whatmorePrimaryColor"),[I]=(0,h.j1)("whatmoreTitleFont"),P="portrait"==n?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:T}=(0,i.useContext)(p.I),S=t.events,k=t.onClick,O=null!==(e=(0,u.aRS)(C))&&void 0!==e?e:I;function E(t){k(t)}const L=parseInt(Math.floor(b));return delete a.ZP.styles.global,(0,g.jsx)(s.C,{value:F,children:(0,g.jsx)("div",{className:"whatmore-carousel-events-feed",children:(0,g.jsx)(o.x,{theme:a.ZP,cssVarsRoot:T,resetCSS:!1,children:(0,g.jsxs)(m.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[t.heading.trim().length>0?(0,g.jsx)(d.M5,{paddingBottom:"28px",children:(0,g.jsx)(d.xv,{bgColor:M,bgClip:"text",fontSize:P,sx:{fontFamily:O+" !important"},align:"center",children:t.heading})}):(0,g.jsx)(g.Fragment,{}),"landscape"===n?(0,g.jsx)(y,{renderElement:t=>{const e=t.eventData;return(0,g.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(e)||(0,w.WJ)(e)?(0,g.jsx)(Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{E(e)}}):(0,g.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{E(e)}})})},dataList:S,elementsPerRow:L}):(0,g.jsx)(y,{renderElement:t=>{const e=t.eventData;return(0,g.jsx)("div",{style:{margin:"10px"},children:(0,g.jsx)(Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{E(e)}})})},dataList:S,elementsPerRow:L})]})})})})}},8675:function(t,e,n){n.d(e,{Z:function(){return w}});var i,r,o=n(3271),a=n(5098),s=n(7313),l=n(9821),d=n(2634),c=n(5180),h=n(168),m=n(686);const u=(0,m.F4)(i||(i=(0,h.Z)(["\n    0% {\n        transform: scale(1);\n    }\n    100% {\n        transform: scale(1.05);\n    }\n"]))),p=(0,m.F4)(r||(r=(0,h.Z)(["\n    0% {\n        transform: scale(1.05);\n    }\n    100% {\n        transform: scale(1);\n    }\n"]))),x="\n    ".concat(u,"; \n    infinite;\n    animation-duration:0.2s; \n    animation-direction: linear ;\n    animation-timing-function: ease-in;\n    animation-fill-mode: forwards;\n"),f="\n    ".concat(p,"; \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),v=n(7129),y=n(6417);var w=function(t){var e,n,[i,r]=(0,l.Z)();const[h]=(0,g.j1)("whatmorePrimaryFont");var m=(0,s.useContext)(v.V);const u=t.event,p=t.onClick,w=null===(e=t.isOnFocus)||void 0===e||e,j=(t.playOnUnfocus,null!==(n=t.animateOnFocus)&&void 0!==n&&n);return(0,y.jsxs)(o.xu,{animation:j?w?x:f:"none",marginTop:m.tileTopMargin,marginBottom:m.tileBottomMMargin,marginLeft:m.tileLeftMargin,marginRight:m.tileRightMargin,width:r,height:i,borderRadius:"lg",sx:{boxShadow:"0px 0px 10px 3px #B0B0B0"},overflow:"hidden",onClick:()=>{p(u)},cursor:"pointer",children:[(0,y.jsx)(a.Ee,{width:"full",height:"full",src:u.thumbnail_image,objectFit:"cover",fallback:(0,y.jsx)(c.Z,{width:r,height:i}),borderRadius:"lg"}),(0,y.jsx)(o.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)(o.Kq,{direction:"column",height:"full",width:"full",justifyContent:"space-between",children:[(0,y.jsx)(o.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-t, transparent,  blackAlpha.200, blackAlpha.400, blackAlpha.600)",children:(0,y.jsx)(o.Kq,{direction:"column",justifyContent:"flex-start",children:(0,y.jsx)(o.xu,{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px",children:(0,y.jsx)(o.Kq,{direction:"row",justifyContent:"space-between",children:(0,y.jsx)(d.Z,{event:u,fontSize:.05*i+"px",maxWidth:.8*r})})})})}),(0,y.jsx)(o.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-b, transparent,  blackAlpha.300, blackAlpha.400, blackAlpha.500, blackAlpha.600)",children:(0,y.jsx)(o.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",alignContent:"center",children:(0,y.jsx)(o.xu,{width:"full",borderRadius:"lg",children:(0,y.jsxs)(o.Kq,{direction:"column",justifyContent:"space-between",alignContent:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px",children:[(0,y.jsx)(o.xv,{color:"white",fontSize:.08*r+"px",fontWeight:"normal",align:"left",children:"         "}),(0,y.jsx)(o.xv,{fontSize:.08*r+"px",fontWeight:"normal",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:u.title.substring(0,40)}),(0,y.jsx)(o.xv,{fontSize:.08*r+"px",fontWeight:"bold",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:u.presenter_name.substring(0,15)})]})})})})]})})]})}},2634:function(t,e,n){var i=n(3271),r=n(4897),o=n(499),a=n(6417);e.Z=function(t){var e,n=t.event,s=t.fontSize,l=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:d,bannerText:c,timeToStartInMins:h}=r.Z.getEventStatus(n);return d.name===o.Z.LIVE.name?(0,a.jsx)(i.xu,{maxWidth:l,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:d.color,children:(0,a.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,a.jsx)(i.xv,{fontSize:s,fontWeight:"bold",color:"white",children:c})})}):(0,a.jsx)(i.xu,{maxWidth:l,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:d.color,children:(0,a.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,a.jsx)(i.xv,{fontSize:s,fontWeight:"medium",children:c})})})}},499:function(t,e){e.Z={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},4897:function(t,e,n){var i=n(499);e.Z=class{static getEventStatus(t){t.time_zone="GMT+5:30";var e=t.start_time+":00",n=t.end_time,r=t.scheduled_date,o=t.status,a=t.time_zone;if(o.toUpperCase()==i.Z.LIVE.name)return{status:i.Z.LIVE,bannerText:" "+i.Z.LIVE.name+" ",timeToStartInMins:0};if(o.toUpperCase()==i.Z.UPCOMING.name){var s=new Date(r+" "+e+" "+a),l=(new Date(r+" "+n+" "+a),function(t){var e=new Date,n=(t.getTime()-e.getTime())/1e3,r=n/60,o=r/60,a=o/24;return n<=0?{status:i.Z.COMPLETED,bannerText:" "+i.Z.COMPLETED.name+" ",timeToStartInMins:0}:n>=1&&n<=30?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(n)+" sec ",timeToStartInMins:n/60}:r<60?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(r)+" min ",timeToStartInMins:r}:o<24?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(o)+" hr ",timeToStartInMins:60*o}:a<7?{status:i.Z.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][t.getDay()]+" ",timeToStartInMins:60*a*24}:{status:i.Z.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(s));return{status:l.status,bannerText:l.bannerText,timeToStartInMins:l.timeToStartInMins}}return console.error("invalid status for event :: id : "+t.event_id+", status : "+t.status),{status:i.Z.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}}}]);