whatmore-react-assets 1.0.741 → 1.0.742
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{1332:function(e,t,n){var c=n(7313),a=(n(8743),n(7753)),o=n(5254),r=n(6417);t.Z=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(1332),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 h}});var c=n(7313),a=n(3933),o=n(868),r=n(8984),i=n(7300),m=n(2887),s=n(4862),d=n(7753),l=n(6417);var u=function(e){var t,n;const o=(0,c.useRef)(null),[i,m,u]=(0,a.YD)({triggerOnce:!0}),h=(0,d.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,c.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((s.G6||(0,r.gE)())&&o.current.play(),o.current.pause()))}),[e.isPlaying,m]),(0,l.jsx)("div",{ref:i,style:{width:g,height:f,overflow:"hidden"},children:m?(0,l.jsx)("video",{ref:o,className:"whatmore-video-player",width:f,height:g,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==h&&"STRY2V4XO5L"!==h?e.url:e.poster,muted:!0,src:e.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:f,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,n,s,d;const[h,g,f]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(e.event))return(0,l.jsx)(m.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const b=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var p;if((0,r.KE)())return(0,l.jsx)(u,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(p=e.event)||void 0===p?void 0:p.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:b});const w=(0,c.useRef)(null),v=null!==(n=e.height)&&void 0!==n?n:"100%",y=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,c.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,g]),(0,l.jsx)("div",{ref:h,style:{width:v,height:y,overflow:"hidden"},children:g?(0,l.jsx)("video",{ref:w,className:"whatmore-video-player",width:y,height:v,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),poster:null===e||void 0===e||null===(d=e.event)||void 0===d?void 0:d.poster_image,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:y,height:v,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.zpr)(t))return e;if("AZURECDN"==(0,c.zpr)(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.zpr)(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,p,w,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=p*h,t=b*h;[b,p,w,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*p,E=.8*b;"portrait"==t?(j*=g,E*=g,[b,p,w,v]=[E,j,y(i/(1.2*j)),0],x[r.me]=r.AL,x[r.YP]=r.rE):([b,p,w,v]=[E,j,(i-2*m)/(1.1*j),m],x[r.me]=r.AL,x[r.YP]=r.$w)}else{j=p,E=b;"portrait"==t?(j=j*g*.9,E=E*g*.9,[b,p,w,v]=[E,j,y(i/(1.15*j)),0],x[r.me]=r.AK,x[r.YP]=r.rE):(j=.7*p,E=.7*b,[b,p,w,v]=[E,j,(i-2*m)/(1.1*j),m],x[r.me]=r.AK,x[r.YP]=r.$w)}return[b,p,w,v,x]}},8743:function(){},123:function(){},7244:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{1332:function(e,t,n){var c=n(7313),a=(n(8743),n(7753)),o=n(5254),r=n(6417);t.Z=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(1332),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 h}});var c=n(7313),a=n(3933),o=n(868),r=n(8984),i=n(7300),m=n(2887),s=n(4862),d=n(7753),l=n(6417);var u=function(e){var t,n;const o=(0,c.useRef)(null),[i,m,u]=(0,a.YD)({triggerOnce:!0}),h=(0,d.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,c.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((s.G6||(0,r.gE)())&&o.current.play(),o.current.pause()))}),[e.isPlaying,m]),(0,l.jsx)("div",{ref:i,style:{width:g,height:f,overflow:"hidden"},children:m?(0,l.jsx)("video",{ref:o,className:"whatmore-video-player",width:f,height:g,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==h&&"STRY2V4XO5L"!==h?e.url:e.poster,muted:!0,src:e.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:f,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,n,s,d;const[h,g,f]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(e.event))return(0,l.jsx)(m.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const b=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var p;if((0,r.KE)())return(0,l.jsx)(u,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(p=e.event)||void 0===p?void 0:p.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:b});const w=(0,c.useRef)(null),v=null!==(n=e.height)&&void 0!==n?n:"100%",y=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,c.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,g]),(0,l.jsx)("div",{ref:h,style:{width:v,height:y,overflow:"hidden"},children:g?(0,l.jsx)("video",{ref:w,className:"whatmore-video-player",width:y,height:v,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),poster:null===e||void 0===e||null===(d=e.event)||void 0===d?void 0:d.poster_image,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:y,height:v,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.zpr)(t))return e;if("AZURECDN"==(0,c.zpr)(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.zpr)(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,a.j1)("whatmoreVideoTileSizePortrait"),l=(0,c.useMediaQuery)({query:"(min-width: 1025px)"}),u=(0,c.useMediaQuery)({query:"(min-width: 481px)"}),h="portrait"==t?d:s,g=!("portrait"!=t||!u),f=h/100*1.3*.5,b=h/100;var p=Math.min(i,n),[w,v,y,x]=[.6*p*(16/9),.6*p,1.4,0];function j(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(l){const e=v*f,t=w*f;[w,v,y,x]=[t,e,(i-2*m)/(1.1*e),m],E[r.me]=r.$I,E[r.YP]=r.$w}else if(g){var P=.8*v,k=.8*w;"portrait"==t?(P*=b,k*=b,[w,v,y,x]=[k,P,j(i/(1.2*P)),0],E[r.me]=r.AL,E[r.YP]=r.rE):([w,v,y,x]=[k,P,(i-2*m)/(1.1*P),m],E[r.me]=r.AL,E[r.YP]=r.$w)}else{P=v,k=w;"portrait"==t?(P=P*b*.9,k=k*b*.9,[w,v,y,x]=[k,P,j(i/(1.15*P)),0],E[r.me]=r.AK,E[r.YP]=r.rE):(P=.7*v,k=.7*w,[w,v,y,x]=[k,P,(i-2*m)/(1.1*P),m],E[r.me]=r.AK,E[r.YP]=r.$w)}return[w,v,y,x,E]}},8743:function(){},123:function(){},7244:function(){}}]);
|