whatmore-react-assets 1.0.1449 → 1.0.1450

package/static/js/banner-template-a.e2ea7c8f.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[806,939,956],{3278:function(e,t,n){n.r(t),n.d(t,{default:function(){return D}});var r=n(9950),i=n(340),o=n(5089),a=(n(3997),n(9130),n(4669),n(9733),n(4365),n(7229),n(6042),n(572)),s=n(8603),l=n(7509),d=n(4737),m=(n(4826),n(5830)),c=n(7575),u=n(2257),h=n(1348),p=n(6649),v=n(7300),g=n(3788),f=n(6493),y=n(4895),x=n(5375),$=n(4833),b=n(4414);var w=function(e){var t;const n=e.isMuted,{whatmoreWidgetSourceDetails:i}=(0,r.useContext)(d.B),o=i.templateType,a=(0,$.l2)(o),s=null!==(t=e.iconSize)&&void 0!==t?t:30;function l(t){e.onToggle(t)}return(0,b.jsx)("div",{style:{cursor:"pointer"},children:n?(0,b.jsx)(x.A,{sx:{color:"white",fontSize:a?1.3*s:s,backgroundColor:"rgba(0, 0, 0, 0.4)",borderRadius:"50%",padding:"10px"},onClick:e=>{l(e)}}):(0,b.jsx)(y.A,{sx:{color:"white",fontSize:a?1.3*s:s,backgroundColor:"rgba(0, 0, 0, 0.4)",borderRadius:"50%",padding:"10px"},onClick:e=>{l(e)}})})},j=n(3771),_=n(6613),C=n(1085),A=n(1079),I=n(5873),k=n(1351),P=n(6157),S=n(3294),M=n(9879),z=n(9821),R=n(69);function N(e){const[t,n]=(0,r.useState)(e.initialMuteState),i=e.events,o=e.activeEventIndex,a=e.setActiveEventIndex,s=(0,m.Xd)("whatmoreShopId"),l="portrait"===e.mode;function d(r){r.stopPropagation(),n(!t),(0,_.MN)()&&((0,z._)()?(0,C.bo)():(0,R.bi)()),e.onMuteToggle()}const p=e.event;return(0,b.jsx)("div",{style:{position:(0,h.D7t)(s)?"absolute":"relative",top:(0,h.D7t)(s)?0:"",zIndex:1,bottom:(0,h.D7t)(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:["video"==p.event_type&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:e=>{d(e)}}),(0,b.jsx)(w,{isMuted:t,onToggle:e=>{d(e)}})]}),i.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{classname:"banner-navigation-overlay-left",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.A,{})})})}),(0,b.jsx)("div",{classname:"banner-navigation-overlay-right",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)(u.A,{})})})}),(0,h.JiT)(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,h.z1s)(s):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},t)}))})]})]}),!(0,h.OC6)(s)&&(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:d})]})})}var E=function(e){var t,n,i,o;const[a,s,l]=(0,v.A)(),[c,u]=(0,r.useState)(!0),y=(0,m.Xd)("whatmoreVideoTileSize"),[x,$,w]=(0,p.A)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:_}=(0,r.useContext)(d.B),C=(0,m.Xd)("whatmoreShopId"),z=e.events,R=e.activeEventIndex,E=e.setActiveEventIndex,F=z[R],D=(0,f.lP)(F),T=(0,f.cb)(F);if((0,r.useEffect)((()=>{I.Sn.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]),"portrait"===a&&!D)return(0,b.jsx)(b.Fragment,{});if("landscape"===a&&!T)return(0,b.jsx)(b.Fragment,{});const L=(0,g.s)("portrait"===a?D:T),B=y/100*(0,h.igk)(C),W=y/100*(0,h.Y_l)(C),X="portrait"===a?(0,h.G0Q)(C):(0,h.ga9)(C),O="portrait"===a?l*B:l*W,V=O*X,H=null!=(null===(t=F.cta)||void 0===t||null===(n=t[1])||void 0===n?void 0:n.cta_link);return(0,b.jsxs)("div",{ref:x,onClick:()=>{var e,t;(0,k.kz)({userInteractionType:P.O.BANNER_WIDGET_CLICKED,widgetSourceDetails:_,event:z[R]}),(0,h.OC6)(C)&&H&&window.open(null===(e=F.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.D7t)(C)?"100%":O,minHeight:(0,h.D7t)(C)?l*X:"",height:(0,h.D7t)(C)?"auto":V,borderWidth:(0,h.YcK)(C),borderColor:(0,h.Fwt)(C),overflow:"hidden",cursor:"pointer"},children:["28273541192"===C?(0,b.jsx)(M.A,{height:"100%",width:"100%",url:L,isPlaying:$,event:F,isVideoMuted:!$||c,source:S.N.BANNER}):(0,b.jsx)(j.A,{height:"100%",width:"100%",url:L,isPlaying:$,event:F,isVideoMuted:!$||c,setDuration:e.setDuration,source:S.N.BANNER}),(0,b.jsx)(N,{isCTAPresent:H,events:z,activeEventIndex:R,setActiveEventIndex:E,event:F,mode:a,onMuteToggle:()=>u(!c),initialMuteState:c}),(0,h.XYM)(C)&&(null===F||void 0===F||null===(i=F.cta)||void 0===i?void 0:i.length)>1&&(0,b.jsx)("div",{style:{position:"absolute",zIndex:1,bottom:"10%",left:"50%",transform:"translateX(-50%)"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)(A.A,{isBanner:!0,event:F,cta:null===F||void 0===F||null===(o=F.cta)||void 0===o?void 0:o[1],fontFactor:.6})})]})};const F=(0,s.A)({key:"whatmore-css-bv"});var D=function(e){const{whatmoreRootId:t}=(0,r.useContext)(d.B),[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.Ay.styles.global,(0,b.jsx)(a.C,{value:F,children:(0,b.jsx)("div",{className:"whatmore-banner-events",children:(0,b.jsx)(i.s,{theme:o.Ay,cssVarsRoot:t,resetCSS:!1,children:(0,b.jsx)(l.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(E,{activeEventIndex:n,events:m,setActiveEventIndex:s,setDuration:u})})})})})}},2835:function(e,t,n){var r=n(7891),i=n(8454),o=n(3781),a=n(5830),s=n(4414);t.A=function(e){var t;const n=(0,a.Xd)("whatmoreUITheme"),[l]=(0,a.QN)("whatmoreSecondaryColor"),[d,m]=(0,a.QN)("productRatings"),c=(0,a.Xd)("whatmorePrimaryFont"),u=e.productId,h=e.fontSize,p=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===d||"undefined"==typeof d||!(u in d)||d[u].avgRating>5)return(0,s.jsx)(s.Fragment,{});const v=d[u].avgRating,g=d[u].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((e,t)=>(0,s.jsx)(r.A,{sx:{color:l,fontSize:h+"px"}},"star-icon"+t))),v-Math.floor(v)>.2?(0,s.jsx)(i.A,{sx:{color:l,fontSize:h+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(o.A,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((e,t)=>(0,s.jsx)(o.A,{sx:{color:l,fontSize:h+"px"}},"star-outline-icon-"+t))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",p,"important"),e.style.setProperty("font-size",.8*h+"px","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+g+")"]})})]})})}},7509:function(e,t,n){n.d(t,{h:function(){return r}});const r=(0,n(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},16:function(e,t,n){n.d(t,{A:function(){return d}});var r=n(9950),i=(n(5410),n(5830)),o=n(4459),a=n(4414);var s=function(e){return(0,r.useEffect)((()=>{const e=(0,o.E2)((0,i.Xd)("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"})})},l=n(8781);var d=function(e){var t,n;const r=null!==(t=e.height)&&void 0!==t?t:"100%",i=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,a.jsxs)("div",{style:{width:i,height:r,overflow:"hidden",minHeight:r,minWidth:i},children:[(0,a.jsx)(l.A,{height:r,width:i}),(0,a.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,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,a.jsx)(s,{})})})]})}},8781:function(e,t,n){var r=n(4414);t.A=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"})})}},4033:function(e,t,n){n.d(t,{n:function(){return r}});const r=()=>{if("undefined"!==typeof window){const e=navigator.userAgent.toLowerCase();return e.includes("safari")&&!e.includes("chrome")&&navigator.vendor.includes("Apple")}return!1}},69:function(e,t,n){n.d(t,{Ij:function(){return o},bi:function(){return a}});let r,i=!1;function o(){return r?r.play().then((()=>{i=!0,console.debug("iOS autoplay restrictions bypassed."),r.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function a(){r||(r=document.createElement("video"),r.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",r.muted=!0,r.playsInline=!0,r.style.display="none",document.body.appendChild(r));const e=()=>{i||o()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},9098:function(e,t,n){var r=n(9950),i=n(16),o=n(4414);t.A=function(e){var t,n,a;const[s,l]=(0,r.useState)(!1),d=r.useRef(0),m=(0,r.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,m.current&&c(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:m,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.A,{width:h,height:u})]})}},9879:function(e,t,n){n.d(t,{A:function(){return p}});var r=n(9950),i=n(6649),o=n(3788),a=n(6613),s=n(2039),l=n(9098),d=n(4033),m=n(5830),c=n(6493),u=n(4414);var h=function(e){var t,n,o,s;const l=(0,r.useRef)(null),[h,p,v]=(0,i.A)({triggerOnce:!0}),g=(0,m.Xd)("whatmoreShopId"),f=null!==(t=e.height)&&void 0!==t?t:"100%",y=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():(((0,d.n)()||(0,a.At)())&&l.current.play(),"57939755089"==g?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,u.jsx)("div",{ref:h,style:{width:f,height:y,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==g||"8968077397"==g?(0,u.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:y,height:f,preload:"metadata",loop:!0,src:"86878257455"!=g?e.url:(0,c.yD)(e.url),playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==g&&"STRY2V4XO5L"!==g?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,u.jsx)("source",{src:e.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,c.yD)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:y,height:f,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,n,d,p,v,g,f,y,x;const[$,b,w]=(0,i.A)({triggerOnce:!0}),j=(0,m.Xd)("whatmoreShopId"),_=(0,r.useRef)(null);if((0,r.useEffect)((()=>{_.current&&(e.isPlaying?_.current.play():_.current.pause())}),[e.isPlaying,b]),(0,s.Il)(e.event))return(0,u.jsx)(l.A,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const C=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,A=null!==e&&void 0!==e&&null!==(n=e.event)&&void 0!==n&&null!==(d=n.poster_image)&&void 0!==d&&d.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(p=e.event)||void 0===p||null===(v=p.poster_image)||void 0===v?void 0:v.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(g=e.event)||void 0===g?void 0:g.poster_image;if((0,a.MN)())return(0,u.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:A,url:(0,o.s)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:C});const I=null!==(f=e.height)&&void 0!==f?f:"100%",k=null!==(y=e.width)&&void 0!==y?y:"100%";return(0,u.jsx)("div",{ref:$,style:{width:I,height:k,overflow:"hidden",display:"flex",alignItems:"center"},children:b||"51394281658"==j||"8968077397"==j?(0,u.jsxs)("video",{ref:_,className:"whatmore-video-player-muted",width:k,height:I,preload:"metadata",loop:!0,playsInline:!0,muted:null===(x=e.isVideoMuted)||void 0===x||x,poster:"57939755089"==j?"":A,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,u.jsx)("source",{src:(0,o.s)(e.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,c.yD)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:k,height:I,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},3788:function(e,t,n){n.d(t,{s:function(){return s}});var r=n(1348),i=n(5830);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.Xd)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.CfJ)(t))return e;if("AZURECDN"==(0,r.CfJ)(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.CfJ)(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}},6493:function(e,t,n){n.d(t,{Cr:function(){return s},cb:function(){return a},lP:function(){return o},yD:function(){return l}});var r=n(1348);const i=(0,n(5830).Xd)("whatmoreShopId"),o=function(e){var t,n;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(n=e.event_media_urls.primary.landscape)||void 0===n?void 0:n.content_video_1080p:e.event_hls_url},a=function(e){var t;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:null!==(t=e.event_media_urls.primary.landscape.content_video_1080p)&&void 0!==t?t:e.event_media_urls.primary.portrait.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.ath)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},l=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.ath)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},7973:function(e,t,n){n.d(t,{B:function(){return a},b:function(){return o}});var r=n(1348),i=n(5830);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,i.Xd)("whatmoreShopId");return"shopify"!=(0,r.NCy)(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}},7458:function(e,t,n){n.d(t,{P: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))}},2209:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.A=(0,i.default)((0,o.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"}),"Cancel")},7575:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.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")},2257:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.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")},5727:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.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.82"}),"PlayArrowRounded")},7891:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.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")},8454:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.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.03zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"}),"StarHalf")},3781:function(e,t,n){var r=n(4994);t.A=void 0;var i=r(n(9526)),o=n(4414);t.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.03zM12 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.28z"}),"StarOutline")},5410:function(){},4826:function(){},4365:function(){},9733:function(){},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);

package/static/js/carousel-template-a.40ccafa9.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[474],{6945:function(e,t,o){o.r(t);var n=o(9950),i=o(340),r=o(5089),l=o(5873),s=(o(3997),o(9130),o(4669),o(9733),o(4365),o(7229),o(6042),o(572)),a=o(8603),d=o(9946),c=o(9094),p=o(932),h=o(7300),u=o(5491),m=o.n(u),y=o(5830),v=o(7509),f=o(7136),x=o(1348),g=o(4737),w=o(5620),P=o(1351),j=o(6157),C=o(6641),S=o(1957),b=o(4414);const M=(0,a.A)({key:"whatmore-css-hv"});function O(e){const[t,o,i]=(0,p.A)(),r=(0,y.Xd)("whatmoreShopId"),l=e.events,s=e.onClick,a=i*(0,x.kcl)(r),c=(0,x.cbh)(r),[h,u]=(0,n.useState)(Math.min(l.length,c?l.length:a+5)),{whatmoreWidgetSourceDetails:m}=(0,n.useContext)(g.B);return(0,n.useEffect)((()=>{h<a+5&&u((e=>Math.min(e+5,l.length)))}),[a,5]),(0,b.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,b.jsx)("div",{style:{width:"8968077397"===r&&l.length<4?"200px":window.innerWidth,height:"fit-content"},children:(0,b.jsx)(d.RC,{slidesPerView:l.length>1?"51394281658"==r||"55820812447"==r?2:a:1,initialSlide:l.length>1&&"51394281658"!=r&&"55820812447"!=r?1:0,centeredSlides:"51394281658"!=r&&"55820812447"!=r,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:"51394281658"==r?1:.5,onSlideChange:e=>{(0,P.UM)({userInteractionType:j.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m}),e.realIndex>e.previousIndex&&u((e=>Math.min(e+5,l.length)))},loop:c&&l.length>2,children:l.map(((e,t)=>t<=h&&(0,b.jsx)(d.qr,{children:t=>{let{isActive:o,isPrev:n,isNext:i,isVisible:l}=t;return(0,x.DmD)(r)?(0,b.jsx)(S.A,{isOnFocus:o&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,b.jsx)(w.A,{isOnFocus:("51394281658"==r||"55820812447"==r||o)&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function I(e){const[t,o,i,r]=(0,p.A)(),[l,s]=(0,n.useState)(-1),a=(0,y.Xd)("whatmoreShopId"),h=e.onClick,u=e.events,v=(0,x.cbh)(a),[C,M]=(0,n.useState)(v?u.length:i),O="8968077397"==a||"19501891"==a?Math.floor(Math.min(i,u.length)):Math.min(i,u.length),I=Math.floor(Math.min(4,u.length)),{whatmoreWidgetSourceDetails:N}=(0,n.useContext)(g.B),k=(0,n.useRef)(null);return(0,n.useEffect)((()=>{if(k.current){const e="8968077397"===a&&u.length>=4?.7:(0,x.fHt)(a),t=o*O*e+"px";u.length<4||"8968077397"===a?k.current.style.setProperty("width",t,"important"):k.current.style.width=t}}),[o,O,a,C,u.length]),(0,n.useEffect)((()=>{C<=i&&M((e=>e+i))}),[i]),(0,b.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,b.jsx)("div",{ref:k,style:{height:"100%"},children:(0,b.jsx)(d.RC,{slidesPerView:"8968077397"==a?I:O,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:"8968077397"==a||"19501891"==a?Math.min(2,u.length):parseInt(O),onSlideChange:e=>{(0,P.UM)({userInteractionType:j.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:N}),e.realIndex>e.previousIndex&&M((e=>e+i))},spaceBetween:0,loop:(v||"8968077397"==a||"19501891"==a)&&u.length>4,style:{height:"100%"},children:u.map(((e,t)=>{const o=m()((()=>s(t)),300);return t<=C&&(0,b.jsx)(d.qr,{onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),s(-1)},style:{height:"100%"},children:o=>{let{isActive:n,isPrev:i,isNext:r,isVisible:s}=o;return s||"8968077397"==a||"19501891"==a&&(i||r)?(0,x.DmD)(a)?(0,b.jsx)(S.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,b.jsx)(w.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,b.jsx)(f.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){const[t,o,a]=(0,h.A)(),[d]=(0,y.QN)("whatmoreShopId"),[c]=(0,y.QN)("whatmorePrimaryColor"),[p]=(0,y.QN)("whatmoreTitleFont"),u="portrait"==t?(0,y.Xd)("whatmoreTitleFontSizePortrait"):(0,y.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:m}=(0,n.useContext)(g.B),f=(0,y.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,n.useContext)(g.B),P=e.events,j=e.onClick,S=p;function N(e){j(e)}return(0,n.useEffect)((()=>{(0,C.Fk)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.Sn.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,b.jsx)(s.C,{value:M,children:(0,b.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,b.jsx)(i.s,{theme:r.Ay,cssVarsRoot:m,resetCSS:!1,children:(0,b.jsxs)(v.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,b.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",S,"important"),e.style.setProperty("font-size",u+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,x.Odx)(d),lineHeight:(0,x.L0y)(d),letterSpacing:(0,x.l3V)(d)},children:w?"W"!==f?f:"":e.heading})}):(0,b.jsx)(b.Fragment,{}),"landscape"===t?(0,b.jsx)(I,{events:P,onClick:N}):(0,b.jsx)(O,{events:P,onClick:N})]})})})})}},7136:function(e,t,o){var n=o(9950),i=o(932),r=o(7509),l=o(5830),s=o(4414);t.A=function(e){var[t,o]=(0,i.A)();(0,n.useContext)(r.h);const a=(0,l.Xd)("whatmoreShopId");return e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:o,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":t,overflow:"hidden"}})}},1957:function(e,t,o){var n=o(9950),i=o(932),r=(o(4826),o(5830)),l=o(9879),s=o(7509),a=o(22),d=o(1348),c=o(4737),p=o(6594),h=o(8538),u=o(8149),m=o(4414);t.A=function(e){var t,o,y,v,f,x,g,w,P,j,C,S,b,M,O,I,N,k,A;const[F,_,R,D,E]=(0,i.A)();var W=(0,n.useContext)(s.h);const T=(0,r.Xd)("whatmoreUITheme"),z=(0,r.Xd)("whatmoreShopId"),B=(0,r.Xd)("whatmorePrimaryFont"),U=(0,r.Xd)("whatmoreSecondaryColor"),X=e.onClick,H=null===(t=e.isOnFocus)||void 0===t||t,V=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,L=null!==(y=e.animateOnFocus&&(0,d.n5O)(z))&&void 0!==y&&y,G="portrait"===E[a.dl],q=(G?1.076*_*(0,d.HWj)(z):_*(0,d.N_4)(z))+"px",$=(G?1.076*_*(0,d.HWj)(z):_*(0,d.N_4)(z))+"px",K=(G?.965*_*(0,d.HWj)(z):.859*_*(0,d.N_4)(z))+"px",Q=(0,d.VYo)(z),{whatmoreIsPreviewMode:Y}=(0,n.useContext)(c.B),J=.25*_,Z=J+"px",[ee,te]=(0,n.useState)(e.event),[oe,ne]=(0,n.useState)(),ie=Math.round(+(null===(v=ee.products)||void 0===v||null===(f=v[0])||void 0===f?void 0:f.price)),re=Math.round(+(null===ee||void 0===ee||null===(x=ee.products[0])||void 0===x?void 0:x.compare_price)),le=re&&0!=re&&re>ie?Math.round((re-ie)/re*100):NaN,[se,ae]=(0,n.useState)(le);return(0,n.useEffect)((()=>{(0,d.w4b)(z)&&(0,p.fu)(ee,(0,d.NCy)(z),z).then((e=>{var t,o,n;te(e);const i=Math.round(null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.price),r=Math.round(null===e||void 0===e||null===(n=e.products[0])||void 0===n?void 0:n.compare_price),l=r&&0!=r&&r>i?Math.round((r-i)/r*100):NaN;ae(l)}));(async()=>{var e;const t=await(0,u.M)(null===ee||void 0===ee||null===(e=ee.products)||void 0===e?void 0:e[0],(0,d.NCy)(z),z);ne(t)})()}),[]),(0,m.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",W.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",W.tileBottomMMargin+"px","important"))},children:[(0,m.jsx)("div",{style:{margin:"0 auto",width:_,height:G&&H?"STR2FOC6KG9"==z||"STRDOIDF6O7"==z?F:1.1*F:F,borderRadius:"round"==T?"5px":"0px",boxShadow:"round"==T?Q:null,borderWidth:(0,d.YcK)(z),borderColor:(0,d.Fwt)(z),overflow:"hidden",cursor:"pointer"},className:L?H?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{X(ee)},children:(0,m.jsx)(l.A,{height:(0,d.u06)(z)+" !important",width:"100%",url:ee.thumbnail_image,isPlaying:H||V,event:ee})}),"STRSJFOP1GI"!=z&&(0,m.jsxs)("div",{onClick:()=>{X(ee)},className:L?H?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{cursor:"pointer",display:"flex",gap:"6px",padding:"16px 12px"},children:[(Y?(0,d.Tr1)(z):(0,d.UmS)(z))&&(0,m.jsx)("div",{style:{maxWidth:Z,minWidth:null!==(g=ee.products)&&void 0!==g&&null!==(w=g[0])&&void 0!==w&&w.thumbnail_image?Z:"0",overflow:"hidden"},children:(0,m.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,d.KZe)(z),"important")},src:null===(P=ee.products)||void 0===P||null===(j=P[0])||void 0===j?void 0:j.thumbnail_image})}),(0,m.jsxs)("div",{className:"wht-prod-info",style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.m5c)(z),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",B,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,h.v)(null===(C=ee.products[0])||void 0===C?void 0:C.title)}),(0,d.Nzx)(z)&&(0,m.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,d.vw2)(z)?"row":"row-reverse",justifyContent:(0,d.vw2)(z)?"flex-start":"flex-end"},children:[(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.m5c)(z),"important"),e.style.setProperty("font-size",$,"important"),e.style.setProperty("font-family",B,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,d.i6j)(z)?"normal":"bold"},children:(0,p.Sb)(parseFloat(null!==(S=null===oe||void 0===oe?void 0:oe.price)&&void 0!==S?S:null===ee||void 0===ee||null===(b=ee.products)||void 0===b||null===(M=b[0])||void 0===M?void 0:M.price)," ",z,null===(O=ee.products[0])||void 0===O?void 0:O.currency)}),!isNaN(re)&&re>ie&&(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.gld)(z),"important"),e.style.setProperty("font-size",$,"important"),e.style.setProperty("font-family",B,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,p.Sb)(parseFloat(null!==(I=null===oe||void 0===oe?void 0:oe.compare_at_price)&&void 0!==I?I:null===ee||void 0===ee||null===(N=ee.products)||void 0===N||null===(k=N[0])||void 0===k?void 0:k.compare_price)," ",z,null===(A=ee.products[0])||void 0===A?void 0:A.currency)})]}),(0,d.Nzx)(z)&&!isNaN(se)&&0!=se&&(0,m.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,d.ub$)(z)?"#343434"==U?(0,d.ub$)(z):U:(0,d.ub$)(z),alignItems:"center",borderRadius:(0,d.v8m)(z)+"px",width:"fit-content",padding:(0,d.Cf)(z)?"3px 6px":"0px"},children:(0,d.Cf)(z)?(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d.BRY)(z),"important"),e.style.setProperty("font-size",K,"important"),e.style.setProperty("font-family",B,"important"))},children:`${se}% Off`}):(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,d._zx)(z),"important"),e.style.setProperty("font-size",K,"important"),e.style.setProperty("font-family",(0,d.ogW)(z),"important"))},children:(0,d.rsz)(z)})})]})]})]})}},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);

package/static/js/carousel-template-b.536fc0f5.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[665],{2835:function(t,e,i){var o=i(7891),n=i(8454),r=i(3781),l=i(5830),s=i(4414);e.A=function(t){var e;const i=(0,l.Xd)("whatmoreUITheme"),[a]=(0,l.QN)("whatmoreSecondaryColor"),[d,p]=(0,l.QN)("productRatings"),c=(0,l.Xd)("whatmorePrimaryFont"),h=t.productId,x=t.fontSize,y=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(h in d)||d[h].avgRating>5)return(0,s.jsx)(s.Fragment,{});const m=d[h].avgRating,u=d[h].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(m))].map(((t,e)=>(0,s.jsx)(o.A,{sx:{color:a,fontSize:x+"px"}},"star-icon"+e))),m-Math.floor(m)>.2?(0,s.jsx)(n.A,{sx:{color:a,fontSize:x+"px"}},"star-half-icon"):m-Math.floor(m)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(r.A,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon"),[...Array(Math.floor(5-m))].map(((t,e)=>(0,s.jsx)(r.A,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon-"+e))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:a,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",m,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",y,"important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+u+")"]})})]})})}},7206:function(t,e,i){i.r(e),i.d(e,{default:function(){return U}});var o=i(9950),n=i(340),r=i(5089),l=i(5873),s=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(572)),a=i(8603),d=i(9946),p=i(9094),c=i(932),h=i(7300),x=i(5491),y=i.n(x),m=i(5830),u=i(7509),f=i(1348),g=i(4737),w=i(7136),v=i(9879),j=i(6649),b=i(3590),C=i(8538),P=i(7458),S=i(2835),k=i(6594),I=i(7973),F=i(8149),A=i(7740),M=i(4414);const O=o.lazy((()=>Promise.all([i.e(437),i.e(181),i.e(650),i.e(939)]).then(i.bind(i,9408))));var R=function(t){var e,i,n,r;const l=(0,m.QN)("whatmoreUITheme");var[s,a]=(0,c.A)();const[d]=(0,m.QN)("whatmorePrimaryFont"),[p]=(0,m.QN)("whatmoreSecondaryColorShade900"),[h]=(0,m.QN)("whatmoreShopId"),[x,y]=(0,o.useState)(0),[u,w]=(0,o.useState)(t.event),[v,j]=(0,o.useState)(),[b,R]=(0,o.useState)(!1),_=t.onClick,z=u.products.length,{whatmoreIsPreviewMode:T}=(0,o.useContext)(g.B);if(0==z)return(0,M.jsx)(M.Fragment,{});(0,o.useEffect)((()=>{(0,f.w4b)(h)&&(0,k.fu)(u,(0,f.NCy)(h),h).then((t=>{w(t),R(!0)}));(async()=>{var t;const e=await(0,F.M)(null===u||void 0===u||null===(t=u.products)||void 0===t?void 0:t[0],(0,f.NCy)(h),h);j(e),R(!0)})()}),[]);const N=T,B=.3*a,L=B+"px",W=B+"px",X=.05*a*(0,f.PpQ)(h)+"px",E=.07*a*(0,f.y3u)(h),U=E+"px",H=.05*a;return(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*a,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:_,children:[(0,M.jsx)("div",{style:{width:L,height:W,overflow:"hidden",backgroundColor:"28062416930"===h?void 0:p,borderRadius:"round"==l?"5px":"0px",borderWidth:"0px"==(0,f.YcK)(h)?"2px":(0,f.YcK)(h),borderColor:"28062416930"===h?"white":"white"===(0,f.Fwt)(h)?p:(0,f.Fwt)(h)},children:"28062416930"!==h&&(0,M.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,f.KZe)(h),"important")},src:(0,I.b)(u.products[x].thumbnail_image,"&width=400&height=400"),style:{width:L,height:L,borderRadius:"round"==l?"5px":"0px",backgroundColor:p},alt:"product image"})}),(0,M.jsx)("div",{style:{width:.7*a+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"28062416930"===h?"18px":"2px",borderRadius:"round"==l?"5px":"0px"},children:(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,M.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"28062416930"===h?"center":"flex-start",alignItems:"center"},children:(0,M.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size","28062416930"===h?"80%":X,"important"),t.style.setProperty("line-height","28062416930"===h?"170%":"140%","important"),t.style.setProperty("font-family",d,"important"),"28062416930"===h?(t.style.setProperty("white-space","nowrap","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("text-align","center","important"),t.style.setProperty("display","block","important")):(t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important")))},style:{textAlign:"28062416930"===h?"center":"left",fontWeight:"medium"},children:(0,C.v)(u.products[x].title)})}),(0,M.jsxs)("div",{className:"wht-price-tb",style:{display:"flex",flexFlow:(0,f.vw2)(h)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:"28062416930"===h?"center":(0,f.vw2)(h)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[b&&(0,M.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,f.uoB)(h),"important"),t.style.setProperty("font-size",U,"important"),t.style.setProperty("line-height","28062416930"===h?"160%":"140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("font-weight","28062416930"===h?"bold":void 0,"important"))},style:{textAlign:"28062416930"===h?"center":"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,k.Sb)(parseFloat((0,A.U)()?null===v||void 0===v?void 0:v.price:null===u||void 0===u||null===(e=u.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",h,u.products[x].currency)]}),(0,P.P)(u.products[x].price,u.products[x].compare_price)&&b?(0,M.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,f.gld)(h),"important"),t.style.setProperty("font-size",.9*E+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"28062416930"===h?"center":"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,k.Sb)(parseFloat((0,A.U)()?null===v||void 0===v?void 0:v.compare_at_price:null===u||void 0===u||null===(n=u.products)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.compare_price),"",h,u.products[x].currency)]}):(0,M.jsx)(M.Fragment,{})]}),(0,M.jsx)(S.A,{storeId:h,productId:u.products[x].client_product_id,productLink:u.products[x].product_link,fontSize:H}),"28062416930"===h&&(0,M.jsx)("button",{onClick:_,onMouseEnter:t=>t.target.style.backgroundColor="#555",onMouseLeave:t=>t.target.style.backgroundColor="black",style:{padding:"2px 5px 2px 5px",backgroundColor:"black",color:"#fff",border:"none",cursor:"pointer",fontSize:"12px",fontWeight:"bold",textAlign:"center"},children:"Buy Now"})]})})]},x),(0,f.nP1)(h)||N&&"5141594210"==h?(0,M.jsx)(o.Suspense,{children:(0,M.jsx)(O,{baseFontSize:.05*a,event:u,product:u.products[0],width:.9*a,height:"fit-content"})}):(0,M.jsx)(M.Fragment,{})]})},_=i(7802);function z(t){const[e,i,o,n,r]=(0,c.A)(),l=(0,m.Xd)("whatmoreUITheme"),s=(0,m.Xd)("whatmoreShowViews"),a=(0,m.Xd)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,y,u]=(0,j.A)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,M.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,M.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:"show"===s?(0,M.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,M.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,M.jsx)(b.A,{event:g,fontSize:.07*i+"px"})})}):(0,M.jsx)(M.Fragment,{})}),(0,M.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,_.Hl)(g,a)?(0,M.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"28062416930"===a?void 0:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:"28062416930"===a?"110%":.95*i,height:"28062416930"===a?"20%":p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,f.YcK)(a),borderColor:(0,f.Fwt)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,M.jsx)("div",{ref:x,children:y&&(0,f.imx)(a)?(0,M.jsx)(R,{event:g,onClick:()=>{var e,i;(0,f.gq8)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,f.BLb)(a)?i.product_link+"?"+(0,f.VCz)(a)+"&"+(0,f.Spk)(a)+"&"+(0,f.$lz)(a):i.product_link):t.onClick(g)}}):(0,M.jsx)("div",{height:"20px"})})}):(0,M.jsx)(M.Fragment,{})]})})}var T=function(t){var e,i,n;const[r,l,s,a,d]=(0,c.A)();var p=(0,o.useContext)(u.h);const h=(0,m.Xd)("whatmoreUITheme"),x=(0,m.Xd)("whatmoreShopId"),y=(0,m.Xd)("whatmoreSecondaryColorShade600"),g=t.event,w=t.onClick,j=null===(e=t.isOnFocus)||void 0===e||e,b=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,C=null!==(n=t.animateOnFocus&&(0,f.n5O)(x))&&void 0!==n&&n,P=(0,f.nP1)(x)?.7:.8,S=r*P+"px",k=1-P,I=r*k,F=r*k+"px",A=r*k*.1,O=(0,f.VYo)(x);return(0,M.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*r+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"28062416930"===x?void 0:"round"===h?O:null,borderWidth:(0,f.YcK)(x),borderColor:(0,f.Fwt)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:C?j?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{w(g)},children:[(0,M.jsx)(v.A,{height:S,width:"100%",url:g.thumbnail_image,isPlaying:j||b,event:g}),(0,f.Q$)(x)&&(0,_.Hl)(g,x)?(0,M.jsx)("div",{style:{width:"100%",height:F,backgroundColor:y}}):(0,M.jsx)(M.Fragment,{})]}),(0,f.Q$)(x)&&(0,M.jsx)(z,{event:g,isOnFocus:j,PRODUCT_BOX_HEIGHT:I,PRODUCT_BOX_HEIGHT_IN_PX:F,PRODUCT_BOX_MARGIN:A,onClick:w})]})},N=i(6157),B=i(1351),L=i(6641);const W=(0,a.A)({key:"whatmore-css-hv"});function X(t){const[e,i,n]=(0,c.A)(),r=(0,m.Xd)("whatmoreShopId"),l=t.events,s=t.onClick,a=n*(0,f.kcl)(r),p=(0,f.cbh)(r),[h,x]=(0,o.useState)(Math.min(l.length,p?l.length:a+5)),{whatmoreWidgetSourceDetails:y}=(0,o.useContext)(g.B);return(0,o.useEffect)((()=>{h<a+5&&x((t=>Math.min(t+5,l.length)))}),[a,5]),(0,M.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,M.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,M.jsx)(d.RC,{slidesPerView:l.length>1?a:1,initialSlide:"25075712047"===r?0:l.length>1?1:0,centeredSlides:"25075712047"!==r,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,B.UM)({userInteractionType:N.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:y}),t.realIndex>t.previousIndex&&x((t=>Math.min(t+5,l.length)))},loop:(0,f.cbh)(r),children:l.map(((t,e)=>e<=h&&(0,M.jsx)(d.qr,{children:e=>{let{isActive:i,isPrev:o,isNext:n,isVisible:r}=e;return(0,M.jsx)(T,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function E(t){const[e,i,n,r]=(0,c.A)(),[l,s]=(0,o.useState)(-1),a=(0,m.Xd)("whatmoreShopId"),h=t.onClick,x=t.events,u=(0,f.cbh)(a),[v,j]=(0,o.useState)(u?x.length:n),b=Math.min(n,x.length),{whatmoreWidgetSourceDetails:C}=(0,o.useContext)(g.B);return(0,o.useEffect)((()=>{v<=n&&j((t=>t+n))}),[n]),(0,M.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,M.jsx)("div",{style:{width:i*b*1.1+"px"},children:(0,M.jsx)(d.RC,{slidesPerView:b,watchSlidesProgress:!0,modules:[p.Vx],navigation:!0,slidesPerGroup:parseInt(b),onSlideChange:t=>{(0,B.UM)({userInteractionType:N.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}),t.realIndex>t.previousIndex&&j((t=>t+n))},spaceBetween:(0,f.If9)(a),loop:(0,f.cbh)(a),children:x.map(((t,e)=>{const i=y()((()=>s(e)),300);return e<=v&&(0,M.jsx)(d.qr,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:o,isPrev:n,isNext:r,isVisible:s}=i;return s?(0,M.jsx)(T,{isOnFocus:e==l,playOnUnfocus:!(0,f.aO7)(a)||e==parseInt(b/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,M.jsx)(w.A,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var U=function(t){const[e,i,a]=(0,h.A)(),[d]=(0,m.QN)("whatmorePrimaryColor"),[p]=(0,m.QN)("whatmoreShopId"),[c]=(0,m.QN)("whatmoreSecondaryColor"),[x]=(0,m.QN)("whatmoreTitleFont"),y="portrait"==e?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:f}=(0,o.useContext)(g.B),w=((0,m.Xd)("isInDesignMode"),t.events),v=t.onClick,j=x,b=(0,m.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,o.useContext)(g.B);function P(t){v(t)}function S(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,o.useEffect)((()=>{(0,L.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.Sn.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,M.jsx)(s.C,{value:W,children:(0,M.jsx)("div",{className:"whatmore-carousel-events",children:(0,M.jsx)(n.s,{theme:r.Ay,cssVarsRoot:f,resetCSS:!1,children:(0,M.jsxs)(u.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||C)?(0,M.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,M.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",y+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==b?b:"":t.heading})}):(0,M.jsx)(M.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,M.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,M.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,M.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",y+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==b?b:"":S(t.heading)[0]}),(0,M.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",y+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==b?b:"":S(t.heading)[1]})]})}):(0,M.jsx)(M.Fragment,{}),"landscape"===e?(0,M.jsx)(E,{events:w,onClick:P}):(0,M.jsx)(X,{events:w,onClick:P})]})})})})}},3590:function(t,e,i){var o=i(2375),n=i(1348),r=i(5830),l=i(4414);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.A=function(t){const e=(0,r.Xd)("whatmoreUITheme"),i=(0,r.Xd)("whatmoreShopId"),a=(0,r.Xd)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,n.FVo)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,n.sIk)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,n.YcK)(i),borderColor:(0,n.Fwt)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(o.A,{sx:{color:(0,n.s0t)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,n.s0t)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,n.sIk)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,n.YcK)(i),borderColor:(0,n.Fwt)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,n.s0t)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7509:function(t,e,i){i.d(e,{h:function(){return o}});const o=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7136:function(t,e,i){var o=i(9950),n=i(932),r=i(7509),l=i(5830),s=i(4414);e.A=function(t){var[e,i]=(0,n.A)();(0,o.useContext)(r.h);const a=(0,l.Xd)("whatmoreShopId");return t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},7973:function(t,e,i){i.d(e,{B:function(){return l},b:function(){return r}});var o=i(1348),n=i(5830);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,n.Xd)("whatmoreShopId");return"shopify"!=(0,o.NCy)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,n=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(i)?"image":null!==n&&void 0!==n&&n.test(i)?"video":void 0}},7458:function(t,e,i){i.d(e,{P:function(){return o}});const o=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},7891:function(t,e,i){var o=i(4994);e.A=void 0;var n=o(i(9526)),r=i(4414);e.A=(0,n.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star")},8454:function(t,e,i){var o=i(4994);e.A=void 0;var n=o(i(9526)),r=i(4414);e.A=(0,n.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"}),"StarHalf")},3781:function(t,e,i){var o=i(4994);e.A=void 0;var n=o(i(9526)),r=i(4414);e.A=(0,n.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 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.28z"}),"StarOutline")},2375:function(t,e,i){var o=i(4994);e.A=void 0;var n=o(i(9526)),r=i(4414);e.A=(0,n.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility")},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);

package/static/js/carousel-template-f.b7d45564.chunk.js

@@ -0,0 +1,2 @@
+/*! For license information please see carousel-template-f.b7d45564.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[485],{9418:function(e,t,o){o.r(t),o.d(t,{default:function(){return A}});var r=o(9950),n=(o(4826),o(340)),i=o(5873),l=o(5089),a=(o(3997),o(4669),o(9733),o(4365),o(7229),o(572)),s=o(8603),c=o(932),d=o(7300),u=o(5491),p=o.n(u),f=o(5830),y=o(7509),h=o(7136),m=o(1348),v=o(4737),x=o(1351),g=o(6157),w=o(9879),b=o(8538),S=o(6594),j=o(22),C=o(6613),P=o(8149),M=o(7740),$=o(4414);var N=function(e){var t,o,n,i,l,a,s,d,u,p,h,v,x,g,N,O,k,_,E,A,I,T,F,R,X;const[z,D,L,W,B]=(0,c.A)(),U=(0,f.Xd)("whatmoreShopId"),Y=(0,f.Xd)("whatmoreLandingLocationType"),H="portrait"===B[j.dl],Q=(H?1.076*D*(0,m.HWj)(U):D*(0,m.N_4)(U))+"px",J=(H?1.076*D*(0,m.HWj)(U):D*(0,m.N_4)(U))+"px",q=(H?.965*D*(0,m.HWj)(U):.859*D*(0,m.N_4)(U))+"px",[V,G]=(0,r.useState)(e.event),K=(0,f.Xd)("whatmoreSecondaryColor");var Z=(0,r.useContext)(y.h);const ee=null===(t=e.isOnFocus)||void 0===t||t,te=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,oe=e.onClick,re=(0,f.Xd)("whatmoreUITheme"),ne=null!==(n=e.animateOnFocus&&(0,m.n5O)(U))&&void 0!==n&&n,[ie,le]=(0,r.useState)(!1),ae=(0,f.Xd)("whatmorePrimaryFont"),se=Math.round(+(null===(i=V.products[0])||void 0===i?void 0:i.price)),ce=Math.round(+(null===(l=V.products[0])||void 0===l?void 0:l.compare_price)),de=ce&&0!=ce&&ce>se?Math.round((ce-se)/ce*100):NaN,[ue,pe]=(0,r.useState)(de),[fe,ye]=(0,r.useState)(),he="55143268394"===U;return(0,r.useEffect)((()=>{(0,m.w4b)(U)&&(0,S.fu)(V,(0,m.NCy)(U),U).then((e=>{var t,o,r;G(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&pe(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),le(!0)}));(async()=>{var e;const t=await(0,P.M)(null===V||void 0===V||null===(e=V.products)||void 0===e?void 0:e[0],(0,m.NCy)(U),U);ye(t),le(!0)})()}),[]),(0,$.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",Z.tileTopMargin+"px"),e.style.setProperty("margin-bottom",Z.tileBottomMMargin+"px"))},className:ne&&!H?ee?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:D},onClick:()=>{oe(V)},children:[(0,$.jsx)("div",{style:{borderRadius:"round"==re?"5%":"0px",boxShadow:"round"==re?"0px 0px 5px 0px #B0B0B0":null,height:z,borderWidth:(0,m.YcK)(U),borderColor:(0,m.Fwt)(U),overflow:"hidden"},children:(0,$.jsx)(w.A,{height:(0,m.u06)(U)+" !important",width:"100%",url:V.thumbnail_image,isPlaying:ee||te||(0,C.At)(),event:V})}),(0,$.jsxs)("div",{className:"wht-prod-info",style:{display:(0,m.AmR)(U)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:he?"8px":"5px",alignItems:he?"center":"flex-start"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(U),"important"),e.style.setProperty("font-size","45034766485"==U&&"product"==Y?"9px":Q),e.style.setProperty("line-height","120%"),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,b.v)(null===(a=V.products[0])||void 0===a?void 0:a.title)}),ie&&(0,m.Nzx)(U)&&(0,$.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,m.vw2)(U)?"row":"row-reverse",justifyContent:he?"center":(0,m.vw2)(U)?"flex-start":"flex-end"},children:[(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.m5c)(U),"important"),e.style.setProperty("font-size","45034766485"==U&&"product"==Y?"8px":J),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,m.i6j)(U)?"normal":"bold"},children:(0,S.Sb)(parseFloat((0,M.U)()?"61916709004"==U?(null===fe||void 0===fe||null===(s=fe.variants)||void 0===s||null===(d=s[0])||void 0===d?void 0:d.price)>0?null===fe||void 0===fe||null===(u=fe.variants)||void 0===u||null===(p=u[0])||void 0===p?void 0:p.price:null===fe||void 0===fe?void 0:fe.price:(null===fe||void 0===fe?void 0:fe.price)>0?null===fe||void 0===fe?void 0:fe.price:null===fe||void 0===fe||null===(h=fe.variants)||void 0===h||null===(v=h[0])||void 0===v?void 0:v.price:(null===V||void 0===V||null===(x=V.products)||void 0===x||null===(g=x[0])||void 0===g?void 0:g.price)>0?null===V||void 0===V||null===(N=V.products)||void 0===N||null===(O=N[0])||void 0===O?void 0:O.price:null===V||void 0===V||null===(k=V.products)||void 0===k||null===(_=k[0])||void 0===_?void 0:_.price_max)," ",U,null===(E=V.products[0])||void 0===E?void 0:E.currency)}),!isNaN(ce)&&ce>se&&(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.gld)(U),"important"),e.style.setProperty("font-size",J),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:he?"center":void 0},children:(0,S.Sb)(parseFloat((0,M.U)()?"61916709004"==U&&null!==(A=null===fe||void 0===fe||null===(I=fe.variants)||void 0===I||null===(T=I[0])||void 0===T?void 0:T.compare_at_price)&&void 0!==A?A:null===fe||void 0===fe?void 0:fe.compare_at_price:null===V||void 0===V||null===(F=V.products)||void 0===F||null===(R=F[0])||void 0===R?void 0:R.compare_price)," ",U,null===(X=V.products[0])||void 0===X?void 0:X.currency)})]}),((0,m.Nzx)(U)&&!isNaN(ue)&&0!=ue&&ie||he)&&(0,$.jsx)("div",{style:{display:(0,m.QNr)(U)?"flex":"none",backgroundColor:he?K:"green"===(0,m.ub$)(U)?"#343434"===K?(0,m.ub$)(U):K:(0,m.ub$)(U),alignItems:"center",justifyContent:he?"center":void 0,borderRadius:he?"25px":(0,m.v8m)(U)+"px",width:he?.5*D:"fit-content",padding:(0,m.Cf)(U)?he?"12px 12px":"3px 6px":"0px",margin:he?"0 auto":void 0,textAlign:he?"center":void 0,height:he?"7%":void 0},children:(0,m.Cf)(U)?(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m.BRY)(U),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("font-family",ae,"important"),e.style.setProperty("font-weight",he?"600":"normal","important"))},children:he?"BUY NOW":`${ue}% Off`}):(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,m._zx)(U),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("font-family",(0,m.ogW)(U),"important"))},children:(0,m.rsz)(U)})})]})]})},O=o(6641);const k=(0,s.A)({key:"whatmore-css-hv"});function _(e){const[t,o,n]=(0,c.A)(),i=(0,f.Xd)("whatmoreShopId"),l=(0,f.Xd)("whatmoreLandingLocationType"),a=e.events,s=e.onClick,{whatmoreWidgetSourceDetails:d}=(0,r.useContext)(v.B),u=Math.ceil(n),p=2*u,[y,w]=(0,r.useState)(p),[b,S]=(0,r.useState)(2*u),j=0===(0,m.If9)(i)?24:(0,m.If9)(i),[C,P]=(0,r.useState)({touchX:0,touchY:0}),M=()=>(0,$.jsx)("div",{className:"navigation-button-next-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),O=()=>(0,$.jsx)("div",{className:"navigation-button-prev-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),k=e=>{if("next"===e){const e=2;S((e=>Math.min(e+Math.floor(n),a.length+u+1))),w((t=>Math.min(t+e,a.length+u+1)))}else S((e=>Math.max(e-Math.floor(n),p)));(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,$.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"45034766485"==i&&"product"==l?"center":"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{P({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,r,n;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-C.touchX,l=(null===(r=e.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-C.touchY;Math.sqrt(i**2+l**2)>10&&Math.abs(i)>Math.abs(l)&&k(i>0?"prev":"next")},children:[(0,m.JSQ)(i)&&(0,$.jsxs)($.Fragment,{children:[b<=a.length+u&&(0,$.jsx)("div",{onClick:()=>k("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,$.jsx)(M,{})}),b>2*u&&(0,$.jsx)("div",{onClick:()=>k("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,$.jsx)(O,{})})]}),(0,$.jsx)("div",{style:{display:"flex",gap:j,transform:`translateX(-${(b-p)*(o+j)}px)`,transition:"transform 0.4s ease-in-out"},children:a.map(((e,t)=>t<y?(0,$.jsx)("div",{children:(0,$.jsx)(N,{isOnFocus:t<=b-u-1&&t>=Math.max(0,b-p),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>s(e)})},`whatmore-carousel-tile-${t}`):(0,$.jsx)(h.A,{})))})]})}function E(e){const[t,o,n,i]=(0,c.A)(),[l,a]=(0,r.useState)(-1),s=(0,f.Xd)("whatmoreShopId"),[d,u]=(0,r.useState)("next"),y=e.onClick,h=e.events,{whatmoreWidgetSourceDetails:w}=(0,r.useContext)(v.B),b=Math.min(Math.ceil(n),h.length),[S,j]=(0,r.useState)(0),C=0===(0,m.If9)(s)?24:(0,m.If9)(s),P=()=>(0,$.jsx)("div",{children:(0,$.jsx)("button",{onClick:_,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),M=()=>(0,$.jsx)("div",{children:(0,$.jsx)("button",{onClick:k,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,$.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=b&&j((e=>e+b))}),[b]);const O=()=>{a(-1)},k=()=>{S!==b&&(u("prev"),j((e=>Math.max(Math.ceil(e-n),b))),(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},_=()=>{S>h.length+n||(u("next"),j((e=>Math.floor(e+n))),(0,x.UM)({userInteractionType:g.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},E=S>h.length?h.length-b+1:S-b,A=S>=h.length?h.length:E+b,I=h.slice(E,A);return(0,$.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[S!==b&&(0,$.jsx)("div",{style:{position:"absolute",left:i+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:(0,$.jsx)(M,{})}),(0,$.jsx)("div",{className:"wht-hide-scrollbar",style:{display:"flex",gap:C+"px",width:o*n*(0,m.fHt)(s)+"px",justifyContent:h.length>b?"flex-start":"center",overflow:"auto"},children:I.map(((e,t)=>{const o=`whatmore-event-tile-landscape-${e.index}${t===b-1?"-last":""}`,r=t===l;return(0,$.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===d?"next":"prev"),onMouseEnter:()=>(e=>{const t=p()((()=>a(e)),300);return t(),t.cancel})(t),onMouseLeave:O,children:(0,$.jsx)(N,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{y(e)})(e)})},o)}))}),S<h.length&&(0,$.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:(0,$.jsx)(P,{})})]})}var A=function(e){const[t,o,s]=(0,d.A)(),[c]=(0,f.QN)("whatmoreShopId"),[u]=(0,f.QN)("whatmorePrimaryColor"),[p]=(0,f.QN)("whatmoreSecondaryColor"),[h]=(0,f.QN)("whatmoreTitleFont"),x="portrait"==t?(0,f.Xd)("whatmoreTitleFontSizePortrait"):(0,f.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(v.B),w=((0,f.Xd)("isInDesignMode"),(0,f.Xd)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:b}=(0,r.useContext)(v.B),S=e.events,j=e.onClick,C=h;function P(e){j(e)}return(0,r.useEffect)((()=>{(0,O.Fk)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.Sn.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete l.Ay.styles.global,(0,$.jsx)(a.C,{value:k,children:(0,$.jsx)("div",{className:"whatmore-carousel-events",children:(0,$.jsx)(n.s,{theme:l.Ay,cssVarsRoot:g,resetCSS:!1,children:(0,$.jsxs)(y.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||b?(0,$.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"62636458233"==c?"flex-start":"center"},children:(0,$.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",x+"px","important"))},style:{color:u,backgroundClip:"text",textAlign:"center",fontWeight:(0,m.Odx)(c),lineHeight:(0,m.L0y)(c),letterSpacing:(0,m.l3V)(c)},children:b?"W"!==w?w:"":e.heading})}):(0,$.jsx)($.Fragment,{}),"landscape"===t?(0,$.jsx)(E,{events:S,onClick:P}):(0,$.jsx)(_,{events:S,onClick:P})]})})})})}},7509:function(e,t,o){o.d(t,{h:function(){return r}});const r=(0,o(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7136:function(e,t,o){var r=o(9950),n=o(932),i=o(7509),l=o(5830),a=o(4414);t.A=function(e){var[t,o]=(0,n.A)();(0,r.useContext)(i.h);const s=(0,l.Xd)("whatmoreShopId");return e.event,(0,a.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==s?void 0:o,aspectRatio:"8968077397"==s?9/16:void 0,height:"8968077397"==s?"100%":t,overflow:"hidden"}})}},8283:function(e,t,o){o.d(t,{AH:function(){return d},i7:function(){return u},mL:function(){return c}});var r=o(572),n=o(9950),i=o(1783),l=o(6477),a=o(9015),s=(o(8603),o(3876),function(e,t){var o=arguments;if(null==t||!r.h.call(t,"css"))return n.createElement.apply(void 0,o);var i=o.length,l=new Array(i);l[0]=r.E,l[1]=(0,r.c)(e,t);for(var a=2;a<i;a++)l[a]=o[a];return n.createElement.apply(null,l)});!function(e){var t;t||(t=e.JSX||(e.JSX={}))}(s||(s={}));var c=(0,r.w)((function(e,t){var o=e.styles,s=(0,a.J)([o],void 0,n.useContext(r.T)),c=n.useRef();return(0,l.i)((function(){var e=t.key+"-global",o=new t.sheet.constructor({key:e,nonce:t.sheet.nonce,container:t.sheet.container,speedy:t.sheet.isSpeedy}),r=!1,n=document.querySelector('style[data-emotion="'+e+" "+s.name+'"]');return t.sheet.tags.length&&(o.before=t.sheet.tags[0]),null!==n&&(r=!0,n.setAttribute("data-emotion",e),o.hydrate([n])),c.current=[o,r],function(){o.flush()}}),[t]),(0,l.i)((function(){var e=c.current,o=e[0];if(e[1])e[1]=!1;else{if(void 0!==s.next&&(0,i.sk)(t,s.next,!0),o.tags.length){var r=o.tags[o.tags.length-1].nextElementSibling;o.before=r,o.flush()}t.insert("",s,o,!1)}}),[t,s.name]),null}));function d(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return(0,a.J)(t)}function u(){var e=d.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},3876:function(e,t,o){var r=o(6429),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},l={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},a={};function s(e){return r.isMemo(e)?l:a[e.$$typeof]||n}a[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a[r.Memo]=l;var c=Object.defineProperty,d=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,y=Object.prototype;e.exports=function e(t,o,r){if("string"!==typeof o){if(y){var n=f(o);n&&n!==y&&e(t,n,r)}var l=d(o);u&&(l=l.concat(u(o)));for(var a=s(t),h=s(o),m=0;m<l.length;++m){var v=l[m];if(!i[v]&&(!r||!r[v])&&(!h||!h[v])&&(!a||!a[v])){var x=p(o,v);try{c(t,v,x)}catch(g){}}}}return t}},8577:function(e,t){var o="function"===typeof Symbol&&Symbol.for,r=o?Symbol.for("react.element"):60103,n=o?Symbol.for("react.portal"):60106,i=o?Symbol.for("react.fragment"):60107,l=o?Symbol.for("react.strict_mode"):60108,a=o?Symbol.for("react.profiler"):60114,s=o?Symbol.for("react.provider"):60109,c=o?Symbol.for("react.context"):60110,d=o?Symbol.for("react.async_mode"):60111,u=o?Symbol.for("react.concurrent_mode"):60111,p=o?Symbol.for("react.forward_ref"):60112,f=o?Symbol.for("react.suspense"):60113,y=o?Symbol.for("react.suspense_list"):60120,h=o?Symbol.for("react.memo"):60115,m=o?Symbol.for("react.lazy"):60116,v=o?Symbol.for("react.block"):60121,x=o?Symbol.for("react.fundamental"):60117,g=o?Symbol.for("react.responder"):60118,w=o?Symbol.for("react.scope"):60119;function b(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case d:case u:case i:case a:case l:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case m:case h:case s:return e;default:return t}}case n:return t}}}function S(e){return b(e)===u}t.AsyncMode=d,t.ConcurrentMode=u,t.ContextConsumer=c,t.ContextProvider=s,t.Element=r,t.ForwardRef=p,t.Fragment=i,t.Lazy=m,t.Memo=h,t.Portal=n,t.Profiler=a,t.StrictMode=l,t.Suspense=f,t.isAsyncMode=function(e){return S(e)||b(e)===d},t.isConcurrentMode=S,t.isContextConsumer=function(e){return b(e)===c},t.isContextProvider=function(e){return b(e)===s},t.isElement=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return b(e)===p},t.isFragment=function(e){return b(e)===i},t.isLazy=function(e){return b(e)===m},t.isMemo=function(e){return b(e)===h},t.isPortal=function(e){return b(e)===n},t.isProfiler=function(e){return b(e)===a},t.isStrictMode=function(e){return b(e)===l},t.isSuspense=function(e){return b(e)===f},t.isValidElementType=function(e){return"string"===typeof e||"function"===typeof e||e===i||e===u||e===a||e===l||e===f||e===y||"object"===typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===h||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===x||e.$$typeof===g||e.$$typeof===w||e.$$typeof===v)},t.typeOf=b},6429:function(e,t,o){e.exports=o(8577)},4826:function(){},7229:function(){},4669:function(){}}]);

package/static/js/carousel-template-feed.6bac61c5.chunk.js

@@ -0,0 +1,15 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[933],{6989:function(t,e,n){n.r(e),n.d(e,{default:function(){return O}});var i=n(9950),r=n(3852),o=n(340),a=n(5089),s=(n(3997),n(9733),n(4365),n(572)),l=n(8603),d=n(6086),c=n(3731),h=n(7300),m=n(5830),u=n(7509),p=n(1348),f=n(4737),x=n(1422),g=n(932),v=n(6649),y=n(4414);function w(t){var e;const[n,i,r]=(0,v.A)({triggerOnce:!1}),o=null!==(e=t.defaultHeight)&&void 0!==e?e:"fit-content";return(0,y.jsx)(x.B,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:i?t.data.map(((e,n)=>(0,y.jsx)("div",{children:t.renderElement({eventData:e})},"key"+n))):(0,y.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function j(t){var e;const[n,i,r]=(0,g.A)(),o=null!==(e=t.elementsPerRow)&&void 0!==e?e:Math.floor(Math.min(r,t.dataList.length)),a=function(t,e){var n=[];const i=e;for(let r=0;r<t.length;r+=i){const e=t.slice(r,r+i);n.push(e)}return n}(t.dataList,o);return(0,y.jsx)(x.B,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:a.map(((e,r)=>(0,y.jsx)(w,{renderElement:t.renderElement,data:e,defaultHeight:n,defaultWidth:i},"key-"+r)))})}var b=n(2039),C=(n(5620),n(4826),n(9879)),A=n(3590),I=n(8538),M=n(6594),T=n(8149);var S=function(t){var e,n,r,o,a,s,[l,d]=(0,g.A)();const[c,h]=(0,i.useState)(0),[u,f]=(0,i.useState)(t.event),[x]=(0,m.QN)("whatmoreShopId"),v=(0,m.QN)("whatmoreUITheme"),[w]=(0,m.QN)("whatmorePrimaryFont"),j=u.products.length,[b,C]=(0,i.useState)(),[A,S]=(0,i.useState)(!1);if(0==j)return(0,y.jsx)(y.Fragment,{});(0,i.useEffect)((()=>{const t=setInterval((()=>{h((t=>(t+1)%j))}),3e3);return()=>{clearInterval(t)}}),[]),(0,i.useEffect)((()=>{(0,p.w4b)(x)&&(0,M.fu)(u,(0,p.NCy)(x),x).then((t=>{f(t),S(!0)}));(async()=>{var t;const e=await(0,T.M)(null===u||void 0===u||null===(t=u.products)||void 0===t?void 0:t[0],(0,p.NCy)(x),x);C(e),S(!0)})()}),[]);const P=.08*d+"px",F=.075*d+"px",k=(+u.products[c].price).toFixed(),E=(+u.products[c].compare_price).toFixed();return(0,y.jsxs)("div",{style:{background:(0,p.ivR)(x),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"round"==v?"0 0 12px 12px":"0"},children:[(0,y.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",P,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",w,"important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,I.v)(u.products[c].title)}),(0,y.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[A&&(0,y.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("font-family",w,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,M.Sb)(parseFloat(null!==(e=null===b||void 0===b?void 0:b.price)&&void 0!==e?e:null===u||void 0===u||null===(n=u.products)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.price)," ",x,u.products[c].currency)}),!isNaN(E)&&E>k&&A&&(0,y.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#808191","important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("font-family",w,"important"),t.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,M.Sb)(parseFloat(null!==(o=null===b||void 0===b?void 0:b.compare_at_price)&&void 0!==o?o:null===u||void 0===u||null===(a=u.products)||void 0===a||null===(s=a[0])||void 0===s?void 0:s.compare_price)," ",x,u.products[c].currency)})]})]})},P=n(6613);function F(t){const[e,n]=(0,g.A)(),[i]=(0,m.QN)("whatmoreShowViews"),r=t.event;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===i?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(A.A,{event:r,fontSize:.07*n+"px"})})}):(0,y.jsx)(y.Fragment,{})})})})})}var k=function(t){var e,n,r;const[o,a]=(0,g.A)();var s=(0,i.useContext)(u.h);const l=(0,m.Xd)("whatmoreUITheme"),d=(0,m.Xd)("whatmoreSecondaryColor"),c=(0,m.Xd)("whatmoreShopId"),h=t.event,f=t.onClick,x=null===(e=t.isOnFocus)||void 0===e||e,w=null!==(n=t.playOnUnfocus)&&void 0!==n&&n,j=null!==(r=t.animateOnFocus&&(0,p.n5O)(c))&&void 0!==r&&r,[b,A,I]=(0,v.A)({triggerOnce:!0});return(0,y.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",s.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",s.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:a,height:o,borderRadius:"round"==l?"12px":"0px",borderWidth:(0,p.MRv)(c),borderColor:"white"==(0,p.Fwt)(c)?d:(0,p.Fwt)(c),overflow:"hidden",cursor:"pointer"},className:j?x?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{f(h)},children:[(0,y.jsx)(C.A,{height:"100%",width:"100%",url:h.thumbnail_image,isPlaying:x||w||(0,P.At)(),event:h}),(0,y.jsxs)("div",{style:{width:a,height:o},ref:b,children:[(0,y.jsx)(F,{event:h,isOnFocus:x}),(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",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",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:"    "})}),(0,y.jsx)("div",{style:{width:"100%"},children:A&&(0,p.imx)(c)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(S,{event:h})}):(0,y.jsx)("div",{height:"20px"})})]})})]})]})};const E=(0,l.A)({key:"whatmore-css-hv"});var O=function(t){var e;const[n,l,x]=(0,h.A)(),[v,w,C]=(0,g.A)(),[A]=(0,m.QN)("whatmoreShopId"),[I]=(0,m.QN)("whatmorePrimaryColor"),[M]=(0,m.QN)("whatmoreTitleFont"),T="portrait"==n?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:S}=(0,i.useContext)(f.B),P=t.events,F=t.onClick,O=null!==(e=(0,p.sa6)(A))&&void 0!==e?e:M;function N(t){F(t)}const z=parseInt(Math.floor(C));return delete a.Ay.styles.global,(0,y.jsx)(s.C,{value:E,children:(0,y.jsx)("div",{className:"whatmore-carousel-events-feed",children:(0,y.jsx)(o.s,{theme:a.Ay,cssVarsRoot:S,resetCSS:!1,children:(0,y.jsxs)(u.h.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[t.heading.trim().length>0?(0,y.jsx)(d.o,{paddingBottom:"28px",children:(0,y.jsx)(c.E,{bgColor:I,bgClip:"text",fontSize:T,sx:{fontFamily:O+" !important"},align:"center",children:t.heading})}):(0,y.jsx)(y.Fragment,{}),"landscape"===n?(0,y.jsx)(j,{renderElement:t=>{const e=t.eventData;return(0,y.jsx)("div",{style:{margin:"10px"},children:(0,b.ij)(e)||(0,b.Il)(e)?(0,y.jsx)(k,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{N(e)}}):(0,y.jsx)(r.A,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{N(e)}})})},dataList:P,elementsPerRow:z}):(0,y.jsx)(j,{renderElement:t=>{const e=t.eventData;return(0,y.jsx)("div",{style:{margin:"10px"},children:(0,y.jsx)(k,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{N(e)}})})},dataList:P,elementsPerRow:z})]})})})})}},3852:function(t,e,n){n.d(e,{A:function(){return y}});var i=n(3247),r=n(1422),o=n(3731),a=n(211),s=n(9950),l=n(932),d=n(5242),c=n(8781),h=n(8283);const m=h.i7`
+    0% {
+        transform: scale(1);
+    }
+    100% {
+        transform: scale(1.05);
+    }
+`,u=h.i7`
+    0% {
+        transform: scale(1.05);
+    }
+    100% {
+        transform: scale(1);
+    }
+`,p=`\n    ${m}; \n    infinite;\n    animation-duration:0.2s; \n    animation-direction: linear ;\n    animation-timing-function: ease-in;\n    animation-fill-mode: forwards;\n`,f=`\n    ${u}; \n    infinite;\n    animation-duration:0.2s; \n    animation-direction: linear ;\n    animation-timing-function: ease-in;\n    animation-fill-mode: forwards;\n`;var x=n(5830),g=n(7509),v=n(4414);var y=function(t){var e,n,[h,m]=(0,l.A)();const[u]=(0,x.QN)("whatmorePrimaryFont");var y=(0,s.useContext)(g.h);const w=t.event,j=t.onClick,b=null===(e=t.isOnFocus)||void 0===e||e,C=(t.playOnUnfocus,null!==(n=t.animateOnFocus)&&void 0!==n&&n);return(0,v.jsxs)(i.az,{animation:C?b?p:f:"none",marginTop:y.tileTopMargin,marginBottom:y.tileBottomMMargin,marginLeft:y.tileLeftMargin,marginRight:y.tileRightMargin,width:m,height:h,borderRadius:"lg",sx:{boxShadow:"0px 0px 10px 3px #B0B0B0"},overflow:"hidden",onClick:()=>{j(w)},cursor:"pointer",children:[(0,v.jsx)(a._,{width:"full",height:"full",src:w.thumbnail_image,objectFit:"cover",fallback:(0,v.jsx)(c.A,{width:m,height:h}),borderRadius:"lg"}),(0,v.jsx)(i.az,{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden"},width:"full",height:"full",borderRadius:"lg",overflow:"hidden",className:"whatmore-ios-css-relative-fix",children:(0,v.jsxs)(r.B,{direction:"column",height:"full",width:"full",justifyContent:"space-between",children:[(0,v.jsx)(i.az,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-t, transparent,  blackAlpha.200, blackAlpha.400, blackAlpha.600)",children:(0,v.jsx)(r.B,{direction:"column",justifyContent:"flex-start",children:(0,v.jsx)(i.az,{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px",children:(0,v.jsx)(r.B,{direction:"row",justifyContent:"space-between",children:(0,v.jsx)(d.A,{event:w,fontSize:.05*h+"px",maxWidth:.8*m})})})})}),(0,v.jsx)(i.az,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-b, transparent,  blackAlpha.300, blackAlpha.400, blackAlpha.500, blackAlpha.600)",children:(0,v.jsx)(r.B,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",alignContent:"center",children:(0,v.jsx)(i.az,{width:"full",borderRadius:"lg",children:(0,v.jsxs)(r.B,{direction:"column",justifyContent:"space-between",alignContent:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px",children:[(0,v.jsx)(o.E,{color:"white",fontSize:.08*m+"px",fontWeight:"normal",align:"left",children:"         "}),(0,v.jsx)(o.E,{fontSize:.08*m+"px",fontWeight:"normal",align:"left",sx:{fontFamily:u+" !important",color:"white !important"},children:w.title.substring(0,40)}),(0,v.jsx)(o.E,{fontSize:.08*m+"px",fontWeight:"bold",align:"left",sx:{fontFamily:u+" !important",color:"white !important"},children:w.presenter_name.substring(0,15)})]})})})})]})})]})}},5242:function(t,e,n){var i=n(3247),r=n(1422),o=n(3731),a=n(7239),s=n(5388),l=n(4414);e.A=function(t){var e,n=t.event,d=t.fontSize,c=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:h,bannerText:m,timeToStartInMins:u}=a.A.getEventStatus(n);return h.name===s.A.LIVE.name?(0,l.jsx)(i.az,{maxWidth:c,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:h.color,children:(0,l.jsx)(r.B,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,l.jsx)(o.E,{fontSize:d,fontWeight:"bold",color:"white",children:m})})}):(0,l.jsx)(i.az,{maxWidth:c,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:h.color,children:(0,l.jsx)(r.B,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,l.jsx)(o.E,{fontSize:d,fontWeight:"medium",children:m})})})}},5388:function(t,e){e.A={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},7239:function(t,e,n){var i=n(5388);e.A=class{static getEventStatus(t){t.time_zone="GMT+5:30";var e=t.start_time+":00",n=t.end_time,r=t.scheduled_date,o=t.status,a=t.time_zone;if(o.toUpperCase()==i.A.LIVE.name)return{status:i.A.LIVE,bannerText:" "+i.A.LIVE.name+" ",timeToStartInMins:0};if(o.toUpperCase()==i.A.UPCOMING.name){var s=new Date(r+" "+e+" "+a),l=(new Date(r+" "+n+" "+a),function(t){var e=new Date,n=(t.getTime()-e.getTime())/1e3,r=n/60,o=r/60,a=o/24;return n<=0?{status:i.A.COMPLETED,bannerText:" "+i.A.COMPLETED.name+" ",timeToStartInMins:0}:n>=1&&n<=30?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(n)+" sec ",timeToStartInMins:n/60}:r<60?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(r)+" min ",timeToStartInMins:r}:o<24?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(o)+" hr ",timeToStartInMins:60*o}:a<7?{status:i.A.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][t.getDay()]+" ",timeToStartInMins:60*a*24}:{status:i.A.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(s));return{status:l.status,bannerText:l.bannerText,timeToStartInMins:l.timeToStartInMins}}return console.error("invalid status for event :: id : "+t.event_id+", status : "+t.status),{status:i.A.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}}}]);

package/static/js/carousel-template-g.58121a79.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[676],{3369:function(e,t,i){i.r(t),i.d(t,{default:function(){return W}});var o=i(9950),n=i(340),r=i(5089),l=i(5873),s=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(572)),a=i(8603),d=i(9946),c=i(9094),p=i(932),h=i(7300),u=i(5491),m=i.n(u),x=i(5830),v=i(7509),y=i(7136),f=i(1348),g=i(4737),w=i(1351),b=i(6157),j=i(6641),P=(i(4826),i(9879)),S=i(4616),C=i(6649),k=i(6613),I=i(1131),A=i(4414);function F(e){const[t]=(0,x.QN)("whatmoreShopId"),[i,o,n]=(0,C.A)({triggerOnce:!0}),r=e.event,l=(0,k.At)()?e.isOnFocus:o;return(0,A.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,A.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,A.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,A.jsx)("p",{children:"    "})}),(0,A.jsx)("div",{ref:i,children:l&&(0,f.imx)(t)?(0,A.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,A.jsx)(S.A,{event:r})}):(0,A.jsx)("div",{height:"20px"})})]})})}var O=function(e){var t,i,n,r,l;const[s,a,d,c,h]=(0,p.A)();var u=(0,o.useContext)(v.h);const m=(0,x.Xd)("whatmoreUITheme"),y=(0,x.Xd)("whatmoreShopId"),g=(0,x.Xd)("whatmorePrimaryFont"),w=(0,x.Xd)("whatmoreSecondaryColor"),b=e.event,j=e.onClick,S=null===(t=e.isOnFocus)||void 0===t||t,C=null!==(i=e.playOnUnfocus)&&void 0!==i&&i,k=null!==(n=e.animateOnFocus&&(0,f.n5O)(y))&&void 0!==n&&n,O=(0,f.VYo)(y);return(0,A.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",u.tileTopMargin+"px"),e.style.setProperty("margin-bottom",u.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==y||"19501891"==y?void 0:a,aspectRatio:"8968077397"==y||"19501891"==y?9/16:void 0,height:"8968077397"==y||"19501891"==y?"100%":s,borderRadius:"round"==m?"5px":"0px",boxShadow:"round"==m||"61187850326"==y||"19501891"==y?O:null,borderWidth:(0,f.YcK)(y),borderColor:(0,f.Fwt)(y),overflow:"hidden",cursor:"pointer",position:"relative"},className:k?S?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{var e,t;"12326200"==y&&"image"==b.event_type?window.location.href=null===(e=b.products)||void 0===e||null===(t=e[0])||void 0===t?void 0:t.product_link:j(b)},children:[(0,A.jsx)(P.A,{height:(0,f.u06)(y)+" !important",width:"100%",url:b.thumbnail_image,isPlaying:S||C,event:b}),""!==(null===b||void 0===b?void 0:b.title)?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:"wht-overlay-text",style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis"},children:(0,A.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"1px",alignItems:"center"},children:[(0,A.jsx)("p",{style:{fontFamily:g,fontSize:.1*a+"px",fontWeight:"600"},children:"12326200"==y?null===b||void 0===b||null===(r=b.title)||void 0===r?void 0:r.slice(7):null===b||void 0===b?void 0:b.title}),"12326200"==y&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("p",{style:{fontFamily:'"brandon-grotesque"',fontSize:.08*a+"px",fontWeight:"normal"},children:null===b||void 0===b||null===(l=b.title)||void 0===l?void 0:l.slice(0,7)}),(0,A.jsx)("button",{style:{display:"flex",alignItems:"center",borderRadius:"200px",marginTop:"4px",backgroundColor:w,padding:"8px 28px"},children:(0,A.jsx)("p",{style:{fontFamily:'"brandon-grotesque"',fontSize:.05*a+"px",fontWeight:"normal"},children:"SHOP NOW"})})]})]})}),(0,A.jsx)("div",{className:"wht-shopping-icon",style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,A.jsx)(I.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,f.Q$)(y)&&(0,A.jsxs)("div",{style:{width:a,height:s},children:[(0,A.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix"}),(0,A.jsx)(F,{event:b,unfocusedDisplay:!S,isOnFocus:S})]})]})};const M=(0,a.A)({key:"whatmore-css-hv"});function N(e){const[t,i,n]=(0,p.A)(),r=(0,x.Xd)("whatmoreShopId"),l=e.events,s=e.onClick,a=n*(0,f.kcl)(r),c=(0,f.cbh)(r),[h,u]=(0,o.useState)(c?l.length:a),{whatmoreWidgetSourceDetails:m}=(0,o.useContext)(g.B);return(0,o.useEffect)((()=>{h<=a&&u((e=>e+a))}),[a]),(0,A.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,A.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,A.jsx)(d.RC,{slidesPerView:2,initialSlide:0,centeredSlides:!1,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:1,onSlideChange:e=>{(0,w.UM)({userInteractionType:b.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m}),e.realIndex>e.previousIndex&&u((e=>e+a))},loop:c,children:l.map(((e,t)=>t<=h&&(0,A.jsx)(d.qr,{children:t=>{let{isActive:i,isPrev:o,isNext:n,isVisible:r}=t;return o||n||i?(0,A.jsx)(O,{isOnFocus:r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,A.jsx)(y.A,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function R(e){const[t,i,n,r]=(0,p.A)(),[l,s]=(0,o.useState)(-1),a=(0,x.Xd)("whatmoreShopId"),[h]=(0,x.QN)("whatmoreLandingLocationType"),u=e.onClick,v=e.events,j=(0,f.cbh)(a),[P,S]=(0,o.useState)(j?v.length:n),C=Math.min(n,v.length),{whatmoreWidgetSourceDetails:k}=(0,o.useContext)(g.B),I=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if(I.current){const e=i*C*(0,f.fHt)(a)+"px";v.length<4?I.current.style.setProperty("width",e,"important"):I.current.style.width=e}}),[i,C,a,P,v.length]),(0,o.useEffect)((()=>{P<=n&&S((e=>e+n))}),[n]),(0,A.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,A.jsx)("div",{ref:I,style:{height:"100%"},children:(0,A.jsx)(d.RC,{slidesPerView:"product"===h&&"87174349065"===a?2:C,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:parseInt(C),onSlideChange:e=>{(0,w.UM)({userInteractionType:b.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:k}),e.realIndex>e.previousIndex&&S((e=>e+n))},spaceBetween:0,loop:j&&v.length>4,style:{height:"100%"},children:v.map(((e,t)=>{const i=m()((()=>s(t)),300);return t<=P&&(0,A.jsx)(d.qr,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},style:{height:"100%"},children:i=>{let{isActive:o,isPrev:n,isNext:r,isVisible:s}=i;return s||n||r?(0,A.jsx)(O,{isOnFocus:t==l,playOnUnfocus:!(0,f.aO7)(a)||t==parseInt(C/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,A.jsx)(y.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var W=function(e){const[t,i,a]=(0,h.A)(),[d]=(0,x.QN)("whatmoreShopId"),[c]=(0,x.QN)("whatmorePrimaryColor"),[p]=(0,x.QN)("whatmoreTitleFont"),u="portrait"==t?(0,x.Xd)("whatmoreTitleFontSizePortrait"):(0,x.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:m}=(0,o.useContext)(g.B),y=(0,x.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,o.useContext)(g.B),b=e.events,P=e.onClick,S=p;function C(e){P(e)}return(0,o.useEffect)((()=>{(0,j.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.Sn.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-g"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-g"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,A.jsx)(s.C,{value:M,children:(0,A.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,A.jsx)(n.s,{theme:r.Ay,cssVarsRoot:m,resetCSS:!1,children:(0,A.jsxs)(v.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,A.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,A.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",S),e.style.setProperty("font-size",u+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.Odx)(d),lineHeight:(0,f.L0y)(d),letterSpacing:(0,f.l3V)(d)},children:w?"W"!==y?y:"":e.heading})}):(0,A.jsx)(A.Fragment,{}),"landscape"===t?(0,A.jsx)(R,{events:b,onClick:C}):(0,A.jsx)(N,{events:b,onClick:C})]})})})})}},7509:function(e,t,i){i.d(t,{h:function(){return o}});const o=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8538:function(e,t,i){i.d(t,{v:function(){return n}});var o=i(5830);function n(e,t){const i=(0,o.Xd)("whatmoreShopId");return"undefined"==typeof e||"undefined"==e||null==e?"":"6873415750"==i||"72442478904"==i||"58562281529"==i?e:"66168324332"==i&&"prod-tile"!=t?null===e||void 0===e||null===(n=e.split("- "))||void 0===n?void 0:n[0]:e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()}));var n}},7136:function(e,t,i){var o=i(9950),n=i(932),r=i(7509),l=i(5830),s=i(4414);t.A=function(e){var[t,i]=(0,n.A)();(0,o.useContext)(r.h);const a=(0,l.Xd)("whatmoreShopId");return e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":t,overflow:"hidden"}})}},4616:function(e,t,i){var o=i(9950),n=i(5830),r=i(932),l=i(8538),s=(i(4826),i(1348)),a=i(7973),d=i(4414);t.A=function(e){var t,i,c,p,[h,u]=(0,r.A)();const m=(0,n.Xd)("whatmoreUITheme"),[x]=(0,n.QN)("whatmorePrimaryFont"),[v,y]=(0,o.useState)(0),f=(0,n.Xd)("whatmoreShopId"),g=e.event;if(0==g.products.length)return(0,d.jsx)(d.Fragment,{});const w=.3*u,b=w+"px",j=w+"px",P=.07*u,S=P+"px";return(0,d.jsx)("div",{style:{width:u+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,d.jsxs)("div",{ref:e=>{e&&e.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",j,"important")},style:{width:(0,s.H$k)(f)?b:"auto",boxShadow:"round"==m?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==m?"5px":"0px",borderWidth:(0,s.YcK)(f),borderColor:(0,s.Fwt)(f),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:e=>{e&&(e.style.setProperty("object-fit",(0,s.KZe)(f),"important"),e.style.setProperty("max-width",b,"important"))},src:(0,a.b)(g.products[v].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==m?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:u-5-w+"px",height:"100%",borderRadius:"round"==m?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",S,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",x,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"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:"normal"},children:(0,l.v)(g.products[v].title)})}),(0,s.gZ6)(f)&&(null===(t=g.products[v])||void 0===t||null===(i=t.product_metadata)||void 0===i?void 0:i.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:u-5-w+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==m?"3px":"0"},children:(0,d.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#000","important"),e.style.setProperty("maxWidth",u-5-w+"px","important"),e.style.setProperty("font-size",.7*P+"px","important"),e.style.setProperty("font-family",x,"important"),e.style.setProperty("font-weight","bold","important"),e.style.setProperty("text-overflow","ellipsis","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"))},children:null===(c=g.products[v])||void 0===c||null===(p=c.product_metadata)||void 0===p?void 0:p.product_type})})]})]},v)})}},7973:function(e,t,i){i.d(t,{B:function(){return l},b:function(){return r}});var o=i(1348),n=i(5830);function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,n.Xd)("whatmoreShopId");return"shopify"!=(0,o.NCy)(i)?"STRNV8MHJTF"==i?e+"?format=webp":e:e+t}function l(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,n=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(i)?"image":null!==n&&void 0!==n&&n.test(i)?"video":void 0}},1131:function(e,t,i){var o=i(4994);t.A=void 0;var n=o(i(9526)),r=i(4414);t.A=(0,n.default)([(0,r.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z",opacity:".3"},"0"),(0,r.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2m6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z"},"1")],"ShoppingBagTwoTone")},4826:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){}}]);

package/static/js/carousel-template-h.6e83509a.chunk.js

@@ -0,0 +1,2 @@
+/*! For license information please see carousel-template-h.6e83509a.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{7178:function(e,t,r){r.r(t);var o=r(9950),n=r(340),i=r(5089),l=r(5873),s=(r(3997),r(9130),r(4669),r(9733),r(4365),r(7229),r(6042),r(572)),a=r(8603),c=r(9946),u=r(9094),d=r(932),p=r(7300),f=r(5491),y=r.n(f),m=r(5830),h=r(7509),v=r(7136),x=r(1348),g=r(4737),w=r(1351),S=r(6157),b=r(6641),P=r(1957),j=r(4414);const C=(0,a.A)({key:"whatmore-css-hv"});function M(e){const[t,r,n]=(0,d.A)(),i=(0,m.Xd)("whatmoreShopId"),l=e.events,s=e.onClick,a=n*(0,x.kcl)(i),u=(0,x.cbh)(i),[p,f]=(0,o.useState)(u?l.length:a),{whatmoreWidgetSourceDetails:y}=(0,o.useContext)(g.B);return(0,o.useEffect)((()=>{p<=a&&f((e=>e+a))}),[a]),(0,j.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,j.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,j.jsx)(c.RC,{slidesPerView:l.length>1?a:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.UM)({userInteractionType:S.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:y}),e.realIndex>e.previousIndex&&f((e=>e+a))},loop:u,children:l.map(((e,t)=>t<=p&&(0,j.jsx)(c.qr,{children:t=>{let{isActive:r,isPrev:o,isNext:n,isVisible:i}=t;return o||n||r?(0,j.jsx)(P.A,{isOnFocus:r&&i,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,j.jsx)(v.A,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function O(e){const[t,r,n,i]=(0,d.A)(),[l,s]=(0,o.useState)(-1),a=(0,m.Xd)("whatmoreShopId"),p=e.onClick,f=e.events,h=(0,x.cbh)(a),[b,C]=(0,o.useState)(h?f.length:n),M=Math.min(n,f.length),{whatmoreWidgetSourceDetails:O}=(0,o.useContext)(g.B),$=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if($.current){const e=r*M*(0,x.fHt)(a)+"px";f.length<4?$.current.style.setProperty("width",e,"important"):$.current.style.width=e}}),[r,M,a,b,f.length]),(0,o.useEffect)((()=>{b<=n&&C((e=>e+n))}),[n]),(0,j.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:i+"px",paddingRight:i+"px"},className:"whatmore-events-carousel-landscape",children:(0,j.jsx)("div",{ref:$,style:{height:"100%"},children:(0,j.jsx)(c.RC,{slidesPerView:M,watchSlidesProgress:!0,modules:[u.Vx],navigation:!0,slidesPerGroup:parseInt(M),onSlideChange:e=>{(0,w.UM)({userInteractionType:S.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:O}),e.realIndex>e.previousIndex&&C((e=>e+n))},spaceBetween:0,loop:h&&f.length>4,style:{height:"100%"},children:f.map(((e,t)=>{const r=y()((()=>s(t)),300);return t<=b&&(0,j.jsx)(c.qr,{onMouseEnter:()=>{r()},onMouseLeave:()=>{r.cancel(),s(-1)},style:{height:"100%"},children:r=>{let{isActive:o,isPrev:n,isNext:i,isVisible:s}=r;return s||n||i?(0,j.jsx)(P.A,{isOnFocus:t==l,playOnUnfocus:!(0,x.aO7)(a)||t==parseInt(M/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{p(e)}}):(0,j.jsx)(v.A,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){const[t,r,a]=(0,p.A)(),[c]=(0,m.QN)("whatmoreShopId"),[u]=(0,m.QN)("whatmorePrimaryColor"),[d]=(0,m.QN)("whatmoreTitleFont"),f="portrait"==t?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:y}=(0,o.useContext)(g.B),v=(0,m.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,o.useContext)(g.B),S=e.events,P=e.onClick,$=d;function N(e){P(e)}return(0,o.useEffect)((()=>{(0,b.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.Sn.forEach((e=>{var t;const r=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-h"]');if(!r)return;r&&e&&(e.style.minHeight="0px")}))}),[]),delete i.Ay.styles.global,(0,j.jsx)(s.C,{value:C,children:(0,j.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,j.jsx)(n.s,{theme:i.Ay,cssVarsRoot:y,resetCSS:!1,children:(0,j.jsxs)(h.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,j.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,j.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",$,"important"),e.style.setProperty("font-size",f+"px","important"))},style:{color:u,backgroundClip:"text",textAlign:"center",fontWeight:(0,x.Odx)(c),lineHeight:(0,x.L0y)(c),letterSpacing:(0,x.l3V)(c)},children:w?"W"!==v?v:"":e.heading})}):(0,j.jsx)(j.Fragment,{}),"landscape"===t?(0,j.jsx)(O,{events:S,onClick:N}):(0,j.jsx)(M,{events:S,onClick:N})]})})})})}},7509:function(e,t,r){r.d(t,{h:function(){return o}});const o=(0,r(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},7136:function(e,t,r){var o=r(9950),n=r(932),i=r(7509),l=r(5830),s=r(4414);t.A=function(e){var[t,r]=(0,n.A)();(0,o.useContext)(i.h);const a=(0,l.Xd)("whatmoreShopId");return e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:r,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":t,overflow:"hidden"}})}},1957:function(e,t,r){var o=r(9950),n=r(932),i=(r(4826),r(5830)),l=r(9879),s=r(7509),a=r(22),c=r(1348),u=r(4737),d=r(6594),p=r(8538),f=r(8149),y=r(4414);t.A=function(e){var t,r,m,h,v,x,g,w,S,b,P,j,C,M,O,$,N,A,_;const[k,E,F,I,R]=(0,n.A)();var T=(0,o.useContext)(s.h);const D=(0,i.Xd)("whatmoreUITheme"),W=(0,i.Xd)("whatmoreShopId"),z=(0,i.Xd)("whatmorePrimaryFont"),B=(0,i.Xd)("whatmoreSecondaryColor"),X=e.onClick,H=null===(t=e.isOnFocus)||void 0===t||t,L=null!==(r=e.playOnUnfocus)&&void 0!==r&&r,V=null!==(m=e.animateOnFocus&&(0,c.n5O)(W))&&void 0!==m&&m,U="portrait"===R[a.dl],q=(U?1.076*E*(0,c.HWj)(W):E*(0,c.N_4)(W))+"px",G=(U?1.076*E*(0,c.HWj)(W):E*(0,c.N_4)(W))+"px",J=(U?.965*E*(0,c.HWj)(W):.859*E*(0,c.N_4)(W))+"px",K=(0,c.VYo)(W),{whatmoreIsPreviewMode:Q}=(0,o.useContext)(u.B),Y=.25*E,Z=Y+"px",[ee,te]=(0,o.useState)(e.event),[re,oe]=(0,o.useState)(),ne=Math.round(+(null===(h=ee.products)||void 0===h||null===(v=h[0])||void 0===v?void 0:v.price)),ie=Math.round(+(null===ee||void 0===ee||null===(x=ee.products[0])||void 0===x?void 0:x.compare_price)),le=ie&&0!=ie&&ie>ne?Math.round((ie-ne)/ie*100):NaN,[se,ae]=(0,o.useState)(le);return(0,o.useEffect)((()=>{(0,c.w4b)(W)&&(0,d.fu)(ee,(0,c.NCy)(W),W).then((e=>{var t,r,o;te(e);const n=Math.round(null===(t=e.products)||void 0===t||null===(r=t[0])||void 0===r?void 0:r.price),i=Math.round(null===e||void 0===e||null===(o=e.products[0])||void 0===o?void 0:o.compare_price),l=i&&0!=i&&i>n?Math.round((i-n)/i*100):NaN;ae(l)}));(async()=>{var e;const t=await(0,f.M)(null===ee||void 0===ee||null===(e=ee.products)||void 0===e?void 0:e[0],(0,c.NCy)(W),W);oe(t)})()}),[]),(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",T.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",T.tileBottomMMargin+"px","important"))},children:[(0,y.jsx)("div",{style:{margin:"0 auto",width:E,height:U&&H?"STR2FOC6KG9"==W||"STRDOIDF6O7"==W?k:1.1*k:k,borderRadius:"round"==D?"5px":"0px",boxShadow:"round"==D?K:null,borderWidth:(0,c.YcK)(W),borderColor:(0,c.Fwt)(W),overflow:"hidden",cursor:"pointer"},className:V?H?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{X(ee)},children:(0,y.jsx)(l.A,{height:(0,c.u06)(W)+" !important",width:"100%",url:ee.thumbnail_image,isPlaying:H||L,event:ee})}),"STRSJFOP1GI"!=W&&(0,y.jsxs)("div",{onClick:()=>{X(ee)},className:V?H?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{cursor:"pointer",display:"flex",gap:"6px",padding:"16px 12px"},children:[(Q?(0,c.Tr1)(W):(0,c.UmS)(W))&&(0,y.jsx)("div",{style:{maxWidth:Z,minWidth:null!==(g=ee.products)&&void 0!==g&&null!==(w=g[0])&&void 0!==w&&w.thumbnail_image?Z:"0",overflow:"hidden"},children:(0,y.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,c.KZe)(W),"important")},src:null===(S=ee.products)||void 0===S||null===(b=S[0])||void 0===b?void 0:b.thumbnail_image})}),(0,y.jsxs)("div",{className:"wht-prod-info",style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c.m5c)(W),"important"),e.style.setProperty("font-size",q,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,p.v)(null===(P=ee.products[0])||void 0===P?void 0:P.title)}),(0,c.Nzx)(W)&&(0,y.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,c.vw2)(W)?"row":"row-reverse",justifyContent:(0,c.vw2)(W)?"flex-start":"flex-end"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c.m5c)(W),"important"),e.style.setProperty("font-size",G,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,c.i6j)(W)?"normal":"bold"},children:(0,d.Sb)(parseFloat(null!==(j=null===re||void 0===re?void 0:re.price)&&void 0!==j?j:null===ee||void 0===ee||null===(C=ee.products)||void 0===C||null===(M=C[0])||void 0===M?void 0:M.price)," ",W,null===(O=ee.products[0])||void 0===O?void 0:O.currency)}),!isNaN(ie)&&ie>ne&&(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c.gld)(W),"important"),e.style.setProperty("font-size",G,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,d.Sb)(parseFloat(null!==($=null===re||void 0===re?void 0:re.compare_at_price)&&void 0!==$?$:null===ee||void 0===ee||null===(N=ee.products)||void 0===N||null===(A=N[0])||void 0===A?void 0:A.compare_price)," ",W,null===(_=ee.products[0])||void 0===_?void 0:_.currency)})]}),(0,c.Nzx)(W)&&!isNaN(se)&&0!=se&&(0,y.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,c.ub$)(W)?"#343434"==B?(0,c.ub$)(W):B:(0,c.ub$)(W),alignItems:"center",borderRadius:(0,c.v8m)(W)+"px",width:"fit-content",padding:(0,c.Cf)(W)?"3px 6px":"0px"},children:(0,c.Cf)(W)?(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c.BRY)(W),"important"),e.style.setProperty("font-size",J,"important"),e.style.setProperty("font-family",z,"important"))},children:`${se}% Off`}):(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,c._zx)(W),"important"),e.style.setProperty("font-size",J,"important"),e.style.setProperty("font-family",(0,c.ogW)(W),"important"))},children:(0,c.rsz)(W)})})]})]})]})}},8283:function(e,t,r){r.d(t,{AH:function(){return u},i7:function(){return d},mL:function(){return c}});var o=r(572),n=r(9950),i=r(1783),l=r(6477),s=r(9015),a=(r(8603),r(3876),function(e,t){var r=arguments;if(null==t||!o.h.call(t,"css"))return n.createElement.apply(void 0,r);var i=r.length,l=new Array(i);l[0]=o.E,l[1]=(0,o.c)(e,t);for(var s=2;s<i;s++)l[s]=r[s];return n.createElement.apply(null,l)});!function(e){var t;t||(t=e.JSX||(e.JSX={}))}(a||(a={}));var c=(0,o.w)((function(e,t){var r=e.styles,a=(0,s.J)([r],void 0,n.useContext(o.T)),c=n.useRef();return(0,l.i)((function(){var e=t.key+"-global",r=new t.sheet.constructor({key:e,nonce:t.sheet.nonce,container:t.sheet.container,speedy:t.sheet.isSpeedy}),o=!1,n=document.querySelector('style[data-emotion="'+e+" "+a.name+'"]');return t.sheet.tags.length&&(r.before=t.sheet.tags[0]),null!==n&&(o=!0,n.setAttribute("data-emotion",e),r.hydrate([n])),c.current=[r,o],function(){r.flush()}}),[t]),(0,l.i)((function(){var e=c.current,r=e[0];if(e[1])e[1]=!1;else{if(void 0!==a.next&&(0,i.sk)(t,a.next,!0),r.tags.length){var o=r.tags[r.tags.length-1].nextElementSibling;r.before=o,r.flush()}t.insert("",a,r,!1)}}),[t,a.name]),null}));function u(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,s.J)(t)}function d(){var e=u.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},3876:function(e,t,r){var o=r(6429),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},l={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function a(e){return o.isMemo(e)?l:s[e.$$typeof]||n}s[o.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[o.Memo]=l;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,y=Object.prototype;e.exports=function e(t,r,o){if("string"!==typeof r){if(y){var n=f(r);n&&n!==y&&e(t,n,o)}var l=u(r);d&&(l=l.concat(d(r)));for(var s=a(t),m=a(r),h=0;h<l.length;++h){var v=l[h];if(!i[v]&&(!o||!o[v])&&(!m||!m[v])&&(!s||!s[v])){var x=p(r,v);try{c(t,v,x)}catch(g){}}}}return t}},8577:function(e,t){var r="function"===typeof Symbol&&Symbol.for,o=r?Symbol.for("react.element"):60103,n=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,l=r?Symbol.for("react.strict_mode"):60108,s=r?Symbol.for("react.profiler"):60114,a=r?Symbol.for("react.provider"):60109,c=r?Symbol.for("react.context"):60110,u=r?Symbol.for("react.async_mode"):60111,d=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,f=r?Symbol.for("react.suspense"):60113,y=r?Symbol.for("react.suspense_list"):60120,m=r?Symbol.for("react.memo"):60115,h=r?Symbol.for("react.lazy"):60116,v=r?Symbol.for("react.block"):60121,x=r?Symbol.for("react.fundamental"):60117,g=r?Symbol.for("react.responder"):60118,w=r?Symbol.for("react.scope"):60119;function S(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case o:switch(e=e.type){case u:case d:case i:case s:case l:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case a:return e;default:return t}}case n:return t}}}function b(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=a,t.Element=o,t.ForwardRef=p,t.Fragment=i,t.Lazy=h,t.Memo=m,t.Portal=n,t.Profiler=s,t.StrictMode=l,t.Suspense=f,t.isAsyncMode=function(e){return b(e)||S(e)===u},t.isConcurrentMode=b,t.isContextConsumer=function(e){return S(e)===c},t.isContextProvider=function(e){return S(e)===a},t.isElement=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===o},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===i},t.isLazy=function(e){return S(e)===h},t.isMemo=function(e){return S(e)===m},t.isPortal=function(e){return S(e)===n},t.isProfiler=function(e){return S(e)===s},t.isStrictMode=function(e){return S(e)===l},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"===typeof e||"function"===typeof e||e===i||e===d||e===s||e===l||e===f||e===y||"object"===typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===a||e.$$typeof===c||e.$$typeof===p||e.$$typeof===x||e.$$typeof===g||e.$$typeof===w||e.$$typeof===v)},t.typeOf=S},6429:function(e,t,r){e.exports=r(8577)},4826:function(){},7229:function(){},4669:function(){},6042:function(){},9130:function(){}}]);

package/static/js/carousel-template-view-more.6a1e1875.chunk.js

@@ -0,0 +1,45 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[116],{3852:function(t,n,e){e.d(n,{A:function(){return v}});var i=e(3247),r=e(1422),a=e(3731),o=e(211),s=e(9950),l=e(932),c=e(5242),d=e(8781),h=e(8283);const m=h.i7`
+    0% {
+        transform: scale(1);
+    }
+    100% {
+        transform: scale(1.05);
+    }
+`,u=h.i7`
+    0% {
+        transform: scale(1.05);
+    }
+    100% {
+        transform: scale(1);
+    }
+`,f=`\n    ${m}; \n    infinite;\n    animation-duration:0.2s; \n    animation-direction: linear ;\n    animation-timing-function: ease-in;\n    animation-fill-mode: forwards;\n`,g=`\n    ${u}; \n    infinite;\n    animation-duration:0.2s; \n    animation-direction: linear ;\n    animation-timing-function: ease-in;\n    animation-fill-mode: forwards;\n`;var x=e(5830),p=e(7509),j=e(4414);var v=function(t){var n,e,[h,m]=(0,l.A)();const[u]=(0,x.QN)("whatmorePrimaryFont");var v=(0,s.useContext)(p.h);const w=t.event,C=t.onClick,b=null===(n=t.isOnFocus)||void 0===n||n,y=(t.playOnUnfocus,null!==(e=t.animateOnFocus)&&void 0!==e&&e);return(0,j.jsxs)(i.az,{animation:y?b?f:g:"none",marginTop:v.tileTopMargin,marginBottom:v.tileBottomMMargin,marginLeft:v.tileLeftMargin,marginRight:v.tileRightMargin,width:m,height:h,borderRadius:"lg",sx:{boxShadow:"0px 0px 10px 3px #B0B0B0"},overflow:"hidden",onClick:()=>{C(w)},cursor:"pointer",children:[(0,j.jsx)(o._,{width:"full",height:"full",src:w.thumbnail_image,objectFit:"cover",fallback:(0,j.jsx)(d.A,{width:m,height:h}),borderRadius:"lg"}),(0,j.jsx)(i.az,{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden"},width:"full",height:"full",borderRadius:"lg",overflow:"hidden",className:"whatmore-ios-css-relative-fix",children:(0,j.jsxs)(r.B,{direction:"column",height:"full",width:"full",justifyContent:"space-between",children:[(0,j.jsx)(i.az,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-t, transparent,  blackAlpha.200, blackAlpha.400, blackAlpha.600)",children:(0,j.jsx)(r.B,{direction:"column",justifyContent:"flex-start",children:(0,j.jsx)(i.az,{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px",children:(0,j.jsx)(r.B,{direction:"row",justifyContent:"space-between",children:(0,j.jsx)(c.A,{event:w,fontSize:.05*h+"px",maxWidth:.8*m})})})})}),(0,j.jsx)(i.az,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-b, transparent,  blackAlpha.300, blackAlpha.400, blackAlpha.500, blackAlpha.600)",children:(0,j.jsx)(r.B,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",alignContent:"center",children:(0,j.jsx)(i.az,{width:"full",borderRadius:"lg",children:(0,j.jsxs)(r.B,{direction:"column",justifyContent:"space-between",alignContent:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px",children:[(0,j.jsx)(a.E,{color:"white",fontSize:.08*m+"px",fontWeight:"normal",align:"left",children:"         "}),(0,j.jsx)(a.E,{fontSize:.08*m+"px",fontWeight:"normal",align:"left",sx:{fontFamily:u+" !important",color:"white !important"},children:w.title.substring(0,40)}),(0,j.jsx)(a.E,{fontSize:.08*m+"px",fontWeight:"bold",align:"left",sx:{fontFamily:u+" !important",color:"white !important"},children:w.presenter_name.substring(0,15)})]})})})})]})})]})}},7144:function(t,n,e){e.r(n);var i=e(9950),r=e(3852),a=e(340),o=e(5089),s=e(8726),l=(e(3997),e(9733),e(4365),e(572)),c=e(8603),d=e(3247),h=e(3731),m=e(6086),u=e(1422),f=e(932),g=e(7300),x=e(5830),p=e(5144),j=e(7509),v=e(1348),w=e(4737),C=e(2039),b=e(5620),y=e(4414);const M=(0,c.A)({key:"whatmore-css-hv"});function S(t,n){var e=[];const i=n;for(let r=0;r<t.length;r+=i){const n=t.slice(r,r+i);e.push(n)}return e}function A(t){var n;const[e,r]=(0,i.useState)(!1),[a,o]=(0,i.useState)(!1),[l]=(0,x.QN)("whatmoreSecondaryColorShade600"),[c]=(0,x.QN)("whatmoreSecondaryColorShade300"),[m]=(0,x.QN)("whatmorePrimaryFont"),u=(n=t.baseFontSize,t.onClick);return(0,y.jsxs)(d.az,{display:"flex",alignItems:"center",width:"fit-content",height:"fit-content",boxShadow:"lg",borderRadius:"sm",backgroundColor:e?c:l,animation:a?p.jd:null,padding:"6px 10px",onClick:t=>{t.stopPropagation(),o(!0),u()},onMouseEnter:()=>{r(!0)},onMouseLeave:()=>{r(!1)},children:[(0,y.jsxs)(h.E,{fontSize:"12px",fontWeight:"normal",sx:{fontFamily:m+" !important",color:"white !important"},children:["\xa0","VIEW MORE"]}),(0,y.jsx)(s.A,{style:{color:"white",marginLeft:"2px"}})]})}function T(t){var n;const[e,a,o]=(0,f.A)();var[s,l]=(0,i.useState)(0);const c=t.events,h=t.onClick,g=null!==(n=t.seeMoreIncrement)&&void 0!==n?n:1,x=S(c,Math.floor(Math.min(o,c.length)));return(0,y.jsx)(m.o,{children:(0,y.jsxs)(u.B,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,y.jsx)(y.Fragment,{children:x.map(((t,n)=>n>s?(0,y.jsx)(y.Fragment,{}):(0,y.jsx)(u.B,{direction:"row",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:t.map(((t,n)=>(0,y.jsx)(d.az,{style:{margin:"10px"},children:(0,C.ij)(t)||(0,C.Il)(t)?(0,y.jsx)(b.A,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,y.jsx)(r.A,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{h(t)}})},"event-"+n)))},"event-stack-"+n)))}),(0,y.jsx)(y.Fragment,{children:s<x.length-1?(0,y.jsx)(u.B,{direction:"row",width:"100%",height:"fit-content",marginY:"10px !important",justifyContent:"center",alignContent:"center",children:(0,y.jsx)(A,{baseFontSize:.1*a,onClick:()=>{s>=x.length-1||l((t=>t+g))}})}):(0,y.jsx)(y.Fragment,{})})]})})}function I(t){var n;const[e,a,o,s]=(0,f.A)();var[l,c]=(0,i.useState)(0);const h=t.events,g=t.onClick,x=null!==(n=t.seeMoreIncrement)&&void 0!==n?n:1,p=S(h,Math.floor(Math.min(o,h.length)));return(0,y.jsx)(m.o,{paddingLeft:s+"px",paddingRight:s+"px",children:(0,y.jsxs)(u.B,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,y.jsx)(y.Fragment,{children:p.map(((t,n)=>n>l?(0,y.jsx)(y.Fragment,{}):(0,y.jsx)(u.B,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:t.map(((t,n)=>(0,y.jsx)(d.az,{style:{margin:"10px"},children:(0,C.ij)(t)||(0,C.Il)(t)?(0,y.jsx)(b.A,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{g(t)}}):(0,y.jsx)(r.A,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{g(t)}})},"event-"+n)))},"event-stack-"+n)))}),(0,y.jsx)(y.Fragment,{children:l<p.length-1?(0,y.jsx)(u.B,{direction:"row",width:"100%",height:"fit-content",marginY:"10px !important",justifyContent:"center",alignContent:"center",children:(0,y.jsx)(A,{baseFontSize:.1*a,onClick:()=>{l>=p.length-1||c((t=>t+x))}})}):(0,y.jsx)(y.Fragment,{})})]})})}n.default=function(t){var n;const[e,r,s]=(0,g.A)(),[c]=(0,x.QN)("whatmoreShopId"),[d]=(0,x.QN)("whatmorePrimaryColor"),[u]=(0,x.QN)("whatmoreSecondaryColor"),[f]=(0,x.QN)("whatmoreTitleFont"),p="portrait"==e?(0,x.Xd)("whatmoreTitleFontSizePortrait"):(0,x.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:C}=(0,i.useContext)(w.B),b=t.events,S=t.onClick,A=null!==(n=(0,v.sa6)(c))&&void 0!==n?n:f;function F(t){S(t)}return delete o.Ay.styles.global,(0,y.jsx)(l.C,{value:M,children:(0,y.jsx)("div",{className:"whatmore-carousel-events-view-more",children:(0,y.jsx)(a.s,{theme:o.Ay,cssVarsRoot:C,resetCSS:!1,children:(0,y.jsxs)(j.h.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[t.heading.trim().length>0?(0,y.jsx)(m.o,{children:(0,y.jsx)(h.E,{bgColor:d,bgClip:"text",fontSize:p,sx:{fontFamily:A+" !important"},align:"center",children:t.heading})}):(0,y.jsx)(y.Fragment,{}),"landscape"===e?(0,y.jsx)(I,{events:b,onClick:F,seeMoreIncrement:1}):(0,y.jsx)(T,{events:b,onClick:F,seeMoreIncrement:2})]})})})})}},5144:function(t,n,e){e.d(n,{jd:function(){return r}});var i=e(8283);const r=`\n    ${i.i7`
+    0% { transform: scale(1); }
+    50%, { transform: scale(0.95); }
+    100% { transform: scale(1); }
+`} 0.2s linear;\n`;i.i7`
+    100% { 
+        -webkit-transform: rotate(360deg); 
+        transform:rotate(360deg); 
+    }
+`,i.i7`
+    0% { 
+        opacity: 1;
+        transform: translateY(100%);
+    }
+    10%{
+        transform: translateY(0%);
+    }
+    12%{
+        transform: translateY(-5%);
+    }
+    20%{
+        transform: translateY(0%);
+    }
+    95%{
+        opacity: 1;
+        transform: scale(1);
+    }
+    100%{
+        opacity: 0;
+    }
+`},5242:function(t,n,e){var i=e(3247),r=e(1422),a=e(3731),o=e(7239),s=e(5388),l=e(4414);n.A=function(t){var n,e=t.event,c=t.fontSize,d=null!==(n=t.maxWidth)&&void 0!==n?n:"100%",{status:h,bannerText:m,timeToStartInMins:u}=o.A.getEventStatus(e);return h.name===s.A.LIVE.name?(0,l.jsx)(i.az,{maxWidth:d,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:h.color,children:(0,l.jsx)(r.B,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,l.jsx)(a.E,{fontSize:c,fontWeight:"bold",color:"white",children:m})})}):(0,l.jsx)(i.az,{maxWidth:d,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:h.color,children:(0,l.jsx)(r.B,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,l.jsx)(a.E,{fontSize:c,fontWeight:"medium",children:m})})})}},5388:function(t,n){n.A={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},7239:function(t,n,e){var i=e(5388);n.A=class{static getEventStatus(t){t.time_zone="GMT+5:30";var n=t.start_time+":00",e=t.end_time,r=t.scheduled_date,a=t.status,o=t.time_zone;if(a.toUpperCase()==i.A.LIVE.name)return{status:i.A.LIVE,bannerText:" "+i.A.LIVE.name+" ",timeToStartInMins:0};if(a.toUpperCase()==i.A.UPCOMING.name){var s=new Date(r+" "+n+" "+o),l=(new Date(r+" "+e+" "+o),function(t){var n=new Date,e=(t.getTime()-n.getTime())/1e3,r=e/60,a=r/60,o=a/24;return e<=0?{status:i.A.COMPLETED,bannerText:" "+i.A.COMPLETED.name+" ",timeToStartInMins:0}:e>=1&&e<=30?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(e)+" sec ",timeToStartInMins:e/60}:r<60?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(r)+" min ",timeToStartInMins:r}:a<24?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(a)+" hr ",timeToStartInMins:60*a}:o<7?{status:i.A.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][t.getDay()]+" ",timeToStartInMins:60*o*24}:{status:i.A.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(s));return{status:l.status,bannerText:l.bannerText,timeToStartInMins:l.timeToStartInMins}}return console.error("invalid status for event :: id : "+t.event_id+", status : "+t.status),{status:i.A.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},8538:function(t,n,e){e.d(n,{v:function(){return r}});var i=e(5830);function r(t,n){const e=(0,i.Xd)("whatmoreShopId");return"undefined"==typeof t||"undefined"==t||null==t?"":"6873415750"==e||"72442478904"==e||"58562281529"==e?t:"66168324332"==e&&"prod-tile"!=n?null===t||void 0===t||null===(r=t.split("- "))||void 0===r?void 0:r[0]:t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}));var r}},8726:function(t,n,e){var i=e(4994);n.A=void 0;var r=i(e(9526)),a=e(4414);n.A=(0,r.default)((0,a.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore")},3997:function(){}}]);

package/static/js/collections-template-a.722a5fec.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[423],{517:function(e,t,o){o.r(t);var r=o(9950),a=o(340),i=o(5089),l=(o(3997),o(9130),o(4669),o(9733),o(4365),o(7229),o(6042),o(572)),n=o(8603),s=o(7300),c=o(5830),d=o(7509),h=o(4737),m=o(2410),p=o(9611),u=o(8385),g=o(932),v=o(6641),w=o(5901),f=o(6649),x=o(1348),y=o(5873),C=o(4414);const k=(0,n.A)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o]=(0,s.A)(),[n,A]=(0,g.A)(),[S,j]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),M=(0,c.Xd)("whatmoreVideoTileSize"),R=(0,c.Xd)("whatmoreVideoTileSizePortrait"),b="portrait"===o?R:M,B="portrait"==o?0:(0,c.Xd)("whatmoreLandscapePadding"),E=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:P}=(0,r.useContext)(h.B),T=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:V}=(0,r.useContext)(h.B),X=e.onClick;function L(e){X(e)}(0,r.useEffect)((()=>{(0,v.Fk)("Video shopping powered by Whatmore!")}),[]),delete i.Ay.styles.global;var I=[];for(let r=0,a=!1;r<t.length;)a&&r!=t.length-1&&S[r]>.2?(I.push((0,C.jsx)(p.A,{mode:o,event1:t[r],event2:t[r+1],onClick:()=>{L(t[r-1])}},"collections-tile-"+r)),r+=2,a=!a):(I.push((0,C.jsx)(m.A,{mode:o,event:t[r],onClick:()=>{L(t[r-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+r)),r+=1,a=!a);(0,r.useEffect)((()=>{y.Sn.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[q,z,F]=(0,f.A)({triggerOnce:!1});return(0,C.jsx)(l.C,{value:k,children:(0,C.jsx)("div",{className:P?"whatmore-collection-events":"whatmore-carousel-events",children:(0,C.jsx)(a.s,{theme:i.Ay,cssVarsRoot:V,resetCSS:!1,children:(0,C.jsxs)(d.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,C.jsx)("div",{ref:q,style:{marginLeft:B+"px",marginRight:B+"px"},children:(0,C.jsx)(u.c,{renderElement:e=>(0,C.jsx)(C.Fragment,{children:e.eventData}),dataList:I,spacing:E,defaultHeight:n*b*.01+"px",defaultWidth:A*b*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.wQ2)(T)&&P&&!z&&-1==e.index&&(0,C.jsx)(w.A,{event:t[0],inVideoClick:L,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}}}]);

package/static/js/collections-template-b.44cba013.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[412],{7646:function(e,t,r){r.r(t);var a=r(9950),o=r(340),l=r(5089),i=(r(3997),r(9130),r(4669),r(9733),r(4365),r(7229),r(6042),r(572)),n=r(8603),s=r(7300),c=r(5830),d=r(7509),h=r(4737),m=r(5873),p=r(2410),u=r(9611),w=r(8385),g=r(932),v=r(6641),f=r(1348),x=r(5901),y=r(6649),C=r(4414);const S=(0,n.A)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[r]=(0,s.A)(),[n,k]=(0,a.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[A,j]=(0,g.A)(),b=(0,c.Xd)("whatmoreVideoTileSize"),B=(0,c.Xd)("whatmoreVideoTileSizePortrait"),M="portrait"===r?B:b,R="portrait"==r?0:(0,c.Xd)("whatmoreLandscapePadding"),E=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:P}=(0,a.useContext)(h.B),T=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:V}=(0,a.useContext)(h.B),X=e.onClick,[q,L,I]=(0,y.A)({triggerOnce:!1});function z(e){X(e)}delete l.Ay.styles.global;var F=[];for(let a=0,o=!1;a<t.length;)o&&a!=t.length-1&&n[a]>.2?(F.push((0,C.jsx)(u.A,{event1:t[a],event2:t[a+1],onClick:()=>{z(t[a-1])},removeBorders:!0},"collections-tile-"+a)),a+=2,o=!o):(F.push((0,C.jsx)(p.A,{mode:r,event:t[a],onClick:()=>{z(t[a-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+a)),a+=1,o=!o);return(0,a.useEffect)((()=>{(0,v.Fk)("Video shopping powered by Whatmore!")}),[]),(0,a.useEffect)((()=>{m.Sn.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,C.jsx)(i.C,{value:S,children:(0,C.jsx)("div",{className:P?"whatmore-collection-events":"whatmore-carousel-events",children:(0,C.jsx)(o.s,{theme:l.Ay,cssVarsRoot:V,resetCSS:!1,children:(0,C.jsxs)(d.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,C.jsx)("div",{ref:q,style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,C.jsx)(w.c,{renderElement:e=>(0,C.jsx)(C.Fragment,{children:e.eventData}),dataList:F,spacing:E,defaultHeight:A*M*.01+"px",defaultWidth:j*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.wQ2)(T)&&P&&!L&&-1==e.index&&(0,C.jsx)(x.A,{event:t[0],inVideoClick:z,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}}}]);

package/static/js/collections-template-c.575eb1ab.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[221],{5451:function(e,t,i){i.r(t);var o=i(9950),n=i(340),r=i(5089),l=i(5873),a=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(1131)),s=i(572),d=i(8603),p=i(7300),c=i(5830),h=i(7509),m=i(4737),x=i(2410),u=i(932),f=i(8385),y=i(6641),v=i(1348),w=i(5901),g=i(6649),b=i(4414);const j=(0,d.A)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i]=(0,p.A)(),[d,P]=(0,u.A)(),S=(0,c.Xd)("whatmoreShopId"),A=(0,c.Xd)("whatmoreVideoTileSize"),E=(0,c.Xd)("whatmoreVideoTileSizePortrait"),z="portrait"===i?E:A,k="portrait"==i?0:(0,c.Xd)("whatmoreLandscapePadding"),C=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),[L]=(0,c.Xd)("whatmorePrimaryColor"),{whatmoreRootId:R}=(0,o.useContext)(m.B),{whatmoreIsCollectionsTemplate:N}=(0,o.useContext)(m.B),F=e.events,X=e.onClick,V=(0,c.Xd)("whatmoreTitleFont"),T="portrait"==i?(0,c.Xd)("whatmoreTitleFontSizePortrait"):(0,c.Xd)("whatmoreTitleFontSize"),I=null!==(t=(0,v.sa6)(S))&&void 0!==t?t:V,Q=(0,c.Xd)("whatmorePrimaryFont");function D(e){X(e)}delete r.Ay.styles.global;const M=.055*P;var B=[];for(let o=0;o<F.length;){const e=F[o],t="STR1EXZ7ZRD"===S;B.push((0,b.jsxs)("div",{style:{position:"relative"},children:[(0,b.jsx)(x.A,{mode:i,event:e,onClick:()=>{D(F[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:M},"collections-tile-"+o),t&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("p",{ref:e=>{e&&(e.style.setProperty("position","absolute","important"),e.style.setProperty("bottom","4%","important"),e.style.setProperty("left","50%","important"),e.style.setProperty("transform","translateX(-50%)","important"),e.style.setProperty("color","white","important"),e.style.setProperty("padding","0.5rem 0rem 0rem 0.5rem","important"),e.style.setProperty("font-size",.9*M+"px","important"),e.style.setProperty("font-weight","600","important"),e.style.setProperty("width","90%","important"),e.style.setProperty("max-width","100%","important"),e.style.setProperty("word-wrap","break-word","important"),e.style.setProperty("text-shadow","2px 2px 4px rgba(0, 0, 0, 0.5)","important"),e.style.setProperty("font-family",Q,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:null===e||void 0===e?void 0:e.title}),(0,b.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,b.jsx)(a.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]})]})),o++}(0,o.useEffect)((()=>{(0,y.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.Sn.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[H,W,O]=(0,g.A)({triggerOnce:!1});return(0,b.jsx)(s.C,{value:j,children:(0,b.jsx)("div",{className:N?"whatmore-collection-events":"whatmore-carousel-events",children:(0,b.jsx)(n.s,{theme:r.Ay,cssVarsRoot:R,resetCSS:!1,children:(0,b.jsxs)(h.h.Provider,{value:{tileTopMargin:0,tileBottomMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!N&&(0,v.DLl)(S)?(0,b.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,b.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",I,"important"),e.style.setProperty("font-size",T+"px","important"))},style:{color:L,backgroundClip:"text",textAlign:"center",fontWeight:(0,v.Odx)(S),lineHeight:(0,v.L0y)(S),letterSpacing:(0,v.l3V)(S)},children:e.heading})}):(0,b.jsx)(b.Fragment,{}),(0,b.jsx)("div",{ref:H,style:{marginLeft:k+"px",marginRight:k+"px"},children:(0,b.jsx)(f.c,{renderElement:e=>(0,b.jsx)(b.Fragment,{children:e.eventData}),dataList:B,spacing:C,defaultHeight:d*z*.01+"px",defaultWidth:P*z*.01+"px",retainAlreadyRenderedElements:!0})}),(0,v.wQ2)(S)&&N&&!W&&-1==e.index&&(0,b.jsx)(w.A,{event:F[0],inVideoClick:D,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7509:function(e,t,i){i.d(t,{h:function(){return o}});const o=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},2410:function(e,t,i){var o=i(9950),n=i(1348),r=i(5830),l=(i(6125),i(4365),i(6614),i(9879)),a=(i(7509),i(932)),s=i(4737),d=i(4414);t.A=function(e){var t;const[i,p]=(0,a.A)(),[c]=(0,r.QN)("whatmoreSecondaryColor"),[h]=(0,r.QN)("whatmoreShopId"),m="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSize"),x="STR1EXZ7ZRD"===h?60:(0,r.Xd)("whatmoreVideoTileSizePortrait"),u="portrait"===e.mode?x:m,f=(0,r.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:y}=(0,o.useContext)(s.B),[v,w]=(0,o.useState)(!1),g=(0,n.ivI)(h),b=y.landingLocationType,j=e.event,P=e.onClick,S=e.removeBorders,A=i*u*.01,E=p*u*.01,z=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n._hU)(h)?"auto":E+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":(0,n.FZM)(h)+"px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{w(!0),P(j)},className:[v?"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:z,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+c+"50, 0px -1px 1px 0px "+g+"50, 1px 0px 1px 0px "+c+"50, -1px 0px 1px 0px "+g+"80, 1px -1px 1px 0px "+c+"80, -1px 1px 1px 0px "+g+"DA, 1px 1px 1px 0px "+c+"DA, -1px -1px 1px 0px "+g+"DA"},children:(0,d.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:A+"px",width:"40273707171"==h?"auto":E+"px",borderRadius:z,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.A,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})}),b.startsWith("product")&&(0,d.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,d.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",f,"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===j||void 0===j?void 0:j.title})})]})}},8385:function(e,t,i){i.d(t,{c:function(){return a}});var o=i(6649),n=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,n]=(0,o.A)({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)))})}},5901:function(e,t,i){i.d(t,{A:function(){return y}});var o=i(1005),n=i(9950),r=i(9879),l=i(22),a=i(5830),s=i(932);var d=function(e){const[t,i,o,n,r]=(0,s.A)(),[d]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),c=r[l.dl]===l.nN?p/100:d/100*1.2;return[t*c,i*c,r]},p=i(5727),c=i(1628),h=i.n(c),m=i(2209),x=i(6702),u=(i(9733),i(4365),i(1348)),f=i(4414);var y=function(e){var t;const i=n.useRef(null);var[s,c,y]=d();const v=(0,a.Xd)("whatmoreUITheme"),[w]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[g]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[P]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[S]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[A]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,a.Xd)("whatmoreShopId");var z=g,k=b,C=j;y[l.dl]===l.nN&&(z=P,k=S,C=A);const[L,R]=(0,n.useState)(["initial",window.pageYOffset]),[N,F]=(0,n.useState)(!1),X=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=y[l.dl]===l.nN?.7*(0,u.O86)(E):(0,u.O86)(E),T=X?V:1;s*=T,c*=T;const I=X?(0,u.LrK)(E):z,Q=X?(0,u._2D)(E):(0,u.GSq)(E),[D,M]=(0,n.useState)(!X&&(0,u.n8Q)(E));function B(e,t){R(e),e[1]<=100?F(!1):t!=N&&(F(t),M(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(B([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)}),[L]),(0,o.j)({ref:i,handler:()=>{B(["scrolled-up",L[1]],!0)}});const H=e.event,W=e.inVideoClick,O=e.closeClick,q=.3*c,Z=.6*c,_=.1*c,U=.1*(.5*c),Y="round"==v?"10px":"0px",G=(0,u.GvQ)(E);var K=!1,J=0,$=0;function ee(e){K=e}return(0,f.jsx)("div",{children:D&&!Q?(0,f.jsx)(f.Fragment,{}):N&&Q?(0,f.jsx)("div",{style:"left"===I?{left:"1px",bottom:X?(0,u.pUQ)(E)+"px":C+"px",position:"fixed",zIndex:G}:{right:"5px",bottom:X?(0,u.pUQ)(E)+"px":C+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{onClick:()=>{B(["initial",L[1]],!1)},style:{margin:"1px",width:c+"px",height:s+"px"},className:"left"===I?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.A,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(m.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:q+"px"},style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"},onClick:O})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(x.A,{sx:{color:"white",fontSize:2*q+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.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,J=i,$=o},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-J)>5||Math.abs(t.y-$)>5)?ee(!1):W(H)},children:(0,f.jsx)("div",{ref:i,style:"left"===I?{left:X?(0,u.D2A)(E)+"px":k+"px",bottom:X?(0,u.pUQ)(E)+"px":C+"px",position:"fixed",zIndex:G}:{right:X?(0,u.D2A)(E)+"px":k+"px",bottom:X?(0,u.pUQ)(E)+"px":C+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==E?s+"px":c+"px",height:e.isSpotlight&&"60122562760"==E?c+"px":s+"px"}),className:"left"===I?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==E?16/9:9/16},children:(0,f.jsx)(r.A,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(m.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:q+"px"},onClick:O,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(p.A,{sx:{color:(0,u.KFN)(E),fontSize:Z+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:Y,borderBottomRightRadius:Y,backgroundImage:w?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*q+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",w]})})]})})]})})})})}},1131:function(e,t,i){var o=i(4994);t.A=void 0;var n=o(i(9526)),r=i(4414);t.A=(0,n.default)([(0,r.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z",opacity:".3"},"0"),(0,r.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2m6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z"},"1")],"ShoppingBagTwoTone")},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);

package/static/js/collections-template-stories.cf84874a.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[1],{4596:function(e,t,i){i.r(t),i.d(t,{default:function(){return S}});var n=i(9950),o=i(340),r=i(5089),l=i(5873),a=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(572)),d=i(8603),s=i(7300),c=i(5830),h=i(7509),p=i(4737),x=i(1348),m=(i(6125),i(6614),i(9879)),u=i(932),f=i(4414);var v=function(e){var t;const[i,o,r,l,a]=(0,u.A)(),d=(0,c.Xd)("whatmoreSecondaryColor"),s=(0,c.Xd)("whatmorePrimaryFont"),h=(0,c.Xd)("whatmoreShopId"),p=(0,c.Xd)("whatmoreVideoTileSize"),v=(0,c.Xd)("whatmoreVideoTileSizePortrait"),w="portrait"===e.mode?v:p,[g,y]=(0,n.useState)(!1),j=(0,x.ivI)(h),b=e.event,S=e.onClick,A=e.removeBorders,E=o*w*.01,z=(0,x.esc)(h);return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:A?"2px":(0,x.FZM)(h)+"px",marginTop:A?"2px":"5px",marginBottom:A?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:A?"":"0px 1px 1px 0px "+d+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+d+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+d+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+d+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E*z+"px",width:E*z+"px",borderRadius:"50%",backgroundColor:d,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(m.A,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,f.jsx)("div",{style:{fontFamily:s,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,f.jsx)("p",{children:b.title})})]})},w=i(8385),g=i(6641),y=i(5901),j=i(6649);const b=(0,d.A)({key:"whatmore-css-cv"});var S=function(e){const[t]=(0,s.A)(),[i,d]=(0,u.A)(),m=(0,c.Xd)("whatmoreVideoTileSize"),S=(0,c.Xd)("whatmoreVideoTileSizePortrait"),A="portrait"===t?S:m,E="portrait"==t?0:(0,c.Xd)("whatmoreLandscapePadding"),z=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),C=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:L}=(0,n.useContext)(p.B),k=e.events,N=e.onClick,{whatmoreIsCollectionsTemplate:P}=(0,n.useContext)(p.B);function R(e){N(e)}const[F,I,Q]=(0,j.A)({triggerOnce:!1});delete r.Ay.styles.global;const X=.055*d;var M=[];for(let n=0;n<k.length;)M.push((0,f.jsx)(v,{mode:t,event:k[n],onClick:()=>{R(k[n-1])},removeBorders:(0,x.U74)(C),fontSize:X},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,g.Fk)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.Sn.forEach((e=>{var t;const i=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(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]),(0,f.jsx)(a.C,{value:b,children:(0,f.jsx)("div",{className:P?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(o.s,{theme:r.Ay,cssVarsRoot:L,resetCSS:!1,children:(0,f.jsxs)(h.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:F,style:{marginLeft:E+"px",marginRight:E+"px"},children:(0,f.jsx)(w.c,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:M,spacing:z,defaultHeight:i*A*.01+"px",defaultWidth:d*A*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.wQ2)(C)&&!I&&-1==e.index&&(0,f.jsx)(y.A,{event:k[0],inVideoClick:R,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7509:function(e,t,i){i.d(t,{h:function(){return n}});const n=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,i){i.d(t,{c:function(){return a}});var n=i(6649),o=i(9950),r=(i(4365),i(4414));function l(e){const[t,i,o]=(0,n.A)({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,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(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 o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),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)))})}},5901:function(e,t,i){i.d(t,{A:function(){return v}});var n=i(1005),o=i(9950),r=i(9879),l=i(22),a=i(5830),d=i(932);var s=function(e){const[t,i,n,o,r]=(0,d.A)(),[s]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.dl]===l.nN?c/100:s/100*1.2;return[t*h,i*h,r]},c=i(5727),h=i(1628),p=i.n(h),x=i(2209),m=i(6702),u=(i(9733),i(4365),i(1348)),f=i(4414);var v=function(e){var t;const i=o.useRef(null);var[d,h,v]=s();const w=(0,a.Xd)("whatmoreUITheme"),[g]=(0,a.QN)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.QN)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.QN)("whatmoreEmbedAppPositionLandscape"),[A]=(0,a.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.Xd)("whatmoreShopId");var C=y,L=j,k=b;v[l.dl]===l.nN&&(C=S,L=A,k=E);const[N,P]=(0,o.useState)(["initial",window.pageYOffset]),[R,F]=(0,o.useState)(!1),I=null!==(t=e.isSpotlight)&&void 0!==t&&t,Q=v[l.dl]===l.nN?.7*(0,u.O86)(z):(0,u.O86)(z),X=I?Q:1;d*=X,h*=X;const M=I?(0,u.LrK)(z):C,V=I?(0,u._2D)(z):(0,u.GSq)(z),[T,B]=(0,o.useState)(!I&&(0,u.n8Q)(z));function D(e,t){P(e),e[1]<=100?F(!1):t!=R&&(F(t),B(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(D([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[N]),(0,n.j)({ref:i,handler:()=>{D(["scrolled-up",N[1]],!0)}});const H=e.event,O=e.inVideoClick,q=e.closeClick,W=.3*h,U=.6*h,_=.1*h,Y=.1*(.5*h),G="round"==w?"10px":"0px",K=(0,u.GvQ)(z);var Z=!1,J=0,$=0;function ee(e){Z=e}return(0,f.jsx)("div",{children:T&&!V?(0,f.jsx)(f.Fragment,{}):R&&V?(0,f.jsx)("div",{style:"left"===M?{left:"1px",bottom:I?(0,u.pUQ)(z)+"px":k+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:I?(0,u.pUQ)(z)+"px":k+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{onClick:()=>{D(["initial",N[1]],!1)},style:{margin:"1px",width:h+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.A,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.A,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"},onClick:q})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.A,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{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,n;i=t.x,n=t.y,J=i,$=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{Z&&(Math.abs(t.x-J)>5||Math.abs(t.y-$)>5)?ee(!1):O(H)},children:(0,f.jsx)("div",{ref:i,style:"left"===M?{left:I?(0,u.D2A)(z)+"px":L+"px",bottom:I?(0,u.pUQ)(z)+"px":k+"px",position:"fixed",zIndex:K}:{right:I?(0,u.D2A)(z)+"px":L+"px",bottom:I?(0,u.pUQ)(z)+"px":k+"px",position:"fixed",zIndex:K},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?d+"px":h+"px",height:e.isSpotlight&&"60122562760"==z?h+"px":d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==z?16/9:9/16},children:(0,f.jsx)(r.A,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.A,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:q,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.A,{sx:{color:(0,u.KFN)(z),fontSize:U+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},6125:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){},6614:function(){}}]);