whatmore-react-assets 1.0.516 → 1.0.518

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whatmore-react-assets",
-  "version": "1.0.516",
+  "version": "1.0.518",
   "description": "public repo for all whatmore js and css assets",
   "main": "whatmore.js",
   "scripts": {

package/static/js/196.ed58d316.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,790,12],{51:function(t,e,n){n.d(e,{Z:function(){return i}});var o=n(7313),a=n(7753),r=n(5254),c=n(6417);var i=function(t){return(0,o.useEffect)((()=>{const t=(0,r.oo)((0,a.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const a="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),r="\n    @keyframes whatmore-loading-indicator-keyframe {\n      0%,\n      100% {\n        box-shadow: 0em -2.6em 0em 0em ".concat(a,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n      }\n      12.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(a,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n      }\n      25% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(a,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n      }\n      37.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(a,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n      }\n      50% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(a,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n      }\n      62.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(a,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n      }\n      75% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(a,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n      }\n      87.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(a,";\n      }\n    }\n  "),c=document.createElement("style");c.type="text/css",c.innerHTML=r,document.head.appendChild(c)}(t[0],t[1],t[2],.2)}),[]),(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(t,e,n){n.r(e),n.d(e,{default:function(){return E}});var o=n(7313),a=n(6090),r=n(7616),c=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),i=n(2575),s=n(7129),l=n(9039),d=(n(3439),n(7753)),m=n(7931),h=n(9018),u=n(9854),p=n(3933),g=n(8866),f=n(868),v=n(342),x=n(3437),y=n(3455),b=n(6417);var w=function(t){var e;const n=t.isMuted,o=null!==(e=t.iconSize)&&void 0!==e?e:30;function a(){t.onToggle()}return(0,b.jsx)("div",{style:{cursor:"pointer"},children:n?(0,b.jsx)(y.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}}):(0,b.jsx)(x.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}})})},j=n(1896),C=n(8984),I=n(58),P=n(6119),k=n(7376),S=n(778);function z(t){const[e,n]=(0,o.useState)(t.initialMuteState),a=t.events,r=t.activeEventIndex,c=t.setActiveEventIndex,i=(0,d.MO)("whatmoreShopId"),s="portrait"===t.mode;function l(){(0,u.hr)(i)&&t.isCTAPresent||(n(!e),(0,C.KE)()&&(0,I.QV)(),t.onMuteToggle())}const p=t.event;return(0,b.jsx)("div",{style:{position:(0,u.SJ)(i)?"absolute":"relative",top:(0,u.SJ)(i)?0:"",zIndex:1,bottom:(0,u.SJ)(i)?"":"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",{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:[!(t.isCTAPresent&&(0,u.hr)(i)||"video"!==p.event_type)&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>l()}),(0,b.jsx)(w,{isMuted:e,onToggle:()=>{l()}})]}),a.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{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:t=>{t.stopPropagation(),c(0===r?a.length-1:r-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)(m.Z,{})})})}),(0,b.jsx)("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),c(r===a.length-1?0:r+1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,b.jsx)(h.Z,{})})})}),(0,u.cR)(i)&&(0,b.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:a.map(((t,e)=>{const n=e===r;return(0,b.jsx)("button",{onClick:t=>{t.stopPropagation(),c(e)},style:{width:n?"25px":s?"12px":"14px",height:s?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,u.YF)(i):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},e)}))})]})]}),(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>l()})]})})}var Z=function(t){var e,n;console.log("imrole");const[a,r,c]=(0,g.Z)(),[i,s]=(0,o.useState)(!0),{whatmoreUITheme:m}=(0,o.useContext)(l.I),h=(0,d.MO)("whatmoreVideoTileSize"),{ref:x,inView:y,entry:w}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:C}=(0,o.useContext)(l.I),I=(0,d.MO)("whatmoreShopId"),Z=t.events,M=t.activeEventIndex,E=t.setActiveEventIndex,L=Z[M],R=((0,u.nz)(I),(0,v.uv)(L)),F=(0,v.WN)(L);if("portrait"===a&&!R)return console.log("enter"),(0,b.jsx)(b.Fragment,{});if("landscape"===a&&!F)return console.log("enter"),(0,b.jsx)(b.Fragment,{});const N=(0,f.V)("portrait"===a?R:F),T=h/100*(0,u.b4)(I),A=h/100*(0,u.Gm)(I),O="portrait"===a?(0,u.oO)(I):(0,u.sn)(I),W="portrait"===a?c*T:c*A,D=W*O,V=null!=(null===(e=L.cta)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.cta_link);return(0,o.useEffect)((()=>{l.$.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;const n=t.querySelector(".whatmore-render-root");n&&(n.style.minHeight="0px")}))}),[]),(0,b.jsxs)("div",{ref:x,onClick:()=>{var t,e;(0,k.GF)({userInteractionType:S.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:C,event:Z[M]}),(0,u.hr)(I)&&V&&!(0,u.j1)(I)&&window.open(null===(t=L.cta)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,u.SJ)(I)?"100%":W,minHeight:(0,u.SJ)(I)?c*O:"",height:(0,u.SJ)(I)?"auto":D,borderWidth:(0,u.al)(I),borderColor:(0,u.qP)(I),overflow:"hidden",cursor:"pointer"},children:[(0,b.jsx)(j.Z,{height:"100%",width:"100%",url:N,isPlaying:y,event:L,isVideoMuted:i,setDuration:t.setDuration}),(0,b.jsx)(z,{isCTAPresent:V,events:Z,activeEventIndex:M,setActiveEventIndex:E,event:L,mode:a,onMuteToggle:()=>s(!i),initialMuteState:i}),(0,u.j1)(I)&&(0,b.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===a?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)("div",{children:(0,b.jsx)(P.Z,{event:L,cta:L.cta[0],fontFactor:.6})})})]})};const M=(0,i.Z)({key:"whatmore-css-bv"});var E=function(t){console.log("hello");const{whatmoreRootId:e}=(0,o.useContext)(l.I),[n,i]=(0,o.useState)(0),d=t.events,[m,h]=(0,o.useState)(-1);let u;return(0,o.useEffect)((()=>{u&&clearInterval(u);const t="video"===d[n].event_type,e=t?1e3*m:6e3;return t?-1!=m&&(u=setInterval((()=>{i((t=>t===d.length-1?0:t+1))}),e)):u=setInterval((()=>{i((t=>t===d.length-1?0:t+1))}),e),()=>{clearInterval(u)}}),[m,n]),delete r.ZP.styles.global,(0,b.jsx)(c.C,{value:M,children:(0,b.jsx)("div",{children:(0,b.jsx)(a.x,{theme:r.ZP,cssVarsRoot:e,resetCSS:!1,children:(0,b.jsx)(s.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(Z,{activeEventIndex:n,events:d,setActiveEventIndex:i,setDuration:h})})})})})}},3867:function(t,e,n){var o=n(8816),a=n(417),r=n(4885),c=n(7753),i=n(9039),s=n(7313),l=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[d]=(0,c.j1)("whatmoreSecondaryColor"),[m,h]=(0,c.j1)("productRatings"),u=(0,c.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),g=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===m||"undefined"==typeof m||!(p in m)||m[p].avgRating>5)return(0,l.jsx)(l.Fragment,{});const v=m[p].avgRating,x=m[p].totalRatings;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((t,e)=>(0,l.jsx)(o.Z,{sx:{color:d,fontSize:g+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,l.jsx)(a.Z,{sx:{color:d,fontSize:g+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon-"+e))),(0,l.jsx)("div",{children:(0,l.jsx)("div",{width:"2px"})}),(0,l.jsx)("div",{children:(0,l.jsx)("div",{style:{backgroundColor:d,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*g+"px","important"),t.style.setProperty("font-family",u,"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",v,"\xa0"]})})}),(0,l.jsx)("div",{children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*g+"px","important"),t.style.setProperty("font-family",u,"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","("+x+")"]})})]})})}},7129:function(t,e,n){n.d(e,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(t,e,n){var o=n(51),a=n(5180),r=n(6417);e.Z=function(t){var e,n;const c=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,r.jsxs)("div",{style:{width:i,height:c,overflow:"hidden",minHeight:c,minWidth:i},children:[(0,r.jsx)(a.Z,{height:c,width:i}),(0,r.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,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,r.jsx)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,a;const r=null!==(e=t.height)&&void 0!==e?e:"100%",c=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(a=t.borderRadius)&&void 0!==a?a:"10px";return(0,o.jsx)("div",{style:{height:r,width:r,borderRadius:i,overflow:"hidden",minHeight:r,minWidth:c,maxHeight:r,maxWidth:c},children:(0,o.jsx)("div",{style:{minHeight:r,minWidth:c},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),a=n(3175),r=n(6417);e.Z=function(t){var e,n,c;const[i,s]=(0,o.useState)(!1),l=o.useRef(0),d=(0,o.useRef)(null),m=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},h=null!==(n=t.height)&&void 0!==n?n:"100%",u=null!==(c=t.width)&&void 0!==c?c:"100%";return(0,o.useEffect)((()=>{l.current=0;const t=setInterval((()=>{l.current=l.current+.03,d.current&&m(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,r.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:h,overflow:"hidden"},children:[(0,r.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,r.jsx)("img",{ref:d,src:t.url,style:{objectFit:"cover",height:h,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)(a.Z,{width:u,height:h})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return m}});var o=n(7313),a=n(3933),r=n(868),c=n(8984),i=n(7300),s=n(2887),l=n(6417);var d=function(t){var e,n;const r=(0,o.useRef)(null),[c,i,s]=(0,a.YD)({triggerOnce:!0}),d=null!==(e=t.height)&&void 0!==e?e:"100%",m=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{r.current&&(t.isPlaying?r.current.play():r.current.pause())}),[t.isPlaying,i]),(0,l.jsx)("div",{ref:c,style:{width:d,height:m,overflow:"hidden"},children:i?(0,l.jsx)("video",{ref:r,className:"whatmore-video-player",width:m,height:d,preload:"metadata",loop:!0,playsInline:!0,poster:t.isPlaying?t.url:"",muted:!0,src:t.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:m,height:d,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var m=function(t){var e,n,m;const[h,u,p]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,l.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const g=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;if((0,c.KE)())return(0,l.jsx)(d,{height:"100%",width:"100%",url:(0,r.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:g});const f=(0,o.useRef)(null),v=null!==(n=t.height)&&void 0!==n?n:"100%",x=null!==(m=t.width)&&void 0!==m?m:"100%";return(0,o.useEffect)((()=>{f.current&&(t.isPlaying?f.current.play():f.current.pause())}),[t.isPlaying,u]),(0,l.jsx)("div",{ref:h,style:{width:v,height:x,overflow:"hidden"},children:u?(0,l.jsx)("video",{ref:f,className:"whatmore-video-player",width:x,height:v,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,r.V)(t.url),style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:x,height:v,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),a=n(7753);const r={"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"},c={"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"},i=function(t){const e=(0,a.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zp)(e))return t;if("AZURECDN"==(0,o.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}if("BUNNYCDN"==(0,o.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(c))if(t.includes(e))return t.replace(e,c[e]);return t}}return t}},9363:function(t,e,n){n.d(e,{s:function(){return r}});var o=n(9854),a=n(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,a.MO)("whatmoreShopId");return"shopify"!=(0,o.Ip)(n)?t:t+e}},5456:function(t,e,n){n.d(e,{B: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))}},8866:function(t,e,n){var o=n(7313);function a(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=a();const[r,c]=(0,o.useState)([e>n?"portrait":"landscape",e,n]);return(0,o.useLayoutEffect)((()=>{function t(){var[t,e]=a();c(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),r}},7931:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");e.Z=c},9018:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");e.Z=c},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=c},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=c},417:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=c},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=c},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);

package/static/js/209.c6e4c87a.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[209],{4209:function(t,e,n){n.r(e),n.d(e,{EventClickComponentContext:function(){return xn},default:function(){return gn}});var i=n(4897),o=n(499),r=n(7313),a=n(2210),l=n(8486),d=n(5160),s=n(3271),c=n(9854),h=n(7753),u=n(7789),p=n(7053),x=n(1896),g=n(6417);var m=function(t){return(0,g.jsx)(x.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback,event:t.event})},v=n(5098),f=n(3437),w=n(3455),j=n(6422);var C,S,y,b,k=function(t){const[e,n]=(0,j.Z)(),[i,o,r,a]=(0,u.Z)(),l=.08*a;function d(){n(!e)}return(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.Cd,{cursor:"pointer",children:e?(0,g.jsx)(w.Z,{sx:{color:"white",fontSize:l,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{d()}}):(0,g.jsx)(f.Z,{sx:{color:"white",fontSize:l,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{d()}})})})},I=n(168),F=n(8449),_=n(686);const T=(0,_.F4)(C||(C=(0,I.Z)(["\n    0%,10%,15% {\n        opacity: 0; \n    }\n    25%{\n        opacity: 0.25;\n        transform: translateY(-25%);\n    }\n    50%{\n        opacity: 0.5;\n        transform: translateY(0%);\n    }\n    75% {\n        opacity: 0.75;\n        transform: translateY(-8%)\n    }\n    100%{\n        opacity: 1;\n        transform: translateY(0%)\n    }\n"]))),E="".concat(T," 0.5s linear"),P=(0,_.F4)(S||(S=(0,I.Z)(["\n    30% { transform: scale(1.2); }\n    40%, 60% { transform: rotate(-20deg) scale(1.2); }\n    50% { transform: rotate(20deg) scale(1.2); }\n    70% { transform: rotate(0deg) scale(1.2); }\n    100% { transform: scale(1); }\n"]))),O="\n    ".concat(P," 1.5s linear;\n"),z=(0,_.F4)(y||(y=(0,I.Z)(["\n    3% { transform: scale(1.2); }\n    4%, 6% { transform: rotate(-20deg) scale(1.2); }\n    5%,7% { transform: rotate(20deg) scale(1.2); }\n    8% { transform: rotate(0deg) scale(1.2); }\n    10% { transform: scale(1); }\n"]))),L=("\n    ".concat(z," 10s linear infinite;\n"),(0,_.F4)(b||(b=(0,I.Z)(["\n    0% { transform: scale(1); }\n    10% { transform: scale(1.2); }\n    20% { transform: scale(1); }\n"]))));"\n    ".concat(L," 5s ease-in-out infinite;\n");var D,R=n(4937);const K=(0,_.F4)(D||(D=(0,I.Z)(["\n    0% { \n        opacity: 0;\n    }\n    10%{\n        opacity: 0.5;\n    }\n    20%{\n        opacity: 1;\n    }\n    \n"]))),M="\n    ".concat(K," ").concat(3,"s ease-in-out;\n");function W(t){const[e,n,i,o]=(0,u.Z)(),[a]=(0,h.j1)("whatmoreSecondaryColor"),[l,d]=(0,r.useState)(0),c=t.event,p=t.onClick,x=c.products.length;t.isFirstProductsIconClickDone;(0,r.useEffect)((()=>{const t=setInterval((()=>{d((t=>(t+1)%x))}),3e3);return()=>{clearInterval(t)}}),[]);const m=.24,f=.024;var w=o*m+"px",j=o*m+"px",C=o*f*1.5+"px",S=o*f+"px",y=o*f*1.5+"px";if(void 0==c.products||0==c.products.length)return(0,g.jsx)(g.Fragment,{});var b=c.products;return(0,g.jsx)(s.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",height:"fit-content",width:"fit-content",borderRadius:"lg",children:(0,g.jsxs)(s.xu,{margin:"10px",width:w,height:j,boxShadow:"dark-lg",borderColor:"white",borderWidth:"2px",borderRadius:"lg",overflow:"visible",backgroundColor:"gray.100",animation:E,onClick:()=>p(),children:[(0,g.jsx)(v.Ee,{width:"100%",height:"100%",src:b[l].thumbnail_image,objectFit:"cover",borderRadius:"lg",animation:M},l),(0,g.jsx)(s.xu,{width:"100%",height:"100%",style:{position:"relative",zIndex:2,bottom:"100%"},className:"whatmore-ios-css-relative-fix",borderRadius:"lg",children:(0,g.jsx)(s.Kq,{direction:"column",width:"100%",height:"100%",justifyContent:"flex-end",children:(0,g.jsx)(s.M5,{children:(0,g.jsxs)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"flex-start",alignContent:"center",backgroundColor:a,borderRadius:"lg",marginX:"5px",marginY:"5px",paddingX:"2px",paddingY:"2px",children:[(0,g.jsxs)(s.xv,{noOfLines:1,fontSize:S,fontFamily:"sans-serif",fontWeight:"semibold",textAlign:"center",lineHeight:"100%",sx:{color:"white !important"},children:["\xa0","Shop Now","\xa0"]}),(0,g.jsx)(s.M5,{children:(0,g.jsx)(R.Z,{sx:{color:"white",fontSize:y}})})]})})})}),(0,g.jsx)(s.Kq,{direction:"row",height:"fit-content",width:w,justifyContent:"flex-end",style:{position:"relative",zIndex:3,bottom:"210%",left:"5%"},className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.Ct,{fontSize:C,variant:"subtle",textColor:a,bgColor:"gray.100",borderRadius:"md",boxShadow:"dark-lg",children:x>1?x:""})})]})})}var q=function(t){const[e,n]=(0,h.j1)("isProductSwiperCatalogOpen"),[i,o,a,l]=(0,u.Z)(),[d,c]=(0,r.useState)(!1),p=t.onToggle,x=t.event,m=.07*l;return(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.bK,{style:{marginTop:"10px"},children:e?(0,g.jsx)(F.Z,{sx:{color:"white",fontSize:m,filter:"drop-shadow(0 0 5px black);",position:"relative",zIndex:2},onClick:()=>{p("minimize-button")}}):(0,g.jsx)(W,{event:x,onClick:()=>{p("products-button"),c(!0)},isFirstProductsIconClickDone:d})})})},A=n(2634),H=n(8302);var Z,N,B=function(t){const e=t.onCloseCallback,[n,i,o,r]=(0,u.Z)(),a=.08*r;return(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.Cd,{cursor:"pointer",children:(0,g.jsx)(H.Z,{sx:{boxShadow:3,color:"white",fontSize:a,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),e(t)}})})})},V=n(756),U=n(5428),Y=n(8022);var X=function(t){var e,n;const[i,o,a,l]=(0,u.Z)(),[d,c]=(0,r.useState)(!0),{slideDirection:h}=(0,r.useContext)(xn),p=null!==(e=t.showForSeconds)&&void 0!==e?e:3,x=null!==(n=t.delayInSeconds)&&void 0!==n?n:1;t.swipeUp,(0,r.useEffect)((()=>{const t=setTimeout((()=>{c(!1)}),1e3*p);return()=>{clearTimeout(t)}}),[]);const m=.15*l,v=.07*l,f=(0,_.F4)(Z||(Z=(0,I.Z)(["\n        0% {\n            transform: translateY(0%) rotate(0deg);\n        }\n        50% {\n            transform: translateY(-100%) translateX(+10%) rotate(+30deg);\n        }\n        100% {\n            transform: translateY(0%) rotate(0deg);\n        }\n    "]))),w="".concat(f," infinite 1.5s linear"),j=(0,_.F4)(N||(N=(0,I.Z)(["\n        0% {\n            transform: translateY(0%) rotate(0deg);\n        }\n        50% {\n            transform: translateX(30%) translateY(20%) rotate(-30deg);\n        }\n        100% {\n            transform: translateY(0%) rotate(0deg);\n        }\n    "]))),C="".concat(j," infinite 1.5s linear");return(0,g.jsx)(V.MT,{unmountOnExit:!0,initialScale:.2,in:d,reverse:!0,delay:x,children:(0,g.jsx)(s.xu,{width:"100%",height:"fit-content",paddingTop:100,borderRadius:"3xl",children:(0,g.jsxs)(s.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"flex-end",children:[(0,g.jsx)(s.M5,{animation:"vertical"===h?w:C,children:"vertical"===h?(0,g.jsx)(U.Z,{sx:{color:"white !important",fontSize:m,filter:"drop-shadow(0 0 20px black);"}}):(0,g.jsx)(Y.Z,{sx:{color:"white !important",fontSize:m,filter:"drop-shadow(0 0 20px black);"}})}),(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.xv,{textShadow:"dark-lg",fontSize:v+"px",fontWeight:"semibold",sx:{color:"white !important",textShadow:"0px 0px 20px black !important;"},children:"swipe for more"})})]})})})};var G=function(t){const[e,n]=(0,h.j1)("isFirstIndicatorRenderDone"),[i]=(0,h.j1)("indicatorRenderSeconds"),o=i,a=t.swipeUp;return(0,r.useEffect)((()=>{const t=setTimeout((()=>{n(!0)}),3e3+1e3*o);return()=>{clearTimeout(t)}}),[]),e?null:(0,g.jsx)(X,{showForSeconds:.8*o,delayInSeconds:3,swipeUp:a})},J=n(5180),$=n(9316),Q=n(5254);const tt="15px";var et=n(7376),nt=n(778),it=n(9039);var ot=function(t){const[e]=(0,h.j1)("isInDesignMode"),[n]=(0,h.j1)("isDemoBrand"),[i]=(0,h.j1)("whatmoreSecondaryColor"),[o]=(0,h.j1)("whatmorePrimaryFont"),[a]=(0,h.j1)("whatmoreShopId"),[l,p,x,m]=(0,u.Z)(),[v,f]=(0,r.useState)(!1),w=t.product,j=t.event,{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(it.I),S=.1*x,y=.95*m,b=.05*m;return(0,g.jsx)(s.Kq,{direction:"row",height:S,justifyContent:"center",aligntItems:"center",alignContent:"center",bgGradient:"linear(to-b, transparent, blackAlpha.400, blackAlpha.600)",children:(0,g.jsx)(s.Kq,{direction:"column",width:"fit-content",height:S,justifyContent:"center",aligntItems:"center",alignContent:"center",children:(0,g.jsx)(s.xu,{width:y+"px",height:"fit-content",padding:"6px",marginTop:tt,backgroundColor:i,borderRadius:"5px",animation:v?$.mT:null,onAnimationEnd:()=>{f(!1)},marginBottom:(0,c.pq)(a),onClick:()=>{f(!0),function(t,i){e||n||(async()=>{(0,d.wz)(t,i),(0,et.GF)({userInteractionType:nt.K.PRODUCT_TILE_SHOPNOW_CLICKED,widgetSourceDetails:C,event:t,productList:[i],ctaList:t.cta})})()}(j,w),window.location.href=function(t){return(0,c.lj)(a)?t.product_link+"?"+(0,c.aw)(a)+"&"+(0,c.n9)(a)+"&"+(0,c.v)(a):t.product_link}(w)},_hover:{backgroundColor:(0,Q.lA)(i,8)},cursor:"pointer",children:(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:1.2*b+"px",fontWeight:"medium",lineHeight:"120%",sx:{fontFamily:o+" !important",color:"white !important"},children:"Shop Now"})})})})})},rt=n(7009),at=n(5945),lt=n(5456),dt=n(6984),st=n(6227),ct=n(7329);n(9111);function ht(t){var e;const[n]=(0,h.j1)("whatmoreSecondaryColor"),[i]=(0,h.j1)("whatmorePrimaryFont"),[o]=(0,h.j1)("whatmoreShopId"),[a,l]=(0,r.useState)(!1),d=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),u=t.onClick,p=t.width,x=t.height,m=t.title,v=t.showInProgressIcon;return(0,g.jsx)(s.xu,{width:p,height:x,padding:"2x",boxShadow:"lg",backgroundColor:v?(0,Q.lA)(n,8):n,onClick:t=>{t.stopPropagation(),u(),l(!0)},animation:a?$.mT:null,onAnimationEnd:()=>{l(!1)},cursor:"pointer",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:[(0,g.jsxs)(s.xv,{lineHeight:"100%",fontSize:1.4*d+"px",fontWeight:"semibold",sx:{fontFamily:i+" !important",color:(0,c.KC)(o)+" !important"},children:["\xa0",m,"\xa0"]}),v?(0,g.jsx)("div",{className:"whatmore-rotate-indefinitely",children:(0,g.jsx)(ct.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"#F5F5F5",fontSize:2.5*d+"px"}})}):(0,g.jsx)(g.Fragment,{})]})})}function ut(t){var e;const[n]=(0,h.j1)("whatmoreSecondaryColor"),[i]=(0,h.j1)("whatmorePrimaryFont"),[o]=(0,h.j1)("whatmoreShopId"),[a,l]=(0,r.useState)(!1),d=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),u=t.onClick,p=t.width,x=t.height;return(0,g.jsx)(s.xu,{width:p,height:x,padding:"2x",boxShadow:"lg",backgroundColor:n,onClick:t=>{t.stopPropagation(),u(),l(!0)},animation:a?$.mT:null,onAnimationEnd:()=>{l(!1)},cursor:"pointer",children:(0,g.jsx)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"5px",children:(0,g.jsx)(s.M5,{children:(0,g.jsxs)(s.xv,{lineHeight:"100%",fontSize:1.4*d,fontWeight:"semibold",sx:{fontFamily:i+" !important",color:(0,c.KC)(o)+" !important"},children:["\xa0",(0,c.t)(o),"\xa0"]})})})})}function pt(t){var e;const[n]=(0,h.j1)("whatmorePrimaryFont"),[i]=(0,h.j1)("whatmoreShopId"),o=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),r=t.width,a=t.height;return(0,g.jsx)(s.xu,{width:r,height:a,padding:"2x",boxShadow:"lg",backgroundColor:"white",borderColor:"gray",borderWidth:"1px",onClick:t=>{t.stopPropagation()},children:(0,g.jsx)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"5px",justifyContent:"center",children:(0,g.jsxs)(s.xv,{color:"gray",lineHeight:"100%",fontSize:1.3*o,fontWeight:"semibold",sx:{fontFamily:n+" !important",color:"gray !important"},children:["\xa0"," Sold Out ","\xa0"]})})})}function xt(t){var e;const[n]=(0,h.j1)("whatmoreSecondaryColor"),[i]=(0,h.j1)("whatmorePrimaryFont"),[o]=(0,h.j1)("whatmoreShopId"),r=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),a=t.onClick,l=t.cartCount,d=t.width,c=t.height,u=t.onCartIconClick;return(0,g.jsx)(s.xu,{width:d,height:c,padding:"2x",boxShadow:"lg",backgroundColor:"white",borderColor:n,borderWidth:"1px",onClick:t=>{t.stopPropagation()},cursor:"pointer",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"5px",justifyContent:"center",children:[(0,g.jsx)(s.M5,{paddingX:"5px",onClick:()=>{u()},children:(0,g.jsx)(st.Z,{sx:{color:n,fontSize:1.6*r}})}),(0,g.jsx)(s.xv,{color:n,fontSize:1.3*r,fontWeight:"semibold",sx:{fontFamily:i+" !important"},children:l}),(0,g.jsx)(s.M5,{paddingX:"5px",onClick:t=>{t.stopPropagation(),a()},children:(0,g.jsx)(dt.Z,{sx:{color:n,fontSize:1.6*r}})})]})})}var gt=function(t){var e,n,i,o;const[r]=(0,h.j1)("whatmoreShopId"),a=t.event,l=t.product,d=null!==(e=t.baseFontSize)&&void 0!==e?e:10,s=null===(n=t.showAddedToCart)||void 0===n||n,c=t.cartState,u=t.cartCount,p=t.onClickAtc,x=t.onCartIconClick;function m(){p()}const v=null!==(i=t.width)&&void 0!==i?i:"100%",f=null!==(o=t.height)&&void 0!==o?o:"100%";return"errored"==c?(0,g.jsx)(V.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:f,width:v},children:(0,g.jsx)(pt,{event:a,product:l,baseFontSize:d,width:v,height:f})}):"init"==c?0==u?(0,g.jsx)(ut,{onClick:m,event:a,product:l,baseFontSize:d,width:v,height:f}):s?(0,g.jsx)(V.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:f,width:v},children:(0,g.jsx)(xt,{onClick:m,event:a,product:l,baseFontSize:d,cartCount:u,width:v,height:f,onCartIconClick:x})}):(0,g.jsx)(ut,{onClick:m,event:a,product:l,baseFontSize:d,width:v,height:f}):(0,g.jsx)(ht,{onClick:m,event:a,product:l,baseFontSize:d,width:v,height:f,title:"awaitingVariantSelection"==c?"Done":"",showInProgressIcon:"atcApiCallInProgress"==c||"productVariantDetailsApiCallInProgress"==c})},mt=n(6967),vt=n(2791),ft=n(4844);const wt=(0,h.MO)("isInDesignMode"),jt=(0,h.MO)("isDemoBrand");async function Ct(t,e,n,i,o,r){return"shopify"==n?(0,ft.wW)(t,e,i):(wt||jt||(async()=>{(0,mt.FF)(o,r)})(),(0,vt.jg)(t,e,i))}function St(t,e){return"shopify"==t?(0,ft.JL)(e):(0,vt.TE)(e)}var yt=function(t,e,n){const[i]=(0,h.j1)("whatmoreShopId"),[o]=(0,h.j1)("isInDesignMode"),[a]=(0,h.j1)("isDemoBrand"),[l,s]=(0,r.useState)(null),u=(0,r.useRef)(null),{closeClickComponent:x}=(0,r.useContext)(xn),[g,m]=(0,r.useState)({state:"init",cart_count:t});function v(t,e){m({state:t,cart_count:null!==e&&void 0!==e?e:g.cart_count}),"init"!=t&&"errored"!=t?(0,h.bU)("whatmoreAllowAutoSlide",!1):(0,h.bU)("whatmoreAllowAutoSlide",!0)}function f(t){if(0==t.length)return null;const e=t.filter((t=>t.available));return 0==e.length?null:e[0].option}function w(t){const r=function(t){const e=u.current.filter((e=>e.option1==t[0]&&e.option2==t[1]&&e.option3==t[2]));return 0==e.length?null:e[0].id}(t);if(!r)return void v("init",g.cart_count);v("atcApiCallInProgress",null);Ct(r,1,(0,c.Ip)(i),i,n,e).then((t=>{if(!t.ok)throw new Error(t.status);return t.json()})).then((t=>(function(t,e,n){o||a||(async()=>{(0,d.JX)(t,e,n)})()}(n,e,1),v("init",g.cart_count+1),(0,h.bU)("whatmoreAddedToCart",!0),t))).catch((t=>{v("errored",null),console.error("Error while adding to cart:",t)}))}return[g,l,function(){v("productVariantDetailsApiCallInProgress",null),(0,p.pO)(e,(0,c.Ip)(i),i).then((t=>{u.current=t.variants;const e=function(t){var e=[],n=[],i=[];return t.variants.forEach((o=>{var r,a,l;o.option1&&e.push({option:o.option1,available:null===(r=o.available)||void 0===r||r,type:t.options[0].name}),o.option2&&n.push({option:o.option2,available:null===(a=o.available)||void 0===a||a,type:t.options[1].name}),o.option3&&i.push({option:o.option3,available:null===(l=o.available)||void 0===l||l,type:t.options[2].name})})),e=e.reduce(((t,e,n)=>{var i=t.filter((t=>t.option==e.option));return 0==i.length?[...t,e]:(i[0].available=i[0].available|e.available,t)}),[]),n=n.reduce(((t,e,n)=>{var i=t.filter((t=>t.option==e.option));return 0==i.length?[...t,e]:(i[0].available=i[0].available|e.available,t)}),[]),i=i.reduce(((t,e,n)=>{var i=t.filter((t=>t.option==e.option));return 0==i.length?[...t,e]:(i[0].available=i[0].available|e.available,t)}),[]),[e,n,i]}(t);s(e),!function(t){return t[0].length<=1&&t[1].length<=1&&t[2].length<=1}(e)?v("awaitingVariantSelection",null):!function(){if(u.current&&u.current.length>=1)return u.current.filter((t=>t.available)).length>=1;return!1}()?v("errored",null):w([f(e[0]),f(e[1]),f(e[2])])})).catch((t=>{v("errored",null)}))},w,function(t){var e,n;const i=u.current.filter((e=>e.option1==t[0]&&e.option2==t[1]&&e.option3==t[2]));return 0==i.length?null:{price:(null!==(e=i[0].price)&&void 0!==e?e:0)/100,compare_price:(null!==(n=i[0].compare_at_price)&&void 0!==n?n:0)/100}},function(){"do_nothing"!==(0,c.v9)(i)&&("go_to_cart_page"!==(0,c.v9)(i)?"open_cart_slider"!==(0,c.v9)(i)||null!==x&&x():St((0,c.Ip)(i),i))}]};var bt=function(t){var e,n,i,o;const a=t.productVariantOptions,l=null!==(e=t.width)&&void 0!==e?e:"100%",d=null!==(n=t.height)&&void 0!==n?n:"fit-content",u=null!==(i=t.baseFontSize)&&void 0!==i?i:10,p=t.onOptionSelected,x=null!==(o=t.optionTitleColor)&&void 0!==o?o:"black",[m]=(0,h.j1)("whatmoreSecondaryColor"),[f]=(0,h.j1)("whatmorePrimaryFont"),[w]=(0,h.j1)("whatmoreShopId");let j=[];for(let r=0;r<(null===t||void 0===t||null===(C=t.data)||void 0===C||null===(S=C.product)||void 0===S||null===(y=S.images)||void 0===y?void 0:y.length);r++){var C,S,y,b,k,I;(null===t||void 0===t||null===(b=t.data)||void 0===b||null===(k=b.product)||void 0===k||null===(I=k.images[r].variant_ids)||void 0===I?void 0:I.length)>0&&j.push(r)}function F(t){if(0==t.length)return null;const e=t.filter((t=>t.available));return 0==e.length?null:e[0].option}const[_,T]=(0,r.useState)([F(a[0]),F(a[1]),F(a[2])]);return(0,r.useEffect)((()=>{p(_)}),[_]),(0,g.jsx)(s.Kq,{direction:"column",width:l,height:d,justifyContent:"flex-start",alignItems:"center",spacing:"5px",children:a.map(((e,n)=>{if(0!=e.length)return(0,g.jsxs)(s.Kq,{width:"100%",direction:"column",alignItems:"center",justifyContent:"flex-start",children:[(0,g.jsx)(s.M5,{width:"100%",children:(0,g.jsx)(s.iz,{color:"blackAlpha.500",size:"1px",width:"20%"})}),(0,g.jsxs)(s.xv,{as:"b",fontSize:1.2*u+"px",sx:{color:x+" !important",fontFamily:f+" !important"},align:"center",children:["\xa0",e[0].type,"\xa0"]}),(0,g.jsx)(s.Eq,{justify:"center",children:e.map(((i,o)=>{var r,a,l,d;return(0,g.jsx)(s.Uc,{children:(0,g.jsx)(s.xu,{borderRadius:"Colour"!==i.type&&"Color"!==i.type||j.length!==(null===e||void 0===e?void 0:e.length)?"2px":"50%",padding:"2px",onClick:t=>{t.stopPropagation(),i.available&&T([0==n?i.option:_[0],1==n?i.option:_[1],2==n?i.option:_[2]])},backgroundColor:i.option==_[n]?m:"white",_hover:{bg:i.option==_[n]?m:(0,Q.lA)(m,5)},cursor:"pointer",children:"Colour"!==i.type&&"Color"!==i.type||j.length!==(null===e||void 0===e?void 0:e.length)?(0,g.jsxs)(s.xv,{as:i.available?"samp":"s",fontSize:u+"px",sx:{color:(i.available?i.option==_[n]?"white":"black":"gray")+" !important",fontFamily:f+" !important"},align:"center",paddingX:(d=i.option,d.length>=3?"0px":.5*u+"px"),children:["\xa0",i.option,"\xa0"]}):(0,g.jsx)(v.Ee,{padding:"2px",borderRadius:(0,c.lm)(w),width:"58px",height:"58px",src:null===t||void 0===t||null===(r=t.data)||void 0===r||null===(a=r.product)||void 0===a||null===(l=a.images)||void 0===l?void 0:l[j[o]].src})})},i.option)}))},n)]},n)}))})},kt=n(9219),It=n(9363);var Ft=function(t){const[e]=(0,h.j1)("isInDesignMode"),[n]=(0,h.j1)("isDemoBrand"),[i]=(0,h.j1)("whatmoreSecondaryColor"),o=(0,h.MO)("whatmoreSecondaryColorShade900"),[a]=(0,h.j1)("whatmorePrimaryFont"),[l]=(0,h.j1)("whatmoreShopId"),[x,m,f,w]=(0,u.Z)(),[j,C]=(0,r.useState)(!1),[S,y]=(0,r.useState)(t.product),{whatmoreUITheme:b}=(0,r.useContext)(it.I),{whatmoreWidgetSourceDetails:k}=(0,r.useContext)(it.I),[I,F,_,T,E,P]=yt(0,S,t.event),[O,z]=(0,r.useState)(null),[L,D]=(0,r.useState)(parseFloat(S.price)),[R,K]=(0,r.useState)(parseFloat(S.compare_price)),[M,W]=(0,r.useState)(S.currency),[q,A]=(0,r.useState)(),H=t.event,Z=t.productClickHandler,{whatmoreIsPreviewMode:N}=(0,r.useContext)(it.I);(0,r.useEffect)((()=>{(0,c.N8)(l)&&(0,kt.Rb)(S,(0,c.Ip)(l),l).then((t=>{y(t),D(parseFloat(t.price)),K(parseFloat(t.compare_price)),W(t.currency)}));(async()=>{const t=await(0,p.gK)(S,(0,c.Ip)(l),l);A(t)})()}),[]);var B=.68*w,U=.55*B,Y=.4*B,X=B*(.55-.4),G=B+"px",J=Y+"px",ot=X+"px",dt=.12*Y;const st=(0,c.IT)(l);return(0,g.jsxs)(s.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",marginTop:tt,marginBottom:(0,c.pq)(l),width:G,height:"fit-content",boxShadow:"round"==b?"dark-lg":null,onClick:()=>{!function(t,i){e||n||(async()=>{(0,d.wz)(t,i)})(),Z(i),C(!0)}(H,S)},backgroundColor:(0,Q.lA)("#ffffff",(0,c.U5)(l)),animation:j?$.mT:null,borderRadius:"round"==b?"xl":null,overflow:"hidden",onAnimationEnd:()=>{C(!1)},spacing:0,sx:{borderWidth:(0,c.al)(l),borderColor:(0,c.qP)(l)},children:[(0,g.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-start",alignContent:"center",cursor:"pointer",children:[(0,g.jsx)(s.xu,{height:J,width:J,bgColor:o,children:(0,g.jsx)(v.Ee,{width:J,height:J,src:(0,It.s)(S.thumbnail_image,"&width=400&height=400"),sx:{objectFit:(0,c.yO)(l)+" !important"}})}),(0,g.jsxs)(s.xu,{height:J,width:B-Y+"px",children:[(0,g.jsxs)(s.Kq,{direction:"column",justifyContent:(0,c.Fr)(l)?"flex-end":"center",alignContent:"center",width:"fit-content",height:"100%",paddingX:"4px",paddingY:"10px",children:[(0,g.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:3,fontSize:1.1*dt+"px",fontWeight:"medium",lineHeight:"120%",sx:{fontFamily:a+" !important",color:"black !important",padding:"0px !important",letterSpacing:"normal !important"},children:(0,at.s)(null==S.title?"":S.title.toString())}),(0,c.is)(l)?(0,g.jsxs)(s.Kq,{direction:(0,c.$z)(l)?"row":"row-reverse",width:"fit-content",height:"fit-content",justifyContent:"flex-start",alignContent:"center",marginTop:"5px",borderRadius:"round"==b?"lg":null,backgroundColor:"white",paddingX:"8px",paddingY:"4px",children:[(0,g.jsxs)(s.xv,{noOfLines:1,fontSize:.9*dt*(0,c.Rq)(l)+"px",fontWeight:"semibold",lineHeight:"100%",textAlign:"center",sx:{fontFamily:a+" !important",color:(0,c.Uy)(l)+" !important",padding:"0px !important",letterSpacing:"normal !important",margin:"0px !important"},children:["\xa0"," "+(0,kt.jx)(L,"",l,M)," \xa0"]}),(0,lt.B)(L,R)?(0,g.jsxs)(s.xv,{noOfLines:1,fontSize:.9*dt*(0,c.Rq)(l)+"px",fontWeight:"medium",lineHeight:"100%",textAlign:"center",sx:{fontFamily:a+" !important",color:(0,c.kP)(l)+" !important",margin:"0px !important",letterSpacing:"normal !important",textDecoration:"line-through !important"},children:[" ",(0,kt.jx)(R,"",l,M)]}):(0,g.jsx)(g.Fragment,{})]}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(s.xv,{fontSize:.82*dt*(0,c.Rq)(l)+"px",fontWeight:"medium",lineHeight:"110%",sx:{fontFamily:a+" !important",color:(0,c.eo)(l)+" !important",marginTop:"4px !important"},children:N?(0,c.qd)(l):(0,c.aT)(l)})]}),(0,c.Fr)(l)?(0,g.jsx)(s.Kq,{className:"whatmore-ios-css-relative-fix",style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:"flex-start",height:"100%",width:"100%",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-end",alignItems:"center",marginTop:"5px",backgroundColor:"transparent",children:[(0,g.jsx)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"center",alignItems:"center",backgroundColor:o,sx:{borderRadius:"round"==b?"5px":"0px",padding:"2px"},spacing:"0px",children:(0,g.jsx)(rt.Z,{sx:{color:i,fontSize:1.3*dt+"px"}})}),(0,g.jsx)(s.xu,{width:"2px"})]})}):(0,g.jsx)(g.Fragment,{})]})]}),(0,g.jsx)(V.Rg,{unmountOnExit:!0,initialScale:.5,in:"awaitingVariantSelection"==I.state,style:{height:"fit-content",width:"100%"},children:"awaitingVariantSelection"==I.state&&null!=F?(0,g.jsx)(s.xu,{width:"100%",height:"fit-content",marginTop:.1*U+"px",marginBottom:.1*U+"px",overflowY:"auto",overflowX:"hidden",maxHeight:U*st+"px",overscrollBehavior:"contain",onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,g.jsx)(bt,{width:G,height:"fit-conten",event:H,product:S,data:q,productVariantOptions:F,baseFontSize:1.2*dt,onOptionSelected:t=>{!function(t){z(t);const e=E(t);e&&(D(e.price),K(e.compare_price))}(t)}})}):(0,g.jsx)(g.Fragment,{})}),(0,g.jsx)(s.Kq,{direction:"row",width:"100%",height:ot,justifyContent:"center",alignItems:"center",children:(0,g.jsx)(gt,{baseFontSize:.3*X,event:H,product:S,cartState:I.state,cartCount:I.cart_count,onClickAtc:t=>{"init"==I.state?(_(),(0,et.GF)({userInteractionType:nt.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:k,event:H,productList:[S],ctaList:H.cta})):"awaitingVariantSelection"==I.state&&T(O)},onCartIconClick:()=>{P()}})})]})},_t=n(3867);var Tt=function(t){var e,n,i;const[o]=(0,h.j1)("isInDesignMode"),[r]=(0,h.j1)("isDemoBrand"),[a]=(0,h.j1)("whatmoreSecondaryColor"),[l]=(0,h.j1)("whatmorePrimaryFont"),c=t.event,u=t.product,p=null!==(e=t.baseFontSize)&&void 0!==e?e:10,x=null!==(n=t.width)&&void 0!==n?n:"fit-content",m=null!==(i=t.height)&&void 0!==i?i:"fit-content";return(0,g.jsx)(s.rU,{href:u.product_link,color:a,onClick:()=>{!function(t,e){o||r||(async()=>{(0,d.$L)(t,e)})()}(c,u)},children:(0,g.jsx)(s.xu,{width:x,height:m,padding:"2x",boxShadow:"lg",borderRadius:"md",backgroundColor:"white",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"5px",spacing:"5px",children:[(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.xv,{lineHeight:"100%",fontSize:1.4*p,fontWeight:"semibold",sx:{fontFamily:l+" !important",color:a+" !important"},children:" VIEW MORE "})}),(0,g.jsx)(s.M5,{children:(0,g.jsx)(rt.Z,{sx:{color:a,fontSize:1.4*p}})})]})})})},Et=n(7605);var Pt=n(6163);function Ot(t){var e;const[n]=(0,h.j1)("whatmoreSecondaryColor"),[i]=(0,h.j1)("whatmorePrimaryFont"),[o]=(0,h.j1)("whatmoreShopId"),[a,l]=(0,r.useState)(!1),d=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),u=t.onClick,p=t.width,x=t.height,m=t.title;return(0,g.jsx)(s.xu,{width:p,height:x,padding:"2x",boxShadow:"lg",backgroundColor:n,onClick:t=>{t.stopPropagation(),u(),l(!0)},animation:a?$.mT:null,onAnimationEnd:()=>{l(!1)},cursor:"pointer",children:(0,g.jsx)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:(0,g.jsxs)(s.xv,{as:"p",ref:t=>{t&&t.style.setProperty("min-height","0","important")},lineHeight:"100%",fontSize:1.4*d+"px",fontWeight:"semibold",sx:{fontFamily:i+" !important",color:(0,c.KC)(o)+" !important"},children:["\xa0",m,"\xa0"]})})})}var zt=function(t){var e,n,i;const[o]=(0,h.j1)("whatmoreShopId"),r=t.event,a=t.product,l=null!==(e=t.baseFontSize)&&void 0!==e?e:10,d=t.onShopNowClick,s=null!==(n=t.width)&&void 0!==n?n:"100%",c=null!==(i=t.height)&&void 0!==i?i:"100%";return(0,g.jsx)(Ot,{onClick:function(){d()},event:r,product:a,baseFontSize:l,width:s,height:c,title:"SHOP NOW"})};var Lt=function(t){var e;const[n]=(0,h.j1)("isInDesignMode"),[i]=(0,h.j1)("isDemoBrand"),[o]=(0,h.j1)("whatmorePrimaryFont"),[a]=(0,h.j1)("whatmoreShopId"),[l,p,x,m]=(0,u.Z)(),[f,w]=(0,r.useState)(!1),[j,C]=(0,r.useState)(t.product),{whatmoreWidgetSourceDetails:S}=(0,r.useContext)(it.I),[y,b,k,I,F,_]=yt(0,j,t.event),[T,E]=(0,r.useState)(null),[P,O]=(0,r.useState)(parseFloat(j.price)),[z,L]=(0,r.useState)(parseFloat(j.compare_price)),[D,R]=(0,r.useState)(j.currency),K=t.event,M=t.productClickHandler,W=null!==(e=t.tileWidthFactor)&&void 0!==e?e:1;(0,r.useEffect)((()=>{(0,c.N8)(a)&&(0,kt.Rb)(j,brandDomainContext(a),a).then((t=>{C(t),O(parseFloat(t.price)),L(parseFloat(t.compare_price)),R(t.currency)}))}),[]);var q=m*W,A=.3*q,H=q+"px",Z=.7*A,N=.9*Z,B=.12*A;const U=(0,c.IT)(a);function Y(t,e){n||i||(async()=>{(0,d.wz)(t,e)})(),M(e),w(!0)}return(0,g.jsx)(s.Kq,{direction:"row",width:H,height:"fit-content",justifyContent:"center",children:(0,g.jsx)(s.xu,{marginTop:tt,marginBottom:(0,c.pq)(a),width:H,onClick:t=>{},animation:f?$.mT:null,borderRadius:"lg",onAnimationEnd:()=>{w(!1)},children:(0,g.jsxs)(s.Kq,{direction:"column",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",spacing:"0px",children:[(0,g.jsxs)(s.Kq,{direction:"row",width:"100%",height:"70%",justifyContent:"space-around",alignItems:"center",borderTopRadius:"lg",overflow:"hidden",onClick:()=>{Y(K,j)},children:[(0,g.jsx)(s.xu,{height:Z+"px",width:Z+"px",children:(0,g.jsx)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",children:(0,g.jsx)(s.xu,{height:N+"px",width:N+"px",borderRadius:"lg",bgColor:"gray.100",overflow:"hidden",children:(0,g.jsx)(v.Ee,{width:N+"px",height:N+"px",src:j.thumbnail_image,objectFit:"cover"})})})}),(0,g.jsx)(s.xu,{height:Z+"px",width:q-Z+"px",children:(0,g.jsxs)(s.Kq,{direction:"column",justifyContent:"space-between",alignContent:"center",width:"fit-content",height:"100%",paddingX:"10px",paddingY:"10px",spacing:"2px",children:[(0,g.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:1.2*B+"px",fontWeight:"medium",lineHeight:"120%",sx:{fontFamily:o+" !important",color:"white !important"},children:(0,at.s)(j.title.toString())}),(0,g.jsxs)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"center",aligntItems:"center",marginTop:"5px",children:[(0,c.is)(a)?(0,g.jsxs)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"flex-start",aligntItems:"center",borderRadius:"lg",backgroundColor:"blackAlpha.500",paddingX:"10px",paddingY:"5px",children:[(0,g.jsxs)(s.xv,{noOfLines:1,fontSize:1*B+"px",fontWeight:"semibold",lineHeight:"100%",textAlign:"center",sx:{fontFamily:o+" !important",color:"white !important"},children:["\xa0"," ",(0,kt.jx)(parseFloat(P),"",a,D)," \xa0"]}),(0,g.jsx)(s.M5,{children:(0,lt.B)(j.price,j.compare_price)?(0,g.jsxs)(s.xv,{noOfLines:1,fontSize:.8*B+"px",fontWeight:"medium",lineHeight:"100%",textAlign:"center",sx:{fontFamily:o+" !important",color:"#F9F6EE !important",textDecoration:"line-through !important"},children:[" ",(0,kt.jx)(parseFloat(z),"",a,D)]}):(0,g.jsx)(g.Fragment,{})})]}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(s.M5,{children:(0,g.jsx)(_t.Z,{storeId:a,productId:j.client_product_id,productLink:j.product_link,fontSize:1*B,fontColor:"white"})})]})]})})]}),(0,g.jsx)(V.Rg,{unmountOnExit:!0,initialScale:.5,in:"awaitingVariantSelection"==y.state,style:{height:"fit-content",width:"100%"},children:"awaitingVariantSelection"==y.state&&null!=b?(0,g.jsx)(s.xu,{width:"100%",height:"fit-content",marginTop:.1*A+"px",marginBottom:.1*A+"px",overflowY:"auto",overflowX:"hidden",maxHeight:A*U+"px",overscrollBehavior:"contain",onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,g.jsx)(bt,{width:H,height:"fit-content",event:K,product:j,productVariantOptions:b,baseFontSize:1*B,onOptionSelected:t=>{!function(t){E(t);const e=F(t);e&&(O(e.price),L(e.compare_price))}(t)},optionTitleColor:"white"})}):(0,g.jsx)(g.Fragment,{})}),(0,g.jsxs)(s.Kq,{direction:"row",width:"100%",height:"30%",justifyContent:"center",alignItems:"center",paddingBottom:"2px",paddingLeft:"2px",paddingRight:"2px",children:[(0,g.jsx)(s.xu,{width:"100%",height:"100%",children:(0,g.jsx)(Tt,{baseFontSize:.8*B,event:K,product:j,width:"100%",height:"100%"})}),(0,g.jsx)(s.xu,{width:"100%",height:"100%",borderRadius:"md",overflow:"hidden",children:(0,c.Ib)(a)?(0,g.jsx)(zt,{baseFontSize:.8*B,event:K,product:j,borderRadius:"md",onShopNowClick:t=>{Y(K,j)}}):(0,g.jsx)(g.Fragment,{children:"form"===(0,c._5)(a)?(0,g.jsx)(Pt.default,{baseFontSize:.8*B,event:K,product:j,width:"100%",height:"100%",showAddedToCart:!0}):(0,g.jsx)(gt,{baseFontSize:.8*B,event:K,product:j,cartState:y.state,cartCount:y.cart_count,borderRadius:"md",onClickAtc:t=>{"init"==y.state?(k(),(0,et.GF)({userInteractionType:nt.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:S,event:K,productList:[j],ctaList:K.cta})):"awaitingVariantSelection"==y.state&&I(T)},onCartIconClick:()=>{_()}})})})]})]})})})};var Dt=function(t){const[e]=(0,h.j1)("isInDesignMode"),[n]=(0,h.j1)("isDemoBrand"),[i]=(0,h.j1)("whatmoreSecondaryColor"),o=(0,h.MO)("whatmoreSecondaryColorShade900"),[a]=(0,h.j1)("whatmorePrimaryFont"),[l]=(0,h.j1)("whatmoreShopId"),[p,x,m,f]=(0,u.Z)(),[w,j]=(0,r.useState)(!1),[C,S]=(0,r.useState)(t.product),{whatmoreUITheme:y}=(0,r.useContext)(it.I),[b,k]=(0,r.useState)(!(0,c.N8)(l)),[I,F]=(0,r.useState)(parseFloat(C.price)),[_,T]=(0,r.useState)(parseFloat(C.compare_price)),[E,P]=(0,r.useState)(C.currency),O=t.event;t.productClickHandler,(0,r.useEffect)((()=>{(0,c.N8)(l)&&(0,kt.Rb)(C,(0,c.Ip)(l),l).then((t=>{S(t),F(parseFloat(t.price)),T(parseFloat(t.compare_price)),P(t.currency),k(!0)}))}),[]);var z=.68*f,L=.4*z,D=z+"px",R=L+"px",K=z*(.55-.4)+"px",M=.12*L;(0,c.IT)(l);const{whatmoreWidgetSourceDetails:W}=(0,r.useContext)(it.I);function q(t){return(0,c.lj)(l)?t.product_link+"?"+(0,c.aw)(l)+"&"+(0,c.n9)(l)+"&"+(0,c.v)(l):t.product_link}function A(t,i){e||n||(async()=>{(0,d.wz)(t,i),(0,et.GF)({userInteractionType:nt.K.PRODUCT_TILE_SHOPNOW_CLICKED,widgetSourceDetails:W,event:t,productList:[i],ctaList:t.cta})})(),j(!0)}return(0,g.jsxs)(s.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",marginTop:tt,marginBottom:(0,c.pq)(l),width:D,height:"fit-content",boxShadow:"round"==y?"dark-lg":null,onClick:()=>{A(O,C),window.location.href=q(C)},backgroundColor:(0,Q.lA)("#ffffff",(0,c.U5)(l)),animation:w?$.mT:null,borderRadius:"round"==y?"xl":null,overflow:"hidden",onAnimationEnd:()=>{j(!1)},spacing:0,sx:{borderWidth:(0,c.al)(l),borderColor:(0,c.qP)(l)},children:[(0,g.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-start",alignContent:"center",cursor:"pointer",children:[(0,g.jsx)(s.xu,{height:R,width:R,bgColor:o,children:(0,g.jsx)(v.Ee,{width:R,height:R,src:(0,It.s)(C.thumbnail_image,"&width=400&height=400"),sx:{objectFit:(0,c.yO)(l)+" !important"}})}),(0,g.jsxs)(s.xu,{height:R,width:z-L+"px",children:[(0,g.jsxs)(s.Kq,{direction:"column",justifyContent:(0,c.Fr)(l)?"flex-end":"center",alignContent:"center",width:"fit-content",height:"100%",paddingX:"10px",paddingY:"10px",children:[(0,g.jsx)(s.xv,{as:"p",ref:t=>{t&&t.style.setProperty("min-height","0","important")},style:{overflow:"hidden",textOverflow:"ellipsis"},sx:{fontFamily:a+" !important",color:"black !important",lineHeight:"120% !important",fontWeight:"medium !important",fontSize:1.1*M+"px !important",noOfLines:"2 !important"},children:(0,at.s)(null==C.title?"":C.title.toString())}),(0,c.is)(l)?(0,g.jsxs)(s.Kq,{direction:(0,c.$z)(l)?"row":"row-reverse",width:"fit-content",height:"fit-content",justifyContent:"flex-start",alignContent:"center",marginTop:"5px",borderRadius:"round"==y?"lg":null,backgroundColor:"white",paddingX:"8px",paddingY:"5px",children:[b&&(0,g.jsxs)(s.xv,{as:"p",ref:t=>{t&&t.style.setProperty("min-height","0","important")},noOfLines:1,fontSize:.9*M+"px",fontWeight:"semibold",lineHeight:"100%",textAlign:"center",sx:{fontFamily:a+" !important",color:(0,c.Uy)(l)+" !important",margin:"0px !important"},children:["\xa0"," "+(0,kt.jx)(I,"",l,E)," \xa0"]}),(0,lt.B)(I,_)&&b?(0,g.jsxs)(s.xv,{as:"s",style:{minHeight:0},noOfLines:1,fontSize:.9*M+"px",fontWeight:"medium",lineHeight:"100%",textAlign:"center",sx:{fontFamily:a+" !important",color:(0,c.kP)(l)+" !important",margin:"0px !important"},children:[" ",(0,kt.jx)(_,"",l,E)]}):(0,g.jsx)(g.Fragment,{})]}):(0,g.jsx)(g.Fragment,{})]}),(0,c.Fr)(l)?(0,g.jsx)(s.Kq,{className:"whatmore-ios-css-relative-fix",style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:"flex-start",height:"100%",width:"100%",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-end",alignItems:"center",marginTop:"5px",backgroundColor:"transparent",children:[(0,g.jsx)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"center",alignItems:"center",backgroundColor:o,sx:{borderRadius:"round"==y?"5px":"0px",padding:"2px"},spacing:"0px",children:(0,g.jsx)(rt.Z,{sx:{color:i,fontSize:1.3*M+"px"}})}),(0,g.jsx)(s.xu,{width:"2px"})]})}):(0,g.jsx)(g.Fragment,{})]})]}),(0,c.pp)(l)&&(0,g.jsx)(s.Kq,{direction:"row",width:"100%",height:K,justifyContent:"center",alignItems:"center",children:(0,g.jsx)(zt,{baseFontSize:.8*M,event:O,product:C,borderRadius:"md",onShopNowClick:t=>{A(O,C),window.location.href=q(C)}})})]})};var Rt=function(t){const[e]=(0,h.j1)("whatmoreShopId"),n=(0,c.ey)(e),i=t.event,o=t.product;return"broad-tile"==n?(0,g.jsx)(Ft,{product:t.product,event:t.event,productClickHandler:t.productClickHandler}):"broad-tile-no-cta"==n?(0,g.jsx)(Dt,{product:t.product,event:t.event,productClickHandler:t.productClickHandler}):"link_only"==n?(0,g.jsx)(ot,{product:t.product,event:t.event}):"narrow-tile"==n?(0,g.jsx)(Lt,{event:i,product:o,productClickHandler:t.productClickHandler,tileWidthFactor:i.products.length>1?.68:void 0}):(0,g.jsx)(Ft,{product:t.product,event:t.event,productClickHandler:t.productClickHandler})},Kt=n(6119),Mt=n(3388),Wt=n(7643);var qt=function(t){const[e,n,i,o]=(0,u.Z)(),[r]=(0,h.j1)("whatmoreShopId"),d=(0,h.MO)("isInDesignMode"),p=(0,h.MO)("isDemoBrand"),x=t.event,m=t.productClickHandler,v=(0,c.ey)(r);if(!(0,Mt.kT)(x))return(0,g.jsx)(g.Fragment,{});if(1==x.products.length&&(void 0==x.cta||0==x.cta.length)){const t=x.products[0];return(0,c.rn)(r)?(0,g.jsx)(s.Kq,{direction:"horizontal",width:o,height:"fit-content",justifyContent:"center",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0.6), rgba(0,0,0,0.8))",children:(0,g.jsx)(Wt.u,{userInteractionType:nt.K.PRODUCT_CTA_VIEW,event:x,productList:[t],triggerFlag:!d&&!p,children:(0,g.jsx)(s.M5,{children:(0,g.jsx)(Lt,{event:x,product:t,productClickHandler:m},x.event_id+t.product_id)})})}):(0,g.jsx)(s.Kq,{direction:"horizontal",width:o,height:"fit-content",justifyContent:"center",backgroundImage:"narrow-tile"==v?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0.6), rgba(0,0,0,0.8))":null,children:(0,g.jsx)(s.M5,{children:(0,g.jsx)(Wt.u,{userInteractionType:nt.K.PRODUCT_CTA_VIEW,event:x,productList:[t],triggerFlag:!d&&!p,children:(0,g.jsx)(Rt,{event:x,product:t,productClickHandler:m},x.event_id+t.product_id)})})})}return(0,g.jsx)(s.M5,{children:(0,g.jsx)("div",{onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,g.jsx)(s.xu,{width:o+"px",backgroundImage:"narrow-tile"==v?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0.6), rgba(0,0,0,0.8))":null,children:(0,g.jsxs)(a.tq,{slidesPerView:1==x.products.length?1:1.4,initialSlide:x.products.length<=2?0:1,centeredSlides:!0,modules:[l.Gk],mousewheel:{invert:!1,thresholdDelta:20},nested:!0,children:[x.products.map((t=>(0,g.jsx)(a.o5,{children:(0,g.jsx)(Wt.u,{userInteractionType:nt.K.PRODUCT_CTA_VIEW,event:x,productList:[t],triggerFlag:!d&&!p,children:(0,g.jsx)(s.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-end",alignItems:"center",children:(0,g.jsx)(Rt,{event:x,product:t,productClickHandler:m},x.event_id+t.product_id)})})},x.event_id+t.product_id))),(0,c.pp)(r)&&void 0!=x.cta&&x.cta.map((t=>(0,g.jsx)(a.o5,{children:(0,g.jsx)(s.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-end",alignItems:"center",children:(0,g.jsx)(Kt.Z,{event:x,cta:t},x.event_id+t.cta_id)})},x.event_id+t.cta_id)))]})})})})};var At=function(t){const[e,n]=(0,h.j1)("isProductSwiperCatalogOpen"),i=t.event,o=t.productClickHandler;return(0,r.useContext)(xn).isIOS&&e?(0,g.jsx)(qt,{event:i,productClickHandler:o},i.event_id):(0,g.jsx)(V.MT,{unmountOnExit:!0,initialScale:.2,in:e,children:(0,g.jsx)(qt,{event:i,productClickHandler:o},i.event_id)})};function Ht(t){const e=t.event,[n,i,o,r]=(0,u.Z)(),[a]=(0,h.j1)("whatmorePrimaryFont");return(0,g.jsx)(s.xu,{width:"fit-content",height:"fit-content",padding:"5px",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",children:[(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.Cd,{overflow:"hidden",size:.15*r+"px",children:(0,g.jsx)(v.Ee,{width:"100%",height:"100%",src:e.thumbnail_image})})}),(0,g.jsx)(s.xu,{width:"fit-content",height:"fit-content",children:(0,g.jsxs)(s.Kq,{direction:"column",width:"fit-content",height:"fit-content",children:[(0,g.jsx)(s.xv,{color:"white",fontSize:.05*r+"px",fontWeight:"bold",fontFamily:"sans-serif",align:"left",sx:{fontFamily:a+" !important"},children:e.presenter_name.substring(0,15)}),(0,g.jsx)(A.Z,{event:e,fontSize:.03*r+"px"})]})})]})})}var Zt,Nt=function(t){const[e]=(0,h.j1)("isInDesignMode"),[n]=(0,h.j1)("isDemoBrand"),[i,o]=(0,h.j1)("isProductSwiperCatalogOpen"),[a,l]=(0,j.Z)(),[d,u]=(0,h.j1)("isFirstIndicatorRenderDone"),p=(0,r.useContext)(xn),[x]=(0,h.j1)("whatmoreShopId"),m=t.event,v=t.isLast,f=t.onCloseCallback,w=t.focusRef,C=t.productClickHandler;return(0,g.jsx)(s.xu,{width:"full",height:"full",borderRadius:"md",children:(0,g.jsxs)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"space-between",children:[(0,g.jsx)(s.xu,{width:"full",margin:"2px",bgGradient:"linear(to-t, transparent, whiteAlpha.100, blackAlpha.200, blackAlpha.400, blackAlpha.800)",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"space-between",paddingRight:"10px",paddingLeft:"10px",children:[(0,g.jsx)(Ht,{event:m}),(0,g.jsxs)(s.Kq,{direction:"row",width:"fit-content",justifyContent:"end",paddingLeft:"10px",children:[(0,g.jsx)(k,{focusRef:w}),(0,g.jsx)(B,{event:m,onCloseCallback:f})]})]})}),(0,g.jsx)(s.xu,{width:"100%",height:"100%",onClick:()=>{l(!a)}}),(0,g.jsxs)(s.xu,{width:"full",height:"fit-content",children:[p.totalEvents>1&&!d&&p.showSwipeIndicator?(0,g.jsx)(s.xu,{width:"full",margin:"2px",children:(0,g.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"center",children:(0,g.jsx)(G,{swipeUp:!v})})}):null,void 0!=m.products&&m.products.length>0?(0,g.jsxs)(s.xu,{width:"full",children:[(0,c.Jm)(x)?(0,g.jsx)(s.xu,{w:"100%",children:(0,g.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,g.jsx)(q,{event:m,onToggle:t=>{o("minimize-button"!==t)}})})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(s.xu,{display:"flex",width:"100%",height:"fit-content",children:(0,g.jsx)(At,{event:m,productClickHandler:C})})]}):(0,g.jsx)("div",{})]})]})})};function Bt(t){const[e,n,i,o]=(0,u.Z)(),[a]=(0,h.j1)("whatmorePrimaryFont"),[l]=(0,h.j1)("whatmoreShopId"),[d,p]=(0,r.useState)(""),x=t.data,m=(t.event,t.product,t.setShowOptionsChart);var f=.4*o*.8*.13;(0,r.useEffect)((()=>{var t,e,n;let i="vanyaclothing.myshopify.com";"1972174947"===l&&(i="vanyaclothing.myshopify.com");const o="https://app.kiwisizing.com/api/getSizingChart?shop=".concat(i,"&product=").concat(null===x||void 0===x||null===(t=x.product)||void 0===t||null===(e=t.image)||void 0===e?void 0:e.product_id,"&title=").concat(null===x||void 0===x||null===(n=x.product)||void 0===n?void 0:n.title,"&tags=&cacheSettingsUpdateAt=2020-08-11T15%3A19%3A49.000Z&settingsVersion=19");fetch(o).then((t=>{if(!t.ok)throw new Error("HTTP error! Status: ".concat(t.status));return t.json()})).then((t=>{p(t.sizings[0].layout.data[0].data.url)})).catch((t=>{console.error("Error fetching data:",t)}))}),[]);const w=(0,_.F4)(Zt||(Zt=(0,I.Z)(["\n        0% {\n            transform: translateY(100%);\n        }\n    "]))),j="".concat(w," 0.5s");return(0,g.jsx)(s.Kq,{bg:"black",height:"100%",opacity:"100%",width:"100%",borderTopRadius:"xl",animation:j,justifyContent:"center",alignItems:"center",children:(0,g.jsxs)(s.xu,{width:"100%",height:"100%",children:[(0,g.jsx)(v.Ee,{width:"100%",height:"auto",src:(0,c.Zb)(l)?d:(0,c.KM)(l),objectFit:"contain",borderTopRadius:"xl"}),(0,g.jsx)(s.Kq,{width:"100%",height:"100%",direction:"column",justifyContent:"flex-start",style:{position:"relative",zIndex:1,bottom:"90%"},className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-end",alignItems:"center",onClick:t=>{t.stopPropagation(),m(!1)},cursor:"pointer",padding:"4px",children:(0,g.jsx)(H.Z,{sx:{boxShadow:3,color:"white !important",fontSize:1.6*f,filter:"drop-shadow(0 0 5px black);"}})})})]})})}var Vt=n(9748),Ut=n(5630),Yt=(n(51),n(6665));function Xt(t){var e;const[n,i]=(0,r.useState)(null),o=t.product;return(0,r.useEffect)((()=>{(0,ft.bN)(o).then((t=>{i(t.variants)}))}),[]),null==n?(0,g.jsx)(g.Fragment,{}):(0,g.jsx)("div",{style:{width:null!==(e=t.width)&&void 0!==e?e:"100%",borderRadius:"6px",overflow:"hidden",height:1.5*t.height,backgroundColor:"white"},children:(0,g.jsxs)("form",{method:"post",action:"/cart/add","accept-charset":"UTF-8",class:"shopify-product-form",enctype:"multipart/form-data",is:"product-form",children:[(0,g.jsx)("input",{type:"hidden",name:"form_type",value:"product"}),(0,g.jsx)("input",{type:"hidden",name:"utf8",value:"\u2713"}),(0,g.jsx)("input",{type:"hidden",name:"id",value:t.variantId}),(0,g.jsx)("input",{type:"hidden",value:t.product.product_link,name:"productUrl"}),(0,g.jsx)("div",{class:"shiprocket-headless","data-type":"product"}),(0,g.jsx)("textarea",{"data-variant-json":"",class:"hide","aria-hidden":"true","aria-label":"Product JSON",children:JSON.stringify(n).toString()})]})})}function Gt(t){const e=(0,h.MO)("whatmoreShopId"),n=t.product;return"63748341981"==e||"55845847231"==e||"47837511839"==e?(0,g.jsx)(Xt,{product:n,variantId:t.variantId,height:t.height,width:t.width}):(0,g.jsx)(g.Fragment,{})}function Jt(t){var e,n,i;const[o]=(0,h.j1)("isInDesignMode"),[a]=(0,h.j1)("isDemoBrand"),[l]=(0,h.j1)("whatmoreShopId"),[u]=(0,h.j1)("whatmorePrimaryFont"),[p]=(0,h.j1)("whatmoreSecondaryColor"),{whatmoreUITheme:x}=(0,r.useContext)(it.I),{whatmoreWidgetSourceDetails:m}=(0,r.useContext)(it.I),[v,f]=(0,r.useState)(!1),{closeClickComponent:w}=(0,r.useContext)(xn),[j,C]=(0,r.useState)(!1),S=t.FONT_SIZE,y=t.data,b=t.event,k=t.selectedVariantId,I=t.product,F=t.itemQuantity,_=t.PRODUCT_TILE_WIDTH,T=t.cartItemCount,E=t.addToCartFlag,P=t.setAddToCartFlag,z=t.soldOutFlag,L=t.setSoldOutFlag;const D=t=>{var e,n,i;(function(t,e){o||a||(async()=>{(0,d.$L)(t,e)})()}(b,I),"buy-now"==t)&&(!function(t,e,n,i){"shopify"==n?(0,ft.bj)(t,e,i):(0,vt.rY)(t,e,i)}(void 0!==k?k:null===y||void 0===y||null===(e=y.product)||void 0===e||null===(n=e.variants)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.id,F,(0,c.Ip)(l),l),(0,et.GF)({userInteractionType:nt.K.SHOPNOW_ATC_CLICKED,widgetSourceDetails:m,event:b,productList:[I],ctaList:b.cta}));"view-more"==t&&(window.location.href=I.product_link+"?"+(0,c.aw)(l)+"&"+(0,c.n9)(l)+"&"+(0,c.v)(l)+((0,c.C0)(l)?"&currency="+I.currency:""))};return(0,g.jsxs)(s.Kq,{boxShadow:"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px",position:t.position,bg:"#D3D3D3",borderRadius:"10px",bottom:"10px",left:"50%",zIndex:"1",transform:"translateX(-50%)",direction:"row",width:"95%",paddingX:"20px",paddingTop:"15px",paddingBottom:"15px",spacing:"15px",fontSize:.9*S,children:[" ",z?(0,g.jsx)(Vt.zx,{width:"90%",bg:"#252324",variant:"outline",opacity:4,_hover:{bg:"#252324"},height:2.5*S,disabled:!0,sx:{borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.al)(l),borderColor:(0,c.qP)(l)},children:(0,g.jsx)(s.xv,{fontWeight:"extrabold",sx:{color:"white !important",fontFamily:u+" !important"},children:"Sold Out"})}):(0,g.jsxs)(s.Kq,{direction:"vertical"==(0,c.rc)(l)?"column":"row",width:"100%",spacing:"15px",fontSize:.9*S,justifyContent:"center",children:[(0,c.$b)(l)?(0,g.jsx)(Vt.zx,{width:"90%",height:2.5*S,onClick:async t=>{var e,n,i;if(t.stopPropagation(),f(!0),function(t,e,n){o||a||(async()=>{(0,d.JX)(t,e,n)})()}(b,I,F),(0,et.GF)({userInteractionType:nt.K.SHOPNOW_ATC_CLICKED,widgetSourceDetails:m,event:b,productList:[I],ctaList:b.cta}),void 0===k)return void console.log("ERROR ! Select the option.");const r=void 0!==k?k:null===y||void 0===y||null===(e=y.product)||void 0===e||null===(n=e.variants)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.id,s=y.product.variants.filter((t=>t.id==r))[0].price;Ct(r,F,(0,c.Ip)(l),l,b,I).then((t=>{if(!t.ok)throw new Error(t.status);return f(!1),P(!0),t.json()})).then((t=>((0,h.bU)("whatmoreAddedToCart",!0),(0,c.k)(l)&&(o||(async()=>{const t=await(0,ft.Mj)().then((t=>t.json())).catch((t=>{console.error("Whatmore :: Error while fetching cart_token for initiateOrderTrackingEvent.",t)}));(0,Et.a)(l,window.location.hostname,"",b.event_id,I.product_id,r,s,F,"add-to-cart",t.token)})()),t))).catch((t=>{f(!1),L(!0),console.error("Error:",t)}))},sx:{paddingLeft:"5px !important",paddingRight:"5px !important",backgroundColor:"#343434"===(0,c.Fd)(l)?p+" !important":(0,c.Fd)(l)+" !important",borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.p5)(l),borderColor:"#343434"===(0,c.yx)(l)?p:(0,c.yx)(l),_hover:{backgroundColor:"transparent !important",borderWidth:(0,c.p5)(l),borderColor:"#343434"===(0,c.yx)(l)?p:(0,c.yx)(l)}},children:v?(0,g.jsx)(Ut.$,{display:"flex !important",color:"white"}):(0,g.jsx)(s.xv,{fontWeight:"extrabold",sx:{color:(0,c.eS)(l)+" !important",fontFamily:u+" !important"},fontSize:S,children:(0,c.t)(l)})}):(0,g.jsx)(g.Fragment,{}),(0,c.cD)(l)?(0,g.jsx)(g.Fragment,{children:(0,c.H$)(l)?(0,g.jsx)(Gt,{variantId:void 0!==k?k:null===y||void 0===y||null===(e=y.product)||void 0===e||null===(n=e.variants)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.id,product:I,height:2.5*S,width:"90%",fontSize:S,fontFamily:u}):(0,g.jsx)(g.Fragment,{children:(0,c.St)(l)?(0,g.jsx)(Vt.zx,{width:"90%",variant:"outline",_hover:{bg:"#E9DCC9"},height:2.5*S,onClick:()=>D("view-more"),sx:{backgroundColor:"white !important",borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.al)(l),borderColor:(0,c.qP)(l)},children:(0,g.jsx)(s.xv,{fontWeight:"extrabold",sx:{color:p+"!important",fontFamily:u+" !important"},fontSize:S,children:(0,c.Z5)(l)})}):(0,g.jsx)(Vt.zx,{width:"90%",variant:"outline",_hover:{bg:"#E9DCC9"},height:2.5*S,onClick:()=>D("buy-now"),sx:{backgroundColor:(0,c.II)(l)+" !important",borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.p5)(l),borderColor:"#343434"===(0,c.yx)(l)?p:(0,c.yx)(l),_hover:{backgroundColor:"transparent !important"}},children:(0,g.jsx)(s.xv,{fontWeight:"extrabold",sx:{color:"#343434"===(0,c.iK)(l)?p+" !important":(0,c.iK)(l)+" !important",fontFamily:u+" !important"},fontSize:S,children:(0,c.Zu)(l)})})})}):(0,g.jsx)(g.Fragment,{})]}),(0,g.jsx)(g.Fragment,{children:(0,c.$b)(l)?(0,g.jsx)(g.Fragment,{children:j?(0,g.jsx)(s.kC,{width:"10%",spacing:"0",right:0,children:(0,g.jsx)("div",{className:"whatmore-rotate-indefinitely",children:(0,g.jsx)(Yt.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"#F5F5F5",fontSize:2.5*S}})})}):(0,g.jsxs)(s.kC,{animation:E?O:"none",onAnimationEnd:()=>P(!1),width:"10%",spacing:"0",right:0,onClick:()=>{"do_nothing"!==(0,c.v9)(l)&&("go_to_cart_page"!==(0,c.v9)(l)?(C(!0),function(t){"open_cart_slider"!==(0,c.v9)(t)||null!==w&&w()}(l)):St((0,c.Ip)(l),l))},cursor:"pointer",children:[(0,g.jsx)(st.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"#F5F5F5",fontSize:2.5*S}}),T>0?(0,g.jsx)(s.Cd,{padding:"2px",bg:"white",size:1.1*S,top:.03*-_,verticalAlign:"top",position:"relative",left:.11*-_,zIndex:"1",children:(0,g.jsx)(s.xv,{sx:{color:"black !important",fontFamily:u+" !important"},fontWeight:"bold",fontSize:.7*S,children:T})}):(0,g.jsx)(g.Fragment,{})]})}):(0,g.jsx)(g.Fragment,{})})]})}function $t(t){var e;const[n]=(0,h.j1)("whatmorePrimaryFont"),i=t.setOpenShopNow,o=t.FONT_SIZE,r=t.setLockSwiper,a=null!==(e=t.headerText)&&void 0!==e?e:"Shop Now";return(0,g.jsxs)(s.kC,{justifyContent:"center",paddingTop:"10px",paddingBottom:"8px",width:"100%",children:[(0,g.jsx)(s.kC,{width:"10%",display:"flex !important"}),(0,g.jsx)(s.kC,{width:"90%",justifyContent:"center",children:(0,g.jsx)(s.xv,{align:"center",fontSize:1.25*o,fontWeight:"semibold",sx:{color:"black !important",fontFamily:n+" !important"},as:"b",children:a})}),(0,g.jsx)(s.kC,{justifyContent:"center",width:"10%",alignItems:"center",onClick:t=>{t.stopPropagation(),i(!1),r(!1)},cursor:"pointer",children:(0,g.jsx)(H.Z,{sx:{boxShadow:3,color:"black !important",fontSize:1.2*o,filter:"drop-shadow(0 0 5px black);"}})})]})}function Qt(t){const[e]=(0,h.j1)("whatmorePrimaryFont"),n=t.FONT_SIZE,i=t.data;return(0,g.jsxs)(s.Kq,{direction:"column",paddingX:"20px",height:"fit-content",children:[(0,g.jsx)(s.Kq,{children:(0,g.jsx)(s.xv,{fontSize:n,fontWeight:"bold",justifyContent:"center",sx:{color:"black !important",fontFamily:e+" !important"},children:"Description"})}),(0,g.jsx)(s.Kq,{children:(0,g.jsx)(s.xu,{overflowY:"auto",scrollBehavior:"smooth",sx:{"::-webkit-scrollbar":{display:"none"}},children:(0,g.jsx)(s.xv,{fontSize:.8*n,justifyContent:"normal",dangerouslySetInnerHTML:{__html:(o=i.product.body_html,o.replace(/style="[^"]*color[^"]*"/gi,""))},sx:{fontFamily:e+" !important",lineHeight:"140% !important"}})})})]});var o}function te(t){var e;const[n,i]=(0,r.useState)(t.product),[o]=(0,h.j1)("whatmorePrimaryFont"),[a]=(0,h.j1)("whatmoreShopId");(0,r.useEffect)((()=>{(0,c.N8)(a)&&(0,kt.Rb)(n,(0,c.Ip)(a),a).then((t=>{i(t)}))}),[]);const l=t.FONT_SIZE,d=t.data,u=t.itemPrice;const p=null===(e=t.data.product.variants.find((e=>e.id==t.selectedVariantId)))||void 0===e?void 0:e.compare_at_price,x=p&&0!=p&&p>u?Math.ceil((p-u)/p*100):NaN;return(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(s.kC,{direction:"column",paddingLeft:"20px",paddingRight:"20px",paddingY:"5px",children:[(0,g.jsx)(s.kC,{children:(0,g.jsx)(s.rU,{href:function(t){return(0,c.lj)(a)?t.product_link+"?"+(0,c.aw)(a)+"&"+(0,c.n9)(a)+"&"+(0,c.v)(a)+((0,c.C0)(a)?"&currency="+t.currency:""):t.product_link+((0,c.C0)(a)?"?currency="+t.currency:"")}(n),color:"white",children:(0,g.jsx)(s.xv,{isTruncated:!0,noOfLines:2,padding:"2px",fontSize:1.1*l,sx:{color:"black !important",lineHeight:"140% !important",fontFamily:o+" !important"},as:"b",children:d.product.title})})}),(0,g.jsxs)(s.kC,{direction:"row",gap:"6px",paddingTop:"4px",children:[p&&p>u&&(0,g.jsx)(s.xv,{as:"s",padding:"2px",fontSize:1.2*l,fontWeight:"semibold",sx:{color:"gray !important",fontFamily:o+" !important"},children:(0,kt.jx)(parseFloat(p)," ",a,n.currency)}),(0,g.jsx)(s.xv,{as:"b",padding:"2px",fontSize:1.2*l,fontWeight:"semibold",sx:{color:"black !important",fontFamily:o+" !important"},children:(0,kt.jx)(parseFloat(u)," ",a,n.currency)}),!isNaN(x)&&0!=x&&(0,g.jsx)(s.xu,{display:"flex",bg:(0,c.sT)(a)?(0,c.ZJ)(a):"white",alignItems:"center",borderRadius:"4px",width:"fit-content",px:"6px",children:(0,g.jsx)(s.xv,{fontSize:(0,c.sT)(a)?"14px":1.1*l,sx:{color:(0,c.ms)(a)+" !important",fontFamily:o+" !important"},children:(0,c.sT)(a)?"".concat(x,"% off"):"Save ".concat((0,kt.jx)(parseFloat(p-u)," ",a,n.currency))})})]})]})})}function ee(t){var e,n;const[i]=(0,h.j1)("whatmorePrimaryFont"),[o]=(0,h.j1)("whatmoreShopId"),{setShowOptionsChart:a}=(0,r.useContext)(he),[l,d]=(0,r.useState)({}),u=(0,h.MO)("whatmoreSecondaryColorShade300"),p=t.selectedColor,x=t.selectOptionFirstHandler,m=t.selectOptionSecondHandler,f=t.selectOptionThirdHandler,w=(t.PRODUCT_TILE_HEIGHT,t.PRODUCT_TILE_WIDTH,t.FONT_SIZE),j=t.data,C=(t.product,(t,e)=>{d((n=>({...n,[t]:e})))});(0,r.useEffect)((()=>{d((t=>{var e,n,i,o,r,a,l,d,s,c,h,u,p,x,g,m,v,f,w,C;return{...t,[null===j||void 0===j||null===(e=j.product)||void 0===e||null===(n=e.options)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.name]:null===(o=j.product.options)||void 0===o||null===(r=o[0])||void 0===r||null===(a=r.values)||void 0===a?void 0:a[0],[null===j||void 0===j||null===(l=j.product)||void 0===l||null===(d=l.options)||void 0===d||null===(s=d[1])||void 0===s?void 0:s.name]:null===j||void 0===j||null===(c=j.product)||void 0===c||null===(h=c.options)||void 0===h||null===(u=h[1])||void 0===u||null===(p=u.values)||void 0===p?void 0:p[0],[null===j||void 0===j||null===(x=j.product)||void 0===x||null===(g=x.options)||void 0===g||null===(m=g[2])||void 0===m?void 0:m.name]:null===j||void 0===j||null===(v=j.product)||void 0===v||null===(f=v.options)||void 0===f||null===(w=f[2])||void 0===w||null===(C=w.values)||void 0===C?void 0:C[0]}}))}),[]);let S=[];for(let r=0;r<(null===j||void 0===j||null===(y=j.product)||void 0===y||null===(b=y.images)||void 0===b?void 0:b.length);r++){var y,b,k,I;(null===j||void 0===j||null===(k=j.product)||void 0===k||null===(I=k.images[r].variant_ids)||void 0===I?void 0:I.length)>0&&S.push(r)}return(0,g.jsx)(s.kC,{direction:"row",paddingLeft:"20px",paddingRight:"20px",paddingY:"10px",children:(null===j||void 0===j||null===(e=j.product)||void 0===e||null===(n=e.options)||void 0===n?void 0:n.length)>0&&(0,g.jsx)(s.kC,{direction:"column",width:"100%",gap:"4px",children:j.product.options.map(((e,n)=>{var r,d;return(0,g.jsx)(g.Fragment,{children:(e.values.length>1||"Color"===e.name||"Colour"===e.name)&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(s.kC,{justifyContent:"space-between",alignItems:"center",children:[(0,g.jsx)(s.xv,{fontSize:1*w,sx:{color:"black !important",fontFamily:i+" !important",fontWeight:"bold"},children:e.name}),"Size"===e.name&&(0,c.eg)(o)?(0,g.jsx)(s.kC,{marginTop:"4px",whiteSpace:"nowrap",cursor:"pointer",children:(0,g.jsx)(s.xv,{fontSize:.7*w,as:"u",sx:{color:"black !important",fontFamily:i+" !important"},onClick:()=>{null!==a&&a(!0)},children:(0,c.me)(o)})}):(0,g.jsx)(g.Fragment,{})]}),(0,g.jsx)(s.Ug,{spacing:0,flexWrap:"wrap",alignContent:"flex-start",alignItems:"center",justifyContent:"flex-start",children:e.values.map(((t,r)=>{var a,d;return"Color"!==e.name&&"Colour"!==e.name||S.length!==(null===e||void 0===e||null===(a=e.values)||void 0===a?void 0:a.length)?(0,g.jsx)(s.kC,{paddingBottom:"8px",paddingRight:"8px",children:(0,g.jsx)(Vt.zx,{size:"sm",px:"8px !important",bg:l[e.name]===t?(null!==(d=(0,c.CP)(o))&&void 0!==d?d:u)+" !important":(0,c.bC)(o)+" !important",width:"fit-content !important",onClick:()=>{C(e.name,t),0===n&&x(t),1===n&&m(t),2===n&&f(t)},children:(0,g.jsx)(s.xv,{fontSize:.9*w,sx:{fontFamily:i+" !important",fontWeight:"normal",color:l[e.name]===t?(0,c.cY)(o)+" !important":(0,c.Fb)(o)+" !important"},children:t})})},t):(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(s.kC,{paddingBottom:"8px",px:"2px",paddingRight:"8px",children:(0,g.jsx)(s.xu,{boxShadow:"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px",borderRadius:(0,c.lm)(o),size:"sm",border:l[e.name]===t?"2px solid ".concat((0,c.u)(o)," !important"):"",width:"fit-content !important",onClick:()=>{C(e.name,t);const i=e.values.indexOf(t);p(i),0===n&&x(t),1===n&&m(t),2===n&&f(t)},children:(0,g.jsx)(v.Ee,{padding:"2px",borderRadius:(0,c.lm)(o),width:"58px",height:"58px",src:j.product.images[S[r]].src})})},t)})}))}),n===(null===j||void 0===j||null===(r=j.product)||void 0===r||null===(d=r.options)||void 0===d?void 0:d.length)-1&&(0,g.jsx)(s.M5,{paddingTop:"8px",width:"100%",children:(0,g.jsx)(s.iz,{color:t.dividerColor,size:"xs"})})]})})}))})})}var ne,ie=n(8782);function oe(t){var e,n;const[i,o,a,l]=(0,u.Z)();var d=.4*l*.8,p=d*(16/9)*.6*.8;const x=1.1*d,m=x*(16/9)*.8;var f=.13*d;const[w,j]=(0,r.useState)(!1),C=t.data,S=t.event,y=t.product,b=t.setOpenShopNow,k=t.setLockSwiper,[F]=(0,h.j1)("whatmoreEmbedAppUseVariant"),[T,E]=(0,r.useState)((()=>{if("true"===F)return le(C,y.client_product_id)})),[P,O]=(0,r.useState)((()=>{if("true"===F)return de(C,y.client_product_id)})),[z,L]=(0,r.useState)((()=>{if("true"===F)return se(C,y.client_product_id)})),[D,R]=(0,r.useState)(),[K,M]=(0,r.useState)(1),[W,q]=(0,r.useState)(),[A,H]=(0,r.useState)(0),[Z,N]=(0,r.useState)(!1),[B,V]=(0,r.useState)(!1),[U,Y]=(0,r.useState)(y.thumbnail_image),X=(0,r.useContext)(it.I),G=(0,h.MO)("whatmoreShopId"),$=(0,r.useCallback)((t=>{E(t)}),[]),Q=(0,r.useCallback)((t=>{O(t)}),[]),tt=(0,r.useCallback)((t=>{L(t)}),[]);(0,r.useEffect)((()=>{const t=re(C,T,P,z);R(t),q(ae(C,t)),M(1),V(!1);const e=ce(C,t);null!==e&&Y(e)}),[T,P,z]),(0,r.useEffect)((()=>{var t,e,n;const i=void 0===D?null===(t=C.product)||void 0===t||null===(e=t.variants)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.price:ae(C,D);q(i*K)}),[K]),(0,r.useEffect)((()=>{function t(t){const e=document.getElementById("whatmore-shopnow-view"),n=document.getElementById("whatmore-size-chart");n&&n.contains(t.target)||!e||e.contains(t.target)||(b(!1),k(!1))}function e(t){t.preventDefault(),t.stopPropagation(),n.scrollTop+=t.deltaY}document.addEventListener("click",t);const n=document.getElementById("whatmore-shopnow-view");return null===n||void 0===n||n.addEventListener("wheel",e),()=>{document.removeEventListener("click",t),document.removeEventListener("wheel",e)}}),[]),(0,r.useEffect)((()=>{const t=async function(t,e){return"shopify"==t?(0,ft.Bi)():(0,vt.OM)(e)}((0,c.Ip)(G),G);t.then((t=>t.json())).then((t=>{H(t.item_count)})).catch((t=>{console.error("Cart Add Error:",t)}))}),[Z]);const[et,nt]=(0,r.useState)(0),ot=(0,_.F4)(ne||(ne=(0,I.Z)(["\n        0% {\n            transform: translateY(100%);\n        }\n    "]))),rt="".concat(ot," 0.5s"),at=t.data.product.images;let lt=0,dt=at.length,st=0;for(let r=0,s=0;r<at.length;r++){var ct,ht;if((null===(ct=at[r])||void 0===ct||null===(ht=ct.variant_ids)||void 0===ht?void 0:ht.length)>0){if(s++,s===et+1){st=1,lt=r;continue}if(1==st){dt=r;break}}}return(0,g.jsxs)(s.kC,{sx:{"&::-webkit-scrollbar":{width:"0px"}},id:"whatmore-shopnow-view",position:"relative",maxHeight:"75vh",overflowY:"scroll",direction:"column",bg:"#FFF",height:"fit-content",opacity:"100%",borderTopRadius:"round"==(null===X||void 0===X?void 0:X.whatmoreUITheme)?"xl":null,animation:rt,children:[(0,g.jsx)($t,{setOpenShopNow:b,setLockSwiper:k,FONT_SIZE:f}),(0,g.jsx)(s.M5,{marginBottom:"10px",px:"20px",py:"5px",children:(0,g.jsx)(s.kC,{bg:"whiteAlpha.900",width:"fit-content",height:"fit-content",borderRadius:"round"==(null===X||void 0===X?void 0:X.whatmoreUITheme)?"lg":null,overflow:"hidden",sx:{borderWidth:(0,c.al)(G),borderColor:(0,c.qP)(G)},children:(0,g.jsx)(s.kC,{width:"100%",children:(0,g.jsx)(ie.P,{renderElement:t=>(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(s.xu,{width:x+"px",height:m+"px",children:(0,g.jsx)(v.Ee,{width:x+"px",height:m+"px",borderRadius:"round"==(null===X||void 0===X?void 0:X.whatmoreUITheme)?"lg":null,src:(0,It.s)(t.eventData.src,"&width=400&height=400"),alt:y.handle,sx:{objectFit:(0,c.yO)(G)+" !important"},fallback:(0,g.jsx)(J.Z,{width:x+"px",height:m+"px",borderRadius:"round"==(null===X||void 0===X?void 0:X.whatmoreUITheme)?"10px":"0px"})})})}),dataList:null===C||void 0===C||null===(e=C.product)||void 0===e?void 0:e.images.slice(lt,dt),spacing:10,defaultHeight:x+"px",defaultWidth:m+"px",retainAlreadyRenderedElements:!0,isScroll:!0})})})}),(0,g.jsx)(te,{data:C,product:y,PRODUCT_TILE_HEIGHT:p,PRODUCT_TILE_WIDTH:d,FONT_SIZE:f,getVariantPrice:ae,selectedVariantId:D,itemPrice:W,itemQuantity:K,setItemQuantity:M,thumbnailImage:U}),C.product.variants.length>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(s.M5,{paddingTop:"4px",width:"100%",children:(0,g.jsx)(s.iz,{color:(0,c.W8)(G),size:"xs",width:"90%"})}),(0,g.jsx)(ee,{data:C,dividerColor:(0,c.W8)(G),selectedColor:t=>{nt(t)},product:y,PRODUCT_TILE_HEIGHT:p,PRODUCT_TILE_WIDTH:d,FONT_SIZE:f,selectOptionFirstHandler:$,selectOptionSecondHandler:Q,selectOptionThirdHandler:tt,getVariantPrice:ae,selectedOptionFirst:T,selectedOptionSecond:P,selectedOptionThird:z,selectedVariantId:D})]}),c.$2&&(null===C||void 0===C||null===(n=C.product)||void 0===n?void 0:n.body_html)&&(0,g.jsx)(Qt,{PRODUCT_TILE_HEIGHT:p,FONT_SIZE:f,data:C,handleToggle:()=>j(!w),show:w}),(0,g.jsx)(s.xu,{sx:{pointerEvents:"none"},paddingTop:"20px",opacity:0,children:(0,g.jsx)(Jt,{position:"relative",data:C,FONT_SIZE:f,product:y})}),(0,g.jsx)(Jt,{position:"fixed",selectedVariantId:D,data:C,FONT_SIZE:f,PRODUCT_TILE_WIDTH:d,product:y,itemQuantity:K,cartItemCount:A,addToCartFlag:Z,setAddToCartFlag:N,soldOutFlag:B,setSoldOutFlag:V,event:S})]})}const re=(t,e,n,i)=>{var o,r,a,l,d,s,c,h,u,p,x,g;if(void 0===e&&void 0===n&&void 0===i)return null===t||void 0===t||null===(o=t.product)||void 0===o||null===(r=o.variants)||void 0===r||null===(a=r[0])||void 0===a?void 0:a.id;if(void 0===i&&void 0===n)return null===(l=t.product.variants.find((t=>t.option1===e)))||void 0===l?void 0:l.id;if(void 0===i&&void 0===e)return null===(d=t.product.variants.find((t=>t.option2===n)))||void 0===d?void 0:d.id;if(void 0===n&&void 0===e)return null===(s=t.product.variants.find((t=>t.option3===i)))||void 0===s?void 0:s.id;if(void 0===n)return null===(c=t.product.variants.find((t=>t.option1===e&&t.option3===i)))||void 0===c?void 0:c.id;if(void 0===i)return null===(h=t.product.variants.find((t=>t.option1===e&&t.option2===n)))||void 0===h?void 0:h.id;if(void 0===e)return null===(u=t.product.variants.find((t=>t.option2===n&&t.option3===i)))||void 0===u?void 0:u.id;const m=t.product.variants.find((t=>t.option1===e&&t.option2===n&&t.option3===i));return void 0===m?null===t||void 0===t||null===(p=t.product)||void 0===p||null===(x=p.variants)||void 0===x||null===(g=x[0])||void 0===g?void 0:g.id:m.id},ae=(t,e)=>{var n;return null===(n=t.product.variants.find((t=>t.id===e)))||void 0===n?void 0:n.price},le=(t,e)=>{var n;return null===(n=t.product.variants.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option1},de=(t,e)=>{var n;return null===(n=t.product.variants.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option2},se=(t,e)=>{var n;return null===(n=t.product.variants.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option3},ce=(t,e)=>{var n;const i=null===(n=t.product)||void 0===n?void 0:n.images.find((t=>{var n;return null===t||void 0===t||null===(n=t.variant_ids)||void 0===n?void 0:n.find((t=>t===e))}));return void 0===i?null:i.src},he=(0,r.createContext)({setShowOptionsChart:null});var ue=function(t){const e=t.event,n=t.data,i=t.currentProduct,o=t.setOpenShopNow,a=t.setLockSwiper,[l,d]=(t.isLast,t.onCloseCallback,t.focusRef,(0,r.useState)(!1));return(0,g.jsx)(he.Provider,{value:{setShowOptionsChart:d},children:(0,g.jsxs)(s.xu,{width:"full",height:"full",borderRadius:"md",children:[(0,g.jsx)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",children:(0,g.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,g.jsx)(oe,{data:n,event:e,product:i,setOpenShopNow:o,setLockSwiper:a})})}),l?(0,g.jsx)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",style:{position:"relative",zIndex:1,bottom:"100%"},className:"whatmore-ios-css-relative-fix",id:"whatmore-size-chart",children:(0,g.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,g.jsx)(Bt,{data:n,event:e,product:i,setShowOptionsChart:()=>{d(!1)}})})}):(0,g.jsx)(g.Fragment,{})]})})};var pe=function(t){var e,[n,i,o,a]=(0,u.Z)();const[l,d]=(0,r.useState)(!1),[x,v]=(0,r.useState)(),[f,w]=(0,r.useState)(),j=(0,h.MO)("whatmoreShopId"),C=t.event,S=t.onBack,y=r.useRef(),b=t.isPlaying,k=t.isLast,I=t.setLockSwiper,F=t.selectedVariantId,_=null===(e=t.showOverlay)||void 0===e||e,T="center";return(0,g.jsx)(s.M5,{children:(0,g.jsxs)(s.xu,{width:a,height:o,sx:{overflow:"hidden"},children:[(0,g.jsx)(s.Kq,{direction:"column",justifyContent:T,height:"full",width:"full",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,g.jsx)(s.oM,{width:"full",ratio:a/o,children:(0,g.jsx)(m,{height:"100%",width:"100%",url:C.event_hls_url,isPlaying:b,event:C})})})}),_?(0,g.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:T,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,g.jsx)(Nt,{focusRef:y,event:t.event,isLast:k,onCloseCallback:S,productClickHandler:async t=>{const e=await(0,p.gK)(t,(0,c.Ip)(j),j);w(t),v(e),d(!0),I(!0)}})})}):(0,g.jsx)(g.Fragment,{}),!0===l?(0,g.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:T,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,g.jsx)(ue,{focusRef:y,event:t.event,isLast:k,onCloseCallback:()=>S(),setLockSwiper:I,data:x,currentProduct:f,setOpenShopNow:d,selectedVariantId:F})})}):(0,g.jsx)("div",{})]})})};const xe=function(t,e){return isNaN(t)||isNaN(e)||e<=0||t>e?0:Math.ceil(t/e*100)};function ge(t){var e,n,[i,o,r,a]=(0,u.Z)();const[l]=(0,h.j1)("whatmoreSecondaryColor"),[d]=(0,h.j1)("whatmoreSecondaryColorShade900"),c=t.progress,p=null!==(e=t.totalSiblings)&&void 0!==e?e:1,x=null!==(n=t.indexAmongSiblings)&&void 0!==n?n:0;return(0,g.jsx)(s.Kq,{width:"96%",height:"fit-content",direction:"row",justifyContent:"center",alignItems:"center",spacing:"1px",children:[...Array(p).keys()].map((t=>(0,g.jsx)(s.Kq,{width:"100%",height:.004*r+"px",backgroundColor:t<x?l:d+"99",borderRightRadius:"lg",borderLeftRadius:"lg",direction:"row",justifyContent:"flex-start",alignItems:"center",overflow:"hidden",sx:{display:"block !important"},children:t==x?(0,g.jsx)(s.xu,{height:"100%",width:c+"%",bgColor:l,borderRightRadius:"lg",borderLeftRadius:"lg",sx:{display:"block !important"}}):(0,g.jsx)(g.Fragment,{})},"event-progress-bar-slab-"+t)))})}var me=n(868),ve=n(442);const fe=t=>t>=1e3?(t/1e3).toFixed(1)+"k":t;var we=n(8984);var je=function(t){var e,n,i,o=t.whatmoreShareTemplateId;const a=t.whatmoreShareStoryId,l=t.whatmoreShareEventId,p=t.event,x=null===(e=t.showShareText)||void 0===e||e,m=null!==(n=t.shareButtonBottomMargin)&&void 0!==n?n:0,v=(0,h.MO)("whatmoreShopId"),f=(0,h.MO)("isInDesignMode"),w=(0,h.MO)("isDemoBrand"),j=(0,h.MO)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(it.I),[S,y,b,k]=(0,u.Z)(),I=null!==(i=t.iconSize)&&void 0!==i?i:.1*k;function F(){const t=(0,h.MO)("whatmoreLandingLocationType");var e;!function(t){f||w||(async()=>{(0,d.x0)(t)})()}(p),(t.startsWith("product")||"embed"===t)&&(o="te"),e=(e="event_product_link"===(0,c.EE)(v)?p.products[0].product_link||"":window.location.pathname)+"?wtt="+o+"&wsid="+a+"&weid="+l,(0,c.lj)(v)&&(e=e+"&"+(0,c.aw)(v)+"&utm_campaign=video-share&utm_medium="+t);const n={title:(0,c.JN)(v),text:(0,c.QR)(v),url:e};navigator.share(n)}return(0,we.eE)()?(0,g.jsx)(g.Fragment,{}):(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.Cd,{cursor:"pointer",style:{marginBottom:m+"px"},children:(0,g.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[(0,g.jsx)(ve.Z,{sx:{boxShadow:3,rotate:"-30deg",color:"white",fontSize:I,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),F(),(0,et.GF)({userInteractionType:nt.K.VIDEO_SHARE_CTA_CLICKED,widgetSourceDetails:C,event:p,productList:p.products,ctaList:p.cta})}}),x&&(0,c.u8)(v)?(0,g.jsxs)(s.xv,{fontSize:.3*I+"px",fontWeight:"semibold",align:"center",sx:{fontFamily:j+" !important",color:"white !important",paddingRight:"10%"},children:["\xa0",p.total_share>(0,c.LW)(v)?fe(p.total_share):"Share","\xa0"]}):(0,g.jsx)(g.Fragment,{})]})})})},Ce=n(6524),Se=n(7933),ye=n(2785);var be=function(t){var e;const n=(0,h.MO)("whatmoreShopId"),i=(0,h.MO)("whatmorePrimaryFont"),o=(0,h.MO)("whatmoreLikedEvents"),a=((0,h.MO)("whatmoreSecondaryColor"),(0,h.MO)("isInDesignMode")),l=(0,h.MO)("isDemoBrand"),{whatmoreWidgetSourceDetails:p}=(0,r.useContext)(it.I),x=t.event,[m,v]=(0,r.useState)(null!==(e=o[x.event_id])&&void 0!==e&&e),[f,w,j,C]=(0,u.Z)(),S=.1*C;function y(t,e){a||l||(async()=>{(0,d.Z6)(t,e)})()}function b(){(0,h.bU)("whatmoreLikedEvents",{...o,[x.event_id]:!m}),m?(y(x,-1),(0,et.GF)({userInteractionType:nt.K.VIDEO_UNLIKED,widgetSourceDetails:p,event:x,productList:x.products,ctaList:x.cta})):(y(x,1),(0,et.GF)({userInteractionType:nt.K.VIDEO_LIKED,widgetSourceDetails:p,event:x,productList:x.products,ctaList:x.cta})),v(!m)}const k=x.total_like+(m?1:0);return(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.Cd,{cursor:"pointer",children:(0,g.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[m?(0,g.jsx)(ye.Z,{sx:{boxShadow:3,color:(0,c.dm)(n),fontSize:S,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),b()}}):(0,g.jsx)(Se.Z,{sx:{boxShadow:3,color:"white",fontSize:S,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),b()}}),(0,g.jsx)(g.Fragment,{children:(0,c.CE)(n)?(0,g.jsxs)(s.xv,{fontSize:.3*S+"px",fontWeight:"semibold",align:"center",sx:{fontFamily:i+" !important",color:"white !important",position:"relative",bottom:"5px"},children:["\xa0",k>=(0,c.zK)(n)?fe(k):"Like","\xa0"]}):(0,g.jsx)(g.Fragment,{})})]})})})};const ke=t=>{let{iconSize:e}=t;return(0,g.jsx)("div",{style:{backgroundColor:"#25D366",borderRadius:"50%",padding:.3*e},children:(0,g.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"white",class:"bi bi-whatsapp",viewBox:"0 0 16 16",children:(0,g.jsx)("path",{d:"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"})})})};function Ie(t){var e;const n=t.event,[i,o,a,l]=(0,u.Z)(),[d]=(0,h.j1)("whatmorePrimaryFont"),{whatmoreIsStoriesTemplate:p}=(0,r.useContext)(it.I),[x]=(0,h.j1)("whatmoreSecondaryColor"),[m]=(0,h.j1)("whatmoreShopId"),v=(0,c.f6)(m),f=null!==(e=(0,c.u2)(m))&&void 0!==e?e:[x,v,x,v,x];return(0,g.jsx)(g.Fragment,{children:p?(0,g.jsx)(s.xu,{width:"100%",height:"fit-content",padding:"5px",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-start",children:[(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.Cd,{overflow:"hidden",size:.14*l+"px",sx:{boxShadow:"0px 2px 1px 0px "+f[0]+"50, 0px -2px 1px 0px "+f[1]+"50, 2px 0px 1px 0px "+f[2]+"50, -2px 0px 1px 0px "+f[3]+"80, 2px -2px 1px 0px "+f[4]+"80, -2px 2px 1px 0px "+f[0]+"DA, 2px 2px 1px 0px "+f[1]+"DA, -2px -2px 1px 0px "+f[2]+"DA"},children:(0,g.jsx)("img",{src:(0,me.V)(n.storyset_thumbnail_image),style:{objectFit:"cover",height:"100%",width:"100%",backgroundColor:"white"}})})}),(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:.05*l+"px",fontWeight:"medium",lineHeight:"100%",sx:{fontFamily:d+" !important",color:"white !important",textShadow:"0px 0px 4px black !important;"},children:n.storyset_name})})]})}):(0,g.jsx)(g.Fragment,{})})}var Fe=function(t){const[e]=(0,h.j1)("isInDesignMode"),[n]=(0,h.j1)("isDemoBrand"),[i,o]=(0,h.j1)("isProductSwiperCatalogOpen"),[a,l]=(0,h.j1)("isFirstIndicatorRenderDone"),[p]=(0,h.j1)("whatmoreShopId"),x=(0,r.useContext)(xn),{whatmoreEventsBrowsingTemplate:m}=(0,r.useContext)(it.I),[v,f,w,j]=(0,u.Z)(),C=(0,h.MO)("whatmorePrimaryFont"),S=t.event,y=t.storySetId,b=t.isLast,I=t.onCloseCallback,F=t.focusRef,_=t.productClickHandler,T=t.videoPlayingData,E=t.totalSiblingEvents,P=t.indexAmongSiblings,O=t.leftOpenSpaceClickHandler,z=t.midOpenSpaceClickHandler,L=t.rightOpenSpaceClickHandler,{whatmoreWidgetSourceDetails:D}=(0,r.useContext)(it.I),R=.1*j;return(0,g.jsx)(s.xu,{width:"full",height:"full",borderRadius:"md",children:(0,g.jsxs)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"space-between",children:[(0,g.jsxs)(s.Kq,{width:"full",height:"fit-content",direction:"column",justifyContent:"flex-start",alignItems:"center",bgGradient:"linear(to-t, transparent, whiteAlpha.100, blackAlpha.200, blackAlpha.400, blackAlpha.800)",children:[x.showVideoPlayingData?(0,g.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",marginTop:"5px",justifyContent:"center",children:(0,g.jsx)(ge,{progress:xe(T.current_time,T.video_duration),totalSiblings:E,indexAmongSiblings:P})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(s.xu,{width:"full",margin:"2px",marginTop:"5px",children:(0,g.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingRight:"10px",paddingLeft:"10px",children:[(0,g.jsx)(Ie,{event:S}),(0,g.jsxs)(s.Kq,{direction:"row",width:"fit-content",justifyContent:"end",paddingLeft:"10px",children:[(0,Ce.ZK)(m)?(0,g.jsx)(je,{whatmoreShareTemplateId:(0,Ce.QN)(m),whatmoreShareStoryId:y,whatmoreShareEventId:S.event_id,event:S,showShareText:!1,iconSize:.07*j,shareButtonBottomMargin:6}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(k,{focusRef:F}),(0,g.jsx)(B,{event:S,onCloseCallback:I})]})]})})]}),(0,g.jsxs)(s.Kq,{width:"100%",height:"100%",direction:"row",justifyContent:"center",children:[(0,g.jsx)(s.xu,{width:"33%",height:"100%",onClick:()=>{O()},sx:{display:"block !important"}}),(0,g.jsx)(s.xu,{width:"34%",height:"100%",onClick:()=>{z()},sx:{display:"block !important"}}),(0,g.jsx)(s.xu,{width:"33%",height:"100%",onClick:()=>{L()},sx:{display:"block !important"}})]}),(0,g.jsxs)(s.xu,{width:"full",height:"fit-content",paddingX:"2%",children:[x.totalEvents>1&&!a&&x.showSwipeIndicator?(0,g.jsx)(s.xu,{width:"full",margin:"2px",children:(0,g.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"center",children:(0,g.jsx)(G,{swipeUp:!b})})}):null,(0,c.sl)(p)&&!(0,Ce.ZK)(m)?(0,g.jsx)(s.xu,{ml:"auto",width:"fit-content",paddingY:"4%",children:(0,g.jsxs)(s.Kq,{gap:"4px",direction:"column",alignItems:"center",cursor:"pointer",onClick:function(){var t;e||n||(async()=>{(0,d.lY)(S,1)})(),(0,et.GF)({userInteractionType:nt.K.WHATSAPP_ICON_CLICKED,widgetSourceDetails:D,event:S,productList:null===S||void 0===S?void 0:S.products,ctaList:null===S||void 0===S?void 0:S.cta});const i=S.products.map((t=>"".concat(t.product_link," \n"))),o=(0,c.gt)(p),r="Hey, I am interested in ".concat(S.products.length>1?"these products":"this product"," I saw on ").concat(null===(t=S.products[0])||void 0===t?void 0:t.brand," store: \n").concat(i,". Could you please help me with some queries?");window.open(o+"&text=".concat(r,"&type=phone_number"),"_blank")},children:[(0,g.jsx)(ke,{iconSize:.7*R,style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,g.jsx)(s.xv,{fontSize:R*(0,c.Xo)(p)+"px",fontWeight:"bold",align:"center",style:{marginTop:0},sx:{fontFamily:C+" !important",color:"white !important"},children:(0,c.Ui)(p)})]})}):(0,g.jsx)(g.Fragment,{}),(0,c.jY)(p)?(0,g.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,g.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingX:"1.4%",children:(0,g.jsx)(be,{event:S})})}):(0,g.jsx)(g.Fragment,{}),(0,c.RO)(p)&&!(0,Ce.ZK)(m)?(0,g.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,g.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingX:"0.4%",children:(0,g.jsx)(je,{whatmoreShareTemplateId:(0,Ce.QN)(m),whatmoreShareStoryId:y,whatmoreShareEventId:S.event_id,event:S})})}):(0,g.jsx)(g.Fragment,{}),(0,Mt.kT)(S)?(0,g.jsxs)(s.xu,{width:"full",children:[(0,c.Jm)(p)?(0,g.jsx)(s.xu,{w:"100%",children:(0,g.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,g.jsx)(q,{event:S,onToggle:t=>{o("minimize-button"!==t)}})})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(s.xu,{display:"flex",width:"100%",height:"fit-content",children:(0,g.jsx)(At,{event:S,productClickHandler:_})})]}):(0,g.jsx)(g.Fragment,{})]})]})})},_e=n(2279),Te=n.n(_e),Ee=n(342);var Pe=function(t){var e,n,i,o,a,l,[d,m,v,f]=(0,u.Z)();const[w,j]=(0,r.useState)(!1),[C,S]=(0,r.useState)(),[y,b]=(0,r.useState)(),[k,I]=(0,r.useState)({current_time:0,video_duration:0,is_video_ended:!1}),F=(0,h.MO)("whatmoreShopId"),_=t.event,T=t.storyId,E=t.onBack,P=r.useRef(),O=t.isPlaying,z=t.isLast,L=t.setLockSwiper,D=t.onVideoEndedCallback,R=t.progressUpdateCallback,K=null!==(e=t.totalSiblingEvents)&&void 0!==e?e:0,M=null!==(n=t.indexAmongSiblings)&&void 0!==n?n:0,W=null===(i=t.showOverlay)||void 0===i||i,q=null!==(o=t.leftOpenSpaceClickHandler)&&void 0!==o?o:()=>{},A=null!==(a=t.midOpenSpaceClickHandler)&&void 0!==a?a:()=>{},H=null!==(l=t.rightOpenSpaceClickHandler)&&void 0!==l?l:()=>{},{whatmoreWidgetSourceDetails:Z}=(0,r.useContext)(it.I),N="center",B=Te()((()=>{D()}),1e3,{leading:!0,trailing:!1});return(0,g.jsx)(s.M5,{children:(0,g.jsxs)(s.xu,{width:f,height:v,sx:{overflow:"hidden"},children:[(0,g.jsx)(s.Kq,{direction:"column",justifyContent:N,height:"full",width:"full",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,g.jsx)(s.oM,{width:"full",ratio:f/v,children:(0,g.jsx)(x.Z,{height:"100%",width:"100%",url:(0,me.V)((0,Ee.uv)(_)),isPlaying:O,timeUpdateCallback:function(t,e){const n=xe(t,e);R(n);const i=k.is_video_ended;n>=99&&O&&!i?(B(),I({current_time:t,video_duration:e,is_video_ended:!0})):I({current_time:t,video_duration:e,is_video_ended:i})},event:_})})})}),W?(0,g.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:N,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,g.jsx)(Fe,{focusRef:P,event:t.event,isLast:z,onCloseCallback:()=>{E(),(0,et.Z2)({userInteractionType:nt.K.VIDEO_PLAYBACK,userInteractionMetadata:{watch_time:k.current_time},widgetSourceDetails:Z,event:_,productList:_.products,ctaList:_.cta})},productClickHandler:async t=>{const e=await(0,p.gK)(t,(0,c.Ip)(F),F);b(t),S(e),j(!0),L(!0),(0,et.GF)({userInteractionType:nt.K.SHOPNOW_CLICKED,widgetSourceDetails:Z,event:_,productList:_.products,ctaList:_.cta}),(0,h.bU)("whatmoreAllowAutoSlide",!1)},videoPlayingData:k,totalSiblingEvents:K,indexAmongSiblings:M,leftOpenSpaceClickHandler:q,midOpenSpaceClickHandler:A,rightOpenSpaceClickHandler:H,storySetId:T})})}):(0,g.jsx)(g.Fragment,{}),!0===w?(0,g.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:N,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,g.jsx)(ue,{focusRef:P,event:t.event,isLast:z,onCloseCallback:()=>E(),setLockSwiper:L,data:C,currentProduct:y,setOpenShopNow:t=>{j(t),(0,h.bU)("whatmoreAllowAutoSlide",!t)}})})}):(0,g.jsx)("div",{})]})})},Oe=n(7300),ze=n(58),Le=n(9723);var De=function(t){var[e,n,i,o]=(0,u.Z)();const r=(0,h.MO)("whatmoreShopId"),a=t.event,l=t.isPlaying,d="center";return(0,g.jsx)(s.M5,{children:(0,g.jsxs)(s.xu,{width:o,height:i,sx:{overflow:"hidden"},children:[(0,g.jsx)(s.Kq,{direction:"column",justifyContent:d,height:"full",width:"full",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,g.jsx)(s.oM,{width:"full",ratio:o/i,children:(0,g.jsx)(x.Z,{height:"100%",width:"100%",url:(0,me.V)((0,Ee.uv)(a)),isPlaying:l,timeUpdateCallback:function(t,e){},event:a})})})}),(0,g.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:d,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",backdropFilter:"auto",backdropBlur:"10px",onClick:t=>{(0,ze.QV)()},children:(0,g.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"full",width:"full",children:[(0,g.jsx)(Le.Z,{sx:{boxShadow:3,color:(0,c.Y)(r),fontSize:.4*o,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{(0,ze.QV)()}}),(0,g.jsx)(s.xv,{color:"white",fontSize:.05*o+"px",fontWeight:"bold",align:"left",children:"Please click to play video.."})]})})})]})})};var Re=function(t){var e,n;const r=t.event,a=null===(e=t.isPlaying)||void 0===e||e,l=t.onBack,d=t.isLast,s=t.setLockSwiper,c=(t.heightFactor,t.widthFactor,t.onVideoEndedCallback),u=t.progressUpdateCallback,[p,x]=(0,j.Z)(),[m]=(0,h.j1)("whatmoreVideoPlayerPoolBlessed"),v=null===(n=t.showOverlay)||void 0===n||n;function f(){x(!p)}if((0,we.KE)()&&0==m)return(0,g.jsx)(De,{event:r,onBack:l,isPlaying:a,isLast:d,setLockSwiper:s,onVideoEndedCallback:c,progressUpdateCallback:u,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:v},"shopping-video-view"+r.event_id);if((0,Oe.B6)(r)||(0,Oe.WJ)(r))return(0,g.jsx)(Pe,{event:r,onBack:l,isPlaying:a,isLast:d,setLockSwiper:s,onVideoEndedCallback:c,progressUpdateCallback:u,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:v},"shopping-video-view"+r.event_id);if((0,Oe.yC)(r)){var{status:w,bannerText:C,timeToStartInMins:S}=i.Z.getEventStatus(r);if(w.name===o.Z.LIVE.name)return(0,g.jsx)(pe,{event:r,onBack:l,isPlaying:a,isLast:d,showOverlay:v},"shopping-live-view"+r.event_id)}return console.error("Can't render event which is neither video or a currently-live-event"),(0,g.jsx)("div",{})},Ke=n(9284),Me=n.n(Ke),We=n(7463),qe=n(2154);function Ae(t){var e;const[n,i]=(0,r.useState)(!1),o=t.onClick,a=null!==(e=t.fontSize)&&void 0!==e?e:50;return(0,g.jsx)("div",{style:{height:"fit-content",width:"fit-content",backgroundColor:"black",opacity:.4,borderRadius:"50%"},className:[n?"whatmore-scale-on-tap":""].join(" "),children:"left"===t.type?(0,g.jsx)(qe.Z,{sx:{color:"white",fontSize:a+"px",filter:"drop-shadow(0 0 5px black);"},onClick:t=>{i(!0),setTimeout((()=>{i(!1)}),500),o(t,"up")}}):(0,g.jsx)(We.Z,{sx:{color:"white",fontSize:a+"px",filter:"drop-shadow(0 0 5px black);"},onClick:t=>{i(!0),setTimeout((()=>{i(!1)}),500),o(t,"down")}})})}var He=function(t){var e,n,i;const o=null!==(e=t.relativeBottomPercentage)&&void 0!==e?e:"30%",r=null!==(n=t.width)&&void 0!==n?n:"100%",a=null!==(i=t.fontSize)&&void 0!==i?i:50,l=t.handleClick;return(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:o,width:"100%",height:"fit-content",display:"flex",flexFlow:"row nowrap",justifyContent:"center"},id:"here",children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:r,height:"fit-content",paddingRight:"5px",paddingLeft:"5px",paddingTop:"5px",paddingBottom:"5px",justifyContent:"space-between",alignContent:"center"},children:[(0,g.jsx)(Ae,{type:"left",onClick:l,fontSize:a}),(0,g.jsx)(Ae,{type:"right",onClick:l,fontSize:a})]})})},Ze=n(2860),Ne=n(4669);var Be=function(t,e){function n(t,e){return 1==e?0:t<0?e+t:t>=e?t-e:t}const i=(0,r.useRef)({prevIndex:n(t-1,e),activeIndex:t,nextIndex:n(t+1,e)});return[function(){return i.current},function(t){i.current="right"==t?{prevIndex:n(i.current.activeIndex,e),activeIndex:n(i.current.activeIndex+1,e),nextIndex:n(i.current.activeIndex+2,e)}:{prevIndex:n(i.current.activeIndex-2,e),activeIndex:n(i.current.activeIndex-1,e),nextIndex:n(i.current.activeIndex,e)}},function(t){return n(i.current.activeIndex+t)}]};var Ve=function(t,e){const n=(0,r.useRef)({clientX:0,clientY:0});return[function(t){n.current.clientX=t.changedTouches[0].clientX,n.current.clientY=t.changedTouches[0].clientY},function(i){const o=n.current.clientX,r=n.current.clientY;var a=o-i.changedTouches[0].clientX,l=r-i.changedTouches[0].clientY;return"vertical"==t&&Math.abs(l)>e||"horizontal"==t&&Math.abs(a)>e?"vertical"==t?l>0?"right":"left":a>0?"right":"left":null}]};var Ue=function(t,e){const n=(0,r.useRef)(Te()(((t,e)=>{t(e)}),300,{leading:!0,trailing:!1}));return[function(i,o){var r=0;if(r="vertical"==t?i.deltaY:i.deltaX,Math.abs(r)<=e)return;const a=r>0?"right":"left";n.current(o,a)}]},Ye=n(5173);var Xe=function(t){const e=t.events,n=t.eventIndex,i=t.onBack;var[o,p,x,m]=(0,u.Z)();const[v]=(0,h.j1)("isInDesignMode"),[f]=(0,h.j1)("isDemoBrand"),[w,j]=(0,r.useState)(!0),[C,S]=(0,h.j1)("isFirstIndicatorRenderDone"),[y,b]=(0,r.useState)(!1),{setCloseClickComponent:k}=(0,r.useContext)(xn),{slideDirection:I}=(0,r.useContext)(xn),[F]=(0,h.j1)("whatmoreShopId"),[_]=(0,h.j1)("whatmoreLandingLocationType"),[T,E]=Be(n,e.length),[P,O]=Ve(I,50),[z]=Ue("vertical",30),[L,D]=(0,r.useState)(!1),[R,K]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:M}=(0,r.useContext)(it.I);function W(){D(!1)}function q(){W(),setTimeout((()=>{i()}),500)}function A(){(0,h.MO)("whatmoreAllowAutoSlide")&&(E("right"),R.slideNext())}function H(t,e){E(e),function(t,e){R&&("left"===e?R.slidePrev():R.slideNext())}(0,e)}(0,r.useEffect)((()=>(D(!0),()=>{})),[]),k(q);const Z=Math.round(.05*x);return(0,g.jsx)(Me(),{isOpen:L,onAfterOpen:function(){},onRequestClose:W,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,g.jsx)(Ye.Z,{children:(0,g.jsxs)("div",{style:{height:window.innerHeight,width:window.innerWidth,backgroundColor:(0,Q.lA)("#000000",13)},onTouchStart:t=>{P(t)},onTouchEnd:t=>{const e=O(t);e&&H(0,e)},onWheel:t=>{z(t,(t=>{H(0,t)}))},children:[(0,g.jsx)(a.tq,{speed:400,threshold:Z,slidesPerView:1,direction:I,modules:[l.tl,l.Gk],initialSlide:n,loop:1!=e.length,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,allowSlideNext:!y,allowSlidePrev:!y,allowTouchMove:!1,onSwiper:t=>{K(t)},onSlideChange:t=>{var n;w?j(!1):(C||S(!0),n=e[T().activeIndex],v||f||(async()=>{(0,d.wh)(n),"index"===_?((0,Ne.Tc)(F,Ze.Xh,Ze.pR),(0,mt.H4)(n.event_id,n.products,Ze.Xh,Ze.pR)):_.startsWith("product")||"embed"===_?((0,Ne.Tc)(F,Ze.h7,Ze.dU),(0,mt.H4)(n.event_id,n.products,Ze.h7,Ze.dU)):_.startsWith("collection")?((0,Ne.Tc)(F,Ze.U$,Ze.Pk),(0,mt.H4)(n.event_id,n.products,Ze.U$,Ze.Pk)):((0,Ne.Tc)(F,Ze.Xh,Ze.pR),(0,mt.H4)(n.event_id,n.products,Ze.Xh,Ze.pR))})(),(0,et.y4)({userInteractionType:nt.K.EVENT_VIEW,widgetSourceDetails:M,event:e[T().activeIndex],productList:e[T().activeIndex].products}))},children:[...Array(Math.min(e.length,3)).keys()].map((t=>(0,g.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:r,isVisible:a,isDuplicate:l}=t;const d=n?"activeIndex":i?"prevIndex":"nextIndex";return(0,g.jsx)(s.Kq,{direction:"column",height:o,justifyContent:"center",children:(0,g.jsx)(Re,{event:e[T()[d]],onBack:q,isPlaying:1==e.length||n&&a,isLast:!1,setLockSwiper:b,onVideoEndedCallback:A,progressUpdateCallback:t=>{}})})}},"event-vertical-scroll-slide-"+t)))}),e.length>1&&!y&&(0,c.h6)(F)&&"horizontal"===(0,c.e8)(F)&&"horizontal"===I?(0,g.jsx)(He,{relativeBottomPercentage:"50%",width:m,handleClick:(t,e)=>{H(0,"down"==e?"right":"left")},fontSize:parseInt(.12*m)}):(0,g.jsx)(g.Fragment,{})]})})})},Ge=n(1168);n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811);const Je=t=>{let{children:e,customClass:n,show:i,closeCallback:o}=t;return Ge.createPortal((0,g.jsxs)("div",{className:"whatmore-landscape-modal whatmore-root ".concat(n),style:{display:i?"block":"none"},children:[(0,g.jsx)("div",{className:"whatmore-landscape-modal-overlay",onClick:o}),(0,g.jsx)("div",{className:"whatmore-landscape-modal-content",children:e})]}),document.body)};Je.defaultProps={children:(0,g.jsx)("div",{children:"Empty Modal"}),customClass:"",show:!1,closeCallback:()=>!1};var $e=Je;var Qe=function(t){var e;const[n]=(0,h.j1)("whatmorePrimaryFont"),i=null!==(e=t.fontSize)&&void 0!==e?e:"8";return(0,g.jsx)(s.rU,{href:"https://www.whatmore.live",isExternal:!0,children:(0,g.jsxs)(s.Kq,{direction:"row",justifyContent:"flex-start",alignItems:"center",width:"fit-content",spacing:"2px",paddingLeft:"2px",paddingRight:"2px",paddingBottom:"2px",marginBottom:"2px",children:[(0,g.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:n,fontWeight:"normal",fontSize:i+"px",margin:0,padding:0,lineHeight:"110%"},children:"powered by whatmore"}),(0,g.jsx)(s.xu,{width:"10px"}),(0,g.jsx)("img",{src:"https://whatmore-other-assets.b-cdn.net/whatmore/whatmore_logo.png",style:{objectFit:"contain",backgroundColor:"transparent",borderRadius:"0px"}})]})})};var tn=function(t){var[e,n,i,o]=(0,u.Z)();const[p]=(0,h.j1)("isInDesignMode"),[x]=(0,h.j1)("isDemoBrand"),[m,v]=(0,h.j1)("isFirstIndicatorRenderDone"),[f,w]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:j}=(0,r.useContext)(xn),[C,S]=(0,r.useState)(!1),[y]=(0,h.j1)("whatmoreShopId"),[b]=(0,h.j1)("whatmoreLandingLocationType"),{whatmoreUITheme:k}=(0,r.useContext)(it.I),{whatmoreWidgetSourceDetails:I}=(0,r.useContext)(it.I),[F,_]=(0,r.useState)(!1),[T,E]=(0,r.useState)(null);function P(){_(!1)}const O=t.events,z=t.eventIndex,L=t.onBack;function D(){P(),setTimeout((()=>{L()}),500)}function R(){T&&!T.isEnd&&(0,h.MO)("whatmoreAllowAutoSlide")&&T.slideNext()}(0,r.useEffect)((()=>(_(!0),()=>{})),[]),j(D);const K=parseInt(Math.min(5,O.length));return(0,g.jsx)($e,{show:F,closeCallback:P,customClass:"whatmore-landscape-modal-swipe-view",children:(0,g.jsxs)(s.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:(0,Q.lA)("#000000",13),children:[(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.xu,{height:"fit-content",width:o*K,children:(0,g.jsx)(a.tq,{onInit:t=>{E(t)},slidesPerView:K,centeredSlides:!0,allowTouchMove:!1,initialSlide:z,modules:[l.lI,l.W_,l.Gk],navigation:K>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*i),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:o*K,watchSlidesProgress:!0,onSlideChange:t=>{var e;f?w(!1):(m||v(!0),e=O[t.activeIndex],p||x||(async()=>{(0,d.wh)(e),"index"===b?((0,Ne.Tc)(y,Ze.Xh,Ze.pR),(0,mt.H4)(e.event_id,e.products,Ze.Xh,Ze.pR)):b.startsWith("product")||"embed"===b?((0,Ne.Tc)(y,Ze.h7,Ze.dU),(0,mt.H4)(e.event_id,e.products,Ze.h7,Ze.dU)):b.startsWith("collection")?((0,Ne.Tc)(y,Ze.U$,Ze.Pk),(0,mt.H4)(e.event_id,e.products,Ze.U$,Ze.Pk)):((0,Ne.Tc)(y,Ze.Xh,Ze.pR),(0,mt.H4)(e.event_id,e.products,Ze.Xh,Ze.pR))})(),(0,et.y4)({userInteractionType:nt.K.EVENT_VIEW,widgetSourceDetails:I,event:O[t.activeIndex],productList:O[t.activeIndex].products,ctaList:O[t.activeIndex].cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:O.map(((t,e)=>(0,g.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:r,isNext:a,isVisible:l,isDuplicate:d}=t;return n?(0,g.jsx)(s.Kq,{direction:"column",height:i,width:1*o,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,g.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.al)(y),borderColor:(0,c.qP)(y)},children:(0,g.jsx)(Re,{event:O[e],onBack:D,isPlaying:!0,isLast:e===O.length-1,setLockSwiper:S,widthFactor:1,heightFactor:1,onVideoEndedCallback:R,progressUpdateCallback:t=>{}})})}):a||r?(0,g.jsx)(s.Kq,{direction:"column",height:i,width:o,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{T.slideTo(e,300)},children:(0,g.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.al)(y),borderColor:(0,c.qP)(y)},children:(0,g.jsx)(Re,{event:O[e],onBack:D,isPlaying:!1,isLast:e===O.length-1,setLockSwiper:S,widthFactor:1,heightFactor:1,onVideoEndedCallback:R,progressUpdateCallback:t=>{},showOverlay:!1})})}):(0,g.jsx)(g.Fragment,{})}},"event-horizontal-scroll-slide"+t.event_id)))})})}),(0,c.XF)(y)?(0,g.jsx)(s.M5,{children:(0,g.jsx)(Qe,{height:.04*i,width:.1*o,fontSize:.02*i})}):(0,g.jsx)(g.Fragment,{})]})})},en=n(8866),nn=n(6090),on=n(7616),rn=n(9302),an=n(2575);var ln=function(t){const[e,n,i,o]=(0,u.Z)(),[r]=(0,h.j1)("whatmorePrimaryColor"),[a]=(0,h.j1)("whatmoreSecondaryColor"),l="flex-end";return(0,g.jsx)(s.M5,{children:(0,g.jsxs)(s.xu,{width:o,height:i,backgroundColor:"whiteAlpha.200",backdropBlur:"10px",children:[(0,g.jsx)(s.Kq,{direction:"column",justifyContent:l,height:"full",width:"full",children:(0,g.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",children:(0,g.jsx)(s.oM,{width:"full",ratio:o/i,children:(0,g.jsx)(s.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+r+", gray, "+a+")"})})})}),(0,g.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:l,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.xu,{padding:"2px",margin:"5px",borderRadius:"md",backgroundColor:"transparent",children:(0,g.jsx)(s.oM,{width:"full",ratio:9/16,children:(0,g.jsx)(s.xu,{width:"full",height:"full",borderRadius:"md",backdropFilter:"auto",backdropBlur:"5px"})})})})]})})};var dn=function(t){var e;const n=t.stories,i=t.onBack,o=t.onStoryCompleteCallback,l=t.isActive,c=null!==(e=t.initialEventIndex)&&void 0!==e?e:0,p=n.events;var[x,m,v,f]=(0,u.Z)();const[w,C]=(0,j.Z)(),[S]=(0,h.j1)("isInDesignMode"),[y]=(0,h.j1)("isDemoBrand"),[b]=(0,h.j1)("whatmoreShopId"),[k,I]=(0,r.useState)(!0),[F,_]=(0,h.j1)("isFirstIndicatorRenderDone"),[T,E]=(0,r.useState)(null),[P,O]=(0,r.useState)(!1),{whatmoreWidgetSourceDetails:z}=(0,r.useContext)(it.I),[L,D]=Be(c,p.length);function R(){i()}function K(){if(!(0,h.MO)("whatmoreAllowAutoSlide"))return;L().activeIndex+1>=p.length?o("right"):(D("right"),T&&T.slideNext())}function M(t){const e=L().activeIndex;"right"==t&&e+1>=p.length||"left"==t&&e-1<0?o(t):(D(t),T&&("left"==t?T.slidePrev():T.slideNext()))}return p[L().activeIndex],(0,g.jsx)("div",{children:(0,g.jsx)(a.tq,{speed:1,slidesPerView:1,direction:"horizontal",initialSlide:0,loop:!0,height:v,width:f,watchSlidesProgress:!0,allowTouchMove:!1,onSwiper:t=>{E(t)},onSlideChange:t=>{var e;k?I(!1):(F||_(!0),e=p[L().activeIndex],S||y||(async()=>{(0,d.wh)(e),(0,Ne.Tc)(b,Ze.Xh,Ze.OW),(0,mt.H4)(e.event_id,e.products,"homepage","stories")})(),(0,et.GF)({userInteractionType:nt.K.EVENT_VIEW,widgetSourceDetails:z,event:p[L().activeIndex],productList:p[L().activeIndex].products,ctaList:p[L().activeIndex].cta}))},children:[...Array(Math.min(p.length,3)).keys()].map((t=>(0,g.jsx)(a.o5,{children:t=>{let{isActive:e,isPrev:i,isNext:o,isVisible:r,isDuplicate:a}=t;if(l){const t=e?"activeIndex":i?"prevIndex":"nextIndex",o=p[L()[t]];return(0,g.jsx)(s.Kq,{direction:"column",height:v,justifyContent:"center",children:(0,Oe.B6)(o)||(0,Oe.WJ)(o)?(0,g.jsx)(Pe,{event:o,totalSiblingEvents:p.length,indexAmongSiblings:L()[t],onBack:R,isPlaying:l&&e&&r,isLast:!1,setLockSwiper:O,onVideoEndedCallback:K,progressUpdateCallback:t=>{},leftOpenSpaceClickHandler:()=>{M("left")},midOpenSpaceClickHandler:()=>{C(!w)},rightOpenSpaceClickHandler:()=>{M("right")},storyId:n.id},"shopping-video-view"+o.event_id):(0,g.jsx)(g.Fragment,{})})}return(0,g.jsx)(s.Kq,{direction:"column",height:x,justifyContent:"center",children:(0,g.jsx)(ln,{})})}},"event-story-view-slide-"+t)))})})};var sn=function(t){const e=t.onBack,n=t.eventsStories,i=t.initialStoryIndex;var[o,c,p,x]=(0,u.Z)();const[m]=(0,h.j1)("isInDesignMode"),[v]=(0,h.j1)("isDemoBrand"),[f,w]=(0,r.useState)(!0),[j,C]=(0,h.j1)("isFirstIndicatorRenderDone"),[S,y]=(0,r.useState)(!1),{setCloseClickComponent:b}=(0,r.useContext)(xn),{slideDirection:k}=(0,r.useContext)(xn),[I]=(0,h.j1)("whatmoreShopId"),[F,_]=Be(i,n.length),[T,E]=Ve("horizontal",50),[P]=Ue("vertical",30),O=t.eventIndex,[z,L]=(0,r.useState)(!1),[D,R]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:K}=(0,r.useContext)(it.I);function M(){L(!1)}function W(){M(),setTimeout((()=>{e()}),500)}function q(t){D&&(0,h.MO)("whatmoreAllowAutoSlide")&&(_(t),"right"==t?D.slideNext():D.slidePrev())}function A(t,e){q(e)}return(0,r.useEffect)((()=>(L(!0),()=>{})),[]),b(W),(0,g.jsx)(Me(),{isOpen:z,onAfterOpen:function(){},onRequestClose:M,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,g.jsx)("div",{style:{height:window.innerHeight,width:window.innerWidth,backgroundColor:"#00000088"},onTouchStart:t=>{T(t)},onTouchEnd:t=>{const e=E(t);e&&A(0,e)},onWheel:t=>{P(t,(t=>{A(0,t)}))},children:(0,g.jsx)(a.tq,{speed:1,slidesPerView:1,direction:"horizontal",modules:[l.SH,l.Gk],initialSlide:i,loop:n.length>1,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,onSwiper:t=>{R(t)},onSlideChange:t=>{var e,i,o;f?w(!1):(o=n[F().activeIndex].events[0],m||v||(async()=>{(0,d.wh)(o),(0,Ne.Tc)(I,Ze.Xh,Ze.OW),(0,mt.H4)(o.event_id,o.products,"homepage","stories")})(),(0,et.GF)({userInteractionType:nt.K.EVENT_VIEW,widgetSourceDetails:K,event:n[F().activeIndex].events[0],productList:null===(e=n[F().activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(i=n[F().activeIndex].events[0])||void 0===i?void 0:i.cta}))},allowTouchMove:!1,cubeEffect:{shadow:!0,slideShadows:!0,shadowOffset:20,shadowScale:.94},children:[...Array(Math.min(n.length,3)).keys()].map((t=>(0,g.jsx)(a.o5,{children:t=>{let{isActive:e,isPrev:r,isNext:a,isVisible:l,isDuplicate:d}=t;const c=e?"activeIndex":r?"prevIndex":"nextIndex";return(0,g.jsx)(s.Kq,{direction:"column",height:o,justifyContent:"center",children:(0,g.jsx)(dn,{stories:n[F()[c]],onBack:W,isActive:e&&l,isNext:a,isPrev:r,onStoryCompleteCallback:q,nextStories:n[F().nextIndex],prevStories:n[F().prevIndex],initialEventIndex:i==F()[c]?O:0},"event-story-view-"+n[F()[c]].id)})}},"event-vertical-scroll-slide-"+t)))})})})},cn=n(4892);var hn=function(t){var e,n,i,[o,a,l,d]=(0,u.Z)();const[c]=(0,h.j1)("whatmorePrimaryColor"),[p]=(0,h.j1)("whatmoreSecondaryColor"),x=t.event,m=(t.onBack,r.useRef(),null!==(e=t.showPausedVideo)&&void 0!==e&&e),f=null!==(n=t.heightFactor)&&void 0!==n?n:1,w="flex-end";return d*=null!==(i=t.widthFactor)&&void 0!==i?i:1,l*=f,(0,g.jsx)(s.M5,{children:(0,g.jsxs)(s.xu,{width:d,height:l,children:[(0,g.jsx)(s.Kq,{direction:"column",justifyContent:w,height:"full",width:"full",children:(0,g.jsx)(s.xu,{children:(0,g.jsx)(s.oM,{width:"full",ratio:9/16,children:m?(0,Oe.B6)(x)||(0,Oe.WJ)(x)?(0,g.jsx)(cn.Z,{height:"100%",width:"100%",url:x.thumbnail_image,isPlaying:!1,pauseFromPlayTimeInMs:1e3,event:x}):(0,g.jsx)(v.Ee,{width:"full",height:"full",src:x.thumbnail_image,objectFit:"cover",borderRadius:"lg"}):(0,g.jsx)(s.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+c+", gray, "+p+")"})})})}),(0,g.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:w,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(s.xu,{children:(0,g.jsx)(s.oM,{width:"full",ratio:9/16,children:(0,g.jsx)(s.xu,{width:"full",height:"full",backgroundColor:"blackAlpha.400"})})})})]})})};var un=function(t){var[e,n,i,o]=(0,u.Z)();const[p]=(0,h.j1)("isInDesignMode"),[x]=(0,h.j1)("isDemoBrand"),[m,v]=(0,h.j1)("isFirstIndicatorRenderDone"),[f,w]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:j}=(0,r.useContext)(xn),[C,S]=(0,r.useState)(!1),[y]=(0,h.j1)("whatmoreShopId"),{whatmoreWidgetSourceDetails:b}=(0,r.useContext)(it.I),[k,I]=(0,r.useState)(!1),[F,_]=(0,r.useState)(null);function T(){I(!1)}t.events;const E=t.eventIndex,P=t.onBack,O=t.eventsStories,z=t.initialStoryIndex;function L(){T(),setTimeout((()=>{P()}),500)}function D(t){F&&!F.isEnd&&("right"==t?F.slideNext():F.slidePrev())}(0,r.useEffect)((()=>(I(!0),()=>{})),[]),j(L);const R=parseInt(Math.min(5,O.length));return(0,g.jsx)($e,{show:k,closeCallback:T,customClass:"whatmore-landscape-modal-stories-view",children:(0,g.jsxs)(s.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:"blackAlpha.800",children:[(0,g.jsx)(s.M5,{children:(0,g.jsx)(s.xu,{height:"fit-content",width:o*R,children:(0,g.jsx)(a.tq,{onInit:t=>{_(t)},slidesPerView:R,centeredSlides:!0,allowTouchMove:!1,initialSlide:z,modules:[l.lI,l.W_,l.Gk],navigation:R>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*i),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:o*R,watchSlidesProgress:!0,onSlideChange:t=>{var e,n,i;f?w(!1):(m||v(!0),i=O[t.activeIndex].events[0],p||x||(async()=>{(0,d.wh)(i),(0,Ne.Tc)(y,Ze.Xh,Ze.OW),(0,mt.H4)(i.event_id,i.products,"homepage","stories")})(),(0,et.GF)({userInteractionType:nt.K.EVENT_VIEW,widgetSourceDetails:b,event:O[t.activeIndex].events[0],productList:null===(e=O[t.activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(n=O[t.activeIndex].events[0])||void 0===n?void 0:n.cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:O.map(((t,e)=>(0,g.jsx)(a.o5,{children:n=>{let{isActive:r,isPrev:a,isNext:l,isVisible:d,isDuplicate:c}=n;if(r){const n=1;return(0,g.jsx)(s.Kq,{direction:"column",height:i,width:o*n,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,g.jsx)(s.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,g.jsx)(dn,{stories:t,onBack:L,isActive:r&&d,isNext:!1,isPrev:!1,onStoryCompleteCallback:D,initialEventIndex:z==e?E:0},"event-story-view-"+t.id)})})}return a||l?(0,g.jsx)(s.Kq,{direction:"column",height:i,width:o,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{F.slideTo(e,300)},children:(0,g.jsx)(s.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,g.jsx)(hn,{showPausedVideo:!0,event:O[e].events[0],onBack:L,isPlaying:!1,setLockSwiper:S})})}):(0,g.jsx)(g.Fragment,{})}},"event-horizontal-scroll-slide-"+e)))})})}),(0,c.XF)(y)?(0,g.jsx)(s.M5,{children:(0,g.jsx)(Qe,{height:.04*i,width:.1*o,fontSize:.02*i})}):(0,g.jsx)(g.Fragment,{})]})})};const pn=(0,an.Z)({key:"whatmore-css-sv"}),xn=(0,r.createContext)({isIOS:!1,totalEvents:0,closeClickComponent:null,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:"vertical",showSwipeIndicator:!0});var gn=function(t){var e,n;const[a,l,d]=(0,en.Z)(),[s]=(0,h.j1)("whatmoreShopId"),{whatmoreRootId:u}=(0,r.useContext)(it.I),{whatmoreIsStoriesTemplate:p}=(0,r.useContext)(it.I);var x=t.events,m=t.index,v=t.onBack,f=t.eventsStories,w=t.initialStoryIndex,j=(0,c.cX)(s),C=x[m],S="portrait"===a?null!==(e=t.slideDirection)&&void 0!==e?e:"vertical":null!==(n=t.slideDirection)&&void 0!==n?n:x.length>1?"horizontal":"vertical",y="portrait"===a?!(0,c.h6)(s)&&!p:(0,c.n8)(s),b=(C=x[m],[]);if((0,r.useLayoutEffect)((()=>{(0,c.TL)(s)&&(window.location.href.includes(j)?history.replaceState(null,"","#"+j):history.pushState(null,"","#"+j),window.addEventListener("popstate",(()=>{window.location.href.includes(j)||v()})))}),[]),(0,Oe.yC)(C)){var{status:k,bannerText:I,timeToStartInMins:F}=i.Z.getEventStatus(x[m]);if(k.name!=o.Z.LIVE.name)return(0,g.jsx)("div",{children:"// TODO : fix event registration view for live events"})}if(delete on.ZP.styles.global,p)return(0,g.jsx)(rn.C,{value:pn,children:(0,g.jsx)(nn.x,{theme:on.ZP,cssVarsRoot:u,resetCSS:!1,children:(0,g.jsx)(xn.Provider,{value:{isIOS:(0,we.KE)(),totalEvents:x.length,closeClickComponent:v,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:S,showSwipeIndicator:y},children:"portrait"===a?(0,g.jsx)(sn,{eventsStories:f,initialStoryIndex:w,onBack:v,eventIndex:m}):x.length>1&&(0,c.Bb)(s)?(0,g.jsx)(un,{eventsStories:f,initialStoryIndex:w,onBack:v,eventIndex:m}):(0,g.jsx)(sn,{eventsStories:f,initialStoryIndex:w,onBack:v,eventIndex:m})})})});b=[];for(var _=0;_<x.length;_++)if((0,Oe.B6)(x[_])||(0,Oe.WJ)(x[_]))b.push(x[_]);else if((0,Oe.yC)(x[_])){var{status:k,bannerText:I,timeToStartInMins:F}=i.Z.getEventStatus(x[_]);k.name===o.Z.LIVE.name&&b.push(x[_])}return(0,g.jsx)(rn.C,{value:pn,children:(0,g.jsx)(nn.x,{theme:on.ZP,cssVarsRoot:u,resetCSS:!1,children:(0,g.jsx)(xn.Provider,{value:{isIOS:(0,we.KE)(),totalEvents:x.length,closeClickComponent:v,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:S,showSwipeIndicator:y},children:"portrait"===a?(0,g.jsx)(Xe,{events:b,eventIndex:m,onBack:v}):x.length>1?(0,g.jsx)(tn,{events:b,eventIndex:m,onBack:v}):(0,g.jsx)(Xe,{events:b,eventIndex:m,onBack:v})})})})}},9316:function(t,e,n){n.d(e,{mT:function(){return s}});var i,o,r,a=n(168),l=n(686);const d=(0,l.F4)(i||(i=(0,a.Z)(["\n    0% { transform: scale(1); }\n    50%, { transform: scale(0.95); }\n    100% { transform: scale(1); }\n"]))),s="\n    ".concat(d," 0.2s linear;\n"),c=(0,l.F4)(o||(o=(0,a.Z)(["\n    100% { \n        -webkit-transform: rotate(360deg); \n        transform:rotate(360deg); \n    }\n"]))),h=("\n    ".concat(c," 0.5s infinite linear;\n"),(0,l.F4)(r||(r=(0,a.Z)(["\n    0% { \n        opacity: 1;\n        transform: translateY(100%);\n    }\n    10%{\n        transform: translateY(0%);\n    }\n    12%{\n        transform: translateY(-5%);\n    }\n    20%{\n        transform: translateY(0%);\n    }\n    95%{\n        opacity: 1;\n        transform: scale(1);\n    }\n    100%{\n        opacity: 0;\n    }\n"]))));"\n    ".concat(h," ").concat(3,"s ease-in-out;\n")},6163:function(t,e,n){n.r(e),n.d(e,{default:function(){return w}});var i=n(3271),o=n(5427),r=n(7313),a=n(7753),l=n(756),d=(n(4844),n(5160));var s=n(9316),c=n(9748),h=n(4209),u=n(9854),p=(n(7605),n(7053)),x=n(9039),g=n(7376),m=n(778),v=n(6417);function f(t){var e;const[n]=(0,a.j1)("whatmoreSecondaryColor"),[r]=(0,a.j1)("whatmorePrimaryFont"),l=null!==(e=t.baseFontSize)&&void 0!==e?e:10,d=t.width,s=t.height;return(0,v.jsx)(i.xu,{width:d,height:s,padding:"0px",boxShadow:"lg",borderRadius:"md",backgroundColor:"white",borderColor:n,borderWidth:"1px",children:(0,v.jsxs)(i.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"2px",justifyContent:"center",children:[(0,v.jsxs)(i.xv,{color:n,fontSize:1.3*l,fontWeight:"semibold",sx:{fontFamily:r+" !important"},children:["\xa0"," In Cart ","\xa0"]}),(0,v.jsx)(i.M5,{paddingX:"5px",children:(0,v.jsx)(o.Z,{sx:{color:n,fontSize:1.5*l}})})]})})}var w=function(t){var e,n,o,w;const[j]=(0,a.j1)("whatmorePrimaryFont"),[C]=(0,a.j1)("isInDesignMode"),[S]=(0,a.j1)("isDemoBrand"),[y,b]=(0,a.j1)("appCartData"),[k]=(0,a.j1)("whatmoreShopId"),[I]=[(0,u.hm)(k)],F=(0,u.hm)(k),[_,T]=(0,r.useState)(!1),[E,P]=(0,r.useState)({state:"initial"}),[O,z]=(0,r.useState)({loaded:!1,client_product_id:"",variant_id:"",variant_price:""}),{closeClickComponent:L}=(0,r.useContext)(h.EventClickComponentContext),{whatmoreWidgetSourceDetails:D}=(0,r.useContext)(x.I),R=t.event,K=t.product,M=null!==(e=t.baseFontSize)&&void 0!==e?e:10;function W(t,e,n){C||S||(async()=>{(0,d.JX)(t,e,n)})()}(0,r.useEffect)((()=>{!async function(){var t,e,n,i,o;const r=await(0,p.gK)(K,(0,u.Ip)(k),k);z({loaded:!0,client_product_id:K.client_product_id,variant_id:null===(t=r.product)||void 0===t||null===(e=t.variants)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.id,variant_price:null===(i=r.product.variants)||void 0===i||null===(o=i[0])||void 0===o?void 0:o.price})}()}),[]);const q=null!==(n=t.width)&&void 0!==n?n:"fit-content",A=null!==(o=t.height)&&void 0!==o?o:"fit-content",H=(null!==(w=(0,u.Jb)(k))&&void 0!==w?w:2)+"px";return O.loaded?(0,v.jsx)("div",{style:{width:q,height:A},children:(0,v.jsx)("a",{href:"javascript:void(0)","data-variant-id":O.variant_id,"data-action-atc":"",rel:"nofollow","aria-describedby":"a11y-external-message",children:(0,v.jsx)(c.zx,{type:"submit",className:(0,u.Sl)(k),sx:{width:q,height:A,minHeight:A},onClick:t=>{T(!0),W(R,K,1),(0,g.GF)({userInteractionType:m.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:D,event:R,productList:[K],ctaList:R.cta}),null!==L&&setTimeout((()=>{L()}),2e3)},children:"initial"===E.state?(0,v.jsx)(l.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:A,width:q},children:(0,v.jsx)(i.xu,{width:"100%",height:"100%",padding:H,boxShadow:"lg",borderRadius:"md",backgroundColor:F,borderColor:F,borderWidth:"1px",animation:_?s.mT:null,onAnimationEnd:()=>{T(!1)},children:(0,v.jsx)(i.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:(0,v.jsx)(i.M5,{children:(0,v.jsxs)(i.xv,{lineHeight:"100%",fontSize:1.3*M,fontWeight:"semibold",sx:{fontFamily:j+" !important",color:(0,u.KC)(k)+" !important"},children:["\xa0"," ADD TO CART ","\xa0"]})})})})}):(0,v.jsx)(l.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:A,width:q},children:(0,v.jsx)(f,{event:R,product:K,baseFontSize:M,cartState:E,width:q,height:A})})})})}):(0,v.jsx)(v.Fragment,{})}},2634:function(t,e,n){var i=n(3271),o=n(4897),r=n(499),a=n(6417);e.Z=function(t){var e,n=t.event,l=t.fontSize,d=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:s,bannerText:c,timeToStartInMins:h}=o.Z.getEventStatus(n);return s.name===r.Z.LIVE.name?(0,a.jsx)(i.xu,{maxWidth:d,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:s.color,children:(0,a.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,a.jsx)(i.xv,{fontSize:l,fontWeight:"bold",color:"white",children:c})})}):(0,a.jsx)(i.xu,{maxWidth:d,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:s.color,children:(0,a.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,a.jsx)(i.xv,{fontSize:l,fontWeight:"medium",children:c})})})}},7605:function(t,e,n){n.d(e,{a:function(){return i}});n(5160);const i=async function(t,e,n,i,o,r,a,l,d,s){}},1896:function(t,e,n){n.d(e,{Z:function(){return g}});var i=n(7313),o=n(7300),r=n(6422),a=n(4209),l=n(3175),d=n(2887),s=n(7753),c=n(58),h=n(6417);function u(t){var e,n,o;const[a,d]=(0,r.Z)(),[u,p]=(0,i.useState)(i.useRef()),[x,g]=(0,s.j1)("whatmoreVideoPlayerPoolBlessed"),[m,v]=(0,i.useState)(!0),f=t.timeUpdateCallback,w=null!==(e=t.isVideoMuted)&&void 0!==e?e:a,j=null!==(n=t.height)&&void 0!==n?n:"100%",C=null!==(o=t.width)&&void 0!==o?o:"100%";return(0,i.useLayoutEffect)((()=>{var e;u.current&&x&&(0==u.current.children.length?((e=(0,c.Bi)(u.current,t.url,w||!t.isPlaying,t.isPlaying)).addEventListener("loadeddata",(()=>{v(!1)})),f&&e.addEventListener("timeupdate",(t=>{var n,i;e&&f(null!==(n=e.currentTime)&&void 0!==n?n:0,null!==(i=e.duration)&&void 0!==i?i:0)}))):((e=u.current.children[0]).muted=w||!t.isPlaying,t.isPlaying?e.play():e.pause()))}),[w,t.isPlaying,x,m]),(0,i.useLayoutEffect)((()=>()=>{u.current&&0!=u.current.children.length&&(0,c.P7)(u.current)}),[]),(0,h.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:C,height:j,overflow:"hidden"},children:[(0,h.jsx)("div",{ref:u,style:{width:m?"0px":"100%",height:m?"0px":"100%"},className:"whatmore-video-player-ios-holder"}),m?(0,h.jsx)(l.Z,{width:C,height:j}):(0,h.jsx)(h.Fragment,{})]})}var p=function(t){var e;return(0,h.jsx)(u,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback,isVideoMuted:null!==(e=t.isVideoMuted)&&void 0!==e?e:null})};function x(t){var e,n,o;const[a,d]=(0,r.Z)(),[s,c]=(0,i.useState)(!1),u=t.setDuration,p=(0,i.useRef)(null),x=t.timeUpdateCallback,g=null!==(e=t.height)&&void 0!==e?e:"100%",m=null!==(n=t.width)&&void 0!==n?n:"100%",v=null!==(o=t.isVideoMuted)&&void 0!==o?o:a;return(0,i.useEffect)((()=>{p.current&&(t.isPlaying?p.current.paused&&p.current.play():p.current.pause(),x&&p.current.addEventListener("timeupdate",(t=>{var e,n;p.current&&x(null!==(e=p.current.currentTime)&&void 0!==e?e:0,null!==(n=p.current.duration)&&void 0!==n?n:0)})))}),[t.isPlaying]),(0,h.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:m,height:g,overflow:"hidden"},children:[(0,h.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,h.jsx)("video",{ref:p,className:"whatmore-video-player",width:m,height:g,preload:"auto",loop:!0,playsInline:!0,muted:!!v,src:t.url,onLoadedData:()=>{c(!0),t.isPlaying&&p.current&&p.current.play()},onLoadedMetadata:()=>{p.current&&u&&u(p.current.duration)}})}),s?(0,h.jsx)(h.Fragment,{}):(0,h.jsx)(l.Z,{width:m,height:g})]})}var g=function(t){var e,n;return(0,o.WJ)(t.event)?(0,h.jsx)(d.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback}):1==(0,i.useContext)(a.EventClickComponentContext).isIOS&&1==(0,s.MO)("whatmoreVideoPlayerPoolBlessed")?(0,h.jsx)(p,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback,isVideoMuted:null!==(n=t.isVideoMuted)&&void 0!==n?n:null}):(0,h.jsx)(x,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback,isVideoMuted:null!==(e=t.isVideoMuted)&&void 0!==e?e:null,setDuration:t.setDuration})}},6119:function(t,e,n){var i,o=n(168),r=n(3271),a=n(7313),l=n(7789),d=n(7753),s=n(686),c=n(9854),h=n(9039),u=n(5160),p=n(6417);const x=(0,s.F4)(i||(i=(0,o.Z)(["\n    0% { \n        opacity: 0;\n    }\n    10%{\n        opacity: 0.5;\n    }\n    20%{\n        opacity: 1;\n    }\n    \n"]))),g=("\n    ".concat(x," ").concat(3,"s ease-in-out;\n"),function(t,e){return(0,c.lj)(e)?t+"?"+(0,c.aw)(e)+"&"+(0,c.n9)(e)+"&"+(0,c.po)(e):t});e.Z=function(t){var e;const[n,i,o,s]=(0,l.Z)(),[x,m]=(0,a.useState)(!1),{whatmoreUITheme:v}=(0,a.useContext)(h.I),f=(0,d.MO)("isInDesignMode"),w=(0,d.MO)("isDemoBrand"),j=(0,d.MO)("whatmoreSecondaryColor"),C=(0,d.MO)("whatmoreSecondaryColorShade1200"),S=(0,d.MO)("whatmorePrimaryFont"),y=(0,d.MO)("whatmoreShopId"),b=(t.event,t.cta),k=.05*s;return(0,p.jsx)(r.M5,{children:(0,p.jsx)(r.Kq,{direction:"row",height:"fit-content",width:"100%",justifyContent:"center",marginBottom:.03*s+"px",marginTop:.03*s+"px",children:(0,p.jsx)(r.rU,{href:g(b.cta_link,y),color:"white",onClick:()=>{f||w||(async()=>{(0,u.uD)(t)})()},children:(0,p.jsx)(r.xv,{fontSize:k*(null!==(e=t.fontFactor)&&void 0!==e?e:1)+"px",variant:"subtle",textColor:j,bgColor:C,sx:{borderRadius:"round"==v?"5px":"0px",borderWidth:(0,c.p5)(y),borderColor:"#343434"===(0,c.yx)(y)?j:(0,c.yx)(y),fontFamily:S+" !important",textAlign:"center!important",fontWeight:"bold"},paddingY:"8px",paddingX:.05*s+"px",children:b.cta_title})})})})}},8782:function(t,e,n){n.d(e,{P:function(){return l}});var i=n(3933),o=n(7313),r=(n(123),n(6417));function a(t){const{ref:e,inView:n,entry:o}=(0,i.YD)({triggerOnce:t.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:e,children:n?t.renderElement({eventData:t.data}):(0,r.jsx)("div",{style:{minWidth:t.defaultHeight,minHeight:t.defaultWidth}})})}function l(t){var e;return(0,o.useEffect)((()=>{const t=document.querySelector(".whatmore-carousel-horizontal-flex");let e,n=!1;function i(t){t.touches&&(null===t||void 0===t?void 0:t.touches.length)>0?(n=!0,e=t.touches[0].clientX):(n=!0,e=t.clientX)}function o(i){if(!n)return;const o=i.touches?i.touches[0].clientX:i.clientX;t.style.pointerEvents="none";const r=2*(e-o);t.scrollLeft+=r,e=o}function r(e){t.style.pointerEvents="auto",n=!1}return t&&("ontouchstart"in window&&(t.addEventListener("touchstart",i),t.addEventListener("touchmove",o),t.addEventListener("touchend",r)),t.addEventListener("mousedown",i),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{t&&("ontouchstart"in window&&(t.removeEventListener("touchstart",i),t.removeEventListener("touchmove",o),t.removeEventListener("touchend",r)),t.removeEventListener("mousedown",i),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!==(e=t.spacing)&&void 0!==e?e:3},className:"whatmore-carousel-horizontal-flex",children:t.dataList.map(((e,n)=>(0,r.jsx)(a,{renderElement:t.renderElement,data:e,defaultHeight:t.defaultHeight,defaultWidth:t.defaultWidth,retainAlreadyRenderedElements:t.retainAlreadyRenderedElements},"key-"+n)))})}},342:function(t,e,n){n.d(e,{WN:function(){return o},uv:function(){return i}});const i=function(t){var e;return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.portrait.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.portrait.content_video_1080p?t.event_media_urls.secondary.portrait.content_video_1080p:null!==(e=t.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==e?e:null:t.event_hls_url},o=function(t){return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.landscape.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.landscape.content_video_1080p?t.event_media_urls.secondary.landscape.content_video_1080p:t.event_media_urls.primary.landscape.content_video_1080p:t.event_hls_url}},6422:function(t,e,n){var i=n(7313),o=n(7753);e.Z=function(t){const[e,n]=(0,o.j1)("muted");return(0,i.useEffect)((()=>{}),[]),[e,n]}},7789:function(t,e,n){var i=n(8866);e.Z=function(t){const[e,n,o]=(0,i.Z)();var r="landscape"==e?n*(9/16):o;if("landscape"==e){const t=.85;return[n,r,n*t,r*t]}return[n,r,n,r]}},7053:function(t,e,n){n.d(e,{gK:function(){return r},pO:function(){return a}});var i=n(2791),o=n(4844);async function r(t,e,n){return"shopify"==e?(0,o.dg)(t):(0,i.Y4)(t,n)}async function a(t,e,n){return"shopify"==e?(0,o.bN)(t):(0,i.ln)(t,n)}},9111:function(){}}]);

package/static/js/358.38899991.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[358],{3827:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=n(8866),d=n(7753),x=n(7129),p=n(9039),c=n(8631),h=n(6066),u=n(8782),m=n(9821),f=(n(8984),n(7381)),v=n(6417);const g=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,w]=(0,s.Z)(),[y,j,b,C,E]=(0,m.Z)(),[k,L]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),R=(0,d.MO)("whatmoreCollectionsTileSize"),S="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),M=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:Z}=(0,o.useContext)(p.I),B=e.onClick;function A(e){B(e)}(0,o.useEffect)((()=>{(0,f.Oo)("Video shopping powered by Whatmore!")}),[]),delete r.ZP.styles.global;var P=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&k[o]>.2?(P.push((0,v.jsx)(h.Z,{event1:t[o],event2:t[o+1],onClick:()=>{A(t[o-1])}},"collections-tile-"+o)),o+=2,i=!i):(P.push((0,v.jsx)(c.Z,{event:t[o],onClick:()=>{A(t[o-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+o)),o+=1,i=!i);return(0,v.jsx)(l.C,{value:g,children:(0,v.jsx)("div",{children:(0,v.jsx)(i.x,{theme:r.ZP,cssVarsRoot:Z,resetCSS:!1,children:(0,v.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,v.jsx)("div",{style:{marginLeft:S+"px",marginRight:S+"px"},children:(0,v.jsx)(u.P,{renderElement:e=>(0,v.jsx)(v.Fragment,{children:e.eventData}),dataList:P,spacing:M,defaultHeight:y*R*.01+"px",defaultWidth:j*R*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v,g]=(0,o.useState)(!1),w=(0,i.f6)(m);(0,o.useContext)(a.V);const y=e.event,j=e.onClick,b=e.removeBorders,C=n*f*.01,E=x*f*.01,k=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:E+"px",marginLeft:b?"2px":"5px",marginRight:b?"2px":"5px",marginTop:b?"2px":"5px",marginBottom:b?"2px":"5px",cursor:"pointer"},onClick:()=>{g(!0),j(y)},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:k,overflow:"hidden",boxShadow:b?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+w+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C+"px",width:E+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:y.thumbnail_image,isPlaying:!0,event:y})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v,g]=(0,o.useState)(!1),w=(0,i.f6)(m);(0,o.useContext)(a.V);const y=e.event1,j=e.event2,b=e.onClick,C=.01*f,E=n*C,k=n*C*.5,L=x*C,R=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",S="15%",M=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:E+"px",width:L+"px",marginLeft:M?"2px":"5px",marginRight:M?"2px":"5px",marginTop:M?"2px":"5px",marginBottom:M?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:M?"0px":R,boxShadow:M?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+w+"DA"},onClick:()=>{g(!0),b(y)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:L+"px",borderTopLeftRadius:M?"0px":S,borderTopRightRadius:M?"0px":S,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:y.thumbnail_image,isPlaying:!0,event:y})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:L+"px",borderBottomLeftRadius:M?"0px":S,borderBottomRightRadius:M?"0px":S,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);

package/static/js/580.fa4d4636.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[580],{3580:function(t,e,n){n.r(e),n.d(e,{default:function(){return u}});var r=n(7313),o=n(8866),i=n(7753),s=(n(9111),n(123),n(9778),n(9854)),a=n(868),l=n(6417);var d=function(t){var e,n;const[d,c,p]=(0,o.Z)(),h=(0,i.MO)("whatmorePrimaryFont"),u=(0,i.MO)("whatmoreSecondaryColor"),f=(0,i.MO)("whatmoreShopId"),[x,m]=(0,r.useState)(!1),w=t.storyId,g=(0,a.V)(t.imageUrl),y=t.title,v=t.onClick,b=t.template,j=(0,s.f6)(f),S="template-stories-a"===b?"50%":"30%",k="portrait"==d?1:(0,s.Zy)(f),z=Math.floor(t.tileSize*k),C=.12*z*(0,s.LM)(f),F=null!==(e=(0,s.Q)(f))&&void 0!==e?e:h,L=null!==(n=(0,s.u2)(f))&&void 0!==n?n:[u,j,u,j,u];return(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:z*(0,s.jJ)(f)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{m(!0),v(w)},className:[x?"whatmore-scale-on-tap":""].join(" "),children:[(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:S,boxShadow:"0px 2px 1px 0px "+L[0]+"50, 0px -2px 1px 0px "+L[1]+"50, 2px 0px 1px 0px "+L[2]+"50, -2px 0px 1px 0px "+L[3]+"80, 2px -2px 1px 0px "+L[4]+"80, -2px 2px 1px 0px "+L[0]+"DA, 2px 2px 1px 0px "+L[1]+"DA, -2px -2px 1px 0px "+L[2]+"DA"},children:(0,l.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:z+"px",width:z+"px",borderRadius:S,border:"3px solid white",backgroundColor:"#343434"===u?"#d3d3d3":u,overflow:"hidden"},children:(0,l.jsx)("img",{src:g,loading:"lazy",style:{objectFit:"cover",height:z+"px",width:z+"px",backgroundColor:"white"},alt:"story image"})})}),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,l.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",C+"px","important")},style:{textAlign:"center",color:(0,s.WS)(f),fontFamily:F,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:y.substring(0,24)})})]})},c=n(9039),p=n(9302);const h=(0,n(2575).Z)({key:"whatmore-stories-css"});var u=function(t){const[e,n,a]=(0,o.Z)(),[u]=(0,i.j1)("whatmoreLandscapePadding"),[f]=(0,i.j1)("whatmoreStoryTileSize"),[x]=(0,i.j1)("whatmoreStoryTileSizeDesktop"),[m]=(0,i.j1)("whatmoreShopId"),[w,g]=(0,r.useState)("portrait"===e?"flex-start":"center"),y=(0,r.useRef)(null);var v=t.eventsStories;const b=t.onClick,j=t.template;("landscape"===e&&!(0,s.DF)(m)||"portrait"===e&&!(0,s.xL)(m))&&c.$.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;const n=t.querySelector(".whatmore-render-root");n&&(n.style.minHeight="0px")}));const S=t=>{if(y.current){const e="left"===t?4*-k:4*k;y.current.scrollBy({left:e,behavior:"smooth"})}};(0,r.useEffect)((()=>{!function(){if(y.current){const t=y.current.scrollWidth,e=y.current.offsetWidth;g(t>e?"flex-start":"center")}}()}),[w,a]);const k="landscape"===e?n*(x/100)*.3:a*(f/100)*.5;return(0,l.jsx)(p.C,{value:h,children:(0,l.jsx)("div",{style:{left:u+"px",right:u+"px",marginBottom:"portrait"==e?(0,s.cj)(m):(0,s.TM)(m)},children:(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",position:"relative"},children:"landscape"==e&&!(0,s.DF)(m)||"portrait"==e&&!(0,s.xL)(m)?(0,l.jsx)(l.Fragment,{}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:w,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:y,children:v.map(((t,e)=>(0,l.jsx)(d,{storyId:t.id,tileSize:k,onClick:t=>{b(e)},template:j,imageUrl:t.thumbnail_image,title:t.title},"whatmore-story-"+t.id)))}),"landscape"===e&&(0,s.sM)(m)&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{onClick:()=>S("left"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",left:0},children:(0,l.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:"<"})}),(0,l.jsx)("button",{onClick:()=>S("right"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",right:0},children:(0,l.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:">"})})]})]})})})})}},868:function(t,e,n){n.d(e,{V:function(){return a}});var r=n(9854),o=n(7753);const i={"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"},s={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},a=function(t){const e=(0,o.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,r.zp)(e))return t;if("AZURECDN"==(0,r.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(i))if(t.includes(e))return t.replace(e,i[e]);return t}}if("BUNNYCDN"==(0,r.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(s))if(t.includes(e))return t.replace(e,s[e]);return t}}return t}},8866:function(t,e,n){var r=n(7313);function o(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=o();const[i,s]=(0,r.useState)([e>n?"portrait":"landscape",e,n]);return(0,r.useLayoutEffect)((()=>{function t(){var[t,e]=o();s(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),i}},9111:function(){},123:function(){},9778:function(){}}]);

package/static/js/607.8785c8df.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[607],{6071:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=(n(8984),n(8866)),d=n(7753),x=n(7129),p=n(9039),c=n(8631),h=n(6066),u=n(8782),m=n(9821),f=(n(4862),n(7381)),v=n(6417);const g=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,w]=(0,s.Z)(),[y,j]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[b,C,E,k,L]=(0,m.Z)(),R=(0,d.MO)("whatmoreCollectionsTileSize"),S="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),M=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:Z}=(0,o.useContext)(p.I),B=e.onClick;function A(e){B(e)}delete r.ZP.styles.global;var P=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&y[o]>.2?(P.push((0,v.jsx)(h.Z,{event1:t[o],event2:t[o+1],onClick:()=>{A(t[o-1])},removeBorders:!0},"collections-tile-"+o)),o+=2,i=!i):(P.push((0,v.jsx)(c.Z,{event:t[o],onClick:()=>{A(t[o-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+o)),o+=1,i=!i);return(0,o.useEffect)((()=>{(0,f.Oo)("Video shopping powered by Whatmore!")}),[]),(0,v.jsx)(l.C,{value:g,children:(0,v.jsx)("div",{children:(0,v.jsx)(i.x,{theme:r.ZP,cssVarsRoot:Z,resetCSS:!1,children:(0,v.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,v.jsx)("div",{style:{marginLeft:S+"px",marginRight:S+"px"},children:(0,v.jsx)(u.P,{renderElement:e=>(0,v.jsx)(v.Fragment,{children:e.eventData}),dataList:P,spacing:M,defaultHeight:b*R*.01+"px",defaultWidth:C*R*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v,g]=(0,o.useState)(!1),w=(0,i.f6)(m);(0,o.useContext)(a.V);const y=e.event,j=e.onClick,b=e.removeBorders,C=n*f*.01,E=x*f*.01,k=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:E+"px",marginLeft:b?"2px":"5px",marginRight:b?"2px":"5px",marginTop:b?"2px":"5px",marginBottom:b?"2px":"5px",cursor:"pointer"},onClick:()=>{g(!0),j(y)},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:k,overflow:"hidden",boxShadow:b?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+w+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C+"px",width:E+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:y.thumbnail_image,isPlaying:!0,event:y})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v,g]=(0,o.useState)(!1),w=(0,i.f6)(m);(0,o.useContext)(a.V);const y=e.event1,j=e.event2,b=e.onClick,C=.01*f,E=n*C,k=n*C*.5,L=x*C,R=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",S="15%",M=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:E+"px",width:L+"px",marginLeft:M?"2px":"5px",marginRight:M?"2px":"5px",marginTop:M?"2px":"5px",marginBottom:M?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:M?"0px":R,boxShadow:M?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+w+"DA"},onClick:()=>{g(!0),b(y)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:L+"px",borderTopLeftRadius:M?"0px":S,borderTopRightRadius:M?"0px":S,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:y.thumbnail_image,isPlaying:!0,event:y})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:L+"px",borderBottomLeftRadius:M?"0px":S,borderBottomRightRadius:M?"0px":S,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);

package/static/js/{67.74138df6.chunk.js → 67.fdef66f7.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[67],{4362:function(e,t,n){n.r(t),n.d(t,{default:function(){return S}});var r=n(7313),i=n(8675),o=n(6090),s=n(7616),l=(n(6143),n(7244),n(123),n(9302)),a=n(2575),d=n(3271),c=n(8866),h=n(7753),p=n(7129),m=n(9854),x=n(9039),u=n(9821),y=n(3933),f=n(6417);function v(e){var t;const{ref:n,inView:r,entry:i}=(0,y.YD)({triggerOnce:!1}),o=null!==(t=e.defaultHeight)&&void 0!==t?t:"fit-content";return(0,f.jsx)(d.Kq,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:r?e.data.map(((t,n)=>(0,f.jsx)("div",{children:e.renderElement({eventData:t})},"key"+n))):(0,f.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function g(e){var t;const[n,r,i]=(0,u.Z)(),o=null!==(t=e.elementsPerRow)&&void 0!==t?t:Math.floor(Math.min(i,e.dataList.length)),s=function(e,t){var n=[];const r=t;for(let i=0;i<e.length;i+=r){const t=e.slice(i,i+r);n.push(t)}return n}(e.dataList,o);return(0,f.jsx)(d.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:s.map(((t,i)=>(0,f.jsx)(v,{renderElement:e.renderElement,data:t,defaultHeight:n,defaultWidth:r},"key-"+i)))})}var w=n(7300),j=(n(4920),n(3439),n(4892)),P=n(1092),b=n(5945),C=n(9219);var F=function(e){var[t,n]=(0,u.Z)();const[i,o]=(0,r.useState)(0),[s,l]=(0,r.useState)(e.event),[a]=(0,h.j1)("whatmoreShopId"),{whatmoreUITheme:d}=(0,r.useContext)(x.I),[c]=(0,h.j1)("whatmorePrimaryFont"),p=s.products.length;if(0==p)return(0,f.jsx)(f.Fragment,{});(0,r.useEffect)((()=>{const e=setInterval((()=>{o((e=>(e+1)%p))}),3e3);return()=>{clearInterval(e)}}),[]),(0,r.useEffect)((()=>{(0,m.N8)(a)&&(0,C.p_)(s,(0,m.Ip)(a),a).then((e=>{l(e)}))}),[]);const y=.08*n+"px",v=.075*n+"px",g=(+s.products[i].price).toFixed(),w=(+s.products[i].compare_price).toFixed();return(0,f.jsxs)("div",{style:{background:(0,m.Ys)(a),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"round"==d?"0 0 12px 12px":"0"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",y,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"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"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,b.s)(s.products[i].title)}),(0,f.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,C.jx)(parseFloat(g)," ",a,s.products[i].currency)}),!isNaN(w)&&w>g&&(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,C.jx)(parseFloat(w)," ",a,s.products[i].currency)})]})]})},k=n(8984);function I(e){const[t,n]=(0,u.Z)(),[r]=(0,h.j1)("whatmoreShowViews"),i=e.event;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,f.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,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===r?(0,f.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)(P.Z,{event:i,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})})})})}var O=function(e){var t,n,i;const[o,s]=(0,u.Z)();var l=(0,r.useContext)(p.V);const{whatmoreUITheme:a}=(0,r.useContext)(x.I),d=(0,h.MO)("whatmoreSecondaryColor"),c=(0,h.MO)("whatmoreShopId"),v=e.event,g=e.onClick,w=null===(t=e.isOnFocus)||void 0===t||t,P=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,b=null!==(i=e.animateOnFocus&&(0,m.iW)(c))&&void 0!==i&&i,[C,O,M]=(0,y.YD)({triggerOnce:!0});return(0,f.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",l.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",l.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,height:o,borderRadius:"round"==a?"12px":"0px",borderWidth:(0,m.en)(c),borderColor:"white"==(0,m.qP)(c)?d:(0,m.qP)(c),overflow:"hidden",cursor:"pointer"},className:b?w?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{g(v)},children:[(0,f.jsx)(j.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:w||P||(0,k.gE)(),event:v}),(0,f.jsxs)("div",{style:{width:s,height:o},ref:C,children:[(0,f.jsx)(I,{event:v,isOnFocus:w}),(0,f.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,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:"    "})}),(0,f.jsx)("div",{style:{width:"100%"},children:O&&(0,m.PW)(c)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(F,{event:v})}):(0,f.jsx)("div",{height:"20px"})})]})})]})]})};const M=(0,a.Z)({key:"whatmore-css-hv"});var S=function(e){var t;const[n,a,y]=(0,c.Z)(),[v,j,P]=(0,u.Z)(),[b]=(0,h.j1)("whatmoreShopId"),[C]=(0,h.j1)("whatmorePrimaryColor"),[F]=(0,h.j1)("whatmoreSecondaryColor"),[k]=(0,h.j1)("whatmoreTitleFont"),I="portrait"==n?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:S}=(0,r.useContext)(x.I),Z=e.events,R=e.onClick,z=null!==(t=(0,m.aR)(b))&&void 0!==t?t:k;function W(e){R(e)}const E=parseInt(Math.floor(P));return delete s.ZP.styles.global,(0,f.jsx)(l.C,{value:M,children:(0,f.jsx)("div",{children:(0,f.jsx)(o.x,{theme:s.ZP,cssVarsRoot:S,resetCSS:!1,children:(0,f.jsxs)(p.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[e.heading.trim().length>0?(0,f.jsx)(d.M5,{children:(0,f.jsx)(d.xv,{bgColor:C,bgClip:"text",fontSize:I,sx:{fontFamily:z+" !important"},align:"center",children:e.heading})}):(0,f.jsx)(f.Fragment,{}),"landscape"===n?(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(t)||(0,w.WJ)(t)?(0,f.jsx)(O,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}}):(0,f.jsx)(i.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}})})},dataList:Z,elementsPerRow:E}):(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,f.jsx)(O,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{W(t)}})})},dataList:Z,elementsPerRow:E})]})})})})}}}]);
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[67],{4362:function(e,t,n){n.r(t),n.d(t,{default:function(){return S}});var r=n(7313),i=n(8675),o=n(6090),s=n(7616),l=(n(6143),n(7244),n(123),n(9302)),a=n(2575),d=n(3271),c=n(8866),h=n(7753),p=n(7129),m=n(9854),x=n(9039),u=n(9821),y=n(3933),f=n(6417);function v(e){var t;const{ref:n,inView:r,entry:i}=(0,y.YD)({triggerOnce:!1}),o=null!==(t=e.defaultHeight)&&void 0!==t?t:"fit-content";return(0,f.jsx)(d.Kq,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:r?e.data.map(((t,n)=>(0,f.jsx)("div",{children:e.renderElement({eventData:t})},"key"+n))):(0,f.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function g(e){var t;const[n,r,i]=(0,u.Z)(),o=null!==(t=e.elementsPerRow)&&void 0!==t?t:Math.floor(Math.min(i,e.dataList.length)),s=function(e,t){var n=[];const r=t;for(let i=0;i<e.length;i+=r){const t=e.slice(i,i+r);n.push(t)}return n}(e.dataList,o);return(0,f.jsx)(d.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:s.map(((t,i)=>(0,f.jsx)(v,{renderElement:e.renderElement,data:t,defaultHeight:n,defaultWidth:r},"key-"+i)))})}var w=n(7300),j=(n(4920),n(3439),n(4892)),P=n(1092),b=n(5945),C=n(9219);var F=function(e){var[t,n]=(0,u.Z)();const[i,o]=(0,r.useState)(0),[s,l]=(0,r.useState)(e.event),[a]=(0,h.j1)("whatmoreShopId"),{whatmoreUITheme:d}=(0,r.useContext)(x.I),[c]=(0,h.j1)("whatmorePrimaryFont"),p=s.products.length;if(0==p)return(0,f.jsx)(f.Fragment,{});(0,r.useEffect)((()=>{const e=setInterval((()=>{o((e=>(e+1)%p))}),3e3);return()=>{clearInterval(e)}}),[]),(0,r.useEffect)((()=>{(0,m.N8)(a)&&(0,C.p_)(s,(0,m.Ip)(a),a).then((e=>{l(e)}))}),[]);const y=.08*n+"px",v=.075*n+"px",g=(+s.products[i].price).toFixed(),w=(+s.products[i].compare_price).toFixed();return(0,f.jsxs)("div",{style:{background:(0,m.Ys)(a),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"round"==d?"0 0 12px 12px":"0"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",y,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"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"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,b.s)(s.products[i].title)}),(0,f.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,C.jx)(parseFloat(g)," ",a,s.products[i].currency)}),!isNaN(w)&&w>g&&(0,f.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,C.jx)(parseFloat(w)," ",a,s.products[i].currency)})]})]})},k=n(8984);function I(e){const[t,n]=(0,u.Z)(),[r]=(0,h.j1)("whatmoreShowViews"),i=e.event;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,f.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,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===r?(0,f.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)(P.Z,{event:i,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})})})})}var O=function(e){var t,n,i;const[o,s]=(0,u.Z)();var l=(0,r.useContext)(p.V);const{whatmoreUITheme:a}=(0,r.useContext)(x.I),d=(0,h.MO)("whatmoreSecondaryColor"),c=(0,h.MO)("whatmoreShopId"),v=e.event,g=e.onClick,w=null===(t=e.isOnFocus)||void 0===t||t,P=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,b=null!==(i=e.animateOnFocus&&(0,m.iW)(c))&&void 0!==i&&i,[C,O,M]=(0,y.YD)({triggerOnce:!0});return(0,f.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",l.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",l.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,height:o,borderRadius:"round"==a?"12px":"0px",borderWidth:(0,m.en)(c),borderColor:"white"==(0,m.qP)(c)?d:(0,m.qP)(c),overflow:"hidden",cursor:"pointer"},className:b?w?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{g(v)},children:[(0,f.jsx)(j.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:w||P||(0,k.gE)(),event:v}),(0,f.jsxs)("div",{style:{width:s,height:o},ref:C,children:[(0,f.jsx)(I,{event:v,isOnFocus:w}),(0,f.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,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:"    "})}),(0,f.jsx)("div",{style:{width:"100%"},children:O&&(0,m.PW)(c)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(F,{event:v})}):(0,f.jsx)("div",{height:"20px"})})]})})]})]})};const M=(0,a.Z)({key:"whatmore-css-hv"});var S=function(e){var t;const[n,a,y]=(0,c.Z)(),[v,j,P]=(0,u.Z)(),[b]=(0,h.j1)("whatmoreShopId"),[C]=(0,h.j1)("whatmorePrimaryColor"),[F]=(0,h.j1)("whatmoreTitleFont"),k="portrait"==n?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:I}=(0,r.useContext)(x.I),S=e.events,Z=e.onClick,R=null!==(t=(0,m.aR)(b))&&void 0!==t?t:F;function z(e){Z(e)}const W=parseInt(Math.floor(P));return delete s.ZP.styles.global,(0,f.jsx)(l.C,{value:M,children:(0,f.jsx)("div",{children:(0,f.jsx)(o.x,{theme:s.ZP,cssVarsRoot:I,resetCSS:!1,children:(0,f.jsxs)(p.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[e.heading.trim().length>0?(0,f.jsx)(d.M5,{children:(0,f.jsx)(d.xv,{bgColor:C,bgClip:"text",fontSize:k,sx:{fontFamily:R+" !important"},align:"center",children:e.heading})}):(0,f.jsx)(f.Fragment,{}),"landscape"===n?(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(t)||(0,w.WJ)(t)?(0,f.jsx)(O,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{z(t)}}):(0,f.jsx)(i.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{z(t)}})})},dataList:S,elementsPerRow:W}):(0,f.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,f.jsx)("div",{style:{margin:"10px"},children:(0,f.jsx)(O,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{z(t)}})})},dataList:S,elementsPerRow:W})]})})})})}}}]);

package/static/js/708.70c47031.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[708],{1291:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=(n(8984),n(8866)),d=n(7753),x=n(7129),p=n(9039),c=n(8631),h=(n(6066),n(9821)),u=n(8782),m=(n(4862),n(7381)),f=n(6417);const v=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const[t,n,a]=(0,s.Z)(),[g,w,y,j,b]=(0,h.Z)(),C=(0,d.MO)("whatmoreCollectionsTileSize"),E="portrait"==t?0:(0,d.MO)("whatmoreLandscapePadding"),L=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:R}=(0,o.useContext)(p.I),k=e.events,S=e.onClick;delete r.ZP.styles.global;var M=[];for(let o=0;o<k.length;)M.push((0,f.jsx)(c.Z,{event:k[o],onClick:()=>{var e;e=k[o-1],S(e)},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+o)),o+=1;return(0,o.useEffect)((()=>{(0,m.Oo)("Video shopping powered by Whatmore!")}),[]),(0,f.jsx)(l.C,{value:v,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:r.ZP,cssVarsRoot:R,resetCSS:!1,children:(0,f.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:E+"px",marginRight:E+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:M,spacing:L,defaultHeight:g*C*.01+"px",defaultWidth:w*C*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v,g]=(0,o.useState)(!1),w=(0,i.f6)(m);(0,o.useContext)(a.V);const y=e.event,j=e.onClick,b=e.removeBorders,C=n*f*.01,E=x*f*.01,L=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:E+"px",marginLeft:b?"2px":"5px",marginRight:b?"2px":"5px",marginTop:b?"2px":"5px",marginBottom:b?"2px":"5px",cursor:"pointer"},onClick:()=>{g(!0),j(y)},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:L,overflow:"hidden",boxShadow:b?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+w+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C+"px",width:E+"px",borderRadius:L,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:y.thumbnail_image,isPlaying:!0,event:y})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v,g]=(0,o.useState)(!1),w=(0,i.f6)(m);(0,o.useContext)(a.V);const y=e.event1,j=e.event2,b=e.onClick,C=.01*f,E=n*C,L=n*C*.5,R=x*C,k=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",S="15%",M=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:E+"px",width:R+"px",marginLeft:M?"2px":"5px",marginRight:M?"2px":"5px",marginTop:M?"2px":"5px",marginBottom:M?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:M?"0px":k,boxShadow:M?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+w+"DA"},onClick:()=>{g(!0),b(y)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderTopLeftRadius:M?"0px":S,borderTopRightRadius:M?"0px":S,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:y.thumbnail_image,isPlaying:!0,event:y})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderBottomLeftRadius:M?"0px":S,borderBottomRightRadius:M?"0px":S,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);