whatmore-react-assets 1.0.1182 → 1.0.1183
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/static/js/{145.3a1ea5cb.chunk.js → 145.a7029524.chunk.js} +1 -1
- package/static/js/{banner-template-a.16af4071.chunk.js → banner-template-a.033aac33.chunk.js} +1 -1
- package/static/js/event-click-main.11e4c84a.chunk.js +1 -0
- package/static/js/{stories-template-a.15d8f805.chunk.js → stories-template-a.b22aabca.chunk.js} +1 -1
- package/whatmore.js +2 -2
- package/static/js/event-click-main.b2fd1c5f.chunk.js +0 -1
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[145],{1332:function(e,t,r){var n=r(7313),i=(r(8743),r(7753)),o=r(5254),m=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,m=document.createElement("style");m.type="text/css",m.innerHTML=o,document.head.appendChild(m)}(e[0],e[1],e[2],.2)}),[]),(0,m.jsx)(m.Fragment,{children:(0,m.jsx)("span",{className:"whatmore-loading-indicator"})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),o=r(6417);t.Z=function(e){var t,r;const m=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,o.jsxs)("div",{style:{width:a,height:m,overflow:"hidden",minHeight:m,minWidth:a},children:[(0,o.jsx)(i.Z,{height:m,width:a}),(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)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",m=null!==(r=e.width)&&void 0!==r?r:"100%",a=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:o,width:o,borderRadius:a,overflow:"hidden",minHeight:o,minWidth:m,maxHeight:o,maxWidth:m},children:(0,n.jsx)("div",{style:{minHeight:o,minWidth:m},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),o=r(6417);t.Z=function(e){var t,r,m;const[a,s]=(0,n.useState)(!1),d=n.useRef(0),l=(0,n.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(r=e.height)&&void 0!==r?r:"100%",h=null!==(m=e.width)&&void 0!==m?m:"100%";return(0,n.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,l.current&&u(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:a?"100%":"0px",height:a?"100%":"0px"},children:(0,o.jsx)("img",{ref:l,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),a?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:h,height:c})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return $}});var n=r(7313),i=r(3933),o=r(868),m=r(8984),a=r(7300),s=r(2887),d=r(4862),l=r(7753),u=r(342),c=(r(9854),r(6417));var h=function(e){var t,r,o,a;const s=(0,n.useRef)(null),[h,$,p]=(0,i.YD)({triggerOnce:!0}),g=(0,l.MO)("whatmoreShopId"),v=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{s.current&&(e.isPlaying?s.current.play():((d.G6||(0,m.gE)())&&s.current.play(),"57939755089"==g?setTimeout((()=>{s.current.pause()}),300):s.current.pause()))}),[e.isPlaying,$]),(0,c.jsx)("div",{ref:h,style:{width:v,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:$||"51394281658"==g||"8968077397"==g?(0,c.jsxs)("video",{ref:s,className:"whatmore-video-player-muted",width:f,height:v,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==g&&"STRY2V4XO5L"!==g?e.url:e.poster,muted:null===(a=e.isVideoMuted)||void 0===a||a,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:f,height:v,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var $=function(e){var t,r,d,$,p;const[g,v,f]=(0,i.YD)({triggerOnce:!0}),b=(0,l.MO)("whatmoreShopId");if((0,a.WJ)(e.event))return(0,c.jsx)(s.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const w=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var y;if((0,m.KE)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:null===e||void 0===e||null===(y=e.event)||void 0===y?void 0:y.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:w});const _=(0,n.useRef)(null),x=null!==(r=e.height)&&void 0!==r?r:"100%",j=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,n.useEffect)((()=>{_.current&&(e.isPlaying?_.current.play():_.current.pause())}),[e.isPlaying,v]),(0,c.jsx)("div",{ref:g,style:{width:x,height:j,overflow:"hidden",display:"flex",alignItems:"center"},children:v||"51394281658"==b||"8968077397"==b?(0,c.jsxs)("video",{ref:_,className:"whatmore-video-player-muted",width:j,height:x,preload:"metadata",loop:!0,playsInline:!0,muted:null===($=e.isVideoMuted)||void 0===$||$,poster:"57939755089"==b?"":null===e||void 0===e||null===(p=e.event)||void 0===p?void 0:p.poster_image,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("source",{src:(0,o.V)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:j,height:x,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return a}});var n=r(9854),i=r(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"},m={"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(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,n.zpr)(t))return e;if("AZURECDN"==(0,n.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,n.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(m))if(e.includes(t))return e.replace(t,m[t]);return e}}return e}},342:function(e,t,r){r.d(t,{$W:function(){return a},WN:function(){return m},uv:function(){return o},vW:function(){return s}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),o=function(e){var t,r;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(r=e.event_media_urls.primary.landscape)||void 0===r?void 0:r.content_video_1080p:e.event_hls_url},m=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},a=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},6805:function(e,t,r){r.d(t,{$I:function(){return a},$w:function(){return d},AK:function(){return o},AL:function(){return m},YP:function(){return i},me:function(){return n},rE:function(){return s}});const n="device_type",i="device_mode",o="mobile",m="tablet",a="desktop",s="portrait",d="landscape"},9821:function(e,t,r){var n=r(6367),i=r(7753),o=r(8866),m=r(6805),a=r(9854);t.Z=function(e){const[t,r,s]=(0,o.Z)(),[d]=(0,i.j1)("whatmoreLandscapePadding"),[l]=(0,i.j1)("whatmoreShopId"),[u]=(0,i.j1)("whatmoreVideoTileSize"),[c]=(0,i.j1)("whatmoreVideoTileSizePortrait"),h=(0,n.useMediaQuery)({query:"(min-width: 1025px)"}),$=(0,n.useMediaQuery)({query:"(min-width: 481px)"}),p="portrait"==t?c:u,g=!("portrait"!=t||!$),v=p/100*1.3*.5,f=p/100;var b=Math.min(s,r),[w,y,_,x]=[.6*b*(16/9),.6*b,1.4,0];function j(e){return Math.round(10*e)/10}var P={DEVICE_TYPE:m.AK,DEVICE_MODE:m.rE};if(h){const e=y*v,t=w*v;[w,y,_,x]=[t,e,(s-2*d-2*(0,a.mZU)(l))/(1.1*e),d],P[m.me]=m.$I,P[m.YP]=m.$w}else if(g){var E=.8*y,k=.8*w;"portrait"==t?(E*=f,k*=f,[w,y,_,x]=[k,E,j(s/(1.2*E)),0],P[m.me]=m.AL,P[m.YP]=m.rE):([w,y,_,x]=[k,E,(s-2*d)/(1.1*E),d],P[m.me]=m.AL,P[m.YP]=m.$w)}else{E=y,k=w;"portrait"==t?(E=E*f*.9,k=k*f*.9,[w,y,_,x]=[k,E,j(s/(1.15*E)),0],P[m.me]=m.AK,P[m.YP]=m.rE):(E=.7*y,k=.7*w,[w,y,_,x]=[k,E,(s-2*d)/(1.1*E),d],P[m.me]=m.AK,P[m.YP]=m.$w)}return[w,y,_,x,P]}},8743:function(){},123:function(){},7244:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[145],{1332:function(e,t,r){var n=r(7313),i=(r(8743),r(7753)),o=r(5254),m=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,m=document.createElement("style");m.type="text/css",m.innerHTML=o,document.head.appendChild(m)}(e[0],e[1],e[2],.2)}),[]),(0,m.jsx)(m.Fragment,{children:(0,m.jsx)("span",{className:"whatmore-loading-indicator"})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),o=r(6417);t.Z=function(e){var t,r;const m=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,o.jsxs)("div",{style:{width:a,height:m,overflow:"hidden",minHeight:m,minWidth:a},children:[(0,o.jsx)(i.Z,{height:m,width:a}),(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)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",m=null!==(r=e.width)&&void 0!==r?r:"100%",a=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:o,width:o,borderRadius:a,overflow:"hidden",minHeight:o,minWidth:m,maxHeight:o,maxWidth:m},children:(0,n.jsx)("div",{style:{minHeight:o,minWidth:m},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),o=r(6417);t.Z=function(e){var t,r,m;const[a,s]=(0,n.useState)(!1),d=n.useRef(0),l=(0,n.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(r=e.height)&&void 0!==r?r:"100%",h=null!==(m=e.width)&&void 0!==m?m:"100%";return(0,n.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,l.current&&u(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:a?"100%":"0px",height:a?"100%":"0px"},children:(0,o.jsx)("img",{ref:l,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),a?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:h,height:c})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return $}});var n=r(7313),i=r(3933),o=r(868),m=r(8984),a=r(7300),s=r(2887),d=r(4862),l=r(7753),u=r(342),c=(r(9854),r(6417));var h=function(e){var t,r,o,a;const s=(0,n.useRef)(null),[h,$,p]=(0,i.YD)({triggerOnce:!0}),g=(0,l.MO)("whatmoreShopId"),v=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{s.current&&(e.isPlaying?s.current.play():((d.G6||(0,m.gE)())&&s.current.play(),"57939755089"==g?setTimeout((()=>{s.current.pause()}),300):s.current.pause()))}),[e.isPlaying,$]),(0,c.jsx)("div",{ref:h,style:{width:v,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:$||"51394281658"==g||"8968077397"==g?(0,c.jsxs)("video",{ref:s,className:"whatmore-video-player-muted",width:f,height:v,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==g&&"STRY2V4XO5L"!==g?e.url:e.poster,muted:null===(a=e.isVideoMuted)||void 0===a||a,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:f,height:v,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var $=function(e){var t,r,d,$,p,g,v,f,b;const[w,y,_]=(0,i.YD)({triggerOnce:!0}),x=(0,l.MO)("whatmoreShopId");if((0,a.WJ)(e.event))return(0,c.jsx)(s.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const j=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,P=null!==e&&void 0!==e&&null!==(r=e.event)&&void 0!==r&&null!==(d=r.poster_image)&&void 0!==d&&d.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===($=e.event)||void 0===$||null===(p=$.poster_image)||void 0===p?void 0:p.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(g=e.event)||void 0===g?void 0:g.poster_image;if((0,m.KE)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:P,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:j});const E=(0,n.useRef)(null),k=null!==(v=e.height)&&void 0!==v?v:"100%",C=null!==(f=e.width)&&void 0!==f?f:"100%";return(0,n.useEffect)((()=>{E.current&&(e.isPlaying?E.current.play():E.current.pause())}),[e.isPlaying,y]),(0,c.jsx)("div",{ref:w,style:{width:k,height:C,overflow:"hidden",display:"flex",alignItems:"center"},children:y||"51394281658"==x||"8968077397"==x?(0,c.jsxs)("video",{ref:E,className:"whatmore-video-player-muted",width:C,height:k,preload:"metadata",loop:!0,playsInline:!0,muted:null===(b=e.isVideoMuted)||void 0===b||b,poster:"57939755089"==x?"":P,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("source",{src:(0,o.V)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:C,height:k,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return a}});var n=r(9854),i=r(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"},m={"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(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,n.zpr)(t))return e;if("AZURECDN"==(0,n.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,n.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(m))if(e.includes(t))return e.replace(t,m[t]);return e}}return e}},342:function(e,t,r){r.d(t,{$W:function(){return a},WN:function(){return m},uv:function(){return o},vW:function(){return s}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),o=function(e){var t,r;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(r=e.event_media_urls.primary.landscape)||void 0===r?void 0:r.content_video_1080p:e.event_hls_url},m=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},a=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},6805:function(e,t,r){r.d(t,{$I:function(){return a},$w:function(){return d},AK:function(){return o},AL:function(){return m},YP:function(){return i},me:function(){return n},rE:function(){return s}});const n="device_type",i="device_mode",o="mobile",m="tablet",a="desktop",s="portrait",d="landscape"},9821:function(e,t,r){var n=r(6367),i=r(7753),o=r(8866),m=r(6805),a=r(9854);t.Z=function(e){const[t,r,s]=(0,o.Z)(),[d]=(0,i.j1)("whatmoreLandscapePadding"),[l]=(0,i.j1)("whatmoreShopId"),[u]=(0,i.j1)("whatmoreVideoTileSize"),[c]=(0,i.j1)("whatmoreVideoTileSizePortrait"),h=(0,n.useMediaQuery)({query:"(min-width: 1025px)"}),$=(0,n.useMediaQuery)({query:"(min-width: 481px)"}),p="portrait"==t?c:u,g=!("portrait"!=t||!$),v=p/100*1.3*.5,f=p/100;var b=Math.min(s,r),[w,y,_,x]=[.6*b*(16/9),.6*b,1.4,0];function j(e){return Math.round(10*e)/10}var P={DEVICE_TYPE:m.AK,DEVICE_MODE:m.rE};if(h){const e=y*v,t=w*v;[w,y,_,x]=[t,e,(s-2*d-2*(0,a.mZU)(l))/(1.1*e),d],P[m.me]=m.$I,P[m.YP]=m.$w}else if(g){var E=.8*y,k=.8*w;"portrait"==t?(E*=f,k*=f,[w,y,_,x]=[k,E,j(s/(1.2*E)),0],P[m.me]=m.AL,P[m.YP]=m.rE):([w,y,_,x]=[k,E,(s-2*d)/(1.1*E),d],P[m.me]=m.AL,P[m.YP]=m.$w)}else{E=y,k=w;"portrait"==t?(E=E*f*.9,k=k*f*.9,[w,y,_,x]=[k,E,j(s/(1.15*E)),0],P[m.me]=m.AK,P[m.YP]=m.rE):(E=.7*y,k=.7*w,[w,y,_,x]=[k,E,(s-2*d)/(1.1*E),d],P[m.me]=m.AK,P[m.YP]=m.$w)}return[w,y,_,x,P]}},8743:function(){},123:function(){},7244:function(){}}]);
|
package/static/js/{banner-template-a.16af4071.chunk.js → banner-template-a.033aac33.chunk.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[876,950,842],{1332:function(e,t,n){var r=n(7313),i=(n(8743),n(7753)),o=n(5254),a=n(6417);t.Z=function(e){return(0,r.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,n,r){const i=`rgba(${e},${t},${n},${r})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(e,t,n){n.r(t),n.d(t,{default:function(){return R}});var r=n(7313),i=n(6090),o=n(7616),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),l=n(7129),d=n(364),m=(n(3439),n(7753)),c=n(7931),u=n(9018),h=n(9854),p=n(3933),v=n(8866),f=n(868),g=n(342),x=n(3437),$=n(3455),y=n(6417);var b=function(e){var t;const n=e.isMuted,r=null!==(t=e.iconSize)&&void 0!==t?t:30;function i(){e.onToggle()}return(0,y.jsx)("div",{style:{cursor:"pointer"},children:n?(0,y.jsx)($.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}}):(0,y.jsx)(x.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}})})},w=n(1896),j=n(8984),_=n(58),C=n(6119),I=n(32),P=n(4522),S=n(778),M=n(3433);n(4892);function k(e){const[t,n]=(0,r.useState)(e.initialMuteState),i=e.events,o=e.activeEventIndex,a=e.setActiveEventIndex,s=(0,m.MO)("whatmoreShopId"),l="portrait"===e.mode;function d(){(0,h.hr)(s)&&e.isCTAPresent||(n(!t),(0,j.KE)()&&(0,_.QV)(),e.onMuteToggle())}const p=e.event;return(0,y.jsx)("div",{style:{position:(0,h.SJ)(s)?"absolute":"relative",top:(0,h.SJ)(s)?0:"",zIndex:1,bottom:(0,h.SJ)(s)?"":"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",{className:"banner-event-overlay",style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:[!(e.isCTAPresent&&(0,h.hr)(s)||"video"!==p.event_type)&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()}),(0,y.jsx)(b,{isMuted:t,onToggle:()=>{d()}})]}),i.length>1&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{classname:"banner-navigation-overlay",style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a(0===o?i.length-1:o-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)(c.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:e=>{e.stopPropagation(),a(o===i.length-1?0:o+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,h.cRS)(s)&&(0,y.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:i.map(((e,t)=>{const n=t===o;return(0,y.jsx)("button",{onClick:e=>{e.stopPropagation(),a(t)},style:{width:n?"25px":l?"12px":"14px",height:l?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,h.YFz)(s):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},t)}))})]})]}),(0,y.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()})]})})}var z=function(e){var t,n,i,o;const[a,s,l]=(0,v.Z)(),[c,u]=(0,r.useState)(!0),x=(0,m.MO)("whatmoreVideoTileSize"),{ref:$,inView:b,entry:j}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:_}=(0,r.useContext)(d.I),z=(0,m.MO)("whatmoreShopId"),Z=e.events,R=e.activeEventIndex,F=e.setActiveEventIndex,E=Z[R],N=(0,g.uv)(E),L=(0,g.WN)(E);if((0,r.useEffect)((()=>{I.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]),"portrait"===a&&!N)return(0,y.jsx)(y.Fragment,{});if("landscape"===a&&!L)return(0,y.jsx)(y.Fragment,{});const T=(0,f.V)("portrait"===a?N:L),W=x/100*(0,h.b4p)(z),O=x/100*(0,h.GmU)(z),A="portrait"===a?(0,h.oOc)(z):(0,h.snl)(z),V="portrait"===a?l*W:l*O,D=V*A,q=null!=(null===(t=E.cta)||void 0===t||null===(n=t[1])||void 0===n?void 0:n.cta_link);return(0,y.jsxs)("div",{ref:$,onClick:()=>{var e,t;(0,P.GF)({userInteractionType:S.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:_,event:Z[R]}),(0,h.hr)(z)&&q&&window.open(null===(e=E.cta)||void 0===e||null===(t=e[1])||void 0===t?void 0:t.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,h.SJ)(z)?"100%":V,minHeight:(0,h.SJ)(z)?l*A:"",height:(0,h.SJ)(z)?"auto":D,borderWidth:(0,h.alU)(z),borderColor:(0,h.qPe)(z),overflow:"hidden",cursor:"pointer"},children:[(0,y.jsx)(w.Z,{height:"100%",width:"100%",url:T,isPlaying:b,event:E,isVideoMuted:!b||c,setDuration:e.setDuration,source:M.j.BANNER}),(0,y.jsx)(k,{isCTAPresent:q,events:Z,activeEventIndex:R,setActiveEventIndex:F,event:E,mode:a,onMuteToggle:()=>u(!c),initialMuteState:c}),(0,h.j1_)(z)&&(null===E||void 0===E||null===(i=E.cta)||void 0===i?void 0:i.length)>1&&(0,y.jsx)("div",{style:{position:"absolute",zIndex:1,bottom:"10%",left:"50%",transform:"translateX(-50%)"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsx)(C.Z,{event:E,cta:null===E||void 0===E||null===(o=E.cta)||void 0===o?void 0:o[1],fontFactor:.6})})]})};const Z=(0,s.Z)({key:"whatmore-css-bv"});var R=function(e){const{whatmoreRootId:t}=(0,r.useContext)(d.I),[n,s]=(0,r.useState)(0),m=e.events,[c,u]=(0,r.useState)(-1);let h;return(0,r.useEffect)((()=>{h&&clearInterval(h);const e="video"===m[n].event_type,t=e?1e3*c:6e3;return e?-1!=c&&(h=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t)):h=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t),()=>{clearInterval(h)}}),[c,n]),delete o.ZP.styles.global,(0,y.jsx)(a.C,{value:Z,children:(0,y.jsx)("div",{className:"whatmore-banner-events",children:(0,y.jsx)(i.x,{theme:o.ZP,cssVarsRoot:t,resetCSS:!1,children:(0,y.jsx)(l.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,y.jsx)(z,{activeEventIndex:n,events:m,setActiveEventIndex:s,setDuration:u})})})})})}},3867:function(e,t,n){var r=n(8816),i=n(417),o=n(4885),a=n(7753),s=n(6417);t.Z=function(e){var t;const n=(0,a.MO)("whatmoreUITheme"),[l]=(0,a.j1)("whatmoreSecondaryColor"),[d,m]=(0,a.j1)("productRatings"),c=(0,a.MO)("whatmorePrimaryFont"),u=e.productId,h=e.fontSize,p=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===d||"undefined"==typeof d||!(u in d)||d[u].avgRating>5)return(0,s.jsx)(s.Fragment,{});const v=d[u].avgRating,f=d[u].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.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(((e,t)=>(0,s.jsx)(r.Z,{sx:{color:l,fontSize:h+"px"}},"star-icon"+t))),v-Math.floor(v)>.2?(0,s.jsx)(i.Z,{sx:{color:l,fontSize:h+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(o.Z,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((e,t)=>(0,s.jsx)(o.Z,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon-"+t))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",p,"important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+f+")"]})})]})})}},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})},3175:function(e,t,n){var r=n(1332),i=n(5180),o=n(6417);t.Z=function(e){var t,n;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden",minHeight:a,minWidth:s},children:[(0,o.jsx)(i.Z,{height:a,width:s}),(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)(r.Z,{})})})]})}},5180:function(e,t,n){var r=n(6417);t.Z=function(e){var t,n,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,r.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,r.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var r=n(7313),i=n(3175),o=n(6417);t.Z=function(e){var t,n,a;const[s,l]=(0,r.useState)(!1),d=r.useRef(0),m=(0,r.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,m.current&&c(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:m,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(7313),i=n(3933),o=n(868),a=n(8984),s=n(7300),l=n(2887),d=n(4862),m=n(7753),c=n(342),u=(n(9854),n(6417));var h=function(e){var t,n,o,s;const l=(0,r.useRef)(null),[h,p,v]=(0,i.YD)({triggerOnce:!0}),f=(0,m.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",x=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():((d.G6||(0,a.gE)())&&l.current.play(),"57939755089"==f?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,u.jsx)("div",{ref:h,style:{width:g,height:x,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==f||"8968077397"==f?(0,u.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:x,height:g,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==f&&"STRY2V4XO5L"!==f?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,u.jsx)("source",{src:e.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,c.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:x,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,d,p,v;const[f,g,x]=(0,i.YD)({triggerOnce:!0}),$=(0,m.MO)("whatmoreShopId");if((0,s.WJ)(e.event))return(0,u.jsx)(l.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const y=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var b;if((0,a.KE)())return(0,u.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:null===e||void 0===e||null===(b=e.event)||void 0===b?void 0:b.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:y});const w=(0,r.useRef)(null),j=null!==(n=e.height)&&void 0!==n?n:"100%",_=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,r.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,g]),(0,u.jsx)("div",{ref:f,style:{width:j,height:_,overflow:"hidden",display:"flex",alignItems:"center"},children:g||"51394281658"==$||"8968077397"==$?(0,u.jsxs)("video",{ref:w,className:"whatmore-video-player-muted",width:_,height:j,preload:"metadata",loop:!0,playsInline:!0,muted:null===(p=e.isVideoMuted)||void 0===p||p,poster:"57939755089"==$?"":null===e||void 0===e||null===(v=e.event)||void 0===v?void 0:v.poster_image,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,u.jsx)("source",{src:(0,o.V)(e.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,c.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:_,height:j,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var r=n(9854),i=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"},a={"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"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.zpr)(t))return e;if("AZURECDN"==(0,r.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,r.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},342:function(e,t,n){n.d(t,{$W:function(){return s},WN:function(){return a},uv:function(){return o},vW:function(){return l}});var r=n(9854);const i=(0,n(7753).MO)("whatmoreShopId"),o=function(e){var t,n;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(n=e.event_media_urls.primary.landscape)||void 0===n?void 0:n.content_video_1080p:e.event_hls_url},a=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.QFt)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},l=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},9363:function(e,t,n){n.d(t,{$:function(){return a},s:function(){return o}});var r=n(9854),i=n(7753);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,r.Ipo)(n)?"STRNV8MHJTF"==n?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],r=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==r&&void 0!==r&&r.test(n)?"image":null!==i&&void 0!==i&&i.test(n)?"video":void 0}},5456:function(e,t,n){n.d(t,{B:function(){return r}});const r=function(e,t){return!(isNaN(t)||!t||("string"===typeof t||t instanceof String)&&!t.trim().length)&&!(parseInt(t)<=parseInt(e))}},1195:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");t.Z=a},7931:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");t.Z=a},9018:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");t.Z=a},9723:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.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=a},8816:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.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");t.Z=a},417:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.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");t.Z=a},4885:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.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");t.Z=a},8743:function(){},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[876,950,842],{1332:function(e,t,n){var r=n(7313),i=(n(8743),n(7753)),o=n(5254),a=n(6417);t.Z=function(e){return(0,r.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,n,r){const i=`rgba(${e},${t},${n},${r})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(e,t,n){n.r(t),n.d(t,{default:function(){return R}});var r=n(7313),i=n(6090),o=n(7616),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),l=n(7129),d=n(364),m=(n(3439),n(7753)),c=n(7931),u=n(9018),h=n(9854),p=n(3933),v=n(8866),f=n(868),g=n(342),x=n(3437),$=n(3455),y=n(6417);var b=function(e){var t;const n=e.isMuted,r=null!==(t=e.iconSize)&&void 0!==t?t:30;function i(){e.onToggle()}return(0,y.jsx)("div",{style:{cursor:"pointer"},children:n?(0,y.jsx)($.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}}):(0,y.jsx)(x.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}})})},w=n(1896),j=n(8984),_=n(58),C=n(6119),I=n(32),P=n(4522),S=n(778),M=n(3433);n(4892);function k(e){const[t,n]=(0,r.useState)(e.initialMuteState),i=e.events,o=e.activeEventIndex,a=e.setActiveEventIndex,s=(0,m.MO)("whatmoreShopId"),l="portrait"===e.mode;function d(){(0,h.hr)(s)&&e.isCTAPresent||(n(!t),(0,j.KE)()&&(0,_.QV)(),e.onMuteToggle())}const p=e.event;return(0,y.jsx)("div",{style:{position:(0,h.SJ)(s)?"absolute":"relative",top:(0,h.SJ)(s)?0:"",zIndex:1,bottom:(0,h.SJ)(s)?"":"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",{className:"banner-event-overlay",style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:[!(e.isCTAPresent&&(0,h.hr)(s)||"video"!==p.event_type)&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()}),(0,y.jsx)(b,{isMuted:t,onToggle:()=>{d()}})]}),i.length>1&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{classname:"banner-navigation-overlay",style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a(0===o?i.length-1:o-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)(c.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:e=>{e.stopPropagation(),a(o===i.length-1?0:o+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,h.cRS)(s)&&(0,y.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:i.map(((e,t)=>{const n=t===o;return(0,y.jsx)("button",{onClick:e=>{e.stopPropagation(),a(t)},style:{width:n?"25px":l?"12px":"14px",height:l?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,h.YFz)(s):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},t)}))})]})]}),(0,y.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()})]})})}var z=function(e){var t,n,i,o;const[a,s,l]=(0,v.Z)(),[c,u]=(0,r.useState)(!0),x=(0,m.MO)("whatmoreVideoTileSize"),{ref:$,inView:b,entry:j}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:_}=(0,r.useContext)(d.I),z=(0,m.MO)("whatmoreShopId"),Z=e.events,R=e.activeEventIndex,F=e.setActiveEventIndex,E=Z[R],N=(0,g.uv)(E),L=(0,g.WN)(E);if((0,r.useEffect)((()=>{I.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]),"portrait"===a&&!N)return(0,y.jsx)(y.Fragment,{});if("landscape"===a&&!L)return(0,y.jsx)(y.Fragment,{});const T=(0,f.V)("portrait"===a?N:L),W=x/100*(0,h.b4p)(z),O=x/100*(0,h.GmU)(z),A="portrait"===a?(0,h.oOc)(z):(0,h.snl)(z),V="portrait"===a?l*W:l*O,D=V*A,q=null!=(null===(t=E.cta)||void 0===t||null===(n=t[1])||void 0===n?void 0:n.cta_link);return(0,y.jsxs)("div",{ref:$,onClick:()=>{var e,t;(0,P.GF)({userInteractionType:S.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:_,event:Z[R]}),(0,h.hr)(z)&&q&&window.open(null===(e=E.cta)||void 0===e||null===(t=e[1])||void 0===t?void 0:t.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,h.SJ)(z)?"100%":V,minHeight:(0,h.SJ)(z)?l*A:"",height:(0,h.SJ)(z)?"auto":D,borderWidth:(0,h.alU)(z),borderColor:(0,h.qPe)(z),overflow:"hidden",cursor:"pointer"},children:[(0,y.jsx)(w.Z,{height:"100%",width:"100%",url:T,isPlaying:b,event:E,isVideoMuted:!b||c,setDuration:e.setDuration,source:M.j.BANNER}),(0,y.jsx)(k,{isCTAPresent:q,events:Z,activeEventIndex:R,setActiveEventIndex:F,event:E,mode:a,onMuteToggle:()=>u(!c),initialMuteState:c}),(0,h.j1_)(z)&&(null===E||void 0===E||null===(i=E.cta)||void 0===i?void 0:i.length)>1&&(0,y.jsx)("div",{style:{position:"absolute",zIndex:1,bottom:"10%",left:"50%",transform:"translateX(-50%)"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsx)(C.Z,{event:E,cta:null===E||void 0===E||null===(o=E.cta)||void 0===o?void 0:o[1],fontFactor:.6})})]})};const Z=(0,s.Z)({key:"whatmore-css-bv"});var R=function(e){const{whatmoreRootId:t}=(0,r.useContext)(d.I),[n,s]=(0,r.useState)(0),m=e.events,[c,u]=(0,r.useState)(-1);let h;return(0,r.useEffect)((()=>{h&&clearInterval(h);const e="video"===m[n].event_type,t=e?1e3*c:6e3;return e?-1!=c&&(h=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t)):h=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t),()=>{clearInterval(h)}}),[c,n]),delete o.ZP.styles.global,(0,y.jsx)(a.C,{value:Z,children:(0,y.jsx)("div",{className:"whatmore-banner-events",children:(0,y.jsx)(i.x,{theme:o.ZP,cssVarsRoot:t,resetCSS:!1,children:(0,y.jsx)(l.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,y.jsx)(z,{activeEventIndex:n,events:m,setActiveEventIndex:s,setDuration:u})})})})})}},3867:function(e,t,n){var r=n(8816),i=n(417),o=n(4885),a=n(7753),s=n(6417);t.Z=function(e){var t;const n=(0,a.MO)("whatmoreUITheme"),[l]=(0,a.j1)("whatmoreSecondaryColor"),[d,m]=(0,a.j1)("productRatings"),c=(0,a.MO)("whatmorePrimaryFont"),u=e.productId,h=e.fontSize,p=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===d||"undefined"==typeof d||!(u in d)||d[u].avgRating>5)return(0,s.jsx)(s.Fragment,{});const v=d[u].avgRating,f=d[u].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.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(((e,t)=>(0,s.jsx)(r.Z,{sx:{color:l,fontSize:h+"px"}},"star-icon"+t))),v-Math.floor(v)>.2?(0,s.jsx)(i.Z,{sx:{color:l,fontSize:h+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(o.Z,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((e,t)=>(0,s.jsx)(o.Z,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon-"+t))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",p,"important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+f+")"]})})]})})}},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})},3175:function(e,t,n){var r=n(1332),i=n(5180),o=n(6417);t.Z=function(e){var t,n;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden",minHeight:a,minWidth:s},children:[(0,o.jsx)(i.Z,{height:a,width:s}),(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)(r.Z,{})})})]})}},5180:function(e,t,n){var r=n(6417);t.Z=function(e){var t,n,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,r.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,r.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var r=n(7313),i=n(3175),o=n(6417);t.Z=function(e){var t,n,a;const[s,l]=(0,r.useState)(!1),d=r.useRef(0),m=(0,r.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,m.current&&c(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:m,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(7313),i=n(3933),o=n(868),a=n(8984),s=n(7300),l=n(2887),d=n(4862),m=n(7753),c=n(342),u=(n(9854),n(6417));var h=function(e){var t,n,o,s;const l=(0,r.useRef)(null),[h,p,v]=(0,i.YD)({triggerOnce:!0}),f=(0,m.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",x=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():((d.G6||(0,a.gE)())&&l.current.play(),"57939755089"==f?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,u.jsx)("div",{ref:h,style:{width:g,height:x,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==f||"8968077397"==f?(0,u.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:x,height:g,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==f&&"STRY2V4XO5L"!==f?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,u.jsx)("source",{src:e.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,c.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:x,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,d,p,v,f,g,x,$;const[y,b,w]=(0,i.YD)({triggerOnce:!0}),j=(0,m.MO)("whatmoreShopId");if((0,s.WJ)(e.event))return(0,u.jsx)(l.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const _=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,C=null!==e&&void 0!==e&&null!==(n=e.event)&&void 0!==n&&null!==(d=n.poster_image)&&void 0!==d&&d.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(p=e.event)||void 0===p||null===(v=p.poster_image)||void 0===v?void 0:v.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(f=e.event)||void 0===f?void 0:f.poster_image;if((0,a.KE)())return(0,u.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:C,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:_});const I=(0,r.useRef)(null),P=null!==(g=e.height)&&void 0!==g?g:"100%",S=null!==(x=e.width)&&void 0!==x?x:"100%";return(0,r.useEffect)((()=>{I.current&&(e.isPlaying?I.current.play():I.current.pause())}),[e.isPlaying,b]),(0,u.jsx)("div",{ref:y,style:{width:P,height:S,overflow:"hidden",display:"flex",alignItems:"center"},children:b||"51394281658"==j||"8968077397"==j?(0,u.jsxs)("video",{ref:I,className:"whatmore-video-player-muted",width:S,height:P,preload:"metadata",loop:!0,playsInline:!0,muted:null===($=e.isVideoMuted)||void 0===$||$,poster:"57939755089"==j?"":C,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,u.jsx)("source",{src:(0,o.V)(e.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,c.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:S,height:P,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var r=n(9854),i=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"},a={"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"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.zpr)(t))return e;if("AZURECDN"==(0,r.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,r.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},342:function(e,t,n){n.d(t,{$W:function(){return s},WN:function(){return a},uv:function(){return o},vW:function(){return l}});var r=n(9854);const i=(0,n(7753).MO)("whatmoreShopId"),o=function(e){var t,n;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(n=e.event_media_urls.primary.landscape)||void 0===n?void 0:n.content_video_1080p:e.event_hls_url},a=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.QFt)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},l=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},9363:function(e,t,n){n.d(t,{$:function(){return a},s:function(){return o}});var r=n(9854),i=n(7753);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,r.Ipo)(n)?"STRNV8MHJTF"==n?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],r=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==r&&void 0!==r&&r.test(n)?"image":null!==i&&void 0!==i&&i.test(n)?"video":void 0}},5456:function(e,t,n){n.d(t,{B:function(){return r}});const r=function(e,t){return!(isNaN(t)||!t||("string"===typeof t||t instanceof String)&&!t.trim().length)&&!(parseInt(t)<=parseInt(e))}},1195:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");t.Z=a},7931:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");t.Z=a},9018:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");t.Z=a},9723:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.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=a},8816:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.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");t.Z=a},417:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.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");t.Z=a},4885:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.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");t.Z=a},8743:function(){},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950,842],{1332:function(e,t,r){var n=r(7313),i=(r(8743),r(7753)),o=r(5254),a=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})}},3867:function(e,t,r){var n=r(8816),i=r(417),o=r(4885),a=r(7753),s=r(6417);t.Z=function(e){var t;const r=(0,a.MO)("whatmoreUITheme"),[l]=(0,a.j1)("whatmoreSecondaryColor"),[m,d]=(0,a.j1)("productRatings"),u=(0,a.MO)("whatmorePrimaryFont"),c=e.productId,h=e.fontSize,p=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===m||"undefined"==typeof m||!(c in m)||m[c].avgRating>5)return(0,s.jsx)(s.Fragment,{});const $=m[c].avgRating,f=m[c].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor($))].map(((e,t)=>(0,s.jsx)(n.Z,{sx:{color:l,fontSize:h+"px"}},"star-icon"+t))),$-Math.floor($)>.2?(0,s.jsx)(i.Z,{sx:{color:l,fontSize:h+"px"}},"star-half-icon"):$-Math.floor($)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(o.Z,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon"),[...Array(Math.floor(5-$))].map(((e,t)=>(0,s.jsx)(o.Z,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon-"+t))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==r?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",$,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",p,"important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+f+")"]})})]})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),o=r(6417);t.Z=function(e){var t,r;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden",minHeight:a,minWidth:s},children:[(0,o.jsx)(i.Z,{height:a,width:s}),(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)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,n.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),o=r(6417);t.Z=function(e){var t,r,a;const[s,l]=(0,n.useState)(!1),m=n.useRef(0),d=(0,n.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(r=e.height)&&void 0!==r?r:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,n.useEffect)((()=>{m.current=0;const e=setInterval((()=>{m.current=m.current+.03,d.current&&u(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:d,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:h,height:c})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return p}});var n=r(7313),i=r(3933),o=r(868),a=r(8984),s=r(7300),l=r(2887),m=r(4862),d=r(7753),u=r(342),c=(r(9854),r(6417));var h=function(e){var t,r,o,s;const l=(0,n.useRef)(null),[h,p,$]=(0,i.YD)({triggerOnce:!0}),f=(0,d.MO)("whatmoreShopId"),v=null!==(t=e.height)&&void 0!==t?t:"100%",g=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():((m.G6||(0,a.gE)())&&l.current.play(),"57939755089"==f?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:h,style:{width:v,height:g,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==f||"8968077397"==f?(0,c.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:g,height:v,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==f&&"STRY2V4XO5L"!==f?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:g,height:v,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,r,m,p,$,f,v,g,y;const[b,w,x]=(0,i.YD)({triggerOnce:!0}),j=(0,d.MO)("whatmoreShopId");if((0,s.WJ)(e.event))return(0,c.jsx)(l.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const _=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,P=null!==e&&void 0!==e&&null!==(r=e.event)&&void 0!==r&&null!==(m=r.poster_image)&&void 0!==m&&m.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(p=e.event)||void 0===p||null===($=p.poster_image)||void 0===$?void 0:$.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(f=e.event)||void 0===f?void 0:f.poster_image;if((0,a.KE)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:P,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:_});const z=(0,n.useRef)(null),k=null!==(v=e.height)&&void 0!==v?v:"100%",M=null!==(g=e.width)&&void 0!==g?g:"100%";return(0,n.useEffect)((()=>{z.current&&(e.isPlaying?z.current.play():z.current.pause())}),[e.isPlaying,w]),(0,c.jsx)("div",{ref:b,style:{width:k,height:M,overflow:"hidden",display:"flex",alignItems:"center"},children:w||"51394281658"==j||"8968077397"==j?(0,c.jsxs)("video",{ref:z,className:"whatmore-video-player-muted",width:M,height:k,preload:"metadata",loop:!0,playsInline:!0,muted:null===(y=e.isVideoMuted)||void 0===y||y,poster:"57939755089"==j?"":P,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("source",{src:(0,o.V)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:M,height:k,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return s}});var n=r(9854),i=r(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"},a={"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"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,n.zpr)(t))return e;if("AZURECDN"==(0,n.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,n.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},342:function(e,t,r){r.d(t,{$W:function(){return s},WN:function(){return a},uv:function(){return o},vW:function(){return l}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),o=function(e){var t,r;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(r=e.event_media_urls.primary.landscape)||void 0===r?void 0:r.content_video_1080p:e.event_hls_url},a=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},l=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},9363:function(e,t,r){r.d(t,{$:function(){return a},s:function(){return o}});var n=r(9854),i=r(7753);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const r=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(r)?"STRNV8MHJTF"==r?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const r=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(r)?"image":null!==i&&void 0!==i&&i.test(r)?"video":void 0}},5456:function(e,t,r){r.d(t,{B:function(){return n}});const n=function(e,t){return!(isNaN(t)||!t||("string"===typeof t||t instanceof String)&&!t.trim().length)&&!(parseInt(t)<=parseInt(e))}},1195:function(e,t,r){var n=r(5318);t.Z=void 0;var i=n(r(5045)),o=r(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");t.Z=a},9723:function(e,t,r){var n=r(5318);t.Z=void 0;var i=n(r(5045)),o=r(6417),a=(0,i.default)((0,o.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=a},8816:function(e,t,r){var n=r(5318);t.Z=void 0;var i=n(r(5045)),o=r(6417),a=(0,i.default)((0,o.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");t.Z=a},417:function(e,t,r){var n=r(5318);t.Z=void 0;var i=n(r(5045)),o=r(6417),a=(0,i.default)((0,o.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");t.Z=a},4885:function(e,t,r){var n=r(5318);t.Z=void 0;var i=n(r(5045)),o=r(6417),a=(0,i.default)((0,o.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");t.Z=a},8743:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
package/static/js/{stories-template-a.15d8f805.chunk.js → stories-template-a.b22aabca.chunk.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[441],{1332:function(e,t,r){var n=r(7313),i=(r(8743),r(7753)),o=r(5254),a=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})}},3580:function(e,t,r){r.r(t),r.d(t,{default:function(){return f}});var n=r(7313),i=r(8866),o=r(7753),a=(r(9111),r(123),r(9778),r(9854)),s=r(868),l=r(9363),m=(r(8984),r(4892)),d=r(6417);var u=function(e){var t,r;const[u,c,h]=(0,i.Z)(),p=(0,o.MO)("whatmorePrimaryFont"),f=(0,o.MO)("whatmoreSecondaryColor"),$=(0,o.MO)("whatmoreShopId"),[g,v]=(0,n.useState)(!1),b=e.storyId,x=(0,s.V)(e.imageUrl),y=e.title,w=e.onClick,j=e.template,_=(0,a.f63)($),k="template-stories-a"===j?"50%":"30%",S="portrait"==u?1:(0,a.Zyc)($),C=Math.floor(e.tileSize*S),F=.12*C*(0,a.LM2)($),R=null!==(t=(0,a.QaQ)($))&&void 0!==t?t:p,z=null!==(r=(0,a.u2W)($))&&void 0!==r?r:[f,_,f,_,f],M=(0,n.useRef)(0),I=(0,n.useRef)(null),W=(0,n.useRef)(null);return(0,n.useEffect)((()=>{W.current&&W.current.play()}),[]),(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:C*(0,a.jJ6)($)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{v(!0),w(b)},className:[g?"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,boxShadow:"0px 2px 1px 0px "+z[0]+"50, 0px -2px 1px 0px "+z[1]+"50, 2px 0px 1px 0px "+z[2]+"50, -2px 0px 1px 0px "+z[3]+"80, 2px -2px 1px 0px "+z[4]+"80, -2px 2px 1px 0px "+z[0]+"DA, 2px 2px 1px 0px "+z[1]+"DA, -2px -2px 1px 0px "+z[2]+"DA"},children:(0,d.jsx)("div",{className:"whatmore-story-thumbnail-wrapper",style:{flexShrink:0,objectFit:"cover",height:C+"px",width:C+"px",borderRadius:k,border:"3px solid white",backgroundColor:"#343434"===f?"#d3d3d3":f,overflow:"hidden"},children:"video"==(0,l.$)(x)?(0,d.jsx)(m.Z,{height:"100%",width:"100%",url:x,isPlaying:!0,event:{event_type:"video"},borderRadius:k}):(0,d.jsx)("img",{ref:I,className:"whatmore-story-thumbnail",src:x.startsWith("https://cdn.shopify.com")?x.split("?")[0]+"?width=400&height=400":x,loading:"lazy",style:{objectFit:"cover",height:C+"px",width:C+"px",backgroundColor:"white"},alt:"story",onError:function(){if(M.current<3){let t=(0,s.V)(e.imageUrl);I.current.src="",I.current.src=t,M.current=M.current+1}else console.log("Failed to load image after several attempts"),I.current.src="https://d2oouab8j9eigo.cloudfront.net/background_white.png"}})})}),(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:e=>{e&&e.style.setProperty("font-size",F+"px","important")},style:{textAlign:"center",color:(0,a.WS3)($),fontFamily:R,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:null===y||void 0===y?void 0:y.substring(0,24)})})]})},c=r(32),h=r(9302);const p=(0,r(2575).Z)({key:"whatmore-stories-css"});var f=function(e){const[t,r,s]=(0,i.Z)(),[l]=(0,o.j1)("whatmoreStoryTileSize"),[m]=(0,o.j1)("whatmoreStoryTileSizeDesktop"),[f]=(0,o.j1)("whatmoreShopId"),[$,g]=(0,n.useState)("portrait"===t?"flex-start":"center"),v=(0,n.useRef)(null);var b=e.eventsStories;const x=e.onClick,y=e.template;(0,n.useEffect)((()=>{c.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const w=e=>{if(v.current){const t="left"===e?4*-k:4*k;v.current.scrollBy({left:t,behavior:"smooth"})}};(0,n.useEffect)((()=>{!function(){if(v.current){const e=v.current.scrollWidth,t=v.current.offsetWidth;g(e>t?"flex-start":"center")}}()}),[$,s]);const[j,_]=(0,n.useState)([]);(0,n.useEffect)((()=>{_(b.map((e=>e.storyset_dynamic_thumbnail?Math.floor(Math.random()*(e.events.length-1)):0)))}),[]);const k="landscape"===t?r*(m/100)*.3:s*(l/100)*.5;return(0,d.jsx)(h.C,{value:p,children:"landscape"==t&&!(0,a.DF0)(f)||"portrait"==t&&!(0,a.JaA)(f)?(0,d.jsx)(d.Fragment,{}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:$,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:v,children:b.map(((e,t)=>{var r,n,i,o,s;const l=e.storyset_dynamic_thumbnail?null!==(r=null===(n=e.events[j[t]])||void 0===n?void 0:n.poster_image)&&void 0!==r?r:e.thumbnail_image:null!==(i=e.thumbnail_image)&&void 0!==i?i:null===e||void 0===e||null===(o=e.events)||void 0===o||null===(s=o[0])||void 0===s?void 0:s.thumbnail_image;return(0,d.jsx)(u,{storyId:e.id,tileSize:(0,a.OFP)(f)?100:k,onClick:e=>{x(t)},template:y,imageUrl:l,fallbackUrl:e.thumbnail_image,title:e.title},"whatmore-story-"+e.id)}))}),"landscape"===t&&(0,a.sMW)(f)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("button",{onClick:()=>w("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:()=>w("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:">"})})]})]})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),o=r(6417);t.Z=function(e){var t,r;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden",minHeight:a,minWidth:s},children:[(0,o.jsx)(i.Z,{height:a,width:s}),(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)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,n.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),o=r(6417);t.Z=function(e){var t,r,a;const[s,l]=(0,n.useState)(!1),m=n.useRef(0),d=(0,n.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(r=e.height)&&void 0!==r?r:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,n.useEffect)((()=>{m.current=0;const e=setInterval((()=>{m.current=m.current+.03,d.current&&u(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:d,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:h,height:c})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return p}});var n=r(7313),i=r(3933),o=r(868),a=r(8984),s=r(7300),l=r(2887),m=r(4862),d=r(7753),u=r(342),c=(r(9854),r(6417));var h=function(e){var t,r,o,s;const l=(0,n.useRef)(null),[h,p,f]=(0,i.YD)({triggerOnce:!0}),$=(0,d.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",v=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():((m.G6||(0,a.gE)())&&l.current.play(),"57939755089"==$?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:h,style:{width:g,height:v,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==$||"8968077397"==$?(0,c.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:v,height:g,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==$&&"STRY2V4XO5L"!==$?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:v,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,r,m,p,f;const[$,g,v]=(0,i.YD)({triggerOnce:!0}),b=(0,d.MO)("whatmoreShopId");if((0,s.WJ)(e.event))return(0,c.jsx)(l.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const x=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var y;if((0,a.KE)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:null===e||void 0===e||null===(y=e.event)||void 0===y?void 0:y.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:x});const w=(0,n.useRef)(null),j=null!==(r=e.height)&&void 0!==r?r:"100%",_=null!==(m=e.width)&&void 0!==m?m:"100%";return(0,n.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,g]),(0,c.jsx)("div",{ref:$,style:{width:j,height:_,overflow:"hidden",display:"flex",alignItems:"center"},children:g||"51394281658"==b||"8968077397"==b?(0,c.jsxs)("video",{ref:w,className:"whatmore-video-player-muted",width:_,height:j,preload:"metadata",loop:!0,playsInline:!0,muted:null===(p=e.isVideoMuted)||void 0===p||p,poster:"57939755089"==b?"":null===e||void 0===e||null===(f=e.event)||void 0===f?void 0:f.poster_image,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("source",{src:(0,o.V)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:_,height:j,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return s}});var n=r(9854),i=r(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"},a={"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"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,n.zpr)(t))return e;if("AZURECDN"==(0,n.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,n.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},342:function(e,t,r){r.d(t,{$W:function(){return s},WN:function(){return a},uv:function(){return o},vW:function(){return l}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),o=function(e){var t,r;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(r=e.event_media_urls.primary.landscape)||void 0===r?void 0:r.content_video_1080p:e.event_hls_url},a=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},l=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},9363:function(e,t,r){r.d(t,{$:function(){return a},s:function(){return o}});var n=r(9854),i=r(7753);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const r=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(r)?"STRNV8MHJTF"==r?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const r=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(r)?"image":null!==i&&void 0!==i&&i.test(r)?"video":void 0}},8743:function(){},9111:function(){},123:function(){},9778:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[441],{1332:function(e,t,r){var n=r(7313),i=(r(8743),r(7753)),o=r(5254),a=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})}},3580:function(e,t,r){r.r(t),r.d(t,{default:function(){return f}});var n=r(7313),i=r(8866),o=r(7753),a=(r(9111),r(123),r(9778),r(9854)),s=r(868),l=r(9363),m=(r(8984),r(4892)),d=r(6417);var u=function(e){var t,r;const[u,c,h]=(0,i.Z)(),p=(0,o.MO)("whatmorePrimaryFont"),f=(0,o.MO)("whatmoreSecondaryColor"),g=(0,o.MO)("whatmoreShopId"),[$,v]=(0,n.useState)(!1),b=e.storyId,x=(0,s.V)(e.imageUrl),y=e.title,w=e.onClick,j=e.template,_=(0,a.f63)(g),k="template-stories-a"===j?"50%":"30%",S="portrait"==u?1:(0,a.Zyc)(g),C=Math.floor(e.tileSize*S),F=.12*C*(0,a.LM2)(g),R=null!==(t=(0,a.QaQ)(g))&&void 0!==t?t:p,z=null!==(r=(0,a.u2W)(g))&&void 0!==r?r:[f,_,f,_,f],M=(0,n.useRef)(0),W=(0,n.useRef)(null),I=(0,n.useRef)(null);return(0,n.useEffect)((()=>{I.current&&I.current.play()}),[]),(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:C*(0,a.jJ6)(g)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{v(!0),w(b)},className:[$?"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,boxShadow:"0px 2px 1px 0px "+z[0]+"50, 0px -2px 1px 0px "+z[1]+"50, 2px 0px 1px 0px "+z[2]+"50, -2px 0px 1px 0px "+z[3]+"80, 2px -2px 1px 0px "+z[4]+"80, -2px 2px 1px 0px "+z[0]+"DA, 2px 2px 1px 0px "+z[1]+"DA, -2px -2px 1px 0px "+z[2]+"DA"},children:(0,d.jsx)("div",{className:"whatmore-story-thumbnail-wrapper",style:{flexShrink:0,objectFit:"cover",height:C+"px",width:C+"px",borderRadius:k,border:"3px solid white",backgroundColor:"#343434"===f?"#d3d3d3":f,overflow:"hidden"},children:"video"==(0,l.$)(x)?(0,d.jsx)(m.Z,{height:"100%",width:"100%",url:x,isPlaying:!0,event:{event_type:"video"},borderRadius:k}):(0,d.jsx)("img",{ref:W,className:"whatmore-story-thumbnail",src:x.startsWith("https://cdn.shopify.com")?x.split("?")[0]+"?width=400&height=400":x,loading:"lazy",style:{objectFit:"cover",height:C+"px",width:C+"px",backgroundColor:"white"},alt:"story",onError:function(){if(M.current<3){let t=(0,s.V)(e.imageUrl);W.current.src="",W.current.src=t,M.current=M.current+1}else console.log("Failed to load image after several attempts"),W.current.src="https://d2oouab8j9eigo.cloudfront.net/background_white.png"}})})}),(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:e=>{e&&e.style.setProperty("font-size",F+"px","important")},style:{textAlign:"center",color:(0,a.WS3)(g),fontFamily:R,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:null===y||void 0===y?void 0:y.substring(0,24)})})]})},c=r(32),h=r(9302);const p=(0,r(2575).Z)({key:"whatmore-stories-css"});var f=function(e){const[t,r,s]=(0,i.Z)(),[l]=(0,o.j1)("whatmoreStoryTileSize"),[m]=(0,o.j1)("whatmoreStoryTileSizeDesktop"),[f]=(0,o.j1)("whatmoreShopId"),[g,$]=(0,n.useState)("portrait"===t?"flex-start":"center"),v=(0,n.useRef)(null);var b=e.eventsStories;const x=e.onClick,y=e.template;(0,n.useEffect)((()=>{c.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const w=e=>{if(v.current){const t="left"===e?4*-k:4*k;v.current.scrollBy({left:t,behavior:"smooth"})}};(0,n.useEffect)((()=>{!function(){if(v.current){const e=v.current.scrollWidth,t=v.current.offsetWidth;$(e>t?"flex-start":"center")}}()}),[g,s]);const[j,_]=(0,n.useState)([]);(0,n.useEffect)((()=>{_(b.map((e=>e.storyset_dynamic_thumbnail?Math.floor(Math.random()*(e.events.length-1)):0)))}),[]);const k="landscape"===t?r*(m/100)*.3:s*(l/100)*.5;return(0,d.jsx)(h.C,{value:p,children:"landscape"==t&&!(0,a.DF0)(f)||"portrait"==t&&!(0,a.JaA)(f)?(0,d.jsx)(d.Fragment,{}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:g,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:v,children:b.map(((e,t)=>{var r,n,i,o,s;const l=e.storyset_dynamic_thumbnail?null!==(r=null===(n=e.events[j[t]])||void 0===n?void 0:n.poster_image)&&void 0!==r?r:e.thumbnail_image:null!==(i=e.thumbnail_image)&&void 0!==i?i:null===e||void 0===e||null===(o=e.events)||void 0===o||null===(s=o[0])||void 0===s?void 0:s.thumbnail_image;return(0,d.jsx)(u,{storyId:e.id,tileSize:(0,a.OFP)(f)?100:k,onClick:e=>{x(t)},template:y,imageUrl:l,fallbackUrl:e.thumbnail_image,title:e.title},"whatmore-story-"+e.id)}))}),"landscape"===t&&(0,a.sMW)(f)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("button",{onClick:()=>w("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:()=>w("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:">"})})]})]})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),o=r(6417);t.Z=function(e){var t,r;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden",minHeight:a,minWidth:s},children:[(0,o.jsx)(i.Z,{height:a,width:s}),(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)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,n.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),o=r(6417);t.Z=function(e){var t,r,a;const[s,l]=(0,n.useState)(!1),m=n.useRef(0),d=(0,n.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(r=e.height)&&void 0!==r?r:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,n.useEffect)((()=>{m.current=0;const e=setInterval((()=>{m.current=m.current+.03,d.current&&u(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:d,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:h,height:c})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return p}});var n=r(7313),i=r(3933),o=r(868),a=r(8984),s=r(7300),l=r(2887),m=r(4862),d=r(7753),u=r(342),c=(r(9854),r(6417));var h=function(e){var t,r,o,s;const l=(0,n.useRef)(null),[h,p,f]=(0,i.YD)({triggerOnce:!0}),g=(0,d.MO)("whatmoreShopId"),$=null!==(t=e.height)&&void 0!==t?t:"100%",v=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():((m.G6||(0,a.gE)())&&l.current.play(),"57939755089"==g?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:h,style:{width:$,height:v,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==g||"8968077397"==g?(0,c.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:v,height:$,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==g&&"STRY2V4XO5L"!==g?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:v,height:$,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,r,m,p,f,g,$,v,b;const[x,y,w]=(0,i.YD)({triggerOnce:!0}),j=(0,d.MO)("whatmoreShopId");if((0,s.WJ)(e.event))return(0,c.jsx)(l.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const _=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,k=null!==e&&void 0!==e&&null!==(r=e.event)&&void 0!==r&&null!==(m=r.poster_image)&&void 0!==m&&m.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(p=e.event)||void 0===p||null===(f=p.poster_image)||void 0===f?void 0:f.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(g=e.event)||void 0===g?void 0:g.poster_image;if((0,a.KE)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:k,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:_});const S=(0,n.useRef)(null),C=null!==($=e.height)&&void 0!==$?$:"100%",F=null!==(v=e.width)&&void 0!==v?v:"100%";return(0,n.useEffect)((()=>{S.current&&(e.isPlaying?S.current.play():S.current.pause())}),[e.isPlaying,y]),(0,c.jsx)("div",{ref:x,style:{width:C,height:F,overflow:"hidden",display:"flex",alignItems:"center"},children:y||"51394281658"==j||"8968077397"==j?(0,c.jsxs)("video",{ref:S,className:"whatmore-video-player-muted",width:F,height:C,preload:"metadata",loop:!0,playsInline:!0,muted:null===(b=e.isVideoMuted)||void 0===b||b,poster:"57939755089"==j?"":k,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("source",{src:(0,o.V)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:F,height:C,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return s}});var n=r(9854),i=r(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"},a={"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"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,n.zpr)(t))return e;if("AZURECDN"==(0,n.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,n.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},342:function(e,t,r){r.d(t,{$W:function(){return s},WN:function(){return a},uv:function(){return o},vW:function(){return l}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),o=function(e){var t,r;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(r=e.event_media_urls.primary.landscape)||void 0===r?void 0:r.content_video_1080p:e.event_hls_url},a=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},l=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},9363:function(e,t,r){r.d(t,{$:function(){return a},s:function(){return o}});var n=r(9854),i=r(7753);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const r=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(r)?"STRNV8MHJTF"==r?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const r=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(r)?"image":null!==i&&void 0!==i&&i.test(r)?"video":void 0}},8743:function(){},9111:function(){},123:function(){},9778:function(){}}]);
|