whatmore-react-assets 1.0.1260 → 1.0.1262

package/static/js/product-page-view.94a7a83c.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[281],{8181:function(e,t,n){var i=n(7313),o=n(8866),r=n(7753),a=n(6417);const d=i.memo((()=>{if(!(0,r.MO)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[e]=(0,o.Z)();return(0,a.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},t))),(0,a.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.6);\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                "})]})}));t.Z=d},5380:function(e,t,n){n.d(t,{Z:function(){return g}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),d=n(7753),s=n(9821);var l=function(e){const[t,n,i,o,r]=(0,s.Z)(),[l]=(0,d.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,d.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.YP]===a.$w?c/100:l/100*1.2;return[t*u,n*u,r]},c=n(9723),u=n(9461),p=n.n(u),h=n(1195),v=n(7108),m=(n(7244),n(123),n(9854)),f=n(6417);var g=function(e){var t;const n=o.useRef(null);var[s,u,g]=l();const w=(0,d.MO)("whatmoreUITheme"),[x]=(0,d.j1)("whatmoreEmbedAppVideoTitle"),[_]=(0,d.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,d.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,d.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,d.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,d.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[j]=(0,d.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),S=(0,d.MO)("whatmoreShopId");var L=_,C=y,D=b;g[a.YP]===a.$w&&(L=E,C=I,D=j);const[P,O]=(0,o.useState)(["initial",window.pageYOffset]),[T,K]=(0,o.useState)(!1),k=null!==(t=e.isSpotlight)&&void 0!==t&&t,A=g[a.YP]===a.$w?.7*(0,m.zGA)(S):(0,m.zGA)(S),z=k?A:1;s*=z,u*=z;const V=k?(0,m.G0o)(S):L,M=k?(0,m.X8j)(S):(0,m.lVn)(S),[N,R]=(0,o.useState)(!k&&(0,m.eXi)(S));function W(e,t){O(e),e[1]<=100?K(!1):t!=T&&(K(t),R(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(W([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)}),[P]),(0,i.O3)({ref:n,handler:()=>{W(["scrolled-up",P[1]],!0)}});const Z=e.event,F=e.inVideoClick,H=e.closeClick,$=.3*u,B=.6*u,U=.1*u,Y=.1*(.5*u),G="round"==w?"10px":"0px",q=(0,m.Z$A)(S);var J=!1,X=0,Q=0;function ee(e){J=e}return(0,f.jsx)("div",{children:N&&!M?(0,f.jsx)(f.Fragment,{}):T&&M?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:k?(0,m.vnu)(S)+"px":D+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:k?(0,m.vnu)(S)+"px":D+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{onClick:()=>{W(["initial",P[1]],!1)},style:{margin:"1px",width:u+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:Z.thumbnail_image,isPlaying:!1,event:Z})})}),(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)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:Y+"px",bottom:Y+"px"},onClick:H})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(v.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{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,X=n,Q=i},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-X)>5||Math.abs(t.y-Q)>5)?ee(!1):F(Z)},children:(0,f.jsx)("div",{ref:n,style:"left"===V?{left:k?(0,m.$II)(S)+"px":C+"px",bottom:k?(0,m.vnu)(S)+"px":D+"px",position:"fixed",zIndex:q}:{right:k?(0,m.$II)(S)+"px":C+"px",bottom:k?(0,m.vnu)(S)+"px":D+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==S?s+"px":u+"px",height:e.isSpotlight&&"60122562760"==S?u+"px":s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==S?16/9:9/16},children:(0,f.jsx)(r.Z,{url:Z.thumbnail_image,isMuted:!0,isPlaying:!0,event:Z})})}),(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)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:$+"px"},onClick:H,style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,m.Ya_)(S),fontSize:B+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:x?"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*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",x]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),d=n(5160),s=n(6967),l=n(5380),c=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(364),x=n(4522),_=n(778),y=n(7643),b=n(7008),E=n(7381),I=n(8181),j=n(6095),S=n(6417);const L=(0,m.Z)({key:"whatmore-css-ppv"}),C=i.lazy((()=>Promise.all([n.e(819),n.e(210),n.e(577),n.e(745),n.e(926),n.e(824),n.e(818),n.e(647)]).then(n.bind(n,3818))));function D(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[m,P]=(0,i.useState)(),{whatmoreIsPreviewMode:O}=(0,i.useContext)(w.I),[T]=(0,a.j1)("isInDesignMode"),[K]=(0,a.j1)("isDemoBrand"),[k]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[A,z]=(0,i.useState)(-2),[V]=(0,a.j1)("whatmoreVariantId"),[M]=(0,a.j1)("whatmoreShopId");var[N]=(0,a.j1)("whatmoreProductId");const R=(0,a.MO)("isLandingSharedLink"),W=(0,a.MO)("whatmoreShareTemplateId"),Z=(0,a.MO)("whatmoreShareEventId"),F=R&&"template-embed"===(0,g.zv)(W),[H,$]=(0,i.useState)(F);N=(0,o.iXA)(M)?D(window.location.href):N;const[B,U]=(0,i.useState)((()=>"true"===k?V:N));var Y=r.Gc+"/v2/brand/"+M+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(w.I);(0,i.useEffect)((()=>{(0,E.Oo)("Video shopping powered by Whatmore!"),(0,s.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,b.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(M)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||m||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{if(z(-1),(0,o.ly4)(M)){const e=`${r.Gc}/v2/brand/${M}/product-events/recommendation`,t=(0,o.FSv)(M);fetch(`${e}?client_product_id=${B}&limit=10&recommended=${!t}&origin=${window.location.hostname}&status=live,upcoming&event_type=video`).then((e=>e.json())).then((e=>{var i;const o=e=>{var t;return null===(t=e.products)||void 0===t?void 0:t.some((e=>"oos"!=(null===e||void 0===e?void 0:e.product_status)))},r=null===e||void 0===e||null===(i=e.events)||void 0===i?void 0:i.filter((e=>o(e)));if((null===r||void 0===r?void 0:r.length)>0){var a,d,s;const i=t?null===e||void 0===e||null===(a=e.all_events)||void 0===a?void 0:a.filter((e=>o(e))):null===e||void 0===e||null===(d=e.related_events)||void 0===d?void 0:d.filter((e=>o(e))).map((e=>({...e,isRelatedEvent:!0})));(null===i||void 0===i?void 0:i.length)>0&&(null===e||void 0===e||null===(s=e.product_info)||void 0===s?void 0:s.length)>0&&"6749782119"!=M?n([...r,...i,{event_type:"recommended_images",product_list:[...e.product_info]}]):n([...r,...i])}else n([])})).catch((e=>P(e.message)))}else fetch(Y.toString()+"?client_product_id="+B.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(null!=e&&0!=e.length&&(0,o.Htz)(M)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(M)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==D(window.location.href))return;const i={product_id:n.product_id,product_link:D(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,B),e))).catch((e=>{P(e.message)}))}),[B]),(0,i.useEffect)((()=>{var e,n;z(-2),(t&&t.length>0||(0,o.uO6)(M))&&(0,x.PB)({userInteractionType:_.K.PDP_VISITED,widgetSourceDetails:G,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(e=t[0])||void 0===e?void 0:e.products,ctaList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.cta})}),[t]),(0,i.useEffect)((()=>{let e=history.pushState;history.pushState=function(){let t=e.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};let t=history.replaceState;history.replaceState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("true"===k){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");if(i[0]==e)return i[1]}return!1}("variant");e&&""!==e&&U(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!m&&F&&((0,j.A)("whatmore-video-player",(()=>{$(!1)})),null!=Z)){const e=t.find((e=>Z==e.event_id));if(e)return void X(e,!0,t.indexOf(e))}}),[t]);const q=G.landingLocationType,J=G.templateType,X=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,u.KE)()&&!t&&(0,c.QV)(),(0,f.B6)(e)||(0,f.WJ)(e))return T||K||(async()=>{const t=(0,g.NY)(q)+(0,g.dS)(J)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.wh)(e),(0,p.Tc)(M,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void z(n)};function Q(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||m?(0,S.jsx)("div",{}):(0,S.jsxs)(v.C,{value:L,children:[H&&(0,S.jsx)(I.Z,{}),"no-product"===B||-1===A||0===t.length?(0,S.jsx)(Q,{}):-2===A&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(y.u,{userInteractionType:_.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!T&&!K,children:(0,S.jsx)(l.Z,{event:t[0],inVideoClick:X,closeClick:e=>{e.stopPropagation(),z(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(y.u,{userInteractionType:_.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!T&&!K,children:(0,S.jsx)(C,{events:t,index:A,onBack:function(e){(0,o.n2L)(M)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(M,(()=>{}),100,window.location.hostname,e),z(-2),$(!1)},template:"template-product-page"})})})})]})}},6095:function(e,t,n){function i(e,t){let n=0;let i=new MutationObserver((function(){document.querySelector("."+e)?(t(),i.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),i.disconnect()}),8e3))}));i.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{A:function(){return i}})},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return l},y4:function(){return u},PB:function(){return p},Z2:function(){return c}});var i=n(9854),o=n(7753),r=n(778);function a(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=(0,o.MO)("whatmoreShopId");(e!=r.K.EVENT_VIEW||(0,i.UAB)(a))&&(e!=r.K.VIDEO_PLAYBACK||(0,i.JP0)(a))&&(e!=r.K.SHOPNOW_ATC_CLICKED&&e!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(a))&&(e!=r.K.VIDEO_LIKED||(0,i.sKB)(a))&&(e!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(a))&&(e!=r.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=r.K.SHOPNOW_CLICKED||(0,i.ejq)(a))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===r.K.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var d=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",[r.K.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.K.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.K.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function l(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.s)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0])}function c(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.s)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0],i)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}function p(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}}}]);

package/static/js/recommended-carousel.9a69fdec.chunk.js

@@ -1,2 +0,0 @@
-/*! For license information please see recommended-carousel.9a69fdec.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[258],{5824:function(e,t,o){o.r(t),o.d(t,{default:function(){return O}});var r=o(7313),a=o(3366),n=o(7462),s=o(1921),i=o(3061),l=o(8564),c=o(3530),u=o(2298),m=o(7430);function d(e){return(0,u.Z)("MuiImageList",e)}(0,m.Z)("MuiImageList",["root","masonry","quilted","standard","woven"]);var f=r.createContext({}),p=o(6417);const g=["children","className","cols","component","rowHeight","gap","style","variant"],h=(0,l.ZP)("ul",{name:"MuiImageList",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.variant]]}})((e=>{let{ownerState:t}=e;return(0,n.Z)({display:"grid",overflowY:"auto",listStyle:"none",padding:0,WebkitOverflowScrolling:"touch"},"masonry"===t.variant&&{display:"block"})}));var v=r.forwardRef((function(e,t){const o=(0,c.Z)({props:e,name:"MuiImageList"}),{children:l,className:u,cols:m=2,component:v="ul",rowHeight:y="auto",gap:w=4,style:x,variant:b="standard"}=o,Z=(0,a.Z)(o,g),S=r.useMemo((()=>({rowHeight:y,gap:w,variant:b})),[y,w,b]);r.useEffect((()=>{0}),[]);const C="masonry"===b?(0,n.Z)({columnCount:m,columnGap:w},x):(0,n.Z)({gridTemplateColumns:`repeat(${m}, 1fr)`,gap:w},x),I=(0,n.Z)({},o,{component:v,gap:w,rowHeight:y,variant:b}),j=(e=>{const{classes:t,variant:o}=e,r={root:["root",o]};return(0,s.Z)(r,d,t)})(I);return(0,p.jsx)(h,(0,n.Z)({as:v,className:(0,i.default)(j.root,j[b],u),ref:t,style:C,ownerState:I},Z,{children:(0,p.jsx)(f.Provider,{value:S,children:l})}))})),y=(o(478),o(7816));function w(e){return(0,u.Z)("MuiImageListItem",e)}var x=(0,m.Z)("MuiImageListItem",["root","img","standard","woven","masonry","quilted"]);const b=["children","className","cols","component","rows","style"],Z=(0,l.ZP)("li",{name:"MuiImageListItem",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[{[`& .${x.img}`]:t.img},t.root,t[o.variant]]}})((e=>{let{ownerState:t}=e;return(0,n.Z)({display:"block",position:"relative"},"standard"===t.variant&&{display:"flex",flexDirection:"column"},"woven"===t.variant&&{height:"100%",alignSelf:"center","&:nth-of-type(even)":{height:"70%"}},{[`& .${x.img}`]:(0,n.Z)({objectFit:"cover",width:"100%",height:"100%",display:"block"},"standard"===t.variant&&{height:"auto",flexGrow:1})})}));var S=r.forwardRef((function(e,t){const o=(0,c.Z)({props:e,name:"MuiImageListItem"}),{children:l,className:u,cols:m=1,component:d="li",rows:g=1,style:h}=o,v=(0,a.Z)(o,b),{rowHeight:x="auto",gap:S,variant:C}=r.useContext(f);let I="auto";"woven"===C?I=void 0:"auto"!==x&&(I=x*g+S*(g-1));const j=(0,n.Z)({},o,{cols:m,component:d,gap:S,rowHeight:x,rows:g,variant:C}),k=(e=>{const{classes:t,variant:o}=e,r={root:["root",o],img:["img"]};return(0,s.Z)(r,w,t)})(j);return(0,p.jsx)(Z,(0,n.Z)({as:d,className:(0,i.default)(k.root,k[C],u),ref:t,style:(0,n.Z)({height:I,gridColumnEnd:"masonry"!==C?`span ${m}`:void 0,gridRowEnd:"masonry"!==C?`span ${g}`:void 0,marginBottom:"masonry"===C?S:void 0},h),ownerState:j},v,{children:r.Children.map(l,(e=>r.isValidElement(e)?"img"===e.type||(0,y.Z)(e,["Image"])?r.cloneElement(e,{className:(0,i.default)(k.img,e.props.className)}):e:null))}))})),C=o(564),I=o(3649),j=o(3019),k=o(3103);const N=["sx"];function M(e){const{sx:t}=e,o=(0,a.Z)(e,N),{systemProps:r,otherProps:s}=(e=>{const t={systemProps:{},otherProps:{}};return Object.keys(e).forEach((o=>{k.Gc[o]?t.systemProps[o]=e[o]:t.otherProps[o]=e[o]})),t})(o);let i;return i=Array.isArray(t)?[r,...t]:"function"===typeof t?function(){const e=t(...arguments);return(0,j.P)(e)?(0,n.Z)({},r,e):r}:(0,n.Z)({},r,t),(0,n.Z)({},s,{sx:i})}var P=o(4647);const R=["className","component"];var E=o(1271);const $=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{defaultTheme:t,defaultClassName:o="MuiBox-root",generateClassName:s,styleFunctionSx:l=I.Z}=e,c=(0,C.ZP)("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})(l),u=r.forwardRef((function(e,r){const l=(0,P.Z)(t),u=M(e),{className:m,component:d="div"}=u,f=(0,a.Z)(u,R);return(0,p.jsx)(c,(0,n.Z)({as:d,ref:r,className:(0,i.default)(m,s?s(o):o),theme:l},f))}));return u}({defaultTheme:(0,o(1341).Z)(),defaultClassName:"MuiBox-root",generateClassName:E.Z.generate});var H=$,L=o(2248);var _=o(3429),B=o(6159);var O=e=>{let{imageUrls:t,onBack:o,mode:a,showCloseOverlay:n}=e;const[s,i]=(0,r.useState)(null),[l,c]=(0,r.useState)(0),[u,m]=(0,r.useState)(!1),d=(0,P.Z)(L.Z),f=t.slice(0,6),g=f.length%2!==0,h=window.location.hostname;(0,r.useEffect)((()=>{if("portrait"===a&&!u){const e=setInterval((()=>{c((e=>(e+1)%f.length))}),2e3);return()=>clearInterval(e)}}),[a,u,f.length]);const y=()=>{"portrait"!==a&&i(null)};return(0,p.jsxs)(H,{sx:{position:"relative",padding:d.spacing(1),maxWidth:"100vw",overflow:"hidden"},children:[("portrait"==a||n)&&(0,p.jsx)(H,{sx:{position:"fixed",top:d.spacing(1),right:d.spacing(1),zIndex:2e3},children:(0,p.jsx)(B.Z,{onCloseCallback:o})}),(0,p.jsx)(v,{cols:2,gap:d.spacing(1),sx:{marginBottom:d.spacing(2),height:2===f.length?"100vh":"auto",maxHeight:"100vh",overflow:"hidden"},children:f.map(((e,t)=>(0,p.jsxs)(S,{cols:g&&t===f.length-1?2:1,sx:{position:"relative",overflow:"hidden",height:"auto",display:"flex",justifyContent:"center",alignItems:"center"},onMouseEnter:()=>(e=>{"portrait"!==a&&i(e)})(t),onMouseLeave:y,onClick:()=>(e=>{m(!0),c(e)})(t),children:[(0,p.jsx)(_.E.img,{src:e.featured_image.split("?")[0],style:{width:"100%",height:"100%",objectFit:"cover",cursor:"pointer",borderRadius:d.shape.borderRadius}}),(s===t||"portrait"===a&&l===t)&&(0,p.jsx)(_.E.div,{initial:{opacity:0},animate:{opacity:.8},transition:{duration:.3},style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:10},children:(0,p.jsx)(_.E.a,{href:`https://${h}${e.url}`,target:"_blank",rel:"noopener noreferrer",style:{padding:d.spacing(1,1.5),fontSize:"0.9rem",borderRadius:d.shape.borderRadius,backgroundColor:"rgba(255, 255, 255, 0.7)",color:d.palette.text.primary,textDecoration:"none",cursor:"pointer",textAlign:"center",transform:4===t||5===t?"translateY(-240%)":"none"},whileHover:{backgroundColor:"rgba(255, 255, 255, 0.9)"},children:"SHOP NOW"})})]},t)))})]})}},5436:function(e,t){var o,r=Symbol.for("react.element"),a=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.server_context"),m=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen");function v(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case n:case i:case s:case d:case f:return e;default:switch(e=e&&e.$$typeof){case u:case c:case m:case g:case p:case l:return e;default:return t}}case a:return t}}}o=Symbol.for("react.module.reference")},478:function(e,t,o){o(5436)}}]);

package/static/js/spotlight-view.98eb3966.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[312],{3388:function(e,t,i){i.d(t,{OC:function(){return a},e8:function(){return r},kT:function(){return n},kW:function(){return l},xg:function(){return o}});const n=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},o=function(e,t){return!(void 0==e.products||0==e.products.length)},r=function(e,t){if(null!=e)return e},l=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 a=function(e,t){var i;if(null==e)return[];if(!("eventsets"in e))return[];const n=null!==(i=e.eventsets[t])&&void 0!==i?i:null;return n?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(n):[]}},5380:function(e,t,i){i.d(t,{Z:function(){return m}});var n=i(4959),o=i(7313),r=i(4892),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,n,o,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),u=i(1195),x=i(7108),f=(i(7244),i(123),i(9854)),g=i(6417);var m=function(e){var t;const i=o.useRef(null);var[s,h,m]=d();const v=(0,a.MO)("whatmoreUITheme"),[w]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[y]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[I]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var _=j,P=b,k=y;m[l.YP]===l.$w&&(_=S,P=E,k=I);const[C,L]=(0,o.useState)(["initial",window.pageYOffset]),[O,A]=(0,o.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=m[l.YP]===l.$w?.7*(0,f.zGA)(z):(0,f.zGA)(z),V=M?T:1;s*=V,h*=V;const F=M?(0,f.G0o)(z):_,R=M?(0,f.X8j)(z):(0,f.lVn)(z),[Z,D]=(0,o.useState)(!M&&(0,f.eXi)(z));function N(e,t){L(e),e[1]<=100?A(!1):t!=O&&(A(t),D(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(N([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[C]),(0,n.O3)({ref:i,handler:()=>{N(["scrolled-up",C[1]],!0)}});const Y=e.event,W=e.inVideoClick,$=e.closeClick,B=.3*h,G=.6*h,H=.1*h,K=.1*(.5*h),U="round"==v?"10px":"0px",X=(0,f.Z$A)(z);var q=!1,J=0,Q=0;function ee(e){q=e}return(0,g.jsx)("div",{children:Z&&!R?(0,g.jsx)(g.Fragment,{}):O&&R?(0,g.jsx)("div",{style:"left"===F?{left:"1px",bottom:M?(0,f.vnu)(z)+"px":k+"px",position:"fixed",zIndex:X}:{right:"5px",bottom:M?(0,f.vnu)(z)+"px":k+"px",position:"fixed",zIndex:X},children:(0,g.jsxs)("div",{onClick:()=>{N(["initial",C[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===F?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(r.Z,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,g.jsx)(u.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"},onClick:$})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(x.Z,{sx:{color:"white",fontSize:2*B+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,g.jsx)(p(),{nodeRef:i,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 i,n;i=t.x,n=t.y,J=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{q&&(Math.abs(t.x-J)>5||Math.abs(t.y-Q)>5)?ee(!1):W(Y)},children:(0,g.jsx)("div",{ref:i,style:"left"===F?{left:M?(0,f.$II)(z)+"px":P+"px",bottom:M?(0,f.vnu)(z)+"px":k+"px",position:"fixed",zIndex:X}:{right:M?(0,f.$II)(z)+"px":P+"px",bottom:M?(0,f.vnu)(z)+"px":k+"px",position:"fixed",zIndex:X},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?s+"px":h+"px",height:e.isSpotlight&&"60122562760"==z?h+"px":s+"px"}),className:"left"===F?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==z?16/9:9/16},children:(0,g.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)(u.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},onClick:$,style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(c.Z,{sx:{color:(0,f.Ya_)(z),fontSize:G+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,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,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*B+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",w]})})]})})]})})})})}},2209:function(e,t,i){i.r(t);var n=i(7313),o=i(9854),r=i(2860),l=i(7753),a=i(5160),s=i(6967),d=i(5380),c=i(58),h=i(8984),p=i(4669),u=i(513),x=i(9302),f=i(7381),g=i(2575),m=i(7300),v=i(6524),w=i(3388),j=i(7643),b=i(778),y=i(364),S=i(6417);const E=(0,g.Z)({key:"whatmore-css-wsv"}),I=n.lazy((()=>Promise.all([i.e(819),i.e(210),i.e(577),i.e(745),i.e(926),i.e(824),i.e(818),i.e(311)]).then(i.bind(i,3818))));t.default=function(e){const[t,i]=(0,n.useState)(),[g,z]=(0,n.useState)(),[_]=(0,l.j1)("isInDesignMode"),[P]=(0,l.j1)("isDemoBrand"),[k,C]=(0,n.useState)(-2),[L]=(0,l.j1)("whatmoreShopId"),O=(0,l.MO)("isLandingSharedLink"),A=(0,l.MO)("whatmoreShareTemplateId"),M=((0,l.MO)("whatmoreShareStoryId"),(0,l.MO)("whatmoreShareEventId")),T=(0,l.MO)("whatmoreLandingLocationType"),V=(0,l.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:F}=(0,n.useContext)(y.I);var R=(0,o.efR)(L)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,n.useEffect)((()=>{(0,s.hb)()}),[]),(0,n.useEffect)((()=>{(0,p.ll)(L)}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||g||!(0,h.KE)()||(0,l.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,n.useEffect)((()=>{C(-1);const e=v.NX,t=(0,v.H1)(T),n=R.toString()+L.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+L;fetch(n).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(i(e),e))).catch((e=>{z(e.message)}))}),[]),(0,n.useEffect)((()=>{C(-2)}),[t]),(0,n.useEffect)((()=>{null==t||0==t.length||g||O&&"template-embed"==(0,v.zv)(A)&&null!=M&&t.forEach(((e,t)=>{M==e.event_id&&N(e,!0,t)}))}),[t]);const Z=F.landingLocationType,D=F.templateType,N=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,h.KE)()&&!t&&(0,c.QV)(),(0,m.B6)(e)||(0,m.WJ)(e))return _||P||(async()=>{const t=(0,v.NY)(Z)+(0,v.dS)(D)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,a.wh)(e),(0,p.Tc)(L,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup",t)})(),void C(i)};function Y(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||g?(0,S.jsx)("div",{}):(V&&(0,f.EI)(t),(0,o.B$L)(L)&&k<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,S.jsx)(S.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,S.jsx)(x.C,{value:E,children:-1===k||0===t.length?(0,S.jsx)(Y,{}):-2===k&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(j.u,{userInteractionType:b.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!_&&!P,children:(0,S.jsx)(d.Z,{event:t[0],inVideoClick:N,closeClick:e=>{e.stopPropagation(),C(-1)},isSpotlight:!0})})}):(0,S.jsx)("div",{children:(0,S.jsx)(n.Suspense,{children:(0,S.jsx)(j.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!_&&!P,children:(0,S.jsx)(I,{events:t,index:k,onBack:function(){(0,o.n2L)(L)&&(0,l.MO)("whatmoreAddedToCart")&&(0,u.D)(L,(()=>{}),100,window.location.hostname),C(-2)},template:"template-embed"})})})})})))}}}]);

package/static/js/stories-template-a.8f3cd7c3.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[441],{1332:function(e,t,r){var n=r(7313),i=(r(8743),r(7753)),o=r(5254),a=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,o.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,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}, ${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 ${i}, 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 ${i}, 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 ${i}, 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 ${i}, -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 ${i}, -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 ${i}, -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 ${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"})})}},3580:function(e,t,r){r.r(t),r.d(t,{default:function(){return f}});var n=r(7313),i=r(8866),o=r(7753),a=(r(9111),r(123),r(9778),r(9854)),s=r(868),l=r(9363),m=r(4892),d=r(6417);var u=function(e){var t,r;const i=(0,o.MO)("whatmorePrimaryFont"),u=(0,o.MO)("whatmoreSecondaryColor"),c=(0,o.MO)("whatmoreShopId"),[h,p]=(0,n.useState)(!1),f=e.storyId,g=(0,s.V)(e.imageUrl),$=e.title,v=e.onClick,b=e.template,x=(0,a.f63)(c),w="template-stories-a"===b?"50%":"30%",y=Math.floor(e.tileSize),j=.12*y*(0,a.LM2)(c),_=null!==(t=(0,a.QaQ)(c))&&void 0!==t?t:i,k=null!==(r=(0,a.u2W)(c))&&void 0!==r?r:[u,x,u,x,u],S=(0,n.useRef)(0),C=(0,n.useRef)(null),F=(0,n.useRef)(null);return(0,n.useEffect)((()=>{F.current&&F.current.play()}),[]),(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:y*(0,a.jJ6)(c)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{p(!0),v(f)},className:[h?"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:w,boxShadow:"0px 2px 1px 0px "+k[0]+"50, 0px -2px 1px 0px "+k[1]+"50, 2px 0px 1px 0px "+k[2]+"50, -2px 0px 1px 0px "+k[3]+"80, 2px -2px 1px 0px "+k[4]+"80, -2px 2px 1px 0px "+k[0]+"DA, 2px 2px 1px 0px "+k[1]+"DA, -2px -2px 1px 0px "+k[2]+"DA"},children:(0,d.jsx)("div",{className:"whatmore-story-thumbnail-wrapper",style:{flexShrink:0,objectFit:"cover",height:y+"px",width:y+"px",borderRadius:w,border:"3px solid white",backgroundColor:"#343434"===u?"#d3d3d3":u,overflow:"hidden"},children:"video"==(0,l.$)(g)?(0,d.jsx)(m.Z,{height:"100%",width:"100%",url:g,isPlaying:!0,event:{event_type:"video"},borderRadius:w}):(0,d.jsx)("img",{ref:C,className:"whatmore-story-thumbnail",src:g.startsWith("https://cdn.shopify.com")?g.split("?")[0]+"?width=400&height=400":g,loading:"lazy",style:{objectFit:"cover",height:y+"px",width:y+"px",backgroundColor:"white"},alt:"story",onError:function(){if(S.current<3){let t=(0,s.V)(e.imageUrl);C.current.src="",C.current.src=t,S.current=S.current+1}else console.log("Failed to load image after several attempts"),C.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:e=>{e&&e.style.setProperty("font-size",j+"px","important")},style:{textAlign:"center",color:(0,a.WS3)(c),fontFamily:_,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:null===$||void 0===$?void 0:$.substring(0,24)})})]})},c=r(32),h=r(9302);const p=(0,r(2575).Z)({key:"whatmore-stories-css"});var f=function(e){const[t,r,s]=(0,i.Z)(),[l]=(0,o.j1)("whatmoreStoryTileSize"),[m]=(0,o.j1)("whatmoreStoryTileSizeDesktop"),[f]=(0,o.j1)("whatmoreShopId"),[g,$]=(0,n.useState)("portrait"===t?"flex-start":"center"),v=(0,n.useRef)(null);var b=e.eventsStories;const x=e.onClick,w=e.template;(0,n.useEffect)((()=>{c.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const y=e=>{if(v.current){const t="left"===e?4*-k:4*k;v.current.scrollBy({left:t,behavior:"smooth"})}};(0,n.useEffect)((()=>{!function(){if(v.current){const e=v.current.scrollWidth,t=v.current.offsetWidth;$(e>t?"flex-start":"center")}}()}),[g,s]);const[j,_]=(0,n.useState)([]);(0,n.useEffect)((()=>{_(b.map((e=>e.storyset_dynamic_thumbnail?Math.floor(Math.random()*(e.events.length-1)):0)))}),[]);const k="landscape"===t?r*(m/100)*.3:s*(l/100)*.5;return(0,d.jsx)(h.C,{value:p,children:"landscape"==t&&!(0,a.DF0)(f)||"portrait"==t&&!(0,a.JaA)(f)?(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:b.map(((e,t)=>{var r,n,i,o,s;const l=e.storyset_dynamic_thumbnail?null!==(r=null===(n=e.events[j[t]])||void 0===n?void 0:n.poster_image)&&void 0!==r?r:e.thumbnail_image:null!==(i=e.thumbnail_image)&&void 0!==i?i:null===e||void 0===e||null===(o=e.events)||void 0===o||null===(s=o[0])||void 0===s?void 0:s.thumbnail_image;return(0,d.jsx)(u,{storyId:e.id,tileSize:(0,a.OFP)(f)?100:k,onClick:e=>{x(t)},template:w,imageUrl:l,fallbackUrl:e.thumbnail_image,title:e.title},"whatmore-story-"+e.id)}))}),"landscape"===t&&(0,a.sMW)(f)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("button",{onClick:()=>y("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:()=>y("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:">"})})]})]})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),o=r(6417);t.Z=function(e){var t,r;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(r=e.width)&&void 0!==r?r:"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)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,n.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),o=r(6417);t.Z=function(e){var t,r,a;const[s,l]=(0,n.useState)(!1),m=n.useRef(0),d=(0,n.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(r=e.height)&&void 0!==r?r:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,n.useEffect)((()=>{m.current=0;const e=setInterval((()=>{m.current=m.current+.03,d.current&&u(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:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:d,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:h,height:c})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return p}});var n=r(7313),i=r(3933),o=r(868),a=r(8984),s=r(7300),l=r(2887),m=r(4862),d=r(7753),u=r(342),c=(r(9854),r(6417));var h=function(e){var t,r,o,s;const l=(0,n.useRef)(null),[h,p,f]=(0,i.YD)({triggerOnce:!0}),g=(0,d.MO)("whatmoreShopId"),$=null!==(t=e.height)&&void 0!==t?t:"100%",v=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():((m.G6||(0,a.gE)())&&l.current.play(),"57939755089"==g?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:h,style:{width:$,height:v,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==g||"8968077397"==g?(0,c.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:v,height:$,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==g&&"STRY2V4XO5L"!==g?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:v,height:$,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,r,m,p,f,g,$,v,b;const[x,w,y]=(0,i.YD)({triggerOnce:!0}),j=(0,d.MO)("whatmoreShopId");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 _=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,k=null!==e&&void 0!==e&&null!==(r=e.event)&&void 0!==r&&null!==(m=r.poster_image)&&void 0!==m&&m.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(p=e.event)||void 0===p||null===(f=p.poster_image)||void 0===f?void 0:f.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(g=e.event)||void 0===g?void 0:g.poster_image;if((0,a.KE)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:k,url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:_});const S=(0,n.useRef)(null),C=null!==($=e.height)&&void 0!==$?$:"100%",F=null!==(v=e.width)&&void 0!==v?v:"100%";return(0,n.useEffect)((()=>{S.current&&(e.isPlaying?S.current.play():S.current.pause())}),[e.isPlaying,w]),(0,c.jsx)("div",{ref:x,style:{width:C,height:F,overflow:"hidden",display:"flex",alignItems:"center"},children:w||"51394281658"==j||"8968077397"==j?(0,c.jsxs)("video",{ref:S,className:"whatmore-video-player-muted",width:F,height:C,preload:"metadata",loop:!0,playsInline:!0,muted:null===(b=e.isVideoMuted)||void 0===b||b,poster:"57939755089"==j?"":k,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("source",{src:(0,o.V)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:F,height:C,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return s}});var n=r(9854),i=r(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,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(o))if(e.includes(t))return e.replace(t,o[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(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},342:function(e,t,r){r.d(t,{$W:function(){return s},WN:function(){return a},uv:function(){return o},vW:function(){return l}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),o=function(e){var t,r;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(r=e.event_media_urls.primary.landscape)||void 0===r?void 0:r.content_video_1080p:e.event_hls_url},a=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},l=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},9363:function(e,t,r){r.d(t,{$:function(){return a},s:function(){return o}});var n=r(9854),i=r(7753);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const r=(0,i.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(r)?"STRNV8MHJTF"==r?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 r=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(r)?"image":null!==i&&void 0!==i&&i.test(r)?"video":void 0}},8743:function(){},9111:function(){},123:function(){},9778:function(){}}]);