whatmore-react-assets 1.0.1072 → 1.0.1074
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/static/js/{145.fe264c73.chunk.js → 145.8dffd3b4.chunk.js} +1 -1
- package/static/js/{banner-template-a.0352962b.chunk.js → banner-template-a.ac4e9c7f.chunk.js} +1 -1
- package/static/js/{carousel-template-a.7f1697da.chunk.js → carousel-template-a.4c814ba6.chunk.js} +1 -1
- package/static/js/{carousel-template-b.1a388616.chunk.js → carousel-template-b.1792127d.chunk.js} +1 -1
- package/static/js/{event-click-main.bf24531c.chunk.js → event-click-main.d5a4ed31.chunk.js} +1 -1
- package/static/js/{stories-template-a.ff47c763.chunk.js → stories-template-a.6d8e4d97.chunk.js} +1 -1
- package/whatmore.js +2 -2
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)),m=r(5254),a=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,m.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,m=`\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=m,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"})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),m=r(6417);t.Z=function(e){var t,r;const a=null!==(t=e.height)&&void 0!==t?t:"100%",o=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,m.jsxs)("div",{style:{width:o,height:a,overflow:"hidden",minHeight:a,minWidth:o},children:[(0,m.jsx)(i.Z,{height:a,width:o}),(0,m.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,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,m.jsx)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const m=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%",o=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:m,width:m,borderRadius:o,overflow:"hidden",minHeight:m,minWidth:a,maxHeight:m,maxWidth:a},children:(0,n.jsx)("div",{style:{minHeight:m,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),m=r(6417);t.Z=function(e){var t,r,a;const[o,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!==(a=e.width)&&void 0!==a?a:"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,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:c,overflow:"hidden"},children:[(0,m.jsx)("div",{style:{width:o?"100%":"0px",height:o?"100%":"0px"},children:(0,m.jsx)("img",{ref:l,src:e.url,style:{objectFit:"cover",height:c,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),o?(0,m.jsx)(m.Fragment,{}):(0,m.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),m=r(868),a=r(8984),o=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;const m=(0,n.useRef)(null),[o,s,h]=(0,i.YD)({triggerOnce:!0}),$=(0,l.MO)("whatmoreShopId"),p=null!==(t=e.height)&&void 0!==t?t:"100%",g=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():((d.G6||(0,a.gE)())&&m.current.play(),"57939755089"==$?setTimeout((()=>{m.current.pause()}),300):m.current.pause()))}),[e.isPlaying,s]),(0,c.jsx)("div",{ref:o,style:{width:p,height:g,overflow:"hidden",display:"flex",alignItems:"center"},children:s?(0,c.jsxs)("video",{ref:m,className:"whatmore-video-player-muted",width:g,height:p,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==$&&"STRY2V4XO5L"!==$?e.url:e.poster,muted:!0,style:{backgroundColor:"white",borderRadius:e.borderRadius},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:p,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var $=function(e){var t,r,d,$;const[p,g,f]=(0,i.YD)({triggerOnce:!0}),b=(0,l.MO)("whatmoreShopId");if((0,o.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 v=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var w;if((0,a.KE)())return(0,c.jsx)(h,{borderRadius:e.borderRadius,height:"100%",width:"100%",poster:null===e||void 0===e||null===(w=e.event)||void 0===w?void 0:w.poster_image,url:(0,m.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const y=(0,n.useRef)(null),_=null!==(r=e.height)&&void 0!==r?r:"100%",x=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,n.useEffect)((()=>{y.current&&(e.isPlaying?y.current.play():y.current.pause())}),[e.isPlaying,g]),(0,c.jsx)("div",{ref:p,style:{width:_,height:x,overflow:"hidden",display:"flex",alignItems:"center"},children:g?(0,c.jsxs)("video",{ref:y,className:"whatmore-video-player-muted",width:x,height:_,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:"57939755089"==b?"":null===e||void 0===e||null===($=e.event)||void 0===$?void 0:$.poster_image,style:{backgroundColor:"white"},children:[(0,c.jsx)("source",{src:(0,m.V)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:x,height:_,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return o}});var n=r(9854),i=r(7753);const m={"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"},o=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(m))if(e.includes(t))return e.replace(t,m[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 o},WN:function(){return a},uv:function(){return m},vW:function(){return s}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),m=function(e){var t;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: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},o=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 o},$w:function(){return d},AK:function(){return m},AL:function(){return a},YP:function(){return i},me:function(){return n},rE:function(){return s}});const n="device_type",i="device_mode",m="mobile",a="tablet",o="desktop",s="portrait",d="landscape"},9821:function(e,t,r){var n=r(6367),i=r(7753),m=r(8866),a=r(6805);t.Z=function(e){const[t,r,o]=(0,m.Z)(),[s]=(0,i.j1)("whatmoreLandscapePadding"),[d]=(0,i.j1)("whatmoreVideoTileSize"),[l]=(0,i.j1)("whatmoreVideoTileSizePortrait"),u=(0,n.useMediaQuery)({query:"(min-width: 1025px)"}),c=(0,n.useMediaQuery)({query:"(min-width: 481px)"}),h="portrait"==t?l:d,$=!("portrait"!=t||!c),p=h/100*1.3*.5,g=h/100;var f=Math.min(o,r),[b,v,w,y]=[.6*f*(16/9),.6*f,1.4,0];function _(e){return Math.round(10*e)/10}var x={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(u){const e=v*p,t=b*p;[b,v,w,y]=[t,e,(o-2*s)/(1.1*e),s],x[a.me]=a.$I,x[a.YP]=a.$w}else if($){var j=.8*v,P=.8*b;"portrait"==t?(j*=g,P*=g,[b,v,w,y]=[P,j,_(o/(1.2*j)),0],x[a.me]=a.AL,x[a.YP]=a.rE):([b,v,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AL,x[a.YP]=a.$w)}else{j=v,P=b;"portrait"==t?(j=j*g*.9,P=P*g*.9,[b,v,w,y]=[P,j,_(o/(1.15*j)),0],x[a.me]=a.AK,x[a.YP]=a.rE):(j=.7*v,P=.7*b,[b,v,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AK,x[a.YP]=a.$w)}return[b,v,w,y,x]}},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)),m=r(5254),a=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,m.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,m=`\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=m,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"})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),m=r(6417);t.Z=function(e){var t,r;const a=null!==(t=e.height)&&void 0!==t?t:"100%",o=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,m.jsxs)("div",{style:{width:o,height:a,overflow:"hidden",minHeight:a,minWidth:o},children:[(0,m.jsx)(i.Z,{height:a,width:o}),(0,m.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,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,m.jsx)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const m=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%",o=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:m,width:m,borderRadius:o,overflow:"hidden",minHeight:m,minWidth:a,maxHeight:m,maxWidth:a},children:(0,n.jsx)("div",{style:{minHeight:m,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),m=r(6417);t.Z=function(e){var t,r,a;const[o,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!==(a=e.width)&&void 0!==a?a:"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,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:c,overflow:"hidden"},children:[(0,m.jsx)("div",{style:{width:o?"100%":"0px",height:o?"100%":"0px"},children:(0,m.jsx)("img",{ref:l,src:e.url,style:{objectFit:"cover",height:c,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),o?(0,m.jsx)(m.Fragment,{}):(0,m.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),m=r(868),a=r(8984),o=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;const m=(0,n.useRef)(null),[o,s,h]=(0,i.YD)({triggerOnce:!0}),$=(0,l.MO)("whatmoreShopId"),p=null!==(t=e.height)&&void 0!==t?t:"100%",g=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():((d.G6||(0,a.gE)())&&m.current.play(),"57939755089"==$?setTimeout((()=>{m.current.pause()}),300):m.current.pause()))}),[e.isPlaying,s]),(0,c.jsx)("div",{ref:o,style:{width:p,height:g,overflow:"hidden",display:"flex",alignItems:"center"},children:s||"51394281658"==$?(0,c.jsxs)("video",{ref:m,className:"whatmore-video-player-muted",width:g,height:p,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==$&&"STRY2V4XO5L"!==$?e.url:e.poster,muted:!0,style:{backgroundColor:"white",borderRadius:e.borderRadius},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:p,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var $=function(e){var t,r,d,$;const[p,g,f]=(0,i.YD)({triggerOnce:!0}),b=(0,l.MO)("whatmoreShopId");if((0,o.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 v=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var w;if((0,a.KE)())return(0,c.jsx)(h,{borderRadius:e.borderRadius,height:"100%",width:"100%",poster:null===e||void 0===e||null===(w=e.event)||void 0===w?void 0:w.poster_image,url:(0,m.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const y=(0,n.useRef)(null),_=null!==(r=e.height)&&void 0!==r?r:"100%",x=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,n.useEffect)((()=>{y.current&&(e.isPlaying?y.current.play():y.current.pause())}),[e.isPlaying,g]),(0,c.jsx)("div",{ref:p,style:{width:_,height:x,overflow:"hidden",display:"flex",alignItems:"center"},children:g||"51394281658"==b?(0,c.jsxs)("video",{ref:y,className:"whatmore-video-player-muted",width:x,height:_,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:"57939755089"==b?"":null===e||void 0===e||null===($=e.event)||void 0===$?void 0:$.poster_image,style:{backgroundColor:"white"},children:[(0,c.jsx)("source",{src:(0,m.V)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:x,height:_,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return o}});var n=r(9854),i=r(7753);const m={"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"},o=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(m))if(e.includes(t))return e.replace(t,m[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 o},WN:function(){return a},uv:function(){return m},vW:function(){return s}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),m=function(e){var t;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: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},o=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 o},$w:function(){return d},AK:function(){return m},AL:function(){return a},YP:function(){return i},me:function(){return n},rE:function(){return s}});const n="device_type",i="device_mode",m="mobile",a="tablet",o="desktop",s="portrait",d="landscape"},9821:function(e,t,r){var n=r(6367),i=r(7753),m=r(8866),a=r(6805);t.Z=function(e){const[t,r,o]=(0,m.Z)(),[s]=(0,i.j1)("whatmoreLandscapePadding"),[d]=(0,i.j1)("whatmoreVideoTileSize"),[l]=(0,i.j1)("whatmoreVideoTileSizePortrait"),u=(0,n.useMediaQuery)({query:"(min-width: 1025px)"}),c=(0,n.useMediaQuery)({query:"(min-width: 481px)"}),h="portrait"==t?l:d,$=!("portrait"!=t||!c),p=h/100*1.3*.5,g=h/100;var f=Math.min(o,r),[b,v,w,y]=[.6*f*(16/9),.6*f,1.4,0];function _(e){return Math.round(10*e)/10}var x={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(u){const e=v*p,t=b*p;[b,v,w,y]=[t,e,(o-2*s)/(1.1*e),s],x[a.me]=a.$I,x[a.YP]=a.$w}else if($){var j=.8*v,P=.8*b;"portrait"==t?(j*=g,P*=g,[b,v,w,y]=[P,j,_(o/(1.2*j)),0],x[a.me]=a.AL,x[a.YP]=a.rE):([b,v,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AL,x[a.YP]=a.$w)}else{j=v,P=b;"portrait"==t?(j=j*g*.9,P=P*g*.9,[b,v,w,y]=[P,j,_(o/(1.15*j)),0],x[a.me]=a.AK,x[a.YP]=a.rE):(j=.7*v,P=.7*b,[b,v,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AK,x[a.YP]=a.$w)}return[b,v,w,y,x]}},8743:function(){},123:function(){},7244:function(){}}]);
|
package/static/js/{banner-template-a.0352962b.chunk.js → banner-template-a.ac4e9c7f.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),S=n(4522),P=n(778),k=n(3433);function M(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;const[o,a,s]=(0,v.Z)(),[l,c]=(0,r.useState)(!0),u=(0,m.MO)("whatmoreVideoTileSize"),{ref:x,inView:$,entry:b}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:j}=(0,r.useContext)(d.I),_=(0,m.MO)("whatmoreShopId"),z=e.events,Z=e.activeEventIndex,R=e.setActiveEventIndex,E=z[Z],F=(0,g.uv)(E),N=(0,g.WN)(E);if("portrait"===o&&!F)return(0,y.jsx)(y.Fragment,{});if("landscape"===o&&!N)return(0,y.jsx)(y.Fragment,{});const L=(0,f.V)("portrait"===o?F:N),T=u/100*(0,h.b4p)(_),W=u/100*(0,h.GmU)(_),O="portrait"===o?(0,h.oOc)(_):(0,h.snl)(_),A="portrait"===o?s*T:s*W,D=A*O,V=null!=(null===(t=E.cta)||void 0===t||null===(n=t[1])||void 0===n?void 0:n.cta_link);return(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;const n=e.querySelector(".whatmore-base");n&&(n.style.minHeight="0px")}))}),[]),(0,y.jsxs)("div",{ref:x,onClick:()=>{var e,t;(0,S.GF)({userInteractionType:P.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:j,event:z[Z]}),(0,h.hr)(_)&&V&&!(0,h.j1_)(_)&&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)(_)?"100%":A,minHeight:(0,h.SJ)(_)?s*O:"",height:(0,h.SJ)(_)?"auto":D,borderWidth:(0,h.alU)(_),borderColor:(0,h.qPe)(_),overflow:"hidden",cursor:"pointer"},children:[(0,y.jsx)(w.Z,{height:"100%",width:"100%",url:L,isPlaying:$,event:E,isVideoMuted:l,setDuration:e.setDuration,source:k.j.BANNER}),(0,y.jsx)(M,{isCTAPresent:V,events:z,activeEventIndex:Z,setActiveEventIndex:R,event:E,mode:o,onMuteToggle:()=>c(!l),initialMuteState:l}),(0,h.j1_)(_)&&(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===o?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsx)("div",{children:(0,y.jsx)(C.Z,{event:E,cta:null===E||void 0===E||null===(i=E.cta)||void 0===i?void 0:i[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:u,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:u,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;const o=(0,r.useRef)(null),[s,l,h]=(0,i.YD)({triggerOnce:!0}),p=(0,m.MO)("whatmoreShopId"),v=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((d.G6||(0,a.gE)())&&o.current.play(),"57939755089"==p?setTimeout((()=>{o.current.pause()}),300):o.current.pause()))}),[e.isPlaying,l]),(0,u.jsx)("div",{ref:s,style:{width:v,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:l?(0,u.jsxs)("video",{ref:o,className:"whatmore-video-player-muted",width:f,height:v,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white",borderRadius:e.borderRadius},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:f,height:v,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,d,p;const[v,f,g]=(0,i.YD)({triggerOnce:!0}),x=(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;var y;if((0,a.KE)())return(0,u.jsx)(h,{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:$});const b=(0,r.useRef)(null),w=null!==(n=e.height)&&void 0!==n?n:"100%",j=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,r.useEffect)((()=>{b.current&&(e.isPlaying?b.current.play():b.current.pause())}),[e.isPlaying,f]),(0,u.jsx)("div",{ref:v,style:{width:w,height:j,overflow:"hidden",display:"flex",alignItems:"center"},children:f?(0,u.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:j,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:"57939755089"==x?"":null===e||void 0===e||null===(p=e.event)||void 0===p?void 0:p.poster_image,style:{backgroundColor:"white"},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:j,height:w,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;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: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),S=n(4522),P=n(778),k=n(3433);function M(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;const[o,a,s]=(0,v.Z)(),[l,c]=(0,r.useState)(!0),u=(0,m.MO)("whatmoreVideoTileSize"),{ref:x,inView:$,entry:b}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:j}=(0,r.useContext)(d.I),_=(0,m.MO)("whatmoreShopId"),z=e.events,Z=e.activeEventIndex,R=e.setActiveEventIndex,E=z[Z],F=(0,g.uv)(E),N=(0,g.WN)(E);if("portrait"===o&&!F)return(0,y.jsx)(y.Fragment,{});if("landscape"===o&&!N)return(0,y.jsx)(y.Fragment,{});const L=(0,f.V)("portrait"===o?F:N),T=u/100*(0,h.b4p)(_),W=u/100*(0,h.GmU)(_),O="portrait"===o?(0,h.oOc)(_):(0,h.snl)(_),A="portrait"===o?s*T:s*W,D=A*O,V=null!=(null===(t=E.cta)||void 0===t||null===(n=t[1])||void 0===n?void 0:n.cta_link);return(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;const n=e.querySelector(".whatmore-base");n&&(n.style.minHeight="0px")}))}),[]),(0,y.jsxs)("div",{ref:x,onClick:()=>{var e,t;(0,S.GF)({userInteractionType:P.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:j,event:z[Z]}),(0,h.hr)(_)&&V&&!(0,h.j1_)(_)&&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)(_)?"100%":A,minHeight:(0,h.SJ)(_)?s*O:"",height:(0,h.SJ)(_)?"auto":D,borderWidth:(0,h.alU)(_),borderColor:(0,h.qPe)(_),overflow:"hidden",cursor:"pointer"},children:[(0,y.jsx)(w.Z,{height:"100%",width:"100%",url:L,isPlaying:$,event:E,isVideoMuted:l,setDuration:e.setDuration,source:k.j.BANNER}),(0,y.jsx)(M,{isCTAPresent:V,events:z,activeEventIndex:Z,setActiveEventIndex:R,event:E,mode:o,onMuteToggle:()=>c(!l),initialMuteState:l}),(0,h.j1_)(_)&&(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===o?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsx)("div",{children:(0,y.jsx)(C.Z,{event:E,cta:null===E||void 0===E||null===(i=E.cta)||void 0===i?void 0:i[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:u,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:u,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;const o=(0,r.useRef)(null),[s,l,h]=(0,i.YD)({triggerOnce:!0}),p=(0,m.MO)("whatmoreShopId"),v=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((d.G6||(0,a.gE)())&&o.current.play(),"57939755089"==p?setTimeout((()=>{o.current.pause()}),300):o.current.pause()))}),[e.isPlaying,l]),(0,u.jsx)("div",{ref:s,style:{width:v,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:l||"51394281658"==p?(0,u.jsxs)("video",{ref:o,className:"whatmore-video-player-muted",width:f,height:v,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white",borderRadius:e.borderRadius},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:f,height:v,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,d,p;const[v,f,g]=(0,i.YD)({triggerOnce:!0}),x=(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;var y;if((0,a.KE)())return(0,u.jsx)(h,{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:$});const b=(0,r.useRef)(null),w=null!==(n=e.height)&&void 0!==n?n:"100%",j=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,r.useEffect)((()=>{b.current&&(e.isPlaying?b.current.play():b.current.pause())}),[e.isPlaying,f]),(0,u.jsx)("div",{ref:v,style:{width:w,height:j,overflow:"hidden",display:"flex",alignItems:"center"},children:f||"51394281658"==x?(0,u.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:j,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:"57939755089"==x?"":null===e||void 0===e||null===(p=e.event)||void 0===p?void 0:p.poster_image,style:{backgroundColor:"white"},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:j,height:w,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;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: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(){}}]);
|
package/static/js/{carousel-template-a.7f1697da.chunk.js → carousel-template-a.4c814ba6.chunk.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[978],{1492:function(e,t,o){o.r(t),o.d(t,{default:function(){return N}});var n=o(7313),i=o(6090),r=o(7616),l=o(32),s=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),a=o(2575),d=o(2210),p=o(8486),c=o(9821),u=o(8866),m=o(2279),h=o.n(m),y=o(7753),v=o(7129),x=o(1855),f=o(9854),g=o(364),w=o(4920),P=o(4522),j=o(778),C=o(7381),S=(o(3439),o(4892)),O=o(6805),I=o(9219),M=o(5945),b=o(7053),k=o(6417);var F=function(e){var t,o,i,r,l,s,a,d,p,u,m,h,x,w,P,j,C,F,E;const[Z,_,N,W,D]=(0,c.Z)();var R=(0,n.useContext)(v.V);const T=(0,y.MO)("whatmoreUITheme"),U=(0,y.MO)("whatmoreShopId"),z=(0,y.MO)("whatmorePrimaryFont"),V=(0,y.MO)("whatmoreSecondaryColor"),H=e.onClick,A=null===(t=e.isOnFocus)||void 0===t||t,$=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,G=null!==(i=e.animateOnFocus&&(0,f.iWI)(U))&&void 0!==i&&i,q="portrait"===D[O.YP],B=(q?1.076*_*(0,f.pEd)(U):_*(0,f.H4g)(U))+"px",L=(q?1.076*_*(0,f.pEd)(U):_*(0,f.H4g)(U))+"px",X=(q?.965*_*(0,f.pEd)(U):.859*_*(0,f.H4g)(U))+"px",Y=(0,f.nzC)(U),{whatmoreIsPreviewMode:K}=(0,n.useContext)(g.I),J=.25*_,Q=J+"px",[ee,te]=(0,n.useState)(e.event),[oe,ne]=(0,n.useState)(),ie=Math.round(+(null===(r=ee.products)||void 0===r||null===(l=r[0])||void 0===l?void 0:l.price)),re=Math.round(+(null===ee||void 0===ee||null===(s=ee.products[0])||void 0===s?void 0:s.compare_price)),le=re&&0!=re&&re>ie?Math.round((re-ie)/re*100):NaN,[se,ae]=(0,n.useState)(le);return(0,n.useEffect)((()=>{(0,f.N8M)(U)&&(0,I.p_)(ee,(0,f.Ipo)(U),U).then((e=>{var t,o,n;te(e);const i=Math.round(null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.price),r=Math.round(null===e||void 0===e||null===(n=e.products[0])||void 0===n?void 0:n.compare_price),l=r&&0!=r&&r>i?Math.round((r-i)/r*100):NaN;ae(l)}));(async()=>{var e;const t=await(0,b.p)(null===ee||void 0===ee||null===(e=ee.products)||void 0===e?void 0:e[0],(0,f.Ipo)(U),U);ne(t)})()}),[]),(0,k.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",R.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",R.tileBottomMMargin+"px","important"))},children:[(0,k.jsx)("div",{style:{margin:"0 auto",width:_,height:q&&A?"STR2FOC6KG9"==U||"STRDOIDF6O7"==U?Z:1.1*Z:Z,borderRadius:"round"==T?"5px":"0px",boxShadow:"round"==T?Y:null,borderWidth:(0,f.alU)(U),borderColor:(0,f.qPe)(U),overflow:"hidden",cursor:"pointer"},className:G?A?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{H(ee)},children:(0,k.jsx)(S.Z,{height:(0,f.dXm)(U)+" !important",width:"100%",url:ee.thumbnail_image,isPlaying:A||$,event:ee})}),(0,k.jsxs)("div",{onClick:()=>{H(ee)},className:G?A?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{cursor:"pointer",display:"flex",gap:"6px",padding:"16px 12px"},children:[(K?(0,f.uU$)(U):(0,f.EIj)(U))&&(0,k.jsx)("div",{style:{maxWidth:Q,minWidth:null!==(a=ee.products)&&void 0!==a&&null!==(d=a[0])&&void 0!==d&&d.thumbnail_image?Q:"0",overflow:"hidden"},children:(0,k.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,f.yOX)(U),"important")},src:null===(p=ee.products)||void 0===p||null===(u=p[0])||void 0===u?void 0:u.thumbnail_image})}),(0,k.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",B,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,M.s)(null===(m=ee.products[0])||void 0===m?void 0:m.title)}),(0,f.QaY)(U)&&(0,k.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(U)?"row":"row-reverse",justifyContent:(0,f.$zZ)(U)?"flex-start":"flex-end"},children:[(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(U),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(U)?"normal":"bold"},children:(0,I.jx)(parseFloat(null!==(h=null===oe||void 0===oe?void 0:oe.price)&&void 0!==h?h:null===ee||void 0===ee||null===(x=ee.products)||void 0===x||null===(w=x[0])||void 0===w?void 0:w.price)," ",U,null===(P=ee.products[0])||void 0===P?void 0:P.currency)}),!isNaN(re)&&re>ie&&(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(U),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,I.jx)(parseFloat(null!==(j=null===oe||void 0===oe?void 0:oe.compare_at_price)&&void 0!==j?j:null===ee||void 0===ee||null===(C=ee.products)||void 0===C||null===(F=C[0])||void 0===F?void 0:F.compare_price)," ",U,null===(E=ee.products[0])||void 0===E?void 0:E.currency)})]}),(0,f.QaY)(U)&&!isNaN(se)&&0!=se&&(0,k.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,f.ZJm)(U)?"#343434"==V?(0,f.ZJm)(U):V:(0,f.ZJm)(U),alignItems:"center",borderRadius:(0,f.CF_)(U)+"px",width:"fit-content",padding:(0,f.Spx)(U)?"3px 6px":"0px"},children:(0,f.Spx)(U)?(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(U),"important"),e.style.setProperty("font-size",X,"important"),e.style.setProperty("font-family",z,"important"))},children:`${se}% Off`}):(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(U),"important"),e.style.setProperty("font-size",X,"important"),e.style.setProperty("font-family",(0,f.V3Y)(U),"important"))},children:(0,f.sG7)(U)})})]})]})]})};const E=(0,a.Z)({key:"whatmore-css-hv"});function Z(e){const[t,o,i]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=e.events,s=e.onClick,a=i*(0,f.u6l)(r),u="32365904011"==r||"28018342"==r,[m,h]=(0,n.useState)(u?l.length:a),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(g.I);return(0,n.useEffect)((()=>{m<=a&&h((e=>e+a))}),[a]),(0,k.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,k.jsx)(d.tq,{slidesPerView:l.length>1?"51394281658"==r?2:a:1,initialSlide:l.length>1&&"51394281658"!=r?1:0,centeredSlides:"51394281658"!=r,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:"51394281658"==r?1:.5,onSlideChange:e=>{(0,P.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v}),e.realIndex>e.previousIndex&&h((e=>e+a))},loop:u,navigation:u,modules:[p.W_],children:l.map(((e,t)=>t<=m&&(0,k.jsx)(d.o5,{children:t=>{let{isActive:o,isPrev:n,isNext:i,isVisible:l}=t;return n||i||o||"51394281658"==r?(0,f.$X$)(r)?(0,k.jsx)(F,{isOnFocus:o&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(w.Z,{isOnFocus:("51394281658"==r||o)&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(x.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function _(e){const[t,o,i,r]=(0,c.Z)(),[l,s]=(0,n.useState)(-1),a=(0,y.MO)("whatmoreShopId"),u=e.onClick,m=e.events,v="32365904011"==a||"28018342"==a,[C,S]=(0,n.useState)(v?m.length:i),O=Math.min(i,m.length),{whatmoreWidgetSourceDetails:I}=(0,n.useContext)(g.I);return(0,n.useEffect)((()=>{C<=i&&S((e=>e+i))}),[i]),(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,k.jsx)("div",{style:{width:o*O*(0,f.Su5)(a)+"px"},children:(0,k.jsx)(d.tq,{slidesPerView:O,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(O),onSlideChange:e=>{(0,P.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&S((e=>e+i))},spaceBetween:(0,f.WGf)(a),loop:v,children:m.map(((e,t)=>{const o=h()((()=>s(t)),300);return t<=C&&(0,k.jsx)(d.o5,{onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),s(-1)},children:o=>{let{isActive:n,isPrev:i,isNext:r,isVisible:s}=o;return s?(0,f.$X$)(a)?(0,k.jsx)(F,{isOnFocus:t==l,playOnUnfocus:!(0,f.dHy)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,k.jsx)(w.Z,{isOnFocus:t==l,playOnUnfocus:!(0,f.dHy)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,k.jsx)(x.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var N=function(e){const[t,o,a]=(0,u.Z)(),[d]=(0,y.j1)("whatmoreShopId"),[p]=(0,y.j1)("whatmorePrimaryColor"),[c]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==t?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:h}=(0,n.useContext)(g.I),x=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,n.useContext)(g.I),P=e.events,j=e.onClick,S=c;function O(e){j(e)}return(0,n.useEffect)((()=>{(0,C.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,k.jsx)(s.C,{value:E,children:(0,k.jsx)("div",{className:"whatmore-carousel-events",children:(0,k.jsx)(i.x,{theme:r.ZP,cssVarsRoot:h,resetCSS:!1,children:(0,k.jsxs)(v.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,k.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",S,"important"),e.style.setProperty("font-size",m+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(d),lineHeight:(0,f.vY4)(d),letterSpacing:(0,f.X2K)(d)},children:w?"W"!==x?x:"":e.heading})}):(0,k.jsx)(k.Fragment,{}),"landscape"===t?(0,k.jsx)(_,{events:P,onClick:O}):(0,k.jsx)(Z,{events:P,onClick:O})]})})})})}},1855:function(e,t,o){var n=o(7313),i=o(9821),r=o(7129),l=o(6417);t.Z=function(e){var[t,o]=(0,i.Z)();return(0,n.useContext)(r.V),e.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[978],{1492:function(e,t,o){o.r(t),o.d(t,{default:function(){return N}});var n=o(7313),i=o(6090),r=o(7616),l=o(32),s=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),a=o(2575),d=o(2210),p=o(8486),c=o(9821),u=o(8866),m=o(2279),h=o.n(m),y=o(7753),v=o(7129),x=o(1855),f=o(9854),g=o(364),w=o(4920),P=o(4522),j=o(778),C=o(7381),S=(o(3439),o(4892)),O=o(6805),I=o(9219),M=o(5945),b=o(7053),k=o(6417);var F=function(e){var t,o,i,r,l,s,a,d,p,u,m,h,x,w,P,j,C,F,E;const[Z,_,N,W,D]=(0,c.Z)();var R=(0,n.useContext)(v.V);const T=(0,y.MO)("whatmoreUITheme"),U=(0,y.MO)("whatmoreShopId"),z=(0,y.MO)("whatmorePrimaryFont"),V=(0,y.MO)("whatmoreSecondaryColor"),H=e.onClick,A=null===(t=e.isOnFocus)||void 0===t||t,$=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,B=null!==(i=e.animateOnFocus&&(0,f.iWI)(U))&&void 0!==i&&i,G="portrait"===D[O.YP],q=(G?1.076*_*(0,f.pEd)(U):_*(0,f.H4g)(U))+"px",L=(G?1.076*_*(0,f.pEd)(U):_*(0,f.H4g)(U))+"px",X=(G?.965*_*(0,f.pEd)(U):.859*_*(0,f.H4g)(U))+"px",Y=(0,f.nzC)(U),{whatmoreIsPreviewMode:K}=(0,n.useContext)(g.I),J=.25*_,Q=J+"px",[ee,te]=(0,n.useState)(e.event),[oe,ne]=(0,n.useState)(),ie=Math.round(+(null===(r=ee.products)||void 0===r||null===(l=r[0])||void 0===l?void 0:l.price)),re=Math.round(+(null===ee||void 0===ee||null===(s=ee.products[0])||void 0===s?void 0:s.compare_price)),le=re&&0!=re&&re>ie?Math.round((re-ie)/re*100):NaN,[se,ae]=(0,n.useState)(le);return(0,n.useEffect)((()=>{(0,f.N8M)(U)&&(0,I.p_)(ee,(0,f.Ipo)(U),U).then((e=>{var t,o,n;te(e);const i=Math.round(null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.price),r=Math.round(null===e||void 0===e||null===(n=e.products[0])||void 0===n?void 0:n.compare_price),l=r&&0!=r&&r>i?Math.round((r-i)/r*100):NaN;ae(l)}));(async()=>{var e;const t=await(0,b.p)(null===ee||void 0===ee||null===(e=ee.products)||void 0===e?void 0:e[0],(0,f.Ipo)(U),U);ne(t)})()}),[]),(0,k.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",R.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",R.tileBottomMMargin+"px","important"))},children:[(0,k.jsx)("div",{style:{margin:"0 auto",width:_,height:G&&A?"STR2FOC6KG9"==U||"STRDOIDF6O7"==U?Z:1.1*Z:Z,borderRadius:"round"==T?"5px":"0px",boxShadow:"round"==T?Y:null,borderWidth:(0,f.alU)(U),borderColor:(0,f.qPe)(U),overflow:"hidden",cursor:"pointer"},className:B?A?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{H(ee)},children:(0,k.jsx)(S.Z,{height:(0,f.dXm)(U)+" !important",width:"100%",url:ee.thumbnail_image,isPlaying:A||$,event:ee})}),(0,k.jsxs)("div",{onClick:()=>{H(ee)},className:B?A?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{cursor:"pointer",display:"flex",gap:"6px",padding:"16px 12px"},children:[(K?(0,f.uU$)(U):(0,f.EIj)(U))&&(0,k.jsx)("div",{style:{maxWidth:Q,minWidth:null!==(a=ee.products)&&void 0!==a&&null!==(d=a[0])&&void 0!==d&&d.thumbnail_image?Q:"0",overflow:"hidden"},children:(0,k.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,f.yOX)(U),"important")},src:null===(p=ee.products)||void 0===p||null===(u=p[0])||void 0===u?void 0:u.thumbnail_image})}),(0,k.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",q,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,M.s)(null===(m=ee.products[0])||void 0===m?void 0:m.title)}),(0,f.QaY)(U)&&(0,k.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(U)?"row":"row-reverse",justifyContent:(0,f.$zZ)(U)?"flex-start":"flex-end"},children:[(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(U),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(U)?"normal":"bold"},children:(0,I.jx)(parseFloat(null!==(h=null===oe||void 0===oe?void 0:oe.price)&&void 0!==h?h:null===ee||void 0===ee||null===(x=ee.products)||void 0===x||null===(w=x[0])||void 0===w?void 0:w.price)," ",U,null===(P=ee.products[0])||void 0===P?void 0:P.currency)}),!isNaN(re)&&re>ie&&(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(U),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,I.jx)(parseFloat(null!==(j=null===oe||void 0===oe?void 0:oe.compare_at_price)&&void 0!==j?j:null===ee||void 0===ee||null===(C=ee.products)||void 0===C||null===(F=C[0])||void 0===F?void 0:F.compare_price)," ",U,null===(E=ee.products[0])||void 0===E?void 0:E.currency)})]}),(0,f.QaY)(U)&&!isNaN(se)&&0!=se&&(0,k.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,f.ZJm)(U)?"#343434"==V?(0,f.ZJm)(U):V:(0,f.ZJm)(U),alignItems:"center",borderRadius:(0,f.CF_)(U)+"px",width:"fit-content",padding:(0,f.Spx)(U)?"3px 6px":"0px"},children:(0,f.Spx)(U)?(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(U),"important"),e.style.setProperty("font-size",X,"important"),e.style.setProperty("font-family",z,"important"))},children:`${se}% Off`}):(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(U),"important"),e.style.setProperty("font-size",X,"important"),e.style.setProperty("font-family",(0,f.V3Y)(U),"important"))},children:(0,f.sG7)(U)})})]})]})]})};const E=(0,a.Z)({key:"whatmore-css-hv"});function Z(e){const[t,o,i]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=e.events,s=e.onClick,a=i*(0,f.u6l)(r),u=(0,f.yBw)(r),[m,h]=(0,n.useState)(u?l.length:a),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(g.I);return(0,n.useEffect)((()=>{m<=a&&h((e=>e+a))}),[a]),(0,k.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,k.jsx)(d.tq,{slidesPerView:l.length>1?"51394281658"==r?2:a:1,initialSlide:l.length>1&&"51394281658"!=r?1:0,centeredSlides:"51394281658"!=r,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:"51394281658"==r?1:.5,onSlideChange:e=>{(0,P.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v}),e.realIndex>e.previousIndex&&h((e=>e+a))},loop:u,navigation:u,modules:[p.W_],children:l.map(((e,t)=>t<=m&&(0,k.jsx)(d.o5,{children:t=>{let{isActive:o,isPrev:n,isNext:i,isVisible:l}=t;return n||i||o||"51394281658"==r?(0,f.$X$)(r)?(0,k.jsx)(F,{isOnFocus:o&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(w.Z,{isOnFocus:("51394281658"==r||o)&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(x.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function _(e){const[t,o,i,r]=(0,c.Z)(),[l,s]=(0,n.useState)(-1),a=(0,y.MO)("whatmoreShopId"),u=e.onClick,m=e.events,v=(0,f.yBw)(a),[C,S]=(0,n.useState)(v?m.length:i),O=Math.min(i,m.length),{whatmoreWidgetSourceDetails:I}=(0,n.useContext)(g.I);return(0,n.useEffect)((()=>{C<=i&&S((e=>e+i))}),[i]),(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,k.jsx)("div",{style:{width:o*O*(0,f.Su5)(a)+"px"},children:(0,k.jsx)(d.tq,{slidesPerView:O,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(O),onSlideChange:e=>{(0,P.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&S((e=>e+i))},spaceBetween:(0,f.WGf)(a),loop:v,children:m.map(((e,t)=>{const o=h()((()=>s(t)),300);return t<=C&&(0,k.jsx)(d.o5,{onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),s(-1)},children:o=>{let{isActive:n,isPrev:i,isNext:r,isVisible:s}=o;return s?(0,f.$X$)(a)?(0,k.jsx)(F,{isOnFocus:t==l,playOnUnfocus:!(0,f.dHy)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,k.jsx)(w.Z,{isOnFocus:t==l,playOnUnfocus:!(0,f.dHy)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,k.jsx)(x.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var N=function(e){const[t,o,a]=(0,u.Z)(),[d]=(0,y.j1)("whatmoreShopId"),[p]=(0,y.j1)("whatmorePrimaryColor"),[c]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==t?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:h}=(0,n.useContext)(g.I),x=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,n.useContext)(g.I),P=e.events,j=e.onClick,S=c;function O(e){j(e)}return(0,n.useEffect)((()=>{(0,C.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,k.jsx)(s.C,{value:E,children:(0,k.jsx)("div",{className:"whatmore-carousel-events",children:(0,k.jsx)(i.x,{theme:r.ZP,cssVarsRoot:h,resetCSS:!1,children:(0,k.jsxs)(v.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,k.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",S,"important"),e.style.setProperty("font-size",m+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(d),lineHeight:(0,f.vY4)(d),letterSpacing:(0,f.X2K)(d)},children:w?"W"!==x?x:"":e.heading})}):(0,k.jsx)(k.Fragment,{}),"landscape"===t?(0,k.jsx)(_,{events:P,onClick:O}):(0,k.jsx)(Z,{events:P,onClick:O})]})})})})}},1855:function(e,t,o){var n=o(7313),i=o(9821),r=o(7129),l=o(6417);t.Z=function(e){var[t,o]=(0,i.Z)();return(0,n.useContext)(r.V),e.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
package/static/js/{carousel-template-b.1a388616.chunk.js → carousel-template-b.1792127d.chunk.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[437],{3867:function(t,e,i){var n=i(8816),o=i(417),r=i(4885),l=i(7753),s=i(6417);e.Z=function(t){var e;const i=(0,l.MO)("whatmoreUITheme"),[a]=(0,l.j1)("whatmoreSecondaryColor"),[d,p]=(0,l.j1)("productRatings"),c=(0,l.MO)("whatmorePrimaryFont"),h=t.productId,x=t.fontSize,m=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(h in d)||d[h].avgRating>5)return(0,s.jsx)(s.Fragment,{});const y=d[h].avgRating,f=d[h].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(y))].map(((t,e)=>(0,s.jsx)(n.Z,{sx:{color:a,fontSize:x+"px"}},"star-icon"+e))),y-Math.floor(y)>.2?(0,s.jsx)(o.Z,{sx:{color:a,fontSize:x+"px"}},"star-half-icon"):y-Math.floor(y)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon"),[...Array(Math.floor(5-y))].map(((t,e)=>(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon-"+e))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:a,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",y,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",m,"important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+f+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return E}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),p=i(8486),c=i(9821),h=i(8866),x=i(2279),m=i.n(x),y=i(7753),f=i(7129),u=i(9854),g=i(364),v=i(1855),w=i(4892),j=i(3933),P=i(1092),C=i(5945),b=i(5456),I=i(3867),S=i(9219),k=i(9363),O=i(7053),M=i(5416),F=i(6417);const _=n.lazy((()=>Promise.all([i.e(577),i.e(587),i.e(818),i.e(842)]).then(i.bind(i,6163))));var R=function(t){var e,i,o,r;const l=(0,y.j1)("whatmoreUITheme");var[s,a]=(0,c.Z)();const[d]=(0,y.j1)("whatmorePrimaryFont"),[p]=(0,y.j1)("whatmoreSecondaryColorShade900"),[h]=(0,y.j1)("whatmoreShopId"),[x,m]=(0,n.useState)(0),[f,v]=(0,n.useState)(t.event),[w,j]=(0,n.useState)(),[P,R]=(0,n.useState)(!1),z=t.onClick,Z=f.products.length,{whatmoreIsPreviewMode:L}=(0,n.useContext)(g.I);if(0==Z)return(0,F.jsx)(F.Fragment,{});(0,n.useEffect)((()=>{(0,u.N8M)(h)&&(0,S.p_)(f,(0,u.Ipo)(h),h).then((t=>{v(t),R(!0)}));(async()=>{var t;const e=await(0,O.p)(null===f||void 0===f||null===(t=f.products)||void 0===t?void 0:t[0],(0,u.Ipo)(h),h);j(e),R(!0)})()}),[]);const T=L,W=.3*a,U=W+"px",B=W+"px",A=.05*a+"px",D=.07*a,E=D+"px",H=.05*a;return(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*a,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:z,children:[(0,F.jsx)("div",{style:{width:U,height:B,overflow:"hidden",backgroundColor:p,borderRadius:"round"==l?"5px":"0px",borderWidth:"0px"==(0,u.alU)(h)?"2px":(0,u.alU)(h),borderColor:"white"==(0,u.qPe)(h)?p:(0,u.qPe)(h)},children:(0,F.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,u.yOX)(h),"important")},src:(0,k.s)(f.products[x].thumbnail_image,"&width=400&height=400"),style:{width:U,height:U,borderRadius:"round"==l?"5px":"0px",backgroundColor:p},alt:"product image"})}),(0,F.jsx)("div",{style:{width:.7*a+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==l?"5px":"0px"},children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",A,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,C.s)(f.products[x].title)})}),(0,F.jsxs)("div",{style:{display:"flex",flexFlow:(0,u.$zZ)(h)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,u.$zZ)(h)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[P&&(0,F.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,u.Uyp)(h),"important"),t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===w||void 0===w?void 0:w.price:null===f||void 0===f||null===(e=f.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",h,f.products[x].currency)]}),(0,b.B)(f.products[x].price,f.products[x].compare_price)&&P?(0,F.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,u.kPs)(h),"important"),t.style.setProperty("font-size",.9*D+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===w||void 0===w?void 0:w.compare_at_price:null===f||void 0===f||null===(o=f.products)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.compare_price),"",h,f.products[x].currency)]}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(I.Z,{storeId:h,productId:f.products[x].client_product_id,productLink:f.products[x].product_link,fontSize:H})]})})]},x),(0,u.IXJ)(h)||T&&"5141594210"==h?(0,F.jsx)(n.Suspense,{children:(0,F.jsx)(_,{baseFontSize:.05*a,event:f,product:f.products[0],width:.9*a,height:"fit-content"})}):(0,F.jsx)(F.Fragment,{})]})},z=i(3388);function Z(t){const[e,i,n,o,r]=(0,c.Z)(),l=(0,y.MO)("whatmoreUITheme"),s=(0,y.MO)("whatmoreShowViews"),a=(0,y.MO)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,m,f]=(0,j.YD)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:"show"===s?(0,F.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,F.jsx)(P.Z,{event:g,fontSize:.07*i+"px"})})}):(0,F.jsx)(F.Fragment,{})}),(0,F.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,z.xg)(g,a)?(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,u.alU)(a),borderColor:(0,u.qPe)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,F.jsx)("div",{ref:x,children:m&&(0,u.PWD)(a)?(0,F.jsx)(R,{event:g,onClick:()=>{var e,i;(0,u.I6m)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,u.lj5)(a)?i.product_link+"?"+(0,u.awP)(a)+"&"+(0,u.n9s)(a)+"&"+(0,u.vaK)(a):i.product_link):t.onClick(g)}}):(0,F.jsx)("div",{height:"20px"})})}):(0,F.jsx)(F.Fragment,{})]})})}var L=function(t){var e,i,o;const[r,l,s,a,d]=(0,c.Z)();var p=(0,n.useContext)(f.V);const h=(0,y.MO)("whatmoreUITheme"),x=(0,y.MO)("whatmoreShopId"),m=(0,y.MO)("whatmoreSecondaryColorShade600"),g=t.event,v=t.onClick,j=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,C=null!==(o=t.animateOnFocus&&(0,u.iWI)(x))&&void 0!==o&&o,b=(0,u.IXJ)(x)?.7:.8,I=r*b+"px",S=1-b,k=r*S,O=r*S+"px",M=r*S*.1,_=(0,u.nzC)(x);return(0,F.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*r+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?_:null,borderWidth:(0,u.alU)(x),borderColor:(0,u.qPe)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:C?j?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{v(g)},children:[(0,F.jsx)(w.Z,{height:I,width:"100%",url:g.thumbnail_image,isPlaying:j||P,event:g}),(0,z.xg)(g,x)?(0,F.jsx)("div",{style:{width:"100%",height:O,backgroundColor:m}}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(Z,{event:g,isOnFocus:j,PRODUCT_BOX_HEIGHT:k,PRODUCT_BOX_HEIGHT_IN_PX:O,PRODUCT_BOX_MARGIN:M,onClick:v})]})},T=i(778),W=i(4522),U=i(7381);const B=(0,a.Z)({key:"whatmore-css-hv"});function A(t){const[e,i,o]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=t.events,s=t.onClick,a=o*(0,u.u6l)(r),{whatmoreWidgetSourceDetails:p}=(0,n.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,F.jsx)(d.tq,{slidesPerView:l.length>1?a:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:p})},loop:"28018342"==r,children:l.map((t=>(0,F.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return n||o||i?(0,F.jsx)(L,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}}):(0,F.jsx)(v.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function D(t){const[e,i,o,r]=(0,c.Z)(),[l,s]=(0,n.useState)(-1),a=(0,y.MO)("whatmoreShopId"),h=t.onClick,x=t.events,f=Math.min(o,x.length),{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,F.jsx)("div",{style:{width:i*f*1.1+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:f,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(f),onSlideChange:()=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w})},spaceBetween:(0,u.WGf)(a),loop:"28018342"==a,children:x.map(((t,e)=>{const i=m()((()=>s(e)),300);return(0,F.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:s}=i;return s?(0,F.jsx)(L,{isOnFocus:e==l,playOnUnfocus:!(0,u.dHy)(a)||e==parseInt(f/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,F.jsx)(v.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var E=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,y.j1)("whatmorePrimaryColor"),[p]=(0,y.j1)("whatmoreShopId"),[c]=(0,y.j1)("whatmoreSecondaryColor"),[x]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==e?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:u}=(0,n.useContext)(g.I),v=((0,y.MO)("isInDesignMode"),t.events),w=t.onClick,j=x,P=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(g.I);function b(t){w(t)}function I(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,U.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,F.jsx)(s.C,{value:B,children:(0,F.jsx)("div",{className:"whatmore-carousel-events",children:(0,F.jsx)(o.x,{theme:r.ZP,cssVarsRoot:u,resetCSS:!1,children:(0,F.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||C)?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":t.heading})}):(0,F.jsx)(F.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,F.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==P?P:"":I(t.heading)[0]}),(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":I(t.heading)[1]})]})}):(0,F.jsx)(F.Fragment,{}),"landscape"===e?(0,F.jsx)(D,{events:v,onClick:b}):(0,F.jsx)(A,{events:v,onClick:b})]})})})})}},1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7129:function(t,e,i){i.d(e,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,i){var n=i(7313),o=i(9821),r=i(7129),l=i(6417);e.Z=function(t){var[e,i]=(0,o.Z)();return(0,n.useContext)(r.V),t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:i,height:e,overflow:"hidden"}})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},5456:function(t,e,i){i.d(e,{B:function(){return n}});const n=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},8816:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=l},417:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=l},4885:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[437],{3867:function(t,e,i){var n=i(8816),o=i(417),r=i(4885),l=i(7753),s=i(6417);e.Z=function(t){var e;const i=(0,l.MO)("whatmoreUITheme"),[a]=(0,l.j1)("whatmoreSecondaryColor"),[d,p]=(0,l.j1)("productRatings"),c=(0,l.MO)("whatmorePrimaryFont"),h=t.productId,x=t.fontSize,m=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(h in d)||d[h].avgRating>5)return(0,s.jsx)(s.Fragment,{});const y=d[h].avgRating,f=d[h].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(y))].map(((t,e)=>(0,s.jsx)(n.Z,{sx:{color:a,fontSize:x+"px"}},"star-icon"+e))),y-Math.floor(y)>.2?(0,s.jsx)(o.Z,{sx:{color:a,fontSize:x+"px"}},"star-half-icon"):y-Math.floor(y)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon"),[...Array(Math.floor(5-y))].map(((t,e)=>(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon-"+e))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:a,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",y,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",m,"important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+f+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return E}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),p=i(8486),c=i(9821),h=i(8866),x=i(2279),m=i.n(x),y=i(7753),f=i(7129),u=i(9854),g=i(364),w=i(1855),v=i(4892),j=i(3933),P=i(1092),C=i(5945),b=i(5456),I=i(3867),S=i(9219),k=i(9363),O=i(7053),M=i(5416),F=i(6417);const _=n.lazy((()=>Promise.all([i.e(577),i.e(587),i.e(818),i.e(842)]).then(i.bind(i,6163))));var R=function(t){var e,i,o,r;const l=(0,y.j1)("whatmoreUITheme");var[s,a]=(0,c.Z)();const[d]=(0,y.j1)("whatmorePrimaryFont"),[p]=(0,y.j1)("whatmoreSecondaryColorShade900"),[h]=(0,y.j1)("whatmoreShopId"),[x,m]=(0,n.useState)(0),[f,w]=(0,n.useState)(t.event),[v,j]=(0,n.useState)(),[P,R]=(0,n.useState)(!1),z=t.onClick,Z=f.products.length,{whatmoreIsPreviewMode:L}=(0,n.useContext)(g.I);if(0==Z)return(0,F.jsx)(F.Fragment,{});(0,n.useEffect)((()=>{(0,u.N8M)(h)&&(0,S.p_)(f,(0,u.Ipo)(h),h).then((t=>{w(t),R(!0)}));(async()=>{var t;const e=await(0,O.p)(null===f||void 0===f||null===(t=f.products)||void 0===t?void 0:t[0],(0,u.Ipo)(h),h);j(e),R(!0)})()}),[]);const T=L,W=.3*a,U=W+"px",B=W+"px",A=.05*a+"px",D=.07*a,E=D+"px",H=.05*a;return(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*a,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:z,children:[(0,F.jsx)("div",{style:{width:U,height:B,overflow:"hidden",backgroundColor:p,borderRadius:"round"==l?"5px":"0px",borderWidth:"0px"==(0,u.alU)(h)?"2px":(0,u.alU)(h),borderColor:"white"==(0,u.qPe)(h)?p:(0,u.qPe)(h)},children:(0,F.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,u.yOX)(h),"important")},src:(0,k.s)(f.products[x].thumbnail_image,"&width=400&height=400"),style:{width:U,height:U,borderRadius:"round"==l?"5px":"0px",backgroundColor:p},alt:"product image"})}),(0,F.jsx)("div",{style:{width:.7*a+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==l?"5px":"0px"},children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",A,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,C.s)(f.products[x].title)})}),(0,F.jsxs)("div",{style:{display:"flex",flexFlow:(0,u.$zZ)(h)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,u.$zZ)(h)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[P&&(0,F.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,u.Uyp)(h),"important"),t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.price:null===f||void 0===f||null===(e=f.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",h,f.products[x].currency)]}),(0,b.B)(f.products[x].price,f.products[x].compare_price)&&P?(0,F.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,u.kPs)(h),"important"),t.style.setProperty("font-size",.9*D+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.compare_at_price:null===f||void 0===f||null===(o=f.products)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.compare_price),"",h,f.products[x].currency)]}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(I.Z,{storeId:h,productId:f.products[x].client_product_id,productLink:f.products[x].product_link,fontSize:H})]})})]},x),(0,u.IXJ)(h)||T&&"5141594210"==h?(0,F.jsx)(n.Suspense,{children:(0,F.jsx)(_,{baseFontSize:.05*a,event:f,product:f.products[0],width:.9*a,height:"fit-content"})}):(0,F.jsx)(F.Fragment,{})]})},z=i(3388);function Z(t){const[e,i,n,o,r]=(0,c.Z)(),l=(0,y.MO)("whatmoreUITheme"),s=(0,y.MO)("whatmoreShowViews"),a=(0,y.MO)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,m,f]=(0,j.YD)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:"show"===s?(0,F.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,F.jsx)(P.Z,{event:g,fontSize:.07*i+"px"})})}):(0,F.jsx)(F.Fragment,{})}),(0,F.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,z.xg)(g,a)?(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,u.alU)(a),borderColor:(0,u.qPe)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,F.jsx)("div",{ref:x,children:m&&(0,u.PWD)(a)?(0,F.jsx)(R,{event:g,onClick:()=>{var e,i;(0,u.I6m)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,u.lj5)(a)?i.product_link+"?"+(0,u.awP)(a)+"&"+(0,u.n9s)(a)+"&"+(0,u.vaK)(a):i.product_link):t.onClick(g)}}):(0,F.jsx)("div",{height:"20px"})})}):(0,F.jsx)(F.Fragment,{})]})})}var L=function(t){var e,i,o;const[r,l,s,a,d]=(0,c.Z)();var p=(0,n.useContext)(f.V);const h=(0,y.MO)("whatmoreUITheme"),x=(0,y.MO)("whatmoreShopId"),m=(0,y.MO)("whatmoreSecondaryColorShade600"),g=t.event,w=t.onClick,j=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,C=null!==(o=t.animateOnFocus&&(0,u.iWI)(x))&&void 0!==o&&o,b=(0,u.IXJ)(x)?.7:.8,I=r*b+"px",S=1-b,k=r*S,O=r*S+"px",M=r*S*.1,_=(0,u.nzC)(x);return(0,F.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*r+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?_:null,borderWidth:(0,u.alU)(x),borderColor:(0,u.qPe)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:C?j?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{w(g)},children:[(0,F.jsx)(v.Z,{height:I,width:"100%",url:g.thumbnail_image,isPlaying:j||P,event:g}),(0,z.xg)(g,x)?(0,F.jsx)("div",{style:{width:"100%",height:O,backgroundColor:m}}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(Z,{event:g,isOnFocus:j,PRODUCT_BOX_HEIGHT:k,PRODUCT_BOX_HEIGHT_IN_PX:O,PRODUCT_BOX_MARGIN:M,onClick:w})]})},T=i(778),W=i(4522),U=i(7381);const B=(0,a.Z)({key:"whatmore-css-hv"});function A(t){const[e,i,o]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=t.events,s=t.onClick,a=o*(0,u.u6l)(r),{whatmoreWidgetSourceDetails:p}=(0,n.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,F.jsx)(d.tq,{slidesPerView:l.length>1?a:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:p})},loop:(0,u.yBw)(r),children:l.map((t=>(0,F.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return n||o||i?(0,F.jsx)(L,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}}):(0,F.jsx)(w.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function D(t){const[e,i,o,r]=(0,c.Z)(),[l,s]=(0,n.useState)(-1),a=(0,y.MO)("whatmoreShopId"),h=t.onClick,x=t.events,f=Math.min(o,x.length),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,F.jsx)("div",{style:{width:i*f*1.1+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:f,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(f),onSlideChange:()=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v})},spaceBetween:(0,u.WGf)(a),loop:(0,u.yBw)(a),children:x.map(((t,e)=>{const i=m()((()=>s(e)),300);return(0,F.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:s}=i;return s?(0,F.jsx)(L,{isOnFocus:e==l,playOnUnfocus:!(0,u.dHy)(a)||e==parseInt(f/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,F.jsx)(w.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var E=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,y.j1)("whatmorePrimaryColor"),[p]=(0,y.j1)("whatmoreShopId"),[c]=(0,y.j1)("whatmoreSecondaryColor"),[x]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==e?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:u}=(0,n.useContext)(g.I),w=((0,y.MO)("isInDesignMode"),t.events),v=t.onClick,j=x,P=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(g.I);function b(t){v(t)}function I(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,U.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,F.jsx)(s.C,{value:B,children:(0,F.jsx)("div",{className:"whatmore-carousel-events",children:(0,F.jsx)(o.x,{theme:r.ZP,cssVarsRoot:u,resetCSS:!1,children:(0,F.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||C)?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":t.heading})}):(0,F.jsx)(F.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,F.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==P?P:"":I(t.heading)[0]}),(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":I(t.heading)[1]})]})}):(0,F.jsx)(F.Fragment,{}),"landscape"===e?(0,F.jsx)(D,{events:w,onClick:b}):(0,F.jsx)(A,{events:w,onClick:b})]})})})})}},1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7129:function(t,e,i){i.d(e,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,i){var n=i(7313),o=i(9821),r=i(7129),l=i(6417);e.Z=function(t){var[e,i]=(0,o.Z)();return(0,n.useContext)(r.V),t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:i,height:e,overflow:"hidden"}})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},5456:function(t,e,i){i.d(e,{B:function(){return n}});const n=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},8816:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=l},417:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=l},4885:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +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"),[m]=(0,a.j1)("whatmoreSecondaryColor"),[l,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===l||"undefined"==typeof l||!(c in l)||l[c].avgRating>5)return(0,s.jsx)(s.Fragment,{});const $=l[c].avgRating,f=l[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:m,fontSize:h+"px"}},"star-icon"+t))),$-Math.floor($)>.2?(0,s.jsx)(i.Z,{sx:{color:m,fontSize:h+"px"}},"star-half-icon"):$-Math.floor($)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(o.Z,{sx:{color:m,fontSize:h+"px"}},"star-outline-icon"),[...Array(Math.floor(5-$))].map(((e,t)=>(0,s.jsx)(o.Z,{sx:{color:m,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:m,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,m]=(0,n.useState)(!1),l=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)((()=>{l.current=0;const e=setInterval((()=>{l.current=l.current+.03,d.current&&u(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:c,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:c,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{m(!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),m=r(2887),l=r(4862),d=r(7753),u=r(342),c=(r(9854),r(6417));var h=function(e){var t,r;const o=(0,n.useRef)(null),[s,m,h]=(0,i.YD)({triggerOnce:!0}),p=(0,d.MO)("whatmoreShopId"),$=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((l.G6||(0,a.gE)())&&o.current.play(),"57939755089"==p?setTimeout((()=>{o.current.pause()}),300):o.current.pause()))}),[e.isPlaying,m]),(0,c.jsx)("div",{ref:s,style:{width:$,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:m?(0,c.jsxs)("video",{ref:o,className:"whatmore-video-player-muted",width:f,height:$,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white",borderRadius:e.borderRadius},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:$,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,r,l,p;const[$,f,g]=(0,i.YD)({triggerOnce:!0}),v=(0,d.MO)("whatmoreShopId");if((0,s.WJ)(e.event))return(0,c.jsx)(m.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,c.jsx)(h,{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,n.useRef)(null),x=null!==(r=e.height)&&void 0!==r?r:"100%",j=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,n.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,f]),(0,c.jsx)("div",{ref:$,style:{width:x,height:j,overflow:"hidden",display:"flex",alignItems:"center"},children:f?(0,c.jsxs)("video",{ref:w,className:"whatmore-video-player-muted",width:j,height:x,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:"57939755089"==v?"":null===e||void 0===e||null===(p=e.event)||void 0===p?void 0:p.poster_image,style:{backgroundColor:"white"},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 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 m}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),o=function(e){var t;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: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},m=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(){}}]);
|
|
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"),[m]=(0,a.j1)("whatmoreSecondaryColor"),[l,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===l||"undefined"==typeof l||!(c in l)||l[c].avgRating>5)return(0,s.jsx)(s.Fragment,{});const $=l[c].avgRating,f=l[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:m,fontSize:h+"px"}},"star-icon"+t))),$-Math.floor($)>.2?(0,s.jsx)(i.Z,{sx:{color:m,fontSize:h+"px"}},"star-half-icon"):$-Math.floor($)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(o.Z,{sx:{color:m,fontSize:h+"px"}},"star-outline-icon"),[...Array(Math.floor(5-$))].map(((e,t)=>(0,s.jsx)(o.Z,{sx:{color:m,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:m,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,m]=(0,n.useState)(!1),l=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)((()=>{l.current=0;const e=setInterval((()=>{l.current=l.current+.03,d.current&&u(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:c,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:c,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{m(!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),m=r(2887),l=r(4862),d=r(7753),u=r(342),c=(r(9854),r(6417));var h=function(e){var t,r;const o=(0,n.useRef)(null),[s,m,h]=(0,i.YD)({triggerOnce:!0}),p=(0,d.MO)("whatmoreShopId"),$=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((l.G6||(0,a.gE)())&&o.current.play(),"57939755089"==p?setTimeout((()=>{o.current.pause()}),300):o.current.pause()))}),[e.isPlaying,m]),(0,c.jsx)("div",{ref:s,style:{width:$,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:m||"51394281658"==p?(0,c.jsxs)("video",{ref:o,className:"whatmore-video-player-muted",width:f,height:$,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white",borderRadius:e.borderRadius},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:$,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,r,l,p;const[$,f,g]=(0,i.YD)({triggerOnce:!0}),v=(0,d.MO)("whatmoreShopId");if((0,s.WJ)(e.event))return(0,c.jsx)(m.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,c.jsx)(h,{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,n.useRef)(null),x=null!==(r=e.height)&&void 0!==r?r:"100%",j=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,n.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,f]),(0,c.jsx)("div",{ref:$,style:{width:x,height:j,overflow:"hidden",display:"flex",alignItems:"center"},children:f||"51394281658"==v?(0,c.jsxs)("video",{ref:w,className:"whatmore-video-player-muted",width:j,height:x,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:"57939755089"==v?"":null===e||void 0===e||null===(p=e.event)||void 0===p?void 0:p.poster_image,style:{backgroundColor:"white"},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 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 m}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),o=function(e){var t;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: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},m=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(){}}]);
|