whatmore-react-assets 1.0.1770 → 1.0.1771

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/static/js/{688.b30d6689.chunk.js → 688.08f004dc.chunk.js} +1 -1
  3. package/static/js/{714.2408a65a.chunk.js → 714.ab3e33d7.chunk.js} +1 -1
  4. package/static/js/{collections-template-stories.97102d28.chunk.js → collections-template-stories.61ac2c5e.chunk.js} +1 -1
  5. package/whatmore.js +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.1770",
3
+ "version": "1.0.1771",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
package/static/js/{688.b30d6689.chunk.js → 688.08f004dc.chunk.js} RENAMED
@@ -124,4 +124,4 @@
124
124
  100% {
125
125
  transform: scale(1);
126
126
  }
127
- `} 0.3s ease-in-out;\n`)},5242:function(t,e,n){var i=n(3731),o=n(1422),r=n(3247),l=n(7239),a=n(5388),d=n(4414);e.A=function(t){var e,n=t.event,s=t.fontSize,c=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:u,bannerText:h,timeToStartInMins:p}=l.A.getEventStatus(n);return u.name===a.A.LIVE.name?(0,d.jsx)(r.az,{maxWidth:c,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:u.color,children:(0,d.jsx)(o.B,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,d.jsx)(i.E,{fontSize:s,fontWeight:"bold",color:"white",children:h})})}):(0,d.jsx)(r.az,{maxWidth:c,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:u.color,children:(0,d.jsx)(o.B,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,d.jsx)(i.E,{fontSize:s,fontWeight:"medium",children:h})})})}},5388:function(t,e){e.A={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},6125:function(){},6305:function(t,e,n){var i=n(9950),o=n(1348),r=n(5830),l=n(1052),a=n(140),d=n(8149),s=n(4688),c=n(3262),u=n(5551);e.A=function(t,e,n){const[h]=(0,r.QN)("whatmoreShopId"),[p]=(0,r.QN)("isInDesignMode"),[v]=(0,r.QN)("isDemoBrand"),[x,g]=(0,i.useState)(null),m=(0,i.useRef)(null),{closeClickComponent:f}=(0,i.useContext)(s.EventClickComponentContext),{whatmoreUserInfo:w}=(0,i.useContext)(u.B),[C,b]=(0,i.useState)({state:"init",cart_count:t});function j(t,e){b({state:t,cart_count:null!==e&&void 0!==e?e:C.cart_count}),"init"!=t&&"errored"!=t?(0,r.t2)("whatmoreAllowAutoSlide",!1):(0,r.t2)("whatmoreAllowAutoSlide",!0)}function y(t){const e=m.current.filter(e=>e.option1==t[0]&&e.option2==t[1]&&e.option3==t[2]);return 0==e.length?null:e[0].id}function S(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]}function k(t){if(0==t.length)return null;const e=t.filter(t=>t.available);return 0==e.length?null:e[0].option}function I(t){return t[0].length<=1&&t[1].length<=1&&t[2].length<=1}function _(){if(m.current&&m.current.length>=1){return m.current.filter(t=>t.available).length>=1}return!1}function z(t,e,n){p||v||(async()=>{(0,a.tO)(t,e,n)})()}function E(t,i){const a=y(t);if(!a)return void j("init",C.cart_count);j("atcApiCallInProgress",null);(0,l.cF)([a],1,(0,o.NCy)(h),h,n,e,i,null===n||void 0===n?void 0:n.location,null===w||void 0===w?void 0:w.userType).then(t=>{if(!t.ok)throw new Error(t.status);return t.json()}).then(t=>(z(n,e,1),j("init",C.cart_count+1),(0,r.t2)("whatmoreAddedToCart",!0),(0,r.Xd)("whatmoreAddedToCart")&&(0,c.initiateCartSliderEvent)(h,()=>{},100,window.location.hostname,a,e.client_product_id,i,null===n||void 0===n?void 0:n.location,null===w||void 0===w?void 0:w.userType,e.product_link),(0,o.MPe)(h)&&setTimeout(()=>function(){const t=window.location.origin+"/cart";window.location.href=t}(),500),t)).catch(t=>{j("errored",null),console.error("Error while adding to cart:",t)})}return[C,function(t){const i=[];j("productVariantDetailsApiCallInProgress",null),Promise.all(n.products.map(t=>(0,d.M)(t,(0,o.NCy)(h),h).then(e=>{m.current=e.variants;const n=S(e);if(g(n),I(n)&&_()){const e=y([k(n[0]),k(n[1]),k(n[2])]);return e?(i.push(t),e):void j("init",C.cart_count)}}))).then(a=>{const d=a.filter(t=>void 0!=t);(0,l.cF)(d,1,(0,o.NCy)(h),h,n,e,t,null===n||void 0===n?void 0:n.location,null===w||void 0===w?void 0:w.userType).then(t=>{if(!t.ok)throw new Error(t.status);return t.json()}).then(t=>(i.forEach(t=>{z(n,t,1)}),j("init",C.cart_count+(null===d||void 0===d?void 0:d.length)),(0,r.t2)("whatmoreAddedToCart",!0),t)).catch(t=>{j("errored",null),console.error("Error while adding to cart:",t)})})},j,x,function(t,n=!1){j("productVariantDetailsApiCallInProgress",null),(0,d.M)(e,(0,o.NCy)(h),h).then(e=>{m.current=e.variants;const i=S(e);g(i),I(i)||n?_()?E([k(i[0]),k(i[1]),k(i[2])],t):j("errored",null):j("awaitingVariantSelection",null)}).catch(t=>{j("errored",null)})},E,function(t){var e,n,i,r;const l=m.current.filter(e=>e.option1==t[0]&&e.option2==t[1]&&e.option3==t[2]);if(0==l.length)return null;const a=null!==(e=l[0].price)&&void 0!==e?e:0,d=null!==(n=l[0].compare_at_price)&&void 0!==n?n:0;return{price:((0,o.NCy)(h),a),compare_price:((0,o.NCy)(h),d),title:null!==(i=null===(r=l[0])||void 0===r?void 0:r.title)&&void 0!==i?i:""}},function(){"do_nothing"!==(0,o.m4S)(h)&&("go_to_cart_page"!==(0,o.m4S)(h)?"open_cart_slider"!==(0,o.m4S)(h)||null!==f&&f():(0,l.Le)((0,o.NCy)(h),h))}]}},6670:function(t,e,n){var i=n(9950),o=n(5830);e.A=function(t){const[e,n]=(0,o.QN)("muted");return(0,i.useEffect)(()=>{},[]),[e,n]}},7035:function(t,e,n){n.d(e,{m:function(){return i}});const i={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",shop_now:"SHOP NOW",off:"off",swipe_more:"swipe for more"},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",off:"\u062e\u0635\u0645"},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",off:"rabat"},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",off:"rabatt"},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",off:"descuento"},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",off:"remise"},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",shop_now:"\u5546\u54c1\u3092\u898b\u308b",off:"\u30aa\u30d5"},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",off:"korting"},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",off:"de desconto"},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",off:"\u6298\u6263"},"pt-BR":{add_to_cart:"ADICIONAR AO CARRINHO",buy_now:"COMPRAR AGORA",more_info:"MAIS INFORMA\xc7\xd5ES",size:"Tamanho",color:"Cor",description:"Descri\xe7\xe3o",like:"Curtir",share:"Compartilhar",talk_to_us:"Fale Conosco",done:"Selecionar",cancel:"Voltar",view_product:"Ver Produto",go_to_cart:"Ir para o Carrinho",shop_now:"COMPRAR AGORA",off:"desconto",swipe_more:"Arraste para mais"},tr:{swipe_more:"Daha fazlas\u0131 i\xe7in kayd\u0131r\u0131n"}}},7239:function(t,e,n){var i=n(5388);e.A=class{static getEventStatus(t){t.time_zone="GMT+5:30";var e=t.start_time+":00",n=t.end_time,o=t.scheduled_date,r=t.status,l=t.time_zone;if(r.toUpperCase()==i.A.LIVE.name)return{status:i.A.LIVE,bannerText:" "+i.A.LIVE.name+" ",timeToStartInMins:0};if(r.toUpperCase()==i.A.UPCOMING.name){var a=new Date(o+" "+e+" "+l),d=(new Date(o+" "+n+" "+l),function(t){var e=new Date,n=(t.getTime()-e.getTime())/1e3,o=n/60,r=o/60,l=r/24;return n<=0?{status:i.A.COMPLETED,bannerText:" "+i.A.COMPLETED.name+" ",timeToStartInMins:0}:n>=1&&n<=30?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(n)+" sec ",timeToStartInMins:n/60}:o<60?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(o)+" min ",timeToStartInMins:o}:r<24?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(r)+" hr ",timeToStartInMins:60*r}:l<7?{status:i.A.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][t.getDay()]+" ",timeToStartInMins:60*l*24}:{status:i.A.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(a));return{status:d.status,bannerText:d.bannerText,timeToStartInMins:d.timeToStartInMins}}return console.error("invalid status for event :: id : "+t.event_id+", status : "+t.status),{status:i.A.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},8385:function(t,e,n){n.d(e,{c:function(){return a}});var i=n(6649),o=n(9950),r=(n(4365),n(4414));function l(t){const[e,n,o]=(0,i.A)({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:{backgroundColor:t.showBgPlaceholder?"gray":"transparent",minWidth:t.defaultWidth,minHeight:t.defaultHeight}})})}function a(t){var e,n;const i=(0,o.useRef)(null),a=(0,o.useRef)(null),[d,s]=(0,o.useState)(!1),[c,u]=(0,o.useState)(!1),[h,p]=(0,o.useState)({top:"50%",left:"5px",right:"5px"}),v="90518552861"===t.shopId,x=()=>{const t=i.current,e=a.current;if(!t||!e)return;const n=t.scrollLeft,o=t.scrollWidth,r=t.clientWidth;s(n>10);u(!(n+r>=o-10)&&o>r);e.getBoundingClientRect(),t.getBoundingClientRect();p({top:"50%",left:"5px",right:"5px"})};return(0,o.useEffect)(()=>{const t=i.current;let e,n,o,r=!1,l=0,a=null;function d(t){a&&(cancelAnimationFrame(a),a=null),t.touches&&(null===t||void 0===t?void 0:t.touches.length)>0?(t.preventDefault(),r=!0,e=t.touches[0].clientX,n=e,o=Date.now(),l=0):(r=!0,e=t.clientX,n=e,o=Date.now(),l=0)}function s(i){if(!r)return;i.touches&&i.preventDefault();const a=i.touches?i.touches[0].clientX:i.clientX,d=Date.now(),s=d-o;t.style.pointerEvents="none";const c=(i.touches?1:2)*(e-a);t.scrollLeft+=c,s>0&&(l=(n-a)/s),e=a,n=a,o=d}function c(e){t.style.pointerEvents="auto",r=!1;const n=30*l;Math.abs(n)>1&&function(e){let n=e;const i=.95,o=.5;function l(){Math.abs(n)>o&&!r?(t.scrollLeft+=n,n*=i,a=requestAnimationFrame(l)):a=null}a=requestAnimationFrame(l)}(n)}return t&&("ontouchstart"in window&&(t.addEventListener("touchstart",d,{passive:!1}),t.addEventListener("touchmove",s,{passive:!1}),t.addEventListener("touchend",c,{passive:!1})),t.addEventListener("mousedown",d),document.addEventListener("mousemove",s),document.addEventListener("mouseup",c),v&&(t.addEventListener("scroll",x),setTimeout(()=>{x()},100),window.addEventListener("resize",x))),()=>{t&&("ontouchstart"in window&&(t.removeEventListener("touchstart",d),t.removeEventListener("touchmove",s),t.removeEventListener("touchend",c)),t.removeEventListener("mousedown",d),document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",c),v&&(t.removeEventListener("scroll",x),window.removeEventListener("resize",x)))}},[v]),(0,r.jsxs)("div",{ref:a,style:{position:"relative",width:"100%",height:"fit-content"},className:"whatmore-carousel-navigation-wrapper",children:[v&&d&&(0,r.jsx)("button",{onClick:()=>{const t=i.current;t&&t.scrollBy({left:-300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-left",style:{position:"absolute",left:h.left,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:t=>{t.currentTarget.style.transform="translateY(-50%) scale(1.1)",t.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:t=>{t.currentTarget.style.transform="translateY(-50%) scale(1)",t.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll left",children:(0,r.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,r.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),v&&c&&(0,r.jsx)("button",{onClick:()=>{const t=i.current;t&&t.scrollBy({left:300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-right",style:{position:"absolute",right:h.right,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:t=>{t.currentTarget.style.transform="translateY(-50%) scale(1.1)",t.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:t=>{t.currentTarget.style.transform="translateY(-50%) scale(1)",t.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll right",children:(0,r.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,r.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,r.jsx)("div",{ref:i,style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(e=t.spacing)&&void 0!==e?e:3,overflowX:"auto",scrollBehavior:"auto",scrollbarWidth:"none",msOverflowStyle:"none"},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,{showBgPlaceholder:t.showBgPlaceholder,renderElement:t.renderElement,data:e,defaultHeight:t.defaultHeight,defaultWidth:t.defaultWidth,retainAlreadyRenderedElements:t.retainAlreadyRenderedElements},"key-"+n))})]})}},9408:function(t,e,n){n.r(e),n.d(e,{default:function(){return b}});var i=n(3247),o=n(1422),r=n(3731),l=n(6086),a=n(9810),d=n(9950),s=n(5830),c=n(140);var u=n(5144),h=n(4905),p=n(4688),v=n(1348),x=n(8149),g=n(5551),m=n(1351),f=n(6157),w=n(4414);function C(t){var e;const[n]=(0,s.QN)("whatmoreSecondaryColor"),[d]=(0,s.QN)("whatmorePrimaryFont"),c=null!==(e=t.baseFontSize)&&void 0!==e?e:10,u=t.width,h=t.height;return(0,w.jsx)(i.az,{width:u,height:h,padding:"0px",boxShadow:"lg",borderRadius:"md",backgroundColor:"white",borderColor:n,borderWidth:"1px",children:(0,w.jsxs)(o.B,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"2px",justifyContent:"center",children:[(0,w.jsxs)(r.E,{color:n,fontSize:1.3*c,fontWeight:"semibold",sx:{fontFamily:d+" !important"},children:["\xa0"," In Cart ","\xa0"]}),(0,w.jsx)(l.o,{paddingX:"5px",children:(0,w.jsx)(a.A,{sx:{color:n,fontSize:1.5*c}})})]})})}var b=function(t){var e,n,a,b;const[j]=(0,s.QN)("whatmorePrimaryFont"),[y]=(0,s.QN)("isInDesignMode"),[S]=(0,s.QN)("isDemoBrand"),[k,I]=(0,s.QN)("appCartData"),[_]=(0,s.QN)("whatmoreShopId"),[z]=[(0,v.Wc_)(_)],E=(0,v.Wc_)(_),[T,A]=(0,d.useState)(!1),[F,N]=(0,d.useState)({state:"initial"}),[P,L]=(0,d.useState)({loaded:!1,client_product_id:"",variant_id:"",variant_price:""}),{closeClickComponent:B}=(0,d.useContext)(p.EventClickComponentContext),{whatmoreWidgetSourceDetails:O}=(0,d.useContext)(g.B),D=t.event,R=t.product,W=null!==(e=t.baseFontSize)&&void 0!==e?e:10;function V(t,e,n){y||S||(async()=>{(0,c.tO)(t,e,n)})()}(0,d.useEffect)(()=>{!async function(){var t,e,n,i;const o=await(0,x.M)(R,(0,v.NCy)(_),_);L({loaded:!0,client_product_id:R.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 Q=null!==(n=t.width)&&void 0!==n?n:"fit-content",M=null!==(a=t.height)&&void 0!==a?a:"fit-content",H=(null!==(b=(0,v.FyB)(_))&&void 0!==b?b:2)+"px";return P.loaded?(0,w.jsx)("div",{style:{width:Q,height:M},children:(0,w.jsx)("a",{href:"javascript:void(0)","data-variant-id":P.variant_id,"data-action-atc":"",rel:"nofollow","aria-describedby":"a11y-external-message",children:(0,w.jsx)(h.$,{type:"submit",className:(0,v.AJI)(_),sx:{width:Q,height:M,minHeight:M},onClick:t=>{A(!0),V(D,R,1),(0,m.kz)({userInteractionType:f.O.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:O,event:D,productList:[R],ctaList:D.cta}),null!==B&&setTimeout(()=>{B()},2e3)},children:"initial"===F.state?(0,w.jsx)(i.az,{width:"100%",height:"100%",padding:H,boxShadow:"lg",borderRadius:"md",backgroundColor:E,borderColor:E,borderWidth:"1px",animation:T?u.jd:null,onAnimationEnd:()=>{A(!1)},children:(0,w.jsx)(o.B,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:(0,w.jsx)(l.o,{children:(0,w.jsxs)(r.E,{lineHeight:"100%",fontSize:1.3*W,fontWeight:"semibold",sx:{fontFamily:j+" !important",color:(0,v.Hfu)(_)+" !important"},children:["\xa0"," ADD TO CART ","\xa0"]})})})}):(0,w.jsx)(C,{event:D,product:R,baseFontSize:W,cartState:F,width:Q,height:M})})})}):(0,w.jsx)(w.Fragment,{})}}}]);
127
+ `} 0.3s ease-in-out;\n`)},5242:function(t,e,n){var i=n(3731),o=n(1422),r=n(3247),l=n(7239),a=n(5388),d=n(4414);e.A=function(t){var e,n=t.event,s=t.fontSize,c=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:u,bannerText:h,timeToStartInMins:p}=l.A.getEventStatus(n);return u.name===a.A.LIVE.name?(0,d.jsx)(r.az,{maxWidth:c,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:u.color,children:(0,d.jsx)(o.B,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,d.jsx)(i.E,{fontSize:s,fontWeight:"bold",color:"white",children:h})})}):(0,d.jsx)(r.az,{maxWidth:c,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:u.color,children:(0,d.jsx)(o.B,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,d.jsx)(i.E,{fontSize:s,fontWeight:"medium",children:h})})})}},5388:function(t,e){e.A={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},6125:function(){},6305:function(t,e,n){var i=n(9950),o=n(1348),r=n(5830),l=n(1052),a=n(140),d=n(8149),s=n(4688),c=n(3262),u=n(5551);e.A=function(t,e,n){const[h]=(0,r.QN)("whatmoreShopId"),[p]=(0,r.QN)("isInDesignMode"),[v]=(0,r.QN)("isDemoBrand"),[x,g]=(0,i.useState)(null),m=(0,i.useRef)(null),{closeClickComponent:f}=(0,i.useContext)(s.EventClickComponentContext),{whatmoreUserInfo:w}=(0,i.useContext)(u.B),[C,b]=(0,i.useState)({state:"init",cart_count:t});function j(t,e){b({state:t,cart_count:null!==e&&void 0!==e?e:C.cart_count}),"init"!=t&&"errored"!=t?(0,r.t2)("whatmoreAllowAutoSlide",!1):(0,r.t2)("whatmoreAllowAutoSlide",!0)}function y(t){const e=m.current.filter(e=>e.option1==t[0]&&e.option2==t[1]&&e.option3==t[2]);return 0==e.length?null:e[0].id}function S(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]}function k(t){if(0==t.length)return null;const e=t.filter(t=>t.available);return 0==e.length?null:e[0].option}function I(t){return t[0].length<=1&&t[1].length<=1&&t[2].length<=1}function _(){if(m.current&&m.current.length>=1){return m.current.filter(t=>t.available).length>=1}return!1}function z(t,e,n){p||v||(async()=>{(0,a.tO)(t,e,n)})()}function E(t,i){const a=y(t);if(!a)return void j("init",C.cart_count);j("atcApiCallInProgress",null);(0,l.cF)([a],1,(0,o.NCy)(h),h,n,e,i,null===n||void 0===n?void 0:n.location,null===w||void 0===w?void 0:w.userType).then(t=>{if(!t.ok)throw new Error(t.status);return t.json()}).then(t=>(z(n,e,1),j("init",C.cart_count+1),(0,r.t2)("whatmoreAddedToCart",!0),(0,r.Xd)("whatmoreAddedToCart")&&(0,c.initiateCartSliderEvent)(h,()=>{},100,window.location.hostname,a,e.client_product_id,i,null===n||void 0===n?void 0:n.location,null===w||void 0===w?void 0:w.userType,e.product_link),(0,o.MPe)(h)&&setTimeout(()=>function(){const t=window.location.origin+"/cart";window.location.href=t}(),500),t)).catch(t=>{j("errored",null),console.error("Error while adding to cart:",t)})}return[C,function(t){const i=[];j("productVariantDetailsApiCallInProgress",null),Promise.all(n.products.map(t=>(0,d.M)(t,(0,o.NCy)(h),h).then(e=>{m.current=e.variants;const n=S(e);if(g(n),I(n)&&_()){const e=y([k(n[0]),k(n[1]),k(n[2])]);return e?(i.push(t),e):void j("init",C.cart_count)}}))).then(a=>{const d=a.filter(t=>void 0!=t);(0,l.cF)(d,1,(0,o.NCy)(h),h,n,e,t,null===n||void 0===n?void 0:n.location,null===w||void 0===w?void 0:w.userType).then(t=>{if(!t.ok)throw new Error(t.status);return t.json()}).then(t=>(i.forEach(t=>{z(n,t,1)}),j("init",C.cart_count+(null===d||void 0===d?void 0:d.length)),(0,r.t2)("whatmoreAddedToCart",!0),t)).catch(t=>{j("errored",null),console.error("Error while adding to cart:",t)})})},j,x,function(t,n=!1){j("productVariantDetailsApiCallInProgress",null),(0,d.M)(e,(0,o.NCy)(h),h).then(e=>{m.current=e.variants;const i=S(e);g(i),I(i)||n?_()?E([k(i[0]),k(i[1]),k(i[2])],t):j("errored",null):j("awaitingVariantSelection",null)}).catch(t=>{j("errored",null)})},E,function(t){var e,n,i,r;const l=m.current.filter(e=>e.option1==t[0]&&e.option2==t[1]&&e.option3==t[2]);if(0==l.length)return null;const a=null!==(e=l[0].price)&&void 0!==e?e:0,d=null!==(n=l[0].compare_at_price)&&void 0!==n?n:0;return{price:((0,o.NCy)(h),a),compare_price:((0,o.NCy)(h),d),title:null!==(i=null===(r=l[0])||void 0===r?void 0:r.title)&&void 0!==i?i:""}},function(){"do_nothing"!==(0,o.m4S)(h)&&("go_to_cart_page"!==(0,o.m4S)(h)?"open_cart_slider"!==(0,o.m4S)(h)||null!==f&&f():(0,l.Le)((0,o.NCy)(h),h))}]}},6670:function(t,e,n){var i=n(9950),o=n(5830);e.A=function(t){const[e,n]=(0,o.QN)("muted");return(0,i.useEffect)(()=>{},[]),[e,n]}},7035:function(t,e,n){n.d(e,{m:function(){return i}});const i={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",shop_now:"SHOP NOW",off:"off",swipe_more:"swipe for more"},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",off:"\u062e\u0635\u0645"},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",off:"rabat"},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",off:"rabatt"},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",off:"descuento"},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",off:"remise"},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",shop_now:"\u5546\u54c1\u3092\u898b\u308b",off:"\u30aa\u30d5"},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",off:"korting"},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",off:"de desconto"},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",off:"\u6298\u6263"},"pt-BR":{add_to_cart:"ADICIONAR AO CARRINHO",buy_now:"COMPRAR AGORA",more_info:"MAIS INFORMA\xc7\xd5ES",size:"Tamanho",color:"Cor",description:"Descri\xe7\xe3o",like:"Curtir",share:"Compartilhar",talk_to_us:"Fale Conosco",done:"Selecionar",cancel:"Voltar",view_product:"Ver Produto",go_to_cart:"Ir para o Carrinho",shop_now:"COMPRAR AGORA",off:"desconto",swipe_more:"Arraste para mais"},tr:{swipe_more:"Daha fazlas\u0131 i\xe7in kayd\u0131r\u0131n"}}},7239:function(t,e,n){var i=n(5388);e.A=class{static getEventStatus(t){t.time_zone="GMT+5:30";var e=t.start_time+":00",n=t.end_time,o=t.scheduled_date,r=t.status,l=t.time_zone;if(r.toUpperCase()==i.A.LIVE.name)return{status:i.A.LIVE,bannerText:" "+i.A.LIVE.name+" ",timeToStartInMins:0};if(r.toUpperCase()==i.A.UPCOMING.name){var a=new Date(o+" "+e+" "+l),d=(new Date(o+" "+n+" "+l),function(t){var e=new Date,n=(t.getTime()-e.getTime())/1e3,o=n/60,r=o/60,l=r/24;return n<=0?{status:i.A.COMPLETED,bannerText:" "+i.A.COMPLETED.name+" ",timeToStartInMins:0}:n>=1&&n<=30?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(n)+" sec ",timeToStartInMins:n/60}:o<60?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(o)+" min ",timeToStartInMins:o}:r<24?{status:i.A.UPCOMING,bannerText:"Starts in "+Math.round(r)+" hr ",timeToStartInMins:60*r}:l<7?{status:i.A.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][t.getDay()]+" ",timeToStartInMins:60*l*24}:{status:i.A.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(a));return{status:d.status,bannerText:d.bannerText,timeToStartInMins:d.timeToStartInMins}}return console.error("invalid status for event :: id : "+t.event_id+", status : "+t.status),{status:i.A.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},8385:function(t,e,n){n.d(e,{c:function(){return a}});var i=n(6649),o=n(9950),r=(n(4365),n(4414));function l(t){const[e,n,o]=(0,i.A)({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:{backgroundColor:t.showBgPlaceholder?"gray":"transparent",minWidth:t.defaultWidth,minHeight:t.defaultHeight}})})}function a(t){var e,n;const i=(0,o.useRef)(null),a=(0,o.useRef)(null),[d,s]=(0,o.useState)(!1),[c,u]=(0,o.useState)(!1),[h,p]=(0,o.useState)({top:"50%",left:"5px",right:"5px"}),v="90518552861"===t.shopId,x=()=>{const t=i.current,e=a.current;if(!t||!e)return;const n=t.scrollLeft,o=t.scrollWidth,r=t.clientWidth;s(n>10);u(!(n+r>=o-10)&&o>r);e.getBoundingClientRect(),t.getBoundingClientRect();p({top:"50%",left:"5px",right:"5px"})};return(0,o.useEffect)(()=>{const t=i.current;let e,n,o,r=!1,l=0,a=null;function d(t){a&&(cancelAnimationFrame(a),a=null),t.touches&&(null===t||void 0===t?void 0:t.touches.length)>0?(r=!0,e=t.touches[0].clientX,n=e,o=Date.now(),l=0):(r=!0,e=t.clientX,n=e,o=Date.now(),l=0)}function s(i){if(!r)return;const a=i.touches?i.touches[0].clientX:i.clientX,d=Date.now(),s=d-o;t.style.pointerEvents="none";const c=(i.touches?1.2:2)*(e-a);t.scrollLeft+=c,s>0&&(l=(n-a)/s),e=a,n=a,o=d}function c(e){t.style.pointerEvents="auto",r=!1;const n=30*l;Math.abs(n)>1&&function(e){let n=e;const i=.95,o=.5;function l(){Math.abs(n)>o&&!r?(t.scrollLeft+=n,n*=i,a=requestAnimationFrame(l)):a=null}a=requestAnimationFrame(l)}(n)}return t&&("ontouchstart"in window&&(t.addEventListener("touchstart",d,{passive:!1}),t.addEventListener("touchmove",s,{passive:!1}),t.addEventListener("touchend",c,{passive:!1})),t.addEventListener("mousedown",d),document.addEventListener("mousemove",s),document.addEventListener("mouseup",c),v&&(t.addEventListener("scroll",x),setTimeout(()=>{x()},100),window.addEventListener("resize",x))),()=>{t&&("ontouchstart"in window&&(t.removeEventListener("touchstart",d),t.removeEventListener("touchmove",s),t.removeEventListener("touchend",c)),t.removeEventListener("mousedown",d),document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",c),v&&(t.removeEventListener("scroll",x),window.removeEventListener("resize",x)))}},[v]),(0,r.jsxs)("div",{ref:a,style:{position:"relative",width:"100%",height:"fit-content"},className:"whatmore-carousel-navigation-wrapper",children:[v&&d&&(0,r.jsx)("button",{onClick:()=>{const t=i.current;t&&t.scrollBy({left:-300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-left",style:{position:"absolute",left:h.left,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:t=>{t.currentTarget.style.transform="translateY(-50%) scale(1.1)",t.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:t=>{t.currentTarget.style.transform="translateY(-50%) scale(1)",t.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll left",children:(0,r.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,r.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),v&&c&&(0,r.jsx)("button",{onClick:()=>{const t=i.current;t&&t.scrollBy({left:300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-right",style:{position:"absolute",right:h.right,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:t=>{t.currentTarget.style.transform="translateY(-50%) scale(1.1)",t.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:t=>{t.currentTarget.style.transform="translateY(-50%) scale(1)",t.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll right",children:(0,r.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,r.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,r.jsx)("div",{ref:i,style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(e=t.spacing)&&void 0!==e?e:3,overflowX:"auto",scrollBehavior:"auto",scrollbarWidth:"none",msOverflowStyle:"none",touchAction:"pan-y"},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,{showBgPlaceholder:t.showBgPlaceholder,renderElement:t.renderElement,data:e,defaultHeight:t.defaultHeight,defaultWidth:t.defaultWidth,retainAlreadyRenderedElements:t.retainAlreadyRenderedElements},"key-"+n))})]})}},9408:function(t,e,n){n.r(e),n.d(e,{default:function(){return b}});var i=n(3247),o=n(1422),r=n(3731),l=n(6086),a=n(9810),d=n(9950),s=n(5830),c=n(140);var u=n(5144),h=n(4905),p=n(4688),v=n(1348),x=n(8149),g=n(5551),m=n(1351),f=n(6157),w=n(4414);function C(t){var e;const[n]=(0,s.QN)("whatmoreSecondaryColor"),[d]=(0,s.QN)("whatmorePrimaryFont"),c=null!==(e=t.baseFontSize)&&void 0!==e?e:10,u=t.width,h=t.height;return(0,w.jsx)(i.az,{width:u,height:h,padding:"0px",boxShadow:"lg",borderRadius:"md",backgroundColor:"white",borderColor:n,borderWidth:"1px",children:(0,w.jsxs)(o.B,{direction:"row",width:"100%",height:"100%",alignItems:"center",paddingX:"4px",paddingY:"2px",justifyContent:"center",children:[(0,w.jsxs)(r.E,{color:n,fontSize:1.3*c,fontWeight:"semibold",sx:{fontFamily:d+" !important"},children:["\xa0"," In Cart ","\xa0"]}),(0,w.jsx)(l.o,{paddingX:"5px",children:(0,w.jsx)(a.A,{sx:{color:n,fontSize:1.5*c}})})]})})}var b=function(t){var e,n,a,b;const[j]=(0,s.QN)("whatmorePrimaryFont"),[y]=(0,s.QN)("isInDesignMode"),[S]=(0,s.QN)("isDemoBrand"),[k,I]=(0,s.QN)("appCartData"),[_]=(0,s.QN)("whatmoreShopId"),[z]=[(0,v.Wc_)(_)],E=(0,v.Wc_)(_),[T,A]=(0,d.useState)(!1),[F,N]=(0,d.useState)({state:"initial"}),[P,L]=(0,d.useState)({loaded:!1,client_product_id:"",variant_id:"",variant_price:""}),{closeClickComponent:B}=(0,d.useContext)(p.EventClickComponentContext),{whatmoreWidgetSourceDetails:O}=(0,d.useContext)(g.B),D=t.event,R=t.product,W=null!==(e=t.baseFontSize)&&void 0!==e?e:10;function V(t,e,n){y||S||(async()=>{(0,c.tO)(t,e,n)})()}(0,d.useEffect)(()=>{!async function(){var t,e,n,i;const o=await(0,x.M)(R,(0,v.NCy)(_),_);L({loaded:!0,client_product_id:R.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 Q=null!==(n=t.width)&&void 0!==n?n:"fit-content",M=null!==(a=t.height)&&void 0!==a?a:"fit-content",H=(null!==(b=(0,v.FyB)(_))&&void 0!==b?b:2)+"px";return P.loaded?(0,w.jsx)("div",{style:{width:Q,height:M},children:(0,w.jsx)("a",{href:"javascript:void(0)","data-variant-id":P.variant_id,"data-action-atc":"",rel:"nofollow","aria-describedby":"a11y-external-message",children:(0,w.jsx)(h.$,{type:"submit",className:(0,v.AJI)(_),sx:{width:Q,height:M,minHeight:M},onClick:t=>{A(!0),V(D,R,1),(0,m.kz)({userInteractionType:f.O.PRODUCT_TILE_ATC_CLICKED,widgetSourceDetails:O,event:D,productList:[R],ctaList:D.cta}),null!==B&&setTimeout(()=>{B()},2e3)},children:"initial"===F.state?(0,w.jsx)(i.az,{width:"100%",height:"100%",padding:H,boxShadow:"lg",borderRadius:"md",backgroundColor:E,borderColor:E,borderWidth:"1px",animation:T?u.jd:null,onAnimationEnd:()=>{A(!1)},children:(0,w.jsx)(o.B,{direction:"row",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",paddingY:"2px",children:(0,w.jsx)(l.o,{children:(0,w.jsxs)(r.E,{lineHeight:"100%",fontSize:1.3*W,fontWeight:"semibold",sx:{fontFamily:j+" !important",color:(0,v.Hfu)(_)+" !important"},children:["\xa0"," ADD TO CART ","\xa0"]})})})}):(0,w.jsx)(C,{event:D,product:R,baseFontSize:W,cartState:F,width:Q,height:M})})})}):(0,w.jsx)(w.Fragment,{})}}}]);
package/static/js/{714.2408a65a.chunk.js → 714.ab3e33d7.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[714],{22:function(e,t,r){r.d(t,{$S:function(){return s},_:function(){return o},b4:function(){return i},dl:function(){return n},nN:function(){return d},tn:function(){return l},vF:function(){return a}});const o="device_type",n="device_mode",i="mobile",a="tablet",s="desktop",l="portrait",d="landscape"},851:function(e,t,r){r.d(t,{A:function(){return g}});var o=r(1005),n=r(9950),i=r(9879),a=r(22),s=r(5830),l=r(932);var d=function(e){const[t,r,o,n,i]=(0,l.A)(),[d]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),c=i[a.dl]===a.nN?p/100:d/100*1.2;return[t*c,r*c,i]},p=r(1628),c=r.n(p),h=r(6702),x=(r(9733),r(4365),r(1348)),u=r(4414);var m=({size:e,color:t="rgba(255, 255, 255, 0.9)"})=>(0,u.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:{cursor:"pointer",transition:"all 0.3s ease",filter:"drop-shadow(0 2px 6px rgba(0,0,0,0.5))"},className:"premium-close-icon",children:[(0,u.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"rgba(0, 0, 0, 0.6)",stroke:"rgba(255, 255, 255, 0.3)",strokeWidth:"1.5",style:{transition:"all 0.3s ease"}}),(0,u.jsx)("path",{d:"M15 9l-6 6M9 9l6 6",stroke:t,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"all 0.3s ease"}})]});var f=({size:e,color:t="rgba(255, 255, 255, 0.95)"})=>(0,u.jsxs)("svg",{width:.7*e,height:.7*e,viewBox:"0 0 80 80",fill:"none",style:{filter:"drop-shadow(0 8px 24px rgba(0,0,0,0.5))",transition:"all 0.4s cubic-bezier(0.4, 0, 0.2, 1)",cursor:"pointer"},className:"premium-play-icon",children:[(0,u.jsx)("circle",{cx:"40",cy:"40",r:"28",fill:"url(#playGradient)",stroke:"rgba(255, 255, 255, 0.2)",strokeWidth:"1.5",style:{backdropFilter:"blur(20px)"}}),(0,u.jsx)("path",{d:"M32 26 L32 54 L56 40 Z",fill:t,stroke:"none",style:{filter:"drop-shadow(0 2px 8px rgba(0,0,0,0.3))"}}),(0,u.jsxs)("defs",{children:[(0,u.jsxs)("radialGradient",{id:"playGradient",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,u.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.25)"}),(0,u.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.08)"}),(0,u.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.02)"})]}),(0,u.jsxs)("radialGradient",{id:"playGradientHover",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,u.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.4)"}),(0,u.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.15)"}),(0,u.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.05)"})]})]}),(0,u.jsx)("style",{jsx:!0,children:"\n .premium-play-icon:hover { transform: scale(1.1); filter: drop-shadow(0 12px 32px rgba(0,0,0,0.6)); }\n .premium-play-icon:hover circle { fill: url(#playGradientHover); stroke: rgba(255, 255, 255, 0.4); transform: scale(1.05); }\n .premium-play-icon:hover path { fill: white; transform: translateX(1px); }\n .premium-play-icon:active { transform: scale(0.95); }\n "})]});var g=function(e){var t;const r=n.useRef(null);var[l,p,g]=d();(0,s.Xd)("whatmoreUITheme");const[v]=(0,s.QN)("whatmorePrimaryFont"),[w]=(0,s.QN)("whatmoreEmbedAppVideoTitle"),[b]=(0,s.QN)("whatmoreEmbedAppPositionPortrait"),[y]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[k]=(0,s.QN)("whatmoreEmbedAppPositionLandscape"),[S]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[L]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,s.Xd)("whatmoreShopId"),C=(0,s.Xd)("isWhatmorePreviewMode");var N=b,z=y,P=j;g[a.dl]===a.nN&&(N=k,z=S,P=L);const[A,R]=(0,n.useState)(["initial",window.pageYOffset]),[M,F]=(0,n.useState)(!1),I=null!==(t=e.isSpotlight)&&void 0!==t&&t,Q=g[a.dl]===a.nN?.8*(0,x.O86)(E):1.2*(0,x.O86)(E),T=I?Q:1.2;l*=T,p*=T;const B=I?(0,x.LrK)(E):N,D=I?(0,x._2D)(E):(0,x.GSq)(E),[_,W]=(0,n.useState)(!I&&(0,x.n8Q)(E)),V=!I&&(0,x.YE3)(E);function X(e,t){R(e),e[1]<=100?F(!1):t!=M&&(F(t),W(!1))}(0,n.useEffect)(()=>{let e=window.pageYOffset,t=!1;const r=()=>{const r=window.pageYOffset;Math.abs(r-e)<100||(X([r>e?"scrolled-down":"scrolled-up",r],!0),e=r>0?r:0),t=!1},o=()=>{t||(window.requestAnimationFrame(r),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[A]),(0,o.j)({ref:r,handler:()=>{X(["scrolled-up",A[1]],!0)}});const Y=e.event,H=e.inVideoClick,O=e.closeClick,G=.25*p,U=.5*p,q=.6*p,$="20px",Z=(0,x.GvQ)(E);var K=!1,J=0,ee=0;function te(e){K=e}return(0,u.jsx)("div",{className:"wht-popup",children:_&&!D?(0,u.jsx)(u.Fragment,{}):M&&D?(0,u.jsx)("div",{style:"left"===B?{left:"16px",bottom:I?(0,x.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z}:{right:"16px",bottom:I?(0,x.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z},children:(0,u.jsxs)("div",{onClick:()=>{X(["initial",A[1]],!1)},style:{width:q+"px",height:q*(16/9)+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 12px 24px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(15px)",cursor:"pointer",transition:"all 0.3s ease",transformStyle:"preserve-3d"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,u.jsx)("div",{style:{overflow:"hidden",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2))"},children:(0,u.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:16/9},children:(0,u.jsx)(i.A,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content",padding:"2px",position:"absolute",top:"0",right:"0",zIndex:10},children:(0,u.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",onClick:e=>{e.stopPropagation(),O()},children:(0,u.jsx)(m,{size:.8*G})})}),(0,u.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,u.jsx)(h.A,{sx:{color:"white",fontSize:2*G+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,u.jsx)(c(),{nodeRef:r,cancel:".activate-button,.close-btn",bounds:C?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var r,o;r=t.x,o=t.y,J=r,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):(V&&O(e),H(Y))},children:(0,u.jsx)("div",{ref:r,style:"left"===B?{left:I?(0,x.D2A)(E)+"px":z+"px",bottom:I?(0,x.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z}:{right:I?(0,x.D2A)(E)+"px":z+"px",bottom:I?(0,x.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z},children:(0,u.jsxs)("div",{style:{boxSizing:"border-box",width:e.isSpotlight&&"60122562760"==E?l+"px":p+"px",height:e.isSpotlight&&"60122562760"==E?p+"px":l+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 20px 40px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(20px)",transition:"all 0.3s ease"},className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,u.jsx)("div",{style:{overflow:"hidden",position:"relative",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,u.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==E?16/9:9/16},children:(0,u.jsx)(i.A,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%",position:"relative"},children:[(0,u.jsx)("div",{style:{position:"absolute",top:"2px",right:"2px",zIndex:10},children:(0,u.jsx)("div",{className:"close-btn",onClick:O,children:(0,u.jsx)(m,{size:G})})}),(0,u.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto",marginTop:"auto",marginBottom:"auto"},children:(0,u.jsx)(f,{size:U})}),(0,u.jsx)("div",{style:{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"16px",borderBottomLeftRadius:$,borderBottomRightRadius:$,background:w?"linear-gradient(to bottom, transparent, rgba(0,0,0,0.8))":"transparent"},children:(0,u.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:v,fontWeight:"600",fontSize:.35*G+"px",margin:0,padding:0,lineHeight:"125%",letterSpacing:"0.3px",textShadow:"0 2px 4px rgba(0,0,0,0.5)"},children:w})})]})})]})})})})}},932:function(e,t,r){var o=r(5830),n=r(1941),i=r(22),a=r(1348);t.A=function(e){const[t,r,s]=(0,n.A)(),[l]=(0,o.QN)("whatmoreLandscapePadding"),[d]=(0,o.QN)("whatmoreShopId"),[p]=(0,o.QN)("whatmoreVideoTileSize"),[c]=(0,o.QN)("whatmoreVideoTileSizePortrait"),h=s>r,x="portrait"==t?c:p,u=!("portrait"!=t||!(s>=481)),m=x/100*1.3*.5,f=x/100;var g=Math.min(s,r),[v,w,b,y]=[.6*g*(16/9),.6*g,1.4,0];function j(e){return Math.round(10*e)/10}var k={DEVICE_TYPE:i.b4,DEVICE_MODE:i.tn};if(h){const e=w*m,t=v*m;[v,w,b,y]=[t,e,(s-2*l-2*(0,a.$du)(d))/(1.1*e),l],k[i._]=i.$S,k[i.dl]=i.nN}else if(u){var S=.8*w,L=.8*v;"portrait"==t?(S*=f,L*=f,[v,w,b,y]=[L,S,j(s/(1.2*S)),0],k[i._]=i.vF,k[i.dl]=i.tn):([v,w,b,y]=[L,S,(s-2*l)/(1.1*S),l],k[i._]=i.vF,k[i.dl]=i.nN)}else{S=w,L=v;"portrait"==t?(S=S*f*.9,L=L*f*.9,[v,w,b,y]=[L,S,j(s/(1.15*S)),0],k[i._]=i.b4,k[i.dl]=i.tn):(S=.7*w,L=.7*v,[v,w,b,y]=[L,S,(s-2*l)/(1.1*S),l],k[i._]=i.b4,k[i.dl]=i.nN)}return[v,w,b,y,k]}},2410:function(e,t,r){var o=r(9950),n=r(1348),i=r(5830),a=(r(6125),r(4365),r(6614),r(9879)),s=(r(7509),r(932)),l=r(5551),d=r(4414);t.A=function(e){var t,r;const[p,c]=(0,s.A)(),[h]=(0,i.QN)("whatmoreSecondaryColor"),[x]=(0,i.QN)("whatmoreShopId"),u=(0,i.Xd)("whatmoreVideoTileSize"),m=(0,i.Xd)("whatmoreVideoTileSizePortrait"),f="portrait"===e.mode?m:u,g=(0,i.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:v}=(0,o.useContext)(l.B),[w,b]=(0,o.useState)(!1),y=(0,n.ivI)(x),j=v.landingLocationType,k="22907887"===x?"portrait"===e.mode?.9:.83:1,S=e.event,L=e.onClick,E=e.removeBorders,C=k*p*f*.01,N=c*f*.01,z=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n._hU)(x)?"auto":N+"px",marginLeft:E?"2px":"5px",marginRight:E?"2px":(0,n.FZM)(x)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{b(!0),L(S)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:z,overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+h+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+h+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+h+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+h+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,d.jsxs)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:C+"px",width:"40273707171"==x?"auto":N+"px",borderRadius:z,backgroundColor:"gray",overflow:"hidden",transition:"transform 0.2s ease",transformOrigin:"bottom center"},onMouseEnter:e=>e.currentTarget.style.transform="scale(1.05)",onMouseLeave:e=>e.currentTarget.style.transform="scale(1)",children:[(0,d.jsx)(a.A,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S}),"22907887"===x&&(null===S||void 0===S||null===(r=S.products)||void 0===r?void 0:r.length)>0&&(0,d.jsxs)("div",{className:"whatmore-products-overlay",style:{position:"absolute",bottom:"portrait"===e.mode?"8px":"12px",left:"50%",transform:"translateX(-50%)",background:"rgba(0,0,0,0.3)",backdropFilter:"blur(4px)",borderRadius:"20px",padding:"portrait"===e.mode?"4px 8px":"5px 10px",display:"flex",alignItems:"center",gap:"portrait"===e.mode?"6px":"8px",transition:"transform 0.2s ease"},children:[S.products.slice(0,2).map((t,r)=>(0,d.jsx)("div",{style:{width:"portrait"===e.mode?"32px":"42px",height:"portrait"===e.mode?"32px":"42px",borderRadius:"50%",border:"2px solid white",overflow:"hidden",flexShrink:0,backgroundColor:"#f0f0f0"},children:(0,d.jsx)("img",{src:t.thumbnail_image,alt:t.title,style:{width:"100%",height:"100%",objectFit:"cover"}})},r)),S.products.length>2&&(0,d.jsx)("div",{style:{width:"portrait"===e.mode?"32px":"42px",height:"portrait"===e.mode?"32px":"42px",borderRadius:"50%",border:"2px solid white",backgroundColor:"rgba(0,0,0,0.6)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,d.jsxs)("span",{style:{color:"white",fontSize:"portrait"===e.mode?"10px":"11px",fontWeight:"600"},children:["+",S.products.length-2]})})]})]})}),j.startsWith("product")&&(0,d.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,d.jsx)("p",{ref:t=>{var r;t&&(t.style.setProperty("font-family",g,"important"),t.style.setProperty("font-size",(null!==(r=e.fontSize)&&void 0!==r?r:10)+"px","important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:null===S||void 0===S?void 0:S.title})})]})}},3997:function(){},4669:function(){},6042:function(){},6125:function(){},6614:function(){},7229:function(){},7509:function(e,t,r){r.d(t,{h:function(){return o}});const o=(0,r(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,r){r.d(t,{c:function(){return s}});var o=r(6649),n=r(9950),i=(r(4365),r(4414));function a(e){const[t,r,n]=(0,o.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,i.jsx)("div",{ref:t,children:r?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,i.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function s(e){var t,r;const o=(0,n.useRef)(null),s=(0,n.useRef)(null),[l,d]=(0,n.useState)(!1),[p,c]=(0,n.useState)(!1),[h,x]=(0,n.useState)({top:"50%",left:"5px",right:"5px"}),u="90518552861"===e.shopId,m=()=>{const e=o.current,t=s.current;if(!e||!t)return;const r=e.scrollLeft,n=e.scrollWidth,i=e.clientWidth;d(r>10);c(!(r+i>=n-10)&&n>i);t.getBoundingClientRect(),e.getBoundingClientRect();x({top:"50%",left:"5px",right:"5px"})};return(0,n.useEffect)(()=>{const e=o.current;let t,r,n,i=!1,a=0,s=null;function l(e){s&&(cancelAnimationFrame(s),s=null),e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(e.preventDefault(),i=!0,t=e.touches[0].clientX,r=t,n=Date.now(),a=0):(i=!0,t=e.clientX,r=t,n=Date.now(),a=0)}function d(o){if(!i)return;o.touches&&o.preventDefault();const s=o.touches?o.touches[0].clientX:o.clientX,l=Date.now(),d=l-n;e.style.pointerEvents="none";const p=(o.touches?1:2)*(t-s);e.scrollLeft+=p,d>0&&(a=(r-s)/d),t=s,r=s,n=l}function p(t){e.style.pointerEvents="auto",i=!1;const r=30*a;Math.abs(r)>1&&function(t){let r=t;const o=.95,n=.5;function a(){Math.abs(r)>n&&!i?(e.scrollLeft+=r,r*=o,s=requestAnimationFrame(a)):s=null}s=requestAnimationFrame(a)}(r)}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",l,{passive:!1}),e.addEventListener("touchmove",d,{passive:!1}),e.addEventListener("touchend",p,{passive:!1})),e.addEventListener("mousedown",l),document.addEventListener("mousemove",d),document.addEventListener("mouseup",p),u&&(e.addEventListener("scroll",m),setTimeout(()=>{m()},100),window.addEventListener("resize",m))),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",l),e.removeEventListener("touchmove",d),e.removeEventListener("touchend",p)),e.removeEventListener("mousedown",l),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",p),u&&(e.removeEventListener("scroll",m),window.removeEventListener("resize",m)))}},[u]),(0,i.jsxs)("div",{ref:s,style:{position:"relative",width:"100%",height:"fit-content"},className:"whatmore-carousel-navigation-wrapper",children:[u&&l&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:-300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-left",style:{position:"absolute",left:h.left,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll left",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),u&&p&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-right",style:{position:"absolute",right:h.right,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll right",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,i.jsx)("div",{ref:o,style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto",scrollBehavior:"auto",scrollbarWidth:"none",msOverflowStyle:"none"},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(r=e.dataList)||void 0===r?void 0:r.map((t,r)=>(0,i.jsx)(a,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+r))})]})}},9130:function(){},9733:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[714],{22:function(e,t,r){r.d(t,{$S:function(){return s},_:function(){return o},b4:function(){return i},dl:function(){return n},nN:function(){return d},tn:function(){return l},vF:function(){return a}});const o="device_type",n="device_mode",i="mobile",a="tablet",s="desktop",l="portrait",d="landscape"},851:function(e,t,r){r.d(t,{A:function(){return g}});var o=r(1005),n=r(9950),i=r(9879),a=r(22),s=r(5830),l=r(932);var d=function(e){const[t,r,o,n,i]=(0,l.A)(),[d]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),c=i[a.dl]===a.nN?p/100:d/100*1.2;return[t*c,r*c,i]},p=r(1628),c=r.n(p),h=r(6702),x=(r(9733),r(4365),r(1348)),u=r(4414);var m=({size:e,color:t="rgba(255, 255, 255, 0.9)"})=>(0,u.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:{cursor:"pointer",transition:"all 0.3s ease",filter:"drop-shadow(0 2px 6px rgba(0,0,0,0.5))"},className:"premium-close-icon",children:[(0,u.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"rgba(0, 0, 0, 0.6)",stroke:"rgba(255, 255, 255, 0.3)",strokeWidth:"1.5",style:{transition:"all 0.3s ease"}}),(0,u.jsx)("path",{d:"M15 9l-6 6M9 9l6 6",stroke:t,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"all 0.3s ease"}})]});var f=({size:e,color:t="rgba(255, 255, 255, 0.95)"})=>(0,u.jsxs)("svg",{width:.7*e,height:.7*e,viewBox:"0 0 80 80",fill:"none",style:{filter:"drop-shadow(0 8px 24px rgba(0,0,0,0.5))",transition:"all 0.4s cubic-bezier(0.4, 0, 0.2, 1)",cursor:"pointer"},className:"premium-play-icon",children:[(0,u.jsx)("circle",{cx:"40",cy:"40",r:"28",fill:"url(#playGradient)",stroke:"rgba(255, 255, 255, 0.2)",strokeWidth:"1.5",style:{backdropFilter:"blur(20px)"}}),(0,u.jsx)("path",{d:"M32 26 L32 54 L56 40 Z",fill:t,stroke:"none",style:{filter:"drop-shadow(0 2px 8px rgba(0,0,0,0.3))"}}),(0,u.jsxs)("defs",{children:[(0,u.jsxs)("radialGradient",{id:"playGradient",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,u.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.25)"}),(0,u.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.08)"}),(0,u.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.02)"})]}),(0,u.jsxs)("radialGradient",{id:"playGradientHover",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,u.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.4)"}),(0,u.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.15)"}),(0,u.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.05)"})]})]}),(0,u.jsx)("style",{jsx:!0,children:"\n .premium-play-icon:hover { transform: scale(1.1); filter: drop-shadow(0 12px 32px rgba(0,0,0,0.6)); }\n .premium-play-icon:hover circle { fill: url(#playGradientHover); stroke: rgba(255, 255, 255, 0.4); transform: scale(1.05); }\n .premium-play-icon:hover path { fill: white; transform: translateX(1px); }\n .premium-play-icon:active { transform: scale(0.95); }\n "})]});var g=function(e){var t;const r=n.useRef(null);var[l,p,g]=d();(0,s.Xd)("whatmoreUITheme");const[v]=(0,s.QN)("whatmorePrimaryFont"),[w]=(0,s.QN)("whatmoreEmbedAppVideoTitle"),[b]=(0,s.QN)("whatmoreEmbedAppPositionPortrait"),[y]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[k]=(0,s.QN)("whatmoreEmbedAppPositionLandscape"),[S]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[L]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,s.Xd)("whatmoreShopId"),C=(0,s.Xd)("isWhatmorePreviewMode");var N=b,z=y,P=j;g[a.dl]===a.nN&&(N=k,z=S,P=L);const[A,R]=(0,n.useState)(["initial",window.pageYOffset]),[M,F]=(0,n.useState)(!1),I=null!==(t=e.isSpotlight)&&void 0!==t&&t,Q=g[a.dl]===a.nN?.8*(0,x.O86)(E):1.2*(0,x.O86)(E),T=I?Q:1.2;l*=T,p*=T;const B=I?(0,x.LrK)(E):N,_=I?(0,x._2D)(E):(0,x.GSq)(E),[D,W]=(0,n.useState)(!I&&(0,x.n8Q)(E)),V=!I&&(0,x.YE3)(E);function X(e,t){R(e),e[1]<=100?F(!1):t!=M&&(F(t),W(!1))}(0,n.useEffect)(()=>{let e=window.pageYOffset,t=!1;const r=()=>{const r=window.pageYOffset;Math.abs(r-e)<100||(X([r>e?"scrolled-down":"scrolled-up",r],!0),e=r>0?r:0),t=!1},o=()=>{t||(window.requestAnimationFrame(r),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[A]),(0,o.j)({ref:r,handler:()=>{X(["scrolled-up",A[1]],!0)}});const Y=e.event,H=e.inVideoClick,O=e.closeClick,G=.25*p,U=.5*p,q=.6*p,$="20px",Z=(0,x.GvQ)(E);var K=!1,J=0,ee=0;function te(e){K=e}return(0,u.jsx)("div",{className:"wht-popup",children:D&&!_?(0,u.jsx)(u.Fragment,{}):M&&_?(0,u.jsx)("div",{style:"left"===B?{left:"16px",bottom:I?(0,x.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z}:{right:"16px",bottom:I?(0,x.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z},children:(0,u.jsxs)("div",{onClick:()=>{X(["initial",A[1]],!1)},style:{width:q+"px",height:q*(16/9)+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 12px 24px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(15px)",cursor:"pointer",transition:"all 0.3s ease",transformStyle:"preserve-3d"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,u.jsx)("div",{style:{overflow:"hidden",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2))"},children:(0,u.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:16/9},children:(0,u.jsx)(i.A,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content",padding:"2px",position:"absolute",top:"0",right:"0",zIndex:10},children:(0,u.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",onClick:e=>{e.stopPropagation(),O()},children:(0,u.jsx)(m,{size:.8*G})})}),(0,u.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,u.jsx)(h.A,{sx:{color:"white",fontSize:2*G+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,u.jsx)(c(),{nodeRef:r,cancel:".activate-button,.close-btn",bounds:C?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var r,o;r=t.x,o=t.y,J=r,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):(V&&O(e),H(Y))},children:(0,u.jsx)("div",{ref:r,style:"left"===B?{left:I?(0,x.D2A)(E)+"px":z+"px",bottom:I?(0,x.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z}:{right:I?(0,x.D2A)(E)+"px":z+"px",bottom:I?(0,x.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z},children:(0,u.jsxs)("div",{style:{boxSizing:"border-box",width:e.isSpotlight&&"60122562760"==E?l+"px":p+"px",height:e.isSpotlight&&"60122562760"==E?p+"px":l+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 20px 40px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(20px)",transition:"all 0.3s ease"},className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,u.jsx)("div",{style:{overflow:"hidden",position:"relative",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,u.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==E?16/9:9/16},children:(0,u.jsx)(i.A,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%",position:"relative"},children:[(0,u.jsx)("div",{style:{position:"absolute",top:"2px",right:"2px",zIndex:10},children:(0,u.jsx)("div",{className:"close-btn",onClick:O,children:(0,u.jsx)(m,{size:G})})}),(0,u.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto",marginTop:"auto",marginBottom:"auto"},children:(0,u.jsx)(f,{size:U})}),(0,u.jsx)("div",{style:{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"16px",borderBottomLeftRadius:$,borderBottomRightRadius:$,background:w?"linear-gradient(to bottom, transparent, rgba(0,0,0,0.8))":"transparent"},children:(0,u.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:v,fontWeight:"600",fontSize:.35*G+"px",margin:0,padding:0,lineHeight:"125%",letterSpacing:"0.3px",textShadow:"0 2px 4px rgba(0,0,0,0.5)"},children:w})})]})})]})})})})}},932:function(e,t,r){var o=r(5830),n=r(1941),i=r(22),a=r(1348);t.A=function(e){const[t,r,s]=(0,n.A)(),[l]=(0,o.QN)("whatmoreLandscapePadding"),[d]=(0,o.QN)("whatmoreShopId"),[p]=(0,o.QN)("whatmoreVideoTileSize"),[c]=(0,o.QN)("whatmoreVideoTileSizePortrait"),h=s>r,x="portrait"==t?c:p,u=!("portrait"!=t||!(s>=481)),m=x/100*1.3*.5,f=x/100;var g=Math.min(s,r),[v,w,b,y]=[.6*g*(16/9),.6*g,1.4,0];function j(e){return Math.round(10*e)/10}var k={DEVICE_TYPE:i.b4,DEVICE_MODE:i.tn};if(h){const e=w*m,t=v*m;[v,w,b,y]=[t,e,(s-2*l-2*(0,a.$du)(d))/(1.1*e),l],k[i._]=i.$S,k[i.dl]=i.nN}else if(u){var S=.8*w,L=.8*v;"portrait"==t?(S*=f,L*=f,[v,w,b,y]=[L,S,j(s/(1.2*S)),0],k[i._]=i.vF,k[i.dl]=i.tn):([v,w,b,y]=[L,S,(s-2*l)/(1.1*S),l],k[i._]=i.vF,k[i.dl]=i.nN)}else{S=w,L=v;"portrait"==t?(S=S*f*.9,L=L*f*.9,[v,w,b,y]=[L,S,j(s/(1.15*S)),0],k[i._]=i.b4,k[i.dl]=i.tn):(S=.7*w,L=.7*v,[v,w,b,y]=[L,S,(s-2*l)/(1.1*S),l],k[i._]=i.b4,k[i.dl]=i.nN)}return[v,w,b,y,k]}},2410:function(e,t,r){var o=r(9950),n=r(1348),i=r(5830),a=(r(6125),r(4365),r(6614),r(9879)),s=(r(7509),r(932)),l=r(5551),d=r(4414);t.A=function(e){var t,r;const[p,c]=(0,s.A)(),[h]=(0,i.QN)("whatmoreSecondaryColor"),[x]=(0,i.QN)("whatmoreShopId"),u=(0,i.Xd)("whatmoreVideoTileSize"),m=(0,i.Xd)("whatmoreVideoTileSizePortrait"),f="portrait"===e.mode?m:u,g=(0,i.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:v}=(0,o.useContext)(l.B),[w,b]=(0,o.useState)(!1),y=(0,n.ivI)(x),j=v.landingLocationType,k="22907887"===x?"portrait"===e.mode?.9:.83:1,S=e.event,L=e.onClick,E=e.removeBorders,C=k*p*f*.01,N=c*f*.01,z=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n._hU)(x)?"auto":N+"px",marginLeft:E?"2px":"5px",marginRight:E?"2px":(0,n.FZM)(x)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{b(!0),L(S)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:z,overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+h+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+h+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+h+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+h+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,d.jsxs)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:C+"px",width:"40273707171"==x?"auto":N+"px",borderRadius:z,backgroundColor:"gray",overflow:"hidden",transition:"transform 0.2s ease",transformOrigin:"bottom center"},onMouseEnter:e=>e.currentTarget.style.transform="scale(1.05)",onMouseLeave:e=>e.currentTarget.style.transform="scale(1)",children:[(0,d.jsx)(a.A,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S}),"22907887"===x&&(null===S||void 0===S||null===(r=S.products)||void 0===r?void 0:r.length)>0&&(0,d.jsxs)("div",{className:"whatmore-products-overlay",style:{position:"absolute",bottom:"portrait"===e.mode?"12px":"20px",left:"50%",transform:"translateX(-50%)",background:"rgba(0,0,0,0.3)",backdropFilter:"blur(4px)",borderRadius:"25px",padding:"portrait"===e.mode?"4px 8px":"5px 10px",display:"flex",alignItems:"center",gap:"portrait"===e.mode?"6px":"8px",transition:"transform 0.2s ease"},children:[S.products.slice(0,2).map((t,r)=>(0,d.jsx)("div",{style:{width:"portrait"===e.mode?"32px":"48px",height:"portrait"===e.mode?"32px":"48px",borderRadius:"50%",border:"2px solid white",overflow:"hidden",flexShrink:0,backgroundColor:"#f0f0f0"},children:(0,d.jsx)("img",{src:t.thumbnail_image,alt:t.title,style:{width:"100%",height:"100%",objectFit:"cover"}})},r)),S.products.length>2&&(0,d.jsx)("div",{style:{width:"portrait"===e.mode?"32px":"48px",height:"portrait"===e.mode?"32px":"48px",borderRadius:"50%",border:"2px solid white",backgroundColor:"rgba(0,0,0,0.6)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,d.jsxs)("span",{style:{color:"white",fontSize:"portrait"===e.mode?"11px":"12px",fontWeight:"600"},children:["+",S.products.length-2]})})]})]})}),j.startsWith("product")&&(0,d.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,d.jsx)("p",{ref:t=>{var r;t&&(t.style.setProperty("font-family",g,"important"),t.style.setProperty("font-size",(null!==(r=e.fontSize)&&void 0!==r?r:10)+"px","important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:null===S||void 0===S?void 0:S.title})})]})}},3997:function(){},4669:function(){},6042:function(){},6125:function(){},6614:function(){},7229:function(){},7509:function(e,t,r){r.d(t,{h:function(){return o}});const o=(0,r(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,r){r.d(t,{c:function(){return s}});var o=r(6649),n=r(9950),i=(r(4365),r(4414));function a(e){const[t,r,n]=(0,o.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,i.jsx)("div",{ref:t,children:r?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,i.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function s(e){var t,r;const o=(0,n.useRef)(null),s=(0,n.useRef)(null),[l,d]=(0,n.useState)(!1),[p,c]=(0,n.useState)(!1),[h,x]=(0,n.useState)({top:"50%",left:"5px",right:"5px"}),u="90518552861"===e.shopId,m=()=>{const e=o.current,t=s.current;if(!e||!t)return;const r=e.scrollLeft,n=e.scrollWidth,i=e.clientWidth;d(r>10);c(!(r+i>=n-10)&&n>i);t.getBoundingClientRect(),e.getBoundingClientRect();x({top:"50%",left:"5px",right:"5px"})};return(0,n.useEffect)(()=>{const e=o.current;let t,r,n,i=!1,a=0,s=null;function l(e){s&&(cancelAnimationFrame(s),s=null),e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX,r=t,n=Date.now(),a=0):(i=!0,t=e.clientX,r=t,n=Date.now(),a=0)}function d(o){if(!i)return;const s=o.touches?o.touches[0].clientX:o.clientX,l=Date.now(),d=l-n;e.style.pointerEvents="none";const p=(o.touches?1.2:2)*(t-s);e.scrollLeft+=p,d>0&&(a=(r-s)/d),t=s,r=s,n=l}function p(t){e.style.pointerEvents="auto",i=!1;const r=30*a;Math.abs(r)>1&&function(t){let r=t;const o=.95,n=.5;function a(){Math.abs(r)>n&&!i?(e.scrollLeft+=r,r*=o,s=requestAnimationFrame(a)):s=null}s=requestAnimationFrame(a)}(r)}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",l,{passive:!1}),e.addEventListener("touchmove",d,{passive:!1}),e.addEventListener("touchend",p,{passive:!1})),e.addEventListener("mousedown",l),document.addEventListener("mousemove",d),document.addEventListener("mouseup",p),u&&(e.addEventListener("scroll",m),setTimeout(()=>{m()},100),window.addEventListener("resize",m))),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",l),e.removeEventListener("touchmove",d),e.removeEventListener("touchend",p)),e.removeEventListener("mousedown",l),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",p),u&&(e.removeEventListener("scroll",m),window.removeEventListener("resize",m)))}},[u]),(0,i.jsxs)("div",{ref:s,style:{position:"relative",width:"100%",height:"fit-content"},className:"whatmore-carousel-navigation-wrapper",children:[u&&l&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:-300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-left",style:{position:"absolute",left:h.left,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll left",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),u&&p&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-right",style:{position:"absolute",right:h.right,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll right",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,i.jsx)("div",{ref:o,style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto",scrollBehavior:"auto",scrollbarWidth:"none",msOverflowStyle:"none",touchAction:"pan-y"},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(r=e.dataList)||void 0===r?void 0:r.map((t,r)=>(0,i.jsx)(a,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+r))})]})}},9130:function(){},9733:function(){}}]);
package/static/js/{collections-template-stories.97102d28.chunk.js → collections-template-stories.61ac2c5e.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[1],{22:function(e,t,r){r.d(t,{$S:function(){return s},_:function(){return o},b4:function(){return i},dl:function(){return n},nN:function(){return d},tn:function(){return l},vF:function(){return a}});const o="device_type",n="device_mode",i="mobile",a="tablet",s="desktop",l="portrait",d="landscape"},851:function(e,t,r){r.d(t,{A:function(){return g}});var o=r(1005),n=r(9950),i=r(9879),a=r(22),s=r(5830),l=r(932);var d=function(e){const[t,r,o,n,i]=(0,l.A)(),[d]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=i[a.dl]===a.nN?c/100:d/100*1.2;return[t*p,r*p,i]},c=r(1628),p=r.n(c),h=r(6702),u=(r(9733),r(4365),r(1348)),x=r(4414);var m=({size:e,color:t="rgba(255, 255, 255, 0.9)"})=>(0,x.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:{cursor:"pointer",transition:"all 0.3s ease",filter:"drop-shadow(0 2px 6px rgba(0,0,0,0.5))"},className:"premium-close-icon",children:[(0,x.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"rgba(0, 0, 0, 0.6)",stroke:"rgba(255, 255, 255, 0.3)",strokeWidth:"1.5",style:{transition:"all 0.3s ease"}}),(0,x.jsx)("path",{d:"M15 9l-6 6M9 9l6 6",stroke:t,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"all 0.3s ease"}})]});var f=({size:e,color:t="rgba(255, 255, 255, 0.95)"})=>(0,x.jsxs)("svg",{width:.7*e,height:.7*e,viewBox:"0 0 80 80",fill:"none",style:{filter:"drop-shadow(0 8px 24px rgba(0,0,0,0.5))",transition:"all 0.4s cubic-bezier(0.4, 0, 0.2, 1)",cursor:"pointer"},className:"premium-play-icon",children:[(0,x.jsx)("circle",{cx:"40",cy:"40",r:"28",fill:"url(#playGradient)",stroke:"rgba(255, 255, 255, 0.2)",strokeWidth:"1.5",style:{backdropFilter:"blur(20px)"}}),(0,x.jsx)("path",{d:"M32 26 L32 54 L56 40 Z",fill:t,stroke:"none",style:{filter:"drop-shadow(0 2px 8px rgba(0,0,0,0.3))"}}),(0,x.jsxs)("defs",{children:[(0,x.jsxs)("radialGradient",{id:"playGradient",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,x.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.25)"}),(0,x.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.08)"}),(0,x.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.02)"})]}),(0,x.jsxs)("radialGradient",{id:"playGradientHover",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,x.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.4)"}),(0,x.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.15)"}),(0,x.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.05)"})]})]}),(0,x.jsx)("style",{jsx:!0,children:"\n .premium-play-icon:hover { transform: scale(1.1); filter: drop-shadow(0 12px 32px rgba(0,0,0,0.6)); }\n .premium-play-icon:hover circle { fill: url(#playGradientHover); stroke: rgba(255, 255, 255, 0.4); transform: scale(1.05); }\n .premium-play-icon:hover path { fill: white; transform: translateX(1px); }\n .premium-play-icon:active { transform: scale(0.95); }\n "})]});var g=function(e){var t;const r=n.useRef(null);var[l,c,g]=d();(0,s.Xd)("whatmoreUITheme");const[v]=(0,s.QN)("whatmorePrimaryFont"),[w]=(0,s.QN)("whatmoreEmbedAppVideoTitle"),[b]=(0,s.QN)("whatmoreEmbedAppPositionPortrait"),[y]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,s.QN)("whatmoreEmbedAppPositionLandscape"),[k]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,s.Xd)("whatmoreShopId"),L=(0,s.Xd)("isWhatmorePreviewMode");var A=b,z=y,N=j;g[a.dl]===a.nN&&(A=S,z=k,N=C);const[P,M]=(0,n.useState)(["initial",window.pageYOffset]),[R,F]=(0,n.useState)(!1),I=null!==(t=e.isSpotlight)&&void 0!==t&&t,B=g[a.dl]===a.nN?.8*(0,u.O86)(E):1.2*(0,u.O86)(E),T=I?B:1.2;l*=T,c*=T;const Q=I?(0,u.LrK)(E):A,X=I?(0,u._2D)(E):(0,u.GSq)(E),[D,V]=(0,n.useState)(!I&&(0,u.n8Q)(E)),W=!I&&(0,u.YE3)(E);function _(e,t){M(e),e[1]<=100?F(!1):t!=R&&(F(t),V(!1))}(0,n.useEffect)(()=>{let e=window.pageYOffset,t=!1;const r=()=>{const r=window.pageYOffset;Math.abs(r-e)<100||(_([r>e?"scrolled-down":"scrolled-up",r],!0),e=r>0?r:0),t=!1},o=()=>{t||(window.requestAnimationFrame(r),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[P]),(0,o.j)({ref:r,handler:()=>{_(["scrolled-up",P[1]],!0)}});const H=e.event,Y=e.inVideoClick,q=e.closeClick,O=.25*c,G=.5*c,U=.6*c,$="20px",Z=(0,u.GvQ)(E);var K=!1,J=0,ee=0;function te(e){K=e}return(0,x.jsx)("div",{className:"wht-popup",children:D&&!X?(0,x.jsx)(x.Fragment,{}):R&&X?(0,x.jsx)("div",{style:"left"===Q?{left:"16px",bottom:I?(0,u.pUQ)(E)+"px":N+"px",position:"fixed",zIndex:Z}:{right:"16px",bottom:I?(0,u.pUQ)(E)+"px":N+"px",position:"fixed",zIndex:Z},children:(0,x.jsxs)("div",{onClick:()=>{_(["initial",P[1]],!1)},style:{width:U+"px",height:U*(16/9)+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 12px 24px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(15px)",cursor:"pointer",transition:"all 0.3s ease",transformStyle:"preserve-3d"},className:"left"===Q?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,x.jsx)("div",{style:{overflow:"hidden",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2))"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:16/9},children:(0,x.jsx)(i.A,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content",padding:"2px",position:"absolute",top:"0",right:"0",zIndex:10},children:(0,x.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",onClick:e=>{e.stopPropagation(),q()},children:(0,x.jsx)(m,{size:.8*O})})}),(0,x.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,x.jsx)(h.A,{sx:{color:"white",fontSize:2*O+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,x.jsx)(p(),{nodeRef:r,cancel:".activate-button,.close-btn",bounds:L?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var r,o;r=t.x,o=t.y,J=r,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):(W&&q(e),Y(H))},children:(0,x.jsx)("div",{ref:r,style:"left"===Q?{left:I?(0,u.D2A)(E)+"px":z+"px",bottom:I?(0,u.pUQ)(E)+"px":N+"px",position:"fixed",zIndex:Z}:{right:I?(0,u.D2A)(E)+"px":z+"px",bottom:I?(0,u.pUQ)(E)+"px":N+"px",position:"fixed",zIndex:Z},children:(0,x.jsxs)("div",{style:{boxSizing:"border-box",width:e.isSpotlight&&"60122562760"==E?l+"px":c+"px",height:e.isSpotlight&&"60122562760"==E?c+"px":l+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 20px 40px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(20px)",transition:"all 0.3s ease"},className:"left"===Q?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,x.jsx)("div",{style:{overflow:"hidden",position:"relative",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==E?16/9:9/16},children:(0,x.jsx)(i.A,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%",position:"relative"},children:[(0,x.jsx)("div",{style:{position:"absolute",top:"2px",right:"2px",zIndex:10},children:(0,x.jsx)("div",{className:"close-btn",onClick:q,children:(0,x.jsx)(m,{size:O})})}),(0,x.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto",marginTop:"auto",marginBottom:"auto"},children:(0,x.jsx)(f,{size:G})}),(0,x.jsx)("div",{style:{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"16px",borderBottomLeftRadius:$,borderBottomRightRadius:$,background:w?"linear-gradient(to bottom, transparent, rgba(0,0,0,0.8))":"transparent"},children:(0,x.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:v,fontWeight:"600",fontSize:.35*O+"px",margin:0,padding:0,lineHeight:"125%",letterSpacing:"0.3px",textShadow:"0 2px 4px rgba(0,0,0,0.5)"},children:w})})]})})]})})})})}},932:function(e,t,r){var o=r(5830),n=r(1941),i=r(22),a=r(1348);t.A=function(e){const[t,r,s]=(0,n.A)(),[l]=(0,o.QN)("whatmoreLandscapePadding"),[d]=(0,o.QN)("whatmoreShopId"),[c]=(0,o.QN)("whatmoreVideoTileSize"),[p]=(0,o.QN)("whatmoreVideoTileSizePortrait"),h=s>r,u="portrait"==t?p:c,x=!("portrait"!=t||!(s>=481)),m=u/100*1.3*.5,f=u/100;var g=Math.min(s,r),[v,w,b,y]=[.6*g*(16/9),.6*g,1.4,0];function j(e){return Math.round(10*e)/10}var S={DEVICE_TYPE:i.b4,DEVICE_MODE:i.tn};if(h){const e=w*m,t=v*m;[v,w,b,y]=[t,e,(s-2*l-2*(0,a.$du)(d))/(1.1*e),l],S[i._]=i.$S,S[i.dl]=i.nN}else if(x){var k=.8*w,C=.8*v;"portrait"==t?(k*=f,C*=f,[v,w,b,y]=[C,k,j(s/(1.2*k)),0],S[i._]=i.vF,S[i.dl]=i.tn):([v,w,b,y]=[C,k,(s-2*l)/(1.1*k),l],S[i._]=i.vF,S[i.dl]=i.nN)}else{k=w,C=v;"portrait"==t?(k=k*f*.9,C=C*f*.9,[v,w,b,y]=[C,k,j(s/(1.15*k)),0],S[i._]=i.b4,S[i.dl]=i.tn):(k=.7*w,C=.7*v,[v,w,b,y]=[C,k,(s-2*l)/(1.1*k),l],S[i._]=i.b4,S[i.dl]=i.nN)}return[v,w,b,y,S]}},3997:function(){},4596:function(e,t,r){r.r(t),r.d(t,{default:function(){return k}});var o=r(9950),n=r(340),i=r(5089),a=r(5873),s=(r(3997),r(9130),r(4669),r(9733),r(4365),r(7229),r(6042),r(572)),l=r(8603),d=r(1941),c=r(5830),p=r(7509),h=r(5551),u=r(1348),x=(r(6125),r(6614),r(9879)),m=r(932),f=r(8538),g=r(4414);var v=function(e){var t,r;const[n,i,a,s,l]=(0,m.A)(),d=(0,c.Xd)("whatmoreSecondaryColor"),p=(0,c.Xd)("whatmorePrimaryFont"),h=(0,c.Xd)("whatmoreShopId"),v=(0,c.Xd)("whatmoreVideoTileSize"),w=(0,c.Xd)("whatmoreVideoTileSizePortrait"),b="portrait"===e.mode?w:v,[y,j]=(0,o.useState)(!1),S=(0,u.ivI)(h),k=e.event,C=e.onClick,E=e.removeBorders,L=i*b*.01,A=(0,u.esc)(h);let z=null!==(t=(0,u.qAx)(h))&&void 0!==t?t:[d,S,d,S,d];return Array.isArray(z)||(z=Array(5).fill(z)),(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,u.FZM)(h)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),C(k)},className:[y?"whatmore-scale-on-tap":""].join(" "),children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+z[0]+"50, 0px -1px 1px 0px "+z[1]+"50, 1px 0px 1px 0px "+z[2]+"50, -1px 0px 1px 0px "+z[3]+"80, 1px -1px 1px 0px "+z[4]+"80, -1px 1px 1px 0px "+z[0]+"DA, 1px 1px 1px 0px "+z[1]+"DA, -1px -1px 1px 0px "+z[2]+"DA"},children:(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L*A+"px",width:L*A+"px",borderRadius:"50%",backgroundColor:d,overflow:"hidden",border:"3px solid white"},children:(0,g.jsx)(x.A,{height:"100%",width:"100%",url:k.thumbnail_image,isPlaying:!0,event:k})})})}),(0,g.jsx)("div",{className:"wht-car-vid-title",style:{display:"flex",justifyContent:"center",width:L*A+"px",fontFamily:p,paddingTop:"10px",fontSize:null!==(r=e.fontSize)&&void 0!==r?r:10},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,f.v)(k.title)})})]})},w=r(8385),b=r(6641),y=r(851),j=r(6649);const S=(0,l.A)({key:"whatmore-css-cv"});var k=function(e){const[t]=(0,d.A)(),[r,l]=(0,m.A)(),x=(0,c.Xd)("whatmoreVideoTileSize"),f=(0,c.Xd)("whatmoreVideoTileSizePortrait"),k="portrait"===t?f:x,C="portrait"==t?0:(0,c.Xd)("whatmoreLandscapePadding"),E=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),L=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:A}=(0,o.useContext)(h.B),z=e.events,N=e.onClick,{whatmoreIsCollectionsTemplate:P,whatmoreIsPreviewMode:M}=(0,o.useContext)(h.B);function R(e){N(e)}const[F,I,B]=(0,j.A)({triggerOnce:!1});delete i.Ay.styles.global;const T=.055*l;var Q=[];for(let o=0;o<z.length;)Q.push((0,g.jsx)(v,{mode:t,event:z[o],onClick:()=>{R(z[o-1])},removeBorders:(0,u.U74)(L),fontSize:.8*T},"collections-tile-"+o)),o+=1;return(0,o.useEffect)(()=>{(0,b.Fk)("Video shopping powered by Whatmore!")},[]),(0,o.useEffect)(()=>{a.Sn.forEach(e=>{var t;const r=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!r)return;r&&e&&(e.style.minHeight="0px")})},[]),"8111554613"!=L||"landscape"!=t||M?(0,g.jsx)(s.C,{value:S,children:(0,g.jsx)("div",{className:P?"whatmore-collection-events":"whatmore-carousel-events",children:(0,g.jsx)(n.s,{theme:i.Ay,cssVarsRoot:A,resetCSS:!1,children:(0,g.jsxs)(p.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,g.jsx)("div",{ref:F,style:{marginLeft:C+"px",marginRight:C+"px"},children:(0,g.jsx)(w.c,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:Q,spacing:E,defaultHeight:r*k*.01+"px",defaultWidth:l*k*.01+"px",retainAlreadyRenderedElements:!0})}),(0,u.wQ2)(L)&&!I&&-1==e.index&&(0,g.jsx)(y.A,{event:z[0],inVideoClick:R,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})}):(0,g.jsx)(g.Fragment,{})}},4669:function(){},6042:function(){},6125:function(){},6614:function(){},7229:function(){},7509:function(e,t,r){r.d(t,{h:function(){return o}});const o=(0,r(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,r){r.d(t,{c:function(){return s}});var o=r(6649),n=r(9950),i=(r(4365),r(4414));function a(e){const[t,r,n]=(0,o.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,i.jsx)("div",{ref:t,children:r?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,i.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function s(e){var t,r;const o=(0,n.useRef)(null),s=(0,n.useRef)(null),[l,d]=(0,n.useState)(!1),[c,p]=(0,n.useState)(!1),[h,u]=(0,n.useState)({top:"50%",left:"5px",right:"5px"}),x="90518552861"===e.shopId,m=()=>{const e=o.current,t=s.current;if(!e||!t)return;const r=e.scrollLeft,n=e.scrollWidth,i=e.clientWidth;d(r>10);p(!(r+i>=n-10)&&n>i);t.getBoundingClientRect(),e.getBoundingClientRect();u({top:"50%",left:"5px",right:"5px"})};return(0,n.useEffect)(()=>{const e=o.current;let t,r,n,i=!1,a=0,s=null;function l(e){s&&(cancelAnimationFrame(s),s=null),e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(e.preventDefault(),i=!0,t=e.touches[0].clientX,r=t,n=Date.now(),a=0):(i=!0,t=e.clientX,r=t,n=Date.now(),a=0)}function d(o){if(!i)return;o.touches&&o.preventDefault();const s=o.touches?o.touches[0].clientX:o.clientX,l=Date.now(),d=l-n;e.style.pointerEvents="none";const c=(o.touches?1:2)*(t-s);e.scrollLeft+=c,d>0&&(a=(r-s)/d),t=s,r=s,n=l}function c(t){e.style.pointerEvents="auto",i=!1;const r=30*a;Math.abs(r)>1&&function(t){let r=t;const o=.95,n=.5;function a(){Math.abs(r)>n&&!i?(e.scrollLeft+=r,r*=o,s=requestAnimationFrame(a)):s=null}s=requestAnimationFrame(a)}(r)}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",l,{passive:!1}),e.addEventListener("touchmove",d,{passive:!1}),e.addEventListener("touchend",c,{passive:!1})),e.addEventListener("mousedown",l),document.addEventListener("mousemove",d),document.addEventListener("mouseup",c),x&&(e.addEventListener("scroll",m),setTimeout(()=>{m()},100),window.addEventListener("resize",m))),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",l),e.removeEventListener("touchmove",d),e.removeEventListener("touchend",c)),e.removeEventListener("mousedown",l),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",c),x&&(e.removeEventListener("scroll",m),window.removeEventListener("resize",m)))}},[x]),(0,i.jsxs)("div",{ref:s,style:{position:"relative",width:"100%",height:"fit-content"},className:"whatmore-carousel-navigation-wrapper",children:[x&&l&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:-300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-left",style:{position:"absolute",left:h.left,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll left",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),x&&c&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-right",style:{position:"absolute",right:h.right,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll right",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,i.jsx)("div",{ref:o,style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto",scrollBehavior:"auto",scrollbarWidth:"none",msOverflowStyle:"none"},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(r=e.dataList)||void 0===r?void 0:r.map((t,r)=>(0,i.jsx)(a,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+r))})]})}},8538:function(e,t,r){r.d(t,{v:function(){return n}});var o=r(5830);function n(e,t){const r=(0,o.Xd)("whatmoreShopId");return"undefined"==typeof e||"undefined"==e||null==e?"":"6873415750"==r||"72442478904"==r||"58562281529"==r?e:"66168324332"==r&&"prod-tile"!=t?null===e||void 0===e||null===(n=e.split("- "))||void 0===n?void 0:n[0]:"6573064236"===r?e.replace(/\b\w/g,function(e){return e.toUpperCase()}):e.replace(/\w\S*/g,function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()});var n}},9130:function(){},9733:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[1],{22:function(e,t,r){r.d(t,{$S:function(){return s},_:function(){return o},b4:function(){return i},dl:function(){return n},nN:function(){return d},tn:function(){return l},vF:function(){return a}});const o="device_type",n="device_mode",i="mobile",a="tablet",s="desktop",l="portrait",d="landscape"},851:function(e,t,r){r.d(t,{A:function(){return g}});var o=r(1005),n=r(9950),i=r(9879),a=r(22),s=r(5830),l=r(932);var d=function(e){const[t,r,o,n,i]=(0,l.A)(),[d]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=i[a.dl]===a.nN?c/100:d/100*1.2;return[t*p,r*p,i]},c=r(1628),p=r.n(c),h=r(6702),u=(r(9733),r(4365),r(1348)),x=r(4414);var m=({size:e,color:t="rgba(255, 255, 255, 0.9)"})=>(0,x.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:{cursor:"pointer",transition:"all 0.3s ease",filter:"drop-shadow(0 2px 6px rgba(0,0,0,0.5))"},className:"premium-close-icon",children:[(0,x.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"rgba(0, 0, 0, 0.6)",stroke:"rgba(255, 255, 255, 0.3)",strokeWidth:"1.5",style:{transition:"all 0.3s ease"}}),(0,x.jsx)("path",{d:"M15 9l-6 6M9 9l6 6",stroke:t,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"all 0.3s ease"}})]});var f=({size:e,color:t="rgba(255, 255, 255, 0.95)"})=>(0,x.jsxs)("svg",{width:.7*e,height:.7*e,viewBox:"0 0 80 80",fill:"none",style:{filter:"drop-shadow(0 8px 24px rgba(0,0,0,0.5))",transition:"all 0.4s cubic-bezier(0.4, 0, 0.2, 1)",cursor:"pointer"},className:"premium-play-icon",children:[(0,x.jsx)("circle",{cx:"40",cy:"40",r:"28",fill:"url(#playGradient)",stroke:"rgba(255, 255, 255, 0.2)",strokeWidth:"1.5",style:{backdropFilter:"blur(20px)"}}),(0,x.jsx)("path",{d:"M32 26 L32 54 L56 40 Z",fill:t,stroke:"none",style:{filter:"drop-shadow(0 2px 8px rgba(0,0,0,0.3))"}}),(0,x.jsxs)("defs",{children:[(0,x.jsxs)("radialGradient",{id:"playGradient",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,x.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.25)"}),(0,x.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.08)"}),(0,x.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.02)"})]}),(0,x.jsxs)("radialGradient",{id:"playGradientHover",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,x.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.4)"}),(0,x.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.15)"}),(0,x.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.05)"})]})]}),(0,x.jsx)("style",{jsx:!0,children:"\n .premium-play-icon:hover { transform: scale(1.1); filter: drop-shadow(0 12px 32px rgba(0,0,0,0.6)); }\n .premium-play-icon:hover circle { fill: url(#playGradientHover); stroke: rgba(255, 255, 255, 0.4); transform: scale(1.05); }\n .premium-play-icon:hover path { fill: white; transform: translateX(1px); }\n .premium-play-icon:active { transform: scale(0.95); }\n "})]});var g=function(e){var t;const r=n.useRef(null);var[l,c,g]=d();(0,s.Xd)("whatmoreUITheme");const[v]=(0,s.QN)("whatmorePrimaryFont"),[w]=(0,s.QN)("whatmoreEmbedAppVideoTitle"),[b]=(0,s.QN)("whatmoreEmbedAppPositionPortrait"),[y]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,s.QN)("whatmoreEmbedAppPositionLandscape"),[k]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,s.Xd)("whatmoreShopId"),L=(0,s.Xd)("isWhatmorePreviewMode");var A=b,z=y,N=j;g[a.dl]===a.nN&&(A=S,z=k,N=C);const[P,M]=(0,n.useState)(["initial",window.pageYOffset]),[R,F]=(0,n.useState)(!1),I=null!==(t=e.isSpotlight)&&void 0!==t&&t,B=g[a.dl]===a.nN?.8*(0,u.O86)(E):1.2*(0,u.O86)(E),T=I?B:1.2;l*=T,c*=T;const Q=I?(0,u.LrK)(E):A,X=I?(0,u._2D)(E):(0,u.GSq)(E),[D,V]=(0,n.useState)(!I&&(0,u.n8Q)(E)),W=!I&&(0,u.YE3)(E);function _(e,t){M(e),e[1]<=100?F(!1):t!=R&&(F(t),V(!1))}(0,n.useEffect)(()=>{let e=window.pageYOffset,t=!1;const r=()=>{const r=window.pageYOffset;Math.abs(r-e)<100||(_([r>e?"scrolled-down":"scrolled-up",r],!0),e=r>0?r:0),t=!1},o=()=>{t||(window.requestAnimationFrame(r),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[P]),(0,o.j)({ref:r,handler:()=>{_(["scrolled-up",P[1]],!0)}});const H=e.event,Y=e.inVideoClick,q=e.closeClick,O=.25*c,G=.5*c,U=.6*c,$="20px",Z=(0,u.GvQ)(E);var K=!1,J=0,ee=0;function te(e){K=e}return(0,x.jsx)("div",{className:"wht-popup",children:D&&!X?(0,x.jsx)(x.Fragment,{}):R&&X?(0,x.jsx)("div",{style:"left"===Q?{left:"16px",bottom:I?(0,u.pUQ)(E)+"px":N+"px",position:"fixed",zIndex:Z}:{right:"16px",bottom:I?(0,u.pUQ)(E)+"px":N+"px",position:"fixed",zIndex:Z},children:(0,x.jsxs)("div",{onClick:()=>{_(["initial",P[1]],!1)},style:{width:U+"px",height:U*(16/9)+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 12px 24px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(15px)",cursor:"pointer",transition:"all 0.3s ease",transformStyle:"preserve-3d"},className:"left"===Q?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,x.jsx)("div",{style:{overflow:"hidden",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2))"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:16/9},children:(0,x.jsx)(i.A,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content",padding:"2px",position:"absolute",top:"0",right:"0",zIndex:10},children:(0,x.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",onClick:e=>{e.stopPropagation(),q()},children:(0,x.jsx)(m,{size:.8*O})})}),(0,x.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,x.jsx)(h.A,{sx:{color:"white",fontSize:2*O+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,x.jsx)(p(),{nodeRef:r,cancel:".activate-button,.close-btn",bounds:L?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var r,o;r=t.x,o=t.y,J=r,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):(W&&q(e),Y(H))},children:(0,x.jsx)("div",{ref:r,style:"left"===Q?{left:I?(0,u.D2A)(E)+"px":z+"px",bottom:I?(0,u.pUQ)(E)+"px":N+"px",position:"fixed",zIndex:Z}:{right:I?(0,u.D2A)(E)+"px":z+"px",bottom:I?(0,u.pUQ)(E)+"px":N+"px",position:"fixed",zIndex:Z},children:(0,x.jsxs)("div",{style:{boxSizing:"border-box",width:e.isSpotlight&&"60122562760"==E?l+"px":c+"px",height:e.isSpotlight&&"60122562760"==E?c+"px":l+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 20px 40px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(20px)",transition:"all 0.3s ease"},className:"left"===Q?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,x.jsx)("div",{style:{overflow:"hidden",position:"relative",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==E?16/9:9/16},children:(0,x.jsx)(i.A,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%",position:"relative"},children:[(0,x.jsx)("div",{style:{position:"absolute",top:"2px",right:"2px",zIndex:10},children:(0,x.jsx)("div",{className:"close-btn",onClick:q,children:(0,x.jsx)(m,{size:O})})}),(0,x.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto",marginTop:"auto",marginBottom:"auto"},children:(0,x.jsx)(f,{size:G})}),(0,x.jsx)("div",{style:{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"16px",borderBottomLeftRadius:$,borderBottomRightRadius:$,background:w?"linear-gradient(to bottom, transparent, rgba(0,0,0,0.8))":"transparent"},children:(0,x.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:v,fontWeight:"600",fontSize:.35*O+"px",margin:0,padding:0,lineHeight:"125%",letterSpacing:"0.3px",textShadow:"0 2px 4px rgba(0,0,0,0.5)"},children:w})})]})})]})})})})}},932:function(e,t,r){var o=r(5830),n=r(1941),i=r(22),a=r(1348);t.A=function(e){const[t,r,s]=(0,n.A)(),[l]=(0,o.QN)("whatmoreLandscapePadding"),[d]=(0,o.QN)("whatmoreShopId"),[c]=(0,o.QN)("whatmoreVideoTileSize"),[p]=(0,o.QN)("whatmoreVideoTileSizePortrait"),h=s>r,u="portrait"==t?p:c,x=!("portrait"!=t||!(s>=481)),m=u/100*1.3*.5,f=u/100;var g=Math.min(s,r),[v,w,b,y]=[.6*g*(16/9),.6*g,1.4,0];function j(e){return Math.round(10*e)/10}var S={DEVICE_TYPE:i.b4,DEVICE_MODE:i.tn};if(h){const e=w*m,t=v*m;[v,w,b,y]=[t,e,(s-2*l-2*(0,a.$du)(d))/(1.1*e),l],S[i._]=i.$S,S[i.dl]=i.nN}else if(x){var k=.8*w,C=.8*v;"portrait"==t?(k*=f,C*=f,[v,w,b,y]=[C,k,j(s/(1.2*k)),0],S[i._]=i.vF,S[i.dl]=i.tn):([v,w,b,y]=[C,k,(s-2*l)/(1.1*k),l],S[i._]=i.vF,S[i.dl]=i.nN)}else{k=w,C=v;"portrait"==t?(k=k*f*.9,C=C*f*.9,[v,w,b,y]=[C,k,j(s/(1.15*k)),0],S[i._]=i.b4,S[i.dl]=i.tn):(k=.7*w,C=.7*v,[v,w,b,y]=[C,k,(s-2*l)/(1.1*k),l],S[i._]=i.b4,S[i.dl]=i.nN)}return[v,w,b,y,S]}},3997:function(){},4596:function(e,t,r){r.r(t),r.d(t,{default:function(){return k}});var o=r(9950),n=r(340),i=r(5089),a=r(5873),s=(r(3997),r(9130),r(4669),r(9733),r(4365),r(7229),r(6042),r(572)),l=r(8603),d=r(1941),c=r(5830),p=r(7509),h=r(5551),u=r(1348),x=(r(6125),r(6614),r(9879)),m=r(932),f=r(8538),g=r(4414);var v=function(e){var t,r;const[n,i,a,s,l]=(0,m.A)(),d=(0,c.Xd)("whatmoreSecondaryColor"),p=(0,c.Xd)("whatmorePrimaryFont"),h=(0,c.Xd)("whatmoreShopId"),v=(0,c.Xd)("whatmoreVideoTileSize"),w=(0,c.Xd)("whatmoreVideoTileSizePortrait"),b="portrait"===e.mode?w:v,[y,j]=(0,o.useState)(!1),S=(0,u.ivI)(h),k=e.event,C=e.onClick,E=e.removeBorders,L=i*b*.01,A=(0,u.esc)(h);let z=null!==(t=(0,u.qAx)(h))&&void 0!==t?t:[d,S,d,S,d];return Array.isArray(z)||(z=Array(5).fill(z)),(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,u.FZM)(h)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),C(k)},className:[y?"whatmore-scale-on-tap":""].join(" "),children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+z[0]+"50, 0px -1px 1px 0px "+z[1]+"50, 1px 0px 1px 0px "+z[2]+"50, -1px 0px 1px 0px "+z[3]+"80, 1px -1px 1px 0px "+z[4]+"80, -1px 1px 1px 0px "+z[0]+"DA, 1px 1px 1px 0px "+z[1]+"DA, -1px -1px 1px 0px "+z[2]+"DA"},children:(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L*A+"px",width:L*A+"px",borderRadius:"50%",backgroundColor:d,overflow:"hidden",border:"3px solid white"},children:(0,g.jsx)(x.A,{height:"100%",width:"100%",url:k.thumbnail_image,isPlaying:!0,event:k})})})}),(0,g.jsx)("div",{className:"wht-car-vid-title",style:{display:"flex",justifyContent:"center",width:L*A+"px",fontFamily:p,paddingTop:"10px",fontSize:null!==(r=e.fontSize)&&void 0!==r?r:10},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,f.v)(k.title)})})]})},w=r(8385),b=r(6641),y=r(851),j=r(6649);const S=(0,l.A)({key:"whatmore-css-cv"});var k=function(e){const[t]=(0,d.A)(),[r,l]=(0,m.A)(),x=(0,c.Xd)("whatmoreVideoTileSize"),f=(0,c.Xd)("whatmoreVideoTileSizePortrait"),k="portrait"===t?f:x,C="portrait"==t?0:(0,c.Xd)("whatmoreLandscapePadding"),E=(0,c.Xd)("whatmoreCollectionsTilesSpacing"),L=(0,c.Xd)("whatmoreShopId"),{whatmoreRootId:A}=(0,o.useContext)(h.B),z=e.events,N=e.onClick,{whatmoreIsCollectionsTemplate:P,whatmoreIsPreviewMode:M}=(0,o.useContext)(h.B);function R(e){N(e)}const[F,I,B]=(0,j.A)({triggerOnce:!1});delete i.Ay.styles.global;const T=.055*l;var Q=[];for(let o=0;o<z.length;)Q.push((0,g.jsx)(v,{mode:t,event:z[o],onClick:()=>{R(z[o-1])},removeBorders:(0,u.U74)(L),fontSize:.8*T},"collections-tile-"+o)),o+=1;return(0,o.useEffect)(()=>{(0,b.Fk)("Video shopping powered by Whatmore!")},[]),(0,o.useEffect)(()=>{a.Sn.forEach(e=>{var t;const r=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!r)return;r&&e&&(e.style.minHeight="0px")})},[]),"8111554613"!=L||"landscape"!=t||M?(0,g.jsx)(s.C,{value:S,children:(0,g.jsx)("div",{className:P?"whatmore-collection-events":"whatmore-carousel-events",children:(0,g.jsx)(n.s,{theme:i.Ay,cssVarsRoot:A,resetCSS:!1,children:(0,g.jsxs)(p.h.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,g.jsx)("div",{ref:F,style:{marginLeft:C+"px",marginRight:C+"px"},children:(0,g.jsx)(w.c,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:Q,spacing:E,defaultHeight:r*k*.01+"px",defaultWidth:l*k*.01+"px",retainAlreadyRenderedElements:!0})}),(0,u.wQ2)(L)&&!I&&-1==e.index&&(0,g.jsx)(y.A,{event:z[0],inVideoClick:R,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})}):(0,g.jsx)(g.Fragment,{})}},4669:function(){},6042:function(){},6125:function(){},6614:function(){},7229:function(){},7509:function(e,t,r){r.d(t,{h:function(){return o}});const o=(0,r(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,r){r.d(t,{c:function(){return s}});var o=r(6649),n=r(9950),i=(r(4365),r(4414));function a(e){const[t,r,n]=(0,o.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,i.jsx)("div",{ref:t,children:r?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,i.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function s(e){var t,r;const o=(0,n.useRef)(null),s=(0,n.useRef)(null),[l,d]=(0,n.useState)(!1),[c,p]=(0,n.useState)(!1),[h,u]=(0,n.useState)({top:"50%",left:"5px",right:"5px"}),x="90518552861"===e.shopId,m=()=>{const e=o.current,t=s.current;if(!e||!t)return;const r=e.scrollLeft,n=e.scrollWidth,i=e.clientWidth;d(r>10);p(!(r+i>=n-10)&&n>i);t.getBoundingClientRect(),e.getBoundingClientRect();u({top:"50%",left:"5px",right:"5px"})};return(0,n.useEffect)(()=>{const e=o.current;let t,r,n,i=!1,a=0,s=null;function l(e){s&&(cancelAnimationFrame(s),s=null),e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX,r=t,n=Date.now(),a=0):(i=!0,t=e.clientX,r=t,n=Date.now(),a=0)}function d(o){if(!i)return;const s=o.touches?o.touches[0].clientX:o.clientX,l=Date.now(),d=l-n;e.style.pointerEvents="none";const c=(o.touches?1.2:2)*(t-s);e.scrollLeft+=c,d>0&&(a=(r-s)/d),t=s,r=s,n=l}function c(t){e.style.pointerEvents="auto",i=!1;const r=30*a;Math.abs(r)>1&&function(t){let r=t;const o=.95,n=.5;function a(){Math.abs(r)>n&&!i?(e.scrollLeft+=r,r*=o,s=requestAnimationFrame(a)):s=null}s=requestAnimationFrame(a)}(r)}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",l,{passive:!1}),e.addEventListener("touchmove",d,{passive:!1}),e.addEventListener("touchend",c,{passive:!1})),e.addEventListener("mousedown",l),document.addEventListener("mousemove",d),document.addEventListener("mouseup",c),x&&(e.addEventListener("scroll",m),setTimeout(()=>{m()},100),window.addEventListener("resize",m))),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",l),e.removeEventListener("touchmove",d),e.removeEventListener("touchend",c)),e.removeEventListener("mousedown",l),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",c),x&&(e.removeEventListener("scroll",m),window.removeEventListener("resize",m)))}},[x]),(0,i.jsxs)("div",{ref:s,style:{position:"relative",width:"100%",height:"fit-content"},className:"whatmore-carousel-navigation-wrapper",children:[x&&l&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:-300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-left",style:{position:"absolute",left:h.left,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll left",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),x&&c&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-right",style:{position:"absolute",right:h.right,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll right",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,i.jsx)("div",{ref:o,style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto",scrollBehavior:"auto",scrollbarWidth:"none",msOverflowStyle:"none",touchAction:"pan-y"},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(r=e.dataList)||void 0===r?void 0:r.map((t,r)=>(0,i.jsx)(a,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+r))})]})}},8538:function(e,t,r){r.d(t,{v:function(){return n}});var o=r(5830);function n(e,t){const r=(0,o.Xd)("whatmoreShopId");return"undefined"==typeof e||"undefined"==e||null==e?"":"6873415750"==r||"72442478904"==r||"58562281529"==r?e:"66168324332"==r&&"prod-tile"!=t?null===e||void 0===e||null===(n=e.split("- "))||void 0===n?void 0:n[0]:"6573064236"===r?e.replace(/\b\w/g,function(e){return e.toUpperCase()}):e.replace(/\w\S*/g,function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()});var n}},9130:function(){},9733:function(){}}]);