whatmore-react-assets 1.0.902 → 1.0.904
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 +1 -1
- package/static/js/143.5d394ca9.chunk.js +1 -0
- package/static/js/184.2d515bdb.chunk.js +1 -0
- package/static/js/{196.38452d38.chunk.js → 196.6b1b7e32.chunk.js} +1 -1
- package/static/js/197.e603c0df.chunk.js +1 -0
- package/static/js/209.5407d039.chunk.js +1 -0
- package/static/js/248.7ac76f91.chunk.js +1 -0
- package/static/js/299.52a1cd50.chunk.js +2 -0
- package/static/js/364.7092cf2a.chunk.js +15 -0
- package/static/js/380.057a2a1e.chunk.js +1 -0
- package/static/js/411.0615a4a8.chunk.js +2 -0
- package/static/js/47.5bfebe4b.chunk.js +1 -0
- package/static/js/530.e678aff1.chunk.js +31 -0
- package/static/js/580.3301e8db.chunk.js +1 -0
- package/static/js/582.59a49eb9.chunk.js +1 -0
- package/static/js/690.e492b7ae.chunk.js +1 -0
- package/static/js/691.a3cc8e1e.chunk.js +1 -0
- package/static/js/{725.72fcd52d.chunk.js → 766.63a90300.chunk.js} +1 -1
- package/static/js/853.151247ed.chunk.js +1 -0
- package/static/js/891.197f5e95.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/js/249.b72f9bb4.chunk.js +0 -1
- package/static/js/299.9a34d44b.chunk.js +0 -16
- package/static/js/436.6f6a202b.chunk.js +0 -1
- package/static/js/530.64ed65ba.chunk.js +0 -45
- package/static/js/580.63099605.chunk.js +0 -1
- package/static/js/582.592c1136.chunk.js +0 -1
- package/static/js/622.46b174e2.chunk.js +0 -1
- package/static/js/678.f862a279.chunk.js +0 -2
- package/static/js/692.75c9eab5.chunk.js +0 -1
- package/static/js/708.78e368f5.chunk.js +0 -1
- package/static/js/74.e9ccf2cd.chunk.js +0 -1
- package/static/js/790.e4c665b5.chunk.js +0 -1
- package/static/js/84.7a553f57.chunk.js +0 -1
- package/static/js/891.99cae7ad.chunk.js +0 -1
- package/static/js/920.60a7ece6.chunk.js +0 -1
- package/static/js/950.57407079.chunk.js +0 -1
- package/static/js/965.745013a2.chunk.js +0 -1
- /package/static/css/{692.8cd8f5d6.chunk.css → 143.8cd8f5d6.chunk.css} +0 -0
- /package/static/css/{74.8cd8f5d6.chunk.css → 184.8cd8f5d6.chunk.css} +0 -0
- /package/static/css/{436.236edb5d.chunk.css → 197.236edb5d.chunk.css} +0 -0
- /package/static/css/{622.17af46b2.chunk.css → 209.17af46b2.chunk.css} +0 -0
- /package/static/css/{708.17af46b2.chunk.css → 248.17af46b2.chunk.css} +0 -0
- /package/static/css/{678.fc4d01ba.chunk.css → 411.fc4d01ba.chunk.css} +0 -0
- /package/static/css/{84.17af46b2.chunk.css → 47.17af46b2.chunk.css} +0 -0
- /package/static/css/{965.17af46b2.chunk.css → 690.17af46b2.chunk.css} +0 -0
- /package/static/css/{790.b7bb52c1.chunk.css → 691.b7bb52c1.chunk.css} +0 -0
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[143],{8181:function(t,e,n){var i=n(7313),o=n(8866),r=n(6417);const a=i.memo((()=>{const[t]=(0,o.Z)();return(0,r.jsxs)("div",{className:`shimmer-container ${t}`,children:["portrait"===t?(0,r.jsx)("div",{className:"shimmer-item portrait-full",children:(0,r.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((t,e)=>(0,r.jsx)("div",{className:"shimmer-item landscape-item "+(1===e?"center-item":""),children:(0,r.jsx)("div",{className:"shimmer-effect"})},e))),(0,r.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.3);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));e.Z=a},4284:function(t,e,n){n.r(e);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),s=n(5160),c=n(6967),d=n(5380),l=n(58),u=n(8984),p=n(4669),h=n(513),v=n(9302),m=n(2575),f=n(7300),g=n(6524),w=n(8811),_=n(4522),E=n(778),I=n(7643),y=n(7008),x=n(7381),L=n(8181),S=n(6417);const D=(0,m.Z)({key:"whatmore-css-ppv"}),T=i.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 b(t){return t.split(/[?#]/)[0]}e.default=function(t){const[e,n]=(0,i.useState)(),[m,j]=(0,i.useState)(),[C]=(0,a.j1)("isInDesignMode"),[K]=(0,a.j1)("isDemoBrand"),[k]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[O,P]=(0,i.useState)(-2),[V]=(0,a.j1)("whatmoreVariantId"),[M]=(0,a.j1)("whatmoreShopId");var[A]=(0,a.j1)("whatmoreProductId");const N=(0,a.MO)("isLandingSharedLink"),[W,U]=(0,i.useState)(N),B=(0,a.MO)("whatmoreShareTemplateId"),z=(0,a.MO)("whatmoreShareEventId");A=(0,o.iXA)(M)?b(window.location.href):A;const[H,Z]=(0,i.useState)((()=>"true"===k?V:A));var F=r.Gc+"/v2/brand/"+M+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(w.I);(0,i.useEffect)((()=>{(0,x.Oo)("Video shopping powered by Whatmore!"),(0,c.hb)();const t=()=>{const t="_whatmore_bulk_events",e=JSON.parse(localStorage.getItem(t))||[];e&&e.length>0&&((0,y.K)(e),localStorage.removeItem(t))};return window.addEventListener("beforeunload",t),()=>{window.removeEventListener("beforeunload",t)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(M)}),[]),(0,i.useEffect)((()=>{null==e||0==e.length||m||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,l.b5)(l.UD)}),[e]),(0,i.useEffect)((()=>{P(-1),fetch(F.toString()+"?client_product_id="+H.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((t=>t.json())).then((t=>t.events)).then((t=>(null!=t&&0!=t.length&&(0,o.Htz)(M)&&(0,o.d0x)(t),n(t),t))).then((t=>((0,o.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==b(window.location.href))return;const i={product_id:n.product_id,product_link:b(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(t,H),t))).catch((t=>{j(t.message)}))}),[H]),(0,i.useEffect)((()=>{var t,n;P(-2),(e&&e.length>0||(0,o.uO6)(M))&&(0,_.PB)({userInteractionType:E.K.PDP_VISITED,widgetSourceDetails:G,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,i.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"===k){const t=function(t){for(var e=window.location.search.substring(1).split("&"),n=0;n<e.length;n++){var i=e[n].split("=");if(i[0]==t)return i[1]}return!1}("variant");t&&""!==t&&Z(t)}}))}),[]),(0,i.useEffect)((()=>{if(null!=e&&0!==e.length&&!m&&N&&"template-embed"===(0,g.zv)(B)&&null!=z){const t=e.find((t=>z==t.event_id));t&&(q(t,!0,e.indexOf(t)),U(!1))}U(!1)}),[e]);const R=G.landingLocationType,J=G.templateType,q=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,u.KE)()&&!e&&(0,l.QV)(),(0,f.B6)(t)||(0,f.WJ)(t))return C||K||(async()=>{const e=(0,g.NY)(R)+(0,g.dS)(J)+"_"+(null===t||void 0===t?void 0:t.event_id);(0,s.wh)(t),(0,p.Tc)(M,r.h7,r.dU),(0,c.H4)(t.event_id,t.products,"product_page","video_popup",e)})(),void P(n)};function Y(){return(0,S.jsx)(S.Fragment,{})}return null==e||0==e.length||m?(0,S.jsx)("div",{}):(0,S.jsx)(v.C,{value:D,children:W?(0,S.jsx)(L.Z,{}):"no-product"===H||-1===O||0===e.length?(0,S.jsx)(Y,{}):-2===O&&e.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(I.u,{userInteractionType:E.K.PDP_POPUP_WIDGET_VIEW,event:e[0],productList:e[0].products,cta:e[0].cta,triggerFlag:!C&&!K,children:(0,S.jsx)(d.Z,{event:e[0],inVideoClick:q,closeClick:t=>{t.stopPropagation(),P(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(I.u,{userInteractionType:E.K.EVENT_VIEW,event:e[0],productList:e[0].products,cta:e[0].cta,triggerFlag:!C&&!K,children:(0,S.jsx)(T,{events:e,index:O,onBack:function(t){(0,o.n2L)(M)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(M,(()=>{}),100,window.location.hostname,t),P(-2),U(!1)},template:"template-product-page"})})})})})}},4522:function(t,e,n){n.d(e,{gW:function(){return s},GF:function(){return c},y4:function(){return l},PB:function(){return u},Z2:function(){return d}});var i=n(9854),o=n(7753),r=n(778);var a=n(733);const s={[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 c(t){var e;let{userInteractionType:n,userInteractionMetadata:c,widgetSourceDetails:d,event:l,productList:u,ctaList:p}=t;(0,a.s)({userInteractionType:n,userInteractionMetadata:c,widgetSourceDetails:d,event:l,productList:u,ctaList:p}),n in s&&function(t,e){const n=(0,o.MO)("whatmoreShopId");(t!=r.K.EVENT_VIEW||(0,i.UAB)(n))&&(t!=r.K.SHOPNOW_ATC_CLICKED&&t!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(n))&&(t!=r.K.VIDEO_LIKED||(0,i.sKB)(n))&&(t!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(n))&&"function"==typeof fbq&&(async()=>{console.log("hello"),fbq("trackCustom",s[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===u||void 0===u?void 0:u[1])&&void 0!==e?e:null===u||void 0===u?void 0:u[0])}function d(t){let{userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=t;(0,a.s)({userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function l(t){let{userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=t;(0,a.s)({userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function u(t){let{userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=t;(0,a.s)({userInteractionType:e,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}}}]);
|
|
@@ -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(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
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,691,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 R}});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 y=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()}})})},w=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)(y,{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:y,entry:j}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(d.I),M=(0,m.MO)("whatmoreShopId"),Z=e.events,R=e.activeEventIndex,E=e.setActiveEventIndex,N=Z[R],F=((0,u.nzC)(M),(0,v.uv)(N)),L=(0,v.WN)(N);if("portrait"===o&&!F)return(0,b.jsx)(b.Fragment,{});if("landscape"===o&&!L)return(0,b.jsx)(b.Fragment,{});const T=(0,f.V)("portrait"===o?F:L),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=N.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[R]}),(0,u.hr)(M)&&_&&!(0,u.j1_)(M)&&window.open(null===(e=N.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)(w.Z,{height:"100%",width:"100%",url:T,isPlaying:y,event:N,isVideoMuted:l,setDuration:e.setDuration,source:S.j.BANNER}),(0,b.jsx)(z,{isCTAPresent:_,events:Z,activeEventIndex:R,setActiveEventIndex:E,event:N,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:N,cta:null===N||void 0===N||null===(i=N.cta)||void 0===i?void 0:i[1],fontFactor:.6})})})]})};const Z=(0,s.Z)({key:"whatmore-css-bv"});var R=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))}},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(){}}]);
|
|
@@ -0,0 +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(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(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[209],{6071:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),s=(n(8984),n(8866)),d=n(7753),p=n(7129),c=n(8811),x=n(8631),h=n(6066),u=n(8782),m=n(9821),f=n(7381),v=n(9854),w=n(5380),g=n(3933),y=n(6417);const j=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,C]=(0,s.Z)(),[S,b]=(0,o.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[E,k,L,R,M]=(0,m.Z)(),P=(0,d.MO)("whatmoreCollectionsTileSize"),T=(0,d.MO)("whatmoreCollectionsTileSizePortrait"),Z="portrait"===n?T:P,B="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),A=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:D}=(0,o.useContext)(c.I),F=(0,d.MO)("whatmoreShopId"),{whatmoreRootId:V}=(0,o.useContext)(c.I),z=e.onClick,[O,I,H]=(0,g.YD)({triggerOnce:!1});function W(e){z(e)}delete r.ZP.styles.global;var q=[];for(let o=0,i=!1;o<t.length;)i&&o!=t.length-1&&S[o]>.2?(q.push((0,y.jsx)(h.Z,{event1:t[o],event2:t[o+1],onClick:()=>{W(t[o-1])},removeBorders:!0},"collections-tile-"+o)),o+=2,i=!i):(q.push((0,y.jsx)(x.Z,{mode:n,event:t[o],onClick:()=>{W(t[o-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+o)),o+=1,i=!i);return(0,o.useEffect)((()=>{(0,f.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{c.$.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-d"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-d"]')))return;e&&(e.style.minHeight="0px")}))}),[]),(0,y.jsx)(l.C,{value:j,children:(0,y.jsx)("div",{className:D?"whatmore-collection-events":"whatmore-carousel-events",children:(0,y.jsx)(i.x,{theme:r.ZP,cssVarsRoot:V,resetCSS:!1,children:(0,y.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,y.jsx)("div",{ref:O,style:{marginLeft:B+"px",marginRight:B+"px"},children:(0,y.jsx)(u.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:q,spacing:A,defaultHeight:E*Z*.01+"px",defaultWidth:k*Z*.01+"px",retainAlreadyRenderedElements:!0})}),(0,v.dhc)(F)&&D&&!I&&-1==e.index&&(0,y.jsx)(w.Z,{event:t[0],inVideoClick:W,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,p,c,x,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:f,[g,y]=(0,o.useState)(!1),j=(0,i.f63)(m);(0,o.useContext)(a.V);const C=e.event,S=e.onClick,b=e.removeBorders,E=n*w*.01,k=p*w*.01,L=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,i.XnJ)(m)?"auto":k+"px",marginLeft:b?"2px":"5px",marginRight:b?"2px":(0,i.VwM)(m)+"px",marginTop:b?"2px":"5px",marginBottom:b?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(C)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:L,overflow:"hidden",boxShadow:b?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:E+"px",width:"40273707171"==m?"auto":k+"px",borderRadius:L,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,p,c,x,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:f,[g,y]=(0,o.useState)(!1),j=(0,i.f63)(m);(0,o.useContext)(a.V);const C=e.event1,S=e.event2,b=e.onClick,E=.01*w,k=n*E,L=n*E*.5,R=p*E,M=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",P="15%",T=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:k+"px",width:R+"px",marginLeft:T?"2px":"5px",marginRight:T?"2px":"5px",marginTop:T?"2px":"5px",marginBottom:T?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:T?"0px":M,boxShadow:T?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),b(C)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderTopLeftRadius:T?"0px":P,borderTopRightRadius:T?"0px":P,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderBottomLeftRadius:T?"0px":P,borderBottomRightRadius:T?"0px":P,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(l.Z,{height:"100%",width:"100%",url:S.thumbnail_image,isPlaying:!0,event:S})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t,n;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(n=e.dataList)||void 0===n?void 0:n.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[248],{1291:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),l=n(8811),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),c=n(8866),d=n(7753),h=n(7129),u=n(8631),p=n(9821),m=n(8782),x=n(7381),f=n(9854),v=n(5380),w=n(3933),g=n(6417);const y=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[n,s,j]=(0,c.Z)(),[C,E,S,L,M]=(0,p.Z)(),k=(0,d.MO)("whatmoreCollectionsTileSize"),P=(0,d.MO)("whatmoreCollectionsTileSizePortrait"),R="portrait"===n?P:k,b="portrait"==n?0:(0,d.MO)("whatmoreLandscapePadding"),O=(0,d.MO)("whatmoreCollectionsTilesSpacing"),T=(0,d.MO)("whatmoreShopId"),[Z]=(0,d.MO)("whatmorePrimaryColor"),{whatmoreRootId:z}=(0,o.useContext)(l.I),{whatmoreIsCollectionsTemplate:F}=(0,o.useContext)(l.I),V=e.events,A=e.onClick,B=(0,d.MO)("whatmoreTitleFont"),D="portrait"==n?(0,d.MO)("whatmoreTitleFontSizePortrait"):(0,d.MO)("whatmoreTitleFontSize"),H=null!==(t=(0,f.aRS)(T))&&void 0!==t?t:B;function I(e){A(e)}delete r.ZP.styles.global;var W=[];for(let o=0;o<V.length;)W.push((0,g.jsx)(u.Z,{mode:n,event:V[o],onClick:()=>{I(V[o-1])},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,x.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const n=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-e"]');if(!n)return;n&&e&&(e.style.minHeight="0px")}))}),[]);const[X,q,N]=(0,w.YD)({triggerOnce:!1});return(0,g.jsx)(a.C,{value:y,children:(0,g.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,g.jsx)(i.x,{theme:r.ZP,cssVarsRoot:z,resetCSS:!1,children:(0,g.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!F&&(0,f.wXY)(T)?(0,g.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",H,"important"),e.style.setProperty("font-size",D+"px","important"))},style:{color:Z,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(T),lineHeight:(0,f.vY4)(T),letterSpacing:(0,f.X2K)(T)},children:e.heading})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{ref:X,style:{marginLeft:b+"px",marginRight:b+"px"},children:(0,g.jsx)(m.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:W,spacing:O,defaultHeight:C*R*.01+"px",defaultWidth:E*R*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(T)&&F&&!q&&-1==e.index&&(0,g.jsx)(v.Z,{event:V[0],inVideoClick:I,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),s=n(9821),c=n(6417);t.Z=function(e){var t;const[n,d,h,u,p]=(0,s.Z)(),[m]=(0,r.j1)("whatmoreSecondaryColor"),[x]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:f,[g,y]=(0,o.useState)(!1),j=(0,i.f63)(x);(0,o.useContext)(a.V);const C=e.event,E=e.onClick,S=e.removeBorders,L=n*w*.01,M=d*w*.01,k=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,c.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,i.XnJ)(x)?"auto":M+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":(0,i.VwM)(x)+"px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),E(C)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:(0,c.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:k,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==x?"auto":M+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,c.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t,n;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(n=e.dataList)||void 0===n?void 0:n.map(((t,n)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see 299.52a1cd50.chunk.js.LICENSE.txt */
|
|
2
|
+
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[299],{4362:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return B}});var r=n(7313),o=n(8675),i=n(6090),s=n(7616),a=(n(6143),n(7244),n(123),n(9302)),l=n(2575),c=n(3271),d=n(8866),p=n(7753),h=n(7129),u=n(9854),m=n(8811),f=n(9821),x=n(3933),y=n(6417);function v(e){var t;const{ref:n,inView:r,entry:o}=(0,x.YD)({triggerOnce:!1}),i=null!==(t=e.defaultHeight)&&void 0!==t?t:"fit-content";return(0,y.jsx)(c.Kq,{ref:n,direction:"row",minHeight:i,height:i,width:"100%",justifyContent:"center",alignItems:"center",children:r?e.data.map(((t,n)=>(0,y.jsx)("div",{children:e.renderElement({eventData:t})},"key"+n))):(0,y.jsx)("div",{style:{minHeight:{rowHeight:i},minWidth:"100%"}})})}function g(e){var t;const[n,r,o]=(0,f.Z)(),i=null!==(t=e.elementsPerRow)&&void 0!==t?t:Math.floor(Math.min(o,e.dataList.length)),s=function(e,t){var n=[];const r=t;for(let o=0;o<e.length;o+=r){const t=e.slice(o,o+r);n.push(t)}return n}(e.dataList,i);return(0,y.jsx)(c.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:s.map(((t,o)=>(0,y.jsx)(v,{renderElement:e.renderElement,data:t,defaultHeight:n,defaultWidth:r},"key-"+o)))})}var w=n(7300),C=(n(4920),n(3439),n(4892)),D=n(1092),P=n(5945),j=n(9219);var S=function(e){var[t,n]=(0,f.Z)();const[o,i]=(0,r.useState)(0),[s,a]=(0,r.useState)(e.event),[l]=(0,p.j1)("whatmoreShopId"),{whatmoreUITheme:c}=(0,r.useContext)(m.I),[d]=(0,p.j1)("whatmorePrimaryFont"),h=s.products.length;if(0==h)return(0,y.jsx)(y.Fragment,{});(0,r.useEffect)((()=>{const e=setInterval((()=>{i((e=>(e+1)%h))}),3e3);return()=>{clearInterval(e)}}),[]),(0,r.useEffect)((()=>{(0,u.N8M)(l)&&(0,j.p_)(s,(0,u.Ipo)(l),l).then((e=>{a(e)}))}),[]);const x=.08*n+"px",v=.075*n+"px",g=(+s.products[o].price).toFixed(),w=(+s.products[o].compare_price).toFixed();return(0,y.jsxs)("div",{style:{background:(0,u.Ys7)(l),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"round"==c?"0 0 12px 12px":"0"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",x,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,P.s)(s.products[o].title)}),(0,y.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,j.jx)(parseFloat(g)," ",l,s.products[o].currency)}),!isNaN(w)&&w>g&&(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,j.jx)(parseFloat(w)," ",l,s.products[o].currency)})]})]})},R=n(8984);function M(e){const[t,n]=(0,f.Z)(),[r]=(0,p.j1)("whatmoreShowViews"),o=e.event;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.jsx)("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"===r?(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)(D.Z,{event:o,fontSize:.07*n+"px"})})}):(0,y.jsx)(y.Fragment,{})})})})})}var F=function(e){var t,n,o;const[i,s]=(0,f.Z)();var a=(0,r.useContext)(h.V);const{whatmoreUITheme:l}=(0,r.useContext)(m.I),c=(0,p.MO)("whatmoreSecondaryColor"),d=(0,p.MO)("whatmoreShopId"),v=e.event,g=e.onClick,w=null===(t=e.isOnFocus)||void 0===t||t,D=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,P=null!==(o=e.animateOnFocus&&(0,u.iWI)(d))&&void 0!==o&&o,[j,F,b]=(0,x.YD)({triggerOnce:!0});return(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",a.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",a.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,height:i,borderRadius:"round"==l?"12px":"0px",borderWidth:(0,u.en2)(d),borderColor:"white"==(0,u.qPe)(d)?c:(0,u.qPe)(d),overflow:"hidden",cursor:"pointer"},className:P?w?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{g(v)},children:[(0,y.jsx)(C.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:w||D||(0,R.gE)(),event:v}),(0,y.jsxs)("div",{style:{width:s,height:i},ref:j,children:[(0,y.jsx)(M,{event:v,isOnFocus:w}),(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:" "})}),(0,y.jsx)("div",{style:{width:"100%"},children:F&&(0,u.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(S,{event:v})}):(0,y.jsx)("div",{height:"20px"})})]})})]})]})};const b=(0,l.Z)({key:"whatmore-css-hv"});var B=function(e){var t;const[n,l,x]=(0,d.Z)(),[v,C,D]=(0,f.Z)(),[P]=(0,p.j1)("whatmoreShopId"),[j]=(0,p.j1)("whatmorePrimaryColor"),[S]=(0,p.j1)("whatmoreTitleFont"),R="portrait"==n?(0,p.MO)("whatmoreTitleFontSizePortrait"):(0,p.MO)("whatmoreTitleFontSize"),{whatmoreRootId:M}=(0,r.useContext)(m.I),B=e.events,T=e.onClick,O=null!==(t=(0,u.aRS)(P))&&void 0!==t?t:S;function U(e){T(e)}const I=parseInt(Math.floor(D));return delete s.ZP.styles.global,(0,y.jsx)(a.C,{value:b,children:(0,y.jsx)("div",{className:"whatmore-carousel-events-feed",children:(0,y.jsx)(i.x,{theme:s.ZP,cssVarsRoot:M,resetCSS:!1,children:(0,y.jsxs)(h.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[e.heading.trim().length>0?(0,y.jsx)(c.M5,{paddingBottom:"28px",children:(0,y.jsx)(c.xv,{bgColor:j,bgClip:"text",fontSize:R,sx:{fontFamily:O+" !important"},align:"center",children:e.heading})}):(0,y.jsx)(y.Fragment,{}),"landscape"===n?(0,y.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,y.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(t)||(0,w.WJ)(t)?(0,y.jsx)(F,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}}):(0,y.jsx)(o.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}})})},dataList:B,elementsPerRow:I}):(0,y.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,y.jsx)("div",{style:{margin:"10px"},children:(0,y.jsx)(F,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}})})},dataList:B,elementsPerRow:I})]})})})})}},6040:function(e,t,n){const r=n(500);e.exports=function(e){if("string"!==typeof e)return;const t=e.toUpperCase();return Object.prototype.hasOwnProperty.call(r,t)?r[t]:void 0},e.exports.currencySymbolMap=r},500:function(e){e.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},8507:function(e,t){"use strict";function n(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}var r=function e(t,r){function o(e,o,i){if("undefined"!==typeof document){"number"===typeof(i=n({},r,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var a in i)i[a]&&(s+="; "+a,!0!==i[a]&&(s+="="+i[a].split(";")[0]));return document.cookie=e+"="+t.write(o,e)+s}}return Object.create({set:o,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var n=document.cookie?document.cookie.split("; "):[],r={},o=0;o<n.length;o++){var i=n[o].split("="),s=i.slice(1).join("=");try{var a=decodeURIComponent(i[0]);if(r[a]=t.read(s,a),e===a)break}catch(l){}}return e?r[e]:r}},remove:function(e,t){o(e,"",n({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,n({},this.attributes,t))},withConverter:function(t){return e(n({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});t.Z=r}}]);
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[364],{8675:function(t,e,n){n.d(e,{Z:function(){return g}});var i=n(3271),o=n(5098),r=n(7313),l=n(9821),a=n(2634),s=n(5180),d=n(686);const p=d.F4`
|
|
2
|
+
0% {
|
|
3
|
+
transform: scale(1);
|
|
4
|
+
}
|
|
5
|
+
100% {
|
|
6
|
+
transform: scale(1.05);
|
|
7
|
+
}
|
|
8
|
+
`,c=d.F4`
|
|
9
|
+
0% {
|
|
10
|
+
transform: scale(1.05);
|
|
11
|
+
}
|
|
12
|
+
100% {
|
|
13
|
+
transform: scale(1);
|
|
14
|
+
}
|
|
15
|
+
`,h=`\n ${p}; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n`,x=`\n ${c}; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n`;var m=n(7753),f=n(7129),u=n(6417);var g=function(t){var e,n,[d,p]=(0,l.Z)();const[c]=(0,m.j1)("whatmorePrimaryFont");var g=(0,r.useContext)(f.V);const w=t.event,y=t.onClick,v=null===(e=t.isOnFocus)||void 0===e||e,j=(t.playOnUnfocus,null!==(n=t.animateOnFocus)&&void 0!==n&&n);return(0,u.jsxs)(i.xu,{animation:j?v?h:x:"none",marginTop:g.tileTopMargin,marginBottom:g.tileBottomMMargin,marginLeft:g.tileLeftMargin,marginRight:g.tileRightMargin,width:p,height:d,borderRadius:"lg",sx:{boxShadow:"0px 0px 10px 3px #B0B0B0"},overflow:"hidden",onClick:()=>{y(w)},cursor:"pointer",children:[(0,u.jsx)(o.Ee,{width:"full",height:"full",src:w.thumbnail_image,objectFit:"cover",fallback:(0,u.jsx)(s.Z,{width:p,height:d}),borderRadius:"lg"}),(0,u.jsx)(i.xu,{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden"},width:"full",height:"full",borderRadius:"lg",overflow:"hidden",className:"whatmore-ios-css-relative-fix",children:(0,u.jsxs)(i.Kq,{direction:"column",height:"full",width:"full",justifyContent:"space-between",children:[(0,u.jsx)(i.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-t, transparent, blackAlpha.200, blackAlpha.400, blackAlpha.600)",children:(0,u.jsx)(i.Kq,{direction:"column",justifyContent:"flex-start",children:(0,u.jsx)(i.xu,{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px",children:(0,u.jsx)(i.Kq,{direction:"row",justifyContent:"space-between",children:(0,u.jsx)(a.Z,{event:w,fontSize:.05*d+"px",maxWidth:.8*p})})})})}),(0,u.jsx)(i.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-b, transparent, blackAlpha.300, blackAlpha.400, blackAlpha.500, blackAlpha.600)",children:(0,u.jsx)(i.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",alignContent:"center",children:(0,u.jsx)(i.xu,{width:"full",borderRadius:"lg",children:(0,u.jsxs)(i.Kq,{direction:"column",justifyContent:"space-between",alignContent:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px",children:[(0,u.jsx)(i.xv,{color:"white",fontSize:.08*p+"px",fontWeight:"normal",align:"left",children:" "}),(0,u.jsx)(i.xv,{fontSize:.08*p+"px",fontWeight:"normal",align:"left",sx:{fontFamily:c+" !important",color:"white !important"},children:w.title.substring(0,40)}),(0,u.jsx)(i.xv,{fontSize:.08*p+"px",fontWeight:"bold",align:"left",sx:{fontFamily:c+" !important",color:"white !important"},children:w.presenter_name.substring(0,15)})]})})})})]})})]})}},2634:function(t,e,n){var i=n(3271),o=n(4897),r=n(499),l=n(6417);e.Z=function(t){var e,n=t.event,a=t.fontSize,s=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:d,bannerText:p,timeToStartInMins:c}=o.Z.getEventStatus(n);return d.name===r.Z.LIVE.name?(0,l.jsx)(i.xu,{maxWidth:s,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:d.color,children:(0,l.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,l.jsx)(i.xv,{fontSize:a,fontWeight:"bold",color:"white",children:p})})}):(0,l.jsx)(i.xu,{maxWidth:s,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:d.color,children:(0,l.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,l.jsx)(i.xv,{fontSize:a,fontWeight:"medium",children:p})})})}},4920:function(t,e,n){n.d(e,{Z:function(){return b}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),l=n(7753),a=n(4892),s=n(7129),d=n(6805),p=n(9854),c=n(1092),h=n(5945),x=n(8811),m=n(9363),f=n(6417);var u=function(t){var e,n,r,a,[s,d]=(0,o.Z)();const{whatmoreUITheme:c}=(0,i.useContext)(x.I),[u]=(0,l.j1)("whatmorePrimaryFont"),[g,w]=(0,i.useState)(0),y=(0,l.MO)("whatmoreShopId"),v=t.event;if(0==v.products.length)return(0,f.jsx)(f.Fragment,{});const j=.3*d,b=j+"px",C=j+"px",P=.07*d,k=P+"px";return(0,f.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,f.jsxs)("div",{ref:t=>{t&&t.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,f.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",C,"important")},style:{width:(0,p.uNj)(y)?b:"auto",boxShadow:"round"==c?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==c?"5px":"0px",borderWidth:(0,p.alU)(y),borderColor:(0,p.qPe)(y),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,f.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,p.yOX)(y),"important"),t.style.setProperty("max-width",b,"important"))},src:(0,m.s)(v.products[g].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==c?"5px":"0px"},alt:"product image"})}),(0,f.jsxs)("div",{style:{width:d-5-j+"px",height:"100%",borderRadius:"round"==c?"5px":"0px",overflow:"visible"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,f.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",k,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,h.s)(v.products[g].title)})}),(null===(e=v.products[g])||void 0===e||null===(n=e.product_metadata)||void 0===n?void 0:n.product_type)&&(0,f.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,f.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",d-5-j+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(r=v.products[g])||void 0===r||null===(a=r.product_metadata)||void 0===a?void 0:a.product_type})})]})]},g)})},g=n(3933),w=n(8984);function y(t){var e,[n,a]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[c,h,x]=(0,g.YD)({triggerOnce:!0});var m=(0,i.useContext)(s.V);const y=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*a,b=(0,w.gE)()?t.isOnFocus:h;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:" "})}),m.showPlayButton&&!v?(0,f.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==y.event_type&&(0,f.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,f.jsx)(f.Fragment,{}),(0,f.jsx)("div",{ref:c,children:b&&(0,p.PWD)(d)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(u,{event:y})}):(0,f.jsx)("div",{height:"20px"})})]})})}function v(t){var[e,n]=(0,o.Z)();const[i]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,f.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,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,f.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,f.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,f.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,f.jsx)(f.Fragment,{})}function j(t){const[e,n,i,r,a]=(0,o.Z)(),[s]=(0,l.j1)("whatmoreShowViews"),h=(0,l.MO)("whatmoreShopId"),x=t.event,m=t.isOnFocus;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,f.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===s&&"show"===(0,p.qcC)(h)?(0,f.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)(c.Z,{event:x,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})}),d.$w===a[d.YP]?(0,f.jsx)(f.Fragment,{}):m?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,f.jsx)(v,{event:x})}):(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(v,{event:x})})]})})}var b=function(t){var e,n,r;const[c,h,m,u,g]=(0,o.Z)();var w=(0,i.useContext)(s.V);const{whatmoreUITheme:v}=(0,i.useContext)(x.I),b=(0,l.MO)("whatmoreShopId"),C=t.event,P=t.onClick,k=null===(e=t.isOnFocus)||void 0===e||e,F=null!==(n=t.playOnUnfocus)&&void 0!==n&&n,I=null!==(r=t.animateOnFocus&&(0,p.iWI)(b))&&void 0!==r&&r,R=(0,p.nzC)(b);return(0,f.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",w.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",w.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==v?"5px":"0px",boxShadow:"round"==v?R:null,borderWidth:(0,p.alU)(b),borderColor:(0,p.qPe)(b),overflow:"hidden",cursor:"pointer"},className:I?k?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(C)},children:[(0,f.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:k||F,event:C}),(0,f.jsxs)("div",{style:{width:h,height:c},children:[(0,f.jsx)(j,{event:C,isOnFocus:k}),"87043703105"===b||"76467011883"===b||!k&&d.$w!==g[d.YP]?null:(0,f.jsx)(y,{event:C,unfocusedDisplay:!k,isOnFocus:k})]})]})}},9723:function(t,e,n){var i=n(5318);e.Z=void 0;var o=i(n(5045)),r=n(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=l},3439:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[380],{1332:function(e,t,n){var i=n(7313),r=(n(8743),n(7753)),o=n(5254),a=n(6417);t.Z=function(e){return(0,i.useEffect)((()=>{const e=(0,o.oo)((0,r.MO)("whatmoreSecondaryColor"));!function(e,t,n,i){const r=`rgba(${e},${t},${n},${i})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${r}, 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 ${r}, 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 ${r}, 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 ${r}, 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 ${r}, -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 ${r}, -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 ${r}, -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 ${r};\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"})})}},3175:function(e,t,n){var i=n(1332),r=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)(r.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)(i.Z,{})})})]})}},5180:function(e,t,n){var i=n(6417);t.Z=function(e){var t,n,r;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%",s=null!==(r=e.borderRadius)&&void 0!==r?r:"10px";return(0,i.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,i.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,n){var i=n(7313),r=n(3175),o=n(6417);t.Z=function(e){var t,n,a;const[s,d]=(0,i.useState)(!1),m=i.useRef(0),l=(0,i.useRef)(null),h=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(n=e.height)&&void 0!==n?n:"100%",u=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,i.useEffect)((()=>{m.current=0;const e=setInterval((()=>{m.current=m.current+.03,l.current&&h(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:c,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:l,src:e.url,style:{objectFit:"cover",height:c,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(r.Z,{width:u,height:c})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return u}});var i=n(7313),r=n(3933),o=n(868),a=n(8984),s=n(7300),d=n(2887),m=n(4862),l=n(7753),h=n(6417);var c=function(e){var t,n;const o=(0,i.useRef)(null),[s,d,c]=(0,r.YD)({triggerOnce:!0}),u=(0,l.MO)("whatmoreShopId"),p=null!==(t=e.height)&&void 0!==t?t:"100%",$=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,i.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():((m.G6||(0,a.gE)())&&o.current.play(),o.current.pause()))}),[e.isPlaying,d]),(0,h.jsx)("div",{ref:s,style:{width:p,height:$,overflow:"hidden"},children:d?(0,h.jsx)("video",{ref:o,className:"whatmore-video-player",width:$,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,h.jsx)("div",{width:$,height:p,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var u=function(e){var t,n,m,l;const[u,p,$]=(0,r.YD)({triggerOnce:!0});if((0,s.WJ)(e.event))return(0,h.jsx)(d.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const g=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var f;if((0,a.KE)())return(0,h.jsx)(c,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(f=e.event)||void 0===f?void 0:f.poster_image,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:g});const x=(0,i.useRef)(null),b=null!==(n=e.height)&&void 0!==n?n:"100%",w=null!==(m=e.width)&&void 0!==m?m:"100%";return(0,i.useEffect)((()=>{x.current&&(e.isPlaying?x.current.play():x.current.pause())}),[e.isPlaying,p]),(0,h.jsx)("div",{ref:u,style:{width:b,height:w,overflow:"hidden"},children:p?(0,h.jsx)("video",{ref:x,className:"whatmore-video-player",width:w,height:b,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),poster:null===e||void 0===e||null===(l=e.event)||void 0===l?void 0:l.poster_image,style:{backgroundColor:"white"}}):(0,h.jsx)("div",{width:w,height:b,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},5380:function(e,t,n){n.d(t,{Z:function(){return x}});var i=n(4959),r=n(7313),o=n(4892),a=n(6805),s=n(7753),d=n(9821);var m=function(e){const[t,n,i,r,o]=(0,d.Z)(),[m]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=o[a.YP]===a.$w?l/100:m/100*1.2;return[t*h,n*h,o]},l=n(9723),h=n(9461),c=n.n(h),u=n(1195),p=n(7108),$=(n(7244),n(123),n(9854)),g=n(8811),f=n(6417);var x=function(e){var t;const n=r.useRef(null);var[d,h,x]=m();const{whatmoreUITheme:b}=(0,r.useContext)(g.I),[w]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[v]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[z]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),C=(0,s.MO)("whatmoreShopId");var I=v,k=y,S=j;x[a.YP]===a.$w&&(I=z,k=P,S=E);const[A,Z]=(0,r.useState)(["initial",window.pageYOffset]),[R,Y]=(0,r.useState)(!1),F=null!==(t=e.isSpotlight)&&void 0!==t&&t,N=x[a.YP]===a.$w?.7*(0,$.zGA)(C):(0,$.zGA)(C),L=F?N:1;d*=L,h*=L;const M=F?(0,$.G0o)(C):I,O=F?(0,$.X8j)(C):(0,$.lVn)(C),[V,D]=(0,r.useState)(!F&&(0,$.eXi)(C));function T(e,t){Z(e),e[1]<=100?Y(!1):t!=R&&(Y(t),D(!1))}(0,r.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(T([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},i=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)}),[A]),(0,i.O3)({ref:n,handler:()=>{T(["scrolled-up",A[1]],!0)}});const _=e.event,q=e.inVideoClick,B=e.closeClick,H=.3*h,W=.6*h,U=.1*h,K=.1*(.5*h),G="round"==b?"10px":"0px",X=(0,$.Z$A)(C);var Q=!1,J=0,ee=0;function te(e){Q=e}return(0,f.jsx)("div",{children:V&&!O?(0,f.jsx)(f.Fragment,{}):R&&O?(0,f.jsx)("div",{style:"left"===M?{left:"1px",bottom:F?(0,$.vnu)(C)+"px":S+"px",position:"fixed",zIndex:X}:{right:"5px",bottom:F?(0,$.vnu)(C)+"px":S+"px",position:"fixed",zIndex:X},children:(0,f.jsxs)("div",{onClick:()=>{T(["initial",A[1]],!1)},style:{margin:"1px",width:h+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:G,overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(o.Z,{url:_.thumbnail_image,isPlaying:!1,event:_})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(u.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:H+"px"},style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"},onClick:B})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(p.Z,{sx:{color:"white",fontSize:2*H+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,f.jsx)(c(),{nodeRef:n,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,i;n=t.x,i=t.y,J=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{Q&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):q(_)},children:(0,f.jsx)("div",{ref:n,style:"left"===M?{left:F?(0,$.$II)(C)+"px":k+"px",bottom:F?(0,$.vnu)(C)+"px":S+"px",position:"fixed",zIndex:X}:{right:F?(0,$.$II)(C)+"px":k+"px",bottom:F?(0,$.vnu)(C)+"px":S+"px",position:"fixed",zIndex:X},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:G,overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(o.Z,{url:_.thumbnail_image,isMuted:!0,isPlaying:!0,event:_})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(u.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:H+"px"},onClick:B,style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(l.Z,{sx:{color:(0,$.Ya_)(C),fontSize:W+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:w?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*H+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",w]})})]})})]})})})})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var i=n(9854),r=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,r.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,i.zpr)(t))return e;if("AZURECDN"==(0,i.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,i.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}},6805:function(e,t,n){n.d(t,{$I:function(){return s},$w:function(){return m},AK:function(){return o},AL:function(){return a},YP:function(){return r},me:function(){return i},rE:function(){return d}});const i="device_type",r="device_mode",o="mobile",a="tablet",s="desktop",d="portrait",m="landscape"},9821:function(e,t,n){var i=n(6367),r=n(7753),o=n(8866),a=n(6805);t.Z=function(e){const[t,n,s]=(0,o.Z)(),[d]=(0,r.j1)("whatmoreLandscapePadding"),[m]=(0,r.j1)("whatmoreVideoTileSize"),[l]=(0,r.j1)("whatmoreVideoTileSizePortrait"),h=(0,i.useMediaQuery)({query:"(min-width: 1025px)"}),c=(0,i.useMediaQuery)({query:"(min-width: 481px)"}),u="portrait"==t?l:m,p=!("portrait"!=t||!c),$=u/100*1.3*.5,g=u/100;var f=Math.min(s,n),[x,b,w,v]=[.6*f*(16/9),.6*f,1.4,0];function y(e){return Math.round(10*e)/10}var j={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(h){const e=b*$,t=x*$;[x,b,w,v]=[t,e,(s-2*d)/(1.1*e),d],j[a.me]=a.$I,j[a.YP]=a.$w}else if(p){var z=.8*b,P=.8*x;"portrait"==t?(z*=g,P*=g,[x,b,w,v]=[P,z,y(s/(1.2*z)),0],j[a.me]=a.AL,j[a.YP]=a.rE):([x,b,w,v]=[P,z,(s-2*d)/(1.1*z),d],j[a.me]=a.AL,j[a.YP]=a.$w)}else{z=b,P=x;"portrait"==t?(z=z*g*.9,P=P*g*.9,[x,b,w,v]=[P,z,y(s/(1.15*z)),0],j[a.me]=a.AK,j[a.YP]=a.rE):(z=.7*b,P=.7*x,[x,b,w,v]=[P,z,(s-2*d)/(1.1*z),d],j[a.me]=a.AK,j[a.YP]=a.$w)}return[x,b,w,v,j]}},8743:function(){},123:function(){},7244:function(){}}]);
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see 411.0615a4a8.chunk.js.LICENSE.txt */
|
|
2
|
+
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[411],{1332:function(e,t,r){"use strict";var n=r(7313),o=(r(8743),r(7753)),i=r(5254),s=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,i.oo)((0,o.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const o=`rgba(${e},${t},${r},${n})`,i=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${o}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.7), 1.8em -1.8em 0 0em ${o}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 2.5em 0em 0 0em ${o}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 1.75em 1.75em 0 0em ${o}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 0em 2.5em 0 0em ${o}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em 1.8em 0 0em ${o}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -2.6em 0em 0 0em ${o}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em -1.8em 0 0em ${o};\n }\n }\n `,s=document.createElement("style");s.type="text/css",s.innerHTML=i,document.head.appendChild(s)}(e[0],e[1],e[2],.2)}),[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("span",{className:"whatmore-loading-indicator"})})}},9085:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return T}});var n=r(7313),o=(r(3439),r(6090)),i=r(8811),s=r(7616),a=(r(6143),r(4444),r(7244),r(123),r(5892),r(9302)),l=r(2575),d=r(9821),m=r(8866),c=r(2279),u=r.n(c),h=r(7753),p=r(7129),f=r(1855),$=r(9854),g=r(4522),v=r(778),y=r(4892),x=r(5945),b=r(9219),w=r(6805),C=r(8984),P=r(7053),j=r(6417);var M=function(e){var t,r,o,s,a,l,m,c,u,f;const[g,v,M,S,D]=(0,d.Z)(),R=(0,h.MO)("whatmoreShopId"),E="portrait"===D[w.YP],T=(E?1.076*v*(0,$.pEd)(R):v*(0,$.H4g)(R))+"px",I=(E?1.076*v*(0,$.pEd)(R):v*(0,$.H4g)(R))+"px",N=(E?.965*v*(0,$.pEd)(R):.859*v*(0,$.H4g)(R))+"px",[O,k]=(0,n.useState)(e.event),F=(0,h.MO)("whatmoreSecondaryColor");var B=(0,n.useContext)(p.V);const U=null===(t=e.isOnFocus)||void 0===t||t,A=null!==(r=e.playOnUnfocus)&&void 0!==r&&r,L=e.onClick,{whatmoreUITheme:Z}=(0,n.useContext)(i.I),K=null!==(o=e.animateOnFocus&&(0,$.iWI)(R))&&void 0!==o&&o,[Y,W]=(0,n.useState)(!(0,$.N8M)(R)),G=(0,h.MO)("whatmorePrimaryFont"),H=Math.round(+(null===(s=O.products[0])||void 0===s?void 0:s.price)),z=Math.round(+(null===(a=O.products[0])||void 0===a?void 0:a.compare_price)),V=z&&0!=z&&z>H?Math.round((z-H)/z*100):NaN,[X,_]=(0,n.useState)(V),[J,q]=(0,n.useState)();return(0,n.useEffect)((()=>{(0,$.N8M)(R)&&(0,b.p_)(O,(0,$.Ipo)(R),R).then((e=>{var t,r,n;k(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(r=t[0])||void 0===r?void 0:r.discount)&&_(null===e||void 0===e||null===(n=e.products[0])||void 0===n?void 0:n.discount),W(!0)}));(async()=>{var e;const t=await(0,P.p)(null===O||void 0===O||null===(e=O.products)||void 0===e?void 0:e[0],(0,$.Ipo)(R),R);q(t)})()}),[]),(0,j.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",B.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",B.tileBottomMMargin+"px","important"))},className:K&&!E?U?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:v},onClick:()=>{L(O)},children:[(0,j.jsx)("div",{style:{borderRadius:"round"==Z?"5%":"0px",boxShadow:"round"==Z?"0px 0px 5px 0px #B0B0B0":null,height:g,borderWidth:(0,$.alU)(R),borderColor:(0,$.qPe)(R),overflow:"hidden"},children:(0,j.jsx)(y.Z,{height:"100%",width:"100%",url:O.thumbnail_image,isPlaying:U||A||(0,C.gE)(),event:O})}),(0,j.jsxs)("div",{style:{display:(0,$.pvY)(R)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,j.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",T,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",G,"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,x.s)(null===(l=O.products[0])||void 0===l?void 0:l.title)}),Y&&(0,$.QaY)(R)&&(0,j.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,$.$zZ)(R)?"row":"row-reverse",justifyContent:(0,$.$zZ)(R)?"flex-start":"flex-end"},children:[(0,j.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,$.Uyp)(R),"important"),e.style.setProperty("font-size",I,"important"),e.style.setProperty("font-family",G,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,$.rPP)(R)?"normal":"bold"},children:(0,b.jx)(parseFloat("88566890817"==R?(null===J||void 0===J?void 0:J.price)/100:null===(m=O.products[0])||void 0===m?void 0:m.price)," ",R,null===(c=O.products[0])||void 0===c?void 0:c.currency)}),!isNaN(z)&&z>H&&(0,j.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,$.kPs)(R),"important"),e.style.setProperty("font-size",I,"important"),e.style.setProperty("font-family",G,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,b.jx)(parseFloat("88566890817"==R?(null===J||void 0===J?void 0:J.compare_price)/100:null===(u=O.products[0])||void 0===u?void 0:u.compare_price)," ",R,null===(f=O.products[0])||void 0===f?void 0:f.currency)})]}),(0,$.QaY)(R)&&!isNaN(X)&&0!=X&&Y&&(0,j.jsx)("div",{style:{display:(0,$.aKo)(R)?"flex":"none",backgroundColor:"green"==(0,$.ZJm)(R)?"#343434"==F?(0,$.ZJm)(R):F:(0,$.ZJm)(R),alignItems:"center",borderRadius:(0,$.CF_)(R)+"px",width:"fit-content",padding:(0,$.Spx)(R)?"3px 6px":"0px"},children:(0,$.Spx)(R)?(0,j.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,$.mso)(R),"important"),e.style.setProperty("font-size",N,"important"),e.style.setProperty("font-family",G,"important"))},children:`${X}% Off`}):(0,j.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,$.aUT)(R),"important"),e.style.setProperty("font-size",N,"important"),e.style.setProperty("font-family",(0,$.V3Y)(R),"important"))},children:(0,$.sG7)(R)})})]})]})},S=r(7381);const D=(0,l.Z)({key:"whatmore-css-hv"});function R(e){const[t,r,o]=(0,d.Z)(),s=(0,h.MO)("whatmoreShopId"),a=e.events,l=e.onClick,{whatmoreWidgetSourceDetails:m}=(0,n.useContext)(i.I),c=Math.ceil(o),u=2*c,[p,y]=(0,n.useState)(u),[x,b]=(0,n.useState)(2*c),w=0===(0,$.WGf)(s)?24:(0,$.WGf)(s),[C,P]=(0,n.useState)({touchX:0,touchY:0}),S=()=>(0,j.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,j.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),D=()=>(0,j.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,j.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),R=e=>{if("next"===e){const e=2;b((e=>Math.min(e+Math.floor(o),a.length+c+1))),y((t=>Math.min(t+e,a.length+c+1)))}else b((e=>Math.max(e-Math.floor(o),u)));(0,g.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m})};return(0,j.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{P({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,r,n,o;const i=(null===(t=e.changedTouches)||void 0===t||null===(r=t[0])||void 0===r?void 0:r.clientX)-C.touchX,s=(null===(n=e.changedTouches)||void 0===n||null===(o=n[0])||void 0===o?void 0:o.clientY)-C.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&R(i>0?"prev":"next")},children:[(0,$.Yxs)(s)&&(0,j.jsxs)(j.Fragment,{children:[x<=a.length+c&&(0,j.jsx)("div",{onClick:()=>R("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,j.jsx)(S,{})}),x>2*c&&(0,j.jsx)("div",{onClick:()=>R("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,j.jsx)(D,{})})]}),(0,j.jsx)("div",{style:{display:"flex",gap:w,transform:`translateX(-${(x-u)*(r+w)}px)`,transition:"transform 0.4s ease-in-out"},children:a.map(((e,t)=>t<p?(0,j.jsx)("div",{children:(0,j.jsx)(M,{isOnFocus:t<=x-c-1&&t>=Math.max(0,x-u),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>l(e)})},`whatmore-carousel-tile-${t}`):(0,j.jsx)(f.Z,{})))})]})}function E(e){const[t,r,o,s]=(0,d.Z)(),[a,l]=(0,n.useState)(-1),m=(0,h.MO)("whatmoreShopId"),[c,p]=(0,n.useState)("next"),f=e.onClick,y=e.events,{whatmoreWidgetSourceDetails:x}=(0,n.useContext)(i.I),b=Math.min(Math.ceil(o),y.length),[w,C]=(0,n.useState)(0),P=0===(0,$.WGf)(m)?24:(0,$.WGf)(m),S=()=>(0,j.jsx)("div",{children:(0,j.jsx)("button",{onClick:T,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,j.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),D=()=>(0,j.jsx)("div",{children:(0,j.jsx)("button",{onClick:E,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,j.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{w<=b&&C((e=>e+b))}),[b]);const R=()=>{l(-1)},E=()=>{w!==b&&(p("prev"),C((e=>Math.max(Math.ceil(e-o),b))),(0,g.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:x}))},T=()=>{w>y.length+o||(p("next"),C((e=>Math.floor(e+o))),(0,g.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:x}))},I=w>y.length?y.length-b+1:w-b,N=w>=y.length?y.length:I+b,O=y.slice(I,N);return(0,j.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${s}px`,paddingRight:`${s}px`},children:[y.length>=o-1&&(0,j.jsx)("div",{style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:w!==b&&(0,j.jsx)(D,{})}),(0,j.jsx)("div",{style:{display:"flex",gap:P+"px",width:r*o*(0,$.Su5)(m)+"px",paddingLeft:"8px",justifyContent:y.length<=o-1?"center":"flex-start",overflow:"hidden"},children:O.map(((e,t)=>{const r=`whatmore-event-tile-landscape-${e.index}${t===b-1?"-last":""}`,n=t===a;return(0,j.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===c?"next":"prev"),onMouseEnter:()=>(e=>{const t=u()((()=>l(e)),300);return t(),t.cancel})(t),onMouseLeave:R,children:(0,j.jsx)(M,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{f(e)})(e)})},r)}))}),y.length>=o-1&&(0,j.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:s+"px",transform:"translateY(-65%)"},children:w<=y.length&&(0,j.jsx)(S,{})})]})}var T=function(e){const[t,r,l]=(0,m.Z)(),[d]=(0,h.j1)("whatmoreShopId"),[c]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[f]=(0,h.j1)("whatmoreTitleFont"),g="portrait"==t?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,n.useContext)(i.I),y=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:x}=(0,n.useContext)(i.I),b=e.events,w=e.onClick,C=f;function P(e){w(e)}return(0,n.useEffect)((()=>{(0,S.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{i.$.forEach((e=>{var t;const r=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!r)return;r&&e&&(e.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,j.jsx)(a.C,{value:D,children:(0,j.jsx)("div",{className:"whatmore-carousel-events",children:(0,j.jsx)(o.x,{theme:s.ZP,cssVarsRoot:v,resetCSS:!1,children:(0,j.jsxs)(p.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||x?(0,j.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,j.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",g+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,$.wOV)(d),lineHeight:(0,$.vY4)(d),letterSpacing:(0,$.X2K)(d)},children:x?"W"!==y?y:"":e.heading})}):(0,j.jsx)(j.Fragment,{}),"landscape"===t?(0,j.jsx)(E,{events:b,onClick:P}):(0,j.jsx)(R,{events:b,onClick:P})]})})})})}},7129:function(e,t,r){"use strict";r.d(t,{V:function(){return n}});const n=(0,r(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,r){"use strict";var n=r(1332),o=r(5180),i=r(6417);t.Z=function(e){var t,r;const s=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,i.jsxs)("div",{style:{width:a,height:s,overflow:"hidden",minHeight:s,minWidth:a},children:[(0,i.jsx)(o.Z,{height:s,width:a}),(0,i.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,i.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,i.jsx)(n.Z,{})})})]})}},5180:function(e,t,r){"use strict";var n=r(6417);t.Z=function(e){var t,r,o;const i=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(r=e.width)&&void 0!==r?r:"100%",a=null!==(o=e.borderRadius)&&void 0!==o?o:"10px";return(0,n.jsx)("div",{style:{height:i,width:i,borderRadius:a,overflow:"hidden",minHeight:i,minWidth:s,maxHeight:i,maxWidth:s},children:(0,n.jsx)("div",{style:{minHeight:i,minWidth:s},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){"use strict";var n=r(7313),o=r(3175),i=r(6417);t.Z=function(e){var t,r,s;const[a,l]=(0,n.useState)(!1),d=n.useRef(0),m=(0,n.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(r=e.height)&&void 0!==r?r:"100%",h=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,n.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,i.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:u,overflow:"hidden"},children:[(0,i.jsx)("div",{style:{width:a?"100%":"0px",height:a?"100%":"0px"},children:(0,i.jsx)("img",{ref:m,src:e.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),a?(0,i.jsx)(i.Fragment,{}):(0,i.jsx)(o.Z,{width:h,height:u})]})}},4892:function(e,t,r){"use strict";r.d(t,{Z:function(){return h}});var n=r(7313),o=r(3933),i=r(868),s=r(8984),a=r(7300),l=r(2887),d=r(4862),m=r(7753),c=r(6417);var u=function(e){var t,r;const i=(0,n.useRef)(null),[a,l,u]=(0,o.YD)({triggerOnce:!0}),h=(0,m.MO)("whatmoreShopId"),p=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{i.current&&(e.isPlaying?i.current.play():((d.G6||(0,s.gE)())&&i.current.play(),i.current.pause()))}),[e.isPlaying,l]),(0,c.jsx)("div",{ref:a,style:{width:p,height:f,overflow:"hidden"},children:l?(0,c.jsx)("video",{ref:i,className:"whatmore-video-player",width:f,height:p,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==h&&"STRY2V4XO5L"!==h?e.url:e.poster,muted:!0,src:e.url,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:f,height:p,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,r,d,m;const[h,p,f]=(0,o.YD)({triggerOnce:!0});if((0,a.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 $=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var g;if((0,s.KE)())return(0,c.jsx)(u,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(g=e.event)||void 0===g?void 0:g.poster_image,url:(0,i.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:$});const v=(0,n.useRef)(null),y=null!==(r=e.height)&&void 0!==r?r:"100%",x=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,n.useEffect)((()=>{v.current&&(e.isPlaying?v.current.play():v.current.pause())}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:h,style:{width:y,height:x,overflow:"hidden"},children:p?(0,c.jsx)("video",{ref:v,className:"whatmore-video-player",width:x,height:y,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,i.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:x,height:y,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},1855:function(e,t,r){"use strict";var n=r(7313),o=r(9821),i=r(7129),s=r(6417);t.Z=function(e){var[t,r]=(0,o.Z)();return(0,n.useContext)(i.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:r,height:t,overflow:"hidden"}})}},868:function(e,t,r){"use strict";r.d(t,{V:function(){return a}});var n=r(9854),o=r(7753);const i={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},s={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},a=function(e){const t=(0,o.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,n.zpr)(t))return e;if("AZURECDN"==(0,n.zpr)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(i))if(e.includes(t))return e.replace(t,i[t]);return e}}if("BUNNYCDN"==(0,n.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(s))if(e.includes(t))return e.replace(t,s[t]);return e}}return e}},6805:function(e,t,r){"use strict";r.d(t,{$I:function(){return a},$w:function(){return d},AK:function(){return i},AL:function(){return s},YP:function(){return o},me:function(){return n},rE:function(){return l}});const n="device_type",o="device_mode",i="mobile",s="tablet",a="desktop",l="portrait",d="landscape"},9821:function(e,t,r){"use strict";var n=r(6367),o=r(7753),i=r(8866),s=r(6805);t.Z=function(e){const[t,r,a]=(0,i.Z)(),[l]=(0,o.j1)("whatmoreLandscapePadding"),[d]=(0,o.j1)("whatmoreVideoTileSize"),[m]=(0,o.j1)("whatmoreVideoTileSizePortrait"),c=(0,n.useMediaQuery)({query:"(min-width: 1025px)"}),u=(0,n.useMediaQuery)({query:"(min-width: 481px)"}),h="portrait"==t?m:d,p=!("portrait"!=t||!u),f=h/100*1.3*.5,$=h/100;var g=Math.min(a,r),[v,y,x,b]=[.6*g*(16/9),.6*g,1.4,0];function w(e){return Math.round(10*e)/10}var C={DEVICE_TYPE:s.AK,DEVICE_MODE:s.rE};if(c){const e=y*f,t=v*f;[v,y,x,b]=[t,e,(a-2*l)/(1.1*e),l],C[s.me]=s.$I,C[s.YP]=s.$w}else if(p){var P=.8*y,j=.8*v;"portrait"==t?(P*=$,j*=$,[v,y,x,b]=[j,P,w(a/(1.2*P)),0],C[s.me]=s.AL,C[s.YP]=s.rE):([v,y,x,b]=[j,P,(a-2*l)/(1.1*P),l],C[s.me]=s.AL,C[s.YP]=s.$w)}else{P=y,j=v;"portrait"==t?(P=P*$*.9,j=j*$*.9,[v,y,x,b]=[j,P,w(a/(1.15*P)),0],C[s.me]=s.AK,C[s.YP]=s.rE):(P=.7*y,j=.7*v,[v,y,x,b]=[j,P,(a-2*l)/(1.1*P),l],C[s.me]=s.AK,C[s.YP]=s.$w)}return[v,y,x,b,C]}},7053:function(e,t,r){"use strict";r.d(t,{p:function(){return i}});var n=r(6230),o=r(4844);async function i(e,t,r){return"shopify"==t?(0,o.bN)(e):(0,n.ln)(e,r)}},6040:function(e,t,r){const n=r(500);e.exports=function(e){if("string"!==typeof e)return;const t=e.toUpperCase();return Object.prototype.hasOwnProperty.call(n,t)?n[t]:void 0},e.exports.currencySymbolMap=n},500:function(e){e.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},8743:function(){},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},8507:function(e,t){"use strict";function r(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)e[n]=r[n]}return e}var n=function e(t,n){function o(e,o,i){if("undefined"!==typeof document){"number"===typeof(i=r({},n,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var a in i)i[a]&&(s+="; "+a,!0!==i[a]&&(s+="="+i[a].split(";")[0]));return document.cookie=e+"="+t.write(o,e)+s}}return Object.create({set:o,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var r=document.cookie?document.cookie.split("; "):[],n={},o=0;o<r.length;o++){var i=r[o].split("="),s=i.slice(1).join("=");try{var a=decodeURIComponent(i[0]);if(n[a]=t.read(s,a),e===a)break}catch(l){}}return e?n[e]:n}},remove:function(e,t){o(e,"",r({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,r({},this.attributes,t))},withConverter:function(t){return e(r({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});t.Z=n}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[47],{8767:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var o=n(7313),r=n(6090),i=n(7616),l=n(8811),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),s=n(2575),c=n(8866),d=n(7753),u=n(7129),h=n(9854),p=(n(9111),n(9778),n(4892)),m=n(9821),x=n(6417);var v=function(e){var t;const[n,r,i,l,a]=(0,m.Z)(),s=(0,d.MO)("whatmoreSecondaryColor"),c=(0,d.MO)("whatmorePrimaryFont"),u=(0,d.MO)("whatmoreShopId"),v=(0,d.MO)("whatmoreCollectionsTileSize"),f=(0,d.MO)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?f:v,[g,y]=(0,o.useState)(!1),S=(0,h.f63)(u),E=e.event,M=e.onClick,j=e.removeBorders,C=r*w*.01,L=(0,h.eHp)(u);return(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:j?"2px":(0,h.VwM)(u)+"px",marginTop:j?"2px":"5px",marginBottom:j?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),M(E)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:j?"":"0px 1px 1px 0px "+s+"50, 0px -1px 1px 0px "+S+"50, 1px 0px 1px 0px "+s+"50, -1px 0px 1px 0px "+S+"80, 1px -1px 1px 0px "+s+"80, -1px 1px 1px 0px "+S+"DA, 1px 1px 1px 0px "+s+"DA, -1px -1px 1px 0px "+S+"DA"},children:(0,x.jsx)(x.Fragment,{children:(0,x.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C*L+"px",width:C*L+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden"},children:(0,x.jsx)(p.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})})}),(0,x.jsx)("div",{style:{fontFamily:c,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,x.jsx)("p",{children:E.title})})]})},f=n(8782),w=n(7381),g=n(5380),y=n(3933);const S=(0,s.Z)({key:"whatmore-css-cv"});var E=function(e){const[t,n,s]=(0,c.Z)(),[p,E,M,j,C]=(0,m.Z)(),L=(0,d.MO)("whatmoreCollectionsTileSize"),O=(0,d.MO)("whatmoreCollectionsTileSizePortrait"),k="portrait"===t?O:L,P="portrait"==t?0:(0,d.MO)("whatmoreLandscapePadding"),R=(0,d.MO)("whatmoreCollectionsTilesSpacing"),T=(0,d.MO)("whatmoreShopId"),[z]=(0,d.MO)("whatmorePrimaryColor"),{whatmoreRootId:F}=(0,o.useContext)(l.I),b=e.events,Z=e.onClick,{whatmoreIsCollectionsTemplate:A}=((0,d.MO)("whatmoreTitleFont"),(0,o.useContext)(l.I));function B(e){Z(e)}"portrait"==t?(0,d.MO)("whatmoreTitleFontSizePortrait"):(0,d.MO)("whatmoreTitleFontSize"),(0,h.aRS)(T);const[D,H,I]=(0,y.YD)({triggerOnce:!1});delete i.ZP.styles.global;const V=.055*E;var W=[];for(let o=0;o<b.length;)W.push((0,x.jsx)(v,{mode:t,event:b[o],onClick:()=>{B(b[o-1])},removeBorders:(0,h.Xtg)(T),fontSize:V},"collections-tile-"+o)),o+=1;return(0,o.useEffect)((()=>{(0,w.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const n=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(!n)return;n&&e&&(e.style.minHeight="0px")}))}),[]),(0,x.jsx)(a.C,{value:S,children:(0,x.jsx)("div",{className:A?"whatmore-collection-events":"whatmore-carousel-events",children:(0,x.jsx)(r.x,{theme:i.ZP,cssVarsRoot:F,resetCSS:!1,children:(0,x.jsxs)(u.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,x.jsx)("div",{ref:D,style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,x.jsx)(f.P,{renderElement:e=>(0,x.jsx)(x.Fragment,{children:e.eventData}),dataList:W,spacing:R,defaultHeight:p*k*.01+"px",defaultWidth:E*k*.01+"px",retainAlreadyRenderedElements:!0})}),(0,h.dhc)(T)&&!H&&-1==e.index&&(0,x.jsx)(g.Z,{event:b[0],inVideoClick:B,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8782:function(e,t,n){n.d(t,{P:function(){return a}});var o=n(3933),r=n(7313),i=(n(123),n(6417));function l(e){const{ref:t,inView:n,entry:r}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,i.jsx)("div",{ref:t,children:n?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,i.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t,n;return(0,r.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function r(o){if(!n)return;const r=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const i=2*(t-r);e.scrollLeft+=i,t=r}function i(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",r),e.addEventListener("touchend",i)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",r),document.addEventListener("mouseup",i)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",r),e.removeEventListener("touchend",i)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",i))}}),[]),(0,i.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(n=e.dataList)||void 0===n?void 0:n.map(((t,n)=>(0,i.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[530],{5523:function(n,t,e){e.r(t);var o=e(7313),r=e(8675),i=e(6090),a=e(7616),s=(e(6143),e(7244),e(123),e(9302)),c=e(2575),l=e(3271),h=e(9821),d=e(8866),u=e(7753),m=e(9316),f=e(7129),g=e(9854),x=e(8811),j=e(7300),p=e(4920),v=e(6417);const C=(0,c.Z)({key:"whatmore-css-hv"});function w(n,t){var e=[];const o=t;for(let r=0;r<n.length;r+=o){const t=n.slice(r,r+o);e.push(t)}return e}function F(n){var t;const[e,r]=(0,o.useState)(!1),[i,a]=(0,o.useState)(!1),[s]=(0,u.j1)("whatmoreSecondaryColorShade600"),[c]=(0,u.j1)("whatmoreSecondaryColorShade300"),[h]=(0,u.j1)("whatmorePrimaryFont"),d=null!==(t=n.baseFontSize)&&void 0!==t?t:10,f=n.onClick;return(0,v.jsx)(l.xu,{width:"fit-content",height:"fit-content",paddingY:"4px",boxShadow:"lg",borderRadius:"md",backgroundColor:e?c:s,animation:i?m.mT:null,onClick:n=>{n.stopPropagation(),a(!0),f()},sx:{cursor:"pointer"},onMouseEnter:()=>{r(!0)},onMouseLeave:()=>{r(!1)},children:(0,v.jsx)(l.Kq,{direction:"row",width:"fit-content",alignContent:"center",children:(0,v.jsxs)(l.xv,{fontSize:d,fontWeight:"normal",sx:{fontFamily:h+" !important",color:"white !important"},children:["\xa0"," view more ","\xa0"]})})})}function y(n){var t;const[e,i,a]=(0,h.Z)();var[s,c]=(0,o.useState)(0);const d=n.events,u=n.onClick,m=null!==(t=n.seeMoreIncrement)&&void 0!==t?t:1,f=w(d,Math.floor(Math.min(a,d.length)));return(0,v.jsx)(l.M5,{children:(0,v.jsxs)(l.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,v.jsx)(v.Fragment,{children:f.map(((n,t)=>t>s?(0,v.jsx)(v.Fragment,{}):(0,v.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:n.map(((n,t)=>(0,v.jsx)(l.xu,{style:{margin:"10px"},children:(0,j.B6)(n)||(0,j.WJ)(n)?(0,v.jsx)(p.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{u(n)}}):(0,v.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{u(n)}})},"event-"+t)))},"event-stack-"+t)))}),(0,v.jsx)(v.Fragment,{children:s<f.length-1?(0,v.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:(0,v.jsx)(F,{baseFontSize:.1*i,onClick:()=>{s>=f.length-1||c((n=>n+m))}})}):(0,v.jsx)(v.Fragment,{})})]})})}function S(n){var t;const[e,i,a,s]=(0,h.Z)();var[c,d]=(0,o.useState)(0);const u=n.events,m=n.onClick,f=null!==(t=n.seeMoreIncrement)&&void 0!==t?t:1,g=w(u,Math.floor(Math.min(a,u.length)));return(0,v.jsx)(l.M5,{paddingLeft:s+"px",paddingRight:s+"px",children:(0,v.jsxs)(l.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,v.jsx)(v.Fragment,{children:g.map(((n,t)=>t>c?(0,v.jsx)(v.Fragment,{}):(0,v.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:n.map(((n,t)=>(0,v.jsx)(l.xu,{style:{margin:"10px"},children:(0,j.B6)(n)||(0,j.WJ)(n)?(0,v.jsx)(p.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{m(n)}}):(0,v.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{m(n)}})},"event-"+t)))},"event-stack-"+t)))}),(0,v.jsx)(v.Fragment,{children:c<g.length-1?(0,v.jsx)(l.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:(0,v.jsx)(F,{baseFontSize:.1*i,onClick:()=>{c>=g.length-1||d((n=>n+f))}})}):(0,v.jsx)(v.Fragment,{})})]})})}t.default=function(n){var t;const[e,r,c]=(0,d.Z)(),[h]=(0,u.j1)("whatmoreShopId"),[m]=(0,u.j1)("whatmorePrimaryColor"),[j]=(0,u.j1)("whatmoreSecondaryColor"),[p]=(0,u.j1)("whatmoreTitleFont"),w="portrait"==e?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:F}=(0,o.useContext)(x.I),k=n.events,M=n.onClick,O=null!==(t=(0,g.aRS)(h))&&void 0!==t?t:p;function b(n){M(n)}return delete a.ZP.styles.global,(0,v.jsx)(s.C,{value:C,children:(0,v.jsx)("div",{className:"whatmore-carousel-events-view-more",children:(0,v.jsx)(i.x,{theme:a.ZP,cssVarsRoot:F,resetCSS:!1,children:(0,v.jsxs)(f.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[n.heading.trim().length>0?(0,v.jsx)(l.M5,{children:(0,v.jsx)(l.xv,{bgColor:m,bgClip:"text",fontSize:w,sx:{fontFamily:O+" !important"},align:"center",children:n.heading})}):(0,v.jsx)(v.Fragment,{}),"landscape"===e?(0,v.jsx)(S,{events:k,onClick:b,seeMoreIncrement:1}):(0,v.jsx)(y,{events:k,onClick:b,seeMoreIncrement:2})]})})})})}},9316:function(n,t,e){e.d(t,{mT:function(){return r}});var o=e(686);const r=`\n ${o.F4`
|
|
2
|
+
0% { transform: scale(1); }
|
|
3
|
+
50%, { transform: scale(0.95); }
|
|
4
|
+
100% { transform: scale(1); }
|
|
5
|
+
`} 0.2s linear;\n`;o.F4`
|
|
6
|
+
100% {
|
|
7
|
+
-webkit-transform: rotate(360deg);
|
|
8
|
+
transform:rotate(360deg);
|
|
9
|
+
}
|
|
10
|
+
`,o.F4`
|
|
11
|
+
0% {
|
|
12
|
+
opacity: 1;
|
|
13
|
+
transform: translateY(100%);
|
|
14
|
+
}
|
|
15
|
+
10%{
|
|
16
|
+
transform: translateY(0%);
|
|
17
|
+
}
|
|
18
|
+
12%{
|
|
19
|
+
transform: translateY(-5%);
|
|
20
|
+
}
|
|
21
|
+
20%{
|
|
22
|
+
transform: translateY(0%);
|
|
23
|
+
}
|
|
24
|
+
95%{
|
|
25
|
+
opacity: 1;
|
|
26
|
+
transform: scale(1);
|
|
27
|
+
}
|
|
28
|
+
100%{
|
|
29
|
+
opacity: 0;
|
|
30
|
+
}
|
|
31
|
+
`},5945:function(n,t,e){e.d(t,{s:function(){return r}});var o=e(7753);function r(n){const t=(0,o.MO)("whatmoreShopId");return"undefined"==typeof n||"undefined"==n||null==n?"":"6873415750"==t||"72442478904"==t?n:n.replace(/\w\S*/g,(function(n){return n.charAt(0).toUpperCase()+n.substr(1).toLowerCase()}))}},6143:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[580],{3580:function(t,e,r){r.r(e),r.d(e,{default:function(){return f}});var o=r(7313),n=r(8866),s=r(7753),i=(r(9111),r(123),r(9778),r(9854)),a=r(868),l=r(9363),d=r(6417);var c=function(t){var e,r;const[c,p,u]=(0,n.Z)(),h=(0,s.MO)("whatmorePrimaryFont"),f=(0,s.MO)("whatmoreSecondaryColor"),m=(0,s.MO)("whatmoreShopId"),[x,g]=(0,o.useState)(!1),w=t.storyId,v=(0,a.V)(t.imageUrl),y=t.title,b=t.onClick,j=t.template,k=(0,i.f63)(m),S="template-stories-a"===j?"50%":"30%",z="portrait"==c?1:(0,i.Zyc)(m),C=Math.floor(t.tileSize*z),F=.12*C*(0,i.LM2)(m),M=null!==(e=(0,i.QaQ)(m))&&void 0!==e?e:h,N=null!==(r=(0,i.u2W)(m))&&void 0!==r?r:[f,k,f,k,f],R=(0,o.useRef)(0),I=(0,o.useRef)(null),O=(0,o.useRef)(null);return(0,o.useEffect)((()=>{O.current&&O.current.play()}),[]),(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:C*(0,i.jJ6)(m)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{g(!0),b(w)},className:[x?"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:S,boxShadow:"0px 2px 1px 0px "+N[0]+"50, 0px -2px 1px 0px "+N[1]+"50, 2px 0px 1px 0px "+N[2]+"50, -2px 0px 1px 0px "+N[3]+"80, 2px -2px 1px 0px "+N[4]+"80, -2px 2px 1px 0px "+N[0]+"DA, 2px 2px 1px 0px "+N[1]+"DA, -2px -2px 1px 0px "+N[2]+"DA"},children:(0,d.jsx)("div",{className:"whatmore-story-thumbnail-wrapper",style:{flexShrink:0,objectFit:"cover",height:C+"px",width:C+"px",borderRadius:S,border:"3px solid white",backgroundColor:"#343434"===f?"#d3d3d3":f,overflow:"hidden"},children:"video"==(0,l.$)(v)?(0,d.jsx)("video",{className:"whatmore-story-thumbnail",ref:O,preload:"metadata",loop:!0,playsInline:!0,src:v,muted:!0,alt:"story image",style:{objectFit:"cover",height:C+"px",width:C+"px",backgroundColor:"white"}}):(0,d.jsx)("img",{ref:I,className:"whatmore-story-thumbnail",src:v,loading:"lazy",style:{objectFit:"cover",height:C+"px",width:C+"px",backgroundColor:"white"},alt:"story image",onError:function(){if(R.current<3){let e=(0,a.V)(t.imageUrl);I.current.src="",I.current.src=e,R.current=R.current+1}else console.log("Failed to load image after several attempts"),I.current.src="https://d2oouab8j9eigo.cloudfront.net/background_white.png"}})})}),(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,d.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",F+"px","important")},style:{textAlign:"center",color:(0,i.WS3)(m),fontFamily:M,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:null===y||void 0===y?void 0:y.substring(0,24)})})]})},p=r(8811),u=r(9302);const h=(0,r(2575).Z)({key:"whatmore-stories-css"});var f=function(t){const[e,r,a]=(0,n.Z)(),[l]=(0,s.j1)("whatmoreLandscapePadding"),[f]=(0,s.j1)("whatmoreStoryTileSize"),[m]=(0,s.j1)("whatmoreStoryTileSizeDesktop"),[x]=(0,s.j1)("whatmoreShopId"),[g,w]=(0,o.useState)("portrait"===e?"flex-start":"center"),v=(0,o.useRef)(null);var y=t.eventsStories;const b=t.onClick,j=t.template;(0,o.useEffect)((()=>{p.$.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;t&&(t.style.minHeight="0px")}))}),[]);const k=t=>{if(v.current){const e="left"===t?4*-C:4*C;v.current.scrollBy({left:e,behavior:"smooth"})}};(0,o.useEffect)((()=>{!function(){if(v.current){const t=v.current.scrollWidth,e=v.current.offsetWidth;w(t>e?"flex-start":"center")}}()}),[g,a]);const[S,z]=(0,o.useState)([]);(0,o.useEffect)((()=>{z(y.map((t=>t.storyset_dynamic_thumbnail?Math.floor(Math.random()*(t.events.length-1)):0)))}),[]);const C="landscape"===e?r*(m/100)*.3:a*(f/100)*.5;return(0,d.jsx)(u.C,{value:h,children:"landscape"==e&&!(0,i.DF0)(x)||"portrait"==e&&!(0,i.JaA)(x)?(0,d.jsx)(d.Fragment,{}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:g,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:v,children:y.map(((t,e)=>{var r,o;const n=t.storyset_dynamic_thumbnail&&null!==(r=null===(o=t.events[S[e]])||void 0===o?void 0:o.poster_image)&&void 0!==r?r:t.thumbnail_image;return(0,d.jsx)(c,{storyId:t.id,tileSize:(0,i.OFP)(x)?100:C,onClick:t=>{b(e)},template:j,imageUrl:n,title:t.title},"whatmore-story-"+t.id)}))}),"landscape"===e&&(0,i.sMW)(x)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("button",{onClick:()=>k("left"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",left:0},children:(0,d.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:"<"})}),(0,d.jsx)("button",{onClick:()=>k("right"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",right:0},children:(0,d.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:">"})})]})]})})}},868:function(t,e,r){r.d(e,{V:function(){return a}});var o=r(9854),n=r(7753);const s={"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"},i={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},a=function(t){const e=(0,n.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zpr)(e))return t;if("AZURECDN"==(0,o.zpr)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(s))if(t.includes(e))return t.replace(e,s[e]);return t}}if("BUNNYCDN"==(0,o.zpr)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(i))if(t.includes(e))return t.replace(e,i[e]);return t}}return t}},9363:function(t,e,r){r.d(e,{$:function(){return i},s:function(){return s}});var o=r(9854),n=r(7753);function s(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const r=(0,n.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(r)?"STRNV8MHJTF"==r?t+"?format=webp":t:t+e}function i(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const r=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,n=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(r)?"image":null!==n&&void 0!==n&&n.test(r)?"video":void 0}},9111:function(){},123:function(){},9778:function(){}}]);
|