whatmore-react-assets 1.0.914 → 1.0.916
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/{196.027f86f2.chunk.js → 196.763bfae2.chunk.js} +1 -1
- package/static/js/249.b52bfc24.chunk.js +1 -0
- package/static/js/{691.b1034770.chunk.js → 691.ecd8e03c.chunk.js} +1 -1
- package/static/js/708.08db4a17.chunk.js +1 -0
- package/static/js/{950.924479f2.chunk.js → 950.b6a9b589.chunk.js} +1 -1
- package/whatmore.js +2 -2
- package/static/js/249.b72f9bb4.chunk.js +0 -1
- package/static/js/708.78e368f5.chunk.js +0 -1
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,691,12],{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 Z}});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(8811),m=(n(3439),n(7753)),c=n(7931),u=n(9018),h=n(9854),p=n(3933),v=n(8866),g=n(868),f=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(4522),P=n(778),k=n(3433);function S(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),{whatmoreUITheme:u}=(0,r.useContext)(d.I),x=(0,m.MO)("whatmoreVideoTileSize"),{ref:$,inView:b,entry:j}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:_}=(0,r.useContext)(d.I),z=(0,m.MO)("whatmoreShopId"),M=e.events,Z=e.activeEventIndex,R=e.setActiveEventIndex,E=M[Z],N=((0,h.nzC)(z),(0,f.uv)(E)),F=(0,f.WN)(E);if("portrait"===o&&!N)return(0,y.jsx)(y.Fragment,{});if("landscape"===o&&!F)return(0,y.jsx)(y.Fragment,{});const L=(0,g.V)("portrait"===o?N:F),T=x/100*(0,h.b4p)(z),A=x/100*(0,h.GmU)(z),W="portrait"===o?(0,h.oOc)(z):(0,h.snl)(z),O="portrait"===o?s*T:s*A,D=O*W,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)((()=>{d.$.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:$,onClick:()=>{var e,t;(0,I.GF)({userInteractionType:P.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:_,event:M[Z]}),(0,h.hr)(z)&&V&&!(0,h.j1_)(z)&&window.open(null===(e=E.cta)||void 0===e||null===(t=e[1])||void 0===t?void 0:t.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,h.SJ)(z)?"100%":O,minHeight:(0,h.SJ)(z)?s*W:"",height:(0,h.SJ)(z)?"auto":D,borderWidth:(0,h.alU)(z),borderColor:(0,h.qPe)(z),overflow:"hidden",cursor:"pointer"},children:[(0,y.jsx)(w.Z,{height:"100%",width:"100%",url:L,isPlaying:b,event:E,isVideoMuted:l,setDuration:e.setDuration,source:k.j.BANNER}),(0,y.jsx)(S,{isCTAPresent:V,events:M,activeEventIndex:Z,setActiveEventIndex:R,event:E,mode:o,onMuteToggle:()=>c(!l),initialMuteState:l}),(0,h.j1_)(z)&&(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 M=(0,s.Z)({key:"whatmore-css-bv"});var Z=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:M,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(8811),l=n(7313),d=n(6417);t.Z=function(e){var t;const{whatmoreUITheme:n}=(0,l.useContext)(s.I),[m]=(0,a.j1)("whatmoreSecondaryColor"),[c,u]=(0,a.j1)("productRatings"),h=(0,a.MO)("whatmorePrimaryFont"),p=(e.storeId,e.productId),v=(e.productLink,e.fontSize),g=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===c||"undefined"==typeof c||!(p in c)||c[p].avgRating>5)return(0,d.jsx)(d.Fragment,{});const f=c[p].avgRating,x=c[p].totalRatings;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(f))].map(((e,t)=>(0,d.jsx)(r.Z,{sx:{color:m,fontSize:v+"px"}},"star-icon"+t))),f-Math.floor(f)>.2?(0,d.jsx)(i.Z,{sx:{color:m,fontSize:v+"px"}},"star-half-icon"):f-Math.floor(f)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(o.Z,{sx:{color:m,fontSize:v+"px"}},"star-outline-icon"),[...Array(Math.floor(5-f))].map(((e,t)=>(0,d.jsx)(o.Z,{sx:{color:m,fontSize:v+"px"}},"star-outline-icon-"+t))),(0,d.jsx)("div",{children:(0,d.jsx)("div",{width:"2px"})}),(0,d.jsx)("div",{children:(0,d.jsx)("div",{style:{backgroundColor:m,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*v+"px","important"),e.style.setProperty("font-family",h,"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,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",g,"important"),e.style.setProperty("font-size",.8*v+"px","important"),e.style.setProperty("font-family",h,"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","("+x+")"]})})]})})}},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(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%",g=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(),o.current.pause()))}),[e.isPlaying,l]),(0,u.jsx)("div",{ref:s,style:{width:v,height:g,overflow:"hidden"},children:l?(0,u.jsxs)("video",{ref:o,className:"whatmore-video-player-muted",width:g,height:v,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white"},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:g,height:v,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,d,m;const[p,v,g]=(0,i.YD)({triggerOnce:!0});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 f=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var x;if((0,a.KE)())return(0,u.jsx)(h,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(x=e.event)||void 0===x?void 0:x.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:f});const $=(0,r.useRef)(null),y=null!==(n=e.height)&&void 0!==n?n:"100%",b=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,r.useEffect)((()=>{$.current&&(e.isPlaying?$.current.play():$.current.pause())}),[e.isPlaying,v]),(0,u.jsx)("div",{ref:p,style:{width:y,height:b,overflow:"hidden"},children:v?(0,u.jsxs)("video",{ref:$,className:"whatmore-video-player-muted",width:b,height:y,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(m=e.event)||void 0===m?void 0:m.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:b,height:y,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,{WN:function(){return a},uv:function(){return o},vW:function(){return s}});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;const n=`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`;return console.log(n),n}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))}},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([[196,691,12],{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 Z}});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(8811),m=(n(3439),n(7753)),c=n(7931),u=n(9018),h=n(9854),p=n(3933),v=n(8866),g=n(868),f=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(4522),P=n(778),k=n(3433);function S(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),{whatmoreUITheme:u}=(0,r.useContext)(d.I),x=(0,m.MO)("whatmoreVideoTileSize"),{ref:$,inView:b,entry:j}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:_}=(0,r.useContext)(d.I),z=(0,m.MO)("whatmoreShopId"),M=e.events,Z=e.activeEventIndex,R=e.setActiveEventIndex,E=M[Z],N=((0,h.nzC)(z),(0,f.uv)(E)),F=(0,f.WN)(E);if("portrait"===o&&!N)return(0,y.jsx)(y.Fragment,{});if("landscape"===o&&!F)return(0,y.jsx)(y.Fragment,{});const L=(0,g.V)("portrait"===o?N:F),T=x/100*(0,h.b4p)(z),A=x/100*(0,h.GmU)(z),W="portrait"===o?(0,h.oOc)(z):(0,h.snl)(z),O="portrait"===o?s*T:s*A,D=O*W,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)((()=>{d.$.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:$,onClick:()=>{var e,t;(0,I.GF)({userInteractionType:P.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:_,event:M[Z]}),(0,h.hr)(z)&&V&&!(0,h.j1_)(z)&&window.open(null===(e=E.cta)||void 0===e||null===(t=e[1])||void 0===t?void 0:t.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,h.SJ)(z)?"100%":O,minHeight:(0,h.SJ)(z)?s*W:"",height:(0,h.SJ)(z)?"auto":D,borderWidth:(0,h.alU)(z),borderColor:(0,h.qPe)(z),overflow:"hidden",cursor:"pointer"},children:[(0,y.jsx)(w.Z,{height:"100%",width:"100%",url:L,isPlaying:b,event:E,isVideoMuted:l,setDuration:e.setDuration,source:k.j.BANNER}),(0,y.jsx)(S,{isCTAPresent:V,events:M,activeEventIndex:Z,setActiveEventIndex:R,event:E,mode:o,onMuteToggle:()=>c(!l),initialMuteState:l}),(0,h.j1_)(z)&&(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 M=(0,s.Z)({key:"whatmore-css-bv"});var Z=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:M,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(8811),l=n(7313),d=n(6417);t.Z=function(e){var t;const{whatmoreUITheme:n}=(0,l.useContext)(s.I),[m]=(0,a.j1)("whatmoreSecondaryColor"),[c,u]=(0,a.j1)("productRatings"),h=(0,a.MO)("whatmorePrimaryFont"),p=(e.storeId,e.productId),v=(e.productLink,e.fontSize),g=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===c||"undefined"==typeof c||!(p in c)||c[p].avgRating>5)return(0,d.jsx)(d.Fragment,{});const f=c[p].avgRating,x=c[p].totalRatings;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(f))].map(((e,t)=>(0,d.jsx)(r.Z,{sx:{color:m,fontSize:v+"px"}},"star-icon"+t))),f-Math.floor(f)>.2?(0,d.jsx)(i.Z,{sx:{color:m,fontSize:v+"px"}},"star-half-icon"):f-Math.floor(f)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(o.Z,{sx:{color:m,fontSize:v+"px"}},"star-outline-icon"),[...Array(Math.floor(5-f))].map(((e,t)=>(0,d.jsx)(o.Z,{sx:{color:m,fontSize:v+"px"}},"star-outline-icon-"+t))),(0,d.jsx)("div",{children:(0,d.jsx)("div",{width:"2px"})}),(0,d.jsx)("div",{children:(0,d.jsx)("div",{style:{backgroundColor:m,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*v+"px","important"),e.style.setProperty("font-family",h,"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,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",g,"important"),e.style.setProperty("font-size",.8*v+"px","important"),e.style.setProperty("font-family",h,"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","("+x+")"]})})]})})}},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(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%",g=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(),o.current.pause()))}),[e.isPlaying,l]),(0,u.jsx)("div",{ref:s,style:{width:v,height:g,overflow:"hidden"},children:l?(0,u.jsxs)("video",{ref:o,className:"whatmore-video-player-muted",width:g,height:v,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white"},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:g,height:v,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,d,m;const[p,v,g]=(0,i.YD)({triggerOnce:!0});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 f=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var x;if((0,a.KE)())return(0,u.jsx)(h,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(x=e.event)||void 0===x?void 0:x.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:f});const $=(0,r.useRef)(null),y=null!==(n=e.height)&&void 0!==n?n:"100%",b=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,r.useEffect)((()=>{$.current&&(e.isPlaying?$.current.play():$.current.pause())}),[e.isPlaying,v]),(0,u.jsx)("div",{ref:p,style:{width:y,height:b,overflow:"hidden"},children:v?(0,u.jsxs)("video",{ref:$,className:"whatmore-video-player-muted",width:b,height:y,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(m=e.event)||void 0===m?void 0:m.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:b,height:y,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,{WN:function(){return a},uv:function(){return o},vW:function(){return s}});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-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))}},7931:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");t.Z=a},9018:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");t.Z=a},9723:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=a},8816:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");t.Z=a},417:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");t.Z=a},4885:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");t.Z=a},8743:function(){},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[249],{7129:function(e,t,i){i.d(t,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),d=i(9821),s=i(8811),p=i(6417);t.Z=function(e){var t;const[i,x,h,c,u]=(0,d.Z)(),[m]=(0,r.j1)("whatmoreSecondaryColor"),[f]=(0,r.j1)("whatmoreShopId"),[w]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:w,y=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:b}=(0,o.useContext)(s.I),[j,S]=(0,o.useState)(!1),C=(0,n.f63)(f),z=b.landingLocationType;(0,o.useContext)(a.V);const E=e.event,P=e.onClick,k=e.removeBorders,L=i*g*.01,R=x*g*.01,A=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n.XnJ)(f)?"auto":R+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":(0,n.VwM)(f)+"px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{S(!0),P(E)},className:[j?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:A,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+C+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+C+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+C+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+C+"DA"},children:(0,p.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":R+"px",borderRadius:A,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})}),z.startsWith("product")&&(0,p.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,p.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-size",(null!==(i=e.fontSize)&&void 0!==i?i:10)+"px","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"))},children:null===E||void 0===E?void 0:E.title})})]})}},6066:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,p,x,h,c]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),v="portrait"===e.mode?w:f,[g,y]=(0,o.useState)(!1),b=(0,n.f63)(m);(0,o.useContext)(a.V);const j=e.event1,S=e.event2,C=e.onClick,z=.01*v,E=i*z,P=i*z*.5,k=p*z,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",R="15%",A=e.removeBorders;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:E+"px",width:k+"px",marginLeft:A?"2px":"5px",marginRight:A?"2px":"5px",marginTop:A?"2px":"5px",marginBottom:A?"2px":"5px",cursor:"pointer"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:A?"0px":L,boxShadow:A?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+b+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+b+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+b+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+b+"DA"},onClick:()=>{y(!0),C(j)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:k+"px",borderTopLeftRadius:A?"0px":R,borderTopRightRadius:A?"0px":R,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(l.Z,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})}),(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:k+"px",borderBottomLeftRadius:A?"0px":R,borderBottomRightRadius:A?"0px":R,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(l.Z,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})]})})}},8782:function(e,t,i){i.d(t,{P:function(){return a}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:n}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t,i;return(0,n.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function n(o){if(!i)return;const n=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-n);e.scrollLeft+=r,t=n}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",n),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var o=i(4959),n=i(7313),r=i(4892),l=i(6805),a=i(7753),d=i(9821);var s=function(e){const[t,i,o,n,r]=(0,d.Z)(),[s]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),x=r[l.YP]===l.$w?p/100:s/100*1.2;return[t*x,i*x,r]},p=i(9723),x=i(9461),h=i.n(x),c=i(1195),u=i(7108),m=(i(7244),i(123),i(9854)),f=i(8811),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[d,x,v]=s();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[b]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[z]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,a.MO)("whatmoreShopId");var k=b,L=j,R=S;v[l.YP]===l.$w&&(k=C,L=z,R=E);const[A,I]=(0,n.useState)(["initial",window.pageYOffset]),[B,F]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=v[l.YP]===l.$w?.7*(0,m.zGA)(P):(0,m.zGA)(P),D=Z?T:1;d*=D,x*=D;const V=Z?(0,m.G0o)(P):k,M=Z?(0,m.X8j)(P):(0,m.lVn)(P),[N,Y]=(0,n.useState)(!Z&&(0,m.eXi)(P));function _(e,t){I(e),e[1]<=100?F(!1):t!=B&&(F(t),Y(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(_([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[A]),(0,o.O3)({ref:i,handler:()=>{_(["scrolled-up",A[1]],!0)}});const H=e.event,O=e.inVideoClick,W=e.closeClick,X=.3*x,$=.6*x,G=.1*x,q=.1*(.5*x),J="round"==g?"10px":"0px",U=(0,m.Z$A)(P);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:N&&!M?(0,w.jsx)(w.Fragment,{}):B&&M?(0,w.jsx)("div",{style:"left"===V?{left:"1px",bottom:Z?(0,m.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:Z?(0,m.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U},children:(0,w.jsxs)("div",{onClick:()=>{_(["initial",A[1]],!1)},style:{margin:"1px",width:x+"px",height:d+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(c.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:W})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(u.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):O(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===V?{left:Z?(0,m.$II)(P)+"px":L+"px",bottom:Z?(0,m.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U}:{right:Z?(0,m.$II)(P)+"px":L+"px",bottom:Z?(0,m.vnu)(P)+"px":R+"px",position:"fixed",zIndex:U},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:x+"px",height:d+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(c.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:X+"px"},onClick:W,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(p.Z,{sx:{color:(0,m.Ya_)(P),fontSize:$+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[691,12],{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(8811),m=r(7313),l=r(6417);t.Z=function(e){var t;const{whatmoreUITheme:r}=(0,m.useContext)(s.I),[d]=(0,a.j1)("whatmoreSecondaryColor"),[u,c]=(0,a.j1)("productRatings"),h=(0,a.MO)("whatmorePrimaryFont"),p=(e.storeId,e.productId),$=(e.productLink,e.fontSize),f=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===u||"undefined"==typeof u||!(p in u)||u[p].avgRating>5)return(0,l.jsx)(l.Fragment,{});const g=u[p].avgRating,v=u[p].totalRatings;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(g))].map(((e,t)=>(0,l.jsx)(n.Z,{sx:{color:d,fontSize:$+"px"}},"star-icon"+t))),g-Math.floor(g)>.2?(0,l.jsx)(i.Z,{sx:{color:d,fontSize:$+"px"}},"star-half-icon"):g-Math.floor(g)==0?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(o.Z,{sx:{color:d,fontSize:$+"px"}},"star-outline-icon"),[...Array(Math.floor(5-g))].map(((e,t)=>(0,l.jsx)(o.Z,{sx:{color:d,fontSize:$+"px"}},"star-outline-icon-"+t))),(0,l.jsx)("div",{children:(0,l.jsx)("div",{width:"2px"})}),(0,l.jsx)("div",{children:(0,l.jsx)("div",{style:{backgroundColor:d,borderRadius:"round"==r?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,l.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*$+"px","important"),e.style.setProperty("font-family",h,"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",g,"\xa0"]})})}),(0,l.jsx)("div",{children:(0,l.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",f,"important"),e.style.setProperty("font-size",.8*$+"px","important"),e.style.setProperty("font-family",h,"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+")"]})})]})})}},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(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(),o.current.pause()))}),[e.isPlaying,m]),(0,c.jsx)("div",{ref:s,style:{width:$,height:f,overflow:"hidden"},children:m?(0,c.jsxs)("video",{ref:o,className:"whatmore-video-player-muted",width:f,height:$,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white"},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,d;const[p,$,f]=(0,i.YD)({triggerOnce:!0});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 g=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var v;if((0,a.KE)())return(0,c.jsx)(h,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(v=e.event)||void 0===v?void 0:v.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:g});const y=(0,n.useRef)(null),b=null!==(r=e.height)&&void 0!==r?r:"100%",w=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,n.useEffect)((()=>{y.current&&(e.isPlaying?y.current.play():y.current.pause())}),[e.isPlaying,$]),(0,c.jsx)("div",{ref:p,style:{width:b,height:w,overflow:"hidden"},children:$?(0,c.jsxs)("video",{ref:y,className:"whatmore-video-player-muted",width:w,height:b,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(d=e.event)||void 0===d?void 0:d.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:w,height:b,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,{WN:function(){return a},uv:function(){return o},vW:function(){return s}});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;const r=`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`;return console.log(r),r}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))}},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([[691,12],{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(8811),m=r(7313),l=r(6417);t.Z=function(e){var t;const{whatmoreUITheme:r}=(0,m.useContext)(s.I),[d]=(0,a.j1)("whatmoreSecondaryColor"),[u,c]=(0,a.j1)("productRatings"),h=(0,a.MO)("whatmorePrimaryFont"),p=(e.storeId,e.productId),$=(e.productLink,e.fontSize),f=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===u||"undefined"==typeof u||!(p in u)||u[p].avgRating>5)return(0,l.jsx)(l.Fragment,{});const g=u[p].avgRating,v=u[p].totalRatings;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(g))].map(((e,t)=>(0,l.jsx)(n.Z,{sx:{color:d,fontSize:$+"px"}},"star-icon"+t))),g-Math.floor(g)>.2?(0,l.jsx)(i.Z,{sx:{color:d,fontSize:$+"px"}},"star-half-icon"):g-Math.floor(g)==0?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(o.Z,{sx:{color:d,fontSize:$+"px"}},"star-outline-icon"),[...Array(Math.floor(5-g))].map(((e,t)=>(0,l.jsx)(o.Z,{sx:{color:d,fontSize:$+"px"}},"star-outline-icon-"+t))),(0,l.jsx)("div",{children:(0,l.jsx)("div",{width:"2px"})}),(0,l.jsx)("div",{children:(0,l.jsx)("div",{style:{backgroundColor:d,borderRadius:"round"==r?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,l.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*$+"px","important"),e.style.setProperty("font-family",h,"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",g,"\xa0"]})})}),(0,l.jsx)("div",{children:(0,l.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",f,"important"),e.style.setProperty("font-size",.8*$+"px","important"),e.style.setProperty("font-family",h,"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+")"]})})]})})}},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(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(),o.current.pause()))}),[e.isPlaying,m]),(0,c.jsx)("div",{ref:s,style:{width:$,height:f,overflow:"hidden"},children:m?(0,c.jsxs)("video",{ref:o,className:"whatmore-video-player-muted",width:f,height:$,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:e.poster,muted:!0,style:{backgroundColor:"white"},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,d;const[p,$,f]=(0,i.YD)({triggerOnce:!0});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 g=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var v;if((0,a.KE)())return(0,c.jsx)(h,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(v=e.event)||void 0===v?void 0:v.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:g});const y=(0,n.useRef)(null),b=null!==(r=e.height)&&void 0!==r?r:"100%",w=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,n.useEffect)((()=>{y.current&&(e.isPlaying?y.current.play():y.current.pause())}),[e.isPlaying,$]),(0,c.jsx)("div",{ref:p,style:{width:b,height:w,overflow:"hidden"},children:$?(0,c.jsxs)("video",{ref:y,className:"whatmore-video-player-muted",width:w,height:b,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(d=e.event)||void 0===d?void 0:d.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:w,height:b,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,{WN:function(){return a},uv:function(){return o},vW:function(){return s}});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-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))}},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(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[708],{1291:function(e,t,i){i.r(t);var o=i(7313),n=i(6090),r=i(7616),l=i(8811),a=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),s=i(2575),d=i(8866),c=i(7753),p=i(7129),h=i(8631),x=i(9821),m=i(8782),u=i(7381),f=i(9854),w=i(5380),v=i(3933),g=i(6417);const y=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i,s,j]=(0,d.Z)(),[b,S,C,P,E]=(0,x.Z)(),z=(0,c.MO)("whatmoreCollectionsTileSize"),k=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),L="portrait"===i?k:z,R="portrait"==i?0:(0,c.MO)("whatmoreLandscapePadding"),I=(0,c.MO)("whatmoreCollectionsTilesSpacing"),M=(0,c.MO)("whatmoreShopId"),[A]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:O}=(0,o.useContext)(l.I),{whatmoreIsCollectionsTemplate:Z}=(0,o.useContext)(l.I),F=e.events,V=e.onClick,B=(0,c.MO)("whatmoreTitleFont"),T="portrait"==i?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),D=null!==(t=(0,f.aRS)(M))&&void 0!==t?t:B;function N(e){V(e)}delete r.ZP.styles.global;const Y=.055*S;var H=[];for(let o=0;o<F.length;)H.push((0,g.jsx)(h.Z,{mode:i,event:F[o],onClick:()=>{N(F[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:Y},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,u.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-e"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]);const[W,X,$]=(0,v.YD)({triggerOnce:!1});return(0,g.jsx)(a.C,{value:y,children:(0,g.jsx)("div",{className:Z?"whatmore-collection-events":"whatmore-carousel-events",children:(0,g.jsx)(n.x,{theme:r.ZP,cssVarsRoot:O,resetCSS:!1,children:(0,g.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!Z&&(0,f.wXY)(M)?(0,g.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",D,"important"),e.style.setProperty("font-size",T+"px","important"))},style:{color:A,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(M),lineHeight:(0,f.vY4)(M),letterSpacing:(0,f.X2K)(M)},children:e.heading})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{ref:W,style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,g.jsx)(m.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:H,spacing:I,defaultHeight:b*L*.01+"px",defaultWidth:S*L*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(M)&&Z&&!X&&-1==e.index&&(0,g.jsx)(w.Z,{event:F[0],inVideoClick:N,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),s=i(9821),d=i(8811),c=i(6417);t.Z=function(e){var t;const[i,p,h,x,m]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[f]=(0,r.j1)("whatmoreShopId"),[w]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:w,y=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:j}=(0,o.useContext)(d.I),[b,S]=(0,o.useState)(!1),C=(0,n.f63)(f),P=j.landingLocationType;(0,o.useContext)(a.V);const E=e.event,z=e.onClick,k=e.removeBorders,L=i*g*.01,R=p*g*.01,I=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,c.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n.XnJ)(f)?"auto":R+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":(0,n.VwM)(f)+"px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{S(!0),z(E)},className:[b?"whatmore-scale-on-tap":""].join(" "),children:[(0,c.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:I,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+C+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+C+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+C+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+C+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":R+"px",borderRadius:I,backgroundColor:"gray",overflow:"hidden"},children:(0,c.jsx)(l.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})}),P.startsWith("product")&&(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,c.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-size",(null!==(i=e.fontSize)&&void 0!==i?i:10)+"px","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"))},children:null===E||void 0===E?void 0:E.title})})]})}},8782:function(e,t,i){i.d(t,{P:function(){return a}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:n}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t,i;return(0,n.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function n(o){if(!i)return;const n=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-n);e.scrollLeft+=r,t=n}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",n),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var o=i(4959),n=i(7313),r=i(4892),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,o,n,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*p,i*p,r]},c=i(9723),p=i(9461),h=i.n(p),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(8811),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[s,p,v]=d();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var k=j,L=b,R=S;v[l.YP]===l.$w&&(k=C,L=P,R=E);const[I,M]=(0,n.useState)(["initial",window.pageYOffset]),[A,O]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,F=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),V=Z?F:1;s*=V,p*=V;const B=Z?(0,u.G0o)(z):k,T=Z?(0,u.X8j)(z):(0,u.lVn)(z),[D,N]=(0,n.useState)(!Z&&(0,u.eXi)(z));function Y(e,t){M(e),e[1]<=100?O(!1):t!=A&&(O(t),N(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(Y([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[I]),(0,o.O3)({ref:i,handler:()=>{Y(["scrolled-up",I[1]],!0)}});const H=e.event,W=e.inVideoClick,X=e.closeClick,$=.3*p,q=.6*p,_=.1*p,G=.1*(.5*p),J="round"==g?"10px":"0px",K=(0,u.Z$A)(z);var U=!1,Q=0,ee=0;function te(e){U=e}return(0,w.jsx)("div",{children:D&&!T?(0,w.jsx)(w.Fragment,{}):A&&T?(0,w.jsx)("div",{style:"left"===B?{left:"1px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{onClick:()=>{Y(["initial",I[1]],!1)},style:{margin:"1px",width:p+"px",height:s+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===B?{left:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K}:{right:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:s+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{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%",$=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:$,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:$,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),o?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(i.Z,{width:$,height:c})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return h}});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(6417);var $=function(e){var t,r;const m=(0,n.useRef)(null),[o,s,$]=(0,i.YD)({triggerOnce:!0}),h=(0,l.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",p=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(),m.current.pause()))}),[e.isPlaying,s]),(0,c.jsx)("div",{ref:o,style:{width:g,height:p,overflow:"hidden"},children:s?(0,c.jsxs)("video",{ref:m,className:"whatmore-video-player-muted",width:p,height:g,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==h&&"STRY2V4XO5L"!==h?e.url:e.poster,muted:!0,style:{backgroundColor:"white"},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:p,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,r,d,l;const[h,g,p]=(0,i.YD)({triggerOnce:!0});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 f;if((0,a.KE)())return(0,c.jsx)($,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(f=e.event)||void 0===f?void 0:f.poster_image,url:(0,m.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const b=(0,n.useRef)(null),w=null!==(r=e.height)&&void 0!==r?r:"100%",y=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,n.useEffect)((()=>{b.current&&(e.isPlaying?b.current.play():b.current.pause())}),[e.isPlaying,g]),(0,c.jsx)("div",{ref:h,style:{width:w,height:y,overflow:"hidden"},children:g?(0,c.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:y,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(l=e.event)||void 0===l?void 0:l.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:y,height:w,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,{WN:function(){return a},uv:function(){return m},vW:function(){return o}});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;const r=`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`;return console.log(r),r}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)"}),$="portrait"==t?l:d,h=!("portrait"!=t||!c),g=$/100*1.3*.5,p=$/100;var v=Math.min(o,r),[f,b,w,y]=[.6*v*(16/9),.6*v,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=b*g,t=f*g;[f,b,w,y]=[t,e,(o-2*s)/(1.1*e),s],x[a.me]=a.$I,x[a.YP]=a.$w}else if(h){var j=.8*b,P=.8*f;"portrait"==t?(j*=p,P*=p,[f,b,w,y]=[P,j,_(o/(1.2*j)),0],x[a.me]=a.AL,x[a.YP]=a.rE):([f,b,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AL,x[a.YP]=a.$w)}else{j=b,P=f;"portrait"==t?(j=j*p*.9,P=P*p*.9,[f,b,w,y]=[P,j,_(o/(1.15*j)),0],x[a.me]=a.AK,x[a.YP]=a.rE):(j=.7*b,P=.7*f,[f,b,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AK,x[a.YP]=a.$w)}return[f,b,w,y,x]}},8743:function(){},123:function(){},7244:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{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:()=>{},$=null!==(r=e.height)&&void 0!==r?r:"100%",c=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:c,height:$,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:$,width:c,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),o?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(i.Z,{width:c,height:$})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return h}});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),$=r(6417);var c=function(e){var t,r;const m=(0,n.useRef)(null),[o,s,c]=(0,i.YD)({triggerOnce:!0}),h=(0,l.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",p=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(),m.current.pause()))}),[e.isPlaying,s]),(0,$.jsx)("div",{ref:o,style:{width:g,height:p,overflow:"hidden"},children:s?(0,$.jsxs)("video",{ref:m,className:"whatmore-video-player-muted",width:p,height:g,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==h&&"STRY2V4XO5L"!==h?e.url:e.poster,muted:!0,style:{backgroundColor:"white"},children:[(0,$.jsx)("source",{src:e.url,type:"video/mp4"}),(0,$.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,$.jsx)("div",{width:p,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,r,d,l;const[h,g,p]=(0,i.YD)({triggerOnce:!0});if((0,o.WJ)(e.event))return(0,$.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 f;if((0,a.KE)())return(0,$.jsx)(c,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(f=e.event)||void 0===f?void 0:f.poster_image,url:(0,m.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const b=(0,n.useRef)(null),w=null!==(r=e.height)&&void 0!==r?r:"100%",y=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,n.useEffect)((()=>{b.current&&(e.isPlaying?b.current.play():b.current.pause())}),[e.isPlaying,g]),(0,$.jsx)("div",{ref:h,style:{width:w,height:y,overflow:"hidden"},children:g?(0,$.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:y,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(l=e.event)||void 0===l?void 0:l.poster_image,style:{backgroundColor:"white"},children:[(0,$.jsx)("source",{src:(0,m.V)(e.url),type:"video/mp4"}),(0,$.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,$.jsx)("div",{width:y,height:w,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,{WN:function(){return a},uv:function(){return m},vW:function(){return o}});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-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)"}),$=(0,n.useMediaQuery)({query:"(min-width: 481px)"}),c="portrait"==t?l:d,h=!("portrait"!=t||!$),g=c/100*1.3*.5,p=c/100;var v=Math.min(o,r),[f,b,w,y]=[.6*v*(16/9),.6*v,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=b*g,t=f*g;[f,b,w,y]=[t,e,(o-2*s)/(1.1*e),s],x[a.me]=a.$I,x[a.YP]=a.$w}else if(h){var j=.8*b,P=.8*f;"portrait"==t?(j*=p,P*=p,[f,b,w,y]=[P,j,_(o/(1.2*j)),0],x[a.me]=a.AL,x[a.YP]=a.rE):([f,b,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AL,x[a.YP]=a.$w)}else{j=b,P=f;"portrait"==t?(j=j*p*.9,P=P*p*.9,[f,b,w,y]=[P,j,_(o/(1.15*j)),0],x[a.me]=a.AK,x[a.YP]=a.rE):(j=.7*b,P=.7*f,[f,b,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AK,x[a.YP]=a.$w)}return[f,b,w,y,x]}},8743:function(){},123:function(){},7244:function(){}}]);
|