whatmore-react-assets 1.0.897 → 1.0.899

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.897",
3
+ "version": "1.0.899",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[143],{4284:function(t,e,n){n.r(e);var o=n(7313),i=n(9854),r=n(2860),a=n(7753),c=n(5160),s=n(6967),d=n(5380),u=n(58),l=n(8984),p=n(4669),v=n(513),h=n(9302),w=n(2575),_=n(7300),f=n(6524),E=n(8811),g=n(4522),I=n(778),m=n(7643),L=n(7008),S=n(7381),T=n(6417);const y=(0,w.Z)({key:"whatmore-css-ppv"}),D=o.lazy((()=>Promise.all([n.e(819),n.e(577),n.e(351),n.e(955),n.e(926),n.e(303),n.e(218),n.e(903)]).then(n.bind(n,3218))));function C(t){return t.split(/[?#]/)[0]}e.default=function(t){const[e,n]=(0,o.useState)(),[w,K]=(0,o.useState)(),[O]=(0,a.j1)("isInDesignMode"),[j]=(0,a.j1)("isDemoBrand"),[P]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[V,b]=(0,o.useState)(-2),[k]=(0,a.j1)("whatmoreVariantId"),[M]=(0,a.j1)("whatmoreShopId");var[x]=(0,a.j1)("whatmoreProductId");const A=(0,a.MO)("isLandingSharedLink"),W=(0,a.MO)("whatmoreShareTemplateId"),U=(0,a.MO)("whatmoreShareEventId");x=(0,i.iXA)(M)?C(window.location.href):x;const[N,B]=(0,o.useState)((()=>"true"===P?k:x));var H=r.Gc+"/v2/brand/"+M+"/product-events";const{whatmoreWidgetSourceDetails:F}=(0,o.useContext)(E.I);(0,o.useEffect)((()=>{(0,S.Oo)("Video shopping powered by Whatmore!"),(0,s.hb)();const t=()=>{const t="_whatmore_bulk_events",e=JSON.parse(localStorage.getItem(t))||[];e&&e.length>0&&((0,L.K)(e),localStorage.removeItem(t))};return window.addEventListener("beforeunload",t),()=>{window.removeEventListener("beforeunload",t)}}),[]),(0,o.useEffect)((()=>{(0,p.ll)(M)}),[]),(0,o.useEffect)((()=>{null==e||0==e.length||w||!(0,l.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,u.b5)(u.UD)}),[e]),(0,o.useEffect)((()=>{b(-1),fetch(H.toString()+"?client_product_id="+N.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((t=>t.json())).then((t=>t.events)).then((t=>(null!=t&&0!=t.length&&(0,i.Htz)(M)&&(0,i.d0x)(t),n(t),t))).then((t=>((0,i.yoE)(M)&&function(t,e){setTimeout((async()=>{const n=t.reduce(((t,e)=>[...t,...e.products]),[]).filter((t=>t.client_product_id==e))[0];if(!n||n.product_link==C(window.location.href))return;const o={product_id:n.product_id,product_link:C(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(o)})}),500)}(t,N),t))).catch((t=>{K(t.message)}))}),[N]),(0,o.useEffect)((()=>{var t,n;b(-2),(e&&e.length>0||(0,i.uO6)(M))&&(0,g.PB)({userInteractionType:I.K.PDP_VISITED,widgetSourceDetails:F,event:null===e||void 0===e?void 0:e[0],productList:null===e||void 0===e||null===(t=e[0])||void 0===t?void 0:t.products,ctaList:null===e||void 0===e||null===(n=e[0])||void 0===n?void 0:n.cta})}),[e]),(0,o.useEffect)((()=>{let t=history.pushState;history.pushState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),e};let e=history.replaceState;history.replaceState=function(){let t=e.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),t},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("true"===P){const t=function(t){for(var e=window.location.search.substring(1).split("&"),n=0;n<e.length;n++){var o=e[n].split("=");if(o[0]==t)return o[1]}return!1}("variant");t&&""!==t&&B(t)}}))}),[]),(0,o.useEffect)((()=>{null==e||0==e.length||w||A&&"template-embed"==(0,f.zv)(W)&&null!=U&&e.forEach(((t,e)=>{U==t.event_id&&z(t,!0,e)}))}),[e]);const G=F.landingLocationType,R=F.templateType,z=function(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,l.KE)()&&!e&&(0,u.QV)(),(0,_.B6)(t)||(0,_.WJ)(t))return O||j||(async()=>{const e=(0,f.NY)(G)+(0,f.dS)(R)+"_"+(null===t||void 0===t?void 0:t.event_id);(0,c.wh)(t),(0,p.Tc)(M,r.h7,r.dU),(0,s.H4)(t.event_id,t.products,"product_page","video_popup",e)})(),void b(n)};function J(){return(0,T.jsx)(T.Fragment,{})}return null==e||0==e.length||w?(0,T.jsx)("div",{}):(0,T.jsx)(h.C,{value:y,children:"no-product"===N||-1===V||0===e.length?(0,T.jsx)(J,{}):-2===V&&e.length>0?(0,T.jsx)("div",{children:(0,T.jsx)(m.u,{userInteractionType:I.K.PDP_POPUP_WIDGET_VIEW,event:e[0],productList:e[0].products,cta:e[0].cta,triggerFlag:!O&&!j,children:(0,T.jsx)(d.Z,{event:e[0],inVideoClick:z,closeClick:t=>{t.stopPropagation(),b(-1)}})})}):(0,T.jsx)("div",{children:(0,T.jsx)(o.Suspense,{children:(0,T.jsx)(m.u,{userInteractionType:I.K.EVENT_VIEW,event:e[0],productList:e[0].products,cta:e[0].cta,triggerFlag:!O&&!j,children:(0,T.jsx)(D,{events:e,index:V,onBack:function(t){(0,i.n2L)(M)&&(0,a.MO)("whatmoreAddedToCart")&&(0,v.D)(M,(()=>{}),100,window.location.hostname,t),b(-2)},template:"template-product-page"})})})})})}},4522:function(t,e,n){n.d(e,{gW:function(){return c},GF:function(){return s},y4:function(){return u},PB:function(){return l},Z2:function(){return d}});var o=n(9854),i=n(7753),r=n(778);var a=n(733);const c={[r.K.EVENT_VIEW]:"whatmore_video_click_event",[r.K.VIDEO_LIKED]:"whatmore_video_like_event",[r.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[r.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[r.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event"};function s(t){var e;let{userInteractionType:n,userInteractionMetadata:s,widgetSourceDetails:d,event:u,productList:l,ctaList:p}=t;(0,a.s)({userInteractionType:n,userInteractionMetadata:s,widgetSourceDetails:d,event:u,productList:l,ctaList:p}),n in c&&function(t,e){const n=(0,i.MO)("whatmoreShopId");(t!=r.K.EVENT_VIEW||(0,o.UAB)(n))&&(t!=r.K.SHOPNOW_ATC_CLICKED&&t!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,o.Tn_)(n))&&(t!=r.K.VIDEO_LIKED||(0,o.sKB)(n))&&(t!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,o.YOU)(n))&&"function"==typeof fbq&&(async()=>{console.log("hello"),fbq("trackCustom",c[t],{id:null===e||void 0===e?void 0:e.client_product_id,product_url:null===e||void 0===e?void 0:e.product_link})})()}(n,null!==(e=null===l||void 0===l?void 0:l[1])&&void 0!==e?e:null===l||void 0===l?void 0:l[0])}function d(t){let{userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:r,ctaList:c}=t;(0,a.s)({userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:r,ctaList:c})}function u(t){let{userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:r,ctaList:c}=t;(0,a.s)({userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:r,ctaList:c})}function l(t){let{userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:r,ctaList:c}=t;(0,a.s)({userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:o,event:i,productList:r,ctaList:c})}}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[184],{3388:function(e,t,n){n.d(t,{OC:function(){return c},e8:function(){return i},kT:function(){return o},kW:function(){return s},xg:function(){return r}});const o=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},r=function(e,t){return!(void 0==e.products||0==e.products.length)},i=function(e,t){if(null!=e)return e.filter((e=>1==o(e)))},s=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const c=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const o=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return o?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(o):[]}},2209:function(e,t,n){n.r(t);var o=n(7313),r=n(9854),i=n(2860),s=n(7753),c=n(5160),u=n(6967),l=n(5380),a=n(58),d=n(8984),h=n(4669),f=n(513),g=n(9302),v=n(7381),p=n(2575),m=n(7300),w=n(6524),_=n(3388),E=n(7643),S=n(778),j=n(8811),I=n(6417);const x=(0,p.Z)({key:"whatmore-css-wsv"}),T=o.lazy((()=>Promise.all([n.e(819),n.e(577),n.e(351),n.e(955),n.e(926),n.e(303),n.e(218),n.e(587)]).then(n.bind(n,3218))));t.default=function(e){const[t,n]=(0,o.useState)(),[p,k]=(0,o.useState)(),[y]=(0,s.j1)("isInDesignMode"),[L]=(0,s.j1)("isDemoBrand"),[O,C]=(0,o.useState)(-2),[M]=(0,s.j1)("whatmoreShopId"),b=(0,s.MO)("isLandingSharedLink"),D=(0,s.MO)("whatmoreShareTemplateId"),V=((0,s.MO)("whatmoreShareStoryId"),(0,s.MO)("whatmoreShareEventId")),W=(0,s.MO)("whatmoreLandingLocationType"),P=(0,s.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:B}=(0,o.useContext)(j.I);var F=(0,r.efR)(M)?i.Dm+"/get_eventset/":i.Gc+"/get_eventset/";(0,o.useEffect)((()=>{(0,u.hb)()}),[]),(0,o.useEffect)((()=>{(0,h.ll)(M)}),[]),(0,o.useEffect)((()=>{null==t||0==t.length||p||!(0,d.KE)()||(0,s.MO)("whatmoreVideoPlayerPoolInitiated")||(0,a.b5)(a.UD)}),[t]),(0,o.useEffect)((()=>{C(-1);const e=w.NX,t=(0,w.H1)(W),o=F.toString()+M.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+M;fetch(o).then((e=>e.json())).then((t=>(0,_.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{k(e.message)}))}),[]),(0,o.useEffect)((()=>{C(-2)}),[t]),(0,o.useEffect)((()=>{null==t||0==t.length||p||b&&"template-embed"==(0,w.zv)(D)&&null!=V&&t.forEach(((e,t)=>{V==e.event_id&&H(e,!0,t)}))}),[t]);const K=B.landingLocationType,G=B.templateType,H=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,d.KE)()&&!t&&(0,a.QV)(),(0,m.B6)(e)||(0,m.WJ)(e))return y||L||(async()=>{const t=(0,w.NY)(K)+(0,w.dS)(G)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,c.wh)(e),(0,h.Tc)(M,i.h7,i.dU),(0,u.H4)(e.event_id,e.products,"spotlight","video_popup",t)})(),void C(n)};function N(){return(0,I.jsx)(I.Fragment,{})}return null==t||0==t.length||p?(0,I.jsx)("div",{}):(P&&(0,v.EI)(t),(0,r.B$L)(M)&&O<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,I.jsx)(I.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,I.jsx)(g.C,{value:x,children:-1===O||0===t.length?(0,I.jsx)(N,{}):-2===O&&t.length>0?(0,I.jsx)("div",{children:(0,I.jsx)(E.u,{userInteractionType:S.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!y&&!L,children:(0,I.jsx)(l.Z,{event:t[0],inVideoClick:H,closeClick:e=>{e.stopPropagation(),C(-1)},isSpotlight:!0})})}):(0,I.jsx)("div",{children:(0,I.jsx)(o.Suspense,{children:(0,I.jsx)(E.u,{userInteractionType:S.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!y&&!L,children:(0,I.jsx)(T,{events:t,index:O,onBack:function(){(0,r.n2L)(M)&&(0,s.MO)("whatmoreAddedToCart")&&(0,f.D)(M,(()=>{}),100,window.location.hostname),C(-2)},template:"template-embed"})})})})})))}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,790,12],{1332:function(e,t,n){var r=n(7313),i=(n(8743),n(7753)),o=n(5254),a=n(6417);t.Z=function(e){return(0,r.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,n,r){const i=`rgba(${e},${t},${n},${r})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var r=n(7313),i=n(6090),o=n(7616),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),l=n(7129),d=n(8811),m=(n(3439),n(7753)),c=n(7931),h=n(9018),u=n(9854),p=n(3933),g=n(8866),f=n(868),v=n(342),x=n(3437),$=n(3455),b=n(6417);var w=function(e){var t;const n=e.isMuted,r=null!==(t=e.iconSize)&&void 0!==t?t:30;function i(){e.onToggle()}return(0,b.jsx)("div",{style:{cursor:"pointer"},children:n?(0,b.jsx)($.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}}):(0,b.jsx)(x.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}})})},y=n(1896),j=n(8984),C=n(58),I=n(6119),P=n(7376),k=n(778),S=n(3433);function z(e){const[t,n]=(0,r.useState)(e.initialMuteState),i=e.events,o=e.activeEventIndex,a=e.setActiveEventIndex,s=(0,m.MO)("whatmoreShopId"),l="portrait"===e.mode;function d(){(0,u.hr)(s)&&e.isCTAPresent||(n(!t),(0,j.KE)()&&(0,C.QV)(),e.onMuteToggle())}const p=e.event;return(0,b.jsx)("div",{style:{position:(0,u.SJ)(s)?"absolute":"relative",top:(0,u.SJ)(s)?0:"",zIndex:1,bottom:(0,u.SJ)(s)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,b.jsxs)("div",{className:"banner-event-overlay",style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:[!(e.isCTAPresent&&(0,u.hr)(s)||"video"!==p.event_type)&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()}),(0,b.jsx)(w,{isMuted:t,onToggle:()=>{d()}})]}),i.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{classname:"banner-navigation-overlay",style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a(0===o?i.length-1:o-1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,b.jsx)(c.Z,{})})})}),(0,b.jsx)("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a(o===i.length-1?0:o+1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,b.jsx)(h.Z,{})})})}),(0,u.cRS)(s)&&(0,b.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:i.map(((e,t)=>{const n=t===o;return(0,b.jsx)("button",{onClick:e=>{e.stopPropagation(),a(t)},style:{width:n?"25px":l?"12px":"14px",height:l?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,u.YFz)(s):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},t)}))})]})]}),(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()})]})})}var M=function(e){var t,n,i;const[o,a,s]=(0,g.Z)(),[l,c]=(0,r.useState)(!0),{whatmoreUITheme:h}=(0,r.useContext)(d.I),x=(0,m.MO)("whatmoreVideoTileSize"),{ref:$,inView:w,entry:j}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(d.I),M=(0,m.MO)("whatmoreShopId"),Z=e.events,E=e.activeEventIndex,L=e.setActiveEventIndex,R=Z[E],N=((0,u.nzC)(M),(0,v.uv)(R)),F=(0,v.WN)(R);if("portrait"===o&&!N)return(0,b.jsx)(b.Fragment,{});if("landscape"===o&&!F)return(0,b.jsx)(b.Fragment,{});const T=(0,f.V)("portrait"===o?N:F),A=x/100*(0,u.b4p)(M),O=x/100*(0,u.GmU)(M),D="portrait"===o?(0,u.oOc)(M):(0,u.snl)(M),V="portrait"===o?s*A:s*O,W=V*D,_=null!=(null===(t=R.cta)||void 0===t||null===(n=t[1])||void 0===n?void 0:n.cta_link);return(0,r.useEffect)((()=>{d.$.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;const n=e.querySelector(".whatmore-base");n&&(n.style.minHeight="0px")}))}),[]),(0,b.jsxs)("div",{ref:$,onClick:()=>{var e,t;(0,P.GF)({userInteractionType:k.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:C,event:Z[E]}),(0,u.hr)(M)&&_&&!(0,u.j1_)(M)&&window.open(null===(e=R.cta)||void 0===e||null===(t=e[1])||void 0===t?void 0:t.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,u.SJ)(M)?"100%":V,minHeight:(0,u.SJ)(M)?s*D:"",height:(0,u.SJ)(M)?"auto":W,borderWidth:(0,u.alU)(M),borderColor:(0,u.qPe)(M),overflow:"hidden",cursor:"pointer"},children:[(0,b.jsx)(y.Z,{height:"100%",width:"100%",url:T,isPlaying:w,event:R,isVideoMuted:l,setDuration:e.setDuration,source:S.j.BANNER}),(0,b.jsx)(z,{isCTAPresent:_,events:Z,activeEventIndex:E,setActiveEventIndex:L,event:R,mode:o,onMuteToggle:()=>c(!l),initialMuteState:l}),(0,u.j1_)(M)&&(0,b.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===o?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)("div",{children:(0,b.jsx)(I.Z,{event:R,cta:null===R||void 0===R||null===(i=R.cta)||void 0===i?void 0:i[1],fontFactor:.6})})})]})};const Z=(0,s.Z)({key:"whatmore-css-bv"});var E=function(e){const{whatmoreRootId:t}=(0,r.useContext)(d.I),[n,s]=(0,r.useState)(0),m=e.events,[c,h]=(0,r.useState)(-1);let u;return(0,r.useEffect)((()=>{u&&clearInterval(u);const e="video"===m[n].event_type,t=e?1e3*c:6e3;return e?-1!=c&&(u=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t)):u=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t),()=>{clearInterval(u)}}),[c,n]),delete o.ZP.styles.global,(0,b.jsx)(a.C,{value:Z,children:(0,b.jsx)("div",{className:"whatmore-banner-events",children:(0,b.jsx)(i.x,{theme:o.ZP,cssVarsRoot:t,resetCSS:!1,children:(0,b.jsx)(l.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(M,{activeEventIndex:n,events:m,setActiveEventIndex:s,setDuration:h})})})})})}},3867:function(e,t,n){var r=n(8816),i=n(417),o=n(4885),a=n(7753),s=n(8811),l=n(7313),d=n(6417);t.Z=function(e){var t;const{whatmoreUITheme:n}=(0,l.useContext)(s.I),[m]=(0,a.j1)("whatmoreSecondaryColor"),[c,h]=(0,a.j1)("productRatings"),u=(0,a.MO)("whatmorePrimaryFont"),p=(e.storeId,e.productId),g=(e.productLink,e.fontSize),f=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===c||"undefined"==typeof c||!(p in c)||c[p].avgRating>5)return(0,d.jsx)(d.Fragment,{});const v=c[p].avgRating,x=c[p].totalRatings;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((e,t)=>(0,d.jsx)(r.Z,{sx:{color:m,fontSize:g+"px"}},"star-icon"+t))),v-Math.floor(v)>.2?(0,d.jsx)(i.Z,{sx:{color:m,fontSize:g+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(o.Z,{sx:{color:m,fontSize:g+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((e,t)=>(0,d.jsx)(o.Z,{sx:{color:m,fontSize:g+"px"}},"star-outline-icon-"+t))),(0,d.jsx)("div",{children:(0,d.jsx)("div",{width:"2px"})}),(0,d.jsx)("div",{children:(0,d.jsx)("div",{style:{backgroundColor:m,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*g+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",f,"important"),e.style.setProperty("font-size",.8*g+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+x+")"]})})]})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,n){var r=n(1332),i=n(5180),o=n(6417);t.Z=function(e){var t,n;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden",minHeight:a,minWidth:s},children:[(0,o.jsx)(i.Z,{height:a,width:s}),(0,o.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(r.Z,{})})})]})}},5180:function(e,t,n){var r=n(6417);t.Z=function(e){var t,n,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,r.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,r.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var r=n(7313),i=n(3175),o=n(6417);t.Z=function(e){var t,n,a;const[s,l]=(0,r.useState)(!1),d=r.useRef(0),m=(0,r.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},h=null!==(n=e.height)&&void 0!==n?n:"100%",u=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,m.current&&c(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:h,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:m,src:e.url,style:{objectFit:"cover",height:h,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:u,height:h})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return u}});var r=n(7313),i=n(3933),o=n(868),a=n(8984),s=n(7300),l=n(2887),d=n(4862),m=n(7753),c=n(6417);var h=function(e){var t,n;const o=(0,r.useRef)(null),[s,l,h]=(0,i.YD)({triggerOnce:!0}),u=(0,m.MO)("whatmoreShopId"),p=null!==(t=e.height)&&void 0!==t?t:"100%",g=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((d.G6||(0,a.gE)())&&o.current.play(),o.current.pause()))}),[e.isPlaying,l]),(0,c.jsx)("div",{ref:s,style:{width:p,height:g,overflow:"hidden"},children:l?(0,c.jsx)("video",{ref:o,className:"whatmore-video-player",width:g,height:p,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==u&&"STRY2V4XO5L"!==u?e.url:e.poster,muted:!0,src:e.url,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:g,height:p,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var u=function(e){var t,n,d,m;const[u,p,g]=(0,i.YD)({triggerOnce:!0});if((0,s.WJ)(e.event))return(0,c.jsx)(l.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const f=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var v;if((0,a.KE)())return(0,c.jsx)(h,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(v=e.event)||void 0===v?void 0:v.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:f});const x=(0,r.useRef)(null),$=null!==(n=e.height)&&void 0!==n?n:"100%",b=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,r.useEffect)((()=>{x.current&&(e.isPlaying?x.current.play():x.current.pause())}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:u,style:{width:$,height:b,overflow:"hidden"},children:p?(0,c.jsx)("video",{ref:x,className:"whatmore-video-player",width:b,height:$,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),poster:null===e||void 0===e||null===(m=e.event)||void 0===m?void 0:m.poster_image,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:b,height:$,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var r=n(9854),i=n(7753);const o={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.zpr)(t))return e;if("AZURECDN"==(0,r.zpr)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,r.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},9363:function(e,t,n){n.d(t,{$:function(){return a},s:function(){return o}});var r=n(9854),i=n(7753);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,r.Ipo)(n)?"STRNV8MHJTF"==n?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],r=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==r&&void 0!==r&&r.test(n)?"image":null!==i&&void 0!==i&&i.test(n)?"video":void 0}},5456:function(e,t,n){n.d(t,{B:function(){return r}});const r=function(e,t){return!(isNaN(t)||!t||("string"===typeof t||t instanceof String)&&!t.trim().length)&&!(parseInt(t)<=parseInt(e))}},8866:function(e,t,n){var r=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[o,a]=(0,r.useState)([t>n?"portrait":"landscape",t,n]);return(0,r.useLayoutEffect)((()=>{function e(){var[e,t]=i();a(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},7931:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");t.Z=a},9018:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");t.Z=a},9723:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=a},8816:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");t.Z=a},417:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");t.Z=a},4885:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");t.Z=a},8743:function(){},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,790,12],{1332:function(e,t,n){var r=n(7313),i=(n(8743),n(7753)),o=n(5254),a=n(6417);t.Z=function(e){return(0,r.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,n,r){const i=`rgba(${e},${t},${n},${r})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var r=n(7313),i=n(6090),o=n(7616),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),l=n(7129),d=n(8811),m=(n(3439),n(7753)),c=n(7931),h=n(9018),u=n(9854),p=n(3933),g=n(8866),f=n(868),v=n(342),x=n(3437),$=n(3455),b=n(6417);var w=function(e){var t;const n=e.isMuted,r=null!==(t=e.iconSize)&&void 0!==t?t:30;function i(){e.onToggle()}return(0,b.jsx)("div",{style:{cursor:"pointer"},children:n?(0,b.jsx)($.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}}):(0,b.jsx)(x.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}})})},y=n(1896),j=n(8984),C=n(58),I=n(6119),P=n(4522),k=n(778),S=n(3433);function z(e){const[t,n]=(0,r.useState)(e.initialMuteState),i=e.events,o=e.activeEventIndex,a=e.setActiveEventIndex,s=(0,m.MO)("whatmoreShopId"),l="portrait"===e.mode;function d(){(0,u.hr)(s)&&e.isCTAPresent||(n(!t),(0,j.KE)()&&(0,C.QV)(),e.onMuteToggle())}const p=e.event;return(0,b.jsx)("div",{style:{position:(0,u.SJ)(s)?"absolute":"relative",top:(0,u.SJ)(s)?0:"",zIndex:1,bottom:(0,u.SJ)(s)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,b.jsxs)("div",{className:"banner-event-overlay",style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:[!(e.isCTAPresent&&(0,u.hr)(s)||"video"!==p.event_type)&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()}),(0,b.jsx)(w,{isMuted:t,onToggle:()=>{d()}})]}),i.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{classname:"banner-navigation-overlay",style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a(0===o?i.length-1:o-1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,b.jsx)(c.Z,{})})})}),(0,b.jsx)("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a(o===i.length-1?0:o+1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,b.jsx)(h.Z,{})})})}),(0,u.cRS)(s)&&(0,b.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:i.map(((e,t)=>{const n=t===o;return(0,b.jsx)("button",{onClick:e=>{e.stopPropagation(),a(t)},style:{width:n?"25px":l?"12px":"14px",height:l?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,u.YFz)(s):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},t)}))})]})]}),(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>d()})]})})}var M=function(e){var t,n,i;const[o,a,s]=(0,g.Z)(),[l,c]=(0,r.useState)(!0),{whatmoreUITheme:h}=(0,r.useContext)(d.I),x=(0,m.MO)("whatmoreVideoTileSize"),{ref:$,inView:w,entry:j}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(d.I),M=(0,m.MO)("whatmoreShopId"),Z=e.events,E=e.activeEventIndex,L=e.setActiveEventIndex,R=Z[E],N=((0,u.nzC)(M),(0,v.uv)(R)),F=(0,v.WN)(R);if("portrait"===o&&!N)return(0,b.jsx)(b.Fragment,{});if("landscape"===o&&!F)return(0,b.jsx)(b.Fragment,{});const T=(0,f.V)("portrait"===o?N:F),A=x/100*(0,u.b4p)(M),O=x/100*(0,u.GmU)(M),D="portrait"===o?(0,u.oOc)(M):(0,u.snl)(M),V="portrait"===o?s*A:s*O,W=V*D,_=null!=(null===(t=R.cta)||void 0===t||null===(n=t[1])||void 0===n?void 0:n.cta_link);return(0,r.useEffect)((()=>{d.$.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;const n=e.querySelector(".whatmore-base");n&&(n.style.minHeight="0px")}))}),[]),(0,b.jsxs)("div",{ref:$,onClick:()=>{var e,t;(0,P.GF)({userInteractionType:k.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:C,event:Z[E]}),(0,u.hr)(M)&&_&&!(0,u.j1_)(M)&&window.open(null===(e=R.cta)||void 0===e||null===(t=e[1])||void 0===t?void 0:t.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,u.SJ)(M)?"100%":V,minHeight:(0,u.SJ)(M)?s*D:"",height:(0,u.SJ)(M)?"auto":W,borderWidth:(0,u.alU)(M),borderColor:(0,u.qPe)(M),overflow:"hidden",cursor:"pointer"},children:[(0,b.jsx)(y.Z,{height:"100%",width:"100%",url:T,isPlaying:w,event:R,isVideoMuted:l,setDuration:e.setDuration,source:S.j.BANNER}),(0,b.jsx)(z,{isCTAPresent:_,events:Z,activeEventIndex:E,setActiveEventIndex:L,event:R,mode:o,onMuteToggle:()=>c(!l),initialMuteState:l}),(0,u.j1_)(M)&&(0,b.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===o?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)("div",{children:(0,b.jsx)(I.Z,{event:R,cta:null===R||void 0===R||null===(i=R.cta)||void 0===i?void 0:i[1],fontFactor:.6})})})]})};const Z=(0,s.Z)({key:"whatmore-css-bv"});var E=function(e){const{whatmoreRootId:t}=(0,r.useContext)(d.I),[n,s]=(0,r.useState)(0),m=e.events,[c,h]=(0,r.useState)(-1);let u;return(0,r.useEffect)((()=>{u&&clearInterval(u);const e="video"===m[n].event_type,t=e?1e3*c:6e3;return e?-1!=c&&(u=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t)):u=setInterval((()=>{s((e=>e===m.length-1?0:e+1))}),t),()=>{clearInterval(u)}}),[c,n]),delete o.ZP.styles.global,(0,b.jsx)(a.C,{value:Z,children:(0,b.jsx)("div",{className:"whatmore-banner-events",children:(0,b.jsx)(i.x,{theme:o.ZP,cssVarsRoot:t,resetCSS:!1,children:(0,b.jsx)(l.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(M,{activeEventIndex:n,events:m,setActiveEventIndex:s,setDuration:h})})})})})}},3867:function(e,t,n){var r=n(8816),i=n(417),o=n(4885),a=n(7753),s=n(8811),l=n(7313),d=n(6417);t.Z=function(e){var t;const{whatmoreUITheme:n}=(0,l.useContext)(s.I),[m]=(0,a.j1)("whatmoreSecondaryColor"),[c,h]=(0,a.j1)("productRatings"),u=(0,a.MO)("whatmorePrimaryFont"),p=(e.storeId,e.productId),g=(e.productLink,e.fontSize),f=null!==(t=e.fontColor)&&void 0!==t?t:"gray";if(null===c||"undefined"==typeof c||!(p in c)||c[p].avgRating>5)return(0,d.jsx)(d.Fragment,{});const v=c[p].avgRating,x=c[p].totalRatings;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((e,t)=>(0,d.jsx)(r.Z,{sx:{color:m,fontSize:g+"px"}},"star-icon"+t))),v-Math.floor(v)>.2?(0,d.jsx)(i.Z,{sx:{color:m,fontSize:g+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(o.Z,{sx:{color:m,fontSize:g+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((e,t)=>(0,d.jsx)(o.Z,{sx:{color:m,fontSize:g+"px"}},"star-outline-icon-"+t))),(0,d.jsx)("div",{children:(0,d.jsx)("div",{width:"2px"})}),(0,d.jsx)("div",{children:(0,d.jsx)("div",{style:{backgroundColor:m,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",.8*g+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color",f,"important"),e.style.setProperty("font-size",.8*g+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+x+")"]})})]})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,n){var r=n(1332),i=n(5180),o=n(6417);t.Z=function(e){var t,n;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden",minHeight:a,minWidth:s},children:[(0,o.jsx)(i.Z,{height:a,width:s}),(0,o.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(r.Z,{})})})]})}},5180:function(e,t,n){var r=n(6417);t.Z=function(e){var t,n,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,r.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,r.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var r=n(7313),i=n(3175),o=n(6417);t.Z=function(e){var t,n,a;const[s,l]=(0,r.useState)(!1),d=r.useRef(0),m=(0,r.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},h=null!==(n=e.height)&&void 0!==n?n:"100%",u=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,m.current&&c(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:h,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:m,src:e.url,style:{objectFit:"cover",height:h,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:u,height:h})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return u}});var r=n(7313),i=n(3933),o=n(868),a=n(8984),s=n(7300),l=n(2887),d=n(4862),m=n(7753),c=n(6417);var h=function(e){var t,n;const o=(0,r.useRef)(null),[s,l,h]=(0,i.YD)({triggerOnce:!0}),u=(0,m.MO)("whatmoreShopId"),p=null!==(t=e.height)&&void 0!==t?t:"100%",g=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((d.G6||(0,a.gE)())&&o.current.play(),o.current.pause()))}),[e.isPlaying,l]),(0,c.jsx)("div",{ref:s,style:{width:p,height:g,overflow:"hidden"},children:l?(0,c.jsx)("video",{ref:o,className:"whatmore-video-player",width:g,height:p,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==u&&"STRY2V4XO5L"!==u?e.url:e.poster,muted:!0,src:e.url,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:g,height:p,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var u=function(e){var t,n,d,m;const[u,p,g]=(0,i.YD)({triggerOnce:!0});if((0,s.WJ)(e.event))return(0,c.jsx)(l.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const f=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var v;if((0,a.KE)())return(0,c.jsx)(h,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(v=e.event)||void 0===v?void 0:v.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:f});const x=(0,r.useRef)(null),$=null!==(n=e.height)&&void 0!==n?n:"100%",b=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,r.useEffect)((()=>{x.current&&(e.isPlaying?x.current.play():x.current.pause())}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:u,style:{width:$,height:b,overflow:"hidden"},children:p?(0,c.jsx)("video",{ref:x,className:"whatmore-video-player",width:b,height:$,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),poster:null===e||void 0===e||null===(m=e.event)||void 0===m?void 0:m.poster_image,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:b,height:$,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var r=n(9854),i=n(7753);const o={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.zpr)(t))return e;if("AZURECDN"==(0,r.zpr)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,r.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},9363:function(e,t,n){n.d(t,{$:function(){return a},s:function(){return o}});var r=n(9854),i=n(7753);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,r.Ipo)(n)?"STRNV8MHJTF"==n?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],r=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==r&&void 0!==r&&r.test(n)?"image":null!==i&&void 0!==i&&i.test(n)?"video":void 0}},5456:function(e,t,n){n.d(t,{B:function(){return r}});const r=function(e,t){return!(isNaN(t)||!t||("string"===typeof t||t instanceof String)&&!t.trim().length)&&!(parseInt(t)<=parseInt(e))}},8866:function(e,t,n){var r=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[o,a]=(0,r.useState)([t>n?"portrait":"landscape",t,n]);return(0,r.useLayoutEffect)((()=>{function e(){var[e,t]=i();a(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},7931:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");t.Z=a},9018:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");t.Z=a},9723:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=a},8816:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");t.Z=a},417:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");t.Z=a},4885:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),a=(0,i.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");t.Z=a},8743:function(){},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[197],{1492:function(e,t,o){o.r(t),o.d(t,{default:function(){return W}});var i=o(7313),n=o(6090),r=o(7616),s=o(8811),l=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),a=o(2575),d=o(2210),p=o(8486),c=o(9821),h=o(8866),m=o(2279),x=o.n(m),y=o(7753),u=o(7129),f=o(1855),v=o(9854),g=o(4920),w=o(7376),j=o(778),P=o(7381),b=(o(3439),o(4892)),C=o(6805),I=o(9219),S=o(5945),O=o(6417);var F=function(e){var t,o,n,r,l,a,d,p,h,m,x,f;const[g,w,j,P,F]=(0,c.Z)();var k=(0,i.useContext)(u.V);const{whatmoreUITheme:M}=(0,i.useContext)(s.I),Z=(0,y.MO)("whatmoreShopId"),W=(0,y.MO)("whatmorePrimaryFont"),N=(0,y.MO)("whatmoreSecondaryColor"),z=e.event,R=e.onClick,_=null===(t=e.isOnFocus)||void 0===t||t,E=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,D=null!==(n=e.animateOnFocus&&(0,v.iWI)(Z))&&void 0!==n&&n,U=Math.round(+(null===(r=z.products[0])||void 0===r?void 0:r.price)),T=Math.round(+(null===(l=z.products[0])||void 0===l?void 0:l.compare_price)),V=T&&0!=T&&T>U?Math.round((T-U)/T*100):NaN,B="portrait"===F[C.YP],A=(B?1.076*w*(0,v.pEd)(Z):w*(0,v.H4g)(Z))+"px",L=(B?1.076*w*(0,v.pEd)(Z):w*(0,v.H4g)(Z))+"px",$=(B?.965*w*(0,v.pEd)(Z):.859*w*(0,v.H4g)(Z))+"px",H=(0,v.nzC)(Z),{whatmoreIsPreviewMode:Y}=(0,i.useContext)(s.I),q=.25*w,G=q+"px",X=1.1*q+"px";return(0,O.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",k.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",k.tileBottomMMargin+"px","important"))},children:[(0,O.jsx)("div",{style:{margin:"0 auto",width:w,height:B&&_?"STR2FOC6KG9"==Z?g:1.1*g:g,borderRadius:"round"==M?"5px":"0px",boxShadow:"round"==M?H:null,borderWidth:(0,v.alU)(Z),borderColor:(0,v.qPe)(Z),overflow:"hidden",cursor:"pointer"},className:D?_?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{R(z)},children:(0,O.jsx)(b.Z,{height:"100%",width:"100%",url:z.thumbnail_image,isPlaying:_||E,event:z})}),(0,O.jsxs)("div",{onClick:()=>{R(z)},style:{cursor:"pointer",display:"flex",gap:"6px",padding:"14px 8px"},children:[(Y?(0,v.uU$)(Z):(0,v.EIj)(Z))&&(0,O.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",X,"important")},style:{maxWidth:G,borderRadius:"round"==M?"5px":"0px",overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,O.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,v.yOX)(Z),"important")},src:null===(a=z.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.thumbnail_image})}),(0,O.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",A,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",W,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,S.s)(null===(p=z.products[0])||void 0===p?void 0:p.title)}),(0,v.QaY)(Z)&&(0,O.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,v.$zZ)(Z)?"row":"row-reverse",justifyContent:(0,v.$zZ)(Z)?"flex-start":"flex-end"},children:[(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,v.Uyp)(Z),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",W,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,v.rPP)(Z)?"normal":"bold"},children:(0,I.jx)(parseFloat(null===(h=z.products[0])||void 0===h?void 0:h.price)," ",Z,null===(m=z.products[0])||void 0===m?void 0:m.currency)}),!isNaN(T)&&T>U&&(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,v.kPs)(Z),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",W,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,I.jx)(parseFloat(null===(x=z.products[0])||void 0===x?void 0:x.compare_price)," ",Z,null===(f=z.products[0])||void 0===f?void 0:f.currency)})]}),(0,v.QaY)(Z)&&!isNaN(V)&&0!=V&&(0,O.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,v.ZJm)(Z)?"#343434"==N?(0,v.ZJm)(Z):N:(0,v.ZJm)(Z),alignItems:"center",borderRadius:(0,v.CF_)(Z)+"px",width:"fit-content",padding:(0,v.Spx)(Z)?"3px 6px":"0px"},children:(0,v.Spx)(Z)?(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,v.mso)(Z),"important"),e.style.setProperty("font-size",$,"important"),e.style.setProperty("font-family",W,"important"))},children:`${V}% Off`}):(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,v.aUT)(Z),"important"),e.style.setProperty("font-size",$,"important"),e.style.setProperty("font-family",(0,v.V3Y)(Z),"important"))},children:(0,v.sG7)(Z)})})]})]})]})};const k=(0,a.Z)({key:"whatmore-css-hv"});function M(e){const[t,o,n]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=e.events,a=e.onClick,p=n*(0,v.u6l)(r),[h,m]=(0,i.useState)(p),{whatmoreWidgetSourceDetails:x}=(0,i.useContext)(s.I);return(0,i.useEffect)((()=>{h<=p&&m((e=>e+p))}),[p]),(0,O.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,O.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,O.jsx)(d.tq,{slidesPerView:l.length>1?p:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:x}),e.realIndex>e.previousIndex&&m((e=>e+p))},loop:"32365904011"==r,children:l.map(((e,t)=>t<=h&&(0,O.jsx)(d.o5,{children:t=>{let{isActive:o,isPrev:i,isNext:n,isVisible:s}=t;return i||n||o?(0,v.$X$)(r)?(0,O.jsx)(F,{isOnFocus:o&&s,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{a(e)}}):(0,O.jsx)(g.Z,{isOnFocus:o&&s,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{a(e)}}):(0,O.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function Z(e){const[t,o,n,r]=(0,c.Z)(),[l,a]=(0,i.useState)(-1),h=(0,y.MO)("whatmoreShopId"),[m,u]=(0,i.useState)(n),P=e.onClick,b=e.events,C=Math.min(n,b.length),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(s.I);return(0,i.useEffect)((()=>{m<=n&&u((e=>e+n))}),[n]),(0,O.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,O.jsx)("div",{style:{width:o*C*(0,v.Su5)(h)+"px"},children:(0,O.jsx)(d.tq,{slidesPerView:C,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(C),onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&u((e=>e+n))},spaceBetween:(0,v.WGf)(h),children:b.map(((e,t)=>{const o=x()((()=>a(t)),300);return t<=m&&(0,O.jsx)(d.o5,{onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),a(-1)},children:o=>{let{isActive:i,isPrev:n,isNext:r,isVisible:s}=o;return s?(0,v.$X$)(h)?(0,O.jsx)(F,{isOnFocus:t==l,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{P(e)}}):(0,O.jsx)(g.Z,{isOnFocus:t==l,playOnUnfocus:!(0,v.dHy)(h)||t==parseInt(C/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{P(e)}}):(0,O.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var W=function(e){const[t,o,a]=(0,h.Z)(),[d]=(0,y.j1)("whatmoreShopId"),[p]=(0,y.j1)("whatmorePrimaryColor"),[c]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==t?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:x}=(0,i.useContext)(s.I),f=((0,y.MO)("isInDesignMode"),(0,y.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:g}=(0,i.useContext)(s.I),w=e.events,j=e.onClick,b=c;function C(e){j(e)}return(0,i.useEffect)((()=>{(0,P.Oo)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{s.$.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,O.jsx)(l.C,{value:k,children:(0,O.jsx)("div",{className:"whatmore-carousel-events",children:(0,O.jsx)(n.x,{theme:r.ZP,cssVarsRoot:x,resetCSS:!1,children:(0,O.jsxs)(u.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||g?(0,O.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",b,"important"),e.style.setProperty("font-size",m+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,v.wOV)(d),lineHeight:(0,v.vY4)(d),letterSpacing:(0,v.X2K)(d)},children:g?"W"!==f?f:"":e.heading})}):(0,O.jsx)(O.Fragment,{}),"landscape"===t?(0,O.jsx)(Z,{events:w,onClick:C}):(0,O.jsx)(M,{events:w,onClick:C})]})})})})}},1855:function(e,t,o){var i=o(7313),n=o(9821),r=o(7129),s=o(6417);t.Z=function(e){var[t,o]=(0,n.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},4920:function(e,t,o){o.d(t,{Z:function(){return P}});var i=o(7313),n=o(9821),r=(o(3439),o(9723)),s=o(7753),l=o(4892),a=o(7129),d=o(6805),p=o(9854),c=o(1092),h=o(5945),m=o(8811),x=o(9363),y=o(6417);var u=function(e){var t,o,r,l,[a,d]=(0,n.Z)();const{whatmoreUITheme:c}=(0,i.useContext)(m.I),[u]=(0,s.j1)("whatmorePrimaryFont"),[f,v]=(0,i.useState)(0),g=(0,s.MO)("whatmoreShopId"),w=e.event;if(0==w.products.length)return(0,y.jsx)(y.Fragment,{});const j=.3*d,P=j+"px",b=j+"px",C=.07*d,I=C+"px";return(0,y.jsx)("div",{style:{width:d+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,y.jsxs)("div",{ref:e=>{e&&e.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,y.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",b,"important")},style:{width:(0,p.uNj)(g)?P:"auto",boxShadow:"round"==c?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==c?"5px":"0px",borderWidth:(0,p.alU)(g),borderColor:(0,p.qPe)(g),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,y.jsx)("img",{ref:e=>{e&&(e.style.setProperty("object-fit",(0,p.yOX)(g),"important"),e.style.setProperty("max-width",P,"important"))},src:(0,x.s)(w.products[f].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==c?"5px":"0px"},alt:"product image"})}),(0,y.jsxs)("div",{style:{width:d-5-j+"px",height:"100%",borderRadius:"round"==c?"5px":"0px",overflow:"visible"},children:[(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",I,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,h.s)(w.products[f].title)})}),(null===(t=w.products[f])||void 0===t||null===(o=t.product_metadata)||void 0===o?void 0:o.product_type)&&(0,y.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:d-5-j+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==c?"3px":"0"},children:(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#000","important"),e.style.setProperty("maxWidth",d-5-j+"px","important"),e.style.setProperty("font-size",.7*C+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("font-weight","bold","important"),e.style.setProperty("text-overflow","ellipsis","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"))},children:null===(r=w.products[f])||void 0===r||null===(l=r.product_metadata)||void 0===l?void 0:l.product_type})})]})]},f)})},f=o(3933),v=o(8984);function g(e){var t,[o,l]=(0,n.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[c,h,m]=(0,f.YD)({triggerOnce:!0});var x=(0,i.useContext)(a.V);const g=e.event,w=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l,P=(0,v.gE)()?e.isOnFocus:h;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:" "})}),x.showPlayButton&&!w?(0,y.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==g.event_type&&(0,y.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)("div",{ref:c,children:P&&(0,p.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(u,{event:g})}):(0,y.jsx)("div",{height:"20px"})})]})})}function w(e){var[t,o]=(0,n.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,y.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,y.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,y.jsx)("p",{style:{color:"white",fontSize:.08*o+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,y.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*o+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,y.jsx)(y.Fragment,{})}function j(e){const[t,o,i,r,l]=(0,n.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),h=(0,s.MO)("whatmoreShopId"),m=e.event,x=e.isOnFocus;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,y.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(c.Z,{event:m,fontSize:.07*o+"px"})})}):(0,y.jsx)(y.Fragment,{})})}),d.$w===l[d.YP]?(0,y.jsx)(y.Fragment,{}):x?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,y.jsx)(w,{event:m})}):(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(w,{event:m})})]})})}var P=function(e){var t,o,r;const[c,h,x,u,f]=(0,n.Z)();var v=(0,i.useContext)(a.V);const{whatmoreUITheme:w}=(0,i.useContext)(m.I),P=(0,s.MO)("whatmoreShopId"),b=e.event,C=e.onClick,I=null===(t=e.isOnFocus)||void 0===t||t,S=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,O=null!==(r=e.animateOnFocus&&(0,p.iWI)(P))&&void 0!==r&&r,F=(0,p.nzC)(P);return(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",v.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",v.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w?F:null,borderWidth:(0,p.alU)(P),borderColor:(0,p.qPe)(P),overflow:"hidden",cursor:"pointer"},className:O?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(b)},children:[(0,y.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:I||S,event:b}),(0,y.jsxs)("div",{style:{width:h,height:c},children:[(0,y.jsx)(j,{event:b,isOnFocus:I}),"87043703105"===P||"76467011883"===P||!I&&d.$w!==f[d.YP]?null:(0,y.jsx)(g,{event:b,unfocusedDisplay:!I,isOnFocus:I})]})]})}},9723:function(e,t,o){var i=o(5318);t.Z=void 0;var n=i(o(5045)),r=o(6417),s=(0,n.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[197],{1492:function(e,t,o){o.r(t),o.d(t,{default:function(){return W}});var i=o(7313),n=o(6090),r=o(7616),s=o(8811),l=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),a=o(2575),d=o(2210),p=o(8486),c=o(9821),h=o(8866),m=o(2279),x=o.n(m),y=o(7753),u=o(7129),f=o(1855),v=o(9854),g=o(4920),w=o(4522),j=o(778),P=o(7381),b=(o(3439),o(4892)),C=o(6805),I=o(9219),S=o(5945),O=o(6417);var F=function(e){var t,o,n,r,l,a,d,p,h,m,x,f;const[g,w,j,P,F]=(0,c.Z)();var k=(0,i.useContext)(u.V);const{whatmoreUITheme:M}=(0,i.useContext)(s.I),Z=(0,y.MO)("whatmoreShopId"),W=(0,y.MO)("whatmorePrimaryFont"),N=(0,y.MO)("whatmoreSecondaryColor"),z=e.event,R=e.onClick,_=null===(t=e.isOnFocus)||void 0===t||t,E=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,D=null!==(n=e.animateOnFocus&&(0,v.iWI)(Z))&&void 0!==n&&n,U=Math.round(+(null===(r=z.products[0])||void 0===r?void 0:r.price)),T=Math.round(+(null===(l=z.products[0])||void 0===l?void 0:l.compare_price)),V=T&&0!=T&&T>U?Math.round((T-U)/T*100):NaN,B="portrait"===F[C.YP],A=(B?1.076*w*(0,v.pEd)(Z):w*(0,v.H4g)(Z))+"px",L=(B?1.076*w*(0,v.pEd)(Z):w*(0,v.H4g)(Z))+"px",$=(B?.965*w*(0,v.pEd)(Z):.859*w*(0,v.H4g)(Z))+"px",H=(0,v.nzC)(Z),{whatmoreIsPreviewMode:Y}=(0,i.useContext)(s.I),q=.25*w,G=q+"px",X=1.1*q+"px";return(0,O.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",k.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",k.tileBottomMMargin+"px","important"))},children:[(0,O.jsx)("div",{style:{margin:"0 auto",width:w,height:B&&_?"STR2FOC6KG9"==Z?g:1.1*g:g,borderRadius:"round"==M?"5px":"0px",boxShadow:"round"==M?H:null,borderWidth:(0,v.alU)(Z),borderColor:(0,v.qPe)(Z),overflow:"hidden",cursor:"pointer"},className:D?_?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{R(z)},children:(0,O.jsx)(b.Z,{height:"100%",width:"100%",url:z.thumbnail_image,isPlaying:_||E,event:z})}),(0,O.jsxs)("div",{onClick:()=>{R(z)},style:{cursor:"pointer",display:"flex",gap:"6px",padding:"14px 8px"},children:[(Y?(0,v.uU$)(Z):(0,v.EIj)(Z))&&(0,O.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",X,"important")},style:{maxWidth:G,borderRadius:"round"==M?"5px":"0px",overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,O.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,v.yOX)(Z),"important")},src:null===(a=z.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.thumbnail_image})}),(0,O.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",A,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",W,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,S.s)(null===(p=z.products[0])||void 0===p?void 0:p.title)}),(0,v.QaY)(Z)&&(0,O.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,v.$zZ)(Z)?"row":"row-reverse",justifyContent:(0,v.$zZ)(Z)?"flex-start":"flex-end"},children:[(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,v.Uyp)(Z),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",W,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,v.rPP)(Z)?"normal":"bold"},children:(0,I.jx)(parseFloat(null===(h=z.products[0])||void 0===h?void 0:h.price)," ",Z,null===(m=z.products[0])||void 0===m?void 0:m.currency)}),!isNaN(T)&&T>U&&(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,v.kPs)(Z),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",W,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,I.jx)(parseFloat(null===(x=z.products[0])||void 0===x?void 0:x.compare_price)," ",Z,null===(f=z.products[0])||void 0===f?void 0:f.currency)})]}),(0,v.QaY)(Z)&&!isNaN(V)&&0!=V&&(0,O.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,v.ZJm)(Z)?"#343434"==N?(0,v.ZJm)(Z):N:(0,v.ZJm)(Z),alignItems:"center",borderRadius:(0,v.CF_)(Z)+"px",width:"fit-content",padding:(0,v.Spx)(Z)?"3px 6px":"0px"},children:(0,v.Spx)(Z)?(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,v.mso)(Z),"important"),e.style.setProperty("font-size",$,"important"),e.style.setProperty("font-family",W,"important"))},children:`${V}% Off`}):(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,v.aUT)(Z),"important"),e.style.setProperty("font-size",$,"important"),e.style.setProperty("font-family",(0,v.V3Y)(Z),"important"))},children:(0,v.sG7)(Z)})})]})]})]})};const k=(0,a.Z)({key:"whatmore-css-hv"});function M(e){const[t,o,n]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=e.events,a=e.onClick,p=n*(0,v.u6l)(r),[h,m]=(0,i.useState)(p),{whatmoreWidgetSourceDetails:x}=(0,i.useContext)(s.I);return(0,i.useEffect)((()=>{h<=p&&m((e=>e+p))}),[p]),(0,O.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,O.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,O.jsx)(d.tq,{slidesPerView:l.length>1?p:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:x}),e.realIndex>e.previousIndex&&m((e=>e+p))},loop:"32365904011"==r,children:l.map(((e,t)=>t<=h&&(0,O.jsx)(d.o5,{children:t=>{let{isActive:o,isPrev:i,isNext:n,isVisible:s}=t;return i||n||o?(0,v.$X$)(r)?(0,O.jsx)(F,{isOnFocus:o&&s,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{a(e)}}):(0,O.jsx)(g.Z,{isOnFocus:o&&s,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{a(e)}}):(0,O.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function Z(e){const[t,o,n,r]=(0,c.Z)(),[l,a]=(0,i.useState)(-1),h=(0,y.MO)("whatmoreShopId"),[m,u]=(0,i.useState)(n),P=e.onClick,b=e.events,C=Math.min(n,b.length),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(s.I);return(0,i.useEffect)((()=>{m<=n&&u((e=>e+n))}),[n]),(0,O.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,O.jsx)("div",{style:{width:o*C*(0,v.Su5)(h)+"px"},children:(0,O.jsx)(d.tq,{slidesPerView:C,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(C),onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&u((e=>e+n))},spaceBetween:(0,v.WGf)(h),children:b.map(((e,t)=>{const o=x()((()=>a(t)),300);return t<=m&&(0,O.jsx)(d.o5,{onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),a(-1)},children:o=>{let{isActive:i,isPrev:n,isNext:r,isVisible:s}=o;return s?(0,v.$X$)(h)?(0,O.jsx)(F,{isOnFocus:t==l,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{P(e)}}):(0,O.jsx)(g.Z,{isOnFocus:t==l,playOnUnfocus:!(0,v.dHy)(h)||t==parseInt(C/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{P(e)}}):(0,O.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var W=function(e){const[t,o,a]=(0,h.Z)(),[d]=(0,y.j1)("whatmoreShopId"),[p]=(0,y.j1)("whatmorePrimaryColor"),[c]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==t?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:x}=(0,i.useContext)(s.I),f=((0,y.MO)("isInDesignMode"),(0,y.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:g}=(0,i.useContext)(s.I),w=e.events,j=e.onClick,b=c;function C(e){j(e)}return(0,i.useEffect)((()=>{(0,P.Oo)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{s.$.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,O.jsx)(l.C,{value:k,children:(0,O.jsx)("div",{className:"whatmore-carousel-events",children:(0,O.jsx)(n.x,{theme:r.ZP,cssVarsRoot:x,resetCSS:!1,children:(0,O.jsxs)(u.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||g?(0,O.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,O.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",b,"important"),e.style.setProperty("font-size",m+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,v.wOV)(d),lineHeight:(0,v.vY4)(d),letterSpacing:(0,v.X2K)(d)},children:g?"W"!==f?f:"":e.heading})}):(0,O.jsx)(O.Fragment,{}),"landscape"===t?(0,O.jsx)(Z,{events:w,onClick:C}):(0,O.jsx)(M,{events:w,onClick:C})]})})})})}},1855:function(e,t,o){var i=o(7313),n=o(9821),r=o(7129),s=o(6417);t.Z=function(e){var[t,o]=(0,n.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},4920:function(e,t,o){o.d(t,{Z:function(){return P}});var i=o(7313),n=o(9821),r=(o(3439),o(9723)),s=o(7753),l=o(4892),a=o(7129),d=o(6805),p=o(9854),c=o(1092),h=o(5945),m=o(8811),x=o(9363),y=o(6417);var u=function(e){var t,o,r,l,[a,d]=(0,n.Z)();const{whatmoreUITheme:c}=(0,i.useContext)(m.I),[u]=(0,s.j1)("whatmorePrimaryFont"),[f,v]=(0,i.useState)(0),g=(0,s.MO)("whatmoreShopId"),w=e.event;if(0==w.products.length)return(0,y.jsx)(y.Fragment,{});const j=.3*d,P=j+"px",b=j+"px",C=.07*d,I=C+"px";return(0,y.jsx)("div",{style:{width:d+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,y.jsxs)("div",{ref:e=>{e&&e.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,y.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",b,"important")},style:{width:(0,p.uNj)(g)?P:"auto",boxShadow:"round"==c?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==c?"5px":"0px",borderWidth:(0,p.alU)(g),borderColor:(0,p.qPe)(g),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,y.jsx)("img",{ref:e=>{e&&(e.style.setProperty("object-fit",(0,p.yOX)(g),"important"),e.style.setProperty("max-width",P,"important"))},src:(0,x.s)(w.products[f].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==c?"5px":"0px"},alt:"product image"})}),(0,y.jsxs)("div",{style:{width:d-5-j+"px",height:"100%",borderRadius:"round"==c?"5px":"0px",overflow:"visible"},children:[(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",I,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,h.s)(w.products[f].title)})}),(null===(t=w.products[f])||void 0===t||null===(o=t.product_metadata)||void 0===o?void 0:o.product_type)&&(0,y.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:d-5-j+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==c?"3px":"0"},children:(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#000","important"),e.style.setProperty("maxWidth",d-5-j+"px","important"),e.style.setProperty("font-size",.7*C+"px","important"),e.style.setProperty("font-family",u,"important"),e.style.setProperty("font-weight","bold","important"),e.style.setProperty("text-overflow","ellipsis","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"))},children:null===(r=w.products[f])||void 0===r||null===(l=r.product_metadata)||void 0===l?void 0:l.product_type})})]})]},f)})},f=o(3933),v=o(8984);function g(e){var t,[o,l]=(0,n.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[c,h,m]=(0,f.YD)({triggerOnce:!0});var x=(0,i.useContext)(a.V);const g=e.event,w=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l,P=(0,v.gE)()?e.isOnFocus:h;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:" "})}),x.showPlayButton&&!w?(0,y.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==g.event_type&&(0,y.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)("div",{ref:c,children:P&&(0,p.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(u,{event:g})}):(0,y.jsx)("div",{height:"20px"})})]})})}function w(e){var[t,o]=(0,n.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,y.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,y.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,y.jsx)("p",{style:{color:"white",fontSize:.08*o+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,y.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*o+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,y.jsx)(y.Fragment,{})}function j(e){const[t,o,i,r,l]=(0,n.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),h=(0,s.MO)("whatmoreShopId"),m=e.event,x=e.isOnFocus;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,y.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(c.Z,{event:m,fontSize:.07*o+"px"})})}):(0,y.jsx)(y.Fragment,{})})}),d.$w===l[d.YP]?(0,y.jsx)(y.Fragment,{}):x?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,y.jsx)(w,{event:m})}):(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(w,{event:m})})]})})}var P=function(e){var t,o,r;const[c,h,x,u,f]=(0,n.Z)();var v=(0,i.useContext)(a.V);const{whatmoreUITheme:w}=(0,i.useContext)(m.I),P=(0,s.MO)("whatmoreShopId"),b=e.event,C=e.onClick,I=null===(t=e.isOnFocus)||void 0===t||t,S=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,O=null!==(r=e.animateOnFocus&&(0,p.iWI)(P))&&void 0!==r&&r,F=(0,p.nzC)(P);return(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",v.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",v.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w?F:null,borderWidth:(0,p.alU)(P),borderColor:(0,p.qPe)(P),overflow:"hidden",cursor:"pointer"},className:O?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(b)},children:[(0,y.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:I||S,event:b}),(0,y.jsxs)("div",{style:{width:h,height:c},children:[(0,y.jsx)(j,{event:b,isOnFocus:I}),"87043703105"===P||"76467011883"===P||!I&&d.$w!==f[d.YP]?null:(0,y.jsx)(g,{event:b,unfocusedDisplay:!I,isOnFocus:I})]})]})}},9723:function(e,t,o){var i=o(5318);t.Z=void 0;var n=i(o(5045)),r=o(6417),s=(0,n.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);