whatmore-react-assets 1.0.602 → 1.0.604

package/static/js/369.5cba5a79.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[369],{9369:function(t,e,n){n.r(e),n.d(e,{EventClickComponentContext:function(){return wn},default:function(){return jn}});var i=n(4897),o=n(499),r=n(7313),a=n(2210),l=n(8486),s=n(5160),d=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,y,S,b,k=function(t){const[e,n]=(0,j.Z)(),[i,o,r,a]=(0,u.Z)(),l=.08*a;function s(){n(!e)}return(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.Cd,{cursor:"pointer",children:e?(0,g.jsx)(w.Z,{sx:{color:"white",fontSize:l,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{s()}}):(0,g.jsx)(f.Z,{sx:{color:"white",fontSize:l,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{s()}})})})},I=n(168),_=n(8449),F=n(686);const E=(0,F.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"]))),T="".concat(E," 0.5s linear"),P=(0,F.F4)(y||(y=(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,F.F4)(S||(S=(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,F.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 R,D=n(4937);const M=(0,F.F4)(R||(R=(0,I.Z)(["\n    0% { \n        opacity: 0;\n    }\n    10%{\n        opacity: 0.5;\n    }\n    20%{\n        opacity: 1;\n    }\n    \n"]))),K="\n    ".concat(M," ").concat(3,"s ease-in-out;\n");function W(t){const[e,n,i,o]=(0,u.Z)(),[a]=(0,h.j1)("whatmoreSecondaryColor"),[l,s]=(0,r.useState)(0),c=t.event,p=t.onClick,x=c.products.length;t.isFirstProductsIconClickDone;(0,r.useEffect)((()=>{const t=setInterval((()=>{s((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",y=o*f+"px",S=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)(d.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",height:"fit-content",width:"fit-content",borderRadius:"lg",children:(0,g.jsxs)(d.xu,{margin:"10px",width:w,height:j,boxShadow:"dark-lg",borderColor:"white",borderWidth:"2px",borderRadius:"lg",overflow:"visible",backgroundColor:"gray.100",animation:T,onClick:()=>p(),children:[(0,g.jsx)(v.Ee,{width:"100%",height:"100%",src:b[l].thumbnail_image,objectFit:"cover",borderRadius:"lg",animation:K},l),(0,g.jsx)(d.xu,{width:"100%",height:"100%",style:{position:"relative",zIndex:2,bottom:"100%"},className:"whatmore-ios-css-relative-fix",borderRadius:"lg",children:(0,g.jsx)(d.Kq,{direction:"column",width:"100%",height:"100%",justifyContent:"flex-end",children:(0,g.jsx)(d.M5,{children:(0,g.jsxs)(d.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)(d.xv,{noOfLines:1,fontSize:y,fontFamily:"sans-serif",fontWeight:"semibold",textAlign:"center",lineHeight:"100%",sx:{color:"white !important"},children:["\xa0","Shop Now","\xa0"]}),(0,g.jsx)(d.M5,{children:(0,g.jsx)(D.Z,{sx:{color:"white",fontSize:S}})})]})})})}),(0,g.jsx)(d.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)(d.Ct,{fontSize:C,variant:"subtle",textColor:a,bgColor:"gray.100",borderRadius:"md",boxShadow:"dark-lg",children:x>1?x:""})})]})})}var A=function(t){const[e,n]=(0,h.j1)("isProductSwiperCatalogOpen"),[i,o,a,l]=(0,u.Z)(),[s,c]=(0,r.useState)(!1),p=t.onToggle,x=t.event,m=.07*l;return(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.bK,{style:{marginTop:"10px"},children:e?(0,g.jsx)(_.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:s})})})},q=n(2634),H=n(8302);var N,Z,U=function(t){const e=t.onCloseCallback,[n,i,o,r]=(0,u.Z)(),a=.08*r;return(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.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),B=n(5428),Y=n(8022);var X=function(t){var e,n;const[i,o,a,l]=(0,u.Z)(),[s,c]=(0,r.useState)(!0),{slideDirection:h}=(0,r.useContext)(wn),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,F.F4)(N||(N=(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,F.F4)(Z||(Z=(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:s,reverse:!0,delay:x,children:(0,g.jsx)(d.xu,{width:"100%",height:"fit-content",paddingTop:100,borderRadius:"3xl",children:(0,g.jsxs)(d.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"flex-end",children:[(0,g.jsx)(d.M5,{animation:"vertical"===h?w:C,children:"vertical"===h?(0,g.jsx)(B.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)(d.M5,{children:(0,g.jsx)(d.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),y=.1*x,S=.95*m,b=.05*m;return(0,g.jsx)(d.Kq,{direction:"row",height:y,justifyContent:"center",aligntItems:"center",alignContent:"center",bgGradient:"linear(to-b, transparent, blackAlpha.400, blackAlpha.600)",children:(0,g.jsx)(d.Kq,{direction:"column",width:"fit-content",height:y,justifyContent:"center",aligntItems:"center",alignContent:"center",children:(0,g.jsx)(d.xu,{width:S+"px",height:"fit-content",padding:"6px",marginTop:tt,backgroundColor:i,borderRadius:"5px",animation:v?$.mT:null,onAnimationEnd:()=>{f(!1)},marginBottom:(0,c.pq5)(a),onClick:()=>{f(!0),function(t,i){e||n||(async()=>{(0,s.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.lj5)(a)?t.product_link+"?"+(0,c.awP)(a)+"&"+(0,c.n9s)(a)+"&"+(0,c.vaK)(a):t.product_link}(w)},_hover:{backgroundColor:(0,Q.lA)(i,8)},cursor:"pointer",children:(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.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),st=n(6984),dt=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),s=(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)(d.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)(d.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:[(0,g.jsxs)(d.xv,{lineHeight:"100%",fontSize:1.4*s+"px",fontWeight:"semibold",sx:{fontFamily:i+" !important",color:(0,c.KCy)(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*s+"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),s=(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)(d.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)(d.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"5px",children:(0,g.jsx)(d.M5,{children:(0,g.jsxs)(d.xv,{lineHeight:"100%",fontSize:1.4*s,fontWeight:"semibold",sx:{fontFamily:i+" !important",color:(0,c.KCy)(o)+" !important"},children:["\xa0",(0,c.tan)(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)(d.xu,{width:r,height:a,padding:"2x",boxShadow:"lg",backgroundColor:"white",borderColor:"gray",borderWidth:"1px",onClick:t=>{t.stopPropagation()},children:(0,g.jsx)(d.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"5px",justifyContent:"center",children:(0,g.jsxs)(d.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,s=t.width,c=t.height,u=t.onCartIconClick;return(0,g.jsx)(d.xu,{width:s,height:c,padding:"2x",boxShadow:"lg",backgroundColor:"white",borderColor:n,borderWidth:"1px",onClick:t=>{t.stopPropagation()},cursor:"pointer",children:(0,g.jsxs)(d.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"5px",justifyContent:"center",children:[(0,g.jsx)(d.M5,{paddingX:"5px",onClick:()=>{u()},children:(0,g.jsx)(dt.Z,{sx:{color:n,fontSize:1.6*r}})}),(0,g.jsx)(d.xv,{color:n,fontSize:1.3*r,fontWeight:"semibold",sx:{fontFamily:i+" !important"},children:l}),(0,g.jsx)(d.M5,{paddingX:"5px",onClick:t=>{t.stopPropagation(),a()},children:(0,g.jsx)(st.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,s=null!==(e=t.baseFontSize)&&void 0!==e?e:10,d=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:s,width:v,height:f})}):"init"==c?0==u?(0,g.jsx)(ut,{onClick:m,event:a,product:l,baseFontSize:s,width:v,height:f}):d?(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:s,cartCount:u,width:v,height:f,onCartIconClick:x})}):(0,g.jsx)(ut,{onClick:m,event:a,product:l,baseFontSize:s,width:v,height:f}):(0,g.jsx)(ht,{onClick:m,event:a,product:l,baseFontSize:s,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 yt(t,e){return"shopify"==t?(0,ft.JL)(e):(0,vt.TE)(e)}var St=function(t,e,n){const[i]=(0,h.j1)("whatmoreShopId"),[o]=(0,h.j1)("isInDesignMode"),[a]=(0,h.j1)("isDemoBrand"),[l,d]=(0,r.useState)(null),u=(0,r.useRef)(null),{closeClickComponent:x}=(0,r.useContext)(wn),[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.Ipo)(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,s.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.Ipo)(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);d(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.v9M)(i)&&("go_to_cart_page"!==(0,c.v9M)(i)?"open_cart_slider"!==(0,c.v9M)(i)||null!==x&&x():yt((0,c.Ipo)(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%",s=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===(y=C.product)||void 0===y||null===(S=y.images)||void 0===S?void 0:S.length);r++){var C,y,S,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 _(t){if(0==t.length)return null;const e=t.filter((t=>t.available));return 0==e.length?null:e[0].option}const[F,E]=(0,r.useState)([_(a[0]),_(a[1]),_(a[2])]);return(0,r.useEffect)((()=>{p(F)}),[F]),(0,g.jsx)(d.Kq,{direction:"column",width:l,height:s,justifyContent:"flex-start",alignItems:"center",spacing:"5px",children:a.map(((e,n)=>{if(0!=e.length)return(0,g.jsxs)(d.Kq,{width:"100%",direction:"column",alignItems:"center",justifyContent:"flex-start",children:[(0,g.jsx)(d.M5,{width:"100%",children:(0,g.jsx)(d.iz,{color:"blackAlpha.500",size:"1px",width:"20%"})}),(0,g.jsxs)(d.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)(d.Eq,{justify:"center",children:e.map(((i,o)=>{var r,a,l,s;return(0,g.jsx)(d.Uc,{children:(0,g.jsx)(d.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&&E([0==n?i.option:F[0],1==n?i.option:F[1],2==n?i.option:F[2]])},backgroundColor:i.option==F[n]?m:"white",_hover:{bg:i.option==F[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)(d.xv,{as:i.available?"samp":"s",fontSize:u+"px",sx:{color:(i.available?i.option==F[n]?"white":"black":"gray")+" !important",fontFamily:f+" !important"},align:"center",paddingX:(s=i.option,s.length>=3?"0px":.5*u+"px"),children:["\xa0",i.option,"\xa0"]}):(0,g.jsx)(v.Ee,{padding:"2px",borderRadius:(0,c.lmH)(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 _t=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),[y,S]=(0,r.useState)(t.product),{whatmoreUITheme:b}=(0,r.useContext)(it.I),{whatmoreWidgetSourceDetails:k}=(0,r.useContext)(it.I),[I,_,F,E,T,P]=St(0,y,t.event),[O,z]=(0,r.useState)(null),[L,R]=(0,r.useState)(parseFloat(y.price)),[D,M]=(0,r.useState)(parseFloat(y.compare_price)),[K,W]=(0,r.useState)(y.currency),[A,q]=(0,r.useState)(),H=t.event,N=t.productClickHandler,{whatmoreIsPreviewMode:Z}=(0,r.useContext)(it.I);(0,r.useEffect)((()=>{(0,c.N8M)(l)&&(0,kt.Rb)(y,(0,c.Ipo)(l),l).then((t=>{S(t),R(parseFloat(t.price)),M(parseFloat(t.compare_price)),W(t.currency)}));(async()=>{const t=await(0,p.gK)(y,(0,c.Ipo)(l),l);q(t)})()}),[]);var U=.68*w,B=.55*U,Y=.4*U,X=U*(.55-.4),G=U+"px",J=Y+"px",ot=X+"px",st=.12*Y;const dt=(0,c.ITD)(l);return(0,g.jsxs)(d.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",marginTop:tt,marginBottom:(0,c.pq5)(l),width:G,height:"fit-content",boxShadow:"round"==b?"dark-lg":null,onClick:()=>{!function(t,i){e||n||(async()=>{(0,s.wz)(t,i)})(),N(i),C(!0)}(H,y)},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.alU)(l),borderColor:(0,c.qPe)(l)},children:[(0,g.jsxs)(d.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-start",alignContent:"center",cursor:"pointer",children:[(0,g.jsx)(d.xu,{height:J,width:J,bgColor:o,children:(0,g.jsx)(v.Ee,{width:J,height:J,src:(0,It.s)(y.thumbnail_image,"&width=400&height=400"),sx:{objectFit:(0,c.yOX)(l)+" !important"}})}),(0,g.jsxs)(d.xu,{height:J,width:U-Y+"px",children:[(0,g.jsxs)(d.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)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",1.1*st+"px","important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"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"),t.style.setProperty("padding","0","important"),t.style.setProperty("margin-bottom","4px","important"),t.style.setProperty("font-weight","normal","important"))},children:(0,at.s)(null==y.title?"":y.title.toString())}),(0,c.QaY)(l)?(0,g.jsxs)(d.Kq,{direction:(0,c.$zZ)(l)?"row":"row-reverse",width:"fit-content",height:"fit-content",justifyContent:"flex-start",alignContent:"center",borderRadius:"round"==b?"lg":null,backgroundColor:"white",paddingX:"8px",paddingY:"4px",sx:{margin:"0px !important",marginBottom:"4px !important"},children:[(0,g.jsxs)(d.xv,{noOfLines:1,fontSize:.9*st*(0,c.Rqt)(l)+"px",fontWeight:"semibold",lineHeight:"100%",textAlign:"center",sx:{fontFamily:a+" !important",color:(0,c.Uyp)(l)+" !important",padding:"0px !important",letterSpacing:"normal !important",margin:"0px !important"},children:["\xa0"," "+(0,kt.jx)(L,"",l,K)," \xa0"]}),(0,lt.B)(L,D)?(0,g.jsxs)(d.xv,{noOfLines:1,fontSize:.9*st*(0,c.Rqt)(l)+"px",fontWeight:"medium",lineHeight:"100%",textAlign:"center",sx:{fontFamily:a+" !important",color:(0,c.kPs)(l)+" !important",margin:"0px !important",letterSpacing:"normal !important",textDecoration:"line-through !important"},children:[" ",(0,kt.jx)(D,"",l,K)]}):(0,g.jsx)(g.Fragment,{})]}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(d.xv,{fontSize:.82*st*(0,c.Rqt)(l)+"px",fontWeight:"medium",lineHeight:"110%",sx:{margin:"0px !important",fontFamily:a+" !important",color:(0,c.eod)(l)+" !important"},children:Z?(0,c.qde)(l):(0,c.aTS)(l)})]}),(0,c.Fr)(l)?(0,g.jsx)(d.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)(d.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-end",alignItems:"center",marginTop:"5px",backgroundColor:"transparent",children:[(0,g.jsx)(d.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*st+"px"}})}),(0,g.jsx)(d.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!=_?(0,g.jsx)(d.xu,{width:"100%",height:"fit-content",marginTop:.1*B+"px",marginBottom:.1*B+"px",overflowY:"auto",overflowX:"hidden",maxHeight:B*dt+"px",overscrollBehavior:"contain",onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,g.jsx)(bt,{width:G,height:"fit-conten",event:H,product:y,data:A,productVariantOptions:_,baseFontSize:1.2*st,onOptionSelected:t=>{!function(t){z(t);const e=T(t);e&&(R(e.price),M(e.compare_price))}(t)}})}):(0,g.jsx)(g.Fragment,{})}),(0,g.jsx)(d.Kq,{direction:"row",width:"100%",height:ot,justifyContent:"center",alignItems:"center",children:(0,g.jsx)(gt,{baseFontSize:.3*X,event:H,product:y,cartState:I.state,cartCount:I.cart_count,onClickAtc:t=>{"init"==I.state?(F(),(0,et.GF)({userInteractionType:nt.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:k,event:H,productList:[y],ctaList:H.cta})):"awaitingVariantSelection"==I.state&&E(O),(0,c.IKD)(l)&&setTimeout((()=>function(){const t=window.location.origin+"/cart";window.location.href=t}()),500)},onCartIconClick:()=>{P()}})})]})},Ft=n(3867);var Et=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)(d.rU,{href:u.product_link,color:a,onClick:()=>{!function(t,e){o||r||(async()=>{(0,s.$L)(t,e)})()}(c,u)},children:(0,g.jsx)(d.xu,{width:x,height:m,padding:"2x",boxShadow:"lg",borderRadius:"md",backgroundColor:"white",children:(0,g.jsxs)(d.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"5px",spacing:"5px",children:[(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.xv,{lineHeight:"100%",fontSize:1.4*p,fontWeight:"semibold",sx:{fontFamily:l+" !important",color:a+" !important"},children:" VIEW MORE "})}),(0,g.jsx)(d.M5,{children:(0,g.jsx)(rt.Z,{sx:{color:a,fontSize:1.4*p}})})]})})})},Tt=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),s=(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)(d.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)(d.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:(0,g.jsxs)(d.xv,{as:"p",ref:t=>{t&&t.style.setProperty("min-height","0","important")},lineHeight:"100%",fontSize:1.4*s+"px",fontWeight:"semibold",sx:{fontFamily:i+" !important",color:(0,c.KCy)(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,s=t.onShopNowClick,d=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(){s()},event:r,product:a,baseFontSize:l,width:d,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:y}=(0,r.useContext)(it.I),[S,b,k,I,_,F]=St(0,j,t.event),[E,T]=(0,r.useState)(null),[P,O]=(0,r.useState)(parseFloat(j.price)),[z,L]=(0,r.useState)(parseFloat(j.compare_price)),[R,D]=(0,r.useState)(j.currency),M=t.event,K=t.productClickHandler,W=null!==(e=t.tileWidthFactor)&&void 0!==e?e:1;(0,r.useEffect)((()=>{(0,c.N8M)(a)&&(0,kt.Rb)(j,brandDomainContext(a),a).then((t=>{C(t),O(parseFloat(t.price)),L(parseFloat(t.compare_price)),D(t.currency)}))}),[]);var A=m*W,q=.3*A,H=A+"px",N=.7*q,Z=.9*N,U=.12*q;const B=(0,c.ITD)(a);function Y(t,e){n||i||(async()=>{(0,s.wz)(t,e)})(),K(e),w(!0)}return(0,g.jsx)(d.Kq,{direction:"row",width:H,height:"fit-content",justifyContent:"center",children:(0,g.jsx)(d.xu,{marginTop:tt,marginBottom:(0,c.pq5)(a),width:H,onClick:t=>{},animation:f?$.mT:null,borderRadius:"lg",onAnimationEnd:()=>{w(!1)},children:(0,g.jsxs)(d.Kq,{direction:"column",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",spacing:"0px",children:[(0,g.jsxs)(d.Kq,{direction:"row",width:"100%",height:"70%",justifyContent:"space-around",alignItems:"center",borderTopRadius:"lg",overflow:"hidden",onClick:()=>{Y(M,j)},children:[(0,g.jsx)(d.xu,{height:N+"px",width:N+"px",children:(0,g.jsx)(d.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",children:(0,g.jsx)(d.xu,{height:Z+"px",width:Z+"px",borderRadius:"lg",bgColor:"gray.100",overflow:"hidden",children:(0,g.jsx)(v.Ee,{width:Z+"px",height:Z+"px",src:j.thumbnail_image,objectFit:"cover"})})})}),(0,g.jsx)(d.xu,{height:N+"px",width:A-N+"px",children:(0,g.jsxs)(d.Kq,{direction:"column",justifyContent:"space-between",alignContent:"center",width:"fit-content",height:"100%",paddingX:"10px",paddingY:"10px",spacing:"2px",children:[(0,g.jsx)(d.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:1.2*U+"px",fontWeight:"medium",lineHeight:"120%",sx:{fontFamily:o+" !important",color:"white !important"},children:(0,at.s)(j.title.toString())}),(0,g.jsxs)(d.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"center",aligntItems:"center",marginTop:"5px",children:[(0,c.QaY)(a)?(0,g.jsxs)(d.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)(d.xv,{noOfLines:1,fontSize:1*U+"px",fontWeight:"semibold",lineHeight:"100%",textAlign:"center",sx:{fontFamily:o+" !important",color:"white !important"},children:["\xa0"," ",(0,kt.jx)(parseFloat(P),"",a,R)," \xa0"]}),(0,g.jsx)(d.M5,{children:(0,lt.B)(j.price,j.compare_price)?(0,g.jsxs)(d.xv,{noOfLines:1,fontSize:.8*U+"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,R)]}):(0,g.jsx)(g.Fragment,{})})]}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(d.M5,{children:(0,g.jsx)(Ft.Z,{storeId:a,productId:j.client_product_id,productLink:j.product_link,fontSize:1*U,fontColor:"white"})})]})]})})]}),(0,g.jsx)(V.Rg,{unmountOnExit:!0,initialScale:.5,in:"awaitingVariantSelection"==S.state,style:{height:"fit-content",width:"100%"},children:"awaitingVariantSelection"==S.state&&null!=b?(0,g.jsx)(d.xu,{width:"100%",height:"fit-content",marginTop:.1*q+"px",marginBottom:.1*q+"px",overflowY:"auto",overflowX:"hidden",maxHeight:q*B+"px",overscrollBehavior:"contain",onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,g.jsx)(bt,{width:H,height:"fit-content",event:M,product:j,productVariantOptions:b,baseFontSize:1*U,onOptionSelected:t=>{!function(t){T(t);const e=_(t);e&&(O(e.price),L(e.compare_price))}(t)},optionTitleColor:"white"})}):(0,g.jsx)(g.Fragment,{})}),(0,g.jsxs)(d.Kq,{direction:"row",width:"100%",height:"30%",justifyContent:"center",alignItems:"center",paddingBottom:"2px",paddingLeft:"2px",paddingRight:"2px",children:[(0,g.jsx)(d.xu,{width:"100%",height:"100%",children:(0,g.jsx)(Et,{baseFontSize:.8*U,event:M,product:j,width:"100%",height:"100%"})}),(0,g.jsx)(d.xu,{width:"100%",height:"100%",borderRadius:"md",overflow:"hidden",children:(0,c.Ib9)(a)?(0,g.jsx)(zt,{baseFontSize:.8*U,event:M,product:j,borderRadius:"md",onShopNowClick:t=>{Y(M,j)}}):(0,g.jsx)(g.Fragment,{children:"form"===(0,c._5p)(a)?(0,g.jsx)(Pt.default,{baseFontSize:.8*U,event:M,product:j,width:"100%",height:"100%",showAddedToCart:!0}):(0,g.jsx)(gt,{baseFontSize:.8*U,event:M,product:j,cartState:S.state,cartCount:S.cart_count,borderRadius:"md",onClickAtc:t=>{"init"==S.state?(k(),(0,et.GF)({userInteractionType:nt.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:y,event:M,productList:[j],ctaList:M.cta})):"awaitingVariantSelection"==S.state&&I(E)},onCartIconClick:()=>{F()}})})})]})]})})})};var Rt=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,y]=(0,r.useState)(t.product),{whatmoreUITheme:S}=(0,r.useContext)(it.I),[b,k]=(0,r.useState)(!(0,c.N8M)(l)),[I,_]=(0,r.useState)(parseFloat(C.price)),[F,E]=(0,r.useState)(parseFloat(C.compare_price)),[T,P]=(0,r.useState)(C.currency),O=t.event;t.productClickHandler,(0,r.useEffect)((()=>{(0,c.N8M)(l)&&(0,kt.Rb)(C,(0,c.Ipo)(l),l).then((t=>{y(t),_(parseFloat(t.price)),E(parseFloat(t.compare_price)),P(t.currency),k(!0)}))}),[]);var z=.68*f,L=.4*z,R=z+"px",D=L+"px",M=z*(.55-.4)+"px",K=.12*L;(0,c.ITD)(l);const{whatmoreWidgetSourceDetails:W}=(0,r.useContext)(it.I);function A(t){return(0,c.lj5)(l)?t.product_link+"?"+(0,c.awP)(l)+"&"+(0,c.n9s)(l)+"&"+(0,c.vaK)(l):t.product_link}function q(t,i){e||n||(async()=>{(0,s.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)(d.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",marginTop:tt,marginBottom:(0,c.pq5)(l),width:R,height:"fit-content",boxShadow:"round"==S?"dark-lg":null,onClick:()=>{q(O,C),window.location.href=A(C)},backgroundColor:(0,Q.lA)("#ffffff",(0,c.U5_)(l)),animation:w?$.mT:null,borderRadius:"round"==S?"xl":null,overflow:"hidden",onAnimationEnd:()=>{j(!1)},spacing:0,sx:{borderWidth:(0,c.alU)(l),borderColor:(0,c.qPe)(l)},children:[(0,g.jsxs)(d.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-start",alignContent:"center",cursor:"pointer",children:[(0,g.jsx)(d.xu,{height:D,width:D,bgColor:o,children:(0,g.jsx)(v.Ee,{width:D,height:D,src:(0,It.s)(C.thumbnail_image,"&width=400&height=400"),sx:{objectFit:(0,c.yOX)(l)+" !important"}})}),(0,g.jsxs)(d.xu,{height:D,width:z-L+"px",children:[(0,g.jsxs)(d.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)(d.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*K+"px !important",noOfLines:"2 !important"},children:(0,at.s)(null==C.title?"":C.title.toString())}),(0,c.QaY)(l)?(0,g.jsxs)(d.Kq,{direction:(0,c.$zZ)(l)?"row":"row-reverse",width:"fit-content",height:"fit-content",justifyContent:"flex-start",alignContent:"center",marginTop:"5px",borderRadius:"round"==S?"lg":null,backgroundColor:"white",paddingX:"8px",paddingY:"5px",children:[b&&(0,g.jsxs)(d.xv,{as:"p",ref:t=>{t&&t.style.setProperty("min-height","0","important")},noOfLines:1,fontSize:.9*K+"px",fontWeight:"semibold",lineHeight:"100%",textAlign:"center",sx:{fontFamily:a+" !important",color:(0,c.Uyp)(l)+" !important",margin:"0px !important"},children:["\xa0"," "+(0,kt.jx)(I,"",l,T)," \xa0"]}),(0,lt.B)(I,F)&&b?(0,g.jsxs)(d.xv,{as:"s",style:{minHeight:0,textDecoration:"line-through"},noOfLines:1,fontSize:.9*K+"px",fontWeight:"medium",lineHeight:"100%",textAlign:"center",sx:{fontFamily:a+" !important",color:(0,c.kPs)(l)+" !important",margin:"0px !important"},children:[" ",(0,kt.jx)(F,"",l,T)]}):(0,g.jsx)(g.Fragment,{})]}):(0,g.jsx)(g.Fragment,{})]}),(0,c.Fr)(l)?(0,g.jsx)(d.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)(d.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-end",alignItems:"center",marginTop:"5px",backgroundColor:"transparent",children:[(0,g.jsx)(d.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"center",alignItems:"center",backgroundColor:o,sx:{borderRadius:"round"==S?"5px":"0px",padding:"2px"},spacing:"0px",children:(0,g.jsx)(rt.Z,{sx:{color:i,fontSize:1.3*K+"px"}})}),(0,g.jsx)(d.xu,{width:"2px"})]})}):(0,g.jsx)(g.Fragment,{})]})]}),(0,c.pp3)(l)&&(0,g.jsx)(d.Kq,{direction:"row",width:"100%",height:M,justifyContent:"center",alignItems:"center",children:(0,g.jsx)(zt,{baseFontSize:.8*K,event:O,product:C,borderRadius:"md",onShopNowClick:t=>{q(O,C),window.location.href=A(C)}})})]})};var Dt=function(t){const[e]=(0,h.j1)("whatmoreShopId"),n=(0,c.eyg)(e),i=t.event,o=t.product;return"broad-tile"==n?(0,g.jsx)(_t,{product:t.product,event:t.event,productClickHandler:t.productClickHandler}):"broad-tile-no-cta"==n?(0,g.jsx)(Rt,{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)(_t,{product:t.product,event:t.event,productClickHandler:t.productClickHandler})},Mt=n(6119),Kt=n(3388),Wt=n(7643);var At=function(t){const[e,n,i,o]=(0,u.Z)(),[r]=(0,h.j1)("whatmoreShopId"),s=(0,h.MO)("isInDesignMode"),p=(0,h.MO)("isDemoBrand"),x=t.event,m=t.productClickHandler,v=(0,c.eyg)(r);if(!(0,Kt.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.rnv)(r)?(0,g.jsx)(d.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:!s&&!p,children:(0,g.jsx)(d.M5,{children:(0,g.jsx)(Lt,{event:x,product:t,productClickHandler:m},x.event_id+t.product_id)})})}):(0,g.jsx)(d.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)(d.M5,{children:(0,g.jsx)(Wt.u,{userInteractionType:nt.K.PRODUCT_CTA_VIEW,event:x,productList:[t],triggerFlag:!s&&!p,children:(0,g.jsx)(Dt,{event:x,product:t,productClickHandler:m},x.event_id+t.product_id)})})})}return(0,g.jsx)(d.M5,{children:(0,g.jsx)("div",{onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,g.jsx)(d.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,c.VqZ)(r)?0:1,centeredSlides:!(0,c.VqZ)(r),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:!s&&!p,children:(0,g.jsx)(d.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-end",alignItems:"center",children:(0,g.jsx)(Dt,{event:x,product:t,productClickHandler:m},x.event_id+t.product_id)})})},x.event_id+t.product_id))),(0,c.pp3)(r)&&void 0!=x.cta&&x.cta.map((t=>(0,g.jsx)(a.o5,{children:(0,g.jsx)(d.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-end",alignItems:"center",children:(0,g.jsx)(Mt.Z,{event:x,cta:t},x.event_id+t.cta_id)})},x.event_id+t.cta_id)))]})})})})};var qt=function(t){const[e,n]=(0,h.j1)("isProductSwiperCatalogOpen"),i=t.event,o=t.productClickHandler;return(0,r.useContext)(wn).isIOS&&e?(0,g.jsx)(At,{event:i,productClickHandler:o},i.event_id):(0,g.jsx)(V.MT,{unmountOnExit:!0,initialScale:.2,in:e,children:(0,g.jsx)(At,{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)(d.xu,{width:"fit-content",height:"fit-content",padding:"5px",children:(0,g.jsxs)(d.Kq,{direction:"row",width:"fit-content",height:"fit-content",children:[(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.Cd,{overflow:"hidden",size:.15*r+"px",children:(0,g.jsx)(v.Ee,{width:"100%",height:"100%",src:e.thumbnail_image})})}),(0,g.jsx)(d.xu,{width:"fit-content",height:"fit-content",children:(0,g.jsxs)(d.Kq,{direction:"column",width:"fit-content",height:"fit-content",children:[(0,g.jsx)(d.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)(q.Z,{event:e,fontSize:.03*r+"px"})]})})]})})}var Nt,Zt=function(t){const[e]=(0,h.j1)("isInDesignMode"),[n]=(0,h.j1)("isDemoBrand"),[i,o]=(0,h.j1)("isProductSwiperCatalogOpen"),[a,l]=(0,j.Z)(),[s,u]=(0,h.j1)("isFirstIndicatorRenderDone"),p=(0,r.useContext)(wn),[x]=(0,h.j1)("whatmoreShopId"),m=t.event,v=t.isLast,f=t.onCloseCallback,w=t.focusRef,C=t.productClickHandler;return(0,g.jsx)(d.xu,{width:"full",height:"full",borderRadius:"md",children:(0,g.jsxs)(d.Kq,{direction:"column",width:"full",height:"full",justifyContent:"space-between",children:[(0,g.jsx)(d.xu,{width:"full",margin:"2px",bgGradient:"linear(to-t, transparent, whiteAlpha.100, blackAlpha.200, blackAlpha.400, blackAlpha.800)",children:(0,g.jsxs)(d.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)(d.Kq,{direction:"row",width:"fit-content",justifyContent:"end",paddingLeft:"10px",children:[(0,g.jsx)(k,{focusRef:w}),(0,g.jsx)(U,{event:m,onCloseCallback:f})]})]})}),(0,g.jsx)(d.xu,{width:"100%",height:"100%",onClick:()=>{l(!a)}}),(0,g.jsxs)(d.xu,{width:"full",height:"fit-content",children:[p.totalEvents>1&&!s&&p.showSwipeIndicator?(0,g.jsx)(d.xu,{width:"full",margin:"2px",children:(0,g.jsx)(d.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)(d.xu,{width:"full",children:[(0,c.Jm1)(x)?(0,g.jsx)(d.xu,{w:"100%",children:(0,g.jsx)(d.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,g.jsx)(A,{event:m,onToggle:t=>{o("minimize-button"!==t)}})})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(d.xu,{display:"flex",width:"100%",height:"fit-content",children:(0,g.jsx)(qt,{event:m,productClickHandler:C})})]}):(0,g.jsx)("div",{})]})]})})};function Ut(t){const[e,n,i,o]=(0,u.Z)(),[a]=(0,h.j1)("whatmorePrimaryFont"),[l]=(0,h.j1)("whatmoreShopId"),[s,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,F.F4)(Nt||(Nt=(0,I.Z)(["\n        0% {\n            transform: translateY(100%);\n        }\n    "]))),j="".concat(w," 0.5s");return(0,g.jsx)(d.Kq,{bg:"black",height:"100%",opacity:"100%",width:"100%",borderTopRadius:"xl",animation:j,justifyContent:"center",alignItems:"center",children:(0,g.jsxs)(d.xu,{width:"100%",height:"100%",children:[(0,g.jsx)(v.Ee,{width:"100%",height:"auto",src:(0,c.Zb8)(l)?s:(0,c.KM)(l),objectFit:"contain",borderTopRadius:"xl"}),(0,g.jsx)(d.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)(d.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),Bt=n(5630),Yt=(n(1332),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,{})}var Jt=n(941);function $t(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)(wn),[j,C]=(0,r.useState)(!1),y=t.FONT_SIZE,S=t.data,b=t.event,k=t.selectedVariantId,I=t.product,_=t.itemQuantity,F=t.PRODUCT_TILE_WIDTH,E=t.cartItemCount,T=t.addToCartFlag,P=t.setAddToCartFlag,z=t.soldOutFlag,L=t.setSoldOutFlag;const R=async t=>{var e,n,i;if(t.stopPropagation(),f(!0),function(t,e,n){o||a||(async()=>{(0,s.JX)(t,e,n)})()}(b,I,_),(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===S||void 0===S||null===(e=S.product)||void 0===e||null===(n=e.variants)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.id,d=S.product.variants.filter((t=>t.id==r))[0].price;Ct(r,_,(0,c.Ipo)(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.kad)(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,Tt.a)(l,window.location.hostname,"",b.event_id,I.product_id,r,d,_,"add-to-cart",t.token)})()),t))).then((()=>{"2665447536"==l&&M()})).catch((t=>{f(!1),L(!0),console.error("Error:",t)}))},D=t=>{var e,n,i;(function(t,e){o||a||(async()=>{(0,s.$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===S||void 0===S||null===(e=S.product)||void 0===e||null===(n=e.variants)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.id,_,(0,c.Ipo)(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.awP)(l)+"&"+(0,c.n9s)(l)+"&"+(0,c.vaK)(l)+((0,c.C0m)(l)?"&currency="+I.currency:""))},M=()=>{(0,c.n2L)(l)&&(0,h.MO)("whatmoreAddedToCart")&&(0,Jt.D)(l,(()=>{}),100,window.location.hostname)};return(0,g.jsxs)(d.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*y,children:[" ",z?(0,g.jsx)(Vt.zx,{width:"90%",bg:"#252324",variant:"outline",opacity:4,_hover:{bg:"#252324"},height:2.5*y,disabled:!0,sx:{borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.alU)(l),borderColor:(0,c.qPe)(l)},children:(0,g.jsx)(d.xv,{fontWeight:"extrabold",sx:{color:"white !important",fontFamily:u+" !important"},children:"Sold Out"})}):(0,g.jsxs)(d.Kq,{direction:"vertical"==(0,c.rc3)(l)?"column":"row",width:"100%",spacing:"15px",fontSize:.9*y,justifyContent:"center",children:[(0,c.$bv)(l)?(0,g.jsx)(Vt.zx,{width:"90%",height:2.5*y,onClick:R,sx:{paddingLeft:"5px !important",paddingRight:"5px !important",backgroundColor:"#343434"===(0,c.FdS)(l)?p+" !important":(0,c.FdS)(l)+" !important",borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.p5R)(l),borderColor:"#343434"===(0,c.yxc)(l)?p:(0,c.yxc)(l),_hover:{backgroundColor:"transparent !important",borderWidth:(0,c.p5R)(l),borderColor:"#343434"===(0,c.yxc)(l)?p:(0,c.yxc)(l)}},children:v?(0,g.jsx)(Bt.$,{display:"flex !important",color:"white"}):(0,g.jsx)(d.xv,{fontWeight:"extrabold",sx:{color:(0,c.eSJ)(l)+" !important",fontFamily:u+" !important"},fontSize:y,children:(0,c.tan)(l)})}):(0,g.jsx)(g.Fragment,{}),(0,c.cDD)(l)?(0,g.jsx)(g.Fragment,{children:(0,c.H$w)(l)?(0,g.jsx)(Gt,{variantId:void 0!==k?k:null===S||void 0===S||null===(e=S.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*y,width:"90%",fontSize:y,fontFamily:u}):(0,g.jsx)(g.Fragment,{children:(0,c.Stj)(l)?(0,g.jsx)(Vt.zx,{width:"90%",variant:"outline",_hover:{bg:"#E9DCC9"},height:2.5*y,onClick:()=>D("view-more"),sx:{backgroundColor:"white !important",borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.alU)(l),borderColor:(0,c.qPe)(l)},children:(0,g.jsx)(d.xv,{fontWeight:"extrabold",sx:{color:p+"!important",fontFamily:u+" !important"},fontSize:y,children:(0,c.Z59)(l)})}):(0,g.jsx)(Vt.zx,{width:"90%",variant:"outline",_hover:{bg:"#E9DCC9"},height:2.5*y,onClick:t=>{"2665447536"==l?R(t):D("buy-now")},sx:{backgroundColor:(0,c.IIW)(l)+" !important",borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.p5R)(l),borderColor:"#343434"===(0,c.yxc)(l)?p:(0,c.yxc)(l),_hover:{backgroundColor:"transparent !important"}},children:(0,g.jsx)(d.xv,{fontWeight:"extrabold",sx:{color:"#343434"===(0,c.iKW)(l)?p+" !important":(0,c.iKW)(l)+" !important",fontFamily:u+" !important"},fontSize:y,children:(0,c.ZuH)(l)})})})}):(0,g.jsx)(g.Fragment,{})]}),(0,g.jsx)(g.Fragment,{children:(0,c.$bv)(l)?(0,g.jsx)(g.Fragment,{children:j?(0,g.jsx)(d.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*y}})})}):(0,g.jsxs)(d.kC,{animation:T?O:"none",onAnimationEnd:()=>P(!1),width:"10%",spacing:"0",right:0,onClick:()=>{"do_nothing"!==(0,c.v9M)(l)&&("go_to_cart_page"!==(0,c.v9M)(l)?(C(!0),function(t){"open_cart_slider"!==(0,c.v9M)(t)||null!==w&&w()}(l)):yt((0,c.Ipo)(l),l))},cursor:"pointer",children:[(0,g.jsx)(dt.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"#F5F5F5",fontSize:2.5*y}}),E>0?(0,g.jsx)(d.Cd,{padding:"2px",bg:"white",size:1.1*y,top:.03*-F,verticalAlign:"top",position:"relative",left:.11*-F,zIndex:"1",children:(0,g.jsx)(d.xv,{sx:{color:"black !important",fontFamily:u+" !important"},fontWeight:"bold",fontSize:.7*y,children:E})}):(0,g.jsx)(g.Fragment,{})]})}):(0,g.jsx)(g.Fragment,{})})]})}function Qt(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)(d.kC,{justifyContent:"center",paddingTop:"10px",paddingBottom:"8px",width:"100%",children:[(0,g.jsx)(d.kC,{width:"10%",display:"flex !important"}),(0,g.jsx)(d.kC,{width:"90%",justifyContent:"center",children:(0,g.jsx)(d.xv,{align:"center",fontSize:1.25*o,fontWeight:"semibold",sx:{color:"black !important",fontFamily:n+" !important"},as:"b",children:a})}),(0,g.jsx)(d.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 te(t){const[e]=(0,h.j1)("whatmorePrimaryFont"),n=t.FONT_SIZE,i=t.data;return(0,g.jsxs)(d.Kq,{direction:"column",paddingX:"20px",height:"fit-content",children:[(0,g.jsx)(d.Kq,{children:(0,g.jsx)(d.xv,{fontSize:n,fontWeight:"bold",justifyContent:"center",sx:{color:"black !important",fontFamily:e+" !important"},children:"Description"})}),(0,g.jsx)(d.Kq,{children:(0,g.jsx)(d.xu,{overflowY:"auto",scrollBehavior:"smooth",sx:{"::-webkit-scrollbar":{display:"none"}},children:(0,g.jsx)(d.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 ee(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.N8M)(a)&&(0,kt.Rb)(n,(0,c.Ipo)(a),a).then((t=>{i(t)}))}),[]);const l=t.FONT_SIZE,s=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)(d.kC,{direction:"column",paddingLeft:"20px",paddingRight:"20px",paddingY:"5px",children:[(0,g.jsx)(d.kC,{children:(0,g.jsx)(d.rU,{href:function(t){return(0,c.lj5)(a)?t.product_link+"?"+(0,c.awP)(a)+"&"+(0,c.n9s)(a)+"&"+(0,c.vaK)(a)+((0,c.C0m)(a)?"&currency="+t.currency:""):t.product_link+((0,c.C0m)(a)?"?currency="+t.currency:"")}(n),color:"white",children:(0,g.jsx)(d.xv,{isTruncated:!0,noOfLines:2,padding:"2px",fontSize:1.1*l,sx:{color:"black !important",lineHeight:"140% !important",fontFamily:o+" !important"},as:"b",children:s.product.title})})}),(0,g.jsxs)(d.kC,{direction:"row",gap:"6px",paddingTop:"4px",children:[p&&p>u&&(0,g.jsx)(d.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)(d.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)(d.xu,{display:"flex",bg:(0,c.sTg)(a)?(0,c.ZJm)(a):"white",alignItems:"center",borderRadius:"4px",width:"fit-content",px:"6px",children:(0,g.jsx)(d.xv,{fontSize:(0,c.sTg)(a)?"14px":1.1*l,sx:{color:(0,c.mso)(a)+" !important",fontFamily:o+" !important"},children:(0,c.sTg)(a)?"".concat(x,"% off"):"Save ".concat((0,kt.jx)(parseFloat(p-u)," ",a,n.currency))})})]})]})})}function ne(t){var e,n;const[i]=(0,h.j1)("whatmorePrimaryFont"),[o]=(0,h.j1)("whatmoreShopId"),{setShowOptionsChart:a}=(0,r.useContext)(ue),[l,s]=(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)=>{s((n=>({...n,[t]:e})))});(0,r.useEffect)((()=>{s((t=>{var e,n,i,o,r,a,l,s,d,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===(s=l.options)||void 0===s||null===(d=s[1])||void 0===d?void 0:d.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 y=[];for(let r=0;r<(null===j||void 0===j||null===(S=j.product)||void 0===S||null===(b=S.images)||void 0===b?void 0:b.length);r++){var S,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&&y.push(r)}return(0,g.jsx)(d.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)(d.kC,{direction:"column",width:"100%",gap:"4px",children:j.product.options.map(((e,n)=>{var r,s;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)(d.kC,{justifyContent:"space-between",alignItems:"center",children:[(0,g.jsx)(d.xv,{fontSize:1*w,sx:{color:"black !important",fontFamily:i+" !important",fontWeight:"bold"},children:e.name}),"Size"===e.name&&(0,c.Ip6)(o)?(0,g.jsx)(d.kC,{marginTop:"4px",whiteSpace:"nowrap",cursor:"pointer",children:(0,g.jsx)(d.xv,{fontSize:.7*w,as:"u",sx:{color:"black !important",fontFamily:i+" !important"},onClick:()=>{null!==a&&a(!0)},children:(0,c.meb)(o)})}):(0,g.jsx)(g.Fragment,{})]}),(0,g.jsx)(d.Ug,{spacing:0,flexWrap:"wrap",alignContent:"flex-start",alignItems:"center",justifyContent:"flex-start",children:e.values.map(((t,r)=>{var a,s;return"Color"!==e.name&&"Colour"!==e.name||y.length!==(null===e||void 0===e||null===(a=e.values)||void 0===a?void 0:a.length)?(0,g.jsx)(d.kC,{paddingBottom:"8px",paddingRight:"8px",children:(0,g.jsx)(Vt.zx,{size:"sm",px:"8px !important",bg:l[e.name]===t?(null!==(s=(0,c.CPm)(o))&&void 0!==s?s:u)+" !important":(0,c.bC3)(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)(d.xv,{fontSize:.9*w,sx:{fontFamily:i+" !important",fontWeight:"normal",color:l[e.name]===t?(0,c.cY_)(o)+" !important":(0,c.FbM)(o)+" !important"},children:t})})},t):(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(d.kC,{paddingBottom:"8px",px:"2px",paddingRight:"8px",children:(0,g.jsx)(d.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.lmH)(o),size:"sm",border:l[e.name]===t?"2px solid ".concat((0,c.ua_)(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.lmH)(o),width:"58px",height:"58px",src:j.product.images[y[r]].src})})},t)})}))}),n===(null===j||void 0===j||null===(r=j.product)||void 0===r||null===(s=r.options)||void 0===s?void 0:s.length)-1&&(0,g.jsx)(d.M5,{paddingTop:"8px",width:"100%",children:(0,g.jsx)(d.iz,{color:t.dividerColor,size:"xs"})})]})})}))})})}var ie,oe=n(8782);function re(t){var e,n;const[i,o,a,l]=(0,u.Z)();var s=.4*l*.8,p=s*(16/9)*.6*.8;const x=1.1*s,m=x*(16/9)*.8;var f=.13*s;const[w,j]=(0,r.useState)(!1),C=t.data,y=t.event,S=t.product,b=t.setOpenShopNow,k=t.setLockSwiper,[_]=(0,h.j1)("whatmoreEmbedAppUseVariant"),[E,T]=(0,r.useState)((()=>{if("true"===_)return se(C,S.client_product_id)})),[P,O]=(0,r.useState)((()=>{if("true"===_)return de(C,S.client_product_id)})),[z,L]=(0,r.useState)((()=>{if("true"===_)return ce(C,S.client_product_id)})),[R,D]=(0,r.useState)(),[M,K]=(0,r.useState)(1),[W,A]=(0,r.useState)(),[q,H]=(0,r.useState)(0),[N,Z]=(0,r.useState)(!1),[U,V]=(0,r.useState)(!1),[B,Y]=(0,r.useState)(S.thumbnail_image),X=(0,r.useContext)(it.I),G=(0,h.MO)("whatmoreShopId"),$=(0,r.useCallback)((t=>{T(t)}),[]),Q=(0,r.useCallback)((t=>{O(t)}),[]),tt=(0,r.useCallback)((t=>{L(t)}),[]);(0,r.useEffect)((()=>{const t=ae(C,E,P,z);D(t),A(le(C,t)),K(1),V(!1);const e=he(C,t);null!==e&&Y(e)}),[E,P,z]),(0,r.useEffect)((()=>{var t,e,n;const i=void 0===R?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:le(C,R);A(i*M)}),[M]),(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.Ipo)(G),G);t.then((t=>t.json())).then((t=>{H(t.item_count)})).catch((t=>{console.error("Cart Add Error:",t)}))}),[N]);const[et,nt]=(0,r.useState)(0),ot=(0,F.F4)(ie||(ie=(0,I.Z)(["\n        0% {\n            transform: translateY(100%);\n        }\n    "]))),rt="".concat(ot," 0.5s"),at=t.data.product.images;let lt=0,st=at.length,dt=0;for(let r=0,d=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(d++,d===et+1){dt=1,lt=r;continue}if(1==dt){st=r;break}}}return(0,g.jsxs)(d.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)(Qt,{setOpenShopNow:b,setLockSwiper:k,FONT_SIZE:f}),(0,g.jsx)(d.M5,{marginBottom:"10px",px:"20px",py:"5px",children:(0,g.jsx)(d.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.alU)(G),borderColor:(0,c.qPe)(G)},children:(0,g.jsx)(d.kC,{width:"100%",children:(0,g.jsx)(oe.P,{renderElement:t=>(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(d.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:S.handle,sx:{objectFit:(0,c.yOX)(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,st),spacing:10,defaultHeight:x+"px",defaultWidth:m+"px",retainAlreadyRenderedElements:!0,isScroll:!0})})})}),(0,g.jsx)(ee,{data:C,product:S,PRODUCT_TILE_HEIGHT:p,PRODUCT_TILE_WIDTH:s,FONT_SIZE:f,getVariantPrice:le,selectedVariantId:R,itemPrice:W,itemQuantity:M,setItemQuantity:K,thumbnailImage:B}),C.product.variants.length>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(d.M5,{paddingTop:"4px",width:"100%",children:(0,g.jsx)(d.iz,{color:(0,c.W8U)(G),size:"xs",width:"90%"})}),(0,g.jsx)(ne,{data:C,dividerColor:(0,c.W8U)(G),selectedColor:t=>{nt(t)},product:S,PRODUCT_TILE_HEIGHT:p,PRODUCT_TILE_WIDTH:s,FONT_SIZE:f,selectOptionFirstHandler:$,selectOptionSecondHandler:Q,selectOptionThirdHandler:tt,getVariantPrice:le,selectedOptionFirst:E,selectedOptionSecond:P,selectedOptionThird:z,selectedVariantId:R})]}),c.$2G&&(null===C||void 0===C||null===(n=C.product)||void 0===n?void 0:n.body_html)&&(0,g.jsx)(te,{PRODUCT_TILE_HEIGHT:p,FONT_SIZE:f,data:C,handleToggle:()=>j(!w),show:w}),(0,g.jsx)(d.xu,{sx:{pointerEvents:"none"},paddingTop:"20px",opacity:0,children:(0,g.jsx)($t,{position:"relative",data:C,FONT_SIZE:f,product:S})}),(0,g.jsx)($t,{position:"fixed",selectedVariantId:R,data:C,FONT_SIZE:f,PRODUCT_TILE_WIDTH:s,product:S,itemQuantity:M,cartItemCount:q,addToCartFlag:N,setAddToCartFlag:Z,soldOutFlag:U,setSoldOutFlag:V,event:y})]})}const ae=(t,e,n,i)=>{var o,r,a,l,s,d,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===(s=t.product.variants.find((t=>t.option2===n)))||void 0===s?void 0:s.id;if(void 0===n&&void 0===e)return null===(d=t.product.variants.find((t=>t.option3===i)))||void 0===d?void 0:d.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},le=(t,e)=>{var n;return null===(n=t.product.variants.find((t=>t.id===e)))||void 0===n?void 0:n.price},se=(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},ce=(t,e)=>{var n;return null===(n=t.product.variants.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option3},he=(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},ue=(0,r.createContext)({setShowOptionsChart:null});var pe=function(t){const e=t.event,n=t.data,i=t.currentProduct,o=t.setOpenShopNow,a=t.setLockSwiper,[l,s]=(t.isLast,t.onCloseCallback,t.focusRef,(0,r.useState)(!1));return(0,g.jsx)(ue.Provider,{value:{setShowOptionsChart:s},children:(0,g.jsxs)(d.xu,{width:"full",height:"full",borderRadius:"md",children:[(0,g.jsx)(d.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",children:(0,g.jsx)(d.xu,{width:"full",height:"fit-content",children:(0,g.jsx)(re,{data:n,event:e,product:i,setOpenShopNow:o,setLockSwiper:a})})}),l?(0,g.jsx)(d.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)(d.xu,{width:"full",height:"fit-content",children:(0,g.jsx)(Ut,{data:n,event:e,product:i,setShowOptionsChart:()=>{s(!1)}})})}):(0,g.jsx)(g.Fragment,{})]})})};var xe=function(t){var e,[n,i,o,a]=(0,u.Z)();const[l,s]=(0,r.useState)(!1),[x,v]=(0,r.useState)(),[f,w]=(0,r.useState)(),j=(0,h.MO)("whatmoreShopId"),C=t.event,y=t.onBack,S=r.useRef(),b=t.isPlaying,k=t.isLast,I=t.setLockSwiper,_=t.selectedVariantId,F=null===(e=t.showOverlay)||void 0===e||e,E="center";return(0,g.jsx)(d.M5,{children:(0,g.jsxs)(d.xu,{width:a,height:o,sx:{overflow:"hidden"},children:[(0,g.jsx)(d.Kq,{direction:"column",justifyContent:E,height:"full",width:"full",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"white",children:(0,g.jsx)(d.oM,{width:"full",ratio:a/o,children:(0,g.jsx)(m,{height:"100%",width:"100%",url:C.event_hls_url,isPlaying:b,event:C})})})}),F?(0,g.jsx)(d.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:E,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,g.jsx)(Zt,{focusRef:S,event:t.event,isLast:k,onCloseCallback:y,productClickHandler:async t=>{const e=await(0,p.gK)(t,(0,c.Ipo)(j),j);w(t),v(e),s(!0),I(!0)}})})}):(0,g.jsx)(g.Fragment,{}),!0===l?(0,g.jsx)(d.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:E,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,g.jsx)(pe,{focusRef:S,event:t.event,isLast:k,onCloseCallback:()=>y(),setLockSwiper:I,data:x,currentProduct:f,setOpenShopNow:s,selectedVariantId:_})})}):(0,g.jsx)("div",{})]})})};const ge=function(t,e){return isNaN(t)||isNaN(e)||e<=0||t>e?0:Math.ceil(t/e*100)};function me(t){var e,n,[i,o,r,a]=(0,u.Z)();const[l]=(0,h.j1)("whatmoreSecondaryColor"),[s]=(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)(d.Kq,{width:"96%",height:"fit-content",direction:"row",justifyContent:"center",alignItems:"center",spacing:"1px",children:[...Array(p).keys()].map((t=>(0,g.jsx)(d.Kq,{width:"100%",height:.004*r+"px",backgroundColor:t<x?l:s+"99",borderRightRadius:"lg",borderLeftRadius:"lg",direction:"row",justifyContent:"flex-start",alignItems:"center",overflow:"hidden",sx:{display:"block !important"},children:t==x?(0,g.jsx)(d.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 ve=n(868),fe=n(2630);const we=t=>t>=1e3?(t/1e3).toFixed(1)+"k":t;var je=n(8984);var Ce=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),[y,S,b,k]=(0,u.Z)(),I=null!==(i=t.iconSize)&&void 0!==i?i:.1*k;function _(){const e=(0,h.MO)("whatmoreLandingLocationType");var n;!function(t){f||w||(async()=>{(0,s.x0)(t)})()}(p),(e.startsWith("product")||"embed"===e)&&(o="te"),n="event_product_link"===(0,c.EEC)(v)?p.products[0].product_link||"":window.location.pathname,n=("event_product_link"===(0,c.EEC)(v)?"":window.location.hostname)+n+"?wtt="+o+"&wsid="+a+"&weid="+l,(0,c.lj5)(v)&&(n=n+"&"+(0,c.awP)(v)+"&utm_campaign=video-share&utm_medium="+e);const i={title:(0,c.JNF)(v),text:"".concat((0,c.Qa8)(v)," \n ").concat(n," \n \n -via Whatmore")};navigator.share?navigator.share(i):(t.setIsModalOpen(!0),t.setShareText([i,n]))}return(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.Cd,{cursor:"pointer",style:{marginBottom:m+"px"},children:(0,g.jsxs)(d.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[(0,g.jsx)(fe.Z,{sx:{boxShadow:3,transform:"scaleX(-1)",color:"white",fontSize:I,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),_(),(0,et.GF)({userInteractionType:nt.K.VIDEO_SHARE_CTA_CLICKED,widgetSourceDetails:C,event:p,productList:p.products,ctaList:p.cta})}}),x&&(0,c.u8S)(v)?(0,g.jsxs)(d.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.LWl)(v)?we(p.total_share):"Share","\xa0"]}):(0,g.jsx)(g.Fragment,{})]})})})},ye=n(6524),Se=n(7933),be=n(2785);var ke=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)(),y=.1*C;function S(t,e){a||l||(async()=>{(0,s.Z6)(t,e)})()}function b(){(0,h.bU)("whatmoreLikedEvents",{...o,[x.event_id]:!m}),m?(S(x,-1),(0,et.GF)({userInteractionType:nt.K.VIDEO_UNLIKED,widgetSourceDetails:p,event:x,productList:x.products,ctaList:x.cta})):(S(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)(d.M5,{children:(0,g.jsx)(d.Cd,{cursor:"pointer",children:(0,g.jsxs)(d.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[m?(0,g.jsx)(be.Z,{sx:{boxShadow:3,color:(0,c.dmX)(n),fontSize:y,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),b()}}):(0,g.jsx)(Se.Z,{sx:{boxShadow:3,color:"white",fontSize:y,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),b()}}),(0,g.jsx)(g.Fragment,{children:(0,c.CEM)(n)?(0,g.jsxs)(d.xv,{fontSize:.3*y+"px",fontWeight:"semibold",align:"center",sx:{fontFamily:i+" !important",color:"white !important",position:"relative",bottom:"5px"},children:["\xa0",k>=(0,c.zKg)(n)?we(k):"Like","\xa0"]}):(0,g.jsx)(g.Fragment,{})})]})})})};const Ie=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"})})})};var _e=n(8866);const Fe=t=>{let{iconSize:e}=t;return(0,g.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:.3*e},children:(0,g.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"currentColor",class:"bi bi-twitter-x",viewBox:"0 0 16 16",children:(0,g.jsx)("path",{d:"M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"})})})},Ee=t=>{let{iconSize:e}=t;return(0,g.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:.3*e},children:(0,g.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"currentColor",class:"bi bi-copy",viewBox:"0 0 16 16",children:(0,g.jsx)("path",{"fill-rule":"evenodd",d:"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"})})})};var Te=t=>{const e=t.shareText,[n,i]=(0,r.useState)("Copy link"),[o,a]=(0,r.useState)("");return(0,g.jsx)(g.Fragment,{children:t.isModalOpen&&(0,g.jsxs)("div",{className:"modal-overlay",style:{backgroundColor:"white",borderRadius:"10px",padding:"12px 12px 20px 12px"},children:[(0,g.jsxs)("div",{style:{cursor:"pointer",display:"flex",justifyContent:"space-between",paddingBottom:"6px"},children:[(0,g.jsx)("img",{onClick:()=>{window.location.href="https://whatmore.ai"},src:"https://whatmore-other-assets.b-cdn.net/whatmore/new_whatmore_logo.png",style:{objectFit:"contain",backgroundColor:"transparent",borderRadius:"0px",width:Math.min(t.iconSize,28)+"px"}}),(0,g.jsx)(H.Z,{onClick:e=>{e.stopPropagation(),t.setIsModalOpen(!1)}})]}),(0,g.jsx)("div",{}),(0,g.jsx)(d.iz,{color:"blackAlpha.500",size:"1px",width:"100%"}),(0,g.jsxs)("div",{className:"social-icons",style:{display:"flex",gap:"20px",justifyContent:"center",paddingTop:"12px"},children:[(0,g.jsxs)("div",{onClick:t=>{var n;t.stopPropagation();const i=encodeURIComponent(null===(n=e[0])||void 0===n?void 0:n.text);window.open("https://wa.me/?text=".concat(i),"_blank")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,g.jsx)(Ie,{iconSize:Math.min(t.iconSize,30)}),(0,g.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14)},children:"Whatsapp"})]}),(0,g.jsxs)("div",{onClick:t=>{var n;t.stopPropagation();const i=encodeURIComponent(null===(n=e[0])||void 0===n?void 0:n.text);window.open("https://twitter.com/intent/tweet?text=".concat(i),"_blank")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,g.jsx)(Fe,{iconSize:Math.min(t.iconSize,30),style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,g.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14)},children:"X"})]}),(0,g.jsxs)("div",{onClick:t=>{t.stopPropagation(),navigator.clipboard.writeText(e[1]),i("Link copied"),a("green")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,g.jsx)(Ee,{iconSize:Math.min(t.iconSize,30),style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,g.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14),color:o},children:n})]})]})]})})};function Pe(t){var e;const n=t.event,[i,o,a,l]=(0,u.Z)(),[s]=(0,h.j1)("whatmorePrimaryFont"),{whatmoreIsStoriesTemplate:p}=(0,r.useContext)(it.I),[x]=(0,h.j1)("whatmoreSecondaryColor"),[m]=(0,h.j1)("whatmoreShopId"),v=(0,c.f63)(m),f=null!==(e=(0,c.u2W)(m))&&void 0!==e?e:[x,v,x,v,x];return(0,g.jsx)(g.Fragment,{children:p?(0,g.jsx)(d.xu,{width:"100%",height:"fit-content",padding:"5px",children:(0,g.jsxs)(d.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-start",children:[(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.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,ve.V)(n.storyset_thumbnail_image),style:{objectFit:"cover",height:"100%",width:"100%",backgroundColor:"white"}})})}),(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:.05*l+"px",fontWeight:"medium",lineHeight:"100%",sx:{fontFamily:s+" !important",color:"white !important",textShadow:"0px 0px 4px black !important;"},children:n.storyset_name})})]})}):(0,g.jsx)(g.Fragment,{})})}var Oe=function(t){const[e,n,i]=(0,_e.Z)(),[o]=(0,h.j1)("isInDesignMode"),[a]=(0,h.j1)("isDemoBrand"),[l,p]=(0,h.j1)("isProductSwiperCatalogOpen"),[x,m]=(0,h.j1)("isFirstIndicatorRenderDone"),[v]=(0,h.j1)("whatmoreShopId"),f=(0,r.useContext)(wn),{whatmoreEventsBrowsingTemplate:w}=(0,r.useContext)(it.I),[j,C,y,S]=(0,u.Z)(),b=(0,h.MO)("whatmorePrimaryFont"),I=t.event,_=t.storySetId,F=t.isLast,E=t.onCloseCallback,T=t.focusRef,P=t.productClickHandler,O=t.videoPlayingData,z=t.totalSiblingEvents,L=t.indexAmongSiblings,R=t.leftOpenSpaceClickHandler,D=t.midOpenSpaceClickHandler,M=t.rightOpenSpaceClickHandler,{whatmoreWidgetSourceDetails:K}=(0,r.useContext)(it.I),W=.1*S,[q,H]=(0,r.useState)(!1),[N,Z]=(0,r.useState)([]),V=t=>{B.current&&!B.current.contains(t.target)&&H(!1)},B=(0,r.useRef)(null);return(0,r.useEffect)((()=>(q?document.addEventListener("click",V):document.removeEventListener("click",V),()=>{document.removeEventListener("click",V)})),[q]),(0,g.jsxs)(d.xu,{width:"full",height:"full",borderRadius:"md",children:[q&&(0,g.jsx)("div",{ref:B,className:"whatmore-share-modal",style:{zIndex:100,position:"absolute",boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.6)",width:"75%",top:"45%",left:"50%",transform:"translateX(-50%) translateY(-50%)"},children:(0,g.jsx)(Te,{shareText:N,setShareText:Z,iconSize:W,isModalOpen:q,setIsModalOpen:H})}),(0,g.jsxs)(d.Kq,{direction:"column",width:"full",height:"full",justifyContent:"space-between",children:[(0,g.jsxs)(d.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:[f.showVideoPlayingData?(0,g.jsx)(d.Kq,{direction:"row",width:"100%",height:"fit-content",marginTop:"5px",justifyContent:"center",children:(0,g.jsx)(me,{progress:ge(O.current_time,O.video_duration),totalSiblings:z,indexAmongSiblings:L})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(d.xu,{width:"full",margin:"2px",marginTop:"5px",children:(0,g.jsxs)(d.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingRight:"10px",paddingLeft:"10px",children:[(0,g.jsx)(Pe,{event:I}),(0,g.jsxs)(d.Kq,{direction:"row",width:"fit-content",justifyContent:"end",paddingLeft:"10px",children:[(0,ye.ZK)(w)?(0,g.jsx)(Ce,{whatmoreShareTemplateId:(0,ye.QN)(w),whatmoreShareStoryId:_,whatmoreShareEventId:I.event_id,event:I,showShareText:!1,iconSize:.07*S,shareButtonBottomMargin:6,setIsModalOpen:H,setShareText:Z}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(k,{focusRef:T}),("landscape"!==e||t.showCloseOverlay)&&(0,g.jsx)(U,{event:I,onCloseCallback:E})]})]})})]}),(0,g.jsxs)(d.Kq,{width:"100%",height:"100%",direction:"row",justifyContent:"center",children:[(0,g.jsx)(d.xu,{width:"33%",height:"100%",onClick:()=>{R()},sx:{display:"block !important"}}),(0,g.jsx)(d.xu,{width:"34%",height:"100%",onClick:()=>{D()},sx:{display:"block !important"}}),(0,g.jsx)(d.xu,{width:"33%",height:"100%",onClick:()=>{M()},sx:{display:"block !important"}})]}),(0,g.jsxs)(d.xu,{width:"full",height:"fit-content",paddingX:"2%",children:[f.totalEvents>1&&!x&&f.showSwipeIndicator?(0,g.jsx)(d.xu,{width:"full",margin:"2px",children:(0,g.jsx)(d.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"center",children:(0,g.jsx)(G,{swipeUp:!F})})}):null,(0,c.slY)(v)&&!(0,ye.ZK)(w)?(0,g.jsx)(d.xu,{ml:"auto",width:"fit-content",paddingY:"4%",children:(0,g.jsxs)(d.Kq,{gap:"4px",direction:"column",alignItems:"center",cursor:"pointer",onClick:function(){var t;o||a||(async()=>{(0,s.lY)(I,1)})(),(0,et.GF)({userInteractionType:nt.K.WHATSAPP_ICON_CLICKED,widgetSourceDetails:K,event:I,productList:null===I||void 0===I?void 0:I.products,ctaList:null===I||void 0===I?void 0:I.cta});const e=I.products.map((t=>"".concat(t.product_link," \n"))),n=(0,c.gtK)(v),i="Hey, I am interested in ".concat(I.products.length>1?"these products":"this product"," I saw on ").concat(null===(t=I.products[0])||void 0===t?void 0:t.brand," store: \n").concat(e,". Could you please help me with some queries?");window.open(n+"&text=".concat(i,"&type=phone_number"),"_blank")},children:[(0,g.jsx)(Ie,{iconSize:.7*W,style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,g.jsx)(d.xv,{fontSize:W*(0,c.Xod)(v)+"px",fontWeight:"bold",align:"center",style:{marginTop:0},sx:{fontFamily:b+" !important",color:"white !important"},children:(0,c.UiZ)(v)})]})}):(0,g.jsx)(g.Fragment,{}),(0,c.jY3)(v)?(0,g.jsx)(d.xu,{width:"full",height:"fit-content",children:(0,g.jsx)(d.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingX:"1.4%",children:(0,g.jsx)(ke,{event:I})})}):(0,g.jsx)(g.Fragment,{}),(0,c.ROU)(v)&&!(0,ye.ZK)(w)?(0,g.jsx)(d.xu,{width:"full",height:"fit-content",children:(0,g.jsx)(d.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingX:"0.8%",children:(0,g.jsx)(Ce,{whatmoreShareTemplateId:(0,ye.QN)(w),whatmoreShareStoryId:_,whatmoreShareEventId:I.event_id,event:I,setIsModalOpen:H,setShareText:Z})})}):(0,g.jsx)(g.Fragment,{}),(0,Kt.kT)(I)?(0,g.jsxs)(d.xu,{width:"full",children:[(0,c.Jm1)(v)?(0,g.jsx)(d.xu,{w:"100%",children:(0,g.jsx)(d.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,g.jsx)(A,{event:I,onToggle:t=>{p("minimize-button"!==t)}})})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)(d.xu,{display:"flex",width:"100%",height:"fit-content",children:(0,g.jsx)(qt,{event:I,productClickHandler:P})})]}):(0,g.jsx)(g.Fragment,{})]})]})]})},ze=n(2279),Le=n.n(ze),Re=n(342);var De=function(t){var e,n,i,o,a,l,[s,m,v,f]=(0,u.Z)();const[w,j]=(0,r.useState)(!1),[C,y]=(0,r.useState)(),[S,b]=(0,r.useState)(),[k,I]=(0,r.useState)({current_time:0,video_duration:0,is_video_ended:!1}),_=(0,h.MO)("whatmoreShopId"),F=t.event,E=t.storyId,T=t.onBack,P=r.useRef(),O=t.isPlaying,z=t.isLast,L=t.setLockSwiper,R=t.onVideoEndedCallback,D=t.progressUpdateCallback,M=null!==(e=t.totalSiblingEvents)&&void 0!==e?e:0,K=null!==(n=t.indexAmongSiblings)&&void 0!==n?n:0,W=null===(i=t.showOverlay)||void 0===i||i,A=null!==(o=t.leftOpenSpaceClickHandler)&&void 0!==o?o:()=>{},q=null!==(a=t.midOpenSpaceClickHandler)&&void 0!==a?a:()=>{},H=null!==(l=t.rightOpenSpaceClickHandler)&&void 0!==l?l:()=>{},{whatmoreWidgetSourceDetails:N}=(0,r.useContext)(it.I),Z="center";let U;try{U=Le()((()=>{R()}),1e3,{leading:!0,trailing:!1})}catch(V){console.log(V)}return(0,g.jsx)(d.M5,{children:(0,g.jsxs)(d.xu,{width:f,height:v,sx:{overflow:"hidden"},children:[(0,g.jsx)(d.Kq,{direction:"column",justifyContent:Z,height:"full",width:"full",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"white",children:(0,g.jsx)(d.oM,{width:"full",ratio:f/v,children:(0,g.jsx)(x.Z,{height:"100%",width:"100%",url:(0,ve.V)((0,Re.uv)(F)),isPlaying:O,timeUpdateCallback:function(t,e){const n=ge(t,e);D(n);const i=k.is_video_ended;n>=99&&O&&!i?(U(),I({current_time:t,video_duration:e,is_video_ended:!0})):I({current_time:t,video_duration:e,is_video_ended:i})},event:F,source:t.source})})})}),W?(0,g.jsx)(d.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:Z,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,g.jsx)(Oe,{focusRef:P,event:t.event,isLast:z,onCloseCallback:()=>{T(),(0,et.Z2)({userInteractionType:nt.K.VIDEO_PLAYBACK,userInteractionMetadata:{watch_time:k.current_time},widgetSourceDetails:N,event:F,productList:F.products,ctaList:F.cta})},productClickHandler:async t=>{const e=await(0,p.gK)(t,(0,c.Ipo)(_),_);b(t),y(e),j(!0),L(!0),(0,et.GF)({userInteractionType:nt.K.SHOPNOW_CLICKED,widgetSourceDetails:N,event:F,productList:F.products,ctaList:F.cta}),(0,h.bU)("whatmoreAllowAutoSlide",!1)},videoPlayingData:k,totalSiblingEvents:M,indexAmongSiblings:K,leftOpenSpaceClickHandler:A,midOpenSpaceClickHandler:q,rightOpenSpaceClickHandler:H,storySetId:E,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay})})}):(0,g.jsx)(g.Fragment,{}),!0===w?(0,g.jsx)(d.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:Z,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,g.jsx)(pe,{focusRef:P,event:t.event,isLast:z,onCloseCallback:()=>T(),setLockSwiper:L,data:C,currentProduct:S,setOpenShopNow:t=>{j(t),(0,h.bU)("whatmoreAllowAutoSlide",!t)}})})}):(0,g.jsx)("div",{})]})})},Me=n(7300),Ke=n(58),We=n(9723);var Ae=function(t){var[e,n,i,o]=(0,u.Z)();const r=(0,h.MO)("whatmoreShopId"),a=t.event,l=t.isPlaying,s="center";return(0,g.jsx)(d.M5,{children:(0,g.jsxs)(d.xu,{width:o,height:i,sx:{overflow:"hidden"},children:[(0,g.jsx)(d.Kq,{direction:"column",justifyContent:s,height:"full",width:"full",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"white",children:(0,g.jsx)(d.oM,{width:"full",ratio:o/i,children:(0,g.jsx)(x.Z,{height:"100%",width:"100%",url:(0,ve.V)((0,Re.uv)(a)),isPlaying:l,timeUpdateCallback:function(t,e){},event:a,source:t.source})})})}),(0,g.jsx)(d.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:s,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",backdropFilter:"auto",backdropBlur:"10px",onClick:t=>{(0,Ke.QV)()},children:(0,g.jsxs)(d.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"full",width:"full",children:[(0,g.jsx)(We.Z,{sx:{boxShadow:3,color:(0,c.Ya_)(r),fontSize:.4*o,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{(0,Ke.QV)()}}),(0,g.jsx)(d.xv,{color:"white",fontSize:.05*o+"px",fontWeight:"bold",align:"left",children:"Please click to play video.."})]})})})]})})},qe=n(3433);var He=function(t){var e,n;const r=t.event,a=null===(e=t.isPlaying)||void 0===e||e,l=t.onBack,s=t.isLast,d=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,je.KE)()&&0==m)return(0,g.jsx)(Ae,{event:r,onBack:l,isPlaying:a,isLast:s,setLockSwiper:d,onVideoEndedCallback:c,progressUpdateCallback:u,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:v,source:qe.j.CAROUSEL_EVENT_OPENED},"shopping-video-view"+r.event_id);if((0,Me.B6)(r)||(0,Me.WJ)(r))return(0,g.jsx)(De,{event:r,onBack:l,isPlaying:a,isLast:s,setLockSwiper:d,onVideoEndedCallback:c,progressUpdateCallback:u,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:v,source:qe.j.CAROUSEL_EVENT_OPENED,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay},"shopping-video-view"+r.event_id);if((0,Me.yC)(r)){var{status:w,bannerText:C,timeToStartInMins:y}=i.Z.getEventStatus(r);if(w.name===o.Z.LIVE.name)return(0,g.jsx)(xe,{event:r,onBack:l,isPlaying:a,isLast:s,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",{})},Ne=n(9284),Ze=n.n(Ne),Ue=n(7463),Ve=n(2154);function Be(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)(Ve.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)(Ue.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 Ye=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)(Be,{type:"left",onClick:l,fontSize:a}),(0,g.jsx)(Be,{type:"right",onClick:l,fontSize:a})]})})},Xe=n(2860),Ge=n(4669);var Je=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 $e=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 Qe=function(t,e){const n=(0,r.useRef)(Le()(((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)}]},tn=n(5173);var en=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,y]=(0,h.j1)("isFirstIndicatorRenderDone"),[S,b]=(0,r.useState)(!1),{setCloseClickComponent:k}=(0,r.useContext)(wn),{slideDirection:I}=(0,r.useContext)(wn),[_]=(0,h.j1)("whatmoreShopId"),[F]=(0,h.j1)("whatmoreLandingLocationType"),[E,T]=Je(n,e.length),[P,O]=$e(I,50),[z]=Qe("vertical",30),[L,R]=(0,r.useState)(!1),[D,M]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:K}=(0,r.useContext)(it.I);function W(){R(!1)}function A(){W(),setTimeout((()=>{i()}),500)}function q(){(0,h.MO)("whatmoreAllowAutoSlide")&&(T("right"),D.slideNext())}function H(t,e){T(e),function(t,e){D&&("left"===e?D.slidePrev():D.slideNext())}(0,e)}(0,r.useEffect)((()=>(R(!0),()=>{})),[]),k(A);const N=Math.round(.05*x);return(0,g.jsx)(Ze(),{isOpen:L,onAfterOpen:function(){},onRequestClose:W,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,g.jsx)(tn.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:N,slidesPerView:1,direction:I,modules:[l.tl,l.Gk],initialSlide:n,loop:1!=e.length,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,allowSlideNext:!S,allowSlidePrev:!S,allowTouchMove:!1,onSwiper:t=>{M(t)},onSlideChange:t=>{var n;w?j(!1):(C||y(!0),n=e[E().activeIndex],v||f||(async()=>{(0,s.wh)(n),"index"===F?((0,Ge.Tc)(_,Xe.Xh,Xe.pR),(0,mt.H4)(n.event_id,n.products,Xe.Xh,Xe.pR)):F.startsWith("product")||"embed"===F?((0,Ge.Tc)(_,Xe.h7,Xe.dU),(0,mt.H4)(n.event_id,n.products,Xe.h7,Xe.dU)):F.startsWith("collection")?((0,Ge.Tc)(_,Xe.U$,Xe.Pk),(0,mt.H4)(n.event_id,n.products,Xe.U$,Xe.Pk)):((0,Ge.Tc)(_,Xe.Xh,Xe.pR),(0,mt.H4)(n.event_id,n.products,Xe.Xh,Xe.pR))})(),(0,et.y4)({userInteractionType:nt.K.EVENT_VIEW,widgetSourceDetails:K,event:e[E().activeIndex],productList:e[E().activeIndex].products}))},children:[...Array(Math.min(e.length,3)).keys()].map((n=>(0,g.jsx)(a.o5,{children:n=>{let{isActive:i,isPrev:r,isNext:a,isVisible:l,isDuplicate:s}=n;const c=i?"activeIndex":r?"prevIndex":"nextIndex";return(0,g.jsx)(d.Kq,{direction:"column",height:o,justifyContent:"center",children:(0,g.jsx)(He,{event:e[E()[c]],onBack:A,isPlaying:1==e.length||i&&l,isLast:!1,setLockSwiper:b,onVideoEndedCallback:q,progressUpdateCallback:t=>{},showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay})})}},"event-vertical-scroll-slide-"+n)))}),e.length>1&&!S&&(0,c.h6H)(_)&&"horizontal"===(0,c.e8z)(_)&&"horizontal"===I?(0,g.jsx)(Ye,{relativeBottomPercentage:"50%",width:m,handleClick:(t,e)=>{H(0,"down"==e?"right":"left")},fontSize:parseInt(.12*m)}):(0,g.jsx)(g.Fragment,{})]})})})},nn=n(1168);n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811);const on=t=>{let{children:e,customClass:n,show:i,closeCallback:o}=t;return nn.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)};on.defaultProps={children:(0,g.jsx)("div",{children:"Empty Modal"}),customClass:"",show:!1,closeCallback:()=>!1};var rn=on;var an=function(t){var e;const n=(0,h.MO)("whatmorePrimaryFont"),i=(0,h.MO)("whatmoreShopId"),o=null!==(e=t.fontSize)&&void 0!==e?e:"8";return(0,g.jsx)(d.rU,{href:"https://www.whatmore.ai",isExternal:!0,children:(0,c.XFt)(i)&&(0,g.jsxs)(d.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:1.1*o+"px",margin:0,padding:0,lineHeight:"110%"},children:"powered by whatmore"}),(0,g.jsx)(d.xu,{width:"10px"}),(0,g.jsx)("img",{src:"https://whatmore-other-assets.b-cdn.net/whatmore/new_whatmore_logo.png",style:{objectFit:"contain",width:1.7*o,backgroundColor:"transparent",borderRadius:"0px"}})]})})};var ln=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)(wn),[C,y]=(0,r.useState)(!1),[S]=(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),[E,T]=(0,r.useState)(null);function P(){F(!1)}const O=t.events,z=t.eventIndex,L=t.onBack,R=O.concat(O),D=O.length,M=(0,r.useRef)(0);function K(){P(),setTimeout((()=>{L()}),500)}function W(){E&&!E.isEnd&&(0,h.MO)("whatmoreAllowAutoSlide")&&E.slideNext()}(0,r.useEffect)((()=>(F(!0),()=>{})),[]),j(K);const A=parseInt(Math.min(5,O.length));return(0,g.jsx)(rn,{show:_,closeCallback:P,customClass:"whatmore-landscape-modal-swipe-view",children:(0,g.jsxs)(d.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:(0,Q.lA)("#000000",13),children:[(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.xu,{height:"fit-content",width:o*A,children:(0,g.jsxs)(a.tq,{onInit:t=>{T(t)},slidesPerView:A,centeredSlides:!0,allowTouchMove:!1,initialSlide:z,modules:[l.lI,l.W_,l.Gk,l.pt,l.tl],navigation:A>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*i),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:o*A,watchSlidesProgress:!0,onSlideChange:t=>{if(console.log(O[t.activeIndex].event_id,"prinatin"),f)return M.current=0,void w(!1);var e;m||v(!0),e=O[t.activeIndex],p||x||(async()=>{(0,s.wh)(e),"index"===b?((0,Ge.Tc)(S,Xe.Xh,Xe.pR),(0,mt.H4)(e.event_id,e.products,Xe.Xh,Xe.pR)):b.startsWith("product")||"embed"===b?((0,Ge.Tc)(S,Xe.h7,Xe.dU),(0,mt.H4)(e.event_id,e.products,Xe.h7,Xe.dU)):b.startsWith("collection")?((0,Ge.Tc)(S,Xe.U$,Xe.Pk),(0,mt.H4)(e.event_id,e.products,Xe.U$,Xe.Pk)):((0,Ge.Tc)(S,Xe.Xh,Xe.pR),(0,mt.H4)(e.event_id,e.products,Xe.Xh,Xe.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.length>2&&(0,g.jsx)("div",{className:"whatmore-shopping-close-button",children:(0,g.jsx)(U,{onCloseCallback:L})}),R.slice(z,O.length+z).map(((t,e)=>(0,g.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:r,isNext:a,isVisible:l,isDuplicate:s}=t;if(n)return(0,g.jsx)(d.Kq,{direction:"column",height:i,width:1*o,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,g.jsx)(d.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,g.jsx)(He,{event:O[e%D],onBack:K,isPlaying:!0,isLast:e%D===O.length-1,setLockSwiper:y,widthFactor:1,heightFactor:1,onVideoEndedCallback:W,progressUpdateCallback:t=>{},showCloseOverlay:(null===O||void 0===O?void 0:O.length)<=2})})});if(a)return(0,g.jsx)(d.Kq,{direction:"column",height:i,width:o,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{E.slideTo(e%D,300)},children:(0,g.jsx)(d.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,g.jsx)(He,{event:O[e%D],onBack:K,isPlaying:!1,isLast:e%D===O.length-1,setLockSwiper:y,widthFactor:1,heightFactor:1,onVideoEndedCallback:W,progressUpdateCallback:t=>{},showOverlay:!1})})});if(r&&1===M.current)return(0,g.jsx)(d.Kq,{direction:"column",height:i,width:o,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{E.slideTo(e%D,300)},children:(0,g.jsx)(d.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,g.jsx)(He,{event:O[e%D],onBack:K,isPlaying:!1,isLast:e%D===O.length-1,setLockSwiper:y,widthFactor:1,heightFactor:1,onVideoEndedCallback:W,progressUpdateCallback:t=>{},showOverlay:!1})})});try{z+e>=D-1&&(M.current=1)}catch(h){console.log(h)}return(0,g.jsx)(g.Fragment,{})}},"event-horizontal-scroll-slide"+t.event_id)))]})})}),(0,g.jsx)(d.M5,{children:(0,g.jsx)(an,{height:.04*i,width:.1*o,fontSize:.02*i})})]})})},sn=n(6090),dn=n(7616),cn=n(9302),hn=n(2575);var un=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)(d.M5,{children:(0,g.jsxs)(d.xu,{width:o,height:i,backgroundColor:"whiteAlpha.200",backdropBlur:"10px",children:[(0,g.jsx)(d.Kq,{direction:"column",justifyContent:l,height:"full",width:"full",children:(0,g.jsx)(d.xu,{borderRadius:"md",backgroundColor:"transparent",children:(0,g.jsx)(d.oM,{width:"full",ratio:o/i,children:(0,g.jsx)(d.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+r+", gray, "+a+")"})})})}),(0,g.jsx)(d.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)(d.xu,{padding:"2px",margin:"5px",borderRadius:"md",backgroundColor:"transparent",children:(0,g.jsx)(d.oM,{width:"full",ratio:9/16,children:(0,g.jsx)(d.xu,{width:"full",height:"full",borderRadius:"md",backdropFilter:"auto",backdropBlur:"5px"})})})})]})})};var pn=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)(),[y]=(0,h.j1)("isInDesignMode"),[S]=(0,h.j1)("isDemoBrand"),[b]=(0,h.j1)("whatmoreShopId"),[k,I]=(0,r.useState)(!0),[_,F]=(0,h.j1)("isFirstIndicatorRenderDone"),[E,T]=(0,r.useState)(null),[P,O]=(0,r.useState)(!1),{whatmoreWidgetSourceDetails:z}=(0,r.useContext)(it.I),[L,R]=Je(c,p.length);function D(){i()}function M(){if(!(0,h.MO)("whatmoreAllowAutoSlide"))return;L().activeIndex+1>=p.length?o("right"):(R("right"),E&&E.slideNext())}function K(t){const e=L().activeIndex;"right"==t&&e+1>=p.length||"left"==t&&e-1<0?o(t):(R(t),E&&("left"==t?E.slidePrev():E.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=>{T(t)},onSlideChange:t=>{var e;k?I(!1):(_||F(!0),e=p[L().activeIndex],y||S||(async()=>{(0,s.wh)(e),(0,Ge.Tc)(b,Xe.Xh,Xe.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((e=>(0,g.jsx)(a.o5,{children:e=>{let{isActive:i,isPrev:o,isNext:r,isVisible:a,isDuplicate:s}=e;if(l){const e=i?"activeIndex":o?"prevIndex":"nextIndex",r=p[L()[e]];return(0,g.jsx)(d.Kq,{direction:"column",height:v,justifyContent:"center",children:(0,Me.B6)(r)||(0,Me.WJ)(r)?(0,g.jsx)(De,{event:r,totalSiblingEvents:p.length,indexAmongSiblings:L()[e],onBack:D,isPlaying:l&&i&&a,isLast:!1,setLockSwiper:O,onVideoEndedCallback:M,progressUpdateCallback:t=>{},leftOpenSpaceClickHandler:()=>{K("left")},midOpenSpaceClickHandler:()=>{C(!w)},rightOpenSpaceClickHandler:()=>{K("right")},storyId:n.id,source:qe.j.STORY_EVENT_OPENED,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay},"shopping-video-view"+r.event_id):(0,g.jsx)(g.Fragment,{})})}return(0,g.jsx)(d.Kq,{direction:"column",height:x,justifyContent:"center",children:(0,g.jsx)(un,{})})}},"event-story-view-slide-"+e)))})})};var xn=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"),[y,S]=(0,r.useState)(!1),{setCloseClickComponent:b}=(0,r.useContext)(wn),{slideDirection:k}=(0,r.useContext)(wn),[I]=(0,h.j1)("whatmoreShopId"),[_,F]=Je(i,n.length),[E,T]=$e("horizontal",50),[P]=Qe("vertical",30),O=t.eventIndex,[z,L]=(0,r.useState)(!1),[R,D]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:M}=(0,r.useContext)(it.I);function K(){L(!1)}function W(){K(),setTimeout((()=>{e()}),500)}function A(t){R&&(0,h.MO)("whatmoreAllowAutoSlide")&&(F(t),"right"==t?R.slideNext():R.slidePrev())}function q(t,e){A(e)}return(0,r.useEffect)((()=>(L(!0),()=>{})),[]),b(W),(0,g.jsx)(Ze(),{isOpen:z,onAfterOpen:function(){},onRequestClose:K,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=>{E(t)},onTouchEnd:t=>{const e=T(t);e&&q(0,e)},onWheel:t=>{P(t,(t=>{q(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=>{D(t)},onSlideChange:t=>{var e,i,o;f?w(!1):(o=n[_().activeIndex].events[0],m||v||(async()=>{(0,s.wh)(o),(0,Ge.Tc)(I,Xe.Xh,Xe.OW),(0,mt.H4)(o.event_id,o.products,"homepage","stories")})(),(0,et.GF)({userInteractionType:nt.K.EVENT_VIEW,widgetSourceDetails:M,event:n[_().activeIndex].events[0],productList:null===(e=n[_().activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(i=n[_().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:s}=t;const c=e?"activeIndex":r?"prevIndex":"nextIndex";return(0,g.jsx)(d.Kq,{direction:"column",height:o,justifyContent:"center",children:(0,g.jsx)(pn,{stories:n[_()[c]],onBack:W,isActive:e&&l,isNext:a,isPrev:r,onStoryCompleteCallback:A,nextStories:n[_().nextIndex],prevStories:n[_().prevIndex],initialEventIndex:i==_()[c]?O:0},"event-story-view-"+n[_()[c]].id)})}},"event-vertical-scroll-slide-"+t)))})})})},gn=n(4892);var mn=function(t){var e,n,i,[o,a,l,s]=(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 s*=null!==(i=t.widthFactor)&&void 0!==i?i:1,l*=f,(0,g.jsx)(d.M5,{children:(0,g.jsxs)(d.xu,{width:s,height:l,children:[(0,g.jsx)(d.Kq,{direction:"column",justifyContent:w,height:"full",width:"full",children:(0,g.jsx)(d.xu,{children:(0,g.jsx)(d.oM,{width:"full",ratio:9/16,children:m?(0,Me.B6)(x)||(0,Me.WJ)(x)?(0,g.jsx)(gn.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)(d.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+c+", gray, "+p+")"})})})}),(0,g.jsx)(d.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)(d.xu,{children:(0,g.jsx)(d.oM,{width:"full",ratio:9/16,children:(0,g.jsx)(d.xu,{width:"full",height:"full",backgroundColor:"blackAlpha.400"})})})})]})})};var vn=function(t){var[e,n,i,o]=(0,u.Z)();const[c]=(0,h.j1)("isInDesignMode"),[p]=(0,h.j1)("isDemoBrand"),[x,m]=(0,h.j1)("isFirstIndicatorRenderDone"),[v,f]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:w}=(0,r.useContext)(wn),[j,C]=(0,r.useState)(!1),[y]=(0,h.j1)("whatmoreShopId"),{whatmoreWidgetSourceDetails:S}=(0,r.useContext)(it.I),[b,k]=(0,r.useState)(!1),[I,_]=(0,r.useState)(null);function F(){k(!1)}t.events;const E=t.eventIndex,T=t.onBack,P=t.eventsStories,O=t.initialStoryIndex;function z(){F(),setTimeout((()=>{T()}),500)}function L(t){I&&!I.isEnd&&("right"==t?I.slideNext():I.slidePrev())}(0,r.useEffect)((()=>(k(!0),()=>{})),[]),w(z);const R=parseInt(Math.min(5,P.length));return(0,g.jsx)(rn,{show:b,closeCallback:F,customClass:"whatmore-landscape-modal-stories-view",children:(0,g.jsxs)(d.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:"blackAlpha.800",children:[(0,g.jsx)(d.M5,{children:(0,g.jsx)(d.xu,{height:"fit-content",width:o*R,children:(0,g.jsxs)(a.tq,{onInit:t=>{_(t)},slidesPerView:R,centeredSlides:!0,allowTouchMove:!1,initialSlide:O,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;v?f(!1):(x||m(!0),i=P[t.activeIndex].events[0],c||p||(async()=>{(0,s.wh)(i),(0,Ge.Tc)(y,Xe.Xh,Xe.OW),(0,mt.H4)(i.event_id,i.products,"homepage","stories")})(),(0,et.GF)({userInteractionType:nt.K.EVENT_VIEW,widgetSourceDetails:S,event:P[t.activeIndex].events[0],productList:null===(e=P[t.activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(n=P[t.activeIndex].events[0])||void 0===n?void 0:n.cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:[P.length>2&&(0,g.jsx)("div",{className:"whatmore-shopping-close-button",children:(0,g.jsx)(U,{onCloseCallback:T})}),P.map(((t,e)=>(0,g.jsx)(a.o5,{children:n=>{let{isActive:r,isPrev:a,isNext:l,isVisible:s,isDuplicate:c}=n;if(r){const n=1;return(0,g.jsx)(d.Kq,{direction:"column",height:i,width:o*n,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,g.jsx)(d.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,g.jsx)(pn,{stories:t,onBack:z,isActive:r&&s,isNext:!1,isPrev:!1,onStoryCompleteCallback:L,initialEventIndex:O==e?E:0,showCloseOverlay:(null===P||void 0===P?void 0:P.length)<=2},"event-story-view-"+t.id)})})}return a||l?(0,g.jsx)(d.Kq,{direction:"column",height:i,width:o,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{I.slideTo(e,300)},children:(0,g.jsx)(d.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,g.jsx)(mn,{showPausedVideo:!0,event:P[e].events[0],onBack:z,isPlaying:!1,setLockSwiper:C})})}):(0,g.jsx)(g.Fragment,{})}},"event-horizontal-scroll-slide-"+e)))]})})}),(0,g.jsx)(d.M5,{children:(0,g.jsx)(an,{height:.04*i,width:.1*o,fontSize:.02*i})})]})})};const fn=(0,hn.Z)({key:"whatmore-css-sv"}),wn=(0,r.createContext)({isIOS:!1,totalEvents:0,closeClickComponent:null,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:"vertical",showSwipeIndicator:!0});var jn=function(t){var e,n;const[i,o,a]=(0,_e.Z)(),[l]=(0,h.j1)("whatmoreShopId"),{whatmoreRootId:s}=(0,r.useContext)(it.I),{whatmoreIsStoriesTemplate:d}=(0,r.useContext)(it.I);var u=t.events,p=t.index,x=t.onBack,m=t.eventsStories,v=t.initialStoryIndex,f=(0,c.cX2)(l),w=(u[p],"portrait"===i?null!==(e=t.slideDirection)&&void 0!==e?e:"vertical":null!==(n=t.slideDirection)&&void 0!==n?n:u.length>1?"horizontal":"vertical"),j="portrait"===i?!(0,c.h6H)(l)&&!d:(0,c.n89)(l);return u[p],(0,r.useLayoutEffect)((()=>{(0,c.TLG)(l)&&(window.location.href.includes(f)?history.replaceState(null,"","#"+f):history.pushState(null,"","#"+f),window.addEventListener("popstate",(()=>{window.location.href.includes(f)||x()})))}),[]),delete dn.ZP.styles.global,d?(0,g.jsx)(cn.C,{value:fn,children:(0,g.jsx)(sn.x,{theme:dn.ZP,cssVarsRoot:s,resetCSS:!1,children:(0,g.jsx)(wn.Provider,{value:{isIOS:(0,je.KE)(),totalEvents:u.length,closeClickComponent:x,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:w,showSwipeIndicator:j},children:"portrait"===i?(0,g.jsx)(xn,{eventsStories:m,initialStoryIndex:v,onBack:x,eventIndex:p}):u.length>1&&(0,c.Bbr)(l)?(0,g.jsx)(vn,{eventsStories:m,initialStoryIndex:v,onBack:x,eventIndex:p}):(0,g.jsx)(xn,{eventsStories:m,initialStoryIndex:v,onBack:x,eventIndex:p})})})}):(0,g.jsx)(cn.C,{value:fn,children:(0,g.jsx)(sn.x,{theme:dn.ZP,cssVarsRoot:s,resetCSS:!1,children:(0,g.jsx)(wn.Provider,{value:{isIOS:(0,je.KE)(),totalEvents:u.length,closeClickComponent:x,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:w,showSwipeIndicator:j},children:"portrait"===i?(0,g.jsx)(en,{events:u,eventIndex:p,onBack:x}):u.length>1?(0,g.jsx)(ln,{events:u,eventIndex:p,onBack:x}):(0,g.jsx)(en,{events:u,eventIndex:p,onBack:x,showCloseOverlay:!0})})})})}},9316:function(t,e,n){n.d(e,{mT:function(){return d}});var i,o,r,a=n(168),l=n(686);const s=(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"]))),d="\n    ".concat(s," 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),s=(n(4844),n(5160));var d=n(9316),c=n(9748),h=n(9369),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,s=t.width,d=t.height;return(0,v.jsx)(i.xu,{width:s,height:d,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"),[y]=(0,a.j1)("isDemoBrand"),[S,b]=(0,a.j1)("appCartData"),[k]=(0,a.j1)("whatmoreShopId"),[I]=[(0,u.hmr)(k)],_=(0,u.hmr)(k),[F,E]=(0,r.useState)(!1),[T,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:R}=(0,r.useContext)(x.I),D=t.event,M=t.product,K=null!==(e=t.baseFontSize)&&void 0!==e?e:10;function W(t,e,n){C||y||(async()=>{(0,s.JX)(t,e,n)})()}(0,r.useEffect)((()=>{!async function(){var t,e,n,i,o;const r=await(0,p.gK)(M,(0,u.Ipo)(k),k);z({loaded:!0,client_product_id:M.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 A=null!==(n=t.width)&&void 0!==n?n:"fit-content",q=null!==(o=t.height)&&void 0!==o?o:"fit-content",H=(null!==(w=(0,u.Jb1)(k))&&void 0!==w?w:2)+"px";return O.loaded?(0,v.jsx)("div",{style:{width:A,height:q},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.Sl8)(k),sx:{width:A,height:q,minHeight:q},onClick:t=>{E(!0),W(D,M,1),(0,g.GF)({userInteractionType:m.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:R,event:D,productList:[M],ctaList:D.cta}),null!==L&&setTimeout((()=>{L()}),2e3)},children:"initial"===T.state?(0,v.jsx)(l.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:q,width:A},children:(0,v.jsx)(i.xu,{width:"100%",height:"100%",padding:H,boxShadow:"lg",borderRadius:"md",backgroundColor:_,borderColor:_,borderWidth:"1px",animation:F?d.mT:null,onAnimationEnd:()=>{E(!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*K,fontWeight:"semibold",sx:{fontFamily:j+" !important",color:(0,u.KCy)(k)+" !important"},children:["\xa0"," ADD TO CART ","\xa0"]})})})})}):(0,v.jsx)(l.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:q,width:A},children:(0,v.jsx)(f,{event:D,product:M,baseFontSize:K,cartState:T,width:A,height:q})})})})}):(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,s=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:d,bannerText:c,timeToStartInMins:h}=o.Z.getEventStatus(n);return d.name===r.Z.LIVE.name?(0,a.jsx)(i.xu,{maxWidth:s,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:d.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:s,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:d.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,s,d){}},1896:function(t,e,n){n.d(e,{Z:function(){return w}});var i=n(7313),o=n(7300),r=n(6422),a=n(9369),l=n(3175),s=n(2887),d=n(7753),c=n(58),h=n(3433),u=n(9854),p=n(4862),x=(n(8743),n(9039)),g=n(6417);function m(t){var e,n,o;const[a,s]=(0,r.Z)(),[m,v]=(0,i.useState)(i.useRef()),f=t.posterImage,[w,j]=(0,d.j1)("whatmoreVideoPlayerPoolBlessed"),[C,y]=(0,i.useState)(!0),[S,b]=(0,i.useState)(!1),k=t.timeUpdateCallback,{whatmoreIsPreviewMode:I}=(0,i.useContext)(x.I),_=null!==(e=t.isVideoMuted)&&void 0!==e?e:a,F=null!==(n=t.height)&&void 0!==n?n:"100%",E=null!==(o=t.width)&&void 0!==o?o:"100%",T=(0,d.MO)("whatmoreShopId");(0,i.useLayoutEffect)((()=>{var e;m.current&&w&&(0==m.current.children.length?((e=(0,c.Bi)(m.current,t.url,_||!t.isPlaying,t.isPlaying)).addEventListener("loadeddata",(()=>{y(!1)})),k&&e.addEventListener("timeupdate",(t=>{var n,i;e&&k(null!==(n=e.currentTime)&&void 0!==n?n:0,null!==(i=e.duration)&&void 0!==i?i:0)}))):((e=m.current.children[0]).muted=_||!t.isPlaying,t.isPlaying?e.play():(e.pause(),(0,u.dF_)(T)&&t.source==h.j.CAROUSEL_EVENT_OPENED&&(!t.isPlaying&&e.play(),setTimeout((()=>{!t.isPlaying&&e.pause()}),p.G6?1900:800)))))}),[_,t.isPlaying,w,C]),(0,i.useLayoutEffect)((()=>()=>{m.current&&0!=m.current.children.length&&(0,c.P7)(m.current)}),[]);return(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:E,height:F,overflow:"hidden",backgroundColor:I?(0,u.WNM)(T):(0,u.Gy3)(T)},children:[(0,g.jsx)("div",{ref:m,style:{width:C?"0px":"100%",height:C?"0px":I?(0,u.Yiq)(T):(0,u.MT6)(T)},className:"whatmore-video-player-ios-holder"}),C&&S?(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,g.jsx)("img",{src:f,height:F,width:E,style:{animation:t.isPlaying?"fadeInFromNoneAnimation 1.5s infinite":""}})})})}):C&&!S&&(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{style:{width:"100%",height:"100%",position:"relative"},children:[(0,g.jsx)("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},children:(0,g.jsx)("img",{src:f,height:F,width:E,onLoad:()=>{b(!0)},style:{animation:t.isPlaying?"fadeInFromNoneAnimation 1.5s infinite":""}})}),(0,g.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,g.jsx)(l.Z,{width:E,height:F,style:{position:"absolute",top:"50%",left:"50%",opacity:"0.6"}})})]})})]})}var v=function(t){var e;return(0,g.jsx)(m,{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,source:t.source,posterImage:t.posterImage})};function f(t){var e,n,o;const[a,s]=(0,r.Z)(),[c,m]=(0,i.useState)(!1),[v,f]=(0,i.useState)(!1),w=t.setDuration,j=(0,i.useRef)(null),C=(0,d.MO)("whatmoreShopId"),y=t.timeUpdateCallback,{whatmoreIsPreviewMode:S}=(0,i.useContext)(x.I),b=null!==(e=t.height)&&void 0!==e?e:"100%",k=null!==(n=t.width)&&void 0!==n?n:"100%",I=null!==(o=t.isVideoMuted)&&void 0!==o?o:a,_=null===t||void 0===t?void 0:t.posterImage;return(0,i.useEffect)((()=>{j.current&&(t.isPlaying?j.current.paused&&j.current.play():j.current.pause(),y&&j.current.addEventListener("timeupdate",(t=>{var e,n;j.current&&y(null!==(e=j.current.currentTime)&&void 0!==e?e:0,null!==(n=j.current.duration)&&void 0!==n?n:0)})))}),[t.isPlaying]),(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:k,height:b,overflow:"hidden",backgroundColor:S?(0,u.WNM)(C):(0,u.Gy3)(C)},children:[(0,g.jsx)("div",{style:{width:c?"100%":"0px",height:c?S?(0,u.Yiq)(C):(0,u.MT6)(C):"0px"},children:(0,g.jsx)("video",{ref:j,className:"whatmore-video-player",preload:"auto",loop:!0,playsInline:!0,muted:!(!I&&t.isPlaying),src:t.url,onLoadedData:()=>{m(!0),t.isPlaying&&j.current&&j.current.play(),(0,u.dF_)(C)&&t.source==h.j.CAROUSEL_EVENT_OPENED&&(!t.isPlaying&&j.current&&j.current.play(),setTimeout((()=>{!t.isPlaying&&j.current&&j.current.pause()}),p.G6?1900:800))},onLoadedMetadata:()=>{j.current&&w&&w(j.current.duration)},poster:_})}),!c&&v?(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,g.jsx)("img",{src:_,height:b,width:k,style:{animation:t.isPlaying?"fadeInFromNoneAnimation 1.5s infinite":""}})})})}):!c&&!v&&(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{style:{width:"100%",height:"100%",position:"relative"},children:[(0,g.jsx)("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},children:(0,g.jsx)("img",{src:_,height:b,width:k,onLoad:()=>{f(!0)},style:{animation:t.isPlaying?"fadeInFromNoneAnimation 1.5s infinite":""}})}),(0,g.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,g.jsx)(l.Z,{width:k,height:b,style:{position:"absolute",top:"50%",left:"50%",opacity:"0.6"}})})]})})]})}var w=function(t){var e,n,r,l;return(0,o.WJ)(t.event)?(0,g.jsx)(s.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,d.MO)("whatmoreVideoPlayerPoolBlessed")?(0,g.jsx)(v,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback,isVideoMuted:null!==(r=t.isVideoMuted)&&void 0!==r?r:null,source:t.source,posterImage:null===(l=t.event)||void 0===l?void 0:l.poster_image}):(0,g.jsx)(f,{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,source:t.source,posterImage:null===(n=t.event)||void 0===n?void 0:n.poster_image})}},3433:function(t,e,n){n.d(e,{j:function(){return i}});const i={BANNER:"banner",CAROUSEL_EVENT_OPENED:"carousel_event_opened",CAROUSEL_THUMBNAIL_VIEW:"carousel_thumbnail_view",STORY_EVENT_OPENED:"story_event_opened",STORY_THUMBNAIL_VIEW:"story_thumbnail_view"}},6119:function(t,e,n){var i,o=n(168),r=n(3271),a=n(7313),l=n(7789),s=n(7753),d=n(686),c=n(9854),h=n(9039),u=n(5160),p=n(6417);const x=(0,d.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.lj5)(e)?t+"?"+(0,c.awP)(e)+"&"+(0,c.n9s)(e)+"&"+(0,c.poG)(e):t});e.Z=function(t){var e;const[n,i,o,d]=(0,l.Z)(),[x,m]=(0,a.useState)(!1),{whatmoreUITheme:v}=(0,a.useContext)(h.I),f=(0,s.MO)("isInDesignMode"),w=(0,s.MO)("isDemoBrand"),j=(0,s.MO)("whatmoreSecondaryColor"),C=(0,s.MO)("whatmoreSecondaryColorShade1200"),y=(0,s.MO)("whatmorePrimaryFont"),S=(0,s.MO)("whatmoreShopId"),b=(t.event,t.cta),k=.05*d;return(0,p.jsx)(r.M5,{children:(0,p.jsx)(r.Kq,{direction:"row",height:"fit-content",width:"100%",justifyContent:"center",marginBottom:.03*d+"px",marginTop:.03*d+"px",children:(0,p.jsx)(r.rU,{href:g(b.cta_link,S),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.p5R)(S),borderColor:"#343434"===(0,c.yxc)(S)?j:(0,c.yxc)(S),fontFamily:y+" !important",textAlign:"center!important",fontWeight:"bold"},paddingY:"8px",paddingX:.05*d+"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/423.4d5ac85a.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[423],{1195:function(e,t,r){var n=r(5318);t.Z=void 0;var o=n(r(5045)),a=r(6417),i=(0,o.default)((0,a.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");t.Z=i},7108:function(e,t,r){var n=r(5318);t.Z=void 0;var o=n(r(5045)),a=r(6417),i=(0,o.default)((0,a.jsx)("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}),"Fullscreen");t.Z=i},9723:function(e,t,r){var n=r(5318);t.Z=void 0;var o=n(r(5045)),a=r(6417),i=(0,o.default)((0,a.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=i},4561:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"DraggableCore",{enumerable:!0,get:function(){return f.default}}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!==typeof e)return{default:e};var r=y(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(r(7313)),a=g(r(5192)),i=g(r(1168)),u=g(r(3061)),l=r(1407),s=r(9873),c=r(3579),f=g(r(4303)),d=g(r(7776)),p=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function g(e){return e&&e.__esModule?e:{default:e}}function y(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(y=function(e){return e?r:t})(e)}function h(){return h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function b(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,o,a=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(l){u=!0,o=l}finally{try{i||null==r.return||r.return()}finally{if(u)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return S(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function O(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function D(e,t){return D=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},D(e,t)}function P(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=M(e);if(t){var o=M(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return j(this,r)}}function j(e,t){if(t&&("object"===n(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return x(e)}function x(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function M(e){return M=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},M(e)}function E(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var C=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&D(e,t)}(c,e);var t,r,n,a=P(c);function c(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),E(x(t=a.call(this,e)),"onDragStart",(function(e,r){if((0,d.default)("Draggable: onDragStart: %j",r),!1===t.props.onStart(e,(0,s.createDraggableData)(x(t),r)))return!1;t.setState({dragging:!0,dragged:!0})})),E(x(t),"onDrag",(function(e,r){if(!t.state.dragging)return!1;(0,d.default)("Draggable: onDrag: %j",r);var n=(0,s.createDraggableData)(x(t),r),o={x:n.x,y:n.y};if(t.props.bounds){var a=o.x,i=o.y;o.x+=t.state.slackX,o.y+=t.state.slackY;var u=w((0,s.getBoundPosition)(x(t),o.x,o.y),2),l=u[0],c=u[1];o.x=l,o.y=c,o.slackX=t.state.slackX+(a-o.x),o.slackY=t.state.slackY+(i-o.y),n.x=o.x,n.y=o.y,n.deltaX=o.x-t.state.x,n.deltaY=o.y-t.state.y}if(!1===t.props.onDrag(e,n))return!1;t.setState(o)})),E(x(t),"onDragStop",(function(e,r){if(!t.state.dragging)return!1;if(!1===t.props.onStop(e,(0,s.createDraggableData)(x(t),r)))return!1;(0,d.default)("Draggable: onDragStop: %j",r);var n={dragging:!1,slackX:0,slackY:0};if(Boolean(t.props.position)){var o=t.props.position,a=o.x,i=o.y;n.x=a,n.y=i}t.setState(n)})),t.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:m({},e.position),slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),t}return t=c,n=[{key:"getDerivedStateFromProps",value:function(e,t){var r=e.position,n=t.prevPropsPosition;return!r||n&&r.x===n.x&&r.y===n.y?null:((0,d.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:m({},r)})}}],(r=[{key:"componentDidMount",value:function(){"undefined"!==typeof window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var e,t,r;return null!==(e=null===(t=this.props)||void 0===t||null===(r=t.nodeRef)||void 0===r?void 0:r.current)&&void 0!==e?e:i.default.findDOMNode(this)}},{key:"render",value:function(){var e,t=this.props,r=(t.axis,t.bounds,t.children),n=t.defaultPosition,a=t.defaultClassName,i=t.defaultClassNameDragging,c=t.defaultClassNameDragged,d=t.position,g=t.positionOffset,y=(t.scale,b(t,p)),v={},w=null,S=!Boolean(d)||this.state.dragging,O=d||n,D={x:(0,s.canDragX)(this)&&S?this.state.x:O.x,y:(0,s.canDragY)(this)&&S?this.state.y:O.y};this.state.isElementSVG?w=(0,l.createSVGTransform)(D,g):v=(0,l.createCSSTransform)(D,g);var P=(0,u.default)(r.props.className||"",a,(E(e={},i,this.state.dragging),E(e,c,this.state.dragged),e));return o.createElement(f.default,h({},y,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),o.cloneElement(o.Children.only(r),{className:P,style:m(m({},r.props.style),v),transform:w}))}}])&&O(t.prototype,r),n&&O(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(o.Component);t.default=C,E(C,"displayName","Draggable"),E(C,"propTypes",m(m({},f.default.propTypes),{},{axis:a.default.oneOf(["both","x","y","none"]),bounds:a.default.oneOfType([a.default.shape({left:a.default.number,right:a.default.number,top:a.default.number,bottom:a.default.number}),a.default.string,a.default.oneOf([!1])]),defaultClassName:a.default.string,defaultClassNameDragging:a.default.string,defaultClassNameDragged:a.default.string,defaultPosition:a.default.shape({x:a.default.number,y:a.default.number}),positionOffset:a.default.shape({x:a.default.oneOfType([a.default.number,a.default.string]),y:a.default.oneOfType([a.default.number,a.default.string])}),position:a.default.shape({x:a.default.number,y:a.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe})),E(C,"defaultProps",m(m({},f.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))},4303:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!==typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(r(7313)),a=f(r(5192)),i=f(r(1168)),u=r(1407),l=r(9873),s=r(3579),c=f(r(7776));function f(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,o,a=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(l){u=!0,o=l}finally{try{i||null==r.return||r.return()}finally{if(u)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return g(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function v(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=S(e);if(t){var o=S(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return m(this,r)}}function m(e,t){if(t&&("object"===n(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return w(e)}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},S(e)}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var D={start:"touchstart",move:"touchmove",stop:"touchend"},P={start:"mousedown",move:"mousemove",stop:"mouseup"},j=P,x=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}(s,e);var t,r,n,a=v(s);function s(){var e;y(this,s);for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return O(w(e=a.call.apply(a,[this].concat(r))),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),O(w(e),"mounted",!1),O(w(e),"handleDragStart",(function(t){if(e.props.onMouseDown(t),!e.props.allowAnyClick&&"number"===typeof t.button&&0!==t.button)return!1;var r=e.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var n=r.ownerDocument;if(!(e.props.disabled||!(t.target instanceof n.defaultView.Node)||e.props.handle&&!(0,u.matchesSelectorAndParentsTo)(t.target,e.props.handle,r)||e.props.cancel&&(0,u.matchesSelectorAndParentsTo)(t.target,e.props.cancel,r))){"touchstart"===t.type&&t.preventDefault();var o=(0,u.getTouchIdentifier)(t);e.setState({touchIdentifier:o});var a=(0,l.getControlPosition)(t,o,w(e));if(null!=a){var i=a.x,s=a.y,f=(0,l.createCoreData)(w(e),i,s);(0,c.default)("DraggableCore: handleDragStart: %j",f),(0,c.default)("calling",e.props.onStart),!1!==e.props.onStart(t,f)&&!1!==e.mounted&&(e.props.enableUserSelectHack&&(0,u.addUserSelectStyles)(n),e.setState({dragging:!0,lastX:i,lastY:s}),(0,u.addEvent)(n,j.move,e.handleDrag),(0,u.addEvent)(n,j.stop,e.handleDragStop))}}})),O(w(e),"handleDrag",(function(t){var r=(0,l.getControlPosition)(t,e.state.touchIdentifier,w(e));if(null!=r){var n=r.x,o=r.y;if(Array.isArray(e.props.grid)){var a=n-e.state.lastX,i=o-e.state.lastY,u=p((0,l.snapToGrid)(e.props.grid,a,i),2);if(a=u[0],i=u[1],!a&&!i)return;n=e.state.lastX+a,o=e.state.lastY+i}var s=(0,l.createCoreData)(w(e),n,o);if((0,c.default)("DraggableCore: handleDrag: %j",s),!1!==e.props.onDrag(t,s)&&!1!==e.mounted)e.setState({lastX:n,lastY:o});else try{e.handleDragStop(new MouseEvent("mouseup"))}catch(d){var f=document.createEvent("MouseEvents");f.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),e.handleDragStop(f)}}})),O(w(e),"handleDragStop",(function(t){if(e.state.dragging){var r=(0,l.getControlPosition)(t,e.state.touchIdentifier,w(e));if(null!=r){var n=r.x,o=r.y;if(Array.isArray(e.props.grid)){var a=n-e.state.lastX||0,i=o-e.state.lastY||0,s=p((0,l.snapToGrid)(e.props.grid,a,i),2);a=s[0],i=s[1],n=e.state.lastX+a,o=e.state.lastY+i}var f=(0,l.createCoreData)(w(e),n,o);if(!1===e.props.onStop(t,f)||!1===e.mounted)return!1;var d=e.findDOMNode();d&&e.props.enableUserSelectHack&&(0,u.removeUserSelectStyles)(d.ownerDocument),(0,c.default)("DraggableCore: handleDragStop: %j",f),e.setState({dragging:!1,lastX:NaN,lastY:NaN}),d&&((0,c.default)("DraggableCore: Removing handlers"),(0,u.removeEvent)(d.ownerDocument,j.move,e.handleDrag),(0,u.removeEvent)(d.ownerDocument,j.stop,e.handleDragStop))}}})),O(w(e),"onMouseDown",(function(t){return j=P,e.handleDragStart(t)})),O(w(e),"onMouseUp",(function(t){return j=P,e.handleDragStop(t)})),O(w(e),"onTouchStart",(function(t){return j=D,e.handleDragStart(t)})),O(w(e),"onTouchEnd",(function(t){return j=D,e.handleDragStop(t)})),e}return t=s,(r=[{key:"componentDidMount",value:function(){this.mounted=!0;var e=this.findDOMNode();e&&(0,u.addEvent)(e,D.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var e=this.findDOMNode();if(e){var t=e.ownerDocument;(0,u.removeEvent)(t,P.move,this.handleDrag),(0,u.removeEvent)(t,D.move,this.handleDrag),(0,u.removeEvent)(t,P.stop,this.handleDragStop),(0,u.removeEvent)(t,D.stop,this.handleDragStop),(0,u.removeEvent)(e,D.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,u.removeUserSelectStyles)(t)}}},{key:"findDOMNode",value:function(){var e,t,r;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(r=t.nodeRef)||void 0===r?void 0:r.current:i.default.findDOMNode(this)}},{key:"render",value:function(){return o.cloneElement(o.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&h(t.prototype,r),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),s}(o.Component);t.default=x,O(x,"displayName","DraggableCore"),O(x,"propTypes",{allowAnyClick:a.default.bool,disabled:a.default.bool,enableUserSelectHack:a.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:a.default.arrayOf(a.default.number),handle:a.default.string,cancel:a.default.string,nodeRef:a.default.object,onStart:a.default.func,onDrag:a.default.func,onStop:a.default.func,onMouseDown:a.default.func,scale:a.default.number,className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),O(x,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})},9461:function(e,t,r){var n=r(4561),o=n.default,a=n.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=a},1407:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.addClassName=p,t.addEvent=function(e,t,r,n){if(!e)return;var o=l({capture:!0},n);e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r},t.addUserSelectStyles=function(e){if(!e)return;var t=e.getElementById("react-draggable-style-el");t||((t=e.createElement("style")).type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&p(e.body,"react-draggable-transparent-selection")},t.createCSSTransform=function(e,t){var r=d(e,t,"px");return s({},(0,a.browserPrefixToKey)("transform",a.default),r)},t.createSVGTransform=function(e,t){return d(e,t,"")},t.getTouch=function(e,t){return e.targetTouches&&(0,o.findInArray)(e.targetTouches,(function(e){return t===e.identifier}))||e.changedTouches&&(0,o.findInArray)(e.changedTouches,(function(e){return t===e.identifier}))},t.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},t.getTranslation=d,t.innerHeight=function(e){var t=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,o.int)(r.paddingTop),t-=(0,o.int)(r.paddingBottom)},t.innerWidth=function(e){var t=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,o.int)(r.paddingLeft),t-=(0,o.int)(r.paddingRight)},t.matchesSelector=f,t.matchesSelectorAndParentsTo=function(e,t,r){var n=e;do{if(f(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},t.offsetXYFromParent=function(e,t,r){var n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-n.left)/r,a=(e.clientY+t.scrollTop-n.top)/r;return{x:o,y:a}},t.outerHeight=function(e){var t=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,o.int)(r.borderTopWidth),t+=(0,o.int)(r.borderBottomWidth)},t.outerWidth=function(e){var t=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,o.int)(r.borderLeftWidth),t+=(0,o.int)(r.borderRightWidth)},t.removeClassName=g,t.removeEvent=function(e,t,r,n){if(!e)return;var o=l({capture:!0},n);e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null},t.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&g(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{var t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(r){}};var o=r(3579),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!==typeof e)return{default:e};var r=i(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var l=a?Object.getOwnPropertyDescriptor(e,u):null;l&&(l.get||l.set)?Object.defineProperty(o,u,l):o[u]=e[u]}o.default=e,r&&r.set(e,o);return o}(r(4580));function i(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(i=function(e){return e?r:t})(e)}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c="";function f(e,t){return c||(c=(0,o.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return(0,o.isFunction)(e[t])}))),!!(0,o.isFunction)(e[c])&&e[c](t)}function d(e,t,r){var n=e.x,o=e.y,a="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){var i="".concat("string"===typeof t.x?t.x:t.x+r),u="".concat("string"===typeof t.y?t.y:t.y+r);a="translate(".concat(i,", ").concat(u,")")+a}return a}function p(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function g(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}},4580:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.browserPrefixToKey=o,t.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},t.default=void 0,t.getPrefix=n;var r=["Moz","Webkit","O","ms"];function n(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"===typeof window)return"";var a=null===(e=window.document)||void 0===e||null===(t=e.documentElement)||void 0===t?void 0:t.style;if(!a)return"";if(n in a)return"";for(var i=0;i<r.length;i++)if(o(n,r[i])in a)return r[i];return""}function o(e,t){return t?"".concat(t).concat(function(e){for(var t="",r=!0,n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):"-"===e[n]?r=!0:t+=e[n];return t}(e)):e}var a=n();t.default=a},7776:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){0}},9873:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},t.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},t.createCoreData=function(e,t,r){var o=e.state,i=!(0,n.isNum)(o.lastX),u=a(e);return i?{node:u,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:u,deltaX:t-o.lastX,deltaY:r-o.lastY,lastX:o.lastX,lastY:o.lastY,x:t,y:r}},t.createDraggableData=function(e,t){var r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}},t.getBoundPosition=function(e,t,r){if(!e.props.bounds)return[t,r];var i=e.props.bounds;i="string"===typeof i?i:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(i);var u=a(e);if("string"===typeof i){var l,s=u.ownerDocument,c=s.defaultView;if(!((l="parent"===i?u.parentNode:s.querySelector(i))instanceof c.HTMLElement))throw new Error('Bounds selector "'+i+'" could not find an element.');var f=l,d=c.getComputedStyle(u),p=c.getComputedStyle(f);i={left:-u.offsetLeft+(0,n.int)(p.paddingLeft)+(0,n.int)(d.marginLeft),top:-u.offsetTop+(0,n.int)(p.paddingTop)+(0,n.int)(d.marginTop),right:(0,o.innerWidth)(f)-(0,o.outerWidth)(u)-u.offsetLeft+(0,n.int)(p.paddingRight)-(0,n.int)(d.marginRight),bottom:(0,o.innerHeight)(f)-(0,o.outerHeight)(u)-u.offsetTop+(0,n.int)(p.paddingBottom)-(0,n.int)(d.marginBottom)}}(0,n.isNum)(i.right)&&(t=Math.min(t,i.right));(0,n.isNum)(i.bottom)&&(r=Math.min(r,i.bottom));(0,n.isNum)(i.left)&&(t=Math.max(t,i.left));(0,n.isNum)(i.top)&&(r=Math.max(r,i.top));return[t,r]},t.getControlPosition=function(e,t,r){var n="number"===typeof t?(0,o.getTouch)(e,t):null;if("number"===typeof t&&!n)return null;var i=a(r),u=r.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,o.offsetXYFromParent)(n||e,u,r.props.scale)},t.snapToGrid=function(e,t,r){var n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]};var n=r(3579),o=r(1407);function a(e){var t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}},3579:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.dontSetMe=function(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))},t.findInArray=function(e,t){for(var r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]},t.int=function(e){return parseInt(e,10)},t.isFunction=function(e){return"function"===typeof e||"[object Function]"===Object.prototype.toString.call(e)},t.isNum=function(e){return"number"===typeof e&&!isNaN(e)}}}]);

package/static/js/530.dfd08c9a.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[530],{5523:function(n,t,e){e.r(t);var o=e(7313),r=e(8675),i=e(6090),a=e(7616),s=(e(6143),e(7244),e(123),e(9302)),c=e(2575),l=e(3271),h=e(9821),d=e(8866),u=e(7753),m=e(9316),f=e(7129),g=e(9854),x=e(9039),j=e(7300),p=e(4920),C=e(6417);const v=(0,c.Z)({key:"whatmore-css-hv"});function w(n,t){var e=[];const o=t;for(let r=0;r<n.length;r+=o){const t=n.slice(r,r+o);e.push(t)}return e}function F(n){var t;const[e,r]=(0,o.useState)(!1),[i,a]=(0,o.useState)(!1),[s]=(0,u.j1)("whatmoreSecondaryColorShade600"),[c]=(0,u.j1)("whatmoreSecondaryColorShade300"),[h]=(0,u.j1)("whatmorePrimaryFont"),d=null!==(t=n.baseFontSize)&&void 0!==t?t:10,f=n.onClick;return(0,C.jsx)(l.xu,{width:"fit-content",height:"fit-content",paddingY:"4px",boxShadow:"lg",borderRadius:"md",backgroundColor:e?c:s,animation:i?m.mT:null,onClick:n=>{n.stopPropagation(),a(!0),f()},sx:{cursor:"pointer"},onMouseEnter:()=>{r(!0)},onMouseLeave:()=>{r(!1)},children:(0,C.jsx)(l.Kq,{direction:"row",width:"fit-content",alignContent:"center",children:(0,C.jsxs)(l.xv,{fontSize:d,fontWeight:"normal",sx:{fontFamily:h+" !important",color:"white !important"},children:["\xa0"," view more ","\xa0"]})})})}function y(n){var t;const[e,i,a]=(0,h.Z)();var[s,c]=(0,o.useState)(0);const d=n.events,u=n.onClick,m=null!==(t=n.seeMoreIncrement)&&void 0!==t?t:1,f=w(d,Math.floor(Math.min(a,d.length)));return(0,C.jsx)(l.M5,{children:(0,C.jsxs)(l.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,C.jsx)(C.Fragment,{children:f.map(((n,t)=>t>s?(0,C.jsx)(C.Fragment,{}):(0,C.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:n.map(((n,t)=>(0,C.jsx)(l.xu,{style:{margin:"10px"},children:(0,j.B6)(n)||(0,j.WJ)(n)?(0,C.jsx)(p.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{u(n)}}):(0,C.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{u(n)}})},"event-"+t)))},"event-stack-"+t)))}),(0,C.jsx)(C.Fragment,{children:s<f.length-1?(0,C.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:(0,C.jsx)(F,{baseFontSize:.1*i,onClick:()=>{s>=f.length-1||c((n=>n+m))}})}):(0,C.jsx)(C.Fragment,{})})]})})}function k(n){var t;const[e,i,a,s]=(0,h.Z)();var[c,d]=(0,o.useState)(0);const u=n.events,m=n.onClick,f=null!==(t=n.seeMoreIncrement)&&void 0!==t?t:1,g=w(u,Math.floor(Math.min(a,u.length)));return(0,C.jsx)(l.M5,{paddingLeft:s+"px",paddingRight:s+"px",children:(0,C.jsxs)(l.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,C.jsx)(C.Fragment,{children:g.map(((n,t)=>t>c?(0,C.jsx)(C.Fragment,{}):(0,C.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:n.map(((n,t)=>(0,C.jsx)(l.xu,{style:{margin:"10px"},children:(0,j.B6)(n)||(0,j.WJ)(n)?(0,C.jsx)(p.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{m(n)}}):(0,C.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{m(n)}})},"event-"+t)))},"event-stack-"+t)))}),(0,C.jsx)(C.Fragment,{children:c<g.length-1?(0,C.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:(0,C.jsx)(F,{baseFontSize:.1*i,onClick:()=>{c>=g.length-1||d((n=>n+f))}})}):(0,C.jsx)(C.Fragment,{})})]})})}t.default=function(n){var t;const[e,r,c]=(0,d.Z)(),[h]=(0,u.j1)("whatmoreShopId"),[m]=(0,u.j1)("whatmorePrimaryColor"),[j]=(0,u.j1)("whatmoreSecondaryColor"),[p]=(0,u.j1)("whatmoreTitleFont"),w="portrait"==e?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:F}=(0,o.useContext)(x.I),S=n.events,M=n.onClick,O=null!==(t=(0,g.aRS)(h))&&void 0!==t?t:p;function b(n){M(n)}return delete a.ZP.styles.global,(0,C.jsx)(s.C,{value:v,children:(0,C.jsx)("div",{children:(0,C.jsx)(i.x,{theme:a.ZP,cssVarsRoot:F,resetCSS:!1,children:(0,C.jsxs)(f.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[n.heading.trim().length>0?(0,C.jsx)(l.M5,{children:(0,C.jsx)(l.xv,{bgColor:m,bgClip:"text",fontSize:w,sx:{fontFamily:O+" !important"},align:"center",children:n.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===e?(0,C.jsx)(k,{events:S,onClick:b,seeMoreIncrement:1}):(0,C.jsx)(y,{events:S,onClick:b,seeMoreIncrement:2})]})})})})}},9316:function(n,t,e){e.d(t,{mT:function(){return l}});var o,r,i,a=e(168),s=e(686);const c=(0,s.F4)(o||(o=(0,a.Z)(["\n    0% { transform: scale(1); }\n    50%, { transform: scale(0.95); }\n    100% { transform: scale(1); }\n"]))),l="\n    ".concat(c," 0.2s linear;\n"),h=(0,s.F4)(r||(r=(0,a.Z)(["\n    100% { \n        -webkit-transform: rotate(360deg); \n        transform:rotate(360deg); \n    }\n"]))),d=("\n    ".concat(h," 0.5s infinite linear;\n"),(0,s.F4)(i||(i=(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(d," ").concat(3,"s ease-in-out;\n")},5945:function(n,t,e){function o(n){return"undefined"==typeof n||"undefined"==n||null==n?"":n.replace(/\w\S*/g,(function(n){return n.charAt(0).toUpperCase()+n.substr(1).toLowerCase()}))}e.d(t,{s:function(){return o}})},6143:function(){}}]);