whatmore-react-assets 1.0.475 → 1.0.477

package/static/js/{950.fa0cfa24.chunk.js → 950.66e96757.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{51:function(e,t,n){n.d(t,{Z:function(){return i}});var c=n(7313),a=n(7753),o=n(5254),r=n(6417);var i=function(e){return(0,c.useEffect)((()=>{const e=(0,o.oo)((0,a.MO)("whatmoreSecondaryColor"));!function(e,t,n,c){const a="rgba(".concat(e,",").concat(t,",").concat(n,",").concat(c,")"),o="\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(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7);\n      }\n      12.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(a,", 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5);\n      }\n      25% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(a,", 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      37.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(a,", 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      50% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(a,", -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      62.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(a,", -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      75% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(a,", -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      87.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(a,";\n      }\n    }\n  "),r=document.createElement("style");r.type="text/css",r.innerHTML=o,document.head.appendChild(r)}(e[0],e[1],e[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},3175:function(e,t,n){var c=n(51),a=n(5180),o=n(6417);t.Z=function(e){var t,n;const r=null!==(t=e.height)&&void 0!==t?t:"100%",i=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:i,height:r,overflow:"hidden",minHeight:r,minWidth:i},children:[(0,o.jsx)(a.Z,{height:r,width:i}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(c.Z,{})})})]})}},5180:function(e,t,n){var c=n(6417);t.Z=function(e){var t,n,a;const o=null!==(t=e.height)&&void 0!==t?t:"100%",r=null!==(n=e.width)&&void 0!==n?n:"100%",i=null!==(a=e.borderRadius)&&void 0!==a?a:"10px";return(0,c.jsx)("div",{style:{height:o,width:o,borderRadius:i,overflow:"hidden",minHeight:o,minWidth:r,maxHeight:o,maxWidth:r},children:(0,c.jsx)("div",{style:{minHeight:o,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var c=n(7313),a=n(3175),o=n(6417);t.Z=function(e){var t,n,r;const[i,m]=(0,c.useState)(!1),s=c.useRef(0),d=(0,c.useRef)(null),l=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,c.useEffect)((()=>{s.current=0;const e=setInterval((()=>{s.current=s.current+.03,d.current&&l(s.current,5),s.current>=5&&(s.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:u,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,o.jsx)("img",{ref:d,src:e.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{m(!0)}})}),i?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(a.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return l}});var c=n(7313),a=n(3933),o=n(868),r=n(8984),i=n(7300),m=n(2887),s=n(6417);var d=function(e){var t,n;const o=(0,c.useRef)(null),[r,i,m]=(0,a.YD)({triggerOnce:!0}),d=null!==(t=e.height)&&void 0!==t?t:"100%",l=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,c.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():o.current.pause())}),[e.isPlaying,i]),(0,s.jsx)("div",{ref:r,style:{width:d,height:l,overflow:"hidden"},children:i?(0,s.jsx)("video",{ref:o,className:"whatmore-video-player",width:l,height:d,preload:"metadata",loop:!0,playsInline:!0,autoPlay:!0,muted:!0,src:e.url,style:{backgroundColor:"white"}}):(0,s.jsx)("div",{width:l,height:d,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var l=function(e){var t,n,l;const[u,h,g]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(e.event))return(0,s.jsx)(m.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const f=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;if((0,r.KE)())return(0,s.jsx)(d,{height:"100%",width:"100%",url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:f});const b=(0,c.useRef)(null),w=null!==(n=e.height)&&void 0!==n?n:"100%",p=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,c.useEffect)((()=>{b.current&&(e.isPlaying?b.current.play():b.current.pause())}),[e.isPlaying,h]),(0,s.jsx)("div",{ref:u,style:{width:w,height:p,overflow:"hidden"},children:h?(0,s.jsx)("video",{ref:b,className:"whatmore-video-player",width:p,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,s.jsx)("div",{width:p,height:w,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return i}});var c=n(9854),a=n(7753);const o={"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"},r={"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(e){const t=(0,a.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,c.zp)(t))return e;if("AZURECDN"==(0,c.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,c.zp)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(r))if(e.includes(t))return e.replace(t,r[t]);return e}}return e}},6805:function(e,t,n){n.d(t,{$I:function(){return i},$w:function(){return s},AK:function(){return o},AL:function(){return r},YP:function(){return a},me:function(){return c},rE:function(){return m}});const c="device_type",a="device_mode",o="mobile",r="tablet",i="desktop",m="portrait",s="landscape"},8866:function(e,t,n){var c=n(7313);function a(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=a();const[o,r]=(0,c.useState)([t>n?"portrait":"landscape",t,n]);return(0,c.useLayoutEffect)((()=>{function e(){var[e,t]=a();r(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},9821:function(e,t,n){var c=n(6367),a=n(7753),o=n(8866),r=n(6805);t.Z=function(e){const[t,n,i]=(0,o.Z)(),[m]=(0,a.j1)("whatmoreLandscapePadding"),[s]=(0,a.j1)("whatmoreVideoTileSize"),d=(0,c.useMediaQuery)({query:"(min-width: 1025px)"}),l=(0,c.useMediaQuery)({query:"(min-width: 481px)"}),u=!("portrait"!=t||!l),h=s/100*1.3*.5,g=s/100;var f=Math.min(i,n),[b,w,p,v]=[.6*f*(16/9),.6*f,1.4,0];function y(e){return Math.round(10*e)/10}var x={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(d){const e=w*h,t=b*h;[b,w,p,v]=[t,e,(i-2*m)/(1.1*e),m],x[r.me]=r.$I,x[r.YP]=r.$w}else if(u){var j=.8*w,E=.8*b;"portrait"==t?(j*=g,E*=g,[b,w,p,v]=[E,j,y(i/(1.2*j)),0],x[r.me]=r.AL,x[r.YP]=r.rE):([b,w,p,v]=[E,j,(i-2*m)/(1.1*j),m],x[r.me]=r.AL,x[r.YP]=r.$w)}else{j=w,E=b;"portrait"==t?(j=j*g*.9,E=E*g*.9,[b,w,p,v]=[E,j,y(i/(1.15*j)),0],x[r.me]=r.AK,x[r.YP]=r.rE):(j=.7*w,E=.7*b,[b,w,p,v]=[E,j,(i-2*m)/(1.1*j),m],x[r.me]=r.AK,x[r.YP]=r.$w)}return[b,w,p,v,x]}},123:function(){},7244:function(){}}]);
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{51:function(e,t,n){n.d(t,{Z:function(){return i}});var c=n(7313),a=n(7753),o=n(5254),r=n(6417);var i=function(e){return(0,c.useEffect)((()=>{const e=(0,o.oo)((0,a.MO)("whatmoreSecondaryColor"));!function(e,t,n,c){const a="rgba(".concat(e,",").concat(t,",").concat(n,",").concat(c,")"),o="\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(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7);\n      }\n      12.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(a,", 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5);\n      }\n      25% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(a,", 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      37.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(a,", 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      50% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(a,", -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      62.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(a,", -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      75% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(a,", -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n      }\n      87.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(a,";\n      }\n    }\n  "),r=document.createElement("style");r.type="text/css",r.innerHTML=o,document.head.appendChild(r)}(e[0],e[1],e[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},3175:function(e,t,n){var c=n(51),a=n(5180),o=n(6417);t.Z=function(e){var t,n;const r=null!==(t=e.height)&&void 0!==t?t:"100%",i=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:i,height:r,overflow:"hidden",minHeight:r,minWidth:i},children:[(0,o.jsx)(a.Z,{height:r,width:i}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(c.Z,{})})})]})}},5180:function(e,t,n){var c=n(6417);t.Z=function(e){var t,n,a;const o=null!==(t=e.height)&&void 0!==t?t:"100%",r=null!==(n=e.width)&&void 0!==n?n:"100%",i=null!==(a=e.borderRadius)&&void 0!==a?a:"10px";return(0,c.jsx)("div",{style:{height:o,width:o,borderRadius:i,overflow:"hidden",minHeight:o,minWidth:r,maxHeight:o,maxWidth:r},children:(0,c.jsx)("div",{style:{minHeight:o,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var c=n(7313),a=n(3175),o=n(6417);t.Z=function(e){var t,n,r;const[i,m]=(0,c.useState)(!1),s=c.useRef(0),d=(0,c.useRef)(null),l=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,c.useEffect)((()=>{s.current=0;const e=setInterval((()=>{s.current=s.current+.03,d.current&&l(s.current,5),s.current>=5&&(s.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:u,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,o.jsx)("img",{ref:d,src:e.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{m(!0)}})}),i?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(a.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return l}});var c=n(7313),a=n(3933),o=n(868),r=n(8984),i=n(7300),m=n(2887),s=n(6417);var d=function(e){var t,n;const o=(0,c.useRef)(null),[r,i,m]=(0,a.YD)({triggerOnce:!0}),d=null!==(t=e.height)&&void 0!==t?t:"100%",l=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,c.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():o.current.pause())}),[e.isPlaying,i]),(0,s.jsx)("div",{ref:r,style:{width:d,height:l,overflow:"hidden"},children:i?(0,s.jsx)("video",{ref:o,className:"whatmore-video-player",width:l,height:d,preload:"metadata",loop:!0,playsInline:!0,poster:e.url,muted:!0,src:e.url,style:{backgroundColor:"white"}}):(0,s.jsx)("div",{width:l,height:d,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var l=function(e){var t,n,l;const[u,h,g]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(e.event))return(0,s.jsx)(m.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const f=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;if((0,r.KE)())return(0,s.jsx)(d,{height:"100%",width:"100%",url:(0,o.V)(e.url),isPlaying:!0,pauseFromPlayTimeInMs:f});const b=(0,c.useRef)(null),w=null!==(n=e.height)&&void 0!==n?n:"100%",p=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,c.useEffect)((()=>{b.current&&(e.isPlaying?b.current.play():b.current.pause())}),[e.isPlaying,h]),(0,s.jsx)("div",{ref:u,style:{width:w,height:p,overflow:"hidden"},children:h?(0,s.jsx)("video",{ref:b,className:"whatmore-video-player",width:p,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,s.jsx)("div",{width:p,height:w,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return i}});var c=n(9854),a=n(7753);const o={"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"},r={"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(e){const t=(0,a.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,c.zp)(t))return e;if("AZURECDN"==(0,c.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,c.zp)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(r))if(e.includes(t))return e.replace(t,r[t]);return e}}return e}},6805:function(e,t,n){n.d(t,{$I:function(){return i},$w:function(){return s},AK:function(){return o},AL:function(){return r},YP:function(){return a},me:function(){return c},rE:function(){return m}});const c="device_type",a="device_mode",o="mobile",r="tablet",i="desktop",m="portrait",s="landscape"},8866:function(e,t,n){var c=n(7313);function a(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=a();const[o,r]=(0,c.useState)([t>n?"portrait":"landscape",t,n]);return(0,c.useLayoutEffect)((()=>{function e(){var[e,t]=a();r(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},9821:function(e,t,n){var c=n(6367),a=n(7753),o=n(8866),r=n(6805);t.Z=function(e){const[t,n,i]=(0,o.Z)(),[m]=(0,a.j1)("whatmoreLandscapePadding"),[s]=(0,a.j1)("whatmoreVideoTileSize"),d=(0,c.useMediaQuery)({query:"(min-width: 1025px)"}),l=(0,c.useMediaQuery)({query:"(min-width: 481px)"}),u=!("portrait"!=t||!l),h=s/100*1.3*.5,g=s/100;var f=Math.min(i,n),[b,w,p,v]=[.6*f*(16/9),.6*f,1.4,0];function y(e){return Math.round(10*e)/10}var x={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(d){const e=w*h,t=b*h;[b,w,p,v]=[t,e,(i-2*m)/(1.1*e),m],x[r.me]=r.$I,x[r.YP]=r.$w}else if(u){var j=.8*w,E=.8*b;"portrait"==t?(j*=g,E*=g,[b,w,p,v]=[E,j,y(i/(1.2*j)),0],x[r.me]=r.AL,x[r.YP]=r.rE):([b,w,p,v]=[E,j,(i-2*m)/(1.1*j),m],x[r.me]=r.AL,x[r.YP]=r.$w)}else{j=w,E=b;"portrait"==t?(j=j*g*.9,E=E*g*.9,[b,w,p,v]=[E,j,y(i/(1.15*j)),0],x[r.me]=r.AK,x[r.YP]=r.rE):(j=.7*w,E=.7*b,[b,w,p,v]=[E,j,(i-2*m)/(1.1*j),m],x[r.me]=r.AK,x[r.YP]=r.$w)}return[b,w,p,v,x]}},123:function(){},7244:function(){}}]);

package/static/js/959.90d64531.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[959],{4048:function(e,t,n){n.r(t);var i=n(7313),o=n(6090),r=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),a=n(2210),d=n(8486),c=n(9821),h=n(8866),p=n(2279),x=n.n(p),u=n(7753),m=n(7129),f=n(1855),g=n(9854),y=n(9039),v=n(4920),w=n(7376),j=n(778),b=n(7381),C=n(6417);const P=(0,l.Z)({key:"whatmore-css-hv"});function I(e){const[t,n,o]=(0,c.Z)(),r=(0,u.MO)("whatmoreShopId"),s=e.events,l=e.onClick,d=o*(0,g.u6)(r),[h,p]=(0,i.useState)(d),{whatmoreWidgetSourceDetails:x}=(0,i.useContext)(y.I);return(0,i.useEffect)((()=>{h<=d&&p((e=>e+d))}),[d]),(0,C.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,C.jsx)(a.tq,{slidesPerView:s.length>1?d:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:x}),e.realIndex>e.previousIndex&&p((e=>e+d))},children:s.map(((e,t)=>{const n=(null===e||void 0===e?void 0:e.products.length)>0&&(null===e||void 0===e?void 0:e.products.every((e=>"oos"===(null===e||void 0===e?void 0:e.product_status))));return t<=h&&!n&&(0,C.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:o,isVisible:r}=t;return i||o||n?(0,C.jsx)(v.Z,{isOnFocus:n&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{l(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)}))})})})}function S(e){const[t,n,o,r]=(0,c.Z)(),[s,l]=(0,i.useState)(-1),h=(0,u.MO)("whatmoreShopId"),[p,m]=(0,i.useState)(o),b=e.onClick,P=e.events,I=Math.min(o,P.length),{whatmoreWidgetSourceDetails:S}=(0,i.useContext)(y.I);return(0,i.useEffect)((()=>{p<=o&&m((e=>e+o))}),[o]),(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,C.jsx)("div",{style:{width:n*I*1.1+"px"},children:(0,C.jsx)(a.tq,{slidesPerView:I,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(I),onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}),e.realIndex>e.previousIndex&&m((e=>e+o))},spaceBetween:(0,g.WG)(h),children:P.map(((e,t)=>{const n=(null===e||void 0===e?void 0:e.products.length)>0&&(null===e||void 0===e?void 0:e.products.every((e=>"oos"===(null===e||void 0===e?void 0:e.product_status)))),i=x()((()=>l(t)),300);return t<=p&&!n&&(0,C.jsx)(a.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),l(-1)},children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:l}=n;return l?(0,C.jsx)(v.Z,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{b(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){var t;const[n,l,a]=(0,h.Z)(),[d]=(0,u.j1)("whatmoreShopId"),[c]=(0,u.j1)("whatmorePrimaryColor"),[p]=(0,u.j1)("whatmoreSecondaryColor"),[x]=(0,u.j1)("whatmoreTitleFont"),f="portrait"==n?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,i.useContext)(y.I),w=e.events,j=e.onClick,F=null!==(t=(0,g.aR)(d))&&void 0!==t?t:x;function M(e){j(e)}return(0,i.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!")}),[]),delete r.ZP.styles.global,(0,C.jsx)(s.C,{value:P,children:(0,C.jsx)("div",{children:(0,C.jsx)(o.x,{theme:r.ZP,cssVarsRoot:v,resetCSS:!1,children:(0,C.jsxs)(m.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0?(0,C.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",F,"important"),e.style.setProperty("font-size",f+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,g.wO)(d),lineHeight:(0,g.vY)(d),letterSpacing:(0,g.X2)(d)},children:e.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===n?(0,C.jsx)(S,{events:w,onClick:M}):(0,C.jsx)(I,{events:w,onClick:M})]})})})})}},1092:function(e,t,n){var i=n(237),o=n(9854),r=n(7753),s=n(9039),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,r.MO)("whatmoreShopId"),c=(0,r.MO)("whatmorePrimaryFont"),h=e.event,p=e.fontSize;if(h.total_views<=0)return(0,a.jsx)(a.Fragment,{});const x=(0,o.S_)(n);return"template-icon"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(i.Z,{sx:{color:(0,o.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("font-size",p,"important"),e.style.setProperty("min-height","0","important"),e.style.setProperty("display","inline","important"),e.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},5945:function(e,t,n){function i(e){return"undefined"==typeof e||"undefined"==e||null==e?"":e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()}))}n.d(t,{s:function(){return i}})},1855:function(e,t,n){var i=n(7313),o=n(9821),r=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,o.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},4920:function(e,t,n){n.d(t,{Z:function(){return j}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),s=n(7753),l=n(4892),a=n(7129),d=n(6805),c=n(9854),h=n(1092),p=n(5945),x=n(9039),u=n(6417);var m=function(e){var[t,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(x.I),[l]=(0,s.j1)("whatmorePrimaryFont"),[a]=(0,s.j1)("whatmorePrimaryColor"),[d]=(0,s.j1)("whatmoreSecondaryColor"),[h,m]=(0,i.useState)(0),f=(0,s.MO)("whatmoreShopId"),g=e.event;if(0==g.products.length)return(0,u.jsx)(u.Fragment,{});const y=.3*n,v=y+"px",w=y+"px",j=.07*n+"px";return(0,u.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,u.jsx)("div",{style:{width:v,height:w,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(f),borderColor:(0,c.qP)(f),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,u.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,c.yO)(f),"important")},src:g.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,u.jsx)("div",{style:{width:n-5-y+"px",height:w,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",j,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",l,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,p.s)(g.products[h].title)})})})]},h)})},f=n(3933),g=n(8984);function y(e){var t,[n,l]=(0,o.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[h,p,x]=(0,f.YD)({triggerOnce:!0});var y=(0,i.useContext)(a.V);const v=e.event,w=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l,b=(0,g.gE)()?e.isOnFocus:p;return(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)("p",{children:"    "})}),y.showPlayButton&&!w?(0,u.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==v.event_type&&(0,u.jsx)(r.Z,{sx:{color:(0,c.Y)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,u.jsx)(u.Fragment,{}),(0,u.jsx)("div",{ref:h,children:b&&(0,c.PW)(d)?(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)(m,{event:v})}):(0,u.jsx)("div",{height:"20px"})})]})})}function v(e){var[t,n]=(0,o.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,u.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,u.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,u.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:"         "}),(0,u.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,u.jsx)(u.Fragment,{})}function w(e){const[t,n,i,r,l]=(0,o.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),p=(0,s.MO)("whatmoreShopId"),x=e.event,m=e.isOnFocus;return(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,u.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,c.qc)(p)?(0,u.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,u.jsx)(h.Z,{event:x,fontSize:.07*n+"px"})})}):(0,u.jsx)(u.Fragment,{})})}),d.$w===l[d.YP]?(0,u.jsx)(u.Fragment,{}):m?(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,u.jsx)(v,{event:x})}):(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)(v,{event:x})})]})})}var j=function(e){var t,n,r;const[h,p,m,f,g]=(0,o.Z)();var v=(0,i.useContext)(a.V);const{whatmoreUITheme:j}=(0,i.useContext)(x.I),b=(0,s.MO)("whatmoreShopId"),C=e.event,P=e.onClick,I=null===(t=e.isOnFocus)||void 0===t||t,S=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,F=null!==(r=e.animateOnFocus&&(0,c.iW)(b))&&void 0!==r&&r,M=(0,c.nz)(b);return(0,u.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",v.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",v.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:p,height:h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j?M:null,borderWidth:(0,c.al)(b),borderColor:(0,c.qP)(b),overflow:"hidden",cursor:"pointer"},className:F?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(C)},children:[(0,u.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:I||S,event:C}),(0,u.jsxs)("div",{style:{width:p,height:h},children:[(0,u.jsx)(w,{event:C,isOnFocus:I}),I||d.$w===g[d.YP]?(0,u.jsx)(y,{event:C,unfocusedDisplay:!I,isOnFocus:I}):null]})]})}},9723:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},237:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){}}]);

package/static/js/986.36b18c4a.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[986],{1291:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),s=(n(8984),n(8866)),d=n(7753),x=n(7129),p=n(9039),c=n(8631),h=(n(6066),n(9821)),u=n(8782),m=(n(4862),n(7381)),f=n(6417);const v=(0,l.Z)({key:"whatmore-css-cv"});t.default=function(e){const[t,n,l]=(0,s.Z)(),[g,w,y,j,C]=(0,h.Z)(),b=(0,d.MO)("whatmoreCollectionsTileSize"),E="portrait"==t?0:(0,d.MO)("whatmoreLandscapePadding"),L=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:R}=(0,o.useContext)(p.I),k=e.events,S=e.onClick;delete r.ZP.styles.global;var P=[];for(let o=0;o<k.length;)P.push((0,f.jsx)(c.Z,{event:k[o],onClick:()=>{var e;e=k[o-1],S(e)},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+o)),o+=1;return(0,o.useEffect)((()=>{(0,m.Oo)("Video shopping powered by Whatmore!")}),[]),(0,f.jsx)(a.C,{value:v,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:r.ZP,cssVarsRoot:R,resetCSS:!1,children:(0,f.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:E+"px",marginRight:E+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:P,spacing:L,defaultHeight:g*b*.01+"px",defaultWidth:w*b*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),a=(n(9111),n(123),n(9778),n(4892)),l=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(l.V);const C=e.event,b=e.onClick,E=e.removeBorders,L=n*g*.01,R=x*g*.01,k=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:R+"px",marginLeft:E?"2px":"5px",marginRight:E?"2px":"5px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),b(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:k,overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),a=(n(9111),n(123),n(9778),n(4892)),l=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(l.V);const C=e.event1,b=e.event2,E=e.onClick,L=.01*g,R=n*L,k=n*L*.5,S=x*L,P=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",Z=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":P,boxShadow:Z?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),E(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderTopLeftRadius:Z?"0px":M,borderTopRightRadius:Z?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":M,borderBottomRightRadius:Z?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return l}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);