whatmore-react-assets 1.0.939 → 1.0.941

package/static/js/{894.818d39f2.chunk.js → 894.f3999e49.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[894],{8181:function(e,t,n){var i=n(7313),o=n(8866),r=n(7753),a=n(6417);const s=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 ".concat(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 ".concat(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=s},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),s=n(7753),d=n(9821);var l=function(e){const[t,n,i,o,r]=(0,d.Z)(),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.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),m=n(7108),v=(n(7244),n(123),n(9854)),f=n(5572),g=n(6417);var w=function(e){var t;const n=o.useRef(null);var[d,u,w]=l();const{whatmoreUITheme:x}=(0,o.useContext)(f.I),[b]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[_]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),L=(0,s.MO)("whatmoreShopId");var C=y,D=j,T=I;w[a.YP]===a.$w&&(C=_,D=E,T=S);const[P,k]=(0,o.useState)(["initial",window.pageYOffset]),[z,O]=(0,o.useState)(!1),A=null!==(t=e.isSpotlight)&&void 0!==t&&t,K=w[a.YP]===a.$w?.7*(0,v.zGA)(L):(0,v.zGA)(L),V=A?K:1;d*=V,u*=V;const M=A?(0,v.G0o)(L):C,N=A?(0,v.X8j)(L):(0,v.lVn)(L),[Z,F]=(0,o.useState)(!A&&(0,v.eXi)(L));function R(e,t){k(e),e[1]<=100?O(!1):t!=z&&(O(t),F(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(R([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:()=>{R(["scrolled-up",P[1]],!0)}});const W=e.event,U=e.inVideoClick,B=e.closeClick,H=.3*u,Y=.6*u,G=.1*u,$=.1*(.5*u),q="round"==x?"10px":"0px",J=(0,v.Z$A)(L);var X=!1,Q=0,ee=0;function te(e){X=e}return(0,g.jsx)("div",{children:Z&&!N?(0,g.jsx)(g.Fragment,{}):z&&N?(0,g.jsx)("div",{style:"left"===M?{left:"1px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{onClick:()=>{R(["initial",P[1]],!1)},style:{margin:"1px",width:u+"px",height:d+"px"},className:"left"===M?"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:W.thumbnail_image,isPlaying:!1,event:W})})}),(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)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:H+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:B})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(m.Z,{sx:{color:"white",fontSize:2*H+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,g.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,Q=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{X&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):U(W)},children:(0,g.jsx)("div",{ref:n,style:"left"===M?{left:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:u+"px",height:d+"px"}),className:"left"===M?"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:9/16},children:(0,g.jsx)(r.Z,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(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)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:H+"px"},onClick:B,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(c.Z,{sx:{color:(0,v.Ya_)(L),fontSize:Y+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:b?"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*H+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),s=n(5160),d=n(6967),l=n(5380),c=n(58),u=n(8984),p=n(4669),h=n(513),m=n(9302),v=n(2575),f=n(7300),g=n(6524),w=n(5572),x=n(4522),b=n(778),y=n(7643),j=n(7008),I=n(7381),_=n(8181),E=n(6095),S=n(6417);const L=(0,v.Z)({key:"whatmore-css-ppv"}),C=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(351),n.e(955),n.e(926),n.e(824),n.e(74),n.e(903)]).then(n.bind(n,8074))));function D(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[v,T]=(0,i.useState)(),[P]=(0,a.j1)("isInDesignMode"),[k]=(0,a.j1)("isDemoBrand"),[z]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[O,A]=(0,i.useState)(-2),[K]=(0,a.j1)("whatmoreVariantId"),[V]=(0,a.j1)("whatmoreShopId");var[M]=(0,a.j1)("whatmoreProductId");const N=(0,a.MO)("isLandingSharedLink"),Z=(0,a.MO)("whatmoreShareTemplateId"),F=(0,a.MO)("whatmoreShareEventId"),R=N&&"template-embed"===(0,g.zv)(Z),[W,U]=(0,i.useState)(R);M=(0,o.iXA)(V)?D(window.location.href):M;const[B,H]=(0,i.useState)((()=>"true"===z?K:M));var Y=r.Gc+"/v2/brand/"+V+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(w.I);(0,i.useEffect)((()=>{(0,I.Oo)("Video shopping powered by Whatmore!"),(0,d.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,j.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(V)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||v||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{A(-1),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)(V)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(V)&&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=>{T(e.message)}))}),[B]),(0,i.useEffect)((()=>{var e,n;A(-2),(t&&t.length>0||(0,o.uO6)(V))&&(0,x.PB)({userInteractionType:b.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"===z){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&&H(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!v&&R&&((0,E.A)("whatmore-video-player",(()=>{U(!1)})),null!=F)){const e=t.find((e=>F==e.event_id));if(e)return void J(e,!0,t.indexOf(e))}}),[t]);const $=G.landingLocationType,q=G.templateType,J=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 P||k||(async()=>{const t=(0,g.NY)($)+(0,g.dS)(q)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,s.wh)(e),(0,p.Tc)(V,r.h7,r.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void A(n)};function X(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||v?(0,S.jsx)("div",{}):(0,S.jsxs)(m.C,{value:L,children:[W&&(0,S.jsx)(_.Z,{}),"no-product"===B||-1===O||0===t.length?(0,S.jsx)(X,{}):-2===O&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(y.u,{userInteractionType:b.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(l.Z,{event:t[0],inVideoClick:J,closeClick:e=>{e.stopPropagation(),A(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(y.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(C,{events:t,index:O,onBack:function(e){(0,o.n2L)(V)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(V,(()=>{}),100,window.location.hostname,e),A(-2),U(!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 d},y4:function(){return c},PB:function(){return u},Z2:function(){return l}});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 d(e){var t;let{userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}=e;(0,a.s)({userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}),n in s&&function(e,t){const n=(0,o.MO)("whatmoreShopId");(e!=r.K.EVENT_VIEW||(0,i.UAB)(n))&&(e!=r.K.SHOPNOW_ATC_CLICKED&&e!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(n))&&(e!=r.K.VIDEO_LIKED||(0,i.sKB)(n))&&(e!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(n))&&"function"==typeof fbq&&(async()=>{console.log("hello"),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})})()}(n,null!==(t=null===u||void 0===u?void 0:u[1])&&void 0!==t?t:null===u||void 0===u?void 0:u[0])}function l(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function c(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}}}]);
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[894],{8181:function(e,t,n){var i=n(7313),o=n(8866),r=n(7753),a=n(6417);const s=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 ".concat(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 ".concat(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=s},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),s=n(7753),d=n(9821);var l=function(e){const[t,n,i,o,r]=(0,d.Z)(),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.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),m=n(7108),v=(n(7244),n(123),n(9854)),f=n(5572),g=n(6417);var w=function(e){var t;const n=o.useRef(null);var[d,u,w]=l();const{whatmoreUITheme:x}=(0,o.useContext)(f.I),[b]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[_]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),L=(0,s.MO)("whatmoreShopId");var C=y,D=j,T=I;w[a.YP]===a.$w&&(C=_,D=E,T=S);const[P,k]=(0,o.useState)(["initial",window.pageYOffset]),[z,O]=(0,o.useState)(!1),A=null!==(t=e.isSpotlight)&&void 0!==t&&t,K=w[a.YP]===a.$w?.7*(0,v.zGA)(L):(0,v.zGA)(L),V=A?K:1;d*=V,u*=V;const M=A?(0,v.G0o)(L):C,N=A?(0,v.X8j)(L):(0,v.lVn)(L),[Z,F]=(0,o.useState)(!A&&(0,v.eXi)(L));function R(e,t){k(e),e[1]<=100?O(!1):t!=z&&(O(t),F(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(R([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:()=>{R(["scrolled-up",P[1]],!0)}});const W=e.event,U=e.inVideoClick,B=e.closeClick,H=.3*u,Y=.6*u,G=.1*u,$=.1*(.5*u),q="round"==x?"10px":"0px",J=(0,v.Z$A)(L);var X=!1,Q=0,ee=0;function te(e){X=e}return(0,g.jsx)("div",{children:Z&&!N?(0,g.jsx)(g.Fragment,{}):z&&N?(0,g.jsx)("div",{style:"left"===M?{left:"1px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{onClick:()=>{R(["initial",P[1]],!1)},style:{margin:"1px",width:u+"px",height:d+"px"},className:"left"===M?"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:W.thumbnail_image,isPlaying:!1,event:W})})}),(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)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:H+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:B})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(m.Z,{sx:{color:"white",fontSize:2*H+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,g.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,Q=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{X&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):U(W)},children:(0,g.jsx)("div",{ref:n,style:"left"===M?{left:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:u+"px",height:d+"px"}),className:"left"===M?"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:9/16},children:(0,g.jsx)(r.Z,{url:W.thumbnail_image,isMuted:!0,isPlaying:!0,event:W})})}),(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)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:H+"px"},onClick:B,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(c.Z,{sx:{color:(0,v.Ya_)(L),fontSize:Y+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:b?"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*H+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),s=n(5160),d=n(6967),l=n(5380),c=n(58),u=n(8984),p=n(4669),h=n(513),m=n(9302),v=n(2575),f=n(7300),g=n(6524),w=n(5572),x=n(4522),b=n(778),y=n(7643),j=n(7008),I=n(7381),_=n(8181),E=n(6095),S=n(6417);const L=(0,v.Z)({key:"whatmore-css-ppv"}),C=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(351),n.e(955),n.e(926),n.e(824),n.e(74),n.e(903)]).then(n.bind(n,8074))));function D(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[v,T]=(0,i.useState)(),[P]=(0,a.j1)("isInDesignMode"),[k]=(0,a.j1)("isDemoBrand"),[z]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[O,A]=(0,i.useState)(-2),[K]=(0,a.j1)("whatmoreVariantId"),[V]=(0,a.j1)("whatmoreShopId");var[M]=(0,a.j1)("whatmoreProductId");const N=(0,a.MO)("isLandingSharedLink"),Z=(0,a.MO)("whatmoreShareTemplateId"),F=(0,a.MO)("whatmoreShareEventId"),R=N&&"template-embed"===(0,g.zv)(Z),[W,U]=(0,i.useState)(R);M=(0,o.iXA)(V)?D(window.location.href):M;const[B,H]=(0,i.useState)((()=>"true"===z?K:M));var Y=r.Gc+"/v2/brand/"+V+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(w.I);(0,i.useEffect)((()=>{(0,I.Oo)("Video shopping powered by Whatmore!"),(0,d.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,j.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(V)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||v||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{A(-1),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)(V)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(V)&&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=>{T(e.message)}))}),[B]),(0,i.useEffect)((()=>{var e,n;A(-2),(t&&t.length>0||(0,o.uO6)(V))&&(0,x.PB)({userInteractionType:b.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"===z){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&&H(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!v&&R&&((0,E.A)("whatmore-video-player",(()=>{U(!1)})),null!=F)){const e=t.find((e=>F==e.event_id));if(e)return void J(e,!0,t.indexOf(e))}}),[t]);const $=G.landingLocationType,q=G.templateType,J=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 P||k||(async()=>{const t=(0,g.NY)($)+(0,g.dS)(q)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,s.wh)(e),(0,p.Tc)(V,r.h7,r.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void A(n)};function X(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||v?(0,S.jsx)("div",{}):(0,S.jsxs)(m.C,{value:L,children:[W&&(0,S.jsx)(_.Z,{}),"no-product"===B||-1===O||0===t.length?(0,S.jsx)(X,{}):-2===O&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(y.u,{userInteractionType:b.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(l.Z,{event:t[0],inVideoClick:J,closeClick:e=>{e.stopPropagation(),A(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(y.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(C,{events:t,index:O,onBack:function(e){(0,o.n2L)(V)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(V,(()=>{}),100,window.location.hostname,e),A(-2),U(!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 d},y4:function(){return c},PB:function(){return u},Z2:function(){return l}});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 d(e){var t;let{userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}=e;(0,a.s)({userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}),n in s&&function(e,t){const n=(0,o.MO)("whatmoreShopId");(e!=r.K.EVENT_VIEW||(0,i.UAB)(n))&&(e!=r.K.SHOPNOW_ATC_CLICKED&&e!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(n))&&(e!=r.K.VIDEO_LIKED||(0,i.sKB)(n))&&(e!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(n))&&"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})})()}(n,null!==(t=null===u||void 0===u?void 0:u[1])&&void 0!==t?t:null===u||void 0===u?void 0:u[0])}function l(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function c(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}}}]);