whatmore-react-assets 1.0.433 → 1.0.435
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/{108.b2ddec17.chunk.js → 108.583164c7.chunk.js} +1 -1
- package/static/js/{171.c2b5cb4e.chunk.js → 171.26455cc2.chunk.js} +1 -1
- package/static/js/334.ec77bfb6.chunk.js +1 -0
- package/static/js/{358.347c196f.chunk.js → 358.63dbf340.chunk.js} +1 -1
- package/static/js/{364.a56265ea.chunk.js → 364.d352e411.chunk.js} +1 -1
- package/static/js/{530.575b81b1.chunk.js → 530.d83d90b8.chunk.js} +1 -1
- package/static/js/{554.c4d0ef66.chunk.js → 554.6485833a.chunk.js} +1 -1
- package/static/js/{565.02b6cec1.chunk.js → 565.08707eae.chunk.js} +1 -1
- package/static/js/{580.e333ab57.chunk.js → 580.9ecdeeec.chunk.js} +1 -1
- package/static/js/{607.ca99feff.chunk.js → 607.4183c5f4.chunk.js} +1 -1
- package/static/js/{67.c5b3a991.chunk.js → 67.f468b254.chunk.js} +1 -1
- package/static/js/{68.4a214ffd.chunk.js → 68.cbb67a34.chunk.js} +1 -1
- package/static/js/{692.614af1da.chunk.js → 692.dba8c6f4.chunk.js} +1 -1
- package/static/js/{708.01e6fdce.chunk.js → 708.8200af77.chunk.js} +1 -1
- package/static/js/{74.b894f74c.chunk.js → 74.441112fc.chunk.js} +1 -1
- package/static/js/{891.4972f95a.chunk.js → 891.3bed7a50.chunk.js} +1 -1
- package/static/js/{950.e86f8ad9.chunk.js → 950.ee92528a.chunk.js} +1 -1
- package/static/js/{959.8ec7f90c.chunk.js → 959.11cd5ed4.chunk.js} +1 -1
- package/static/js/{972.bafc997a.chunk.js → 972.635bf98b.chunk.js} +1 -1
- package/static/js/{986.df6827ee.chunk.js → 986.f84d39d3.chunk.js} +1 -1
- package/whatmore.js +2 -2
- package/static/js/334.98b6f3d7.chunk.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[334,68,12],{51:function(t,e,n){n.d(e,{Z:function(){return i}});var o=n(7313),a=n(7753),r=n(5254),c=n(6417);var i=function(t){return(0,o.useEffect)((()=>{const t=(0,r.oo)((0,a.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const a="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),r="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(a,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(a,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(a,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(a,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(a,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(a,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(a,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(a,";\n }\n }\n "),c=document.createElement("style");c.type="text/css",c.innerHTML=r,document.head.appendChild(c)}(t[0],t[1],t[2],.2)}),[]),(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(t,e,n){n.r(e),n.d(e,{default:function(){return S}});var o=n(7313),a=n(6090),r=n(7616),c=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),i=n(2575),s=n(8866),l=n(7753),d=n(7129),m=n(7592),h=(n(3439),n(7931)),u=n(9018),p=(n(4892),n(9854)),g=n(3933),f=n(868),v=n(342),x=n(3437),b=n(3455),y=n(6417);var w=function(t){var e;const n=t.isMuted,o=null!==(e=t.iconSize)&&void 0!==e?e:30;function a(){t.onToggle()}return(0,y.jsx)("div",{style:{cursor:"pointer"},children:n?(0,y.jsx)(b.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}}):(0,y.jsx)(x.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}})})},j=n(264),C=n(8984),P=n(58),k=n(6119);function I(t){const[e,n]=(0,o.useState)(t.initialMuteState),a=t.events,r=t.activeEventIndex,c=t.setActiveEventIndex,i=(0,l.MO)("whatmoreShopId"),s="portrait"===t.mode;function d(){(0,p.hr)(i)&&t.isCTAPresent||(n(!e),(0,C.KE)()&&(0,P.QV)(),t.onMuteToggle())}const m=t.event;return(0,y.jsx)("div",{style:{position:(0,p.SJ)(i)?"absolute":"relative",top:(0,p.SJ)(i)?0:"",zIndex:1,bottom:(0,p.SJ)(i)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,y.jsxs)("div",{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:[!(t.isCTAPresent&&(0,p.hr)(i)||"video"!==m.event_type)&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()}),(0,y.jsx)(w,{isMuted:e,onToggle:()=>{d()}})]}),a.length>1&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{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(),c(0===r?a.length-1:r-1)},children:(0,y.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,y.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,y.jsx)(h.Z,{})})})}),(0,y.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(),c(r===a.length-1?0:r+1)},children:(0,y.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,y.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,y.jsx)(u.Z,{})})})}),(0,p.cR)(i)&&(0,y.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:a.map(((t,e)=>{const n=e===r;return(0,y.jsx)("button",{onClick:t=>{t.stopPropagation(),c(e)},style:{width:n?"25px":s?"12px":"14px",height:s?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,p.YF)(i):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},e)}))})]})]}),(0,y.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()})]})})}var z=function(t){var e,n;const[a,r,c]=(0,s.Z)(),[i,d]=(0,o.useState)(!0),{whatmoreUITheme:h}=(0,o.useContext)(m.I),u=(0,l.MO)("whatmoreVideoTileSize"),{ref:x,inView:b,entry:w}=(0,g.YD)({triggerOnce:!1}),C=(0,l.MO)("whatmoreShopId"),P=t.events,z=t.activeEventIndex,M=t.setActiveEventIndex,S=P[z],Z=((0,p.nz)(C),(0,v.uv)(S)),L=(0,v.WN)(S);if("portrait"===a&&!Z)return(0,y.jsx)(y.Fragment,{});if("landscape"===a&&!L)return(0,y.jsx)(y.Fragment,{});const E=(0,f.V)("portrait"===a?Z:L),R=u/100*(0,p.b4)(C),F=u/100*(0,p.Gm)(C),N="portrait"===a?(0,p.oO)(C):(0,p.sn)(C),O="portrait"===a?c*R:c*F,T=O*N,A=null!=(null===(e=S.cta)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.cta_link);return(0,o.useEffect)((()=>{m.$.forEach((t=>{if(!t.querySelector('.whatmore-template-type[data="template-banner-a"]'))return;const e=t.querySelector(".whatmore-render-root");e&&(e.style.minHeight="0px")}))}),[]),(0,y.jsxs)("div",{ref:x,onClick:()=>{var t,e;(0,p.hr)(C)&&A&&!(0,p.j1)(C)&&window.open(null===(t=S.cta)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.cta_link,"_blank")},style:{position:"relative",margin:"0 auto",width:(0,p.SJ)(C)?"100%":O,minHeight:(0,p.SJ)(C)?c*N:"",height:(0,p.SJ)(C)?"auto":T,borderWidth:(0,p.al)(C),borderColor:(0,p.qP)(C),overflow:"hidden",cursor:"pointer"},children:[(0,y.jsx)(j.Z,{height:"100%",width:"100%",url:E,isPlaying:b,event:S,isVideoMuted:i,setDuration:t.setDuration}),(0,y.jsx)(I,{isCTAPresent:A,events:P,activeEventIndex:z,setActiveEventIndex:M,event:S,mode:a,onMuteToggle:()=>d(!i),initialMuteState:i}),(0,p.j1)(C)&&(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===a?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsx)("div",{children:(0,y.jsx)(k.Z,{event:S,cta:S.cta[0],fontFactor:.6})})})]})};const M=(0,i.Z)({key:"whatmore-css-bv"});var S=function(t){const[e,n,i]=(0,s.Z)(),{whatmoreRootId:h}=((0,l.MO)("whatmorePrimaryColor"),(0,l.MO)("whatmoreShopId"),(0,l.MO)("whatmoreSecondaryColor"),(0,l.MO)("whatmoreTitleFont"),(0,o.useContext)(m.I)),[u,p]=(0,o.useState)(0),g=t.events,[f,v]=(0,o.useState)(-1);let x;return(0,o.useEffect)((()=>{x&&clearInterval(x);const t="video"===g[u].event_type,e=t?1e3*f:6e3;return t?-1!=f&&(x=setInterval((()=>{p((t=>t===g.length-1?0:t+1))}),e)):x=setInterval((()=>{p((t=>t===g.length-1?0:t+1))}),e),()=>{clearInterval(x)}}),[f,u]),delete r.ZP.styles.global,(0,y.jsx)(c.C,{value:M,children:(0,y.jsx)("div",{children:(0,y.jsx)(a.x,{theme:r.ZP,cssVarsRoot:h,resetCSS:!1,children:(0,y.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,y.jsx)(z,{activeEventIndex:u,events:g,setActiveEventIndex:p,setDuration:v})})})})})}},3867:function(t,e,n){var o=n(8816),a=n(417),r=n(4885),c=n(7753),i=n(7592),s=n(7313),l=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[d]=(0,c.j1)("whatmoreSecondaryColor"),[m,h]=(0,c.j1)("productRatings"),u=(0,c.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),g=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===m||"undefined"==typeof m||!(p in m)||m[p].avgRating>5)return(0,l.jsx)(l.Fragment,{});const v=m[p].avgRating,x=m[p].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(v))].map(((t,e)=>(0,l.jsx)(o.Z,{sx:{color:d,fontSize:g+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,l.jsx)(a.Z,{sx:{color:d,fontSize:g+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"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:d,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*g+"px","important"),t.style.setProperty("font-family",u,"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",v,"\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*g+"px","important"),t.style.setProperty("font-family",u,"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+")"]})})]})})}},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})},3175:function(t,e,n){var o=n(51),a=n(5180),r=n(6417);e.Z=function(t){var e,n;const c=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,r.jsxs)("div",{style:{width:i,height:c,overflow:"hidden",minHeight:c,minWidth:i},children:[(0,r.jsx)(a.Z,{height:c,width:i}),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,r.jsx)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,a;const r=null!==(e=t.height)&&void 0!==e?e:"100%",c=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(a=t.borderRadius)&&void 0!==a?a:"10px";return(0,o.jsx)("div",{style:{height:r,width:r,borderRadius:i,overflow:"hidden",minHeight:r,minWidth:c,maxHeight:r,maxWidth:c},children:(0,o.jsx)("div",{style:{minHeight:r,minWidth:c},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),a=n(3175),r=n(6417);e.Z=function(t){var e,n,c;const[i,s]=(0,o.useState)(!1),l=o.useRef(0),d=(0,o.useRef)(null),m=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},h=null!==(n=t.height)&&void 0!==n?n:"100%",u=null!==(c=t.width)&&void 0!==c?c:"100%";return(0,o.useEffect)((()=>{l.current=0;const t=setInterval((()=>{l.current=l.current+.03,d.current&&m(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,r.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:h,overflow:"hidden"},children:[(0,r.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,r.jsx)("img",{ref:d,src:t.url,style:{objectFit:"cover",height:h,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)(a.Z,{width:u,height:h})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return m}});var o=n(7313),a=n(3933),r=n(868),c=n(8984),i=n(7300),s=n(2887),l=n(6417);var d=function(t){var e,n;const r=(0,o.useRef)(null),[c,i,s]=(0,a.YD)({triggerOnce:!0}),d=null!==(e=t.height)&&void 0!==e?e:"100%",m=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{r.current&&(t.isPlaying?r.current.play():r.current.pause())}),[t.isPlaying,i]),(0,l.jsx)("div",{ref:c,style:{width:d,height:m,overflow:"hidden"},children:i?(0,l.jsx)("video",{ref:r,className:"whatmore-video-player",width:m,height:d,preload:"metadata",loop:!0,playsInline:!0,autoPlay:!0,muted:!0,src:t.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:m,height:d,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var m=function(t){var e,n,m;const[h,u,p]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,l.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const g=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;if((0,c.KE)())return(0,l.jsx)(d,{height:"100%",width:"100%",url:(0,r.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:g});const f=(0,o.useRef)(null),v=null!==(n=t.height)&&void 0!==n?n:"100%",x=null!==(m=t.width)&&void 0!==m?m:"100%";return(0,o.useEffect)((()=>{f.current&&(t.isPlaying?f.current.play():f.current.pause())}),[t.isPlaying,u]),(0,l.jsx)("div",{ref:h,style:{width:v,height:x,overflow:"hidden"},children:u?(0,l.jsx)("video",{ref:f,className:"whatmore-video-player",width:x,height:v,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,r.V)(t.url),style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:x,height:v,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),a=n(7753);const r={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},c={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},i=function(t){const e=(0,a.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zp)(e))return t;if("AZURECDN"==(0,o.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}if("BUNNYCDN"==(0,o.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(c))if(t.includes(e))return t.replace(e,c[e]);return t}}return t}},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))}},8866:function(t,e,n){var o=n(7313);function a(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=a();const[r,c]=(0,o.useState)([e>n?"portrait":"landscape",e,n]);return(0,o.useLayoutEffect)((()=>{function t(){var[t,e]=a();c(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),r}},7931:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.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=c},9018:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");e.Z=c},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.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=c},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.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=c},417:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.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=c},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.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=c},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[358],{3827:function(e,t,n){n.r(t);var r=n(7313),i=n(6090),o=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[358],{3827:function(e,t,n){n.r(t);var r=n(7313),i=n(6090),o=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(7592),h=n(8631),c=n(6066),u=n(8782),f=n(9821),m=n(4862),g=n(6417);const w=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,v]=(0,x.Z)(),[j,y,C,b,S]=(0,f.Z)(),[k,R]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),P=(0,p.MO)("whatmoreCollectionsTileSize"),Z="portrait"==n?0:(0,p.MO)("whatmoreLandscapePadding"),L=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:M}=(0,r.useContext)(s.I),B=e.onClick;function A(e){B(e)}delete o.ZP.styles.global;var E=[];for(let r=0,i=!1;r<t.length;)i&&r!=t.length-1&&k[r]>.2?(E.push((0,g.jsx)(c.Z,{event1:t[r],event2:t[r+1],onClick:()=>{A(t[r-1])}},"collections-tile-"+r)),r+=2,i=!i):(E.push((0,g.jsx)(h.Z,{event:t[r],onClick:()=>{A(t[r-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+r)),r+=1,i=!i);return(0,g.jsx)(l.C,{value:w,children:(0,g.jsx)("div",{children:(0,g.jsx)(i.x,{theme:o.ZP,cssVarsRoot:M,resetCSS:!1,children:(0,g.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,g.jsx)("div",{style:{marginLeft:Z+"px",marginRight:Z+"px"},children:(0,g.jsx)(u.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:E,spacing:L,defaultHeight:j*P*.01+"px",defaultWidth:y*P*.01+"px",retainAlreadyRenderedElements:!0,isScroll:m.gn})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,S=e.removeBorders,k=n*w*.01,R=d*w*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:R+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":"5px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:R+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,S=e.onClick,k=.01*w,R=n*k,P=n*k*.5,Z=d*k,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:Z+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":L,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),S(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return x}});var r=n(3933),i=n(8866),o=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,i.Z)();return(0,o.useEffect)((()=>{function t(e){e.preventDefault(),e.stopPropagation(),n.scrollLeft+=e.deltaX,n.scrollLeft+=e.deltaY}const n=document.querySelector(".whatmore-carousel-horizontal-flex");return e.isScroll&&(null===n||void 0===n||n.addEventListener("wheel",t)),()=>{document.removeEventListener("wheel",t)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[364],{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"]))),m=(0,p.F4)(o||(o=(0,h.Z)(["\n 0% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n"]))),f="\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"),g="\n ".concat(m,"; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n");var u=n(7753),w=n(7129),y=n(6417);var v=function(t){var e,n,[i,o]=(0,s.Z)();const[h]=(0,u.j1)("whatmorePrimaryFont");var p=(0,a.useContext)(w.V);const x=t.event,m=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?f:g:"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:()=>{m(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("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{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})},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),m=n(6417);var f=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,f]=(0,i.useState)(0),g=(0,l.MO)("whatmoreShopId"),u=t.event;if(0==u.products.length)return(0,m.jsx)(m.Fragment,{});const w=.3*n,y=w+"px",v=w+"px",j=.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:y,height:v,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(g),borderColor:(0,c.qP)(g),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,m.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,c.yO)(g),"important")},src:u.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:v,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:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",j,"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)(u.products[h].title)})})})]},h)})},g=n(3933),u=n(8984);function w(t){var e,[n,a]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[h,p,x]=(0,g.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,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:" "})}),w.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:(0,c.Y)(d)+" !important",opacity:(0,u.gE)()?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:y})}):(0,m.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,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: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,m.jsx)(m.Fragment,{})}function v(t){const[e,n,i,r,a]=(0,o.Z)(),[s]=(0,l.j1)("whatmoreShowViews"),p=(0,l.MO)("whatmoreShopId"),x=t.event,f=t.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"===s&&"show"===(0,c.qc)(p)?(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:x,fontSize:.07*n+"px"})})}):(0,m.jsx)(m.Fragment,{})})}),d.$w===a[d.YP]?(0,m.jsx)(m.Fragment,{}):f?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,m.jsx)(y,{event:x})}):(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(y,{event:x})})]})})}var j=function(t){var e,n,r;const[h,p,f,g,u]=(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,P=t.onClick,F=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,m.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?F?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(C)},children:[(0,m.jsx)(a.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===u[d.YP]?(0,m.jsx)(w,{event:C,unfocusedDisplay:!F}):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(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[364],{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"]))),m=(0,p.F4)(o||(o=(0,h.Z)(["\n 0% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n"]))),f="\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"),g="\n ".concat(m,"; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n");var u=n(7753),w=n(7129),y=n(6417);var v=function(t){var e,n,[i,o]=(0,s.Z)();const[h]=(0,u.j1)("whatmorePrimaryFont");var p=(0,a.useContext)(w.V);const x=t.event,m=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?f:g:"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:()=>{m(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(7592),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("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{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})},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(7592),m=n(6417);var f=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,f]=(0,i.useState)(0),g=(0,l.MO)("whatmoreShopId"),u=t.event;if(0==u.products.length)return(0,m.jsx)(m.Fragment,{});const w=.3*n,y=w+"px",v=w+"px",j=.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:y,height:v,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(g),borderColor:(0,c.qP)(g),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,m.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,c.yO)(g),"important")},src:u.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:v,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:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",j,"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)(u.products[h].title)})})})]},h)})},g=n(3933),u=n(8984);function w(t){var e,[n,a]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[h,p,x]=(0,g.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,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:" "})}),w.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:(0,c.Y)(d)+" !important",opacity:(0,u.gE)()?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:y})}):(0,m.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,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: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,m.jsx)(m.Fragment,{})}function v(t){const[e,n,i,r,a]=(0,o.Z)(),[s]=(0,l.j1)("whatmoreShowViews"),p=(0,l.MO)("whatmoreShopId"),x=t.event,f=t.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"===s&&"show"===(0,c.qc)(p)?(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:x,fontSize:.07*n+"px"})})}):(0,m.jsx)(m.Fragment,{})})}),d.$w===a[d.YP]?(0,m.jsx)(m.Fragment,{}):f?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,m.jsx)(y,{event:x})}):(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(y,{event:x})})]})})}var j=function(t){var e,n,r;const[h,p,f,g,u]=(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,P=t.onClick,F=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,m.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?F?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(C)},children:[(0,m.jsx)(a.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===u[d.YP]?(0,m.jsx)(w,{event:C,unfocusedDisplay:!F}):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(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[530],{5523:function(n,t,e){e.r(t);var o=e(7313),r=e(8675),i=e(6090),a=e(7616),s=(e(6143),e(7244),e(123),e(9302)),c=e(2575),l=e(3271),h=e(9821),d=e(8866),u=(e(2279),e(7753)),m=e(9316),f=e(7129),g=e(9854),x=e(
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[530],{5523:function(n,t,e){e.r(t);var o=e(7313),r=e(8675),i=e(6090),a=e(7616),s=(e(6143),e(7244),e(123),e(9302)),c=e(2575),l=e(3271),h=e(9821),d=e(8866),u=(e(2279),e(7753)),m=e(9316),f=e(7129),g=e(9854),x=e(7592),j=e(7300),p=e(4920),C=e(6417);const v=(0,c.Z)({key:"whatmore-css-hv"});function w(n,t){var e=[];const o=t;for(let r=0;r<n.length;r+=o){const t=n.slice(r,r+o);e.push(t)}return e}function F(n){var t;const[e,r]=(0,o.useState)(!1),[i,a]=(0,o.useState)(!1),[s]=(0,u.j1)("whatmoreSecondaryColorShade600"),[c]=(0,u.j1)("whatmoreSecondaryColorShade300"),[h]=(0,u.j1)("whatmorePrimaryFont"),d=null!==(t=n.baseFontSize)&&void 0!==t?t:10,f=n.onClick;return(0,C.jsx)(l.xu,{width:"fit-content",height:"fit-content",paddingY:"4px",boxShadow:"lg",borderRadius:"md",backgroundColor:e?c:s,animation:i?m.mT:null,onClick:n=>{n.stopPropagation(),a(!0),f()},sx:{cursor:"pointer"},onMouseEnter:()=>{r(!0)},onMouseLeave:()=>{r(!1)},children:(0,C.jsx)(l.Kq,{direction:"row",width:"fit-content",alignContent:"center",children:(0,C.jsxs)(l.xv,{fontSize:d,fontWeight:"normal",sx:{fontFamily:h+" !important",color:"white !important"},children:["\xa0"," view more ","\xa0"]})})})}function y(n){var t;const[e,i,a]=(0,h.Z)();var[s,c]=(0,o.useState)(0);const d=n.events,u=n.onClick,m=null!==(t=n.seeMoreIncrement)&&void 0!==t?t:1,f=w(d,Math.floor(Math.min(a,d.length)));return(0,C.jsx)(l.M5,{children:(0,C.jsxs)(l.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,C.jsx)(C.Fragment,{children:f.map(((n,t)=>t>s?(0,C.jsx)(C.Fragment,{}):(0,C.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:n.map(((n,t)=>(0,C.jsx)(l.xu,{style:{margin:"10px"},children:(0,j.B6)(n)||(0,j.WJ)(n)?(0,C.jsx)(p.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{u(n)}}):(0,C.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{u(n)}})},"event-"+t)))},"event-stack-"+t)))}),(0,C.jsx)(C.Fragment,{children:s<f.length-1?(0,C.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:(0,C.jsx)(F,{baseFontSize:.1*i,onClick:()=>{s>=f.length-1||c((n=>n+m))}})}):(0,C.jsx)(C.Fragment,{})})]})})}function k(n){var t;const[e,i,a,s]=(0,h.Z)();var[c,d]=(0,o.useState)(0);const u=n.events,m=n.onClick,f=null!==(t=n.seeMoreIncrement)&&void 0!==t?t:1,g=w(u,Math.floor(Math.min(a,u.length)));return(0,C.jsx)(l.M5,{paddingLeft:s+"px",paddingRight:s+"px",children:(0,C.jsxs)(l.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,C.jsx)(C.Fragment,{children:g.map(((n,t)=>t>c?(0,C.jsx)(C.Fragment,{}):(0,C.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:n.map(((n,t)=>(0,C.jsx)(l.xu,{style:{margin:"10px"},children:(0,j.B6)(n)||(0,j.WJ)(n)?(0,C.jsx)(p.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{m(n)}}):(0,C.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{m(n)}})},"event-"+t)))},"event-stack-"+t)))}),(0,C.jsx)(C.Fragment,{children:c<g.length-1?(0,C.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:(0,C.jsx)(F,{baseFontSize:.1*i,onClick:()=>{c>=g.length-1||d((n=>n+f))}})}):(0,C.jsx)(C.Fragment,{})})]})})}t.default=function(n){var t;const[e,r,c]=(0,d.Z)(),[h]=(0,u.j1)("whatmoreShopId"),[m]=(0,u.j1)("whatmorePrimaryColor"),[j]=(0,u.j1)("whatmoreSecondaryColor"),[p]=(0,u.j1)("whatmoreTitleFont"),w="portrait"==e?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:F}=(0,o.useContext)(x.I),S=n.events,M=n.onClick,O=null!==(t=(0,g.aR)(h))&&void 0!==t?t:p;function b(n){M(n)}return delete a.ZP.styles.global,(0,C.jsx)(s.C,{value:v,children:(0,C.jsx)("div",{children:(0,C.jsx)(i.x,{theme:a.ZP,cssVarsRoot:F,resetCSS:!1,children:(0,C.jsxs)(f.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[n.heading.trim().length>0?(0,C.jsx)(l.M5,{children:(0,C.jsx)(l.xv,{bgColor:m,bgClip:"text",fontSize:w,sx:{fontFamily:O+" !important"},align:"center",children:n.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===e?(0,C.jsx)(k,{events:S,onClick:b,seeMoreIncrement:1}):(0,C.jsx)(y,{events:S,onClick:b,seeMoreIncrement:2})]})})})})}},9316:function(n,t,e){e.d(t,{mT:function(){return l}});var o,r,i,a=e(168),s=e(686);const c=(0,s.F4)(o||(o=(0,a.Z)(["\n 0% { transform: scale(1); }\n 50%, { transform: scale(0.95); }\n 100% { transform: scale(1); }\n"]))),l="\n ".concat(c," 0.2s linear;\n"),h=(0,s.F4)(r||(r=(0,a.Z)(["\n 100% { \n -webkit-transform: rotate(360deg); \n transform:rotate(360deg); \n }\n"]))),d=("\n ".concat(h," 0.5s infinite linear;\n"),(0,s.F4)(i||(i=(0,a.Z)(["\n 0% { \n opacity: 1;\n transform: translateY(100%);\n }\n 10%{\n transform: translateY(0%);\n }\n 12%{\n transform: translateY(-5%);\n }\n 20%{\n transform: translateY(0%);\n }\n 95%{\n opacity: 1;\n transform: scale(1);\n }\n 100%{\n opacity: 0;\n }\n"]))));"\n ".concat(d," ").concat(3,"s ease-in-out;\n")},5945:function(n,t,e){function o(n){return"undefined"==typeof n||"undefined"==n||null==n?"":n.replace(/\w\S*/g,(function(n){return n.charAt(0).toUpperCase()+n.substr(1).toLowerCase()}))}e.d(t,{s:function(){return o}})},6143:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
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 O}});var i=o(7313),n=(o(3439),o(6090)),r=o(7616),s=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),a=o(2210),c=(o(8486),o(9821)),d=o(8866),p=o(2279),h=o.n(p),u=o(7753),y=o(7129),x=o(1855),m=o(9854),v=o(
|
|
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 O}});var i=o(7313),n=(o(3439),o(6090)),r=o(7616),s=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),a=o(2210),c=(o(8486),o(9821)),d=o(8866),p=o(2279),h=o.n(p),u=o(7753),y=o(7129),x=o(1855),m=o(9854),v=o(7592),f=o(7376),g=o(778),w=o(4892),j=o(5945),P=o(9219),C=o(6417);var M=function(t){var e,o,n,r,s,l,a,d,p,h;const[x,f,g,M,S,b]=(0,c.Z)(),k=.055*f+"px",O=.055*f+"px",I=.043*f+"px",E=t.event,N=(0,u.MO)("whatmoreShopId"),R=(0,u.MO)("whatmoreSecondaryColor");var F=(0,i.useContext)(y.V);const Z=null===(e=t.isOnFocus)||void 0===e||e,z=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,W=t.onClick,{whatmoreUITheme:_}=(0,i.useContext)(v.I),D=((0,m.nz)(N),null!==(n=t.animateOnFocus&&(0,m.iW)(N))&&void 0!==n&&n),T=(0,u.MO)("whatmorePrimaryFont"),A=Math.round(+(null===(r=E.products[0])||void 0===r?void 0:r.price)),L=Math.round(+(null===(s=E.products[0])||void 0===s?void 0:s.compare_price)),U=L&&0!=L&&L>A?Math.ceil((L-A)/L*100):NaN;return(0,C.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",F.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",F.tileBottomMMargin+"px","important"))},className:D?Z?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",width:f,cursor:"pointer"},onClick:()=>{W(E)},children:[(0,C.jsx)("div",{style:{borderRadius:"round"==_?"5%":"0px",height:x,borderWidth:(0,m.al)(N),borderColor:(0,m.qP)(N),overflow:"hidden"},children:(0,C.jsx)(w.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:Z||z,event:E})}),(0,C.jsxs)("div",{style:{display:"flex",flexDirection:"column",padding:"12px 4px",gap:"4px"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",k,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",T,"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,j.s)(null===(l=E.products[0])||void 0===l?void 0:l.title)}),(0,C.jsxs)("div",{style:{display:"flex",gap:"12px"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",O,"important"),t.style.setProperty("font-family",T,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,P.jx)(parseFloat(null===(a=E.products[0])||void 0===a?void 0:a.price)," ",N,null===(d=E.products[0])||void 0===d?void 0:d.currency)}),!isNaN(L)&&L>A&&(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#808191","important"),t.style.setProperty("font-size",O,"important"),t.style.setProperty("font-family",T,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,P.jx)(parseFloat(null===(p=E.products[0])||void 0===p?void 0:p.compare_price)," ",N,null===(h=E.products[0])||void 0===h?void 0:h.currency)})]}),!isNaN(U)&&0!=U&&(0,C.jsx)("div",{style:{display:"flex",backgroundColor:"#343434"==R?(0,m.ZJ)(N):R,alignItems:"center",borderRadius:"4px",width:"fit-content",padding:"3px 6px"},children:(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.ms)(N),"important"),t.style.setProperty("font-size",I,"important"),t.style.setProperty("font-family",T,"important"))},children:"".concat(U,"% Off")})})]})]})};const S=(0,l.Z)({key:"whatmore-css-hv"});function b(t){const[e,o,n]=(0,c.Z)(),r=(0,u.MO)("whatmoreShopId"),s=t.events,l=t.onClick,d=n*(0,m.u6)(r),{whatmoreWidgetSourceDetails:p}=(0,i.useContext)(v.I);return(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:t=>{(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:p})},children:s.map((t=>(0,C.jsx)(a.o5,{children:e=>{let{isActive:o,isPrev:i,isNext:n,isVisible:r}=e;return i||n||o?(0,C.jsx)(M,{isOnFocus:o&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{l(t)}}):(0,C.jsx)(x.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function k(t){const[e,o,n,r]=(0,c.Z)(),[s,l]=(0,i.useState)(-1),a=(0,u.MO)("whatmoreShopId"),[d,p]=(0,i.useState)("next"),y=t.onClick,x=t.events,{whatmoreWidgetSourceDetails:w}=(0,i.useContext)(v.I),j=Math.min(Math.floor(n),x.length),[P,S]=(0,i.useState)(0),b=()=>(0,C.jsx)("div",{children:(0,C.jsx)("button",{onClick:N,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),k=()=>(0,C.jsx)("div",{children:(0,C.jsx)("button",{onClick:I,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,i.useEffect)((()=>{P<=j&&S((t=>t+j))}),[j]);const O=()=>{l(-1)},I=()=>{P!==j&&(p("prev"),S((t=>Math.max(t-j,j))),(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},E=0===(0,m.WG)(a)?32:(0,m.WG)(a),N=()=>{P!==x.length&&(p("next"),S((t=>Math.min(t+j,x.length))),(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},R=x.slice(P-j,P);return(0,C.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",paddingLeft:"".concat(r,"px"),paddingRight:"".concat(r,"px"),overflow:"hidden"},children:[(0,C.jsx)("div",{style:{position:"absolute",zIndex:100,top:"50%",transform:"translateY(-65%)"},children:P!==j&&(0,C.jsx)(k,{})}),(0,C.jsx)("div",{style:{display:"flex",gap:E+"px",width:"".concat(o*j*1.1,"px"),position:"relative"},children:R.map(((t,e)=>{const o=e===s;return(0,C.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===d?"next":"prev"),style:{position:"relative",display:"flex"},onMouseEnter:()=>(t=>{const e=h()((()=>l(t)),300);return e(),e.cancel})(e),onMouseLeave:O,children:(0,C.jsx)(M,{isOnFocus:o,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{y(t)})(t)})},"whatmore-event-tile-landscape-".concat(t.index))}))}),(0,C.jsx)("div",{style:{position:"absolute",zIndex:100,top:"50%",left:o*j+E*(j-1)-5+"px",transform:"translateY(-65%)"},children:P!==x.length&&(0,C.jsx)(b,{})})]})}var O=function(t){var e;const[o,l,a]=(0,d.Z)(),[c]=(0,u.j1)("whatmoreShopId"),[p]=(0,u.j1)("whatmorePrimaryColor"),[h]=(0,u.j1)("whatmoreSecondaryColor"),[x]=(0,u.j1)("whatmoreTitleFont"),f="portrait"==o?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,i.useContext)(v.I),w=t.events,j=t.onClick,P=null!==(e=(0,m.aR)(c))&&void 0!==e?e:x;function M(t){j(t)}return delete r.ZP.styles.global,(0,C.jsx)(s.C,{value:S,children:(0,C.jsx)("div",{children:(0,C.jsx)(n.x,{theme:r.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,C.jsxs)(y.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.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:t=>{t&&(t.style.setProperty("font-family",P,"important"),t.style.setProperty("font-size",f+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center"},children:t.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===o?(0,C.jsx)(k,{events:w,onClick:M}):(0,C.jsx)(b,{events:w,onClick:M})]})})})})}},7129:function(t,e,o){o.d(e,{V:function(){return i}});const i=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,o){var i=o(7313),n=o(9821),r=o(7129),s=o(6417);e.Z=function(t){var[e,o]=(0,n.Z)();return(0,i.useContext)(r.V),t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:e,overflow:"hidden"}})}},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[565],{7381:function(e,t,n){n.d(t,{EI:function(){return c},fs:function(){return i}});function o(e){console.debug("Whatmore : "+e)}function c(e){var t;const n=null!==(t="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==t&&t;n&&(o("total events received : "+(e&&e.length)),o("events data : "+JSON.stringify(e)))}function i(e){var t;null!==(t="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==t&&t&&o(e)}},941:function(e,t,n){n.d(t,{D:function(){return o}});const o=async function(e,t,n,o){if("STRNV8MHJTF"!=e&&"STR6HU283UZ"!=e&&"STR9T3LLEJB"!=e&&"STRWJMIOJNX"!=e&&"STRUDQ36YAC"!=e&&"STR1D5ONOZX"!=e){var c=await fetch("https://"+window.location.hostname+"/cart.js",{cache:"reload"}).then((e=>e.json()));if("27358003275"==e||"63748341981"==e||"68237558034"==e)document.documentElement.dispatchEvent(new CustomEvent("cart:refresh",{bubbles:!0,detail:{cart:c,openMiniCart:!0}}));else if("19506115"==e)window.PXUTheme.jsAjaxCart.showDrawer(),window.PXUTheme.jsAjaxCart.updateView();else if("54465429691"==e)refreshCart(c),window.setTimeout((function(){$.fancybox.close(),$(".cart-button").click()}),500);else if("25427564"==e||"4243849314"==e||"57708314789"==e){(new theme.CartDrawer).open()}else if("62602182872"==e||"57362710572"==e)CartJS.getCart(),$(".block-cart").addClass("active");else if("20157815"==e||"60492578980"==e||"12183765088"==e||"58546946211"==e||"42070737058"==e||"71321583919"==e||"68492624171"==e||"74541891876"==e)document.documentElement.dispatchEvent(new CustomEvent("ajaxProduct:added",{bubbles:!0,detail:{}})),document.documentElement.dispatchEvent(new CustomEvent("cart:open",{bubbles:!0,detail:{}}));else if("2665447536"==e)fetch("/?section_id=cart-drawer").then((e=>e.text())).then((e=>{const t=(new DOMParser).parseFromString(e,"text/html").getElementById("cart-drawer").innerHTML;$("#cart-drawer").html(t),$('[aria-controls="cart-drawer"]')[0].click(),$(".header__cart-count .count-bubble ").html(cart.item_count).css("opacity",1)}));else if("57824805033"==e||"59504656436"==e||"58112966749"==e)fetch("/cart.json").then((e=>e.json())).then((e=>{fetch("/cart?view=item").then((e=>e.text())).then((t=>{const n=(new DOMParser).parseFromString(t,"text/html"),o=n.getElementById("CartDrawer"),c=document.getElementById("CartDrawer");o&&c&&(c.innerHTML=o.innerHTML),n.querySelector("#CartDrawer .totals__subtotal-value");const i=document.querySelector("cart-drawer");i&&i.classList.remove("is-empty");const r=document.querySelector("cart-drawer-items");r&&r.classList.remove("is-empty");const a=document.getElementById("cart-icon-bubble");if(a.querySelector(".cart-count-bubble"))a.querySelectorAll('.cart-count-bubble span[aria-hidden="true"]').forEach((t=>{t.textContent=e.item_count}));else{const t=document.createElement("div");t.className="cart-count-bubble",t.innerHTML='\n <span aria-hidden="true">'.concat(e.item_count,'</span>\n <span class="visually-hidden">').concat(e.item_count," items</span>\n "),a.appendChild(t)}a.click(),document.getElementById("CartDrawer-Overlay").addEventListener("click",(()=>{const e=document.querySelector("cart-drawer");e&&e.classList.remove("active"),document.body.classList.remove("overflow-hidden")}))}))}));else if("61094723750"==e)SLIDECART&&(SLIDECART_UPDATE(),SLIDECART_OPEN());else if("10272035"==e){const e=document.querySelector(".cart-drawer"),t=e.parentNode;t.classList.add("menu-opening"),t.setAttribute("open","open"),e.style.visibility="visible",e.style.transform="translate(0)"}else"1972174947"==e||"55194878152"==e?document.documentElement.dispatchEvent(new CustomEvent("cart:refresh:opend",{bubbles:!0,detail:{}})):document.documentElement.dispatchEvent(new CustomEvent("product:added",{bubbles:!0,detail:{}}));setTimeout(t,n)}else{console.log("Executing cart refresh script..");document.getElementById("whatsmorecart").value=Math.random()}}},7300:function(e,t,n){n.d(t,{B6:function(){return o},WJ:function(){return c},yC:function(){return i}});const o=function(e){return"video"===e.event_type},c=function(e){return"image"===e.event_type},i=function(e){return"livestream"===e.event_type}},5160:function(e,t,n){n.d(t,{$L:function(){return p},JX:function(){return l},Z6:function(){return a},lY:function(){return u},rp:function(){return v},uD:function(){return h},wh:function(){return r},wz:function(){return d},x0:function(){return s}});var o,c=n(2860);n(7753);const i=null!==(o="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==o&&o;function r(e){i&&console.debug("updating user view count for event.");const t={event_id:e.event_id,increase_by:1};fetch(c.Gc+"/event/metrics/views",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(i&&console.debug("updating user view count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user view count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating user view count user for event : ",e)}))}function a(e,t){i&&console.debug("updating like count for event.");const n={event_id:e.event_id,increase_by:t};fetch(c.Gc+"/event/metrics/like",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating like count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating like count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating like count user for event : ",e)}))}function s(e){i&&console.debug("updating share count for event.");const t={event_id:e.event_id,increase_by:1};fetch(c.Gc+"/event/metrics/share",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(i&&console.debug("updating share count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating share count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating share count user for event : ",e)}))}function u(e,t){i&&console.debug("updating wa click count for event.");const n={event_id:e.event_id,increase_by:t};fetch(c.Gc+"/event/metrics/whatsapp",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating whatsapp click count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating whatsapp click count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating whatsapp click count user for event : ",e)}))}function d(e,t){i&&console.debug("updating event-product click count for event {} and product {}.",e.event_id,t.product_id);const n={event_id:e.event_id,product_id:t.product_id,increase_by:1};fetch(c.Gc+"/event/metrics/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating user event-product click count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product click count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product click count for event {} : ",e.event_id,t)}))}function l(e,t,n){i&&console.debug("updating event-product add to cart count for event {} and product {}.",e.event_id,t.product_id);const o={event_id:e.event_id,product_id:t.product_id,increase_by:n};fetch(c.Gc+"/event/metrics/add_to_cart",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(o)}).then((e=>(i&&console.debug("updating user event-product add to cart count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product add to cart count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product add to cart count for event {} : ",e.event_id,t)}))}function p(e,t){i&&console.debug("updating event-product buy now count for event {} and product {}.",e.event_id,t.product_id);const n={event_id:e.event_id,product_id:t.product_id,increase_by:1};fetch(c.Gc+"/event/metrics/buy_now",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating user event-product buy now count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product buy now count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product buy now count for event {} : ",e.event_id,t)}))}async function v(){let{storeId:e="",eventId:t=0,productId:n="",variantId:o="",cartToken:r="",checkoutToken:a="",quantity:s=0,price:u="",actionType:d="",trackingId:l=""}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},p={event_id:t,product_id:n,cart_token:r,checkout_token:a,quantity:s,price:u,variant_id:o,action_type:d,tracking_id:l};i&&console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} ",t,n,o);const v=await fetch(c.Gc+"/cart-metadata/"+e,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(p)}).then((e=>(i&&console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} : HTTP "+e.status),e.json()))).catch((e=>{console.error("error initiating ATC metadata event for eventId {}, productId {}, variantId {} : ",t,n,o)}));return v}function h(e){const t={event_id:e.event.event_id,cta_id:e.cta.cta_id,increase_by:1};fetch(c.Gc+"/event/metrics/cta/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(i&&console.debug("updating user cta click count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user cta click count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating cta click count : ",e)}))}},4669:function(e,t,n){n.d(t,{Tc:function(){return v},ll:function(){return p}});var o,c=n(1824),i=n(7786),r=n(9854);n(7753);const a="Whatmore Video Shopping",s=null!==(o="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==o&&o,u="Video View",d={carousel:"Carousel",stories:"Stories",video_popup:"Video Popup"},l={homepage:"Home Page",product_page:"Product Page"};async function p(e){if((0,r.Dv)(e)&&null!==(0,r.hf)(e)&&(i.ZP.initialize((0,r.hf)(e)),s&&console.debug("Whatmore: initialized GA4")),(0,r.hv)(e)&&null!==(0,r.BH)(e)){const t=(0,r.OQ)(e);c.ZP.initialize((0,r.BH)(e),{useExistingGa:t}),s&&console.debug("Whatmore: initialized GA3")}}async function v(e,t,n){(0,r.hv)(e)&&null!==(0,r.BH)(e)&&(c.ZP.event({category:a,action:u,label:l[t]+":"+d[n]}),s&&console.debug("Whatmore: pushed view event to GA3")),(0,r.Dv)(e)&&null!==(0,r.hf)(e)&&(i.ZP.event({category:a,action:u+":"+l[t]+":"+d[n],value:1,nonInteraction:!1}),s&&console.debug("Whatmore: pushed view event to GA4"))}},795:function(e,t,n){n.d(t,{s:function(){return v}});var o=n(7381),c=n(9854),i=n(7753),r=n(2860);const a=function(e){let t={};t.metric_event_list=[e],(async()=>{!function(e){const t="ingesting analytis-event";(0,o.fs)(t);const n=e;fetch(r.DG+"/event_metrics/bulk",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>e.json())).then((e=>{})).catch((e=>{console.error("error "+t,e)}))}(t)})()},s=function(e,t,n,o){var c;return{landing_location_type:t.landingLocationType,template_type:t.templateType,whatmore_event:{id:e.event_id,eventset_id:null!==(c=e.eventset_id)&&void 0!==c?c:null,cta_list:o.map((e=>e.cta_id)),product_list:n.map((e=>e.product_id))}}};var u=n(778),d=n(2751),l=n(6967);const p=function(){return{user_id:(0,l.hb)(),session_id:(0,l.sQ)(),user_group:"group-a",user_agent:navigator.userAgent,store_id:(0,i.MO)("whatmoreShopId"),hostname:window.location.hostname,page_path:window.location.pathname,event_id:(0,d.x0)(),event_timestamp:Math.round((new Date).getTime()/1e3)}},v=function(){let{userInteractionType:e="",userInteractionMetadata:t={},widgetSourceDetails:n={},event:r="",productList:d=[],ctaList:l=[]}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const v=(0,i.MO)("isInDesignMode"),h=(0,i.MO)("isDemoBrand"),g=(0,i.MO)("whatmoreShopId");if(!(0,c.AA)(g)||h||v)return;const f=p(),_=(0,u.r)(e,t),m=s(r,n,d,l),y=(0,i.MO)("whatmoreLoggingActive"),b={...f,interaction_data:_,data:m};y&&(0,o.EI)(b),(0,c.AA)(g)&&a({...f,interaction_data:_,data:m})}},778:function(e,t,n){n.d(t,{K:function(){return o},r:function(){return c}});const o=Object.freeze({EVENT_VIEW:"event-view",PRODUCT_CTA_VIEW:"product-cta-view",SHOPNOW_ATC_CLICKED:"shop-now-atc-clicked",SHOPNOW_BUYNOW_CLICKED:"shop-now-buy-now-clicked",PRODUCT_TILE_ATC_CLICKED:"product-tile-atc-clicked",PRODUCT_TILE_SHOPNOW_CLICKED:"product-tile-shopnow-clicked",VIDEO_LIKED:"video-liked",VIDEO_UNLIKED:"video-unliked",VIDEO_SHARE_CTA_CLICKED:"video-share-cta-clicked",VIDEO_MUTED:"video-muted",HOMEPAGE_CAROUSEL_SWIPED:"homepage-carousel-swiped",HOMEPAGE_VISITED:"homepage-visited",COLLECTION_PAGE_VISITED:"collection-page-visited",PDP_VISITED:"product-page-visited",HOMEPAGE_CAROUSEL_WIDGET_VIEW:"homepage-carousel-widget-view",BANNER_WIDGET_VIEW:"banner-widget-view",STORIES_WIDGET_VIEW:"stories-widget-view",COLLECTION_WIDGET_VIEW:"collection-widget-view",SPOTLIGHT_WIDGET_VIEW:"spotlight-widget-view",PDP_POPUP_WIDGET_VIEW:"pdp-popup-widget-view",VIDEO_PLAYBACK:"video-playback",SHOPNOW_CLICKED:"shopnow-clicked",WHATSAPP_ICON_CLICKED:"whatsapp-icon-clicked"}),c=function(e,t){return{name:e,metadata:JSON.stringify(t)}}},7643:function(e,t,n){n.d(t,{u:function(){return s}});var o=n(3933),c=n(4136),i=n(7313),r=n(795),a=(n(778),n(6417));const s=function(e){var t;const{ref:n,inView:s,entry:u}=(0,o.YD)({triggerOnce:!1,threshold:null!==(t=e.threshold)&&void 0!==t?t:1}),{whatmoreWidgetSourceDetails:d}=(0,i.useContext)(c.I);return(0,i.useEffect)((()=>{var t,n,o,c;s&&null!==(t=e.triggerFlag)&&void 0!==t&&t&&(0,r.s)({userInteractionType:e.userInteractionType,userInteractionMetadata:null!==(n=e.userInteractionMetadata)&&void 0!==n?n:{},widgetSourceDetails:d,event:e.event,productList:null!==(o=e.productList)&&void 0!==o?o:[],ctaList:null!==(c=e.ctaList)&&void 0!==c?c:[]})}),[s]),(0,a.jsx)("div",{ref:n,children:e.children})}}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[565],{7381:function(e,t,n){n.d(t,{EI:function(){return c},fs:function(){return i}});function o(e){console.debug("Whatmore : "+e)}function c(e){var t;const n=null!==(t="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==t&&t;n&&(o("total events received : "+(e&&e.length)),o("events data : "+JSON.stringify(e)))}function i(e){var t;null!==(t="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==t&&t&&o(e)}},941:function(e,t,n){n.d(t,{D:function(){return o}});const o=async function(e,t,n,o){if("STRNV8MHJTF"!=e&&"STR6HU283UZ"!=e&&"STR9T3LLEJB"!=e&&"STRWJMIOJNX"!=e&&"STRUDQ36YAC"!=e&&"STR1D5ONOZX"!=e){var c=await fetch("https://"+window.location.hostname+"/cart.js",{cache:"reload"}).then((e=>e.json()));if("27358003275"==e||"63748341981"==e||"68237558034"==e)document.documentElement.dispatchEvent(new CustomEvent("cart:refresh",{bubbles:!0,detail:{cart:c,openMiniCart:!0}}));else if("19506115"==e)window.PXUTheme.jsAjaxCart.showDrawer(),window.PXUTheme.jsAjaxCart.updateView();else if("54465429691"==e)refreshCart(c),window.setTimeout((function(){$.fancybox.close(),$(".cart-button").click()}),500);else if("25427564"==e||"4243849314"==e||"57708314789"==e){(new theme.CartDrawer).open()}else if("62602182872"==e||"57362710572"==e)CartJS.getCart(),$(".block-cart").addClass("active");else if("20157815"==e||"60492578980"==e||"12183765088"==e||"58546946211"==e||"42070737058"==e||"71321583919"==e||"68492624171"==e||"74541891876"==e)document.documentElement.dispatchEvent(new CustomEvent("ajaxProduct:added",{bubbles:!0,detail:{}})),document.documentElement.dispatchEvent(new CustomEvent("cart:open",{bubbles:!0,detail:{}}));else if("2665447536"==e)fetch("/?section_id=cart-drawer").then((e=>e.text())).then((e=>{const t=(new DOMParser).parseFromString(e,"text/html").getElementById("cart-drawer").innerHTML;$("#cart-drawer").html(t),$('[aria-controls="cart-drawer"]')[0].click(),$(".header__cart-count .count-bubble ").html(cart.item_count).css("opacity",1)}));else if("57824805033"==e||"59504656436"==e||"58112966749"==e)fetch("/cart.json").then((e=>e.json())).then((e=>{fetch("/cart?view=item").then((e=>e.text())).then((t=>{const n=(new DOMParser).parseFromString(t,"text/html"),o=n.getElementById("CartDrawer"),c=document.getElementById("CartDrawer");o&&c&&(c.innerHTML=o.innerHTML),n.querySelector("#CartDrawer .totals__subtotal-value");const i=document.querySelector("cart-drawer");i&&i.classList.remove("is-empty");const r=document.querySelector("cart-drawer-items");r&&r.classList.remove("is-empty");const a=document.getElementById("cart-icon-bubble");if(a.querySelector(".cart-count-bubble"))a.querySelectorAll('.cart-count-bubble span[aria-hidden="true"]').forEach((t=>{t.textContent=e.item_count}));else{const t=document.createElement("div");t.className="cart-count-bubble",t.innerHTML='\n <span aria-hidden="true">'.concat(e.item_count,'</span>\n <span class="visually-hidden">').concat(e.item_count," items</span>\n "),a.appendChild(t)}a.click(),document.getElementById("CartDrawer-Overlay").addEventListener("click",(()=>{const e=document.querySelector("cart-drawer");e&&e.classList.remove("active"),document.body.classList.remove("overflow-hidden")}))}))}));else if("61094723750"==e)SLIDECART&&(SLIDECART_UPDATE(),SLIDECART_OPEN());else if("10272035"==e){const e=document.querySelector(".cart-drawer"),t=e.parentNode;t.classList.add("menu-opening"),t.setAttribute("open","open"),e.style.visibility="visible",e.style.transform="translate(0)"}else"1972174947"==e||"55194878152"==e?document.documentElement.dispatchEvent(new CustomEvent("cart:refresh:opend",{bubbles:!0,detail:{}})):document.documentElement.dispatchEvent(new CustomEvent("product:added",{bubbles:!0,detail:{}}));setTimeout(t,n)}else{console.log("Executing cart refresh script..");document.getElementById("whatsmorecart").value=Math.random()}}},7300:function(e,t,n){n.d(t,{B6:function(){return o},WJ:function(){return c},yC:function(){return i}});const o=function(e){return"video"===e.event_type},c=function(e){return"image"===e.event_type},i=function(e){return"livestream"===e.event_type}},5160:function(e,t,n){n.d(t,{$L:function(){return p},JX:function(){return l},Z6:function(){return a},lY:function(){return u},rp:function(){return v},uD:function(){return h},wh:function(){return r},wz:function(){return d},x0:function(){return s}});var o,c=n(2860);n(7753);const i=null!==(o="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==o&&o;function r(e){i&&console.debug("updating user view count for event.");const t={event_id:e.event_id,increase_by:1};fetch(c.Gc+"/event/metrics/views",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(i&&console.debug("updating user view count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user view count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating user view count user for event : ",e)}))}function a(e,t){i&&console.debug("updating like count for event.");const n={event_id:e.event_id,increase_by:t};fetch(c.Gc+"/event/metrics/like",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating like count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating like count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating like count user for event : ",e)}))}function s(e){i&&console.debug("updating share count for event.");const t={event_id:e.event_id,increase_by:1};fetch(c.Gc+"/event/metrics/share",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(i&&console.debug("updating share count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating share count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating share count user for event : ",e)}))}function u(e,t){i&&console.debug("updating wa click count for event.");const n={event_id:e.event_id,increase_by:t};fetch(c.Gc+"/event/metrics/whatsapp",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating whatsapp click count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating whatsapp click count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating whatsapp click count user for event : ",e)}))}function d(e,t){i&&console.debug("updating event-product click count for event {} and product {}.",e.event_id,t.product_id);const n={event_id:e.event_id,product_id:t.product_id,increase_by:1};fetch(c.Gc+"/event/metrics/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating user event-product click count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product click count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product click count for event {} : ",e.event_id,t)}))}function l(e,t,n){i&&console.debug("updating event-product add to cart count for event {} and product {}.",e.event_id,t.product_id);const o={event_id:e.event_id,product_id:t.product_id,increase_by:n};fetch(c.Gc+"/event/metrics/add_to_cart",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(o)}).then((e=>(i&&console.debug("updating user event-product add to cart count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product add to cart count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product add to cart count for event {} : ",e.event_id,t)}))}function p(e,t){i&&console.debug("updating event-product buy now count for event {} and product {}.",e.event_id,t.product_id);const n={event_id:e.event_id,product_id:t.product_id,increase_by:1};fetch(c.Gc+"/event/metrics/buy_now",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating user event-product buy now count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product buy now count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product buy now count for event {} : ",e.event_id,t)}))}async function v(){let{storeId:e="",eventId:t=0,productId:n="",variantId:o="",cartToken:r="",checkoutToken:a="",quantity:s=0,price:u="",actionType:d="",trackingId:l=""}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},p={event_id:t,product_id:n,cart_token:r,checkout_token:a,quantity:s,price:u,variant_id:o,action_type:d,tracking_id:l};i&&console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} ",t,n,o);const v=await fetch(c.Gc+"/cart-metadata/"+e,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(p)}).then((e=>(i&&console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} : HTTP "+e.status),e.json()))).catch((e=>{console.error("error initiating ATC metadata event for eventId {}, productId {}, variantId {} : ",t,n,o)}));return v}function h(e){const t={event_id:e.event.event_id,cta_id:e.cta.cta_id,increase_by:1};fetch(c.Gc+"/event/metrics/cta/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(i&&console.debug("updating user cta click count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user cta click count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating cta click count : ",e)}))}},4669:function(e,t,n){n.d(t,{Tc:function(){return v},ll:function(){return p}});var o,c=n(1824),i=n(7786),r=n(9854);n(7753);const a="Whatmore Video Shopping",s=null!==(o="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==o&&o,u="Video View",d={carousel:"Carousel",stories:"Stories",video_popup:"Video Popup"},l={homepage:"Home Page",product_page:"Product Page"};async function p(e){if((0,r.Dv)(e)&&null!==(0,r.hf)(e)&&(i.ZP.initialize((0,r.hf)(e)),s&&console.debug("Whatmore: initialized GA4")),(0,r.hv)(e)&&null!==(0,r.BH)(e)){const t=(0,r.OQ)(e);c.ZP.initialize((0,r.BH)(e),{useExistingGa:t}),s&&console.debug("Whatmore: initialized GA3")}}async function v(e,t,n){(0,r.hv)(e)&&null!==(0,r.BH)(e)&&(c.ZP.event({category:a,action:u,label:l[t]+":"+d[n]}),s&&console.debug("Whatmore: pushed view event to GA3")),(0,r.Dv)(e)&&null!==(0,r.hf)(e)&&(i.ZP.event({category:a,action:u+":"+l[t]+":"+d[n],value:1,nonInteraction:!1}),s&&console.debug("Whatmore: pushed view event to GA4"))}},795:function(e,t,n){n.d(t,{s:function(){return v}});var o=n(7381),c=n(9854),i=n(7753),r=n(2860);const a=function(e){let t={};t.metric_event_list=[e],(async()=>{!function(e){const t="ingesting analytis-event";(0,o.fs)(t);const n=e;fetch(r.DG+"/event_metrics/bulk",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>e.json())).then((e=>{})).catch((e=>{console.error("error "+t,e)}))}(t)})()},s=function(e,t,n,o){var c;return{landing_location_type:t.landingLocationType,template_type:t.templateType,whatmore_event:{id:e.event_id,eventset_id:null!==(c=e.eventset_id)&&void 0!==c?c:null,cta_list:o.map((e=>e.cta_id)),product_list:n.map((e=>e.product_id))}}};var u=n(778),d=n(2751),l=n(6967);const p=function(){return{user_id:(0,l.hb)(),session_id:(0,l.sQ)(),user_group:"group-a",user_agent:navigator.userAgent,store_id:(0,i.MO)("whatmoreShopId"),hostname:window.location.hostname,page_path:window.location.pathname,event_id:(0,d.x0)(),event_timestamp:Math.round((new Date).getTime()/1e3)}},v=function(){let{userInteractionType:e="",userInteractionMetadata:t={},widgetSourceDetails:n={},event:r="",productList:d=[],ctaList:l=[]}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const v=(0,i.MO)("isInDesignMode"),h=(0,i.MO)("isDemoBrand"),g=(0,i.MO)("whatmoreShopId");if(!(0,c.AA)(g)||h||v)return;const f=p(),_=(0,u.r)(e,t),m=s(r,n,d,l),y=(0,i.MO)("whatmoreLoggingActive"),b={...f,interaction_data:_,data:m};y&&(0,o.EI)(b),(0,c.AA)(g)&&a({...f,interaction_data:_,data:m})}},778:function(e,t,n){n.d(t,{K:function(){return o},r:function(){return c}});const o=Object.freeze({EVENT_VIEW:"event-view",PRODUCT_CTA_VIEW:"product-cta-view",SHOPNOW_ATC_CLICKED:"shop-now-atc-clicked",SHOPNOW_BUYNOW_CLICKED:"shop-now-buy-now-clicked",PRODUCT_TILE_ATC_CLICKED:"product-tile-atc-clicked",PRODUCT_TILE_SHOPNOW_CLICKED:"product-tile-shopnow-clicked",VIDEO_LIKED:"video-liked",VIDEO_UNLIKED:"video-unliked",VIDEO_SHARE_CTA_CLICKED:"video-share-cta-clicked",VIDEO_MUTED:"video-muted",HOMEPAGE_CAROUSEL_SWIPED:"homepage-carousel-swiped",HOMEPAGE_VISITED:"homepage-visited",COLLECTION_PAGE_VISITED:"collection-page-visited",PDP_VISITED:"product-page-visited",HOMEPAGE_CAROUSEL_WIDGET_VIEW:"homepage-carousel-widget-view",BANNER_WIDGET_VIEW:"banner-widget-view",STORIES_WIDGET_VIEW:"stories-widget-view",COLLECTION_WIDGET_VIEW:"collection-widget-view",SPOTLIGHT_WIDGET_VIEW:"spotlight-widget-view",PDP_POPUP_WIDGET_VIEW:"pdp-popup-widget-view",VIDEO_PLAYBACK:"video-playback",SHOPNOW_CLICKED:"shopnow-clicked",WHATSAPP_ICON_CLICKED:"whatsapp-icon-clicked"}),c=function(e,t){return{name:e,metadata:JSON.stringify(t)}}},7643:function(e,t,n){n.d(t,{u:function(){return s}});var o=n(3933),c=n(7592),i=n(7313),r=n(795),a=(n(778),n(6417));const s=function(e){var t;const{ref:n,inView:s,entry:u}=(0,o.YD)({triggerOnce:!1,threshold:null!==(t=e.threshold)&&void 0!==t?t:1}),{whatmoreWidgetSourceDetails:d}=(0,i.useContext)(c.I);return(0,i.useEffect)((()=>{var t,n,o,c;s&&null!==(t=e.triggerFlag)&&void 0!==t&&t&&(0,r.s)({userInteractionType:e.userInteractionType,userInteractionMetadata:null!==(n=e.userInteractionMetadata)&&void 0!==n?n:{},widgetSourceDetails:d,event:e.event,productList:null!==(o=e.productList)&&void 0!==o?o:[],ctaList:null!==(c=e.ctaList)&&void 0!==c?c:[]})}),[s]),(0,a.jsx)("div",{ref:n,children:e.children})}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[580],{3580:function(t,e,n){n.r(e),n.d(e,{default:function(){return f}});var r=n(7313),o=n(8866),i=n(7753),s=(n(9111),n(123),n(9778),n(9854)),a=n(868),l=n(3933),d=n(6417);var c=function(t){var e,n;const[c,p,h]=(0,o.Z)(),[u,f,x]=(0,l.YD)({triggerOnce:!0}),m=(0,i.MO)("whatmorePrimaryFont"),w=((0,i.MO)("whatmorePrimaryColor"),(0,i.MO)("whatmoreSecondaryColor")),g=(0,i.MO)("whatmoreShopId"),[y,v]=(0,r.useState)(!1),b=t.storyId,j=(0,a.V)(t.imageUrl),S=t.title,k=t.onClick,z=t.template,C=(0,s.f6)(g),F="template-stories-a"===z?"50%":"30%",D="portrait"==c?1:(0,s.Zy)(g),E=Math.floor(t.tileSize*D),L=.12*E*(0,s.LM)(g),M=null!==(e=(0,s.Q)(g))&&void 0!==e?e:m,O=null!==(n=(0,s.u2)(g))&&void 0!==n?n:[w,C,w,C,w];return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:E*(0,s.jJ)(g)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{v(!0),k(b)},className:[y?"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:F,boxShadow:"0px 2px 1px 0px "+O[0]+"50, 0px -2px 1px 0px "+O[1]+"50, 2px 0px 1px 0px "+O[2]+"50, -2px 0px 1px 0px "+O[3]+"80, 2px -2px 1px 0px "+O[4]+"80, -2px 2px 1px 0px "+O[0]+"DA, 2px 2px 1px 0px "+O[1]+"DA, -2px -2px 1px 0px "+O[2]+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:E+"px",borderRadius:F,border:"3px solid white",backgroundColor:"#343434"===w?"#d3d3d3":w,overflow:"hidden"},children:(0,d.jsx)("img",{src:j,loading:"lazy",style:{objectFit:"cover",height:E+"px",width:E+"px",backgroundColor:"white"},alt:"story image"})})}),(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,d.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",L+"px","important")},style:{textAlign:"center",color:(0,s.WS)(g),fontFamily:M,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:S.substring(0,24)})})]})},p=n(
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[580],{3580:function(t,e,n){n.r(e),n.d(e,{default:function(){return f}});var r=n(7313),o=n(8866),i=n(7753),s=(n(9111),n(123),n(9778),n(9854)),a=n(868),l=n(3933),d=n(6417);var c=function(t){var e,n;const[c,p,h]=(0,o.Z)(),[u,f,x]=(0,l.YD)({triggerOnce:!0}),m=(0,i.MO)("whatmorePrimaryFont"),w=((0,i.MO)("whatmorePrimaryColor"),(0,i.MO)("whatmoreSecondaryColor")),g=(0,i.MO)("whatmoreShopId"),[y,v]=(0,r.useState)(!1),b=t.storyId,j=(0,a.V)(t.imageUrl),S=t.title,k=t.onClick,z=t.template,C=(0,s.f6)(g),F="template-stories-a"===z?"50%":"30%",D="portrait"==c?1:(0,s.Zy)(g),E=Math.floor(t.tileSize*D),L=.12*E*(0,s.LM)(g),M=null!==(e=(0,s.Q)(g))&&void 0!==e?e:m,O=null!==(n=(0,s.u2)(g))&&void 0!==n?n:[w,C,w,C,w];return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:E*(0,s.jJ)(g)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{v(!0),k(b)},className:[y?"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:F,boxShadow:"0px 2px 1px 0px "+O[0]+"50, 0px -2px 1px 0px "+O[1]+"50, 2px 0px 1px 0px "+O[2]+"50, -2px 0px 1px 0px "+O[3]+"80, 2px -2px 1px 0px "+O[4]+"80, -2px 2px 1px 0px "+O[0]+"DA, 2px 2px 1px 0px "+O[1]+"DA, -2px -2px 1px 0px "+O[2]+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:E+"px",borderRadius:F,border:"3px solid white",backgroundColor:"#343434"===w?"#d3d3d3":w,overflow:"hidden"},children:(0,d.jsx)("img",{src:j,loading:"lazy",style:{objectFit:"cover",height:E+"px",width:E+"px",backgroundColor:"white"},alt:"story image"})})}),(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,d.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",L+"px","important")},style:{textAlign:"center",color:(0,s.WS)(g),fontFamily:M,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:S.substring(0,24)})})]})},p=n(7592),h=n(9302);const u=(0,n(2575).Z)({key:"whatmore-stories-css"});var f=function(t){const[e,n,a]=(0,o.Z)(),[l]=(0,i.j1)("whatmoreLandscapePadding"),[f]=(0,i.j1)("whatmoreStoryTileSize"),[x]=(0,i.j1)("whatmoreStoryTileSizeDesktop"),[m]=(0,i.j1)("whatmoreShopId"),[w,g]=(0,r.useState)("portrait"===e?"flex-start":"center"),y=(0,r.useRef)(null);var v=t.eventsStories;const b=t.onClick,j=t.template;("landscape"===e&&!(0,s.DF)(m)||"portrait"===e&&!(0,s.J)(m))&&p.$.forEach((t=>{if(!t.querySelector('.whatmore-template-type[data="template-stories-a"]'))return;const e=t.querySelector(".whatmore-render-root");e&&(e.style.minHeight="0px")}));const S=t=>{if(y.current){const e="left"===t?4*-k:4*k;y.current.scrollBy({left:e,behavior:"smooth"})}};(0,r.useEffect)((()=>{!function(){if(y.current){const t=y.current.scrollWidth,e=y.current.offsetWidth;g(t>e?"flex-start":"center")}}()}),[w,a]);const k="landscape"===e?n*(x/100)*.3:a*(f/100)*.5;return(0,d.jsx)(h.C,{value:u,children:(0,d.jsx)("div",{style:{left:l+"px",right:l+"px",marginBottom:"portrait"==e?(0,s.cj)(m):(0,s.TM)(m)},children:(0,d.jsx)("div",{style:{display:"flex",alignItems:"center",position:"relative"},children:"landscape"==e&&!(0,s.DF)(m)||"portrait"==e&&!(0,s.J)(m)?(0,d.jsx)(d.Fragment,{}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:w,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:y,children:v.map(((t,e)=>(0,d.jsx)(c,{storyId:t.id,tileSize:k,onClick:t=>{b(e)},template:j,imageUrl:t.thumbnail_image,title:t.title},"whatmore-story-"+t.id)))}),"landscape"===e&&(0,s.sM)(m)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("button",{onClick:()=>S("left"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",left:0},children:(0,d.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:"<"})}),(0,d.jsx)("button",{onClick:()=>S("right"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",right:0},children:(0,d.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:">"})})]})]})})})})}},868:function(t,e,n){n.d(e,{V:function(){return a}});var r=n(9854),o=n(7753);const i={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},s={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},a=function(t){const e=(0,o.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,r.zp)(e))return t;if("AZURECDN"==(0,r.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(i))if(t.includes(e))return t.replace(e,i[e]);return t}}if("BUNNYCDN"==(0,r.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(s))if(t.includes(e))return t.replace(e,s[e]);return t}}return t}},8866:function(t,e,n){var r=n(7313);function o(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=o();const[i,s]=(0,r.useState)([e>n?"portrait":"landscape",e,n]);return(0,r.useLayoutEffect)((()=>{function t(){var[t,e]=o();s(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),i}},9111:function(){},123:function(){},9778:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[607],{6071:function(e,t,n){n.r(t);var r=n(7313),o=n(6090),i=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[607],{6071:function(e,t,n){n.r(t);var r=n(7313),o=n(6090),i=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(7592),h=n(8631),c=n(6066),u=n(8782),f=n(9821),m=n(4862),g=n(6417);const v=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,w]=(0,x.Z)(),[j,y]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[C,b,S,k,R]=(0,f.Z)(),P=(0,p.MO)("whatmoreCollectionsTileSize"),Z="portrait"==n?0:(0,p.MO)("whatmoreLandscapePadding"),L=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:M}=(0,r.useContext)(s.I),B=e.onClick;function A(e){B(e)}delete i.ZP.styles.global;var E=[];for(let r=0,o=!1;r<t.length;)o&&r!=t.length-1&&j[r]>.2?(E.push((0,g.jsx)(c.Z,{event1:t[r],event2:t[r+1],onClick:()=>{A(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,o=!o):(E.push((0,g.jsx)(h.Z,{event:t[r],onClick:()=>{A(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,o=!o);return(0,g.jsx)(l.C,{value:v,children:(0,g.jsx)("div",{children:(0,g.jsx)(o.x,{theme:i.ZP,cssVarsRoot:M,resetCSS:!1,children:(0,g.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,g.jsx)("div",{style:{marginLeft:Z+"px",marginRight:Z+"px"},children:(0,g.jsx)(u.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:E,spacing:L,defaultHeight:C*P*.01+"px",defaultWidth:b*P*.01+"px",retainAlreadyRenderedElements:!0,isScroll:m.gn})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),o=n(9854),i=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,i.j1)("whatmorePrimaryFont"),[f]=(0,i.j1)("whatmorePrimaryColor"),[m]=(0,i.j1)("whatmoreSecondaryColor"),[g]=(0,i.j1)("whatmoreShopId"),[v]=(0,i.j1)("whatmoreCollectionsTileSize"),[w,j]=(0,r.useState)(!1),y=(0,o.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,S=e.removeBorders,k=n*v*.01,R=d*v*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:R+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":"5px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:R+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),o=n(9854),i=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,i.j1)("whatmorePrimaryFont"),[f]=(0,i.j1)("whatmorePrimaryColor"),[m]=(0,i.j1)("whatmoreSecondaryColor"),[g]=(0,i.j1)("whatmoreShopId"),[v]=(0,i.j1)("whatmoreCollectionsTileSize"),[w,j]=(0,r.useState)(!1),y=(0,o.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,S=e.onClick,k=.01*v,R=n*k,P=n*k*.5,Z=d*k,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:Z+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":L,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),S(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return x}});var r=n(3933),o=n(8866),i=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:o}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,o.Z)();return(0,i.useEffect)((()=>{function t(e){e.preventDefault(),e.stopPropagation(),n.scrollLeft+=e.deltaX,n.scrollLeft+=e.deltaY}const n=document.querySelector(".whatmore-carousel-horizontal-flex");return e.isScroll&&(null===n||void 0===n||n.addEventListener("wheel",t)),()=>{document.removeEventListener("wheel",t)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[67],{4362:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var r=n(7313),i=n(8675),o=n(6090),s=n(7616),l=(n(6143),n(7244),n(123),n(9302)),a=n(2575),d=n(3271),c=n(8866),h=n(7753),p=n(7129),m=n(9854),x=n(
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[67],{4362:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var r=n(7313),i=n(8675),o=n(6090),s=n(7616),l=(n(6143),n(7244),n(123),n(9302)),a=n(2575),d=n(3271),c=n(8866),h=n(7753),p=n(7129),m=n(9854),x=n(7592),u=n(9821),y=n(3933),f=n(6417);function v(e){var t;const{ref:n,inView:r,entry:i}=(0,y.YD)({triggerOnce:!1}),o=null!==(t=e.defaultHeight)&&void 0!==t?t:"fit-content";return(0,f.jsx)(d.Kq,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:r?e.data.map(((t,n)=>(0,f.jsx)("div",{children:e.renderElement({eventData:t})},"key"+n))):(0,f.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function g(e){var t;const[n,r,i]=(0,u.Z)(),o=null!==(t=e.elementsPerRow)&&void 0!==t?t:Math.floor(Math.min(i,e.dataList.length)),s=function(e,t){var n=[];const r=t;for(let i=0;i<e.length;i+=r){const t=e.slice(i,i+r);n.push(t)}return n}(e.dataList,o);return(0,f.jsx)(d.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:s.map(((t,i)=>(0,f.jsx)(v,{renderElement:e.renderElement,data:t,defaultHeight:n,defaultWidth:r},"key-"+i)))})}var w=n(7300),j=(n(4920),n(3439),n(4892)),P=n(1092),b=n(5945),C=n(9219);var F=function(e){var[t,n]=(0,u.Z)();const[i,o]=(0,r.useState)(0),[s,l]=(0,r.useState)(e.event),[a]=(0,h.j1)("whatmoreShopId"),{whatmoreUITheme:d}=(0,r.useContext)(x.I),[c]=(0,h.j1)("whatmorePrimaryFont"),p=s.products.length;if(0==p)return(0,f.jsx)(f.Fragment,{});(0,r.useEffect)((()=>{const e=setInterval((()=>{o((e=>(e+1)%p))}),3e3);return()=>{clearInterval(e)}}),[]),(0,r.useEffect)((()=>{(0,m.N8)(a)&&(0,C.p_)(s,(0,m.Ip)(a),a).then((e=>{l(e)}))}),[]);const y=.08*n+"px",v=.075*n+"px",g=(+s.products[i].price).toFixed(),w=(+s.products[i].compare_price).toFixed();return(0,f.jsxs)("div",{style:{background:(0,m.Ys)(a),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"round"==d?"0 0 12px 12px":"0"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",y,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,b.s)(s.products[i].title)}),(0,f.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,C.jx)(parseFloat(g)," ",a,s.products[i].currency)}),!isNaN(w)&&w>g&&(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,C.jx)(parseFloat(w)," ",a,s.products[i].currency)})]})]})};function k(e){const[t,n]=(0,u.Z)(),[r]=(0,h.j1)("whatmoreShowViews"),i=e.event;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===r?(0,f.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)(P.Z,{event:i,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})})})})}var I=function(e){var t,n,i;const[o,s]=(0,u.Z)();var l=(0,r.useContext)(p.V);const{whatmoreUITheme:a}=(0,r.useContext)(x.I),d=(0,h.MO)("whatmoreSecondaryColor"),c=(0,h.MO)("whatmoreShopId"),v=e.event,g=e.onClick,w=null===(t=e.isOnFocus)||void 0===t||t,P=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,b=null!==(i=e.animateOnFocus&&(0,m.iW)(c))&&void 0!==i&&i,[C,I,O]=(0,y.YD)({triggerOnce:!0});return(0,f.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",l.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",l.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,height:o,borderRadius:"round"==a?"12px":"0px",borderWidth:(0,m.en)(c),borderColor:"white"==(0,m.qP)(c)?d:(0,m.qP)(c),overflow:"hidden",cursor:"pointer"},className:b?w?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{g(v)},children:[(0,f.jsx)(j.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:w||P,event:v}),(0,f.jsxs)("div",{style:{width:s,height:o},ref:C,children:[(0,f.jsx)(k,{event:v,isOnFocus:w}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:" "})}),(0,f.jsx)("div",{style:{width:"100%"},children:I&&(0,m.PW)(c)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(F,{event:v})}):(0,f.jsx)("div",{height:"20px"})})]})})]})]})};const O=(0,a.Z)({key:"whatmore-css-hv"});var M=function(e){var t;const[n,a,y]=(0,c.Z)(),[v,j,P]=(0,u.Z)(),[b]=(0,h.j1)("whatmoreShopId"),[C]=(0,h.j1)("whatmorePrimaryColor"),[F]=(0,h.j1)("whatmoreSecondaryColor"),[k]=(0,h.j1)("whatmoreTitleFont"),M="portrait"==n?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:S}=(0,r.useContext)(x.I),Z=e.events,R=e.onClick,z=null!==(t=(0,m.aR)(b))&&void 0!==t?t:k;function W(e){R(e)}const N=parseInt(Math.floor(P));return delete s.ZP.styles.global,(0,f.jsx)(l.C,{value:O,children:(0,f.jsx)("div",{children:(0,f.jsx)(o.x,{theme:s.ZP,cssVarsRoot:S,resetCSS:!1,children:(0,f.jsxs)(p.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[e.heading.trim().length>0?(0,f.jsx)(d.M5,{children:(0,f.jsx)(d.xv,{bgColor:C,bgClip:"text",fontSize:M,sx:{fontFamily:z+" !important"},align:"center",children:e.heading})}):(0,f.jsx)(f.Fragment,{}),"landscape"===n?(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(t)||(0,w.WJ)(t)?(0,f.jsx)(I,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}}):(0,f.jsx)(i.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}})})},dataList:Z,elementsPerRow:N}):(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,f.jsx)(I,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}})})},dataList:Z,elementsPerRow:N})]})})})})}}}]);
|