whatmore-react-assets 1.0.867 → 1.0.869

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,790,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 E}});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),h=n(9018),u=n(9854),p=n(3933),g=n(8866),f=n(868),v=n(342),x=n(3437),$=n(3455),b=n(6417);var w=function(e){var t;const n=e.isMuted,r=null!==(t=e.iconSize)&&void 0!==t?t:30;function i(){e.onToggle()}return(0,b.jsx)("div",{style:{cursor:"pointer"},children:n?(0,b.jsx)($.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}}):(0,b.jsx)(x.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}})})},y=n(1896),j=n(8984),C=n(58),I=n(6119),P=n(7376),k=n(778),S=n(3433);function z(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,u.hr)(s)&&e.isCTAPresent||(n(!t),(0,j.KE)()&&(0,C.QV)(),e.onMuteToggle())}const p=e.event;return(0,b.jsx)("div",{style:{position:(0,u.SJ)(s)?"absolute":"relative",top:(0,u.SJ)(s)?0:"",zIndex:1,bottom:(0,u.SJ)(s)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,b.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,u.hr)(s)||"video"!==p.event_type)&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()}),(0,b.jsx)(w,{isMuted:t,onToggle:()=>{d()}})]}),i.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.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,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,b.jsx)(c.Z,{})})})}),(0,b.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,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,b.jsx)(h.Z,{})})})}),(0,u.cRS)(s)&&(0,b.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,b.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,u.YFz)(s):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},t)}))})]})]}),(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()})]})})}var M=function(e){var t,n,i;const[o,a,s]=(0,g.Z)(),[l,c]=(0,r.useState)(!0),{whatmoreUITheme:h}=(0,r.useContext)(d.I),x=(0,m.MO)("whatmoreVideoTileSize"),{ref:$,inView:w,entry:j}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(d.I),M=(0,m.MO)("whatmoreShopId"),Z=e.events,E=e.activeEventIndex,L=e.setActiveEventIndex,R=Z[E],F=((0,u.nzC)(M),(0,v.uv)(R)),N=(0,v.WN)(R);if("portrait"===o&&!F)return(0,b.jsx)(b.Fragment,{});if("landscape"===o&&!N)return(0,b.jsx)(b.Fragment,{});const T=(0,f.V)("portrait"===o?F:N),A=x/100*(0,u.b4p)(M),O=x/100*(0,u.GmU)(M),D="portrait"===o?(0,u.oOc)(M):(0,u.snl)(M),V="portrait"===o?s*A:s*O,W=V*D,_=null!=(null===(t=R.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,b.jsxs)("div",{ref:$,onClick:()=>{var e,t;(0,P.GF)({userInteractionType:k.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:C,event:Z[E]}),(0,u.hr)(M)&&_&&!(0,u.j1_)(M)&&window.open(null===(e=R.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,u.SJ)(M)?"100%":V,minHeight:(0,u.SJ)(M)?s*D:"",height:(0,u.SJ)(M)?"auto":W,borderWidth:(0,u.alU)(M),borderColor:(0,u.qPe)(M),overflow:"hidden",cursor:"pointer"},children:[(0,b.jsx)(y.Z,{height:"100%",width:"100%",url:T,isPlaying:w,event:R,isVideoMuted:l,setDuration:e.setDuration,source:S.j.BANNER}),(0,b.jsx)(z,{isCTAPresent:_,events:Z,activeEventIndex:E,setActiveEventIndex:L,event:R,mode:o,onMuteToggle:()=>c(!l),initialMuteState:l}),(0,u.j1_)(M)&&(0,b.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===o?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)("div",{children:(0,b.jsx)(I.Z,{event:R,cta:null===R||void 0===R||null===(i=R.cta)||void 0===i?void 0:i[1],fontFactor:.6})})})]})};const Z=(0,s.Z)({key:"whatmore-css-bv"});var E=function(e){const{whatmoreRootId:t}=(0,r.useContext)(d.I),[n,s]=(0,r.useState)(0),m=e.events,[c,h]=(0,r.useState)(-1);let u;return(0,r.useEffect)((()=>{u&&clearInterval(u);const e="video"===m[n].event_type,t=e?1e3*c:6e3;return e?-1!=c&&(u=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t)):u=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t),()=>{clearInterval(u)}}),[c,n]),delete o.ZP.styles.global,(0,b.jsx)(a.C,{value:Z,children:(0,b.jsx)("div",{children:(0,b.jsx)(i.x,{theme:o.ZP,cssVarsRoot:t,resetCSS:!1,children:(0,b.jsx)(l.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(M,{activeEventIndex:n,events:m,setActiveEventIndex:s,setDuration:h})})})})})}},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,h]=(0,a.j1)("productRatings"),u=(0,a.MO)("whatmorePrimaryFont"),p=(e.storeId,e.productId),g=(e.productLink,e.fontSize),f=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 v=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(v))].map(((e,t)=>(0,d.jsx)(r.Z,{sx:{color:m,fontSize:g+"px"}},"star-icon"+t))),v-Math.floor(v)>.2?(0,d.jsx)(i.Z,{sx:{color:m,fontSize:g+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(o.Z,{sx:{color:m,fontSize:g+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((e,t)=>(0,d.jsx)(o.Z,{sx:{color:m,fontSize:g+"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*g+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",f,"important"),e.style.setProperty("font-size",.8*g+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+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:()=>{},h=null!==(n=e.height)&&void 0!==n?n:"100%",u=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:u,height:h,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:h,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:u,height:h})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return u}});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(6417);var h=function(e){var t,n;const o=(0,r.useRef)(null),[s,l,h]=(0,i.YD)({triggerOnce:!0}),u=(0,m.MO)("whatmoreShopId"),p=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,c.jsx)("div",{ref:s,style:{width:p,height:g,overflow:"hidden"},children:l?(0,c.jsx)("video",{ref:o,className:"whatmore-video-player",width:g,height:p,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==u&&"STRY2V4XO5L"!==u?e.url:e.poster,muted:!0,src:e.url,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:g,height:p,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var u=function(e){var t,n,d,m;const[u,p,g]=(0,i.YD)({triggerOnce:!0});if((0,s.WJ)(e.event))return(0,c.jsx)(l.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const f=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:f});const x=(0,r.useRef)(null),$=null!==(n=e.height)&&void 0!==n?n:"100%",b=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,r.useEffect)((()=>{x.current&&(e.isPlaying?x.current.play():x.current.pause())}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:u,style:{width:$,height:b,overflow:"hidden"},children:p?(0,c.jsx)("video",{ref:x,className:"whatmore-video-player",width:b,height:$,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),poster:null===e||void 0===e||null===(m=e.event)||void 0===m?void 0:m.poster_image,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:b,height:$,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}},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){if(e.includes("https://w-media.b-cdn.net/process-media"))return"image";const t=e.trim().split("?")[0];return/\.(jpeg|jpg|gif|png|svg|webp)$/i.test(t)?"image":/\.(mp4|mov|wmv|avi|flv|mkv)$/i.test(t)?"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))}},8866:function(e,t,n){var r=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[o,a]=(0,r.useState)([t>n?"portrait":"landscape",t,n]);return(0,r.useLayoutEffect)((()=>{function e(){var[e,t]=i();a(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},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 +0,0 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[209],{6071:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=(n(8984),n(8866)),d=n(7753),p=n(7129),c=n(8811),x=n(8631),h=n(6066),u=n(8782),m=n(9821),f=n(7381),v=n(9854),w=n(5380),g=n(3933),y=n(6417);const j=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,C]=(0,s.Z)(),[S,b]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[E,k,L,R,M]=(0,m.Z)(),P=(0,d.MO)("whatmoreCollectionsTileSize"),T=(0,d.MO)("whatmoreCollectionsTileSizePortrait"),Z="portrait"===n?T:P,B="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),A=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:D}=(0,o.useContext)(c.I),F=(0,d.MO)("whatmoreShopId"),{whatmoreRootId:V}=(0,o.useContext)(c.I),z=e.onClick,[O,I,H]=(0,g.YD)({triggerOnce:!1});function W(e){z(e)}delete r.ZP.styles.global;var q=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&S[o]>.2?(q.push((0,y.jsx)(h.Z,{event1:t[o],event2:t[o+1],onClick:()=>{W(t[o-1])},removeBorders:!0},"collections-tile-"+o)),o+=2,i=!i):(q.push((0,y.jsx)(x.Z,{mode:n,event:t[o],onClick:()=>{W(t[o-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+o)),o+=1,i=!i);return(0,o.useEffect)((()=>{(0,f.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{c.$.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-d"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-d"]')))return;e&&(e.style.minHeight="0px")}))}),[]),(0,y.jsx)(l.C,{value:j,children:(0,y.jsx)("div",{children:(0,y.jsx)(i.x,{theme:r.ZP,cssVarsRoot:V,resetCSS:!1,children:(0,y.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,y.jsx)("div",{ref:O,style:{marginLeft:B+"px",marginRight:B+"px"},children:(0,y.jsx)(u.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:q,spacing:A,defaultHeight:E*Z*.01+"px",defaultWidth:k*Z*.01+"px",retainAlreadyRenderedElements:!0})}),(0,v.dhc)(F)&&D&&!I&&-1==e.index&&(0,y.jsx)(w.Z,{event:t[0],inVideoClick:W,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,p,c,x,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:f,[g,y]=(0,o.useState)(!1),j=(0,i.f63)(m);(0,o.useContext)(a.V);const C=e.event,S=e.onClick,b=e.removeBorders,E=n*w*.01,k=p*w*.01,L=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,i.XnJ)(m)?"auto":k+"px",marginLeft:b?"2px":"5px",marginRight:b?"2px":(0,i.VwM)(m)+"px",marginTop:b?"2px":"5px",marginBottom:b?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(C)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:L,overflow:"hidden",boxShadow:b?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:E+"px",width:"40273707171"==m?"auto":k+"px",borderRadius:L,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,p,c,x,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:f,[g,y]=(0,o.useState)(!1),j=(0,i.f63)(m);(0,o.useContext)(a.V);const C=e.event1,S=e.event2,b=e.onClick,E=.01*w,k=n*E,L=n*E*.5,R=p*E,M=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",P="15%",T=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:k+"px",width:R+"px",marginLeft:T?"2px":"5px",marginRight:T?"2px":"5px",marginTop:T?"2px":"5px",marginBottom:T?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:T?"0px":M,boxShadow:T?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),b(C)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderTopLeftRadius:T?"0px":P,borderTopRightRadius:T?"0px":P,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderBottomLeftRadius:T?"0px":P,borderBottomRightRadius:T?"0px":P,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData: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,n;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(n=e.dataList)||void 0===n?void 0:n.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[248],{1291:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=n(8811),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),c=n(8866),d=n(7753),h=n(7129),u=n(8631),p=n(9821),m=n(8782),x=n(7381),f=n(9854),v=n(5380),w=n(3933),g=n(6417);const y=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[n,s,j]=(0,c.Z)(),[C,E,S,L,M]=(0,p.Z)(),k=(0,d.MO)("whatmoreCollectionsTileSize"),P=(0,d.MO)("whatmoreCollectionsTileSizePortrait"),R="portrait"===n?P:k,b="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),O=(0,d.MO)("whatmoreCollectionsTilesSpacing"),T=(0,d.MO)("whatmoreShopId"),[Z]=(0,d.MO)("whatmorePrimaryColor"),{whatmoreRootId:z}=(0,o.useContext)(l.I),{whatmoreIsCollectionsTemplate:F}=(0,o.useContext)(l.I),V=e.events,A=e.onClick,B=(0,d.MO)("whatmoreTitleFont"),D="portrait"==n?(0,d.MO)("whatmoreTitleFontSizePortrait"):(0,d.MO)("whatmoreTitleFontSize"),H=null!==(t=(0,f.aRS)(T))&&void 0!==t?t:B;function I(e){A(e)}delete r.ZP.styles.global;var W=[];for(let o=0;o<V.length;)W.push((0,g.jsx)(u.Z,{mode:n,event:V[o],onClick:()=>{I(V[o-1])},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,x.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const n=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(!n)return;n&&e&&(e.style.minHeight="0px")}))}),[]);const[X,q,N]=(0,w.YD)({triggerOnce:!1});return(0,g.jsx)(a.C,{value:y,children:(0,g.jsx)("div",{children:(0,g.jsx)(i.x,{theme:r.ZP,cssVarsRoot:z,resetCSS:!1,children:(0,g.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!F&&(0,f.wXY)(T)?(0,g.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",H,"important"),e.style.setProperty("font-size",D+"px","important"))},style:{color:Z,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(T),lineHeight:(0,f.vY4)(T),letterSpacing:(0,f.X2K)(T)},children:e.heading})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{ref:X,style:{marginLeft:b+"px",marginRight:b+"px"},children:(0,g.jsx)(m.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:W,spacing:O,defaultHeight:C*R*.01+"px",defaultWidth:E*R*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(T)&&F&&!q&&-1==e.index&&(0,g.jsx)(v.Z,{event:V[0],inVideoClick:I,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),c=n(6417);t.Z=function(e){var t;const[n,d,h,u,p]=(0,s.Z)(),[m]=(0,r.j1)("whatmoreSecondaryColor"),[x]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:f,[g,y]=(0,o.useState)(!1),j=(0,i.f63)(x);(0,o.useContext)(a.V);const C=e.event,E=e.onClick,S=e.removeBorders,L=n*w*.01,M=d*w*.01,k=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,c.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,i.XnJ)(x)?"auto":M+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":(0,i.VwM)(x)+"px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),E(C)},className:[g?"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:k,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==x?"auto":M+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,c.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData: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,n;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(n=e.dataList)||void 0===n?void 0:n.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[47],{8767:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var o=n(7313),i=n(6090),r=n(7616),l=n(8811),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),d=n(8866),c=n(7753),u=n(7129),h=n(9854),p=(n(9111),n(9778),n(4892)),m=n(9821),x=n(6417);var f=function(e){var t;const[n,i,r,l,a]=(0,m.Z)(),s=(0,c.MO)("whatmoreSecondaryColor"),d=(0,c.MO)("whatmorePrimaryFont"),u=(0,c.MO)("whatmoreShopId"),f=(0,c.MO)("whatmoreCollectionsTileSize"),v=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:f,[g,y]=(0,o.useState)(!1),S=(0,h.f63)(u),E=e.event,M=e.onClick,j=e.removeBorders,C=i*w*.01,L=(0,h.eHp)(u);return(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:j?"2px":(0,h.VwM)(u)+"px",marginTop:j?"2px":"5px",marginBottom:j?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),M(E)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:j?"":"0px 1px 1px 0px "+s+"50, 0px -1px 1px 0px "+S+"50, 1px 0px 1px 0px "+s+"50, -1px 0px 1px 0px "+S+"80, 1px -1px 1px 0px "+s+"80, -1px 1px 1px 0px "+S+"DA, 1px 1px 1px 0px "+s+"DA, -1px -1px 1px 0px "+S+"DA"},children:(0,x.jsx)(x.Fragment,{children:(0,x.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C*L+"px",width:C*L+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden"},children:(0,x.jsx)(p.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})})}),(0,x.jsx)("div",{style:{fontFamily:d,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,x.jsx)("p",{children:E.title})})]})},v=n(8782),w=n(7381),g=n(5380),y=n(3933);const S=(0,s.Z)({key:"whatmore-css-cv"});var E=function(e){const[t,n,s]=(0,d.Z)(),[p,E,M,j,C]=(0,m.Z)(),L=(0,c.MO)("whatmoreCollectionsTileSize"),O=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),k="portrait"===t?O:L,P="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),R=(0,c.MO)("whatmoreCollectionsTilesSpacing"),T=(0,c.MO)("whatmoreShopId"),[z]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:F}=(0,o.useContext)(l.I),b=e.events,Z=e.onClick;(0,c.MO)("whatmoreTitleFont");function A(e){Z(e)}"portrait"==t?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),(0,h.aRS)(T);const[B,D,H]=(0,y.YD)({triggerOnce:!1});delete r.ZP.styles.global;const V=.055*E;var W=[];for(let o=0;o<b.length;)W.push((0,x.jsx)(f,{mode:t,event:b[o],onClick:()=>{A(b[o-1])},removeBorders:(0,h.Xtg)(T),fontSize:V},"collections-tile-"+o)),o+=1;return(0,o.useEffect)((()=>{(0,w.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const n=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!n)return;n&&e&&(e.style.minHeight="0px")}))}),[]),(0,x.jsx)(a.C,{value:S,children:(0,x.jsx)("div",{children:(0,x.jsx)(i.x,{theme:r.ZP,cssVarsRoot:F,resetCSS:!1,children:(0,x.jsxs)(u.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,x.jsx)("div",{ref:B,style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,x.jsx)(v.P,{renderElement:e=>(0,x.jsx)(x.Fragment,{children:e.eventData}),dataList:W,spacing:R,defaultHeight:p*k*.01+"px",defaultWidth:E*k*.01+"px",retainAlreadyRenderedElements:!0})}),(0,h.dhc)(T)&&!D&&-1==e.index&&(0,x.jsx)(g.Z,{event:b[0],inVideoClick:A,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData: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,n;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(n=e.dataList)||void 0===n?void 0:n.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[690],{3827:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=n(8866),d=n(7753),p=n(7129),c=n(8811),x=n(8631),h=n(6066),u=n(8782),m=n(9821),f=n(7381),v=n(5380),g=n(3933),w=n(9854),y=n(6417);const j=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,C]=(0,s.Z)(),[S,b,E,k,L]=(0,m.Z)(),[R,M]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),P=(0,d.MO)("whatmoreCollectionsTileSize"),T=(0,d.MO)("whatmoreCollectionsTileSizePortrait"),Z="portrait"===n?T:P,B="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),A=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:D}=(0,o.useContext)(c.I),F=(0,d.MO)("whatmoreShopId"),{whatmoreRootId:V}=(0,o.useContext)(c.I),z=e.onClick;function O(e){z(e)}(0,o.useEffect)((()=>{(0,f.Oo)("Video shopping powered by Whatmore!")}),[]),delete r.ZP.styles.global;var I=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&R[o]>.2?(I.push((0,y.jsx)(h.Z,{mode:n,event1:t[o],event2:t[o+1],onClick:()=>{O(t[o-1])}},"collections-tile-"+o)),o+=2,i=!i):(I.push((0,y.jsx)(x.Z,{mode:n,event:t[o],onClick:()=>{O(t[o-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+o)),o+=1,i=!i);(0,o.useEffect)((()=>{c.$.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const[H,W,X]=(0,g.YD)({triggerOnce:!1});return(0,y.jsx)(l.C,{value:j,children:(0,y.jsx)("div",{children:(0,y.jsx)(i.x,{theme:r.ZP,cssVarsRoot:V,resetCSS:!1,children:(0,y.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,y.jsx)("div",{ref:H,style:{marginLeft:B+"px",marginRight:B+"px"},children:(0,y.jsx)(u.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:I,spacing:A,defaultHeight:S*Z*.01+"px",defaultWidth:b*Z*.01+"px",retainAlreadyRenderedElements:!0})}),(0,w.dhc)(F)&&D&&!W&&-1==e.index&&(0,y.jsx)(v.Z,{event:t[0],inVideoClick:O,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,p,c,x,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:f,[w,y]=(0,o.useState)(!1),j=(0,i.f63)(m);(0,o.useContext)(a.V);const C=e.event,S=e.onClick,b=e.removeBorders,E=n*g*.01,k=p*g*.01,L=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,i.XnJ)(m)?"auto":k+"px",marginLeft:b?"2px":"5px",marginRight:b?"2px":(0,i.VwM)(m)+"px",marginTop:b?"2px":"5px",marginBottom:b?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:L,overflow:"hidden",boxShadow:b?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:E+"px",width:"40273707171"==m?"auto":k+"px",borderRadius:L,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,p,c,x,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:f,[w,y]=(0,o.useState)(!1),j=(0,i.f63)(m);(0,o.useContext)(a.V);const C=e.event1,S=e.event2,b=e.onClick,E=.01*g,k=n*E,L=n*E*.5,R=p*E,M=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",P="15%",T=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:k+"px",width:R+"px",marginLeft:T?"2px":"5px",marginRight:T?"2px":"5px",marginTop:T?"2px":"5px",marginBottom:T?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:T?"0px":M,boxShadow:T?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),b(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderTopLeftRadius:T?"0px":P,borderTopRightRadius:T?"0px":P,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderBottomLeftRadius:T?"0px":P,borderBottomRightRadius:T?"0px":P,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData: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,n;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(n=e.dataList)||void 0===n?void 0:n.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);