whatmore-react-assets 1.0.1013 → 1.0.1015

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.1013",
3
+ "version": "1.0.1015",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[818],{3818:function(t,e,n){n.r(e),n.d(e,{EventClickComponentContext:function(){return Ln},default:function(){return Dn}});var i=n(4897),o=n(499),r=n(7313),l=n(2210),a=n(8486),d=n(5160),s=n(3271),c=n(9854),u=n(7753),h=n(7789),p=n(7053),x=n(1896),v=n(6417);var m=function(t){return(0,v.jsx)(x.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback,event:t.event})},g=n(5098),f=n(3437),w=n(3455),j=n(6422);var y,C,b,S,I=function(t){const[e,n]=(0,j.Z)(),[i,o,r,l]=(0,h.Z)(),a=.08*l;function d(){n(!e)}return(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{cursor:"pointer",children:e?(0,v.jsx)(w.Z,{sx:{color:"white",fontSize:a,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{d()}}):(0,v.jsx)(f.Z,{sx:{color:"white",fontSize:a,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{d()}})})})},k=n(168),_=n(8449),F=n(686);const T=(0,F.F4)(y||(y=(0,k.Z)(["\n 0%,10%,15% {\n opacity: 0; \n }\n 25%{\n opacity: 0.25;\n transform: translateY(-25%);\n }\n 50%{\n opacity: 0.5;\n transform: translateY(0%);\n }\n 75% {\n opacity: 0.75;\n transform: translateY(-8%)\n }\n 100%{\n opacity: 1;\n transform: translateY(0%)\n }\n"]))),E="".concat(T," 0.5s linear"),P=(0,F.F4)(C||(C=(0,k.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"]))),z="\n ".concat(P," 1.5s linear;\n"),O=(0,F.F4)(b||(b=(0,k.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(O," 10s linear infinite;\n"),(0,F.F4)(S||(S=(0,k.Z)(["\n 0% { transform: scale(1); }\n 10% { transform: scale(1.2); }\n 20% { transform: scale(1); }\n"]))));"\n ".concat(L," 5s ease-in-out infinite;\n");var D,R=n(4937);const M=(0,F.F4)(D||(D=(0,k.Z)(["\n 0% { \n opacity: 0;\n }\n 10%{\n opacity: 0.5;\n }\n 20%{\n opacity: 1;\n }\n \n"]))),A="\n ".concat(M," ").concat(3,"s ease-in-out;\n");function K(t){const[e,n,i,o]=(0,h.Z)(),[l]=(0,u.j1)("whatmoreSecondaryColor"),[a,d]=(0,r.useState)(0),[p]=(0,u.j1)("whatmoreShopId"),x=t.event,m=t.onClick,f=x.products.length;t.isFirstProductsIconClickDone;(0,r.useEffect)((()=>{const t=setInterval((()=>{d((t=>(t+1)%f))}),3e3);return()=>{clearInterval(t)}}),[]);const w=.24,j=.024;var y=o*w+"px",C=o*w+"px",b=o*j*1.5+"px",S=o*j+"px",I=o*j*1.5+"px";if(void 0==x.products||0==x.products.length)return(0,v.jsx)(v.Fragment,{});var k=x.products;return(0,v.jsx)(s.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",height:"fit-content",width:"fit-content",borderRadius:"lg",children:(0,v.jsxs)(s.xu,{margin:"10px",width:y,height:C,boxShadow:"dark-lg",borderColor:"white",borderWidth:"2px",borderRadius:"lg",overflow:"visible",backgroundColor:"gray.100",animation:E,onClick:()=>m(),children:[(0,v.jsx)(g.Ee,{width:"100%",height:"100%",src:k[a].thumbnail_image,objectFit:"cover",sx:{objectFit:(0,c.yOX)(p)+" !important"},borderRadius:"lg",animation:A},a),(0,v.jsx)(s.xu,{width:"100%",height:"100%",style:{position:"relative",zIndex:2,bottom:"100%"},className:"whatmore-ios-css-relative-fix",borderRadius:"lg",children:(0,v.jsx)(s.Kq,{direction:"column",width:"100%",height:"100%",justifyContent:"flex-end",children:(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"flex-start",alignContent:"center",backgroundColor:l,borderRadius:"lg",marginX:"5px",marginY:"5px",paddingX:"2px",paddingY:"2px",children:[(0,v.jsxs)(s.xv,{noOfLines:1,fontSize:S,fontFamily:"sans-serif",fontWeight:"semibold",textAlign:"center",lineHeight:"100%",sx:{color:"white !important"},children:["\xa0","Shop Now","\xa0"]}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(R.Z,{sx:{color:"white",fontSize:I}})})]})})})}),(0,v.jsx)(s.Kq,{direction:"row",height:"fit-content",width:y,justifyContent:"flex-end",style:{position:"relative",zIndex:3,bottom:"210%",left:"5%"},className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.Ct,{fontSize:b,variant:"subtle",textColor:l,bgColor:"gray.100",borderRadius:"md",boxShadow:"dark-lg",children:f>1?f:""})})]})})}var W,q,N=function(t){const[e,n]=(0,u.j1)("isProductSwiperCatalogOpen"),[i,o,l,a]=(0,h.Z)(),[d,c]=(0,r.useState)(!1),p=t.onToggle,x=t.event,m=.07*a,g=.15*l,f=.05*a;return(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.bK,{style:{marginTop:"10px"},children:e?(0,v.jsx)(_.Z,{sx:{color:"white",fontSize:m,filter:"drop-shadow(0 0 5px black);",position:"absolute",bottom:g,right:f,zIndex:10},onClick:()=>{p("minimize-button")}}):(0,v.jsx)(K,{event:x,onClick:()=>{p("products-button"),c(!0)},isFirstProductsIconClickDone:d})})})},H=n(2634),Z=n(6159),V=n(6336),U=n(5428),B=n(8022);var Y=function(t){var e,n;const[i,o,l,a]=(0,h.Z)(),[d,c]=(0,r.useState)(!0),{slideDirection:p}=(0,r.useContext)(Ln),x=((0,u.MO)("whatmoreShopId"),null!==(e=t.showForSeconds)&&void 0!==e?e:3),m=null!==(n=t.delayInSeconds)&&void 0!==n?n:1;t.swipeUp,(0,r.useEffect)((()=>{const t=setTimeout((()=>{c(!1)}),1e3*x);return()=>{clearTimeout(t)}}),[]);const g=.15*a,f=.07*a,w=(0,F.F4)(W||(W=(0,k.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 "]))),j="".concat(w," infinite 1.5s linear"),y=(0,F.F4)(q||(q=(0,k.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(y," infinite 1.5s linear");return(0,v.jsx)(V.MT,{unmountOnExit:!0,initialScale:.2,in:d,reverse:!0,delay:m,children:(0,v.jsx)(s.xu,{width:"100%",height:"fit-content",paddingTop:100,borderRadius:"3xl",children:(0,v.jsxs)(s.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"flex-end",children:[(0,v.jsx)(s.M5,{animation:"vertical"===p?j:C,children:"vertical"===p?(0,v.jsx)(U.Z,{sx:{color:"white !important",fontSize:g,filter:"drop-shadow(0 0 20px black);"}}):(0,v.jsx)(B.Z,{sx:{color:"white !important",fontSize:g,filter:"drop-shadow(0 0 20px black);"}})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xv,{textShadow:"dark-lg",fontSize:f+"px",fontWeight:"semibold",sx:{color:"white !important",textShadow:"0px 0px 20px black !important;"},children:"swipe for more"})})]})})})};var X=function(t){const[e,n]=(0,u.j1)("isFirstIndicatorRenderDone"),[i]=(0,u.j1)("indicatorRenderSeconds"),o=i,l=t.swipeUp;return(0,r.useEffect)((()=>{const t=setTimeout((()=>{n(!0)}),3e3+1e3*o);return()=>{clearTimeout(t)}}),[]),e?null:(0,v.jsx)(Y,{showForSeconds:.8*o,delayInSeconds:3,swipeUp:l})},G=n(5180),Q=n(9316),J=n(5254);const $="15px";var tt=n(4522),et=n(778),nt=n(8811);var it=function(t){const[e]=(0,u.j1)("isInDesignMode"),[n]=(0,u.j1)("isDemoBrand"),[i]=(0,u.j1)("whatmoreSecondaryColor"),[o]=(0,u.j1)("whatmorePrimaryFont"),[l]=(0,u.j1)("whatmoreShopId"),[a,p,x,m]=(0,h.Z)(),[g,f]=(0,r.useState)(!1),w=t.product,j=t.event,{whatmoreWidgetSourceDetails:y}=(0,r.useContext)(nt.I),C=.1*x,b=.95*m,S=.05*m;return(0,v.jsx)(s.Kq,{direction:"row",height:C,justifyContent:"center",aligntItems:"center",alignContent:"center",bgGradient:"linear(to-b, transparent, blackAlpha.400, blackAlpha.600)",children:(0,v.jsx)(s.Kq,{direction:"column",width:"fit-content",height:C,justifyContent:"center",aligntItems:"center",alignContent:"center",children:(0,v.jsx)(s.xu,{width:b+"px",height:"fit-content",padding:"6px",marginTop:$,backgroundColor:i,borderRadius:"5px",animation:g?Q.mT:null,onAnimationEnd:()=>{f(!1)},marginBottom:(0,c.pq5)(l),onClick:()=>{f(!0),function(t,i){e||n||(async()=>{(0,d.wz)(t,i),(0,tt.GF)({userInteractionType:et.K.PRODUCT_TILE_SHOPNOW_CLICKED,widgetSourceDetails:y,event:t,productList:[i],ctaList:t.cta})})()}(j,w),window.location.href=function(t){return(0,c.lj5)(l)?t.product_link+"?"+(0,c.awP)(l)+"&"+(0,c.n9s)(l)+"&"+(0,c.vaK)(l):t.product_link}(w)},_hover:{backgroundColor:(0,J.lA)(i,8)},cursor:"pointer",children:(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:1.2*S+"px",fontWeight:"medium",lineHeight:"120%",sx:{fontFamily:o+" !important",color:"white !important"},children:(0,c.Pvx)(l)})})})})})},ot=n(7009),rt=n(5945),lt=n(5456),at=n(6984),dt=n(6227),st=n(7329),ct=(n(9111),n(9748));const ut={en:{add_to_cart:"ADD TO CART",buy_now:"BUY NOW",more_info:"MORE INFO",size:"Size",color:"Color",description:"Description",like:"Like",share:"Share",talk_to_us:"Talk to Us",done:"Done",cancel:"Cancel",view_product:"View Product",go_to_cart:"Go to Cart"},ar:{add_to_cart:"\u0623\u0636\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629",buy_now:"\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646",more_info:"\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a",size:"\u0627\u0644\u062d\u062c\u0645",color:"\u0627\u0644\u0644\u0648\u0646",description:"\u0627\u0644\u0648\u0635\u0641",like:"\u0623\u0639\u062c\u0628\u0646\u064a",share:"\u0645\u0634\u0627\u0631\u0643\u0629",talk_to_us:"\u062a\u062d\u062f\u062b \u0625\u0644\u064a\u0646\u0627",done:"\u062a\u0645",cancel:"\u0625\u0644\u063a\u0627\u0621",view_product:"\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c",go_to_cart:"\u0627\u0630\u0647\u0628 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629",watch_and_buy:"\u0634\u0627\u0647\u062f \u0648\u0627\u0634\u062a\u0631\u064a"},da:{add_to_cart:"In den Warenkorb",buy_now:"Jetzt kaufen",more_info:"Mehr Infos",size:"Gr\xf6\xdfe",color:"Farbe",description:"Beschreibung",like:"Gef\xe4llt mir",share:"Teilen",talk_to_us:"Sprechen Sie mit uns",done:"Fertig",cancel:"Abbrechen",view_product:"Produkt ansehen",go_to_cart:"Zum Warenkorb",watch_and_buy:"Ansehen und kaufen"},de:{add_to_cart:"In den Warenkorb",buy_now:"Jetzt kaufen",more_info:"Mehr Infos",size:"Gr\xf6\xdfe",color:"Farbe",description:"Beschreibung",like:"Gef\xe4llt mir",share:"Teilen",talk_to_us:"Sprechen Sie mit uns",done:"Fertig",cancel:"Abbrechen",view_product:"Produkt ansehen",go_to_cart:"Zum Warenkorb",watch_and_buy:"Ansehen und kaufen"},es:{add_to_cart:"A\xf1adir al carrito",buy_now:"Comprar ahora",more_info:"M\xe1s informaci\xf3n",size:"Tama\xf1o",color:"Color",description:"Descripci\xf3n",like:"Me gusta",share:"Compartir",talk_to_us:"Habla con nosotros",done:"Hecho",cancel:"Cancelar",view_product:"Ver producto",go_to_cart:"Ir al carrito",watch_and_buy:"Ver y comprar"},fr:{add_to_cart:"Ajouter au panier",buy_now:"Acheter maintenant",more_info:"Plus d'infos",size:"Taille",color:"Couleur",description:"Description",like:"J'aime",share:"Partager",talk_to_us:"Parlez-nous",done:"Valider",cancel:"Annuler",view_product:"Voir le produit",go_to_cart:"Aller au panier",watch_and_buy:"Regarder et acheter"},ja:{add_to_cart:"\u30ab\u30fc\u30c8\u306b\u8ffd\u52a0",buy_now:"\u4eca\u3059\u3050\u8cfc\u5165",more_info:"\u8a73\u7d30\u60c5\u5831",size:"\u30b5\u30a4\u30ba",color:"\u8272",description:"\u8aac\u660e",like:"\u3044\u3044\u306d",share:"\u5171\u6709",talk_to_us:"\u304a\u554f\u3044\u5408\u308f\u305b",done:"\u5b8c\u4e86",cancel:"\u30ad\u30e3\u30f3\u30bb\u30eb",view_product:"\u5546\u54c1\u3092\u898b\u308b",go_to_cart:"\u30ab\u30fc\u30c8\u306b\u9032\u3080",watch_and_buy:"\u8996\u8074\u3057\u3066\u8cfc\u5165"},nl:{add_to_cart:"Aan winkelwagentje toevoegen",buy_now:"Nu kopen",more_info:"Meer informatie",size:"Maat",color:"Kleur",description:"Beschrijving",like:"Vind ik leuk",share:"Delen",talk_to_us:"Praat met ons",done:"Klaar",cancel:"Annuleren",view_product:"Bekijk product",go_to_cart:"Ga naar winkelwagentje",watch_and_buy:"Kijk en koop"},pt:{add_to_cart:"Adicionar ao carrinho",buy_now:"Comprar agora",more_info:"Mais informa\xe7\xf5es",size:"Tamanho",color:"Cor",description:"Descri\xe7\xe3o",like:"Curtir",share:"Compartilhar",talk_to_us:"Fale conosco",done:"Conclu\xeddo",cancel:"Cancelar",view_product:"Ver produto",go_to_cart:"Ir para o carrinho",watch_and_buy:"Assistir e comprar"},zh:{add_to_cart:"\u52a0\u5165\u8d2d\u7269\u8f66",buy_now:"\u7acb\u5373\u8d2d\u4e70",more_info:"\u66f4\u591a\u4fe1\u606f",size:"\u5c3a\u5bf8",color:"\u989c\u8272",description:"\u63cf\u8ff0",like:"\u559c\u6b22",share:"\u5206\u4eab",talk_to_us:"\u8054\u7cfb\u6211\u4eec",done:"\u5b8c\u6210",cancel:"\u53d6\u6d88",view_product:"\u67e5\u770b\u5546\u54c1",go_to_cart:"\u524d\u5f80\u8d2d\u7269\u8f66",watch_and_buy:"\u89c2\u770b\u5e76\u8d2d\u4e70"}};function ht(t){var e,n,i;const[o]=(0,u.j1)("whatmoreSecondaryColor"),[l]=(0,u.j1)("whatmorePrimaryFont"),[a]=(0,u.j1)("whatmoreShopId"),[d,h]=(0,r.useState)(!1),p=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),x=t.onClick,m=t.width,g=t.height,f=t.title,w=t.showInProgressIcon;return(0,v.jsxs)(s.xu,{display:"flex",width:m,height:g,padding:"2x",boxShadow:"lg",animation:d?Q.mT:null,onAnimationEnd:()=>{h(!1)},cursor:"pointer",children:["awaitingVariantSelection"==t.cartState&&(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",backgroundColor:"white",onClick:e=>{e.stopPropagation(),t.updateCartState("init"),h(!0)},children:(0,v.jsxs)(s.xv,{lineHeight:"100%",fontSize:1.4*p+"px !important",fontWeight:"semibold !important",sx:{fontFamily:l+" !important",color:"#343434 !important"},children:["\xa0",null!==(n=null===ut||void 0===ut||null===(i=ut[null===t||void 0===t?void 0:t.websiteLanguage])||void 0===i?void 0:i.cancel)&&void 0!==n?n:"Cancel","\xa0"]})}),(0,v.jsxs)(s.Kq,{direction:"row",backgroundColor:w?(0,J.lA)(o,8):o,width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",onClick:t=>{t.stopPropagation(),x(),h(!0)},children:[(0,v.jsxs)(s.xv,{lineHeight:"100%",fontSize:1.4*p+"px !important",fontWeight:"semibold !important",sx:{fontFamily:l+" !important",color:(0,c.KCy)(a)+" !important"},children:["\xa0",f,"\xa0"]}),w?(0,v.jsx)("div",{className:"whatmore-rotate-indefinitely",children:(0,v.jsx)(st.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"#F5F5F5",fontSize:2.5*p+"px"}})}):(0,v.jsx)(v.Fragment,{})]})]})}function pt(t){var e,n,i;const[o]=(0,u.j1)("whatmoreSecondaryColor"),[l]=(0,u.j1)("whatmorePrimaryFont"),[a]=(0,u.j1)("whatmoreShopId"),[d,h]=(0,r.useState)(!1),p=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),x=t.onClick,m=t.width,g=t.height;return(0,v.jsx)(s.xu,{width:m,height:g,padding:"2x",boxShadow:"lg",backgroundColor:"#000000"==(0,c.hmr)(a)?o:(0,c.hmr)(a),onClick:t=>{t.stopPropagation(),x(),h(!0)},animation:d?Q.mT:null,onAnimationEnd:()=>{h(!1)},cursor:"pointer",children:(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"5px",children:(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xv,{lineHeight:"100%",fontSize:1.4*p+"px !important",fontWeight:"semibold !important",sx:{fontFamily:l+" !important",color:(0,c.KCy)(a)+" !important"},children:["\xa0","ADD TO CART"!=(0,c.tan)(a)?(0,c.tan)(a):null!==(n=null===ut||void 0===ut||null===(i=ut[null===t||void 0===t?void 0:t.websiteLanguage])||void 0===i?void 0:i.add_to_cart)&&void 0!==n?n:(0,c.tan)(a),"\xa0"]})})})})}function xt(t){var e;const[n]=(0,u.j1)("whatmorePrimaryFont"),[i]=(0,u.j1)("whatmoreShopId"),o=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),r=t.width,l=t.height;return(0,v.jsx)(s.xu,{width:r,height:l,padding:"2x",boxShadow:"lg",backgroundColor:"white",borderColor:"gray",borderWidth:"1px",onClick:t=>{t.stopPropagation()},children:(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"5px",justifyContent:"center",children:(0,v.jsxs)(s.xv,{color:"gray",lineHeight:"100%",fontSize:1.3*o+"px !important",fontWeight:"semibold !important",sx:{fontFamily:n+" !important",color:"gray !important"},children:["\xa0"," Sold Out ","\xa0"]})})})}function vt(t){var e;const[n]=(0,u.j1)("whatmoreSecondaryColor"),[i]=(0,u.j1)("whatmorePrimaryFont"),[o]=(0,u.j1)("whatmoreShopId"),r=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),l=t.onClick,a=t.cartCount,d=t.width,c=t.height,h=t.onCartIconClick;return(0,v.jsx)(s.xu,{width:d,height:c,padding:"2x",boxShadow:"lg",backgroundColor:"white",borderColor:n,borderWidth:"1px",onClick:t=>{t.stopPropagation()},cursor:"pointer",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"5px",justifyContent:"center",children:[(0,v.jsx)(s.M5,{paddingX:"5px",onClick:()=>{h()},children:"1972174947"!=o&&"55194878152"!=o&&"12181504100"!=o?(0,v.jsx)(dt.Z,{sx:{color:n,fontSize:1.6*r}}):(0,v.jsx)(ct.zx,{size:"sm",_hover:{bg:n},sx:{bg:n},children:(0,v.jsx)(s.xv,{paddingX:"6px",color:"white",sx:{fontSize:.85*r},children:"GO TO CART"})})}),(0,v.jsx)(s.xv,{color:n,fontSize:1.3*r+"px !important",fontWeight:"semibold !important",sx:{fontFamily:i+" !important"},children:a}),(0,v.jsx)(s.M5,{paddingX:"5px",onClick:t=>{t.stopPropagation(),l()},children:(0,v.jsx)(at.Z,{sx:{color:n,fontSize:1.6*r}})})]})})}var mt=function(t){var e,n,i,o,r,l;const[a]=(0,u.j1)("whatmoreShopId"),[d]=(0,u.j1)("websiteLanguage"),s=t.event,c=t.product,h=null!==(e=t.baseFontSize)&&void 0!==e?e:10,p=null===(n=t.showAddedToCart)||void 0===n||n,x=t.cartState,m=t.cartCount,g=t.onClickAtc,f=t.onCartIconClick;function w(){g()}const j=null!==(i=t.width)&&void 0!==i?i:"100%",y=null!==(o=t.height)&&void 0!==o?o:"100%";return"errored"==x?(0,v.jsx)(V.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:y,width:j},children:(0,v.jsx)(xt,{event:s,product:c,baseFontSize:h,width:j,height:y})}):"init"==x?0==m?(0,v.jsx)(pt,{onClick:w,event:s,product:c,baseFontSize:h,width:j,height:y,websiteLanguage:d}):p?(0,v.jsx)(V.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:y,width:j},children:(0,v.jsx)(vt,{onClick:w,event:s,product:c,baseFontSize:h,cartCount:m,width:j,height:y,onCartIconClick:f})}):(0,v.jsx)(pt,{onClick:w,event:s,product:c,baseFontSize:h,width:j,height:y,websiteLanguage:d}):(0,v.jsx)(ht,{onClick:w,cartState:x,updateCartState:t.updateCartState,event:s,product:c,baseFontSize:h,width:j,height:y,title:"awaitingVariantSelection"==x?null!==(r=null===ut||void 0===ut||null===(l=ut[d])||void 0===l?void 0:l.done)&&void 0!==r?r:"Done":"",showInProgressIcon:"atcApiCallInProgress"==x||"productVariantDetailsApiCallInProgress"==x,websiteLanguage:d})},gt=n(6967),ft=n(6230),wt=n(4844);const jt=(0,u.MO)("isInDesignMode"),yt=(0,u.MO)("isDemoBrand");async function Ct(t,e,n,i,o,r,l,a,d){return"shopify"==n?(0,wt.wW)(t,e,i,l,a,d):(jt||yt||(async()=>{(0,gt.FF)(o,r)})(),(0,ft.jg)(t,e,i))}function bt(t,e){return"shopify"==t?(0,wt.JL)(e):(0,ft.TE)(e)}var St=n(513);var It=function(t,e,n){const[i]=(0,u.j1)("whatmoreShopId"),[o]=(0,u.j1)("isInDesignMode"),[l]=(0,u.j1)("isDemoBrand"),[a,s]=(0,r.useState)(null),h=(0,r.useRef)(null),{closeClickComponent:x}=(0,r.useContext)(Ln),{whatmoreUserInfo:v}=(0,r.useContext)(nt.I),[m,g]=(0,r.useState)({state:"init",cart_count:t});function f(t,e){g({state:t,cart_count:null!==e&&void 0!==e?e:m.cart_count}),"init"!=t&&"errored"!=t?(0,u.bU)("whatmoreAllowAutoSlide",!1):(0,u.bU)("whatmoreAllowAutoSlide",!0)}function w(t){if(0==t.length)return null;const e=t.filter((t=>t.available));return 0==e.length?null:e[0].option}function j(t,r){const a=function(t){const e=h.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(!a)return void f("init",m.cart_count);f("atcApiCallInProgress",null);Ct(a,1,(0,c.Ipo)(i),i,n,e,r,null===n||void 0===n?void 0:n.location,null===v||void 0===v?void 0:v.userType).then((t=>{if(!t.ok)throw new Error(t.status);return t.json()})).then((t=>(function(t,e,n){o||l||(async()=>{(0,d.JX)(t,e,n)})()}(n,e,1),f("init",m.cart_count+1),(0,u.bU)("whatmoreAddedToCart",!0),"72550089015"==i&&(0,u.MO)("whatmoreAddedToCart")&&(0,St.D)(i,(()=>{}),100,window.location.hostname),(0,c.IKD)(i)&&setTimeout((()=>function(){const t=window.location.origin+"/cart";window.location.href=t}()),500),t))).catch((t=>{f("errored",null),console.error("Error while adding to cart:",t)}))}return[m,f,a,function(t){f("productVariantDetailsApiCallInProgress",null),(0,p.p)(e,(0,c.Ipo)(i),i).then((e=>{h.current=e.variants;const n=function(t){var e=[],n=[],i=[];return t.variants.forEach((o=>{var r,l,a;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===(l=o.available)||void 0===l||l,type:t.options[1].name}),o.option3&&i.push({option:o.option3,available:null===(a=o.available)||void 0===a||a,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]}(e);s(n),!function(t){return t[0].length<=1&&t[1].length<=1&&t[2].length<=1}(n)?f("awaitingVariantSelection",null):!function(){if(h.current&&h.current.length>=1)return h.current.filter((t=>t.available)).length>=1;return!1}()?f("errored",null):j([w(n[0]),w(n[1]),w(n[2])],t)})).catch((t=>{f("errored",null)}))},j,function(t){var e,n;const o=h.current.filter((e=>e.option1==t[0]&&e.option2==t[1]&&e.option3==t[2]));if(0==o.length)return null;const r=null!==(e=o[0].price)&&void 0!==e?e:0,l=null!==(n=o[0].compare_at_price)&&void 0!==n?n:0;return{price:((0,c.Ipo)(i),r),compare_price:((0,c.Ipo)(i),l)}},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():bt((0,c.Ipo)(i),i))}]},kt=n(9363);var _t=function(t){var e,n,i,o;const l=t.productVariantOptions,a=null!==(e=t.width)&&void 0!==e?e:"100%",d=null!==(n=t.height)&&void 0!==n?n:"fit-content",c=null!==(i=t.baseFontSize)&&void 0!==i?i:10,h=t.onOptionSelected,p=null!==(o=t.optionTitleColor)&&void 0!==o?o:"black",x=t.data,[m]=(0,u.j1)("whatmorePrimaryFont");function f(t){if(0==t.length)return null;const e=t.filter((t=>t.available));return 0==e.length?null:e[0].option}const[w,j]=(0,r.useState)([f(l[0]),f(l[1]),f(l[2])]);return(0,r.useEffect)((()=>{h(w)}),[w]),(0,v.jsx)(s.Kq,{direction:"column",width:a,height:d,justifyContent:"flex-start",alignItems:"center",spacing:"2px",paddingY:"2px",children:l.map(((e,n)=>{if(0==e.length)return;const i=e.every((e=>{var n,i,o,r,l,a;return(null===t||void 0===t||null===(n=t.finalArr)||void 0===n||null===(i=n.finalArr)||void 0===i||null===(o=i.find((t=>(null===t||void 0===t?void 0:t.color)===(null===e||void 0===e?void 0:e.option))))||void 0===o?void 0:o.src)||(null===t||void 0===t||null===(r=t.finalArr)||void 0===r||null===(l=r.finalArrExternal)||void 0===l||null===(a=l.find((t=>(null===t||void 0===t?void 0:t.color)===(null===e||void 0===e?void 0:e.option))))||void 0===a?void 0:a.optionsrc)}));return(0,v.jsxs)(s.Kq,{width:"100%",direction:"column",alignItems:"center",justifyContent:"flex-start",paddingY:"2px",children:[(0,v.jsx)(s.M5,{width:"100%",children:(0,v.jsx)(s.iz,{color:"blackAlpha.500",size:"1px",width:"20%"})}),(0,v.jsxs)(s.xv,{as:"b",fontSize:1.2*c+"px",sx:{color:p+" !important",fontFamily:m+" !important"},align:"center",marginY:"2px",children:["\xa0",e[0].type,"\xa0"]}),(0,v.jsx)(s.kC,{gap:"6px",wrap:"wrap",justify:"center",paddingY:"2px",children:e.map(((e,o)=>{var r,l,a,d,u,h,p,f;return(0==n||(null===x||void 0===x||null===(r=x.variants)||void 0===r?void 0:r.find((t=>t["option".concat(n)]==(null===w||void 0===w?void 0:w[n-1])&&t["option".concat(n+1)]==(null===e||void 0===e?void 0:e.option)))))&&(0,v.jsxs)(s.xu,{onClick:t=>{t.stopPropagation(),e.available&&function(t,e){if(2==e)j([w[0],w[1],t]);else if(1==e){var n,i;j([w[0],t,null===x||void 0===x||null===(n=x.variants)||void 0===n||null===(i=n.find((e=>(null===e||void 0===e?void 0:e.option2)==t)))||void 0===i?void 0:i.option3])}else{var o,r,l,a,d,s;const e=null===x||void 0===x||null===(o=x.variants)||void 0===o||null===(r=o.find((e=>(null===e||void 0===e?void 0:e.option1)==t)))||void 0===r?void 0:r.option2;j([t,null===x||void 0===x||null===(l=x.variants)||void 0===l||null===(a=l.find((e=>(null===e||void 0===e?void 0:e.option1)==t)))||void 0===a?void 0:a.option2,null===x||void 0===x||null===(d=x.variants)||void 0===d||null===(s=d.find((t=>(null===t||void 0===t?void 0:t.option2)==e)))||void 0===s?void 0:s.option3])}}(e.option,n)},backgroundColor:e.option===w[n]?"rgba(0, 0, 0, 0.7)":"white",border:e.option===w[n]?"1px solid #ffffff":"1px solid black",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:e.option===w[n]?"0 0 8px rgba(0, 0, 0, 0.8)":"none",marginY:"2px",width:"fit-content",padding:i?"0px":"8px",borderRadius:i?"50%":"0",children:[!i&&(0,v.jsxs)(s.xv,{as:e.available?"samp":"s",fontSize:.8*c+"px",sx:{color:e.option===w[n]?"white":(e.available?"black":"gray")+" !important",fontFamily:m+" !important"},align:"center",paddingX:(y=e.option,y.length>=3?"0px":.5*c+"px"),children:["\xa0",e.option,"\xa0"]}),i&&(0,v.jsx)(g.Ee,{width:"58px",height:"58px",style:{cursor:null!==e&&void 0!==e&&e.available?"pointer":"not-allowed",opacity:null!==e&&void 0!==e&&e.available?1:.5,filter:null!==e&&void 0!==e&&e.available?"none":"grayscale(100%)",borderRadius:i?"50%":"100%"},src:(0,kt.s)(null!==(l=null===t||void 0===t||null===(a=t.finalArr)||void 0===a||null===(d=a.finalArr)||void 0===d||null===(u=d.find((t=>(null===t||void 0===t?void 0:t.color)==(null===e||void 0===e?void 0:e.option))))||void 0===u?void 0:u.src)&&void 0!==l?l:null===t||void 0===t||null===(h=t.finalArr)||void 0===h||null===(p=h.finalArrExternal)||void 0===p||null===(f=p.find((t=>(null===t||void 0===t?void 0:t.color)==(null===e||void 0===e?void 0:e.option))))||void 0===f?void 0:f.optionsrc,"?width=400&height=400")})]});var y}))},n)]},n)}))})},Ft=n(9219),Tt=n(6524);var Et=function(t){var e,n,i,o,l,a;const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[f]=(0,u.j1)("whatmoreSecondaryColor"),w=(0,u.MO)("whatmoreSecondaryColorShade900"),[j]=(0,u.j1)("whatmorePrimaryFont"),[y]=(0,u.j1)("whatmoreShopId"),[C,b,S,I]=(0,h.Z)(),[k,_]=(0,r.useState)(!1),[F,T]=(0,r.useState)(t.product),{whatmoreUITheme:E}=(0,r.useContext)(nt.I),{whatmoreWidgetSourceDetails:P}=(0,r.useContext)(nt.I),[z,O,L,D,R,M,A]=It(0,F,t.event),[K,W]=(0,r.useState)(null),[q,N]=(0,r.useState)(parseFloat(F.price)),[H,Z]=(0,r.useState)(parseFloat(F.compare_price)),[U,B]=(0,r.useState)(F.currency),[Y,X]=(0,r.useState)(null),G=t.event,it=t.productClickHandler,{whatmoreIsPreviewMode:at}=(0,r.useContext)(nt.I),[dt,st]=(0,r.useState)(null),[ut,ht]=(0,r.useState)(!1);(0,r.useEffect)((()=>{(0,c.N8M)(y)&&(0,Ft.Rb)(F,(0,c.Ipo)(y),y).then((t=>{T(t),N(parseFloat(t.price)),Z(parseFloat(t.compare_price)),B(t.currency),ht(!0)}));(async()=>{const t=await(0,p.p)(F,(0,c.Ipo)(y),y);X(t),N(null===t||void 0===t?void 0:t.price),Z(null===t||void 0===t?void 0:t.compare_at_price),ht(!0)})()}),[]),(0,r.useEffect)((()=>{var t,e;const n=null!=Y?null===Y||void 0===Y||null===(t=Y.options)||void 0===t?void 0:t.findIndex((t=>{var e;return"Colour"==(null===t||void 0===t?void 0:t.name)||(null===t||void 0===t||null===(e=t.name)||void 0===e?void 0:e.toLowerCase().includes("color"))})):-1,i=-1!==n?null===Y||void 0===Y||null===(e=Y.variants)||void 0===e?void 0:e.map((t=>{var e,i;const o=null===t||void 0===t?void 0:t["option".concat(n+1)];return null!==t&&void 0!==t&&null!==(e=t.featured_image)&&void 0!==e&&e.src?{color:o,src:null===t||void 0===t||null===(i=t.featured_image)||void 0===i?void 0:i.src}:null})):[];let o=[];var r;-1!==n&&(o=null===Y||void 0===Y||null===(r=Y.images)||void 0===r?void 0:r.map((t=>({color:t.color,src:t.src,optionsrc:t.optionsrc}))));st({position:n,finalArr:i,finalArrExternal:o})}),[Y]);var pt=.68*I,xt=.55*pt,vt=.4*pt,gt=pt*(.55-.4),ft=pt+"px",wt=vt+"px",jt=gt+"px",yt=.12*vt;const Ct=(0,c.ITD)(y);function bt(){window.location.href=function(t){return(0,c.lj5)(y)?t.product_link+"?"+(0,c.awP)(y)+"&"+(0,c.n9s)(y)+"&"+(0,c.vaK)(y):t.product_link}(F)}const St=P.landingLocationType,Et=P.templateType,Pt=(0,Tt.NY)(St)+(0,Tt.dS)(Et)+"_"+(null===G||void 0===G?void 0:G.event_id);return(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",marginTop:$,marginBottom:(0,c.pq5)(y),width:ft,height:"fit-content",boxShadow:"round"==E?"dark-lg":null,onClick:()=>{!function(t,e){x||m||(async()=>{(0,d.wz)(t,e)})(),"72550089015"==y?bt():it(e),_(!0)}(G,F)},backgroundColor:(0,J.lA)("#ffffff",(0,c.U5_)(y)),animation:k?Q.mT:null,borderRadius:"round"==E?"xl":null,overflow:"hidden",onAnimationEnd:()=>{_(!1)},spacing:0,sx:{borderWidth:(0,c.alU)(y),borderColor:(0,c.qPe)(y)},children:[(0,v.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-start",alignContent:"center",cursor:"pointer",children:[(0,v.jsx)(s.xu,{height:wt,width:wt,bgColor:w,children:(0,v.jsx)(g.Ee,{width:wt,height:wt,src:(0,kt.s)(null!==(e=null!==(n=null===dt||void 0===dt||null===(i=dt.finalArr)||void 0===i||null===(o=i.find((t=>(null===t||void 0===t?void 0:t.color)==(null===K||void 0===K?void 0:K[null===dt||void 0===dt?void 0:dt.position]))))||void 0===o?void 0:o.src)&&void 0!==n?n:null===dt||void 0===dt||null===(l=dt.finalArrExternal)||void 0===l||null===(a=l.find((t=>(null===t||void 0===t?void 0:t.color)==(null===K||void 0===K?void 0:K[null===dt||void 0===dt?void 0:dt.position]))))||void 0===a?void 0:a.src)&&void 0!==e?e:F.thumbnail_image,"&width=400&height=400"),sx:{objectFit:(0,c.yOX)(y)+" !important"}})}),(0,v.jsxs)(s.xu,{height:wt,width:pt-vt+"px",children:[(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:(0,c.Fr)(y)?"flex-end":"center",alignContent:"center",width:"fit-content",height:"100%",paddingX:"4px",paddingY:"10px",children:[(0,v.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",1.1*yt+"px","important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",j,"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,rt.s)(null==F.title?"":F.title.toString())}),(0,c.QaY)(y)?(0,v.jsxs)(s.Kq,{direction:(0,c.$zZ)(y)?"row":"row-reverse",width:"fit-content",height:"fit-content",justifyContent:"flex-start",alignContent:"center",borderRadius:"round"==E?"lg":null,backgroundColor:"white",paddingX:"8px",paddingY:"4px",sx:{margin:"0px !important",marginBottom:"4px !important"},children:[ut&&(0,v.jsxs)(s.xv,{noOfLines:1,fontSize:.9*yt*(0,c.Rqt)(y)+"px !important",fontWeight:"semibold !important",lineHeight:"100%",textAlign:"center",sx:{fontFamily:j+" !important",color:(0,c.Uyp)(y)+" !important",padding:"0px !important",letterSpacing:"normal !important",margin:"0px !important"},children:["\xa0"," "+(0,Ft.jx)(null!==q&&void 0!==q?q:null===F||void 0===F?void 0:F.price,"",y,U)," \xa0"]}),(0,lt.B)(q,H)&&ut?(0,v.jsxs)(s.xv,{noOfLines:1,fontSize:.9*yt*(0,c.Rqt)(y)+"px !important",fontWeight:"medium !important",lineHeight:"100%",textAlign:"center",sx:{fontFamily:j+" !important",color:(0,c.kPs)(y)+" !important",margin:"0px !important",letterSpacing:"normal !important",textDecoration:"line-through !important"},children:[" ",(0,Ft.jx)(null!==H&&void 0!==H?H:null===F||void 0===F?void 0:F.compare_price,"",y,U)]}):(0,v.jsx)(v.Fragment,{})]}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.xv,{fontSize:.82*yt*(0,c.Rqt)(y)+"px",fontWeight:"medium",lineHeight:"110%",sx:{margin:"0px !important",fontFamily:j+" !important",color:(0,c.eod)(y)+" !important"},children:at?(0,c.qde)(y):(0,c.aTS)(y)})]}),(0,c.Fr)(y)?(0,v.jsx)(s.Kq,{className:"whatmore-ios-css-relative-fix",style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:"flex-start",height:"100%",width:"100%",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-end",alignItems:"center",marginTop:"5px",backgroundColor:"transparent",children:[(0,v.jsx)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"center",alignItems:"center",backgroundColor:w,sx:{borderRadius:"round"==E?"5px":"0px",padding:"2px"},spacing:"0px",children:"1972174947"!=y&&"55194878152"!=y&&"12181504100"!=y?(0,v.jsx)(ot.Z,{sx:{color:f,fontSize:1.3*yt+"px"}}):(0,v.jsx)(ct.zx,{size:"sm",_hover:{bg:f},sx:{bg:f},children:(0,v.jsx)(s.xv,{color:"white",paddingX:"6px",fontSize:.8*yt+"px",children:"VIEW PRODUCT"})})}),(0,v.jsx)(s.xu,{width:"2px"})]})}):(0,v.jsx)(v.Fragment,{})]})]}),(0,v.jsx)(V.Rg,{unmountOnExit:!0,initialScale:.5,in:"awaitingVariantSelection"==z.state,style:{height:"fit-content",width:"100%"},children:"awaitingVariantSelection"==z.state&&null!=L?(0,v.jsx)(s.xu,{width:"100%",height:"fit-content",marginTop:.1*xt+"px",marginBottom:.1*xt+"px",overflowY:"auto",overflowX:"hidden",maxHeight:xt*Ct+"px",overscrollBehavior:"contain",onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,v.jsx)(_t,{width:ft,height:"fit-conten",event:G,product:F,finalArr:dt,data:Y,productVariantOptions:L,baseFontSize:1.2*yt,onOptionSelected:t=>{!function(t){W(t);const e=M(t);e&&(N(e.price),Z(e.compare_price))}(t)}})}):(0,v.jsx)(v.Fragment,{})}),(0,v.jsx)(s.Kq,{className:"whatmore-add-to-cart",direction:"row",width:"100%",height:jt,justifyContent:"center",alignItems:"center",children:(0,v.jsx)(mt,{baseFontSize:.3*gt,event:G,product:F,cartState:z.state,cartCount:z.cart_count,updateCartState:O,onClickAtc:t=>{"init"==z.state?(D(Pt),(0,tt.GF)({userInteractionType:et.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:P,event:G,productList:[F],ctaList:G.cta})):"awaitingVariantSelection"==z.state&&R(K,Pt)},onCartIconClick:()=>{A()}})})]})},Pt=n(3867);var zt=function(t){var e,n,i;const[o]=(0,u.j1)("isInDesignMode"),[r]=(0,u.j1)("isDemoBrand"),[l]=(0,u.j1)("whatmoreSecondaryColor"),[a]=(0,u.j1)("whatmorePrimaryFont"),c=t.event,h=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,v.jsx)(s.rU,{href:h.product_link,color:l,onClick:()=>{!function(t,e){o||r||(async()=>{(0,d.$L)(t,e)})()}(c,h)},children:(0,v.jsx)(s.xu,{width:x,height:m,padding:"2x",boxShadow:"lg",borderRadius:"md",backgroundColor:"white",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"5px",spacing:"5px",children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xv,{lineHeight:"100%",fontSize:1.4*p,fontWeight:"semibold",sx:{fontFamily:a+" !important",color:l+" !important"},children:" VIEW MORE "})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(ot.Z,{sx:{color:l,fontSize:1.4*p}})})]})})})},Ot=n(6163);function Lt(t){var e;const[n]=(0,u.j1)("whatmoreSecondaryColor"),[i]=(0,u.j1)("whatmorePrimaryFont"),[o]=(0,u.j1)("whatmoreShopId"),[l,a]=(0,r.useState)(!1),d=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),h=t.onClick,p=t.width,x=t.height,m=t.title;return(0,v.jsx)(s.xu,{width:p,height:x,padding:"2x",boxShadow:"lg",backgroundColor:"#000000"==(0,c.hmr)(o)?n:(0,c.hmr)(o),onClick:t=>{t.stopPropagation(),h(),a(!0)},animation:l?Q.mT:null,onAnimationEnd:()=>{a(!1)},cursor:"pointer",children:(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:(0,v.jsxs)(s.xv,{as:"p",ref:t=>{t&&t.style.setProperty("min-height","0","important")},lineHeight:"100%",fontSize:1.4*d+"px",fontWeight:"semibold",sx:{fontFamily:i+" !important",color:(0,c.KCy)(o)+" !important"},children:["\xa0",m,"\xa0"]})})})}var Dt=function(t){var e,n,i;const[o]=(0,u.j1)("whatmoreShopId"),r=t.event,l=t.product,a=null!==(e=t.baseFontSize)&&void 0!==e?e:10,d=t.onShopNowClick,s=null!==(n=t.width)&&void 0!==n?n:"100%",h=null!==(i=t.height)&&void 0!==i?i:"100%";return(0,v.jsx)(Lt,{onClick:function(){d()},event:r,product:l,baseFontSize:a,width:s,height:h,title:(0,c.Pvx)(o)})};var Rt=function(t){var e;const[n]=(0,u.j1)("isInDesignMode"),[i]=(0,u.j1)("isDemoBrand"),[o]=(0,u.j1)("whatmorePrimaryFont"),[l]=(0,u.j1)("whatmoreShopId"),[a,p,x,m]=(0,h.Z)(),[f,w]=(0,r.useState)(!1),[j,y]=(0,r.useState)(t.product),{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(nt.I),[b,S,I,k,_,F,T]=It(0,j,t.event),[E,P]=(0,r.useState)(null),[z,O]=(0,r.useState)(parseFloat(j.price)),[L,D]=(0,r.useState)(parseFloat(j.compare_price)),[R,M]=(0,r.useState)(j.currency),A=t.event,K=t.productClickHandler,W=null!==(e=t.tileWidthFactor)&&void 0!==e?e:1,q=C.landingLocationType,N=C.templateType,H=(0,Tt.NY)(q)+(0,Tt.dS)(N)+"_"+(null===A||void 0===A?void 0:A.event_id);(0,r.useEffect)((()=>{(0,c.N8M)(l)&&(0,Ft.Rb)(j,brandDomainContext(l),l).then((t=>{y(t),O(parseFloat(t.price)),D(parseFloat(t.compare_price)),M(t.currency)}))}),[]);var Z=m*W,U=.3*Z,B=Z+"px",Y=.7*U,X=.9*Y,G=.12*U;const J=(0,c.ITD)(l);function it(t,e){n||i||(async()=>{(0,d.wz)(t,e)})(),K(e),w(!0)}return(0,v.jsx)(s.Kq,{direction:"row",width:B,height:"fit-content",justifyContent:"center",children:(0,v.jsx)(s.xu,{marginTop:$,marginBottom:(0,c.pq5)(l),width:B,onClick:t=>{},animation:f?Q.mT:null,borderRadius:"lg",onAnimationEnd:()=>{w(!1)},children:(0,v.jsxs)(s.Kq,{direction:"column",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",spacing:"0px",children:[(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"70%",justifyContent:"space-around",alignItems:"center",borderTopRadius:"lg",overflow:"hidden",onClick:()=>{it(A,j)},children:[(0,v.jsx)(s.xu,{height:Y+"px",width:Y+"px",children:(0,v.jsx)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",children:(0,v.jsx)(s.xu,{height:X+"px",width:X+"px",borderRadius:"lg",bgColor:"gray.100",overflow:"hidden",children:(0,v.jsx)(g.Ee,{width:X+"px",height:X+"px",src:j.thumbnail_image,objectFit:"cover"})})})}),(0,v.jsx)(s.xu,{height:Y+"px",width:Z-Y+"px",children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"space-between",alignContent:"center",width:"fit-content",height:"100%",paddingX:"10px",paddingY:"10px",spacing:"2px",children:[(0,v.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:1.2*G+"px",fontWeight:"medium",lineHeight:"120%",sx:{fontFamily:o+" !important",color:"white !important"},children:(0,rt.s)(j.title.toString())}),(0,v.jsxs)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"center",aligntItems:"center",marginTop:"5px",children:[(0,c.QaY)(l)?(0,v.jsxs)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"flex-start",aligntItems:"center",borderRadius:"lg",backgroundColor:"blackAlpha.500",paddingX:"10px",paddingY:"5px",children:[(0,v.jsxs)(s.xv,{noOfLines:1,fontSize:1*G+"px",fontWeight:"semibold",lineHeight:"100%",textAlign:"center",sx:{fontFamily:o+" !important",color:"white !important"},children:["\xa0"," ",(0,Ft.jx)(parseFloat(z),"",l,R)," \xa0"]}),(0,v.jsx)(s.M5,{children:(0,lt.B)(j.price,j.compare_price)?(0,v.jsxs)(s.xv,{noOfLines:1,fontSize:.8*G+"px",fontWeight:"medium",lineHeight:"100%",textAlign:"center",sx:{fontFamily:o+" !important",color:"#F9F6EE !important",textDecoration:"line-through !important"},children:[" ",(0,Ft.jx)(parseFloat(L),"",l,R)]}):(0,v.jsx)(v.Fragment,{})})]}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(Pt.Z,{storeId:l,productId:j.client_product_id,productLink:j.product_link,fontSize:1*G,fontColor:"white"})})]})]})})]}),(0,v.jsx)(V.Rg,{unmountOnExit:!0,initialScale:.5,in:"awaitingVariantSelection"==b.state,style:{height:"fit-content",width:"100%"},children:"awaitingVariantSelection"==b.state&&null!=I?(0,v.jsx)(s.xu,{width:"100%",height:"fit-content",marginTop:.1*U+"px",marginBottom:.1*U+"px",overflowY:"auto",overflowX:"hidden",maxHeight:U*J+"px",overscrollBehavior:"contain",onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,v.jsx)(_t,{width:B,height:"fit-content",event:A,product:j,productVariantOptions:I,baseFontSize:1*G,onOptionSelected:t=>{!function(t){P(t);const e=F(t);e&&(O(e.price),D(e.compare_price))}(t)},optionTitleColor:"white"})}):(0,v.jsx)(v.Fragment,{})}),(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"30%",justifyContent:"center",alignItems:"center",paddingBottom:"2px",paddingLeft:"2px",paddingRight:"2px",children:[(0,v.jsx)(s.xu,{width:"100%",height:"100%",children:(0,v.jsx)(zt,{baseFontSize:.8*G,event:A,product:j,width:"100%",height:"100%"})}),(0,v.jsx)(s.xu,{width:"100%",height:"100%",borderRadius:"md",overflow:"hidden",children:(0,c.Ib9)(l)?(0,v.jsx)(Dt,{baseFontSize:.8*G,event:A,product:j,borderRadius:"md",onShopNowClick:t=>{it(A,j)}}):(0,v.jsx)(v.Fragment,{children:"form"===(0,c._5p)(l)?(0,v.jsx)(Ot.default,{baseFontSize:.8*G,event:A,product:j,width:"100%",height:"100%",showAddedToCart:!0}):(0,v.jsx)(mt,{baseFontSize:.8*G,event:A,product:j,cartState:b.state,cartCount:b.cart_count,borderRadius:"md",onClickAtc:t=>{"init"==b.state?(k(H),(0,tt.GF)({userInteractionType:et.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:C,event:A,productList:[j],ctaList:A.cta})):"awaitingVariantSelection"==b.state&&_(E,H)},onCartIconClick:()=>{T()}})})})]})]})})})};var Mt=function(t){var e,n;const[i]=(0,u.j1)("isInDesignMode"),[o]=(0,u.j1)("isDemoBrand"),[l]=(0,u.j1)("whatmoreSecondaryColor"),a=(0,u.MO)("whatmoreSecondaryColorShade900"),[x]=(0,u.j1)("whatmorePrimaryFont"),[m]=(0,u.j1)("whatmoreShopId"),[f,w,j,y]=(0,h.Z)(),[C,b]=(0,r.useState)(!1),[S,I]=(0,r.useState)(t.product),{whatmoreUITheme:k}=(0,r.useContext)(nt.I),[_,F]=(0,r.useState)(!1),[T,E]=(0,r.useState)(parseFloat(S.price)),[P,z]=(0,r.useState)(parseFloat(S.compare_price)),[O,L]=(0,r.useState)(S.currency),D=t.event,[R,M]=(t.productClickHandler,(0,r.useState)());(0,r.useEffect)((()=>{(0,c.N8M)(m)&&(0,Ft.Rb)(S,(0,c.Ipo)(m),m).then((t=>{I(t),E(parseFloat(t.price)),z(parseFloat(t.compare_price)),L(t.currency),F(!0)}));(async()=>{const t=await(0,p.p)(S,(0,c.Ipo)(m),m);M(t),F(!0)})()}),[]);var A=.68*y,K=.4*A,W=A+"px",q=K+"px",N=A*(.55-.4)+"px",H=.12*K;(0,c.ITD)(m);const{whatmoreWidgetSourceDetails:Z}=(0,r.useContext)(nt.I);function V(t){return(0,c.lj5)(m)?t.product_link+"?"+(0,c.awP)(m)+"&"+(0,c.n9s)(m)+"&"+(0,c.vaK)(m):t.product_link}function U(t,e){i||o||(async()=>{(0,d.wz)(t,e),(0,tt.GF)({userInteractionType:et.K.PRODUCT_TILE_SHOPNOW_CLICKED,widgetSourceDetails:Z,event:t,productList:[e],ctaList:t.cta})})(),b(!0)}return(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",marginTop:$,marginBottom:(0,c.pq5)(m),width:W,height:"fit-content",boxShadow:"round"==k?"dark-lg":null,onClick:()=>{U(D,S),window.location.href=V(S)},backgroundColor:(0,J.lA)("#ffffff",(0,c.U5_)(m)),animation:C?Q.mT:null,borderRadius:"round"==k?"xl":null,overflow:"hidden",onAnimationEnd:()=>{b(!1)},spacing:0,sx:{borderWidth:(0,c.alU)(m),borderColor:(0,c.qPe)(m)},children:[(0,v.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-start",alignContent:"center",cursor:"pointer",children:[(0,v.jsx)(s.xu,{height:q,width:q,children:(0,v.jsx)(g.Ee,{width:q,height:q,src:(0,kt.s)(S.thumbnail_image,"&width=400&height=400"),sx:{objectFit:(0,c.yOX)(m)+" !important"}})}),(0,v.jsxs)(s.xu,{height:q,width:A-K+"px",children:[(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:(0,c.Fr)(m)?"flex-end":"center",alignContent:"center",width:"fit-content",height:"100%",paddingX:"10px",paddingTop:"10px",paddingBottom:"16px",children:[(0,v.jsx)(s.xv,{as:"p",ref:t=>{t&&(t.style.setProperty("min-height","0","important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("-webkit-box-orient","vertical","important"))},sx:{paddingLeft:"8px",fontFamily:x+" !important",color:"black !important",lineHeight:"120% !important",fontWeight:"medium !important",fontSize:1.1*H+"px !important"},children:(0,rt.s)(null==S.title?"":S.title.toString())}),(0,c.QaY)(m)?(0,v.jsxs)(s.Kq,{direction:(0,c.$zZ)(m)?"row":"row-reverse",width:"fit-content",height:"fit-content",justifyContent:"flex-start",alignContent:"center",marginTop:"5px",borderRadius:"round"==k?"lg":null,backgroundColor:"white",paddingX:"8px",paddingY:"5px",children:[_&&(0,v.jsxs)(s.xv,{as:"p",ref:t=>{t&&t.style.setProperty("min-height","0","important")},noOfLines:1,fontSize:.9*H+"px",fontWeight:"semibold",lineHeight:"100%",textAlign:"center",sx:{fontFamily:x+" !important",color:(0,c.Uyp)(m)+" !important",margin:"0px !important"},children:[" "+(0,Ft.jx)(null!==(e=null===R||void 0===R?void 0:R.price)&&void 0!==e?e:T,"",m,O)," \xa0"]}),(0,lt.B)(T,P)&&_?(0,v.jsxs)(s.xv,{as:"s",style:{minHeight:0,textDecoration:"line-through"},noOfLines:1,fontSize:.9*H+"px",fontWeight:"medium",lineHeight:"100%",textAlign:"center",sx:{fontFamily:x+" !important",color:(0,c.kPs)(m)+" !important",margin:"0px !important"},children:[" ",(0,Ft.jx)(null!==(n=null===R||void 0===R?void 0:R.compare_at_price)&&void 0!==n?n:P,"",m,O)]}):(0,v.jsx)(v.Fragment,{})]}):(0,v.jsx)(v.Fragment,{}),""!=(0,c.sG7)(m)&&(0,v.jsxs)(s.xv,{noOfLines:1,fontSize:.9*H+"px",lineHeight:"100%",paddingTop:"6px",sx:{fontFamily:(0,c.V3Y)(m)+" !important",color:(0,c.aUT)(m)+" !important",margin:"0px !important"},children:["\xa0",(0,c.sG7)(m)," \xa0"]})]}),(0,c.Fr)(m)?(0,v.jsx)(s.Kq,{className:"whatmore-ios-css-relative-fix",style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:"flex-start",height:"100%",width:"100%",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-end",alignItems:"center",marginTop:"5px",backgroundColor:"transparent",children:[(0,v.jsx)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",justifyContent:"center",alignItems:"center",backgroundColor:a,sx:{borderRadius:"round"==k?"5px":"0px",padding:"2px"},spacing:"0px",children:(0,v.jsx)(ot.Z,{sx:{color:l,fontSize:1.3*H+"px"}})}),(0,v.jsx)(s.xu,{width:"2px"})]})}):(0,v.jsx)(v.Fragment,{})]})]}),(0,c.pp3)(m)&&(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:N,justifyContent:"center",alignItems:"center",children:(0,v.jsx)(Dt,{baseFontSize:.8*H,event:D,product:S,borderRadius:"md",onShopNowClick:t=>{U(D,S),window.location.href=V(S)}})})]})};function At(t){var e;const[n]=(0,u.j1)("whatmoreSecondaryColor"),[i]=(0,u.j1)("whatmorePrimaryFont"),[o]=(0,u.j1)("whatmoreShopId"),[l,a]=(0,r.useState)(!1),d=null!==(e=t.baseFontSize)&&void 0!==e?e:10,h=t.onClick,p=t.width,x=t.height,m=t.title,g=t.showInProgressIcon;return"awaitingVariantSelection"==t.cartState||"productVariantDetailsApiCallInProgress"==t.cartState?(0,v.jsx)(Kt,{onClick:()=>t.onClick(),event:t.event,product:t.product,baseFontSize:d,width:p,height:x}):(0,v.jsxs)(s.xu,{display:"flex",width:"fit-content",minWidth:"75%",padding:"2x",boxShadow:"lg",animation:l?Q.mT:null,onAnimationEnd:()=>{a(!1)},cursor:"pointer",children:["awaitingVariantSelection"==t.cartState&&(0,v.jsx)(s.Kq,{direction:"row",alignItems:"center",justifyContent:"center",paddingY:"2px",backgroundColor:"white",onClick:e=>{e.stopPropagation(),t.updateCartState("init"),a(!0)},children:(0,v.jsxs)(s.xv,{lineHeight:"100%",fontSize:1.4*d+"px !important",fontWeight:"semibold !important",sx:{fontFamily:i+" !important",color:"#343434 !important"},children:["\xa0","63064310011"==o?"Annuler":"Cancel","\xa0"]})}),(0,v.jsxs)(s.Kq,{direction:"row",backgroundColor:g?(0,J.lA)(n,8):n,width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",onClick:t=>{t.stopPropagation(),h(),a(!0)},children:[(0,v.jsxs)(s.xv,{lineHeight:"100%",fontSize:1.4*d+"px !important",fontWeight:"semibold !important",sx:{fontFamily:i+" !important",color:(0,c.KCy)(o)+" !important"},children:["\xa0",m,"\xa0"]}),g?(0,v.jsx)("div",{className:"whatmore-rotate-indefinitely",children:(0,v.jsx)(st.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"#F5F5F5",fontSize:2.5*d+"px"}})}):(0,v.jsx)(v.Fragment,{})]})]})}function Kt(t){const[e]=(0,u.j1)("whatmoreSecondaryColor"),[n]=(0,u.j1)("whatmorePrimaryFont"),[i]=(0,u.j1)("whatmoreShopId"),[o,l]=(0,r.useState)(!1),a=t.onClick,d=t.baseFontSize;return(0,v.jsx)(s.Kq,{direction:"row",paddingBottom:"3%",position:"relative",children:(0,v.jsx)(s.xu,{width:"fit-content",minWidth:"75%",boxShadow:"lg",padding:"6px 12px",borderRadius:"6px",backgroundColor:e,onClick:t=>{t.stopPropagation(),a(),l(!0)},animation:o?Q.mT:null,onAnimationEnd:()=>{l(!1)},cursor:"pointer",zIndex:"1000",children:(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"5px",children:(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xv,{lineHeight:"100%",fontSize:1.3*d+"px",fontWeight:"semibold",sx:{fontFamily:"".concat(n," !important"),color:"".concat((0,c.KCy)(i)," !important")},children:(0,c.tan)(i)})})})})})}function Wt(t){var e;const[n]=(0,u.j1)("whatmorePrimaryFont"),i=null!==(e=t.baseFontSize)&&void 0!==e?e:10;t.width,t.height;return(0,v.jsx)(s.xu,{width:"fit-content",height:"fit-content !important",minWidth:"75%",boxShadow:"lg",backgroundColor:"white",borderRadius:"6px",borderColor:"gray",borderWidth:"1px",onClick:t=>{t.stopPropagation()},children:(0,v.jsx)(s.Kq,{direction:"row",width:"100%",alignItems:"center",paddingX:"4px",paddingY:"3px",justifyContent:"center",children:(0,v.jsxs)(s.xv,{color:"gray",lineHeight:"100%",fontSize:1.2*i+"px !important",fontWeight:"semibold !important",sx:{fontFamily:n+" !important",color:"gray !important"},children:["\xa0"," Sold Out ","\xa0"]})})})}function qt(t){var e;const[n]=(0,u.j1)("whatmoreSecondaryColor"),[i]=(0,u.j1)("whatmorePrimaryFont"),[o]=(0,u.j1)("whatmoreShopId"),r=(t.event,t.product,null!==(e=t.baseFontSize)&&void 0!==e?e:10),l=t.onClick,a=t.cartCount,d=(t.width,t.height,t.onCartIconClick);return(0,v.jsx)(s.xu,{width:"fit-content",minWidth:"75%",borderRadius:"6px",padding:"2x",boxShadow:"lg",backgroundColor:"white",borderColor:n,borderWidth:"1px",onClick:t=>{t.stopPropagation()},cursor:"pointer",children:(0,v.jsxs)(s.Kq,{direction:"row",alignItems:"center",paddingX:"4px",paddingY:"5px",justifyContent:"center",children:[(0,v.jsx)(s.M5,{paddingX:"5px",onClick:()=>{d()},children:"1972174947"!=o&&"55194878152"!=o&&"12181504100"!=o?(0,v.jsx)(dt.Z,{sx:{color:n,fontSize:1.6*r}}):(0,v.jsx)(ct.zx,{size:"sm",_hover:{bg:n},sx:{bg:n},children:(0,v.jsx)(s.xv,{paddingX:"6px",color:"white",sx:{fontSize:.85*r},children:"GO TO CART"})})}),(0,v.jsx)(s.xv,{color:n,fontSize:1.3*r+"px !important",fontWeight:"semibold !important",sx:{fontFamily:i+" !important"},children:a}),(0,v.jsx)(s.M5,{paddingX:"5px",onClick:t=>{t.stopPropagation(),l()},children:(0,v.jsx)(at.Z,{sx:{color:n,fontSize:1.6*r}})})]})})}var Nt=function(t){var e,n,i,o;const[r]=(0,u.j1)("whatmoreShopId"),l=t.event,a=t.product,d=null!==(e=t.baseFontSize)&&void 0!==e?e:10,s=null===(n=t.showAddedToCart)||void 0===n||n,c=t.cartState,h=t.cartCount,p=t.onClickAtc,x=t.onCartIconClick;function m(){p()}const g=null!==(i=t.width)&&void 0!==i?i:"100%",f=null!==(o=t.height)&&void 0!==o?o:"100%";return"errored"==c?(0,v.jsx)(V.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{},children:(0,v.jsx)(Wt,{event:l,product:a,baseFontSize:d,width:g,height:f})}):"init"==c?0==h?(0,v.jsx)(Kt,{onClick:m,event:l,product:a,baseFontSize:d,width:g,height:f}):s?(0,v.jsx)(V.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,children:(0,v.jsx)(qt,{onClick:m,event:l,product:a,baseFontSize:d,cartCount:h,width:g,height:f,onCartIconClick:x})}):(0,v.jsx)(Kt,{onClick:m,event:l,product:a,baseFontSize:d,width:g,height:f}):(0,v.jsx)(At,{onClick:m,cartState:c,updateCartState:t.updateCartState,event:l,product:a,baseFontSize:d,width:g,height:f,title:"awaitingVariantSelection"==c?"63064310011"==r?"Valider":"Done":"",showInProgressIcon:"atcApiCallInProgress"==c||"productVariantDetailsApiCallInProgress"==c})};var Ht=function(t){var e,n,i,o,l,a;const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[f]=((0,u.MO)("whatmoreSecondaryColorShade900"),(0,u.j1)("whatmorePrimaryFont")),[w]=(0,u.j1)("whatmoreShopId"),[j,y,C,b]=(0,h.Z)(),[S,I]=(0,r.useState)(!1),[k,_]=(0,r.useState)(t.product),{whatmoreUITheme:F}=(0,r.useContext)(nt.I),{whatmoreWidgetSourceDetails:T}=(0,r.useContext)(nt.I),[E,P,z,O,L,D,R]=It(0,k,t.event),[M,A]=(0,r.useState)(null),[K,W]=(0,r.useState)(parseFloat(k.price)),[q,N]=(0,r.useState)(parseFloat(k.compare_price)),[H,Z]=(0,r.useState)(k.currency),[V,U]=(0,r.useState)(null),B=t.event,Y=t.productClickHandler,{whatmoreIsPreviewMode:X}=(0,r.useContext)(nt.I),[G,it]=(0,r.useState)(null),[ot,at]=(0,r.useState)(!1),dt=T.landingLocationType,st=T.templateType,ct=(0,Tt.NY)(dt)+(0,Tt.dS)(st)+"_"+(null===B||void 0===B?void 0:B.event_id);(0,r.useEffect)((()=>{(0,c.N8M)(w)&&(0,Ft.Rb)(k,(0,c.Ipo)(w),w).then((t=>{_(t),W(parseFloat(t.price)),N(parseFloat(t.compare_price)),Z(t.currency),at(!0)}));(async()=>{const t=await(0,p.p)(k,(0,c.Ipo)(w),w);U(t),W(null===t||void 0===t?void 0:t.price),N(null===t||void 0===t?void 0:t.compare_at_price),at(!0)})()}),[]),(0,r.useEffect)((()=>{var t,e;const n=null!=V?null===V||void 0===V||null===(t=V.options)||void 0===t?void 0:t.findIndex((t=>{var e;return"Colour"==(null===t||void 0===t?void 0:t.name)||(null===t||void 0===t||null===(e=t.name)||void 0===e?void 0:e.toLowerCase().includes("color"))})):-1,i=-1!==n?null===V||void 0===V||null===(e=V.variants)||void 0===e?void 0:e.map((t=>{var e,i;const o=null===t||void 0===t?void 0:t["option".concat(n+1)];return null!==t&&void 0!==t&&null!==(e=t.featured_image)&&void 0!==e&&e.src?{color:o,src:null===t||void 0===t||null===(i=t.featured_image)||void 0===i?void 0:i.src}:null})):[];let o=[];var r;-1!==n&&(o=null===V||void 0===V||null===(r=V.images)||void 0===r?void 0:r.map((t=>({color:t.color,src:t.src,optionsrc:t.optionsrc}))));it({position:n,finalArr:i,finalArrExternal:o})}),[V]);var ut=.72*b,ht=.37*ut,pt=ut*(.48-.37),xt=.95*ut+"px",vt=ht+"px",mt=.12*ht;function gt(){window.location.href=function(t){return(0,c.lj5)(w)?t.product_link+"?"+(0,c.awP)(w)+"&"+(0,c.n9s)(w)+"&"+(0,c.vaK)(w):t.product_link}(k)}return(0,v.jsx)(s.Kq,{direction:"column",justifyContent:"flex-start",alignContent:"center",marginTop:$,marginBottom:"24px",width:xt,boxShadow:"round"==F?"dark-lg":null,onClick:()=>{!function(t,e){x||m||(async()=>{(0,d.wz)(t,e)})(),"72550089015"==w?gt():Y(e),I(!0)}(B,k)},backgroundColor:(0,J.lA)("#ffffff",(0,c.U5_)(w)),animation:S?Q.mT:null,borderRadius:"round"==F?"xl":null,overflow:"hidden",onAnimationEnd:()=>{I(!1)},spacing:0,sx:{borderWidth:(0,c.alU)(w),borderColor:(0,c.qPe)(w)},children:(0,v.jsxs)(s.Kq,{display:"flex",direction:"row",width:"full",height:"fit-content",justifyContent:"center",alignContent:"center",cursor:"pointer",alignItems:"center",gap:"8px",children:[(0,v.jsx)(s.xu,{height:vt,width:vt,children:(0,v.jsx)(g.Ee,{width:"100%",height:"100%",src:(0,kt.s)(null!==(e=null!==(n=null===G||void 0===G||null===(i=G.finalArr)||void 0===i||null===(o=i.find((t=>(null===t||void 0===t?void 0:t.color)==(null===M||void 0===M?void 0:M[null===G||void 0===G?void 0:G.position]))))||void 0===o?void 0:o.src)&&void 0!==n?n:null===G||void 0===G||null===(l=G.finalArrExternal)||void 0===l||null===(a=l.find((t=>(null===t||void 0===t?void 0:t.color)==(null===M||void 0===M?void 0:M[null===G||void 0===G?void 0:G.position]))))||void 0===a?void 0:a.src)&&void 0!==e?e:k.thumbnail_image,"&width=400&height=400"),sx:{objectFit:(0,c.yOX)(w)+" !important"}})}),(0,v.jsx)(s.xu,{height:vt,width:ut-ht+"px",children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"flex-start",height:"100%",gap:"4px",paddingTop:"12px",width:"100%",children:[(0,v.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",mt+"px","important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",f,"important"),t.style.setProperty("white-space","nowrap","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("padding","0","important"),t.style.setProperty("font-weight","normal","important"))},children:(0,rt.s)(null==k.title?"":k.title.toString())}),(0,c.QaY)(w)?(0,v.jsxs)(s.Kq,{direction:(0,c.$zZ)(w)?"row":"row-reverse",sx:{margin:"0px !important",minHeight:1.1*mt+"px"},children:[ot&&(0,v.jsxs)(s.xv,{noOfLines:1,fontSize:.9*mt*(0,c.Rqt)(w)+"px !important",lineHeight:"100%",sx:{fontFamily:f+" !important",color:(0,c.Uyp)(w)+" !important",fontWeight:"bold"},children:[" "+(0,Ft.jx)(null!==K&&void 0!==K?K:null===k||void 0===k?void 0:k.price,"",w,H)," \xa0"]}),(0,lt.B)(K,q)&&ot?(0,v.jsxs)(s.xv,{noOfLines:1,fontSize:.9*mt*(0,c.Rqt)(w)+"px !important",fontWeight:"medium !important",lineHeight:"100%",textAlign:"center",sx:{fontFamily:f+" !important",color:(0,c.kPs)(w)+" !important",margin:"0px !important",letterSpacing:"normal !important",textDecoration:"line-through !important"},children:[" ",(0,Ft.jx)(null!==q&&void 0!==q?q:null===k||void 0===k?void 0:k.compare_price,"",w,H)]}):(0,v.jsx)(v.Fragment,{})]}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(Nt,{baseFontSize:.3*pt,event:B,product:k,cartState:E.state,cartCount:E.cart_count,updateCartState:P,onClickAtc:t=>{"init"===E.state?(O(ct),(0,tt.GF)({userInteractionType:et.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:T,event:B,productList:[k],ctaList:B.cta})):"awaitingVariantSelection"===E.state&&Y(k)},onCartIconClick:t=>{R()}})]})})]})})};var Zt=function(t){const[e]=(0,u.j1)("whatmoreShopId"),[n]=(0,u.j1)("isWhatmoreWebsite"),i=(0,c.eyg)(e),o=t.event,r=t.product;return n?(0,v.jsx)(Mt,{product:t.product,event:t.event,productClickHandler:t.productClickHandler}):"broad-tile"==i?(0,c.MzT)(e)?(0,v.jsx)(Ht,{product:t.product,event:t.event,productClickHandler:t.productClickHandler}):(0,v.jsx)(Et,{product:t.product,event:t.event,productClickHandler:t.productClickHandler}):"broad-tile-no-cta"==i?(0,v.jsx)(Mt,{product:t.product,event:t.event,productClickHandler:t.productClickHandler}):"link_only"==i?(0,v.jsx)(it,{product:t.product,event:t.event}):"narrow-tile"==i?(0,v.jsx)(Rt,{event:o,product:r,productClickHandler:t.productClickHandler,tileWidthFactor:o.products.length>1?.68:void 0}):(0,v.jsx)(Et,{product:t.product,event:t.event,productClickHandler:t.productClickHandler})},Vt=n(6119),Ut=n(3388),Bt=n(7643);var Yt=function(t){const[e,n,i,o]=(0,h.Z)(),[r]=(0,u.j1)("whatmoreShopId"),d=(0,u.MO)("isInDesignMode"),p=(0,u.MO)("isDemoBrand"),x=t.event,m=t.productClickHandler,g=(0,c.eyg)(r);if(!(0,Ut.kT)(x))return(0,v.jsx)(v.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,v.jsx)(s.Kq,{direction:"horizontal",width:o,height:"fit-content",justifyContent:"center",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0.6), rgba(0,0,0,0.8))",children:(0,v.jsx)(Bt.u,{userInteractionType:et.K.PRODUCT_CTA_VIEW,event:x,productList:[t],triggerFlag:!d&&!p,children:(0,v.jsx)(s.M5,{children:(0,v.jsx)(Rt,{event:x,product:t,productClickHandler:m},x.event_id+t.product_id)})})}):(0,v.jsx)(s.Kq,{direction:"horizontal",width:o,height:"fit-content",justifyContent:"center",backgroundImage:"narrow-tile"==g?"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,v.jsx)(s.M5,{children:(0,v.jsx)(Bt.u,{userInteractionType:et.K.PRODUCT_CTA_VIEW,event:x,productList:[t],triggerFlag:!d&&!p,children:(0,v.jsx)(Zt,{event:x,product:t,productClickHandler:m},x.event_id+t.product_id)})})})}return(0,v.jsx)(s.M5,{children:(0,v.jsx)("div",{onTouchStart:t=>{t.stopPropagation()},onTouchEnd:t=>{t.stopPropagation()},children:(0,v.jsx)(s.xu,{width:o+"px",backgroundImage:"narrow-tile"==g?"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,v.jsxs)(l.tq,{className:"product-tile swiper-slide",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:[a.Gk],mousewheel:{invert:!1,thresholdDelta:20},nested:!0,children:[x.products.map((t=>"oos"!=t.product_status&&(0,v.jsx)(l.o5,{children:(0,v.jsx)(Bt.u,{userInteractionType:et.K.PRODUCT_CTA_VIEW,event:x,productList:[t],triggerFlag:!d&&!p,children:(0,v.jsx)(s.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-end",alignItems:"center",children:(0,v.jsx)(Zt,{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,v.jsx)(v.Fragment,{children:""!==t.cta_title.trim()&&(0,v.jsx)(l.o5,{children:(0,v.jsx)(s.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-end",alignItems:"center",children:(0,v.jsx)(Vt.Z,{cta:t},x.event_id+t.cta_id)})},x.event_id+t.cta_id)})))]})})})})};var Xt=function(t){const[e,n]=(0,u.j1)("isProductSwiperCatalogOpen"),i=t.event,o=t.productClickHandler;return(0,r.useContext)(Ln).isIOS&&e?(0,v.jsx)(Yt,{event:i,productClickHandler:o},i.event_id):(0,v.jsx)(V.MT,{unmountOnExit:!0,initialScale:.2,in:e,children:(0,v.jsx)(Yt,{event:i,productClickHandler:o},i.event_id)})};function Gt(t){const e=t.event,[n,i,o,r]=(0,h.Z)(),[l]=(0,u.j1)("whatmorePrimaryFont");return(0,v.jsx)(s.xu,{width:"fit-content",height:"fit-content",padding:"5px",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"fit-content",height:"fit-content",children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{overflow:"hidden",size:.15*r+"px",children:(0,v.jsx)(g.Ee,{width:"100%",height:"100%",src:e.thumbnail_image})})}),(0,v.jsx)(s.xu,{width:"fit-content",height:"fit-content",children:(0,v.jsxs)(s.Kq,{direction:"column",width:"fit-content",height:"fit-content",children:[(0,v.jsx)(s.xv,{color:"white",fontSize:.05*r+"px",fontWeight:"bold",fontFamily:"sans-serif",align:"left",sx:{fontFamily:l+" !important"},children:e.presenter_name.substring(0,15)}),(0,v.jsx)(H.Z,{event:e,fontSize:.03*r+"px"})]})})]})})}var Qt,Jt=function(t){const[e]=(0,u.j1)("isInDesignMode"),[n]=(0,u.j1)("isDemoBrand"),[i,o]=(0,u.j1)("isProductSwiperCatalogOpen"),[l,a]=(0,j.Z)(),[d,h]=(0,u.j1)("isFirstIndicatorRenderDone"),p=(0,r.useContext)(Ln),[x]=(0,u.j1)("whatmoreShopId"),m=t.event,g=t.isLast,f=t.onCloseCallback,w=t.focusRef,y=t.productClickHandler;return(0,v.jsx)(s.xu,{width:"full",height:"full",borderRadius:"md",children:(0,v.jsxs)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"space-between",children:[(0,v.jsx)(s.xu,{width:"full",margin:"2px",bgGradient:"linear(to-t, transparent, whiteAlpha.100, blackAlpha.200, blackAlpha.400, blackAlpha.800)",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"space-between",paddingRight:"10px",paddingLeft:"10px",children:[(0,v.jsx)(Gt,{event:m}),(0,v.jsxs)(s.Kq,{direction:"row",width:"fit-content",justifyContent:"end",paddingLeft:"10px",children:[(0,v.jsx)(I,{focusRef:w}),(0,v.jsx)(Z.Z,{event:m,onCloseCallback:f})]})]})}),(0,v.jsx)(s.xu,{width:"100%",height:"100%",onClick:()=>{a(!l)}}),(0,v.jsxs)(s.xu,{width:"full",height:"fit-content",children:[p.totalEvents>1&&!d&&p.showSwipeIndicator?(0,v.jsx)(s.xu,{width:"full",margin:"2px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"center",children:(0,v.jsx)(X,{swipeUp:!g})})}):null,void 0!=m.products&&m.products.length>0?(0,v.jsxs)(s.xu,{width:"full",children:[(0,c.Jm1)(x)?(0,v.jsx)(s.xu,{w:"100%",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(N,{event:m,onToggle:t=>{o("minimize-button"!==t)}})})}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.xu,{display:"flex",width:"100%",height:"fit-content",children:(0,v.jsx)(Xt,{event:m,productClickHandler:y})})]}):(0,v.jsx)("div",{})]})]})})},$t=n(8302);function te(t){const[e,n,i,o]=(0,h.Z)(),[l]=(0,u.j1)("whatmorePrimaryFont"),[a]=(0,u.j1)("whatmoreShopId"),[d,p]=(0,r.useState)(""),x=t.data,m=(t.event,t.product,t.setShowOptionsChart);var f=.4*o*.8*.13;(0,r.useEffect)((()=>{let t="vanyaclothing.myshopify.com";"1972174947"===a&&(t="vanyaclothing.myshopify.com");const e="https://app.kiwisizing.com/api/getSizingChart?shop=".concat(t,"&product=").concat(null===x||void 0===x?void 0:x.id,"&title=").concat(null===x||void 0===x?void 0:x.title,"&tags=&cacheSettingsUpdateAt=2020-08-11T15%3A19%3A49.000Z&settingsVersion=19");fetch(e).then((t=>{if(!t.ok)throw new Error("HTTP error! Status: ".concat(t.status));return t.json()})).then((t=>{var e,n,i,o,r,l;p(null===t||void 0===t||null===(e=t.sizings)||void 0===e||null===(n=e[0])||void 0===n||null===(i=n.layout)||void 0===i||null===(o=i.data)||void 0===o||null===(r=o[0])||void 0===r||null===(l=r.data)||void 0===l?void 0:l.url)})).catch((t=>{console.error("Error fetching data:",t)}))}),[]);const w=(0,F.F4)(Qt||(Qt=(0,k.Z)(["\n 0% {\n transform: translateY(100%);\n }\n "]))),j="".concat(w," 0.5s");return(0,v.jsx)(s.Kq,{bg:"black",height:"100%",opacity:"100%",width:"100%",borderTopRadius:"xl",animation:j,justifyContent:"center",alignItems:"center",children:(0,v.jsxs)(s.xu,{width:"100%",height:"100%",children:[(0,v.jsx)(g.Ee,{width:"100%",height:"auto",src:(0,c.Zb8)(a)?d:(0,c.KM)(a),objectFit:"contain",borderTopRadius:"xl"}),(0,v.jsx)(s.Kq,{width:"100%",height:"100%",direction:"column",justifyContent:"flex-start",style:{position:"relative",zIndex:1,bottom:"90%"},className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-end",alignItems:"center",onClick:t=>{t.stopPropagation(),m(!1)},cursor:"pointer",padding:"4px",children:(0,v.jsx)($t.Z,{sx:{boxShadow:3,color:"white !important",fontSize:1.6*f,filter:"drop-shadow(0 0 5px black);"}})})})]})})}var ee=n(5630),ne=(n(1332),n(6665));function ie(t){var e;const[n,i]=(0,r.useState)(null),o=t.product;return(0,r.useEffect)((()=>{(0,wt.bN)(o).then((t=>{i(t.variants)}))}),[]),null==n?(0,v.jsx)(v.Fragment,{}):(0,v.jsx)("div",{style:{width:null!==(e=t.width)&&void 0!==e?e:"100%",borderRadius:"6px",height:1.5*t.height,backgroundColor:"white"},children:(0,v.jsxs)("form",{method:"post",action:"/cart/add","accept-charset":"UTF-8",class:"shopify-product-form",enctype:"multipart/form-data",is:"product-form",children:[(0,v.jsx)("input",{type:"hidden",name:"form_type",value:"product"}),(0,v.jsx)("input",{type:"hidden",name:"utf8",value:"\u2713"}),(0,v.jsx)("input",{type:"hidden",name:"id",value:t.variantId}),(0,v.jsx)("input",{type:"hidden",value:t.product.product_link,name:"productUrl"}),(0,v.jsx)("div",{class:"shiprocket-headless","data-type":"product"}),(0,v.jsx)("textarea",{"data-variant-json":"",class:"hide","aria-hidden":"true","aria-label":"Product JSON",children:JSON.stringify(n).toString()})]})})}function oe(t){const e=t.product;return(0,v.jsx)(ie,{product:e,variantId:t.variantId,height:t.height,width:t.width})}function re(t){var e,n,i,o,l,a,h,p;const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[g]=(0,u.j1)("whatmoreShopId"),[f]=(0,u.j1)("whatmorePrimaryFont"),[w]=(0,u.j1)("whatmoreSecondaryColor"),[j]=(0,u.j1)("websiteLanguage"),{whatmoreUITheme:y}=(0,r.useContext)(nt.I),{whatmoreWidgetSourceDetails:C,whatmoreUserInfo:b}=(0,r.useContext)(nt.I),[S,I]=(0,r.useState)(!1),{closeClickComponent:k}=(0,r.useContext)(Ln),[_,F]=(0,r.useState)(!1),T=t.FONT_SIZE,E=t.data,P=t.event,O=t.selectedVariantId,L=t.product,D=t.itemQuantity,R=t.PRODUCT_TILE_WIDTH,M=t.cartItemCount,A=t.addToCartFlag,K=t.setAddToCartFlag,W=t.soldOutFlag,q=t.setSoldOutFlag,N=C.landingLocationType,H=C.templateType,Z=(0,Tt.NY)(N)+(0,Tt.dS)(H)+"_"+(null===P||void 0===P?void 0:P.event_id);const V=t=>{var e,n;(function(t,e){x||m||(async()=>{(0,d.$L)(t,e)})()}(P,L),"buy-now"==t)&&(!function(t,e,n,i,o,r,l){"shopify"==n?(0,wt.bj)(t,e,i,o,r,l):(0,ft.rY)(t,e,i)}(void 0!==O?O:null===E||void 0===E||null===(e=E.variants)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.id,D,(0,c.Ipo)(g),g,Z,null===P||void 0===P?void 0:P.location,null===b||void 0===b?void 0:b.userType),(0,tt.GF)({userInteractionType:et.K.SHOPNOW_ATC_CLICKED,widgetSourceDetails:C,event:P,productList:[L],ctaList:P.cta}));"view-more"==t&&((0,c.lj5)(g)?window.location.href=L.product_link+"?"+(0,c.awP)(g)+"&"+(0,c.n9s)(g)+"&"+(0,c.vaK)(g)+((0,c.C0m)(g)?"&currency="+L.currency:""):window.location.href=L.product_link+((0,c.C0m)(g)?"?currency="+L.currency:""))};return(0,v.jsxs)(s.Kq,{boxShadow:"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.2) 0px 4px 6px -2px",position:t.position,bg:"27951333450"==g?"#fff":"#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*T,children:[" ",W?(0,v.jsx)(ct.zx,{width:"90%",bg:"#252324",variant:"outline",opacity:4,_hover:{bg:"#252324"},height:2.5*T,disabled:!0,sx:{borderRadius:"round"==y?"5px":"0px",borderWidth:(0,c.alU)(g),borderColor:(0,c.qPe)(g)},children:(0,v.jsx)(s.xv,{fontWeight:"extrabold",sx:{color:"white !important",fontFamily:f+" !important"},children:"Sold Out"})}):(0,v.jsxs)(s.Kq,{direction:"vertical"==(0,c.rc3)(g)?"column":"row",width:"100%",spacing:"15px",fontSize:.9*T,justifyContent:"center",children:[(0,c.$bv)(g)?(0,v.jsx)(ct.zx,{width:"fit-content",height:2.5*T,onClick:async t=>{var e,n,i;if(t.stopPropagation(),I(!0),function(t,e,n){x||m||(async()=>{(0,d.JX)(t,e,n)})()}(P,L,D),(0,tt.GF)({userInteractionType:et.K.SHOPNOW_ATC_CLICKED,widgetSourceDetails:C,event:P,productList:[L],ctaList:P.cta}),void 0===O)return void console.log("ERROR ! Select the option.");const o=void 0!==O?O:null===E||void 0===E||null===(e=E.variants)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.id;null===(i=E.variants.filter((t=>t.id==o)))||void 0===i||i.price;Ct(o,D,(0,c.Ipo)(g),g,P,L,Z,null===P||void 0===P?void 0:P.location,null===b||void 0===b?void 0:b.userType).then((t=>{if(!t.ok)throw new Error(t.status);return I(!1),K(!0),t.json()})).then((t=>((0,u.bU)("whatmoreAddedToCart",!0),(0,c.kad)(g)&&(x||(async()=>{await(0,wt.Mj)().then((t=>t.json())).catch((t=>{console.error("Whatmore :: Error while fetching cart_token for initiateOrderTrackingEvent.",t)}))})()),t))).catch((t=>{I(!1),q(!0),console.error("Error:",t)}))},sx:{minWidth:"50%",paddingLeft:"5px !important",paddingRight:"5px !important",backgroundColor:"#343434"===(0,c.FdS)(g)?w+" !important":(0,c.FdS)(g)+" !important",borderRadius:"round"==y?"27951333450"==g?"50px":"5px":"0px",borderWidth:(0,c.p5R)(g),borderColor:"#343434"===(0,c.yxc)(g)?w:(0,c.yxc)(g),_hover:{backgroundColor:"transparent !important",borderWidth:(0,c.p5R)(g),borderColor:"#343434"===(0,c.yxc)(g)?w:(0,c.yxc)(g)}},children:S?(0,v.jsx)(ee.$,{display:"flex !important",color:"white"}):(0,v.jsx)(s.xv,{fontWeight:"extrabold !important",sx:{color:(0,c.eSJ)(g)+" !important",fontFamily:f+" !important"},fontSize:T+"px !important",children:"ADD TO CART"!=(0,c.tan)(g)?(0,c.tan)(g):null!==(e=null===ut||void 0===ut||null===(n=ut[j])||void 0===n?void 0:n.add_to_cart)&&void 0!==e?e:(0,c.tan)(g)})}):(0,v.jsx)(v.Fragment,{}),(0,c.cDD)(g)?(0,v.jsx)(v.Fragment,{children:(0,c.H$w)(g)?(0,v.jsx)(oe,{variantId:void 0!==O?O:null===E||void 0===E||null===(i=E.variants)||void 0===i||null===(o=i[0])||void 0===o?void 0:o.id,product:L,height:2.5*T,width:"90%",fontSize:T,fontFamily:f}):(0,v.jsx)(v.Fragment,{children:(0,c.Stj)(g)?(0,v.jsx)(ct.zx,{variant:"outline",_hover:{bg:"#E9DCC9"},height:2.5*T,onClick:()=>V("view-more"),sx:{width:"fit-content",minWidth:"50%",paddingLeft:"5px !important",paddingRight:"5px !important",backgroundColor:(0,c.IIW)(g)+" !important",borderRadius:"round"==y?"27951333450"==g?"50px":"5px":"0px",borderWidth:(0,c.alU)(g),borderColor:(0,c.qPe)(g)},children:(0,v.jsx)(s.xv,{fontWeight:"extrabold",sx:{color:"#343434"===(0,c.iKW)(g)?w+" !important":(0,c.iKW)(g)+" !important",fontFamily:f+" !important"},fontSize:T,children:"MORE INFO"!=(0,c.Z59)(g)?(0,c.Z59)(g):null!==(l=null===ut||void 0===ut||null===(a=ut[j])||void 0===a?void 0:a.more_info)&&void 0!==l?l:(0,c.Z59)(g)})}):(0,v.jsx)(ct.zx,{variant:"outline",_hover:{bg:"#E9DCC9"},height:2.5*T,onClick:t=>{V("buy-now")},sx:{width:"fit-content",minWidth:"50%",paddingLeft:"5px !important",paddingRight:"5px !important",backgroundColor:(0,c.IIW)(g)+" !important",borderRadius:"round"==y?"27951333450"==g?"50px":"5px":"0px",borderWidth:(0,c.p5R)(g),borderColor:"#343434"===(0,c.yxc)(g)?w:(0,c.yxc)(g),_hover:{backgroundColor:"transparent !important"}},children:(0,v.jsx)(s.xv,{fontWeight:"extrabold !important",sx:{color:"#343434"===(0,c.iKW)(g)?w+" !important":(0,c.iKW)(g)+" !important",fontFamily:f+" !important"},fontSize:T+"px !important",children:"BUY NOW"!=(0,c.ZuH)(g)?(0,c.ZuH)(g):null!==(h=null===ut||void 0===ut||null===(p=ut[j])||void 0===p?void 0:p.buy_now)&&void 0!==h?h:(0,c.ZuH)(g)})})})}):(0,v.jsx)(v.Fragment,{})]}),(0,v.jsx)(v.Fragment,{children:(0,c.$bv)(g)?(0,v.jsx)(v.Fragment,{children:_?(0,v.jsx)(s.kC,{width:"10%",spacing:"0",right:0,children:(0,v.jsx)("div",{className:"whatmore-rotate-indefinitely",children:(0,v.jsx)(ne.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"#F5F5F5",fontSize:2.5*T}})})}):(0,v.jsxs)(s.kC,{animation:A?z:"none",onAnimationEnd:()=>K(!1),width:"10%",spacing:"0",right:0,onClick:()=>{"do_nothing"!==(0,c.v9M)(g)&&("go_to_cart_page"!==(0,c.v9M)(g)?(F(!0),function(t){"open_cart_slider"!==(0,c.v9M)(t)||null!==k&&k()}(g)):bt((0,c.Ipo)(g),g))},cursor:"pointer",children:[(0,v.jsx)(dt.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"#F5F5F5",fontSize:2.5*T}}),M>0?(0,v.jsx)(s.Cd,{padding:"2px",bg:"white",size:1.1*T,top:.03*-R,verticalAlign:"top",position:"relative",left:.11*-R,zIndex:"1",children:(0,v.jsx)(s.xv,{sx:{color:"black !important",fontFamily:f+" !important"},fontWeight:"bold !important",fontSize:.7*T+"px !important",children:M})}):(0,v.jsx)(v.Fragment,{})]})}):(0,v.jsx)(v.Fragment,{})})]})}function le(t){const[e]=(0,u.j1)("whatmorePrimaryFont"),n=((0,u.MO)("whatmoreShopId"),t.setOpenShopNow),i=t.FONT_SIZE,o=t.setLockSwiper;return(0,v.jsxs)(s.kC,{justifyContent:"center",paddingTop:"10px",paddingBottom:"8px",width:"100%",children:[(0,v.jsx)(s.kC,{width:"10%",display:"flex !important"}),(0,v.jsx)(s.kC,{width:"90%",justifyContent:"center",children:(0,v.jsx)(s.xv,{align:"center",fontSize:1.25*i,fontWeight:"semibold",sx:{color:"black !important",fontFamily:e+" !important"},as:"b",children:"Shop Now"})}),(0,v.jsx)(s.kC,{justifyContent:"center",width:"10%",alignItems:"center",onClick:t=>{t.stopPropagation(),n(!1),o(!1)},cursor:"pointer",children:(0,v.jsx)($t.Z,{sx:{boxShadow:3,color:"black !important",fontSize:1.2*i,filter:"drop-shadow(0 0 5px black);"}})})]})}function ae(t){var e;const[n]=(0,u.j1)("whatmorePrimaryFont"),i=((0,u.MO)("whatmoreShopId"),t.FONT_SIZE),o=t.data;return(0,v.jsxs)(s.Kq,{direction:"column",paddingX:"20px",height:"fit-content",children:[(0,v.jsx)(s.Kq,{children:(0,v.jsx)(s.xv,{fontSize:i+"px !important",fontWeight:"bold !important",justifyContent:"center",sx:{color:"black !important",fontFamily:n+" !important"},children:"Description"})}),(0,v.jsx)(s.Kq,{children:(0,v.jsx)(s.xu,{overflowY:"auto",scrollBehavior:"smooth",sx:{"::-webkit-scrollbar":{display:"none"}},children:(0,v.jsx)(s.xv,{fontSize:.8*i+"px !important",justifyContent:"normal",fontWeight:"normal !important",dangerouslySetInnerHTML:{__html:(r=null!==(e=null===o||void 0===o?void 0:o.description)&&void 0!==e?e:null===o||void 0===o?void 0:o.body_html,r.replace(/style="[^"]*color[^"]*"/gi,""))},sx:{fontFamily:n+" !important",lineHeight:"140% !important"}})})})]});var r}const de=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{color:"black",paddingTop:"2px"},children:(0,v.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"currentColor",class:"bi bi-box-arrow-up-right",viewBox:"0 0 16 16",style:{stroke:"black",strokeWidth:"0.4"},children:[(0,v.jsx)("path",{"fill-rule":"evenodd",d:"M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5"}),(0,v.jsx)("path",{"fill-rule":"evenodd",d:"M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z"})]})})};function se(t){var e,n;const[i,o]=(0,r.useState)(t.product),[l]=(0,u.j1)("whatmorePrimaryFont"),[a]=(0,u.j1)("whatmoreShopId"),[d]=(0,u.j1)("whatmoreSecondaryColor");(0,r.useEffect)((()=>{(0,c.N8M)(a)&&(0,Ft.Rb)(i,(0,c.Ipo)(a),a).then((t=>{o(t)}))}),[]);const h=t.FONT_SIZE,p=t.data,x=t.itemPrice;const m=null===p||void 0===p||null===(e=p.variants)||void 0===e||null===(n=e.find((e=>e.id==t.selectedVariantId)))||void 0===n?void 0:n.compare_at_price,g=m&&0!=m&&m>x?Math.round((m-x)/m*100):NaN;return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(s.kC,{direction:"column",paddingLeft:"20px",paddingRight:"20px",paddingY:"5px",children:[(0,v.jsx)(s.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:"")}(i),color:"white",width:"fit-content",children:(0,v.jsxs)(s.kC,{sx:{display:"flex",gap:"6px"},children:[(0,v.jsx)(s.xv,{isTruncated:!0,noOfLines:2,padding:"2px",fontSize:h,sx:{color:"black !important",lineHeight:"140% !important",fontFamily:l+" !important"},as:"b",children:null===p||void 0===p?void 0:p.title}),(0,v.jsx)(de,{iconSize:1.1*h})]})}),(0,v.jsxs)(s.kC,{direction:"row",gap:"6px",paddingTop:"4px",children:[m&&m>x&&(0,v.jsx)(s.xv,{as:"s",padding:"2px",fontSize:1.2*h,fontWeight:"semibold",sx:{color:"gray !important",fontFamily:l+" !important"},children:(0,Ft.jx)(parseFloat(m)," ",a,i.currency,!0)}),(0,v.jsx)(s.xv,{as:"b",padding:"2px",fontSize:1.2*h,fontWeight:"semibold !important",sx:{color:"black !important",fontFamily:l+" !important"},children:(0,Ft.jx)(parseFloat(x)," ",a,i.currency,!0)}),!isNaN(g)&&0!=g&&(0,v.jsx)(s.xu,{display:"flex",backgroundColor:"green"==(0,c.ZJm)(a)?"#343434"==d?(0,c.ZJm)(a):d:(0,c.ZJm)(a),alignItems:"center",borderRadius:"4px",width:"fit-content",px:"6px",children:(0,v.jsx)(s.xv,{fontSize:(0,c.sTg)(a)?"14px !important":1.1*h,fontWeight:"normal !important",sx:{color:(0,c.mso)(a)+" !important",fontFamily:l+" !important"},children:(0,c.sTg)(a)?"".concat(g,"% off"):"Save ".concat((0,Ft.jx)(parseFloat(m/100-x/100)," ",a,i.currency))})})]})]})})}function ce(t){var e,n;const[i]=(0,u.j1)("whatmorePrimaryFont"),[o]=(0,u.j1)("whatmoreShopId"),{setShowOptionsChart:l}=(0,r.useContext)(je),[a,d]=(0,r.useState)({}),h=(0,u.MO)("whatmoreSecondaryColorShade300"),p=t.setSelectedColor,x=t.selectOptionFirstHandler,m=t.selectOptionSecondHandler,f=t.selectOptionThirdHandler,w=t.FONT_SIZE,j=t.data,y=(t,e,n)=>{if(2==n)d((n=>({...n,[t]:e})));else if(1==n)d((n=>{var i,o,r,l;return{...n,[t]:e,[null===j||void 0===j||null===(i=j.options)||void 0===i||null===(o=i[2])||void 0===o?void 0:o.name]:null===j||void 0===j||null===(r=j.variants)||void 0===r||null===(l=r.find((t=>(null===t||void 0===t?void 0:t.option2)==e)))||void 0===l?void 0:l.option3}}));else{var i,o;const n=null===j||void 0===j||null===(i=j.variants)||void 0===i||null===(o=i.find((t=>(null===t||void 0===t?void 0:t.option1)==e)))||void 0===o?void 0:o.option2;d((i=>{var o,r,l,a,d,s,c,u;return{...i,[null===j||void 0===j||null===(o=j.options)||void 0===o||null===(r=o[1])||void 0===r?void 0:r.name]:null===j||void 0===j||null===(l=j.variants)||void 0===l||null===(a=l.find((t=>(null===t||void 0===t?void 0:t.option1)==e)))||void 0===a?void 0:a.option2,[null===j||void 0===j||null===(d=j.options)||void 0===d||null===(s=d[2])||void 0===s?void 0:s.name]:null===j||void 0===j||null===(c=j.variants)||void 0===c||null===(u=c.find((t=>(null===t||void 0===t?void 0:t.option2)==n)))||void 0===u?void 0:u.option3,[t]:e}}))}};(0,r.useEffect)((()=>{d((t=>{var e,n,i,o,r,l,a,d,s,c,u,h;return{...t,[null===j||void 0===j||null===(e=j.options)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.name]:null===j||void 0===j||null===(i=j.variants)||void 0===i||null===(o=i.find((t=>{var e,n,i;return(null===j||void 0===j||null===(e=j.options)||void 0===e||null===(n=e[0])||void 0===n||null===(i=n.values)||void 0===i?void 0:i.includes(null===t||void 0===t?void 0:t.option1))&&(null===t||void 0===t?void 0:t.available)})))||void 0===o?void 0:o.option1,[null===j||void 0===j||null===(r=j.options)||void 0===r||null===(l=r[1])||void 0===l?void 0:l.name]:null===j||void 0===j||null===(a=j.variants)||void 0===a||null===(d=a.find((t=>{var e,n,i;return(null===j||void 0===j||null===(e=j.options)||void 0===e||null===(n=e[1])||void 0===n||null===(i=n.values)||void 0===i?void 0:i.includes(null===t||void 0===t?void 0:t.option2))&&(null===t||void 0===t?void 0:t.available)})))||void 0===d?void 0:d.option2,[null===j||void 0===j||null===(s=j.options)||void 0===s||null===(c=s[2])||void 0===c?void 0:c.name]:null===j||void 0===j||null===(u=j.variants)||void 0===u||null===(h=u.find((t=>{var e,n,i;return(null===j||void 0===j||null===(e=j.options)||void 0===e||null===(n=e[2])||void 0===n||null===(i=n.values)||void 0===i?void 0:i.includes(null===t||void 0===t?void 0:t.option3))&&(null===t||void 0===t?void 0:t.available)})))||void 0===h?void 0:h.option3}}))}),[]);return(0,v.jsx)(s.kC,{direction:"row",paddingLeft:"20px",paddingRight:"20px",paddingY:"10px",children:(null===j||void 0===j||null===(e=j.options)||void 0===e?void 0:e.length)>0&&(0,v.jsx)(s.kC,{direction:"column",width:"100%",gap:"4px",children:null===j||void 0===j||null===(n=j.options)||void 0===n?void 0:n.map(((e,n)=>{var r,d,u,C,b,S;return(0,v.jsx)(v.Fragment,{children:((null===e||void 0===e||null===(r=e.values)||void 0===r?void 0:r.length)>1||"Colour"===(null===e||void 0===e?void 0:e.name)||(null===e||void 0===e||null===(d=e.name)||void 0===d?void 0:d.toLowerCase().includes("color"))||1==(null===e||void 0===e||null===(u=e.values)||void 0===u?void 0:u.length)&&(null===e||void 0===e?void 0:e.position)>1&&(null===e||void 0===e?void 0:e.position)==(null===j||void 0===j||null===(C=j.options)||void 0===C?void 0:C.length))&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(s.kC,{justifyContent:"space-between",alignItems:"center",children:[(0,v.jsx)(s.xv,{fontSize:1*w+"px !important",sx:{color:"black !important",fontFamily:i+" !important",fontWeight:"bold !important"},children:null===e||void 0===e?void 0:e.name}),"Size"===e.name&&(0,c.Ip6)(o)?(0,v.jsx)(s.kC,{marginTop:"4px",whiteSpace:"nowrap",cursor:"pointer",children:(0,v.jsx)(s.xv,{fontSize:.7*w,as:"u",sx:{color:"black !important",fontFamily:i+" !important"},onClick:()=>{null!==l&&l(!0)},children:(0,c.meb)(o)})}):(0,v.jsx)(v.Fragment,{})]}),(0,v.jsx)(s.Ug,{spacing:0,flexWrap:"wrap",alignContent:"flex-start",alignItems:"center",justifyContent:"flex-start",children:null===e||void 0===e||null===(b=e.values)||void 0===b?void 0:b.map((r=>{var l,d,u,C,b,S,I,k,_;const F=((t,e)=>{var n,i,o,r,l,d,s,c,u,h;if(null===j||void 0===j||null===(n=j.options)||void 0===n||!n.length)return!1;const p=null===j||void 0===j||null===(i=j.options)||void 0===i||null===(o=i[0])||void 0===o?void 0:o.name,x=null===j||void 0===j||null===(r=j.options)||void 0===r||null===(l=r[1])||void 0===l?void 0:l.name;switch(null===j||void 0===j||null===(d=j.options)||void 0===d||null===(s=d[2])||void 0===s||s.name,null===j||void 0===j||null===(c=j.options)||void 0===c?void 0:c.length){case 1:return null===j||void 0===j||null===(u=j.variants)||void 0===u?void 0:u.some((e=>e.option1===t&&e.available));case 2:var v;return 0===e?null===j||void 0===j||null===(v=j.variants)||void 0===v?void 0:v.some((e=>e.option1===t&&e.available)):null===j||void 0===j||null===(h=j.variants)||void 0===h?void 0:h.some((e=>e.option2===t&&e.option1===a[p]&&e.available));case 3:var m,g,f;if(0===e)return null===j||void 0===j||null===(m=j.variants)||void 0===m?void 0:m.some((e=>e.option1===t&&e.available));if(1===e)return null===j||void 0===j||null===(g=j.variants)||void 0===g?void 0:g.some((e=>e.option2===t&&e.option1===a[p]&&e.available));if(2===e)return null===j||void 0===j||null===(f=j.variants)||void 0===f?void 0:f.some((e=>e.option3===t&&e.option1===a[p]&&e.option2===a[x]&&e.available));default:return!1}})(r,n),T=0==n||j.variants.find((t=>{var e,i;return t["option".concat(n)]==(null===(e=Object.entries(a))||void 0===e||null===(i=e[n-1])||void 0===i?void 0:i[1])&&t["option".concat(n+1)]==r}));return("Colour"===(null===e||void 0===e?void 0:e.name)||null!==e&&void 0!==e&&e.name.toLowerCase().includes("color"))&&T&&((null===t||void 0===t||null===(l=t.finalArr)||void 0===l?void 0:l.length)>0&&(null===t||void 0===t||null===(d=t.finalArr)||void 0===d||!d.includes(null))||(null===t||void 0===t||null===(u=t.finalArrExternal)||void 0===u?void 0:u.length)>0)?(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(s.kC,{paddingBottom:"8px",px:"2px",paddingRight:"8px",children:(0,v.jsx)(s.xu,{boxShadow:"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px",borderRadius:(0,c.lmH)(o),size:"sm",border:a[null===e||void 0===e?void 0:e.name]===r?"2px solid ".concat((0,c.ua_)(o)," !important"):"",cursor:"pointer",width:"fit-content !important",onClick:()=>{y(null===e||void 0===e?void 0:e.name,r,n),p(r),0===n&&x(r),1===n&&m(r),2===n&&f(r)},children:(0,v.jsx)(g.Ee,{padding:"2px",borderRadius:(0,c.lmH)(o),width:"58px",height:"58px",src:(0,kt.s)(null!==(C=null===t||void 0===t||null===(b=t.finalArr)||void 0===b||null===(S=b.find((t=>(null===t||void 0===t?void 0:t.color)==r)))||void 0===S?void 0:S.src)&&void 0!==C?C:null===t||void 0===t||null===(I=t.finalArrExternal)||void 0===I||null===(k=I.find((t=>(null===t||void 0===t?void 0:t.color)==r)))||void 0===k?void 0:k.optionsrc,"?width=400&height=400")})})},r)}):T&&(0,v.jsx)(s.kC,{paddingBottom:"8px",paddingRight:"8px",children:(0,v.jsx)(ct.zx,{isDisabled:!F,size:"sm",px:"8px !important",bg:a[null===e||void 0===e?void 0:e.name]===r&&F?(null!==(_=(0,c.CPm)(o))&&void 0!==_?_:h)+" !important":(0,c.bC3)(o)+" !important",width:"fit-content !important",onClick:()=>{y(null===e||void 0===e?void 0:e.name,r,n),0===n&&x(r),1===n&&m(r),2===n&&f(r)},children:(0,v.jsx)(s.xv,{as:F?"p":"s",textDecoration:F?"none":"line-through",fontSize:.9*w+"px !important",sx:{fontFamily:i+" !important",fontWeight:"normal !important",color:a[null===e||void 0===e?void 0:e.name]===r&&F?(0,c.cY_)(o)+" !important":(0,c.FbM)(o)+" !important"},children:r})})},r)}))}),n===(null===j||void 0===j||null===(S=j.options)||void 0===S?void 0:S.length)-1&&(0,v.jsx)(s.M5,{paddingTop:"8px",width:"100%",children:(0,v.jsx)(s.iz,{color:t.dividerColor,size:"xs"})})]})})}))})})}var ue,he=n(8782);function pe(t){var e,n,i,o,l,a,d,p,x,m,f,w,j,y,C,b,S,I,_,T,E;const[P,z,O,L]=(0,h.Z)();var D=.4*L*.8,R=D*(16/9)*.6*.8;const M=1.1*D,A=M*(16/9)*.8;var K=.12*D;const[W,q]=(0,r.useState)(!1),N=t.data,H=t.event,Z=t.product,V=t.setOpenShopNow,U=t.setLockSwiper,[B]=(0,u.j1)("whatmoreEmbedAppUseVariant"),[Y,X]=(0,r.useState)((()=>{if("true"===B)return me(N,Z.client_product_id)})),[Q,J]=(0,r.useState)((()=>{if("true"===B)return ge(N,Z.client_product_id)})),[$,tt]=(0,r.useState)((()=>{if("true"===B)return fe(N,Z.client_product_id)})),[et,it]=(0,r.useState)(),[ot,rt]=(0,r.useState)(1),[lt,at]=(0,r.useState)(),[dt,st]=(0,r.useState)(0),[ct,ut]=(0,r.useState)(!1),[ht,pt]=(0,r.useState)(!1),[xt,vt]=(0,r.useState)(Z.thumbnail_image),mt=(0,r.useContext)(nt.I),gt=(0,u.MO)("whatmoreShopId"),jt=(0,r.useCallback)((t=>{X(t)}),[]),yt=(0,r.useCallback)((t=>{J(t)}),[]),Ct=(0,r.useCallback)((t=>{tt(t)}),[]);(0,r.useEffect)((()=>{const t=xe(N,Y,Q,$);it(t),at(ve(N,t)),rt(1),pt(!1);const e=we(N,t);null!==e&&vt(e)}),[Y,Q,$]),(0,r.useEffect)((()=>{var t,e;const n=void 0===et?null===N||void 0===N||null===(t=N.variants)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.price:ve(N,et);at(n*ot)}),[ot]),(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)||(V(!1),U(!1))}function e(t){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),n.removeEventListener("wheel",e)}}),[]),(0,r.useEffect)((()=>{const t=async function(t,e){return"shopify"==t?(0,wt.Bi)():(0,ft.OM)(e)}((0,c.Ipo)(gt),gt);t.then((t=>t.json())).then((t=>{st(t.item_count)})).catch((t=>{console.error("Cart Add Error:",t)}))}),[ct]);const bt=(0,F.F4)(ue||(ue=(0,k.Z)(["\n 0% {\n transform: translateY(100%);\n }\n "]))),St="".concat(bt," 0.5s"),It=null===N||void 0===N||null===(e=N.options)||void 0===e?void 0:e.findIndex((t=>{var e;return"Colour"==(null===t||void 0===t?void 0:t.name)||(null===t||void 0===t||null===(e=t.name)||void 0===e?void 0:e.toLowerCase().includes("color"))})),[_t,Ft]=(0,r.useState)(-1!==It?null===(n=N.options)||void 0===n||null===(i=n[It])||void 0===i||null===(o=i.values)||void 0===o?void 0:o[0]:""),[Tt,Et]=(0,r.useState)({});(0,r.useEffect)((()=>{-1!==It&&"whatmore"!==(0,c.Ipo)(gt)&&async function(){const t=await(0,wt.m3)(Z);Et(t)}()}),[]);let Pt=-1,zt=-1!==It&&null!==Tt&&void 0!==Tt&&Tt.product&&(null===Tt||void 0===Tt||null===(l=Tt.product)||void 0===l||null===(a=l.images)||void 0===a?void 0:a.length)>=(null===Tt||void 0===Tt||null===(d=Tt.product)||void 0===d||null===(p=d.options)||void 0===p||null===(x=p[It])||void 0===x||null===(m=x.values)||void 0===m?void 0:m.length)?null===Tt||void 0===Tt||null===(f=Tt.product)||void 0===f||null===(w=f.images)||void 0===w?void 0:w.map((t=>{var e,n,i,o,r,l,a,d,s,c,u,h,p,x;const v=null===Tt||void 0===Tt||null===(e=Tt.product)||void 0===e||null===(n=e.options)||void 0===n?void 0:n.findIndex((t=>"Color"==(null===t||void 0===t?void 0:t.name)||"Colour"==(null===t||void 0===t?void 0:t.name)||"COLOR"==(null===t||void 0===t?void 0:t.name)));return{color:(null===t||void 0===t?void 0:t.variant_ids.length)>0?null===Tt||void 0===Tt||null===(i=Tt.product)||void 0===i||null===(o=i.options)||void 0===o||null===(r=o[v])||void 0===r||null===(l=r.values)||void 0===l?void 0:l[Math.min(++Pt,(null===Tt||void 0===Tt||null===(a=Tt.product)||void 0===a||null===(d=a.options)||void 0===d||null===(s=d[It])||void 0===s||null===(c=s.values)||void 0===c?void 0:c.length)-1)]:null===Tt||void 0===Tt||null===(u=Tt.product)||void 0===u||null===(h=u.options)||void 0===h||null===(p=h[v])||void 0===p||null===(x=p.values)||void 0===x?void 0:x[Math.max(0,Pt)],src:null===t||void 0===t?void 0:t.src}})):[],Ot=[];if("whatmore"==(0,c.Ipo)(gt)&&(null===N||void 0===N||null===(j=N.images)||void 0===j?void 0:j.length)>0){var Lt;var Dt;if(-1!==(null===N||void 0===N||null===(Lt=N.options)||void 0===Lt?void 0:Lt.findIndex((t=>{var e;return"Colour"==(null===t||void 0===t?void 0:t.name)||(null===t||void 0===t||null===(e=t.name)||void 0===e?void 0:e.toLowerCase().includes("color"))}))))Ot=null===N||void 0===N||null===(Dt=N.images)||void 0===Dt?void 0:Dt.map((t=>({color:t.color,src:t.src,optionsrc:t.optionsrc})))}return Pt+1<(null===Tt||void 0===Tt||null===(y=Tt.product)||void 0===y||null===(C=y.options)||void 0===C||null===(b=C[It])||void 0===b||null===(S=b.values)||void 0===S?void 0:S.length)&&(zt=[]),(0,v.jsxs)(s.kC,{sx:{"&::-webkit-scrollbar":{width:"0px"}},id:"whatmore-shopnow-view",position:"relative",maxHeight:"75vh",overflowY:"scroll",direction:"column",bg:"#FFF",height:"fit-content",opacity:"100%",borderTopRadius:"round"==(null===mt||void 0===mt?void 0:mt.whatmoreUITheme)?"xl":null,animation:St,children:[(0,v.jsx)(le,{setOpenShopNow:V,setLockSwiper:U,FONT_SIZE:K}),(0,v.jsx)(s.M5,{marginBottom:"10px",px:"20px",py:"5px",children:(0,v.jsx)(s.kC,{bg:"whiteAlpha.900",width:"fit-content",height:"fit-content",borderRadius:"round"==(null===mt||void 0===mt?void 0:mt.whatmoreUITheme)?"lg":null,overflow:"hidden",sx:{borderWidth:(0,c.alU)(gt),borderColor:(0,c.qPe)(gt)},children:(0,v.jsx)(s.kC,{width:"100%",children:(0,v.jsx)(he.P,{renderElement:t=>(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(s.xu,{width:M+"px",height:A+"px",children:(0,v.jsx)(g.Ee,{width:M+"px",height:A+"px",borderRadius:"round"==(null===mt||void 0===mt?void 0:mt.whatmoreUITheme)?"lg":null,src:(0,kt.s)(t.eventData.src,"&width=400&height=400"),alt:Z.handle,sx:{objectFit:(0,c.yOX)(gt)+" !important"},fallback:(0,v.jsx)(G.Z,{width:M+"px",height:A+"px",borderRadius:"round"==(null===mt||void 0===mt?void 0:mt.whatmoreUITheme)?"10px":"0px"})})})}),dataList:zt.length>0&&!zt.includes(null)?null===(I=zt)||void 0===I?void 0:I.filter((t=>(null===t||void 0===t?void 0:t.color)==_t)):Ot.length>0?[null===(_=Ot)||void 0===_?void 0:_.find((t=>(null===t||void 0===t?void 0:t.color)==_t))]:null===N||void 0===N||null===(T=N.images)||void 0===T?void 0:T.map((t=>({src:t.includes("https")?t:"https:"+t}))),spacing:10,defaultHeight:M+"px",defaultWidth:A+"px",retainAlreadyRenderedElements:!0,isScroll:!0})})})}),(0,v.jsx)(se,{data:N,product:Z,PRODUCT_TILE_HEIGHT:R,PRODUCT_TILE_WIDTH:D,FONT_SIZE:K,getVariantPrice:ve,selectedVariantId:et,itemPrice:lt,itemQuantity:ot,setItemQuantity:rt,thumbnailImage:xt}),(null===N||void 0===N||null===(E=N.variants)||void 0===E?void 0:E.length)>0&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s.M5,{paddingTop:"4px",width:"100%",children:(0,v.jsx)(s.iz,{color:(0,c.W8U)(gt),size:"xs",width:"90%"})}),(0,v.jsx)(ce,{data:N,dividerColor:(0,c.W8U)(gt),setSelectedColor:Ft,finalArr:zt,finalArrExternal:Ot,product:Z,PRODUCT_TILE_HEIGHT:R,PRODUCT_TILE_WIDTH:D,FONT_SIZE:K,selectOptionFirstHandler:jt,selectOptionSecondHandler:yt,selectOptionThirdHandler:Ct,getVariantPrice:ve,selectedOptionFirst:Y,selectedOptionSecond:Q,selectedOptionThird:$,selectedVariantId:et})]}),c.$2G&&((null===N||void 0===N?void 0:N.description)||(null===N||void 0===N?void 0:N.body_html))&&(0,v.jsx)(ae,{PRODUCT_TILE_HEIGHT:R,FONT_SIZE:K,data:N,handleToggle:()=>q(!W),show:W}),(0,v.jsx)(s.xu,{sx:{pointerEvents:"none"},paddingTop:"20px",opacity:0,children:(0,v.jsx)(re,{position:"relative",data:N,FONT_SIZE:K,product:Z})}),(0,v.jsx)(re,{position:"fixed",selectedVariantId:et,data:N,FONT_SIZE:K,PRODUCT_TILE_WIDTH:D,product:Z,itemQuantity:ot,cartItemCount:dt,addToCartFlag:ct,setAddToCartFlag:ut,soldOutFlag:ht,setSoldOutFlag:pt,event:H})]})}const xe=(t,e,n,i)=>{var o;if(!e&&!n&&!i)return;const r=null===t||void 0===t||null===(o=t.variants)||void 0===o?void 0:o.find((t=>(!e||t.option1===e)&&(!n||t.option2===n)&&(!i||t.option3===i)));return r?r.id:void 0},ve=(t,e)=>{var n,i;return null===t||void 0===t||null===(n=t.variants)||void 0===n||null===(i=n.find((t=>t.id===e)))||void 0===i?void 0:i.price},me=(t,e)=>{var n,i;return null===t||void 0===t||null===(n=t.variants)||void 0===n||null===(i=n.find((t=>t.id.toString()===e)))||void 0===i?void 0:i.option1},ge=(t,e)=>{var n,i;return null===t||void 0===t||null===(n=t.variants)||void 0===n||null===(i=n.find((t=>t.id.toString()===e)))||void 0===i?void 0:i.option2},fe=(t,e)=>{var n,i;return null===t||void 0===t||null===(n=t.variants)||void 0===n||null===(i=n.find((t=>t.id.toString()===e)))||void 0===i?void 0:i.option3},we=(t,e)=>{var n;const i=null===t||void 0===t||null===(n=t.variants)||void 0===n?void 0:n.find((t=>t.id==e));return void 0===i?null:null===i||void 0===i||null===(o=i.featured_image)||void 0===o?void 0:o.src;var o},je=(0,r.createContext)({setShowOptionsChart:null});var ye=function(t){const e=t.event,n=t.data,i=t.currentProduct,o=t.setOpenShopNow,l=t.setLockSwiper,[a,d]=(0,r.useState)(!1);return(0,v.jsx)(je.Provider,{value:{setShowOptionsChart:d},children:(0,v.jsxs)(s.xu,{width:"full",height:"full",borderRadius:"md",children:[(0,v.jsx)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",children:(0,v.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,v.jsx)(pe,{data:n,event:e,product:i,setOpenShopNow:o,setLockSwiper:l})})}),a?(0,v.jsx)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",style:{position:"relative",zIndex:1,bottom:"100%"},className:"whatmore-ios-css-relative-fix",id:"whatmore-size-chart",children:(0,v.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,v.jsx)(te,{data:n,event:e,product:i,setShowOptionsChart:()=>{d(!1)}})})}):(0,v.jsx)(v.Fragment,{})]})})};var Ce=function(t){var e,[n,i,o,l]=(0,h.Z)();const[a,d]=(0,r.useState)(!1),[x,g]=(0,r.useState)(),[f,w]=(0,r.useState)(),j=(0,u.MO)("whatmoreShopId"),y=t.event,C=t.onBack,b=r.useRef(),S=t.isPlaying,I=t.isLast,k=t.setLockSwiper,_=t.selectedVariantId,F=null===(e=t.showOverlay)||void 0===e||e,T="center";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:l,height:o,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:T,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:l/o,children:(0,v.jsx)(m,{height:"100%",width:"100%",url:y.event_hls_url,isPlaying:S,event:y})})})}),F?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:T,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(Jt,{focusRef:b,event:t.event,isLast:I,onCloseCallback:C,productClickHandler:async t=>{const e=await(0,p.p)(t,(0,c.Ipo)(j),j);w(t),g(e),d(!0),k(!0)}})})}):(0,v.jsx)(v.Fragment,{}),!0===a?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:T,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(ye,{focusRef:b,event:t.event,isLast:I,onCloseCallback:()=>C(),setLockSwiper:k,data:x,currentProduct:f,setOpenShopNow:d,selectedVariantId:_})})}):(0,v.jsx)("div",{})]})})};const be=function(t,e){return isNaN(t)||isNaN(e)||e<=0||t>e?0:Math.ceil(t/e*100)};function Se(t){var e,n,[i,o,r,l]=(0,h.Z)();const[a]=(0,u.j1)("whatmoreSecondaryColor"),[d]=(0,u.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,v.jsx)(s.Kq,{width:"96%",height:"fit-content",direction:"row",justifyContent:"center",alignItems:"center",spacing:"1px",children:[...Array(p).keys()].map((t=>(0,v.jsx)(s.Kq,{width:"100%",height:.004*r+"px",backgroundColor:t<x?a:d+"99",borderRightRadius:"lg",borderLeftRadius:"lg",direction:"row",justifyContent:"flex-start",alignItems:"center",overflow:"hidden",sx:{display:"block !important"},children:t==x?(0,v.jsx)(s.xu,{height:"100%",width:c+"%",bgColor:a,borderRightRadius:"lg",borderLeftRadius:"lg",sx:{display:"block !important"}}):(0,v.jsx)(v.Fragment,{})},"event-progress-bar-slab-"+t)))})}var Ie=n(868),ke=n(2630);const _e=t=>t>=1e3?(t/1e3).toFixed(1)+"k":t;var Fe=n(4862);var Te=function(t){var e,n,i,o,l,a=t.whatmoreShareTemplateId;const p=t.whatmoreShareStoryId,x=t.whatmoreShareEventId,m=t.event,g=null===(e=t.showShareText)||void 0===e||e,f=null!==(n=t.shareButtonBottomMargin)&&void 0!==n?n:0,w=(0,u.MO)("whatmoreShopId"),j=(0,u.MO)("isInDesignMode"),y=(0,u.MO)("isDemoBrand"),C=(0,u.MO)("whatmorePrimaryFont"),b=(0,u.MO)("websiteLanguage"),{whatmoreWidgetSourceDetails:S}=(0,r.useContext)(nt.I),[I,k,_,F]=(0,h.Z)(),T=null!==(i=t.iconSize)&&void 0!==i?i:.1*F;function E(){const e=(0,u.MO)("whatmoreLandingLocationType");var n;!function(t){j||y||(async()=>{(0,d.x0)(t)})()}(m),(e.startsWith("product")||"embed"===e)&&(a="te"),n="event_product_link"===(0,c.EEC)(w)?m.products[0].product_link||"":window.location.pathname,n=("event_product_link"===(0,c.EEC)(w)?"":window.location.hostname)+n+"?wtt="+a+"&wsid="+p+"&weid="+x,(0,c.lj5)(w)&&(n=n+"&"+(0,c.awP)(w)+"&utm_campaign=video-share&utm_medium="+e);const i={title:(0,c.JNF)(w),text:"".concat((0,c.Qa8)(w)," \n ").concat(n," ").concat((0,c.AWG)(w)?"\n \n -via Whatmore":"")};navigator.share&&!Fe.nI?navigator.share(i):(t.setIsModalOpen(!0),t.setShareText([i,n]))}return(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{cursor:"pointer",style:{marginBottom:f+"px"},children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[(0,v.jsx)(ke.Z,{sx:{boxShadow:3,transform:"scaleX(-1)",color:"white",fontSize:T,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),E(),(0,tt.GF)({userInteractionType:et.K.VIDEO_SHARE_CTA_CLICKED,widgetSourceDetails:S,event:m,productList:m.products,ctaList:m.cta})}}),g&&(0,c.u8S)(w)?(0,v.jsxs)(s.xv,{fontSize:.3*T+"px !important",fontWeight:"semibold !important",align:"center",sx:{fontFamily:C+" !important",color:"white !important",paddingRight:"10%"},children:["\xa0",m.total_share>(0,c.LWl)(w)?_e(m.total_share):null!==(o=null===ut||void 0===ut||null===(l=ut[b])||void 0===l?void 0:l.share)&&void 0!==o?o:"Share","\xa0"]}):(0,v.jsx)(v.Fragment,{})]})})})},Ee=n(7933),Pe=n(2785);var ze=function(t){var e,n,i;const o=(0,u.MO)("whatmoreShopId"),l=(0,u.MO)("whatmorePrimaryFont"),a=(0,u.MO)("whatmoreLikedEvents"),p=((0,u.MO)("whatmoreSecondaryColor"),(0,u.MO)("isInDesignMode")),x=(0,u.MO)("isDemoBrand"),m=(0,u.MO)("websiteLanguage"),{whatmoreWidgetSourceDetails:g}=(0,r.useContext)(nt.I),f=t.event,[w,j]=(0,r.useState)(null!==(e=a[f.event_id])&&void 0!==e&&e),[y,C,b,S]=(0,h.Z)(),I=.1*S;function k(t,e){p||x||(async()=>{(0,d.Z6)(t,e)})()}function _(){(0,u.bU)("whatmoreLikedEvents",{...a,[f.event_id]:!w}),w?(k(f,-1),(0,tt.GF)({userInteractionType:et.K.VIDEO_UNLIKED,widgetSourceDetails:g,event:f,productList:f.products,ctaList:f.cta})):(k(f,1),(0,tt.GF)({userInteractionType:et.K.VIDEO_LIKED,widgetSourceDetails:g,event:f,productList:f.products,ctaList:f.cta})),j(!w)}const F=f.total_like+(w?1:0);return(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{cursor:"pointer",children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[w?(0,v.jsx)(Pe.Z,{sx:{boxShadow:3,color:(0,c.dmX)(o),fontSize:I,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),_()}}):(0,v.jsx)(Ee.Z,{sx:{boxShadow:3,color:"white",fontSize:I,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),_()}}),(0,v.jsx)(v.Fragment,{children:(0,c.CEM)(o)?(0,v.jsxs)(s.xv,{fontSize:.3*I+"px !important",fontWeight:"semibold !important",align:"center",sx:{fontFamily:l+" !important",color:"white !important",position:"relative",bottom:"5px"},children:["\xa0",F>=(0,c.zKg)(o)?_e(F):null!==(n=null===ut||void 0===ut||null===(i=ut[m])||void 0===i?void 0:i.like)&&void 0!==n?n:"Like","\xa0"]}):(0,v.jsx)(v.Fragment,{})})]})})})};const Oe=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#25D366",borderRadius:"50%",padding:.3*e},children:(0,v.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,v.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 Le=n(8866);const De=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:.3*e},children:(0,v.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,v.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"})})})},Re=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:.3*e},children:(0,v.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,v.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 Me=t=>{const e=t.shareText,[n,i]=(0,r.useState)("Copy link"),[o,l]=(0,r.useState)("");return(0,v.jsx)(v.Fragment,{children:t.isModalOpen&&(0,v.jsxs)("div",{className:"modal-overlay",style:{backgroundColor:"white",borderRadius:"10px",padding:"12px 12px 20px 12px"},children:[(0,v.jsxs)("div",{style:{cursor:"pointer",display:"flex",justifyContent:"space-between",paddingBottom:"6px"},children:[(0,v.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,v.jsx)($t.Z,{onClick:e=>{e.stopPropagation(),t.setIsModalOpen(!1)}})]}),(0,v.jsx)("div",{}),(0,v.jsx)(s.iz,{color:"blackAlpha.500",size:"1px",width:"100%"}),(0,v.jsxs)("div",{className:"social-icons",style:{display:"flex",gap:"20px",justifyContent:"center",paddingTop:"12px"},children:[(0,v.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,v.jsx)(Oe,{iconSize:Math.min(t.iconSize,30)}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14)},children:"Whatsapp"})]}),(0,v.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,v.jsx)(De,{iconSize:Math.min(t.iconSize,30),style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14)},children:"X"})]}),(0,v.jsxs)("div",{onClick:t=>{t.stopPropagation(),navigator.clipboard.writeText(e[1]),i("Link copied"),l("green")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,v.jsx)(Re,{iconSize:Math.min(t.iconSize,30),style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14),color:o},children:n})]})]})]})})};var Ae=function(t){var e,n;const i=null===(e=t.brandName)||void 0===e?void 0:e.replace(/\s+/g,"_"),o=(0,u.MO)("whatmorePrimaryFont"),r=(0,u.MO)("whatmoreShopId"),l=null!==(n=t.fontSize)&&void 0!==n?n:"8",[a]=(0,Le.Z)(),d="landscape"===a?"customer_referral_desktop":"customer_referral_mobile",h="https://www.whatmore.ai/shoppable-videos?utm_source=".concat(i,"&utm_medium=referral&utm_campaign=").concat(d);return(0,v.jsx)(s.rU,{href:h,isExternal:!0,children:(0,c.XFt)(r)&&(0,v.jsxs)(s.Kq,{direction:"row",justifyContent:"flex-start",alignItems:"center",width:"fit-content",spacing:"2px",paddingLeft:"2px",paddingRight:"2px",children:[(0,v.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:o,fontWeight:"normal",fontSize:1.1*l+"px"},children:"powered by Whatmore"}),(0,v.jsx)(s.xu,{width:"10px"}),(0,v.jsx)("img",{src:"https://whatmore-other-assets.b-cdn.net/whatmore/new_whatmore_logo.png",style:{objectFit:"contain",width:1.7*l,backgroundColor:"transparent",borderRadius:"0px"}})]})})},Ke=n(4892),We=n(1195);var qe=()=>(0,v.jsxs)(s.xu,{as:"svg",width:"46px",height:"46px",viewBox:"0 0 24 24",fill:"none",className:"tick-animation",marginBottom:"20px",children:[(0,v.jsx)("circle",{cx:"12",cy:"12",r:"11",stroke:"gray",strokeWidth:"2",fill:"none"}),(0,v.jsx)("path",{d:"M7 12l3 3 7-7",stroke:"gray",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]});var Ne=t=>{var e;const n={text:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.title,options:(null===t||void 0===t?void 0:t.options)||[]},[i,o]=(0,r.useState)(!1),[l,a]=(0,r.useState)(null),[d,c]=(0,r.useState)(null),u=(0,r.useRef)(null),h=(0,r.useContext)(nt.I);return(0,r.useEffect)((()=>{if(i){const e=setTimeout((()=>{t.setIsQuestionVisible(!1)}),1e3);return()=>clearTimeout(e)}}),[i]),(0,r.useEffect)((()=>{!i&&u.current&&c(u.current.offsetHeight)}),[i]),(0,v.jsxs)(s.xu,{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:"320px",width:"fit-content",bg:"white",borderRadius:"lg",boxShadow:"md",display:"flex",flexDirection:"column",maxWidth:"90%",maxHeight:"90%",overflowY:"visible",ref:u,height:d?"".concat(d,"px"):"auto",children:[(0,v.jsx)(s.xu,{position:"absolute",top:"-10px",right:"-10px",bg:"rgba(255, 255, 255, 0.8)",borderRadius:"full",padding:1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:"10",onClick:()=>{var e;t.setIsQuestionVisible(!1),(0,tt.GF)({userInteractionType:et.K.QUESTION_CLOSED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.id},widgetSourceDetails:h})},children:(0,v.jsx)(We.Z,{})}),(0,v.jsx)(s.xu,{bg:"gray.700",borderTopRadius:"lg",py:3,px:6,display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",children:(0,v.jsx)(s.X6,{py:6,as:"h2",textAlign:"center",style:{fontWeight:"bold",fontSize:"18px",color:"white"},children:null===n||void 0===n?void 0:n.text})}),(0,v.jsx)(s.xu,{flex:"1",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",py:5,px:6,width:"100%",children:i?(0,v.jsxs)(s.xu,{flex:"1",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",children:[(0,v.jsx)(qe,{}),(0,v.jsx)(s.X6,{as:"h3",size:"md",color:"gray.700",fontWeight:"medium",textAlign:"center",mt:4,fontSize:"lg",children:"Thank you for your response!"})]}):(0,v.jsx)(s.Kq,{spacing:5,width:"100%",align:"center",children:n.options.map(((e,n)=>(0,v.jsx)(s.xu,{px:4,borderWidth:2,borderRadius:"md",cursor:"pointer",bg:l===e?"gray.200":"white",borderColor:l===e?"gray.400":"gray.200",_hover:{bg:"gray.200"},onClick:()=>(e=>{var n;a(e),o(!0),(0,tt.GF)({userInteractionType:et.K.QUESTION_ANSWERED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(n=t.question)||void 0===n?void 0:n.id,response:e},widgetSourceDetails:h})})(e),transition:"background-color 0.2s, border-color 0.2s",display:"flex",alignItems:"center",width:"100%",children:(0,v.jsx)(s.xv,{py:5,color:"gray.800",children:e})},n)))})})]})};var He=t=>{var e,n;const[i,o]=(0,r.useState)(!1),[l,a]=(0,r.useState)(""),[d,c]=(0,r.useState)(""),u=null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.title,h=(0,r.useContext)(nt.I);(0,r.useEffect)((()=>{if(i){const e=setTimeout((()=>{t.setIsQuestionVisible(!1)}),1e3);return()=>clearTimeout(e)}}),[i]);const p=()=>{var e,n,i;"number"===(null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.type)?m(l)?(o(!0),(0,tt.GF)({userInteractionType:et.K.QUESTION_ANSWERED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(n=t.question)||void 0===n?void 0:n.id,response:l,type:"leadgen:number"},widgetSourceDetails:h})):c("Please enter a valid phone number."):x(l)?(o(!0),(0,tt.GF)({userInteractionType:et.K.QUESTION_ANSWERED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(i=t.question)||void 0===i?void 0:i.id,response:l,type:"leadgen:email"},widgetSourceDetails:h})):c("Please enter a valid email address.")},x=t=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t),m=t=>/^\d{10}$/.test(t);return(0,v.jsxs)(s.xu,{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"350px",height:"300px",bg:"white",borderRadius:"lg",boxShadow:"md",display:"flex",flexDirection:"column",children:[(0,v.jsx)(s.xu,{position:"absolute",top:"-12px",right:"-12px",bg:"rgba(255, 255, 255, 0.8)",borderRadius:"full",width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",onClick:()=>{var e;t.setIsQuestionVisible(!1),(0,tt.GF)({userInteractionType:et.K.QUESTION_CLOSED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.id},widgetSourceDetails:h})},children:(0,v.jsx)(We.Z,{color:"gray.800",boxSize:3})}),i?(0,v.jsxs)(s.xu,{flex:"1",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",py:5,px:6,children:[(0,v.jsx)(qe,{}),(0,v.jsx)(s.X6,{as:"h3",size:"md",color:"gray.700",fontWeight:"medium",textAlign:"center",mt:4,fontSize:"lg",children:"Thank you for your response!"})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s.xu,{bg:"gray.700",borderTopRadius:"lg",py:5,px:6,height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",children:(0,v.jsx)(s.X6,{as:"h2",textAlign:"center",style:{fontWeight:"bold",fontSize:"18px",color:"white"},children:u})}),(0,v.jsxs)(s.xu,{px:6,pt:5,pb:6,children:[(0,v.jsx)("input",{type:"number"===(null===(n=t.question)||void 0===n?void 0:n.type)?"tel":"email",placeholder:t.placeholder,value:l,onChange:t=>{a(t.target.value)},onKeyDown:t=>{"Enter"===t.key&&p()},style:{width:"100%",padding:"12px",borderRadius:"8px",border:"2px solid #E2E8F0",marginTop:"8px",marginBottom:"8px",fontSize:"16px",outline:"none",transition:"border-color 0.2s"},onFocus:t=>t.target.style.borderColor="grey",onBlur:t=>t.target.style.borderColor="#E2E8F0"}),d&&(0,v.jsx)(s.xv,{color:"red.500",mt:2,fontSize:"md",textAlign:"center",children:d}),(0,v.jsx)(s.xu,{mt:3,p:4,borderWidth:2,borderRadius:"md",cursor:"pointer",textAlign:"center",bg:"gray.200",borderColor:l?"gray.400":"gray.200",_hover:{bg:"gray.300"},onClick:p,transition:"background-color 0.2s, border-color 0.2s",color:l?"gray.800":"gray.500",height:"50px",children:"Submit"})]})]})]})};var Ze=t=>{const[e,n]=(0,r.useState)(null);return(0,v.jsx)(s.xu,{children:!e&&(0,v.jsx)(He,{question:t.question,onEmailSubmit:t=>{n(t)},setIsQuestionVisible:t.setIsQuestionVisible,placeholder:t.placeholder})})};var Ve=t=>{var e;const[n,i]=(0,r.useState)(null),o=t.questionIndex,l=t.questionList;if((0,r.useEffect)((()=>{if(!(o>=l.length))return()=>(0,gt.xw)()}),[]),o>=l.length)return;const a=null===l||void 0===l?void 0:l[o];return"string"===(null===a||void 0===a?void 0:a.type)||"number"===(null===a||void 0===a?void 0:a.type)?(0,v.jsx)(s.xu,{children:(0,v.jsx)(Ze,{setIsQuestionVisible:t.setIsQuestionVisible,question:a,placeholder:"number"===(null===a||void 0===a?void 0:a.type)?"Enter your phone number":"Enter your email"})}):(0,v.jsx)(s.xu,{children:(0,v.jsx)(Ne,{question:a,options:null===a||void 0===a||null===(e=a.answers)||void 0===e?void 0:e.values.map((t=>null===t||void 0===t?void 0:t.value)),onAnswerSelect:t=>{i(t)},selectedAnswer:n,onClose:()=>{t.setIsQuestionVisible(!1)},setIsQuestionVisible:t.setIsQuestionVisible})})};function Ue(t){var e;const n=t.event,[i,o,l,a]=(0,h.Z)(),[d]=(0,u.j1)("whatmorePrimaryFont"),{whatmoreIsStoriesTemplate:p}=(0,r.useContext)(nt.I),[x]=(0,u.j1)("whatmoreSecondaryColor"),[m]=(0,u.j1)("whatmoreShopId"),g=(0,c.f63)(m),f=null!==(e=(0,c.u2W)(m))&&void 0!==e?e:[x,g,x,g,x],w=(0,r.useRef)(null);(0,r.useEffect)((()=>{w.current&&w.current.play()}),[]);const j=(0,Ie.V)(null===n||void 0===n?void 0:n.storyset_thumbnail_image);return(0,v.jsx)(v.Fragment,{children:p?(0,v.jsx)(s.xu,{width:"100%",height:"fit-content",padding:"5px",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-start",children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{overflow:"hidden",size:.14*t.width+"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:"video"==(0,kt.$)(j)?(0,v.jsx)(Ke.Z,{height:"100%",width:"100%",poster:null===n||void 0===n?void 0:n.thumbnail_image,url:j,isPlaying:!0,event:{event_type:"video"},borderRadius:"50%"}):(0,v.jsx)("img",{src:j,style:{objectFit:"cover",height:"100%",width:"100%",backgroundColor:"white"}})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:.05*t.width+"px",fontWeight:"medium",lineHeight:"100%",sx:{fontFamily:d+" !important",color:"white !important",textShadow:"0px 0px 4px black !important;"},children:n.storyset_name})})]})}):(0,v.jsx)(v.Fragment,{})})}var Be=function(t){var e,n,i;const[o,l,a]=(0,Le.Z)(),[p]=(0,u.j1)("isInDesignMode"),[x]=(0,u.j1)("isDemoBrand"),[m,g]=(0,u.j1)("isProductSwiperCatalogOpen"),[f,w]=(0,u.j1)("isFirstIndicatorRenderDone"),[j]=(0,u.j1)("whatmoreShopId"),y=(0,r.useContext)(Ln),{whatmoreEventsBrowsingTemplate:C}=(0,r.useContext)(nt.I),[b,S,k,_]=(0,h.Z)(),F=(0,u.MO)("whatmorePrimaryFont"),T=t.event,E=t.storySetId,P=t.isLast,z=t.onCloseCallback,O=t.focusRef,L=t.productClickHandler,D=t.videoPlayingData,R=t.totalSiblingEvents,M=t.indexAmongSiblings,A=t.leftOpenSpaceClickHandler,K=t.midOpenSpaceClickHandler,W=t.rightOpenSpaceClickHandler,{whatmoreWidgetSourceDetails:q}=(0,r.useContext)(nt.I),H=.1*_,[V,U]=(0,r.useState)(!1),[B,Y]=(0,r.useState)([]),G=t=>{Q.current&&!Q.current.contains(t.target)&&U(!1)},Q=(0,r.useRef)(null);(0,r.useEffect)((()=>(V?document.addEventListener("click",G):document.removeEventListener("click",G),()=>{document.removeEventListener("click",G)})),[V]);const J="Free"==(0,c.Svj)(j)&&"portrait"==o;return(0,v.jsxs)(s.xu,{width:"full",height:"full",borderRadius:"md",children:[t.isQuestionVisible&&(0,v.jsx)(Bt.u,{userInteractionType:et.K.QUESTION_VIEWED,userInteractionMetadata:{questionId:null===(e=t.questionList)||void 0===e||null===(n=e[t.qIndex])||void 0===n?void 0:n.id},triggerFlag:!p&&!x,children:(0,v.jsx)(Ve,{questionList:t.questionList,questionIndex:t.qIndex,setIsQuestionVisible:t.setIsQuestionVisible})}),V&&(0,v.jsx)("div",{ref:Q,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,v.jsx)(Me,{shareText:B,setShareText:Y,iconSize:H,isModalOpen:V,setIsModalOpen:U})}),(!t.isQuestionVisible||t.qIndex>=(null===t||void 0===t||null===(i=t.questionList)||void 0===i?void 0:i.length))&&(0,v.jsxs)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"space-between",children:[(0,v.jsxs)(s.Kq,{width:"full",height:"fit-content",direction:"column",justifyContent:"flex-start",alignItems:"center",bgGradient:"linear(to-t, transparent, whiteAlpha.100, blackAlpha.200, blackAlpha.400, blackAlpha.800)",children:[y.showVideoPlayingData?(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",marginTop:"5px",justifyContent:"center",children:(0,v.jsx)(Se,{progress:be(D.current_time,D.video_duration),totalSiblings:R,indexAmongSiblings:M})}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.xu,{width:"full",margin:"2px",marginTop:"5px",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingRight:"10px",paddingLeft:"10px",children:[(0,v.jsx)(Ue,{event:T,width:_}),(0,v.jsxs)(s.Kq,{direction:"row",width:"fit-content",justifyContent:"end",paddingLeft:"10px",children:[(0,Tt.ZK)(C)?(0,v.jsx)(Te,{whatmoreShareTemplateId:(0,Tt.QN)(C),whatmoreShareStoryId:E,whatmoreShareEventId:T.event_id,event:T,showShareText:!1,iconSize:.07*_,shareButtonBottomMargin:6,setIsModalOpen:U,setShareText:Y}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(I,{focusRef:O}),("landscape"!==o||t.showCloseOverlay)&&(0,v.jsx)(Z.Z,{event:T,onCloseCallback:z})]})]})})]}),(0,v.jsxs)(s.Kq,{width:"100%",height:"100%",direction:"row",justifyContent:"center",children:[(0,v.jsx)(s.xu,{width:"33%",height:"100%",onClick:()=>{A()},sx:{display:"block !important"}}),(0,v.jsx)(s.xu,{width:"34%",height:"100%",onClick:()=>{K()},sx:{display:"block !important"}}),(0,v.jsx)(s.xu,{width:"33%",height:"100%",onClick:()=>{W()},sx:{display:"block !important"}})]}),(0,v.jsxs)(s.xu,{width:"full",height:"fit-content",children:[y.totalEvents>1&&!f&&y.showSwipeIndicator?(0,v.jsx)(s.xu,{width:"full",margin:"2px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"center",children:(0,v.jsx)(X,{swipeUp:!P})})}):null,(0,v.jsxs)(s.xu,{width:"fit-content",height:"fit-content",position:"absolute",right:0,bottom:"25%",children:[(0,c.slY)(j)&&!(0,Tt.ZK)(C)?(0,v.jsx)(s.xu,{ml:"auto",width:"fit-content",paddingY:"12px",paddingX:"8px",position:"relative",top:"-30px",children:(0,v.jsxs)(s.Kq,{gap:"4px",direction:"column",alignItems:"center",cursor:"pointer",onClick:function(){var t;p||x||(async()=>{(0,d.lY)(T,1)})(),(0,tt.GF)({userInteractionType:et.K.WHATSAPP_ICON_CLICKED,widgetSourceDetails:q,event:T,productList:null===T||void 0===T?void 0:T.products,ctaList:null===T||void 0===T?void 0:T.cta});const e=T.products.map((t=>"".concat(t.product_link," \n"))),n=(0,c.gtK)(j),i="Hey, I am interested in ".concat(T.products.length>1?"these products":"this product"," I saw on ").concat(null===(t=T.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,v.jsx)(Oe,{iconSize:.7*H,style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)(s.xv,{fontSize:H*(0,c.Xod)(j)+"px",fontWeight:"bold",align:"center",style:{marginTop:0},sx:{fontFamily:F+" !important",color:"white !important"},children:(0,c.UiZ)(j)})]})}):(0,v.jsx)(v.Fragment,{}),(0,c.jY3)(j)?(0,v.jsx)(s.xu,{width:"full",height:"fit-content",paddingX:"12px",position:"relative",top:"-30px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(ze,{event:T})})}):(0,v.jsx)(v.Fragment,{}),(0,c.ROU)(j)&&!(0,Tt.ZK)(C)?(0,v.jsx)(s.xu,{width:"full",height:"fit-content",paddingX:"12px",position:"relative",top:"-30px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(Te,{whatmoreShareTemplateId:(0,Tt.QN)(C),whatmoreShareStoryId:E,whatmoreShareEventId:T.event_id,event:T,setIsModalOpen:U,setShareText:Y})})}):(0,v.jsx)(v.Fragment,{})]}),(0,Ut.kT)(T)?(0,v.jsxs)(s.xu,{width:"full",children:[(0,c.Jm1)(j)?(0,v.jsx)(s.xu,{w:"100%",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(N,{event:T,onToggle:t=>{g("minimize-button"!==t)}})})}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.xu,{display:"flex",width:"100%",height:"fit-content",children:(0,v.jsx)(Xt,{event:T,productClickHandler:L})})]}):(0,v.jsx)(v.Fragment,{})]}),J&&(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",bg:"rgba(52, 52, 52, 0.9)",py:"3px",justifyContent:"center",children:(0,v.jsx)(Ae,{brandName:null===T||void 0===T?void 0:T.brand,fontSize:.033*_})})]})]})},Ye=n(2279),Xe=n.n(Ye),Ge=n(342);var Qe=function(t){var e,n,i,o,l,a,[d,m,g,f]=(0,h.Z)();const[w,j]=(0,r.useState)(!1),[y,C]=(0,r.useState)(),[b,S]=(0,r.useState)(),[I,k]=(0,r.useState)({current_time:0,video_duration:0,is_video_ended:!1}),_=(0,u.MO)("whatmoreShopId"),F=t.event,T=t.storyId,E=t.onBack,P=r.useRef(),z=t.isPlaying,O=t.isLast,L=t.setLockSwiper,D=t.onVideoEndedCallback,R=t.progressUpdateCallback,M=null!==(e=t.totalSiblingEvents)&&void 0!==e?e:0,A=null!==(n=t.indexAmongSiblings)&&void 0!==n?n:0,K=null===(i=t.showOverlay)||void 0===i||i,W=null!==(o=t.leftOpenSpaceClickHandler)&&void 0!==o?o:()=>{},q=null!==(l=t.midOpenSpaceClickHandler)&&void 0!==l?l:()=>{},N=null!==(a=t.rightOpenSpaceClickHandler)&&void 0!==a?a:()=>{},{whatmoreWidgetSourceDetails:H}=(0,r.useContext)(nt.I),{questionList:Z}=(0,r.useContext)(Ln),V=(null===Z||void 0===Z?void 0:Z.length)>0?parseInt(localStorage.getItem("_whatmore_qview_index")):1e4,[U,B]=(0,r.useState)();(0,r.useEffect)((()=>{B(t.showQuestion)}),[t.showQuestion]);const Y="center";let X;try{X=Xe()((()=>{D()}),1e3,{leading:!0,trailing:!1})}catch(G){console.log(G)}return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:f,height:g,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:Y,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:f/g,children:(0,v.jsx)(x.Z,{height:"100%",width:"100%",url:(0,Ie.V)((0,Ge.uv)(F)),isPlaying:z&&(!U||V>=Z.length),timeUpdateCallback:function(t,e){const n=be(t,e);R(n);const i=I.is_video_ended;n>=99&&z&&!i?(X(),k({current_time:t,video_duration:e,is_video_ended:!0})):k({current_time:t,video_duration:e,is_video_ended:i})},event:F,question:U&&V<(null===Z||void 0===Z?void 0:Z.length),source:t.source})})})}),K?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:Y,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(Be,{focusRef:P,event:t.event,isLast:O,onCloseCallback:t=>{E(t),(0,tt.Z2)({userInteractionType:et.K.VIDEO_PLAYBACK,userInteractionMetadata:{watch_time:I.current_time},widgetSourceDetails:H,event:F,productList:F.products,ctaList:F.cta})},productClickHandler:async t=>{const e=await(0,p.p)(t,(0,c.Ipo)(_),_);S(t),C(e),j(!0),L(!0),(0,tt.GF)({userInteractionType:et.K.SHOPNOW_CLICKED,widgetSourceDetails:H,event:F,productList:F.products,ctaList:F.cta}),(0,u.bU)("whatmoreAllowAutoSlide",!1)},videoPlayingData:I,totalSiblingEvents:M,indexAmongSiblings:A,questionList:Z,isQuestionVisible:U&&V<(null===Z||void 0===Z?void 0:Z.length),qIndex:V,setIsQuestionVisible:B,leftOpenSpaceClickHandler:W,midOpenSpaceClickHandler:q,rightOpenSpaceClickHandler:N,storySetId:T,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay})})}):(0,v.jsx)(v.Fragment,{}),!0===w?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:Y,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(ye,{focusRef:P,event:t.event,isLast:O,onCloseCallback:()=>E(),setLockSwiper:L,data:y,currentProduct:b,setOpenShopNow:t=>{j(t),(0,u.bU)("whatmoreAllowAutoSlide",!t)}})})}):(0,v.jsx)("div",{})]})})},Je=n(7300),$e=n(8984),tn=n(58),en=n(9723);var nn=function(t){var[e,n,i,o]=(0,h.Z)();const r=(0,u.MO)("whatmoreShopId"),l=t.event,a=t.isPlaying,d="center";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:o,height:i,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:d,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:o/i,children:(0,v.jsx)(x.Z,{height:"100%",width:"100%",url:(0,Ie.V)((0,Ge.uv)(l)),isPlaying:a,timeUpdateCallback:function(t,e){},event:l,source:t.source})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:d,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",backdropFilter:"auto",backdropBlur:"10px",onClick:t=>{(0,tn.QV)()},children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"full",width:"full",children:[(0,v.jsx)(en.Z,{sx:{boxShadow:3,color:(0,c.Ya_)(r),fontSize:.4*o,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{(0,tn.QV)()}}),(0,v.jsx)(s.xv,{color:"white",fontSize:.05*o+"px",fontWeight:"bold",align:"left",children:"Please click to play video.."})]})})})]})})},on=n(3433);const rn=r.lazy((()=>n.e(824).then(n.bind(n,5824))));var ln=function(t){var e,n;const r=t.event,l=null===(e=t.isPlaying)||void 0===e||e,a=t.onBack,d=t.isLast,s=t.setLockSwiper,c=(t.heightFactor,t.widthFactor,t.onVideoEndedCallback),h=t.progressUpdateCallback,[p,x]=(0,j.Z)(),[m]=(0,u.j1)("whatmoreVideoPlayerPoolBlessed"),g=null===(n=t.showOverlay)||void 0===n||n;function f(){x(!p)}if((0,$e.KE)()&&0==m&&"recommended_images"!=(null===r||void 0===r?void 0:r.event_type))return(0,v.jsx)(nn,{event:r,onBack:a,isPlaying:l,isLast:d,setLockSwiper:s,onVideoEndedCallback:c,progressUpdateCallback:h,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:g,source:on.j.CAROUSEL_EVENT_OPENED},"shopping-video-view"+r.event_id);if((0,Je.B6)(r)||(0,Je.WJ)(r))return(0,v.jsx)(Qe,{event:r,onBack:a,isPlaying:l,isLast:d,setLockSwiper:s,onVideoEndedCallback:c,progressUpdateCallback:h,showQuestion:t.showQuestion,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:g,source:on.j.CAROUSEL_EVENT_OPENED,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay},"shopping-video-view"+r.event_id);if("recommended_images"==(null===r||void 0===r?void 0:r.event_type))return(0,v.jsx)(rn,{onBack:a,mode:t.mode,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay,imageUrls:null===r||void 0===r?void 0:r.product_list});if((0,Je.yC)(r)){var{status:w,bannerText:y,timeToStartInMins:C}=i.Z.getEventStatus(r);if(w.name===o.Z.LIVE.name)return(0,v.jsx)(Ce,{event:r,onBack:a,isPlaying:l,isLast:d,showOverlay:g},"shopping-live-view"+r.event_id)}return console.error("Can't render event which is neither video or a currently-live-event"),(0,v.jsx)("div",{})},an=n(9284),dn=n.n(an),sn=n(7463),cn=n(2154);function un(t){var e;const[n,i]=(0,r.useState)(!1),o=t.onClick,l=null!==(e=t.fontSize)&&void 0!==e?e:50;return(0,v.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,v.jsx)(cn.Z,{sx:{color:"white",fontSize:l+"px",filter:"drop-shadow(0 0 5px black);"},onClick:t=>{i(!0),setTimeout((()=>{i(!1)}),500),o(t,"up")}}):(0,v.jsx)(sn.Z,{sx:{color:"white",fontSize:l+"px",filter:"drop-shadow(0 0 5px black);"},onClick:t=>{i(!0),setTimeout((()=>{i(!1)}),500),o(t,"down")}})})}var hn=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%",l=null!==(i=t.fontSize)&&void 0!==i?i:50,a=t.handleClick;return(0,v.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,v.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,v.jsx)(un,{type:"left",onClick:a,fontSize:l}),(0,v.jsx)(un,{type:"right",onClick:a,fontSize:l})]})})},pn=n(2860),xn=n(4669);var vn=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 mn=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 l=o-i.changedTouches[0].clientX,a=r-i.changedTouches[0].clientY;return"vertical"==t&&Math.abs(a)>e||"horizontal"==t&&Math.abs(l)>e?"vertical"==t?a>0?"right":"left":l>0?"right":"left":null}]};var gn=function(t,e){const n=(0,r.useRef)(Xe()(((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 l=r>0?"right":"left";n.current(o,l)}]},fn=n(5173);var wn=function(t){const e=t.events,n=t.eventIndex,i=t.onBack;var[o,p,x,m]=(0,h.Z)();const[g]=(0,u.j1)("isInDesignMode"),[f]=(0,u.j1)("isDemoBrand"),[w,j]=(0,r.useState)(!0),[y,C]=(0,u.j1)("isFirstIndicatorRenderDone"),[b,S]=(0,r.useState)(!1),{setCloseClickComponent:I}=(0,r.useContext)(Ln),{slideDirection:k}=(0,r.useContext)(Ln),[_]=(0,u.j1)("whatmoreShopId"),[F]=(0,u.j1)("whatmoreLandingLocationType"),[T,E]=vn(n,e.length),[P,z]=mn(k,50),[O]=gn("vertical",30),[L,D]=(0,r.useState)(!1),[R,M]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:A,whatmoreUserInfo:K}=(0,r.useContext)(nt.I);function W(){D(!1)}function q(t){W(),setTimeout((()=>{i(t)}),500)}(0,r.useEffect)((()=>(D(!0),()=>{})),[]);const N=A.landingLocationType,H=A.templateType;I(q);let Z=n;const{questionList:V}=(0,r.useContext)(Ln);function U(){(0,u.MO)("whatmoreAllowAutoSlide")&&(E("right"),R.slideNext())}function B(t,e){E(e),function(t,e){R&&("left"===e?R.slidePrev():R.slideNext())}(0,e)}const Y=Math.round(.05*x);return(0,v.jsx)(dn(),{isOpen:L,onAfterOpen:function(){},onRequestClose:W,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,v.jsx)(fn.Z,{children:(0,v.jsxs)("div",{style:{height:window.innerHeight,width:window.innerWidth,backgroundColor:(0,J.lA)("#000000",13)},onTouchStart:t=>{P(t)},onTouchEnd:t=>{if(b)return;const e=z(t);e&&B(0,e)},onWheel:t=>{b||O(t,(t=>{B(0,t)}))},children:[(0,v.jsx)(l.tq,{speed:400,threshold:Y,slidesPerView:1,direction:k,modules:[a.tl,a.Gk],initialSlide:n,loop:1!=e.length,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,allowSlideNext:!b,allowSlidePrev:!b,allowTouchMove:!1,onSwiper:t=>{M(t),(0,tt.GF)({userInteractionType:et.K.EVENT_VIEW,widgetSourceDetails:A,event:e[T().activeIndex],productList:e[T().activeIndex].products})},onSlideChange:t=>{var n;w?j(!1):(y||C(!0),n=e[T().activeIndex],g||f||null===n||void 0===n||!n.event_id||(async()=>{const t=(0,Tt.NY)(N)+(0,Tt.dS)(H)+"_"+(null===n||void 0===n?void 0:n.event_id);(0,d.wh)(n),"index"===F?((0,xn.Tc)(_,pn.Xh,pn.pR),(0,gt.H4)(n.event_id,n.products,pn.Xh,pn.pR,t,null===n||void 0===n?void 0:n.location,null===K||void 0===K?void 0:K.userType)):F.startsWith("product")||"embed"===F?((0,xn.Tc)(_,pn.h7,pn.dU),(0,gt.H4)(n.event_id,n.products,pn.h7,pn.dU,t)):F.startsWith("collection")?((0,xn.Tc)(_,pn.U$,pn.Pk),(0,gt.H4)(n.event_id,n.products,pn.U$,pn.Pk,t)):((0,xn.Tc)(_,pn.Xh,pn.pR),(0,gt.H4)(n.event_id,n.products,pn.Xh,pn.pR,t))})(),(0,tt.y4)({userInteractionType:et.K.EVENT_VIEW,widgetSourceDetails:A,event:e[T().activeIndex],productList:e[T().activeIndex].products}))},children:[...Array(Math.min(e.length,3)).keys()].map((i=>(0,v.jsx)(l.o5,{children:i=>{let{isActive:o,isPrev:r,isNext:l,isVisible:a,isDuplicate:d}=i;const u=o?"activeIndex":r?"prevIndex":"nextIndex",h=T()[u];"activeIndex"==u&&(Z=Math.max(Z,h),0==h&&(Z=0));const p=(null===V||void 0===V?void 0:V.length)>0&&o&&a&&(h>n||Z<n&&h>0)&&h>=Z&&h%(0,c.rFm)(_)==n%(0,c.rFm)(_);return(0,v.jsx)(s.Kq,{direction:"column",height:window.innerHeight,justifyContent:"center",children:(0,v.jsx)(ln,{event:e[h],showQuestion:p,onBack:q,isPlaying:1==e.length||o&&a,isLast:!1,setLockSwiper:S,onVideoEndedCallback:U,progressUpdateCallback:t=>{},showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay,mode:"portrait"})})}},"event-vertical-scroll-slide-"+i)))}),e.length>1&&!b&&(0,c.h6H)(_)&&"horizontal"===(0,c.e8z)(_)&&"horizontal"===k?(0,v.jsx)(hn,{relativeBottomPercentage:"50%",width:m,handleClick:(t,e)=>{B(0,"down"==e?"right":"left")},fontSize:parseInt(.12*m)}):(0,v.jsx)(v.Fragment,{})]})})})},jn=n(1168);n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811);const yn=t=>{let{children:e,customClass:n,show:i,closeCallback:o}=t;return jn.createPortal((0,v.jsxs)("div",{className:"whatmore-landscape-modal whatmore-root ".concat(n),style:{display:i?"block":"none"},children:[(0,v.jsx)("div",{className:"whatmore-landscape-modal-overlay",onClick:o}),(0,v.jsx)("div",{className:"whatmore-landscape-modal-content",children:e})]}),document.body)};yn.defaultProps={children:(0,v.jsx)("div",{children:"Empty Modal"}),customClass:"",show:!1,closeCallback:()=>!1};var Cn=yn;var bn=function(t){var e,[n,i,o,p]=(0,h.Z)();const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[g,f]=(0,u.j1)("isFirstIndicatorRenderDone"),[w,j]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:y}=(0,r.useContext)(Ln),[C,b]=(0,r.useState)(!1),[S]=(0,u.j1)("whatmoreShopId"),[I]=(0,u.j1)("whatmoreLandingLocationType"),{whatmoreUITheme:k}=(0,r.useContext)(nt.I),{whatmoreWidgetSourceDetails:_,whatmoreUserInfo:F}=(0,r.useContext)(nt.I),[T,E]=(0,r.useState)(!1),[P,z]=(0,r.useState)(null);function O(){E(!1)}const L=t.events,D=t.eventIndex,R=t.onBack,M=L.concat(L),A=L.length,K=null===L||void 0===L||null===(e=L[0])||void 0===e?void 0:e.brand,W=(0,r.useRef)(0);function q(t){O(),setTimeout((()=>{R(t)}),500)}function N(){P&&!P.isEnd&&(0,u.MO)("whatmoreAllowAutoSlide")&&P.slideNext()}(0,r.useEffect)((()=>(E(!0),()=>{})),[]),y(q);const H=_.landingLocationType,V=_.templateType,U=parseInt(Math.min(5,L.length));return(0,v.jsx)(Cn,{show:T,closeCallback:O,customClass:"whatmore-landscape-modal-swipe-view",children:(0,v.jsxs)(s.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:(0,J.lA)("#000000",13),children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xu,{height:"fit-content",width:p*U,children:(0,v.jsxs)(l.tq,{onInit:t=>{z(t),(0,tt.GF)({userInteractionType:et.K.EVENT_VIEW,widgetSourceDetails:_,event:L[t.activeIndex],productList:L[t.activeIndex].products,ctaList:L[t.activeIndex].cta})},slidesPerView:U,centeredSlides:!0,allowTouchMove:!1,initialSlide:D,modules:[a.lI,a.W_,a.Gk,a.pt,a.tl],navigation:U>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*o),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:p*U,watchSlidesProgress:!0,onSlideChange:t=>{var e;w?j(!1):(g||f(!0),e=L[t.activeIndex],x||m||null===e||void 0===e||!e.event_id||(async()=>{const t=(0,Tt.NY)(H)+(0,Tt.dS)(V)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.wh)(e),"index"===I?((0,xn.Tc)(S,pn.Xh,pn.pR),(0,gt.H4)(e.event_id,e.products,pn.Xh,pn.pR,t,null===e||void 0===e?void 0:e.location,null===F||void 0===F?void 0:F.userType)):I.startsWith("product")||"embed"===I?((0,xn.Tc)(S,pn.h7,pn.dU),(0,gt.H4)(e.event_id,e.products,pn.h7,pn.dU,t)):I.startsWith("collection")?((0,xn.Tc)(S,pn.U$,pn.Pk),(0,gt.H4)(e.event_id,e.products,pn.U$,pn.Pk,t)):((0,xn.Tc)(S,pn.Xh,pn.pR),(0,gt.H4)(e.event_id,e.products,pn.Xh,pn.pR,t))})(),(0,tt.y4)({userInteractionType:et.K.EVENT_VIEW,widgetSourceDetails:_,event:L[t.activeIndex],productList:L[t.activeIndex].products,ctaList:L[t.activeIndex].cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:[L.length>2&&(0,v.jsx)("div",{className:"whatmore-shopping-close-button",children:(0,v.jsx)(Z.Z,{onCloseCallback:R})}),M.slice(D,L.length+D).map(((t,e)=>(0,v.jsx)(l.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:r,isVisible:l,isDuplicate:a}=t;if(n)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:1*p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(ln,{event:L[e%A],onBack:q,isPlaying:!0,isLast:e%A===L.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:N,progressUpdateCallback:t=>{},showCloseOverlay:(null===L||void 0===L?void 0:L.length)<=2,mode:"landscape"})})});if(r)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{P.slideTo(e%A,300)},children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(ln,{event:L[e%A],onBack:q,isPlaying:!1,isLast:e%A===L.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:N,progressUpdateCallback:t=>{},showOverlay:!1,mode:"landscape"})})});if(i&&1===W.current)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{P.slideTo(e%A,300)},children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(ln,{event:L[e%A],onBack:q,isPlaying:!1,isLast:e%A===L.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:N,progressUpdateCallback:t=>{},showOverlay:!1,mode:"landscape"})})});try{D+e>=A-1&&(W.current=1)}catch(d){console.log(d)}return(0,v.jsx)(v.Fragment,{})}},"event-horizontal-scroll-slide"+t.event_id)))]})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(Ae,{brandName:K,height:.04*o,width:.1*p,fontSize:.02*o})})]})})},Sn=n(6090),In=n(7616),kn=n(9302),_n=n(2575);var Fn=function(t){const[e,n,i,o]=(0,h.Z)(),[r]=(0,u.j1)("whatmorePrimaryColor"),[l]=(0,u.j1)("whatmoreSecondaryColor"),a="flex-end";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:o,height:i,backgroundColor:"whiteAlpha.200",backdropBlur:"10px",children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:a,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",children:(0,v.jsx)(s.oM,{width:"full",ratio:o/i,children:(0,v.jsx)(s.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+r+", gray, "+l+")"})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:a,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{padding:"2px",margin:"5px",borderRadius:"md",backgroundColor:"transparent",children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:(0,v.jsx)(s.xu,{width:"full",height:"full",borderRadius:"md",backdropFilter:"auto",backdropBlur:"5px"})})})})]})})};var Tn=function(t){var e;const n=t.stories,i=t.onBack,o=t.onStoryCompleteCallback,a=t.isActive,c=null!==(e=t.initialEventIndex)&&void 0!==e?e:0,p=n.events;var[x,m,g,f]=(0,h.Z)();const[w,y]=(0,j.Z)(),[C]=(0,u.j1)("isInDesignMode"),[b]=(0,u.j1)("isDemoBrand"),[S]=(0,u.j1)("whatmoreShopId"),[I,k]=(0,r.useState)(!0),[_,F]=(0,u.j1)("isFirstIndicatorRenderDone"),[T,E]=(0,r.useState)(null),[P,z]=(0,r.useState)(!1),{whatmoreWidgetSourceDetails:O,whatmoreUserInfo:L}=(0,r.useContext)(nt.I),[D,R]=vn(c,p.length);function M(t){i(t)}const A=O.landingLocationType,K=O.templateType;function W(){if(!(0,u.MO)("whatmoreAllowAutoSlide"))return;D().activeIndex+1>=p.length?o("right"):(R("right"),T&&T.slideNext())}function q(t){const e=D().activeIndex;"right"==t&&e+1>=p.length||"left"==t&&e-1<0?o(t):(R(t),T&&("left"==t?T.slidePrev():T.slideNext()))}return p[D().activeIndex],(0,v.jsx)("div",{children:(0,v.jsx)(l.tq,{speed:1,slidesPerView:1,direction:"horizontal",initialSlide:0,loop:!0,height:g,width:f,watchSlidesProgress:!0,allowTouchMove:!1,onSwiper:t=>{E(t)},onSlideChange:t=>{I?k(!1):(_||F(!0),function(t){const e=(0,Tt.NY)(A)+(0,Tt.dS)(K)+"_"+(null===t||void 0===t?void 0:t.event_id);C||b||(async()=>{(0,d.wh)(t),(0,xn.Tc)(S,pn.Xh,pn.OW),(0,gt.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===L||void 0===L?void 0:L.userType)})()}(p[D().activeIndex]),(0,tt.GF)({userInteractionType:et.K.EVENT_VIEW,widgetSourceDetails:O,event:p[D().activeIndex],productList:p[D().activeIndex].products,ctaList:p[D().activeIndex].cta}))},children:[...Array(Math.min(p.length,3)).keys()].map((e=>(0,v.jsx)(l.o5,{children:e=>{let{isActive:i,isPrev:o,isNext:r,isVisible:l,isDuplicate:d}=e;if(a){const e=i?"activeIndex":o?"prevIndex":"nextIndex",r=p[D()[e]];return(0,v.jsx)(s.Kq,{direction:"column",height:g,justifyContent:"center",children:(0,Je.B6)(r)||(0,Je.WJ)(r)?(0,v.jsx)(Qe,{event:r,totalSiblingEvents:p.length,indexAmongSiblings:D()[e],onBack:M,isPlaying:a&&i&&l,isLast:!1,setLockSwiper:z,onVideoEndedCallback:W,progressUpdateCallback:t=>{},leftOpenSpaceClickHandler:()=>{q("left")},midOpenSpaceClickHandler:()=>{y(!w)},rightOpenSpaceClickHandler:()=>{q("right")},storyId:n.id,source:on.j.STORY_EVENT_OPENED,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay},"shopping-video-view"+r.event_id):(0,v.jsx)(v.Fragment,{})})}return(0,v.jsx)(s.Kq,{direction:"column",height:x,justifyContent:"center",children:(0,v.jsx)(Fn,{})})}},"event-story-view-slide-"+e)))})})};var En=function(t){const e=t.onBack,n=t.eventsStories,i=t.initialStoryIndex;var[o,c,p,x]=(0,h.Z)();const[m]=(0,u.j1)("isInDesignMode"),[g]=(0,u.j1)("isDemoBrand"),[f,w]=(0,r.useState)(!0),[j,y]=(0,u.j1)("isFirstIndicatorRenderDone"),[C,b]=(0,r.useState)(!1),{setCloseClickComponent:S}=(0,r.useContext)(Ln),{slideDirection:I}=(0,r.useContext)(Ln),[k]=(0,u.j1)("whatmoreShopId"),[_,F]=vn(i,n.length),[T,E]=mn("horizontal",50),[P]=gn("vertical",30),z=t.eventIndex,[O,L]=(0,r.useState)(!1),[D,R]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:M,whatmoreUserInfo:A}=(0,r.useContext)(nt.I);function K(){L(!1)}function W(t){K(),setTimeout((()=>{e(t)}),500)}(0,r.useEffect)((()=>(L(!0),()=>{})),[]),S(W);const q=M.landingLocationType,N=M.templateType;function H(t){D&&(0,u.MO)("whatmoreAllowAutoSlide")&&(F(t),"right"==t?D.slideNext():D.slidePrev())}function Z(t,e){H(e)}return(0,v.jsx)(dn(),{isOpen:O,onAfterOpen:function(){},onRequestClose:K,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,v.jsx)("div",{style:{height:window.innerHeight,width:window.innerWidth,backgroundColor:"#00000088"},onTouchStart:t=>{T(t)},onTouchEnd:t=>{const e=E(t);e&&Z(0,e)},onWheel:t=>{P(t,(t=>{Z(0,t)}))},children:(0,v.jsx)(l.tq,{speed:1,slidesPerView:1,direction:"horizontal",modules:[a.SH,a.Gk],initialSlide:i,loop:n.length>1,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,onSwiper:t=>{var e,i;R(t),(0,tt.GF)({userInteractionType:et.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})},onSlideChange:t=>{var e,i;f?w(!1):(!function(t){const e=(0,Tt.NY)(q)+(0,Tt.dS)(N)+"_"+(null===t||void 0===t?void 0:t.event_id);m||g||(async()=>{(0,d.wh)(t),(0,xn.Tc)(k,pn.Xh,pn.OW),(0,gt.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===A||void 0===A?void 0:A.userType)})()}(n[_().activeIndex].events[0]),(0,tt.GF)({userInteractionType:et.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,v.jsx)(l.o5,{children:t=>{let{isActive:e,isPrev:r,isNext:l,isVisible:a,isDuplicate:d}=t;const c=e?"activeIndex":r?"prevIndex":"nextIndex";return(0,v.jsx)(s.Kq,{direction:"column",height:o,justifyContent:"center",children:(0,v.jsx)(Tn,{stories:n[_()[c]],onBack:W,isActive:e&&a,isNext:l,isPrev:r,onStoryCompleteCallback:H,nextStories:n[_().nextIndex],prevStories:n[_().prevIndex],initialEventIndex:i==_()[c]?z:0},"event-story-view-"+n[_()[c]].id)})}},"event-vertical-scroll-slide-"+t)))})})})};var Pn=function(t){var e,n,i,[o,l,a,d]=(0,h.Z)();const[c]=(0,u.j1)("whatmorePrimaryColor"),[p]=(0,u.j1)("whatmoreSecondaryColor"),x=t.event,m=(t.onBack,r.useRef(),null!==(e=t.showPausedVideo)&&void 0!==e&&e),f=null!==(n=t.heightFactor)&&void 0!==n?n:1,w="flex-end";return d*=null!==(i=t.widthFactor)&&void 0!==i?i:1,a*=f,(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:d,height:a,children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:w,height:"full",width:"full",children:(0,v.jsx)(s.xu,{children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:m?(0,Je.B6)(x)||(0,Je.WJ)(x)?(0,v.jsx)(Ke.Z,{height:"100%",width:"100%",url:x.thumbnail_image,isPlaying:!1,pauseFromPlayTimeInMs:1e3,event:x}):(0,v.jsx)(g.Ee,{width:"full",height:"full",src:x.thumbnail_image,objectFit:"cover",borderRadius:"lg"}):(0,v.jsx)(s.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+c+", gray, "+p+")"})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:w,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:(0,v.jsx)(s.xu,{width:"full",height:"full",backgroundColor:"blackAlpha.400"})})})})]})})};var zn=function(t){var e,n,[i,o,c,p]=(0,h.Z)();const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[g,f]=(0,u.j1)("isFirstIndicatorRenderDone"),[w,j]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:y}=(0,r.useContext)(Ln),[C,b]=(0,r.useState)(!1),[S]=(0,u.j1)("whatmoreShopId"),{whatmoreWidgetSourceDetails:I,whatmoreUserInfo:k}=(0,r.useContext)(nt.I),[_,F]=(0,r.useState)(!1),[T,E]=(0,r.useState)(null);function P(){F(!1)}t.events;const z=t.eventIndex,O=t.onBack,L=t.eventsStories,D=t.initialStoryIndex,R=null===(e=L[0])||void 0===e||null===(n=e.events[0])||void 0===n?void 0:n.brand;function M(t){P(),setTimeout((()=>{O(t)}),500)}(0,r.useEffect)((()=>(F(!0),()=>{})),[]),y(M);const A=I.landingLocationType,K=I.templateType;function W(t){T&&!T.isEnd&&("right"==t?T.slideNext():T.slidePrev())}const q=parseInt(Math.min(5,L.length));return(0,v.jsx)(Cn,{show:_,closeCallback:P,customClass:"whatmore-landscape-modal-stories-view",children:(0,v.jsxs)(s.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:"blackAlpha.800",children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xu,{height:"fit-content",width:p*q,children:(0,v.jsxs)(l.tq,{onInit:t=>{var e,n;E(t),(0,tt.GF)({userInteractionType:et.K.EVENT_VIEW,widgetSourceDetails:I,event:L[t.activeIndex].events[0],productList:null===(e=L[t.activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(n=L[t.activeIndex].events[0])||void 0===n?void 0:n.cta})},slidesPerView:q,centeredSlides:!0,allowTouchMove:!1,initialSlide:D,modules:[a.lI,a.W_,a.Gk],navigation:q>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*c),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:p*q,watchSlidesProgress:!0,onSlideChange:t=>{var e,n;w?j(!1):(g||f(!0),function(t){const e=(0,Tt.NY)(A)+(0,Tt.dS)(K)+"_"+(null===t||void 0===t?void 0:t.event_id);x||m||(async()=>{(0,d.wh)(t),(0,xn.Tc)(S,pn.Xh,pn.OW),(0,gt.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===k||void 0===k?void 0:k.userType)})()}(L[t.activeIndex].events[0]),(0,tt.GF)({userInteractionType:et.K.EVENT_VIEW,widgetSourceDetails:I,event:L[t.activeIndex].events[0],productList:null===(e=L[t.activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(n=L[t.activeIndex].events[0])||void 0===n?void 0:n.cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:[L.length>2&&(0,v.jsx)("div",{className:"whatmore-shopping-close-button",children:(0,v.jsx)(Z.Z,{onCloseCallback:O})}),L.map(((t,e)=>(0,v.jsx)(l.o5,{children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:l,isDuplicate:a}=n;if(i){const n=1;return(0,v.jsx)(s.Kq,{direction:"column",height:c,width:p*n,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,v.jsx)(s.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,v.jsx)(Tn,{stories:t,onBack:M,isActive:i&&l,isNext:!1,isPrev:!1,onStoryCompleteCallback:W,initialEventIndex:D==e?z:0,showCloseOverlay:(null===L||void 0===L?void 0:L.length)<=2},"event-story-view-"+t.id)})})}return o||r?(0,v.jsx)(s.Kq,{direction:"column",height:c,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{T.slideTo(e,300)},children:(0,v.jsx)(s.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,v.jsx)(Pn,{showPausedVideo:!0,event:L[e].events[0],onBack:M,isPlaying:!1,setLockSwiper:b})})}):(0,v.jsx)(v.Fragment,{})}},"event-horizontal-scroll-slide-"+e)))]})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(Ae,{brandName:R,height:.04*c,width:.1*p,fontSize:.02*c})})]})})};const On=(0,_n.Z)({key:"whatmore-css-sv"}),Ln=(0,r.createContext)({isIOS:!1,totalEvents:0,closeClickComponent:null,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:"vertical",showSwipeIndicator:!0,questionList:[]});var Dn=function(t){var e,n,i;const[o,l,a]=(0,Le.Z)(),[d]=(0,u.j1)("whatmoreShopId"),{whatmoreRootId:s}=(0,r.useContext)(nt.I),{whatmoreIsStoriesTemplate:h}=(0,r.useContext)(nt.I);var p=t.events,x=t.index,m=t.onBack,g=t.eventsStories,f=t.initialStoryIndex,w=(0,c.cX2)(d),j=(p[x],"portrait"===o?null!==(e=t.slideDirection)&&void 0!==e?e:"vertical":null!==(n=t.slideDirection)&&void 0!==n?n:p.length>1?"horizontal":"vertical"),y="portrait"===o?!(0,c.h6H)(d)&&!h:(0,c.n89)(d);return p[x],(0,r.useLayoutEffect)((()=>{(0,c.TLG)(d)&&(window.location.href.includes(w)?history.replaceState(null,"","#"+w):history.pushState(null,"","#"+w),window.addEventListener("popstate",(()=>{window.location.href.includes(w)||m()})))}),[]),delete In.ZP.styles.global,h?(0,v.jsx)(kn.C,{value:On,children:(0,v.jsx)(Sn.x,{theme:In.ZP,cssVarsRoot:s,resetCSS:!1,children:(0,v.jsx)(Ln.Provider,{value:{isIOS:(0,$e.KE)(),totalEvents:p.length,closeClickComponent:m,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:j,showSwipeIndicator:y},children:"portrait"===o?(0,v.jsx)(En,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x}):(0,c.Bbr)(d)?(0,v.jsx)(zn,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x}):(0,v.jsx)(En,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x})})})}):(0,v.jsx)(kn.C,{value:On,children:(0,v.jsx)(Sn.x,{theme:In.ZP,cssVarsRoot:s,resetCSS:!1,children:(0,v.jsx)(Ln.Provider,{value:{isIOS:(0,$e.KE)(),totalEvents:p.length,closeClickComponent:m,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:j,showSwipeIndicator:y,questionList:(0,c.YGB)(d)?null===(i=JSON.parse(localStorage.getItem("_whatmore_brand_questions")))||void 0===i?void 0:i.questionList:[]},children:"portrait"===o?(0,v.jsx)(wn,{events:p,eventIndex:x,onBack:m}):(0,v.jsx)(bn,{events:p,eventIndex:x,onBack:m})})})})}},9316:function(t,e,n){n.d(e,{mT:function(){return s}});var i,o,r,l=n(168),a=n(686);const d=(0,a.F4)(i||(i=(0,l.Z)(["\n 0% { transform: scale(1); }\n 50%, { transform: scale(0.95); }\n 100% { transform: scale(1); }\n"]))),s="\n ".concat(d," 0.2s linear;\n"),c=(0,a.F4)(o||(o=(0,l.Z)(["\n 100% { \n -webkit-transform: rotate(360deg); \n transform:rotate(360deg); \n }\n"]))),u=("\n ".concat(c," 0.5s infinite linear;\n"),(0,a.F4)(r||(r=(0,l.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(u," ").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),l=n(7753),a=n(6336),d=n(5160);var s=n(9316),c=n(9748),u=n(3818),h=n(9854),p=n(7053),x=n(8811),v=n(4522),m=n(778),g=n(6417);function f(t){var e;const[n]=(0,l.j1)("whatmoreSecondaryColor"),[r]=(0,l.j1)("whatmorePrimaryFont"),a=null!==(e=t.baseFontSize)&&void 0!==e?e:10,d=t.width,s=t.height;return(0,g.jsx)(i.xu,{width:d,height:s,padding:"0px",boxShadow:"lg",borderRadius:"md",backgroundColor:"white",borderColor:n,borderWidth:"1px",children:(0,g.jsxs)(i.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"2px",justifyContent:"center",children:[(0,g.jsxs)(i.xv,{color:n,fontSize:1.3*a,fontWeight:"semibold",sx:{fontFamily:r+" !important"},children:["\xa0"," In Cart ","\xa0"]}),(0,g.jsx)(i.M5,{paddingX:"5px",children:(0,g.jsx)(o.Z,{sx:{color:n,fontSize:1.5*a}})})]})})}var w=function(t){var e,n,o,w;const[j]=(0,l.j1)("whatmorePrimaryFont"),[y]=(0,l.j1)("isInDesignMode"),[C]=(0,l.j1)("isDemoBrand"),[b,S]=(0,l.j1)("appCartData"),[I]=(0,l.j1)("whatmoreShopId"),[k]=[(0,h.hmr)(I)],_=(0,h.hmr)(I),[F,T]=(0,r.useState)(!1),[E,P]=(0,r.useState)({state:"initial"}),[z,O]=(0,r.useState)({loaded:!1,client_product_id:"",variant_id:"",variant_price:""}),{closeClickComponent:L}=(0,r.useContext)(u.EventClickComponentContext),{whatmoreWidgetSourceDetails:D}=(0,r.useContext)(x.I),R=t.event,M=t.product,A=null!==(e=t.baseFontSize)&&void 0!==e?e:10;function K(t,e,n){y||C||(async()=>{(0,d.JX)(t,e,n)})()}(0,r.useEffect)((()=>{!async function(){var t,e,n,i;const o=await(0,p.p)(M,(0,h.Ipo)(I),I);O({loaded:!0,client_product_id:M.client_product_id,variant_id:null===o||void 0===o||null===(t=o.variants)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.id,variant_price:null===o||void 0===o||null===(n=o.variants)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.price})}()}),[]);const W=null!==(n=t.width)&&void 0!==n?n:"fit-content",q=null!==(o=t.height)&&void 0!==o?o:"fit-content",N=(null!==(w=(0,h.Jb1)(I))&&void 0!==w?w:2)+"px";return z.loaded?(0,g.jsx)("div",{style:{width:W,height:q},children:(0,g.jsx)("a",{href:"javascript:void(0)","data-variant-id":z.variant_id,"data-action-atc":"",rel:"nofollow","aria-describedby":"a11y-external-message",children:(0,g.jsx)(c.zx,{type:"submit",className:(0,h.Sl8)(I),sx:{width:W,height:q,minHeight:q},onClick:t=>{T(!0),K(R,M,1),(0,v.GF)({userInteractionType:m.K.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:D,event:R,productList:[M],ctaList:R.cta}),null!==L&&setTimeout((()=>{L()}),2e3)},children:"initial"===E.state?(0,g.jsx)(a.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:q,width:W},children:(0,g.jsx)(i.xu,{width:"100%",height:"100%",padding:N,boxShadow:"lg",borderRadius:"md",backgroundColor:_,borderColor:_,borderWidth:"1px",animation:F?s.mT:null,onAnimationEnd:()=>{T(!1)},children:(0,g.jsx)(i.Kq,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:(0,g.jsx)(i.M5,{children:(0,g.jsxs)(i.xv,{lineHeight:"100%",fontSize:1.3*A,fontWeight:"semibold",sx:{fontFamily:j+" !important",color:(0,h.KCy)(I)+" !important"},children:["\xa0"," ADD TO CART ","\xa0"]})})})})}):(0,g.jsx)(a.Rg,{unmountOnExit:!0,in:!0,initialScale:.5,style:{height:q,width:W},children:(0,g.jsx)(f,{event:R,product:M,baseFontSize:A,cartState:E,width:W,height:q})})})})}):(0,g.jsx)(g.Fragment,{})}},2634:function(t,e,n){var i=n(3271),o=n(4897),r=n(499),l=n(6417);e.Z=function(t){var e,n=t.event,a=t.fontSize,d=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:s,bannerText:c,timeToStartInMins:u}=o.Z.getEventStatus(n);return s.name===r.Z.LIVE.name?(0,l.jsx)(i.xu,{maxWidth:d,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:s.color,children:(0,l.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,l.jsx)(i.xv,{fontSize:a,fontWeight:"bold",color:"white",children:c})})}):(0,l.jsx)(i.xu,{maxWidth:d,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:s.color,children:(0,l.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,l.jsx)(i.xv,{fontSize:a,fontWeight:"medium",children:c})})})}},6159:function(t,e,n){var i=n(3271),o=n(8302),r=n(7789),l=n(6417);e.Z=function(t){const e=t.onCloseCallback,[n,a,d,s]=(0,r.Z)(),c=.08*s;return(0,l.jsx)(i.M5,{children:(0,l.jsx)(i.Cd,{cursor:"pointer",children:(0,l.jsx)(o.Z,{sx:{boxShadow:3,color:"white",fontSize:c,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),e("close-button")}})})})}},1896:function(t,e,n){n.d(e,{Z:function(){return j}});var i=n(7313),o=n(7300),r=n(6422),l=n(3818),a=n(3175),d=n(2887),s=n(7753),c=n(58),u=n(3433),h=n(9854),p=n(4862),x=(n(8743),n(8811)),v=n(342),m=n(6417);function g(t){var e,n,o;const[l,d]=(0,r.Z)(),[g,f]=(0,i.useState)(i.useRef()),w=t.posterImage,[j,y]=(0,s.j1)("whatmoreVideoPlayerPoolBlessed"),[C,b]=(0,i.useState)(!0),[S,I]=(0,i.useState)(!1),k=t.timeUpdateCallback,{whatmoreIsPreviewMode:_}=(0,i.useContext)(x.I),F=null!==(e=t.isVideoMuted)&&void 0!==e?e:l,T=null!==(n=t.height)&&void 0!==n?n:"100%",E=null!==(o=t.width)&&void 0!==o?o:"100%",P=(0,s.MO)("whatmoreShopId");(0,i.useLayoutEffect)((()=>{if(g.current&&j)if(0==g.current.children.length){const n=(0,v.$W)(t.url);(e=(0,c.Bi)(g.current,t.url,F||!t.isPlaying,t.isPlaying,n)).addEventListener("loadeddata",(()=>{b(!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)}))}else{var e;(e=g.current.children[0]).muted=F||!t.isPlaying,t.isPlaying?e.play():(e.pause(),(0,h.dF_)(P)&&t.source==u.j.CAROUSEL_EVENT_OPENED&&(!t.isPlaying&&e.play(),setTimeout((()=>{!t.isPlaying&&e.pause()}),p.G6?1900:800)))}}),[F,t.isPlaying,j,C]),(0,i.useLayoutEffect)((()=>()=>{g.current&&0!=g.current.children.length&&(0,c.P7)(g.current)}),[]);const z=(0,s.MO)("whatmoreLandingLocationType");return(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:E,height:T,overflow:"hidden",backgroundColor:_?(0,h.WNM)(P):(0,h.Gy3)(P),filter:t.showQuestion?"blur(24px)":""},children:[(0,m.jsx)("div",{ref:g,style:{width:C?"0px":"100%",height:C?"0px":_?(0,h.Yiq)(P):(0,h.Gm3)(P)&&"product"==z?"auto":(0,h.MT6)(P)},className:"whatmore-video-player-ios-holder"}),"40273707171"!==P&&C&&S?(0,m.jsx)(m.Fragment,{children:(0,m.jsx)("div",{style:{width:"100%",height:"100%",position:"relative"},children:(0,m.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,m.jsx)("img",{src:w,style:{height:"100%",width:E,animation:t.isPlaying?"fadeInFromNoneAnimation 1.5s infinite":""}})})})}):C&&!S&&(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)("div",{style:{width:"100%",height:"100%",position:"relative"},children:[(0,m.jsx)("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},children:(0,m.jsx)("img",{src:w,height:"100%",width:E,onLoad:()=>{I(!0)},style:{animation:t.isPlaying?"fadeInFromNoneAnimation 1.5s infinite":""}})}),(0,m.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,m.jsx)(a.Z,{width:E,height:T,style:{position:"absolute",top:"50%",left:"50%",opacity:"0.6"}})})]})})]})}var f=function(t){var e;return(0,m.jsx)(g,{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,showQuestion:t.showQuestion})};function w(t){var e,n,o;const[l,d]=(0,r.Z)(),[c,g]=(0,i.useState)(!1),[f,w]=(0,i.useState)(!1),j=t.setDuration,y=(0,i.useRef)(null),C=(0,s.MO)("whatmoreShopId"),b=t.timeUpdateCallback,{whatmoreIsPreviewMode:S}=(0,i.useContext)(x.I),I=(0,s.MO)("whatmoreLandingLocationType"),k=null!==(e=t.height)&&void 0!==e?e:"100%",_=null!==(n=t.width)&&void 0!==n?n:"100%",F=null!==(o=t.isVideoMuted)&&void 0!==o?o:l,T=null===t||void 0===t?void 0:t.posterImage;return(0,i.useEffect)((()=>{y.current&&(t.isPlaying?y.current.paused&&y.current.play():y.current.pause(),b&&y.current.addEventListener("timeupdate",(t=>{var e,n;y.current&&b(null!==(e=y.current.currentTime)&&void 0!==e?e:0,null!==(n=y.current.duration)&&void 0!==n?n:0)})))}),[t.isPlaying]),(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:_,height:k,overflow:"hidden",backgroundColor:S?(0,h.WNM)(C):(0,h.Gy3)(C),filter:null!==t&&void 0!==t&&t.showQuestion?"blur(24px)":""},children:[(0,m.jsx)("div",{style:{width:c?"100%":"0px",height:c?S?(0,h.Yiq)(C):(0,h.Gm3)(C)&&"product"==I?"auto":(0,h.MT6)(C):"0px"},children:(0,m.jsxs)("video",{ref:y,className:"whatmore-video-player",preload:"auto",loop:!0,playsInline:!0,muted:!(!F&&t.isPlaying),onLoadedData:()=>{g(!0),t.isPlaying&&y.current&&y.current.play(),(0,h.dF_)(C)&&t.source==u.j.CAROUSEL_EVENT_OPENED&&(!t.isPlaying&&y.current&&y.current.play(),setTimeout((()=>{!t.isPlaying&&y.current&&y.current.pause()}),p.G6?1900:800))},onLoadedMetadata:()=>{y.current&&j&&j(y.current.duration)},poster:T,children:[(0,m.jsx)("source",{src:t.url,type:"video/mp4"}),(0,m.jsx)("source",{src:(0,v.$W)(t.url),type:"video/mp4"})]})}),"40273707171"!==C&&!c&&f?(0,m.jsx)(m.Fragment,{children:(0,m.jsx)("div",{style:{width:"100%",height:"100%",position:"relative"},children:(0,m.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,m.jsx)("img",{src:T,style:{height:"100%",width:_,animation:t.isPlaying?"fadeInFromNoneAnimation 1.5s infinite":""}})})})}):!c&&!f&&(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)("div",{style:{width:"100%",height:"100%",position:"relative"},children:[(0,m.jsx)("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},children:(0,m.jsx)("img",{src:T,height:"100%",width:_,onLoad:()=>{w(!0)},style:{animation:t.isPlaying?"fadeInFromNoneAnimation 1.5s infinite":""}})}),(0,m.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,m.jsx)(a.Z,{width:_,height:k,style:{position:"absolute",top:"50%",left:"50%",opacity:"0.6"}})})]})})]})}var j=function(t){var e,n,r,a;return(0,o.WJ)(t.event)?(0,m.jsx)(d.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback}):1==(0,i.useContext)(l.EventClickComponentContext).isIOS&&1==(0,s.MO)("whatmoreVideoPlayerPoolBlessed")?(0,m.jsx)(f,{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===(a=t.event)||void 0===a?void 0:a.poster_image,showQuestion:null===t||void 0===t?void 0:t.question}):(0,m.jsx)(w,{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,showQuestion:null===t||void 0===t?void 0:t.question})}},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),l=n(7313),a=n(7789),d=n(7753),s=n(686),c=n(9854),u=n(8811),h=n(5160),p=n(6417);const x=(0,s.F4)(i||(i=(0,o.Z)(["\n 0% { \n opacity: 0;\n }\n 10%{\n opacity: 0.5;\n }\n 20%{\n opacity: 1;\n }\n \n"]))),v=("\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,s]=(0,a.Z)(),{whatmoreUITheme:x}=(0,l.useContext)(u.I),m=(0,d.MO)("isInDesignMode"),g=(0,d.MO)("isDemoBrand"),f=(0,d.MO)("whatmoreSecondaryColor"),w=(0,d.MO)("whatmoreSecondaryColorShade1200"),j=(0,d.MO)("whatmorePrimaryFont"),y=(0,d.MO)("whatmoreShopId"),C=t.cta,b=.05*s;return(0,p.jsx)(r.M5,{children:(0,p.jsx)(r.Kq,{direction:"row",height:"fit-content",width:"100%",justifyContent:"center",marginBottom:.03*s+"px",marginTop:.03*s+"px",children:(0,p.jsx)(r.rU,{href:v(C.cta_link,y),color:"white",onClick:()=>{m||g||(async()=>{(0,h.uD)(t)})()},children:(0,p.jsx)(r.xv,{fontSize:b*(null!==(e=t.fontFactor)&&void 0!==e?e:1)+"px",variant:"subtle",textColor:f,bgColor:w,sx:{borderRadius:"round"==x?"5px":"0px",borderWidth:(0,c.p5R)(y),borderColor:"#343434"===(0,c.yxc)(y)?f:(0,c.yxc)(y),fontFamily:j+" !important",textAlign:"center!important",fontWeight:"bold"},paddingY:"8px",paddingX:.05*s+"px",children:C.cta_title})})})})}},8782:function(t,e,n){n.d(e,{P:function(){return a}});var i=n(3933),o=n(7313),r=(n(123),n(6417));function l(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:null===t||void 0===t?void 0:t.data}):(0,r.jsx)("div",{style:{minWidth:t.defaultHeight,minHeight:t.defaultWidth}})})}function a(t){var e,n;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:null===t||void 0===t||null===(n=t.dataList)||void 0===n?void 0:n.map(((e,n)=>(0,r.jsx)(l,{renderElement:t.renderElement,data:e,defaultHeight:t.defaultHeight,defaultWidth:t.defaultWidth,retainAlreadyRenderedElements:t.retainAlreadyRenderedElements},"key-"+n)))})}},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]}},9111:function(){}}]);