whatmore-react-assets 1.0.984 → 1.0.985

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/package.json +1 -1
  2. package/static/js/582.a3ddb02b.chunk.js +1 -0
  3. package/static/js/703.f12bbdf0.chunk.js +1 -0
  4. package/static/js/{704.1bce5b03.chunk.js → 704.03f62965.chunk.js} +1 -1
  5. package/static/js/816.51f75c28.chunk.js +1 -0
  6. package/static/js/820.f1d643ba.chunk.js +1 -0
  7. package/static/js/862.feb75313.chunk.js +1 -0
  8. package/whatmore.js +2 -2
  9. package/static/js/582.9f933b37.chunk.js +0 -1
  10. package/static/js/74.b7803c41.chunk.js +0 -1
  11. package/static/js/816.e8889314.chunk.js +0 -1
  12. package/static/js/820.7e38cb48.chunk.js +0 -1
  13. package/static/js/862.ede3cb86.chunk.js +0 -1
package/static/js/{704.1bce5b03.chunk.js → 704.03f62965.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[704],{3388:function(e,t,n){n.d(t,{OC:function(){return l},e8:function(){return r},kT:function(){return i},kW:function(){return a},xg:function(){return o}});const i=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.filter((e=>1==i(e)))},a=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 l=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const i=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return i?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(i):[]}},5380:function(e,t,n){n.d(t,{Z:function(){return v}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),l=n(7753),s=n(9821);var d=function(e){const[t,n,i,o,r]=(0,s.Z)(),[d]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$w?c/100:d/100*1.2;return[t*h,n*h,r]},c=n(9723),h=n(9461),u=n.n(h),p=n(1195),f=n(7108),m=(n(7244),n(123),n(9854)),x=n(8811),g=n(6417);var v=function(e){var t;const n=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:w}=(0,o.useContext)(x.I),[j]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[b]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[I]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[S]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[P]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,l.MO)("whatmoreShopId");var _=b,C=y,L=E;v[a.YP]===a.$w&&(_=I,C=S,L=P);const[A,k]=(0,o.useState)(["initial",window.pageYOffset]),[M,O]=(0,o.useState)(!1),T=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,m.zGA)(z):(0,m.zGA)(z),Y=T?V:1;s*=Y,h*=Y;const D=T?(0,m.G0o)(z):_,Z=T?(0,m.X8j)(z):(0,m.lVn)(z),[$,F]=(0,o.useState)(!T&&(0,m.eXi)(z));function N(e,t){k(e),e[1]<=100?O(!1):t!=M&&(O(t),F(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(N([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:()=>{N(["scrolled-up",A[1]],!0)}});const R=e.event,K=e.inVideoClick,W=e.closeClick,B=.3*h,G=.6*h,H=.1*h,q=.1*(.5*h),Q="round"==w?"10px":"0px",U=(0,m.Z$A)(z);var X=!1,J=0,ee=0;function te(e){X=e}return(0,g.jsx)("div",{children:$&&!Z?(0,g.jsx)(g.Fragment,{}):M&&Z?(0,g.jsx)("div",{style:"left"===D?{left:"1px",bottom:T?(0,m.vnu)(z)+"px":L+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:T?(0,m.vnu)(z)+"px":L+"px",position:"fixed",zIndex:U},children:(0,g.jsxs)("div",{onClick:()=>{N(["initial",A[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===D?"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:R.thumbnail_image,isPlaying:!1,event:R})})}),(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)(p.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:W})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(f.Z,{sx:{color:"white",fontSize:2*B+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,g.jsx)(u(),{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)=>{X&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):K(R)},children:(0,g.jsx)("div",{ref:n,style:"left"===D?{left:T?(0,m.$II)(z)+"px":C+"px",bottom:T?(0,m.vnu)(z)+"px":L+"px",position:"fixed",zIndex:U}:{right:T?(0,m.$II)(z)+"px":C+"px",bottom:T?(0,m.vnu)(z)+"px":L+"px",position:"fixed",zIndex:U},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===D?"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:R.thumbnail_image,isMuted:!0,isPlaying:!0,event:R})})}),(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)(p.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},onClick:W,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,m.Ya_)(z),fontSize:G+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:Q,borderBottomRightRadius:Q,backgroundImage:j?"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",j]})})]})})]})})})})}},2209:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),l=n(5160),s=n(6967),d=n(5380),c=n(58),h=n(8984),u=n(4669),p=n(513),f=n(9302),m=n(7381),x=n(2575),g=n(7300),v=n(6524),w=n(3388),j=n(7643),b=n(778),y=n(8811),E=n(6417);const I=(0,x.Z)({key:"whatmore-css-wsv"}),S=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(587)]).then(n.bind(n,8074))));t.default=function(e){const[t,n]=(0,i.useState)(),[x,P]=(0,i.useState)(),[z]=(0,a.j1)("isInDesignMode"),[_]=(0,a.j1)("isDemoBrand"),[C,L]=(0,i.useState)(-2),[A]=(0,a.j1)("whatmoreShopId"),k=(0,a.MO)("isLandingSharedLink"),M=(0,a.MO)("whatmoreShareTemplateId"),O=((0,a.MO)("whatmoreShareStoryId"),(0,a.MO)("whatmoreShareEventId")),T=(0,a.MO)("whatmoreLandingLocationType"),V=(0,a.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:Y}=(0,i.useContext)(y.I);var D=(0,o.efR)(A)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,i.useEffect)((()=>{(0,s.hb)()}),[]),(0,i.useEffect)((()=>{(0,u.ll)(A)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||x||!(0,h.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{L(-1);const e=v.NX,t=(0,v.H1)(T),i=D.toString()+A.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+A;fetch(i).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{P(e.message)}))}),[]),(0,i.useEffect)((()=>{L(-2)}),[t]),(0,i.useEffect)((()=>{null==t||0==t.length||x||k&&"template-embed"==(0,v.zv)(M)&&null!=O&&t.forEach(((e,t)=>{O==e.event_id&&F(e,!0,t)}))}),[t]);const Z=Y.landingLocationType,$=Y.templateType,F=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,h.KE)()&&!t&&(0,c.QV)(),(0,g.B6)(e)||(0,g.WJ)(e))return z||_||(async()=>{const t=(0,v.NY)(Z)+(0,v.dS)($)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,l.wh)(e),(0,u.Tc)(A,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup",t)})(),void L(n)};function N(){return(0,E.jsx)(E.Fragment,{})}return null==t||0==t.length||x?(0,E.jsx)("div",{}):(V&&(0,m.EI)(t),(0,o.B$L)(A)&&C<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,E.jsx)(E.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,E.jsx)(f.C,{value:I,children:-1===C||0===t.length?(0,E.jsx)(N,{}):-2===C&&t.length>0?(0,E.jsx)("div",{children:(0,E.jsx)(j.u,{userInteractionType:b.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!_,children:(0,E.jsx)(d.Z,{event:t[0],inVideoClick:F,closeClick:e=>{e.stopPropagation(),L(-1)},isSpotlight:!0})})}):(0,E.jsx)("div",{children:(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(j.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!_,children:(0,E.jsx)(S,{events:t,index:C,onBack:function(){(0,o.n2L)(A)&&(0,a.MO)("whatmoreAddedToCart")&&(0,p.D)(A,(()=>{}),100,window.location.hostname),L(-2)},template:"template-embed"})})})})})))}},6805:function(e,t,n){n.d(t,{$I:function(){return l},$w:function(){return d},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return i},rE:function(){return s}});const i="device_type",o="device_mode",r="mobile",a="tablet",l="desktop",s="portrait",d="landscape"},9821:function(e,t,n){var i=n(6367),o=n(7753),r=n(8866),a=n(6805);t.Z=function(e){const[t,n,l]=(0,r.Z)(),[s]=(0,o.j1)("whatmoreLandscapePadding"),[d]=(0,o.j1)("whatmoreVideoTileSize"),[c]=(0,o.j1)("whatmoreVideoTileSizePortrait"),h=(0,i.useMediaQuery)({query:"(min-width: 1025px)"}),u=(0,i.useMediaQuery)({query:"(min-width: 481px)"}),p="portrait"==t?c:d,f=!("portrait"!=t||!u),m=p/100*1.3*.5,x=p/100;var g=Math.min(l,n),[v,w,j,b]=[.6*g*(16/9),.6*g,1.4,0];function y(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(h){const e=w*m,t=v*m;[v,w,j,b]=[t,e,(l-2*s)/(1.1*e),s],E[a.me]=a.$I,E[a.YP]=a.$w}else if(f){var I=.8*w,S=.8*v;"portrait"==t?(I*=x,S*=x,[v,w,j,b]=[S,I,y(l/(1.2*I)),0],E[a.me]=a.AL,E[a.YP]=a.rE):([v,w,j,b]=[S,I,(l-2*s)/(1.1*I),s],E[a.me]=a.AL,E[a.YP]=a.$w)}else{I=w,S=v;"portrait"==t?(I=I*x*.9,S=S*x*.9,[v,w,j,b]=[S,I,y(l/(1.15*I)),0],E[a.me]=a.AK,E[a.YP]=a.rE):(I=.7*w,S=.7*v,[v,w,j,b]=[S,I,(l-2*s)/(1.1*I),s],E[a.me]=a.AK,E[a.YP]=a.$w)}return[v,w,j,b,E]}},7244:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[704],{3388:function(e,t,n){n.d(t,{OC:function(){return l},e8:function(){return r},kT:function(){return i},kW:function(){return a},xg:function(){return o}});const i=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.filter((e=>1==i(e)))},a=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 l=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const i=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return i?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(i):[]}},5380:function(e,t,n){n.d(t,{Z:function(){return v}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),l=n(7753),s=n(9821);var d=function(e){const[t,n,i,o,r]=(0,s.Z)(),[d]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$w?c/100:d/100*1.2;return[t*h,n*h,r]},c=n(9723),h=n(9461),u=n.n(h),p=n(1195),f=n(7108),m=(n(7244),n(123),n(9854)),x=n(8811),g=n(6417);var v=function(e){var t;const n=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:w}=(0,o.useContext)(x.I),[j]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[b]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[I]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[S]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[P]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,l.MO)("whatmoreShopId");var _=b,C=y,L=E;v[a.YP]===a.$w&&(_=I,C=S,L=P);const[A,k]=(0,o.useState)(["initial",window.pageYOffset]),[M,O]=(0,o.useState)(!1),T=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,m.zGA)(z):(0,m.zGA)(z),Y=T?V:1;s*=Y,h*=Y;const D=T?(0,m.G0o)(z):_,Z=T?(0,m.X8j)(z):(0,m.lVn)(z),[$,F]=(0,o.useState)(!T&&(0,m.eXi)(z));function N(e,t){k(e),e[1]<=100?O(!1):t!=M&&(O(t),F(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(N([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:()=>{N(["scrolled-up",A[1]],!0)}});const R=e.event,K=e.inVideoClick,W=e.closeClick,B=.3*h,G=.6*h,H=.1*h,q=.1*(.5*h),Q="round"==w?"10px":"0px",U=(0,m.Z$A)(z);var X=!1,J=0,ee=0;function te(e){X=e}return(0,g.jsx)("div",{children:$&&!Z?(0,g.jsx)(g.Fragment,{}):M&&Z?(0,g.jsx)("div",{style:"left"===D?{left:"1px",bottom:T?(0,m.vnu)(z)+"px":L+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:T?(0,m.vnu)(z)+"px":L+"px",position:"fixed",zIndex:U},children:(0,g.jsxs)("div",{onClick:()=>{N(["initial",A[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===D?"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:R.thumbnail_image,isPlaying:!1,event:R})})}),(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)(p.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:W})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(f.Z,{sx:{color:"white",fontSize:2*B+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,g.jsx)(u(),{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)=>{X&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):K(R)},children:(0,g.jsx)("div",{ref:n,style:"left"===D?{left:T?(0,m.$II)(z)+"px":C+"px",bottom:T?(0,m.vnu)(z)+"px":L+"px",position:"fixed",zIndex:U}:{right:T?(0,m.$II)(z)+"px":C+"px",bottom:T?(0,m.vnu)(z)+"px":L+"px",position:"fixed",zIndex:U},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===D?"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:R.thumbnail_image,isMuted:!0,isPlaying:!0,event:R})})}),(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)(p.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},onClick:W,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,m.Ya_)(z),fontSize:G+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:Q,borderBottomRightRadius:Q,backgroundImage:j?"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",j]})})]})})]})})})})}},2209:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),l=n(5160),s=n(6967),d=n(5380),c=n(58),h=n(8984),u=n(4669),p=n(513),f=n(9302),m=n(7381),x=n(2575),g=n(7300),v=n(6524),w=n(3388),j=n(7643),b=n(778),y=n(8811),E=n(6417);const I=(0,x.Z)({key:"whatmore-css-wsv"}),S=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(351),n.e(955),n.e(926),n.e(824),n.e(703),n.e(587)]).then(n.bind(n,3703))));t.default=function(e){const[t,n]=(0,i.useState)(),[x,P]=(0,i.useState)(),[z]=(0,a.j1)("isInDesignMode"),[_]=(0,a.j1)("isDemoBrand"),[C,L]=(0,i.useState)(-2),[A]=(0,a.j1)("whatmoreShopId"),k=(0,a.MO)("isLandingSharedLink"),M=(0,a.MO)("whatmoreShareTemplateId"),O=((0,a.MO)("whatmoreShareStoryId"),(0,a.MO)("whatmoreShareEventId")),T=(0,a.MO)("whatmoreLandingLocationType"),V=(0,a.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:Y}=(0,i.useContext)(y.I);var D=(0,o.efR)(A)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,i.useEffect)((()=>{(0,s.hb)()}),[]),(0,i.useEffect)((()=>{(0,u.ll)(A)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||x||!(0,h.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{L(-1);const e=v.NX,t=(0,v.H1)(T),i=D.toString()+A.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+A;fetch(i).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{P(e.message)}))}),[]),(0,i.useEffect)((()=>{L(-2)}),[t]),(0,i.useEffect)((()=>{null==t||0==t.length||x||k&&"template-embed"==(0,v.zv)(M)&&null!=O&&t.forEach(((e,t)=>{O==e.event_id&&F(e,!0,t)}))}),[t]);const Z=Y.landingLocationType,$=Y.templateType,F=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,h.KE)()&&!t&&(0,c.QV)(),(0,g.B6)(e)||(0,g.WJ)(e))return z||_||(async()=>{const t=(0,v.NY)(Z)+(0,v.dS)($)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,l.wh)(e),(0,u.Tc)(A,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup",t)})(),void L(n)};function N(){return(0,E.jsx)(E.Fragment,{})}return null==t||0==t.length||x?(0,E.jsx)("div",{}):(V&&(0,m.EI)(t),(0,o.B$L)(A)&&C<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,E.jsx)(E.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,E.jsx)(f.C,{value:I,children:-1===C||0===t.length?(0,E.jsx)(N,{}):-2===C&&t.length>0?(0,E.jsx)("div",{children:(0,E.jsx)(j.u,{userInteractionType:b.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!_,children:(0,E.jsx)(d.Z,{event:t[0],inVideoClick:F,closeClick:e=>{e.stopPropagation(),L(-1)},isSpotlight:!0})})}):(0,E.jsx)("div",{children:(0,E.jsx)(i.Suspense,{children:(0,E.jsx)(j.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!_,children:(0,E.jsx)(S,{events:t,index:C,onBack:function(){(0,o.n2L)(A)&&(0,a.MO)("whatmoreAddedToCart")&&(0,p.D)(A,(()=>{}),100,window.location.hostname),L(-2)},template:"template-embed"})})})})})))}},6805:function(e,t,n){n.d(t,{$I:function(){return l},$w:function(){return d},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return i},rE:function(){return s}});const i="device_type",o="device_mode",r="mobile",a="tablet",l="desktop",s="portrait",d="landscape"},9821:function(e,t,n){var i=n(6367),o=n(7753),r=n(8866),a=n(6805);t.Z=function(e){const[t,n,l]=(0,r.Z)(),[s]=(0,o.j1)("whatmoreLandscapePadding"),[d]=(0,o.j1)("whatmoreVideoTileSize"),[c]=(0,o.j1)("whatmoreVideoTileSizePortrait"),h=(0,i.useMediaQuery)({query:"(min-width: 1025px)"}),u=(0,i.useMediaQuery)({query:"(min-width: 481px)"}),p="portrait"==t?c:d,f=!("portrait"!=t||!u),m=p/100*1.3*.5,x=p/100;var g=Math.min(l,n),[v,w,j,b]=[.6*g*(16/9),.6*g,1.4,0];function y(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(h){const e=w*m,t=v*m;[v,w,j,b]=[t,e,(l-2*s)/(1.1*e),s],E[a.me]=a.$I,E[a.YP]=a.$w}else if(f){var I=.8*w,S=.8*v;"portrait"==t?(I*=x,S*=x,[v,w,j,b]=[S,I,y(l/(1.2*I)),0],E[a.me]=a.AL,E[a.YP]=a.rE):([v,w,j,b]=[S,I,(l-2*s)/(1.1*I),s],E[a.me]=a.AL,E[a.YP]=a.$w)}else{I=w,S=v;"portrait"==t?(I=I*x*.9,S=S*x*.9,[v,w,j,b]=[S,I,y(l/(1.15*I)),0],E[a.me]=a.AK,E[a.YP]=a.rE):(I=.7*w,S=.7*v,[v,w,j,b]=[S,I,(l-2*s)/(1.1*I),s],E[a.me]=a.AK,E[a.YP]=a.$w)}return[v,w,j,b,E]}},7244:function(){}}]);
package/static/js/816.51f75c28.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[816],{4816:function(n,e,t){t.r(e),t.d(e,{default:function(){return a}});var i=t(7313),o=t(2210),r=t(8486),l=t(6159),s=t(6417);r.ZP.use([r.o3]);var a=n=>{var e;const{imageUrls:t,onBack:r}=n,[a,c]=(0,i.useState)(null),d=window.location.hostname,[h,u]=(0,i.useState)("https://".concat(d).concat(null===(e=t[0])||void 0===e?void 0:e.url)),[p,b]=(0,i.useState)(!0);(0,i.useEffect)((()=>{a&&a.initialized&&a.update()}),[a]);const x=n.onBack;return p?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("style",{children:"\n .thumbnail-container {\n padding: 5px 2px 10px 2px;\n box-sizing: border-box; \n display: flex; \n flex-direction: column; \n align-items: center;\n }\n .close-button-container {\n position: absolute;\n top: 16px;\n right: 10px;\n z-index: 2; \n }\n\n .thumbnail-container img {\n cursor: pointer;\n border-radius: 5px;\n width: 100%; \n height: 100%;\n object-fit: cover;\n transition: transform 0.2s ease;\n }\n\n .thumbnail-container img:hover {\n transform: scale(1.05);\n }\n\n .swiper-slide-thumb-active .thumbnail-container img {\n border: 1.5px solid white;\n box-shadow:rgba(255, 255, 255, 0.9);\n transform: scale(1.05); \n }\n\n .swiper-slide img {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .shop-now-button-container {\n display: flex;\n justify-content: center;\n margin-top: 10px;\n }\n\n .shop-now-button {\n background-color: rgba(120, 120, 120, 0.8); \n color: white; \n border: none;\n padding: 12px 24px; \n font-size: 16px; \n border-radius: 5px;\n cursor: pointer;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.3s ease;\n width: 220px; \n }\n\n .shop-now-button:hover {\n background-color: rgba(128, 128, 128, 0.9); \n }\n "}),(0,s.jsxs)("div",{style:{width:"100%",height:"100vh",backgroundColor:"rgba(52, 52, 52, 0.8)",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",overflow:"hidden"},children:[(0,s.jsx)(o.tq,{spaceBetween:10,slidesPerView:1,loop:!0,thumbs:{swiper:a},watchSlidesVisibility:!0,watchSlidesProgress:!0,style:{width:"100%",height:"80vh"},children:t.map(((n,e)=>{var t,i;return(0,s.jsx)(o.o5,{children:(0,s.jsxs)("div",{style:{width:"100%",height:"100%",position:"relative",overflow:"hidden"},children:[(0,s.jsx)("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundImage:"url(".concat(n.imageUrl,")"),backgroundSize:"cover",filter:"blur(20px)",zIndex:0}}),(0,s.jsx)("img",{src:(null===n||void 0===n||null===(t=n.imageUrl)||void 0===t||null===(i=t.split("?"))||void 0===i?void 0:i[0])+"?width=400&height=400",alt:n.title,style:{position:"relative",zIndex:1,maxWidth:"100%",maxHeight:"100%",objectFit:"contain",margin:"auto",display:"block"}})]})},e)}))}),(0,s.jsx)(o.tq,{onSwiper:c,spaceBetween:2,slidesPerView:Math.min(t.length,8),freeMode:!0,watchSlidesProgress:!0,watchSlidesVisibility:!0,style:{width:"100%",height:"100px"},children:t.map(((n,e)=>{var t,i;return(0,s.jsx)(o.o5,{children:(0,s.jsx)("div",{className:"thumbnail-container",children:(0,s.jsx)("img",{src:(null===n||void 0===n||null===(t=n.imageUrl)||void 0===t||null===(i=t.split("?"))||void 0===i?void 0:i[0])+"?width=400&height=400",alt:n.title,style:{width:"100%",height:"100%",objectFit:"cover",cursor:"pointer"},onClick:()=>{return e=n.url,u("https://".concat(d).concat(e));var e}})})},e)}))}),(0,s.jsx)("div",{className:"shop-now-button-container",children:(0,s.jsx)("a",{href:h,target:"_blank",className:"shop-now-button",children:"Shop Now"})}),((null===n||void 0===n?void 0:n.showCloseOverlay)||"portrait"==n.mode)&&(0,s.jsx)("div",{className:"close-button-container",children:(0,s.jsx)(l.Z,{onCloseCallback:x})})]})]}):null}}}]);
package/static/js/820.f1d643ba.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[820],{3867:function(t,e,i){var n=i(8816),o=i(417),r=i(4885),l=i(7753),s=i(8811),a=i(7313),d=i(6417);e.Z=function(t){var e;const{whatmoreUITheme:i}=(0,a.useContext)(s.I),[p]=(0,l.j1)("whatmoreSecondaryColor"),[c,h]=(0,l.j1)("productRatings"),u=(0,l.MO)("whatmorePrimaryFont"),x=(t.storeId,t.productId),m=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===c||"undefined"==typeof c||!(x in c)||c[x].avgRating>5)return(0,d.jsx)(d.Fragment,{});const y=c[x].avgRating,g=c[x].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(y))].map(((t,e)=>(0,d.jsx)(n.Z,{sx:{color:p,fontSize:m+"px"}},"star-icon"+e))),y-Math.floor(y)>.2?(0,d.jsx)(o.Z,{sx:{color:p,fontSize:m+"px"}},"star-half-icon"):y-Math.floor(y)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(r.Z,{sx:{color:p,fontSize:m+"px"}},"star-outline-icon"),[...Array(Math.floor(5-y))].map(((t,e)=>(0,d.jsx)(r.Z,{sx:{color:p,fontSize:m+"px"}},"star-outline-icon-"+e))),(0,d.jsx)("div",{children:(0,d.jsx)("div",{width:"2px"})}),(0,d.jsx)("div",{children:(0,d.jsx)("div",{style:{backgroundColor:p,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,d.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*m+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",y,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*m+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+g+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return B}});var n=i(7313),o=i(6090),r=i(7616),l=i(8811),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),p=i(8486),c=i(9821),h=i(8866),u=i(2279),x=i.n(u),m=i(7753),f=i(7129),y=i(9854),g=i(1855),w=i(4892),v=i(3933),j=i(1092),P=i(5945),C=i(5456),b=i(3867),I=i(9219),S=i(9363),k=i(7053),M=i(5416),O=i(6417);const F=n.lazy((()=>Promise.all([i.e(576),i.e(955),i.e(703),i.e(465)]).then(i.bind(i,6163))));var _=function(t){var e,i,o,r;const{whatmoreUITheme:s}=(0,n.useContext)(l.I);var[a,d]=(0,c.Z)();const[p]=(0,m.j1)("whatmorePrimaryFont"),[h]=(0,m.j1)("whatmoreSecondaryColorShade900"),[u]=(0,m.j1)("whatmoreShopId"),[x,f]=(0,n.useState)(0),[g,w]=(0,n.useState)(t.event),[v,j]=(0,n.useState)(),[_,z]=(0,n.useState)(!1),L=t.onClick,R=g.products.length,{whatmoreIsPreviewMode:Z}=(0,n.useContext)(l.I);if(0==R)return(0,O.jsx)(O.Fragment,{});(0,n.useEffect)((()=>{(0,y.N8M)(u)&&(0,I.p_)(g,(0,y.Ipo)(u),u).then((t=>{w(t),z(!0)}));(async()=>{var t;const e=await(0,k.p)(null===g||void 0===g||null===(t=g.products)||void 0===t?void 0:t[0],(0,y.Ipo)(u),u);j(e),z(!0)})()}),[]);const T=Z,W=.3*d,E=W+"px",A=W+"px",U=.05*d+"px",B=.07*d,D=B+"px",V=.05*d;return(0,O.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,O.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*d,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:L,children:[(0,O.jsx)("div",{style:{width:E,height:A,overflow:"hidden",backgroundColor:h,borderRadius:"round"==s?"5px":"0px",borderWidth:"0px"==(0,y.alU)(u)?"2px":(0,y.alU)(u),borderColor:"white"==(0,y.qPe)(u)?h:(0,y.qPe)(u)},children:(0,O.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,y.yOX)(u),"important")},src:(0,S.s)(g.products[x].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:E,height:E,borderRadius:"round"==s?"5px":"0px",backgroundColor:h},alt:"product image"})}),(0,O.jsx)("div",{style:{width:.7*d+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==s?"5px":"0px"},children:(0,O.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,O.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,O.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",U,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,P.s)(g.products[x].title)})}),(0,O.jsxs)("div",{style:{display:"flex",flexFlow:(0,y.$zZ)(u)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,y.$zZ)(u)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[_&&(0,O.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.Uyp)(u),"important"),t.style.setProperty("font-size",D,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",p,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.price:null===g||void 0===g||null===(e=g.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",u,g.products[x].currency)]}),(0,C.B)(g.products[x].price,g.products[x].compare_price)&&_?(0,O.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,y.kPs)(u),"important"),t.style.setProperty("font-size",.9*B+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.compare_at_price:null===g||void 0===g||null===(o=g.products)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.compare_price),"",u,g.products[x].currency)]}):(0,O.jsx)(O.Fragment,{})]}),(0,O.jsx)(b.Z,{storeId:u,productId:g.products[x].client_product_id,productLink:g.products[x].product_link,fontSize:V})]})})]},x),(0,y.IXJ)(u)||T&&"5141594210"==u?(0,O.jsx)(n.Suspense,{children:(0,O.jsx)(F,{baseFontSize:.05*d,event:g,product:g.products[0],width:.9*d,height:"fit-content"})}):(0,O.jsx)(O.Fragment,{})]})},z=i(3388);i(8984);function L(t){const[e,i,o,r,s]=(0,c.Z)(),{whatmoreUITheme:a}=(0,n.useContext)(l.I),d=(0,m.MO)("whatmoreShowViews"),p=(0,m.MO)("whatmoreShopId"),h=((0,m.MO)("whatmoreSecondaryColorShade600"),t.PRODUCT_BOX_HEIGHT),u=t.PRODUCT_BOX_HEIGHT_IN_PX,x=t.PRODUCT_BOX_MARGIN,[f,g,w]=(0,v.YD)({triggerOnce:!0}),P=t.event;t.isOnFocus;return(0,O.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,O.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,O.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(P)},children:"show"===d?(0,O.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,O.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,O.jsx)(j.Z,{event:P,fontSize:.07*i+"px"})})}):(0,O.jsx)(O.Fragment,{})}),(0,O.jsx)("div",{style:{display:"flex",width:"100%",height:e-h+"px"},onClick:()=>{t.onClick(P)}}),(0,z.xg)(P,p)?(0,O.jsx)("div",{style:{position:"relative",zIndex:1,bottom:x+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:u,marginLeft:x+"px",marginRight:x+"px",backgroundColor:"white",borderRadius:"round"==a?"5px":"0px",borderWidth:(0,y.alU)(p),borderColor:(0,y.qPe)(p),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,O.jsx)("div",{ref:f,children:g&&(0,y.PWD)(p)?(0,O.jsx)(_,{event:P,onClick:()=>{var e,i;(0,y.I6m)(p)?window.location.href=(i=null===(e=P.products)||void 0===e?void 0:e[0],(0,y.lj5)(p)?i.product_link+"?"+(0,y.awP)(p)+"&"+(0,y.n9s)(p)+"&"+(0,y.vaK)(p):i.product_link):t.onClick(P)}}):(0,O.jsx)("div",{height:"20px"})})}):(0,O.jsx)(O.Fragment,{})]})})}var R=function(t){var e,i,o;const[r,s,a,d,p]=(0,c.Z)();var h=(0,n.useContext)(f.V);const{whatmoreUITheme:u}=(0,n.useContext)(l.I),x=(0,m.MO)("whatmoreShopId"),g=(0,m.MO)("whatmoreSecondaryColorShade600"),v=t.event,j=t.onClick,P=null===(e=t.isOnFocus)||void 0===e||e,C=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,b=null!==(o=t.animateOnFocus&&(0,y.iWI)(x))&&void 0!==o&&o,I=(0,y.IXJ)(x)?.7:.8,S=1-I,k=r*S,M=r*S+"px",F=r*S*.1,_=(0,y.nzC)(x);return(0,O.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",h.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",h.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s+"px",height:1.2*r+"px",borderRadius:"round"==u?"5px":"0px",boxShadow:"round"==u?_:null,borderWidth:(0,y.alU)(x),borderColor:(0,y.qPe)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?P?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,O.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{j(v)},children:[(0,O.jsx)(w.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:P||C,event:v}),(0,z.xg)(v,x)?(0,O.jsx)("div",{style:{width:"100%",height:M,backgroundColor:g}}):(0,O.jsx)(O.Fragment,{})]}),(0,O.jsx)(L,{event:v,isOnFocus:P,PRODUCT_BOX_HEIGHT:k,PRODUCT_BOX_HEIGHT_IN_PX:M,PRODUCT_BOX_MARGIN:F,onClick:j})]})},Z=i(778),T=i(4522),W=i(7381);const E=(0,a.Z)({key:"whatmore-css-hv"});function A(t){const[e,i,o]=(0,c.Z)(),r=(0,m.MO)("whatmoreShopId"),s=t.events,a=t.onClick,p=o*(0,y.u6l)(r),{whatmoreWidgetSourceDetails:h}=(0,n.useContext)(l.I);return(0,O.jsx)("div",{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:s.length>1?p:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,T.y4)({userInteractionType:Z.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:h})},children:s.map((t=>(0,O.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return n||o||i?(0,O.jsx)(R,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{a(t)}}):(0,O.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function U(t){const[e,i,o,r]=(0,c.Z)(),[s,a]=(0,n.useState)(-1),h=(0,m.MO)("whatmoreShopId"),u=t.onClick,f=t.events,w=Math.min(o,f.length),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(l.I);return(0,O.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,O.jsx)("div",{style:{width:i*w*1.1+"px"},children:(0,O.jsx)(d.tq,{slidesPerView:w,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(w),onSlideChange:()=>{(0,T.y4)({userInteractionType:Z.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v})},spaceBetween:(0,y.WGf)(h),children:f.map(((t,e)=>{const i=x()((()=>a(e)),300);return(0,O.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),a(-1)},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:l}=i;return l?(0,O.jsx)(R,{isOnFocus:e==s,playOnUnfocus:!(0,y.dHy)(h)||e==parseInt(w/2)&&-1==s,animateOnFocus:!0,event:t,onClick:()=>{u(t)}}):(0,O.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var B=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,m.j1)("whatmorePrimaryColor"),[p]=(0,m.j1)("whatmoreShopId"),[c]=(0,m.j1)("whatmoreSecondaryColor"),[u]=(0,m.j1)("whatmoreTitleFont"),x="portrait"==e?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:y}=(0,n.useContext)(l.I),g=((0,m.MO)("isInDesignMode"),t.events),w=t.onClick,v=u,j=(0,m.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:P}=(0,n.useContext)(l.I);function C(t){w(t)}function b(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,W.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.$.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,O.jsx)(s.C,{value:E,children:(0,O.jsx)("div",{className:"whatmore-carousel-events",children:(0,O.jsx)(o.x,{theme:r.ZP,cssVarsRoot:y,resetCSS:!1,children:(0,O.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||P)?(0,O.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,O.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-size",x+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:P?"W"!==j?j:"":t.heading})}):(0,O.jsx)(O.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,O.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,O.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,O.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-size",x+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:P?"W"!==j?j:"":b(t.heading)[0]}),(0,O.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",x+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:P?"W"!==j?j:"":b(t.heading)[1]})]})}):(0,O.jsx)(O.Fragment,{}),"landscape"===e?(0,O.jsx)(U,{events:g,onClick:C}):(0,O.jsx)(A,{events:g,onClick:C})]})})})})}},1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(8811),s=i(7313),a=i(6417);function d(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const{whatmoreUITheme:e}=(0,s.useContext)(l.I),i=(0,r.MO)("whatmoreShopId"),p=(0,r.MO)("whatmorePrimaryFont"),c=t.event,h=t.fontSize;if(c.total_views<=0)return(0,a.jsx)(a.Fragment,{});const u=(0,o.S_M)(i);return"template-icon"==u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:h,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("font-size",h,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(c.total_views)+" "})})]})})}):"template-text"==u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",p,"important"))},style:{fontSize:h,fontWeight:"bold"},children:" "+d(c.total_views)+" views"})})})})}):void 0}},7129:function(t,e,i){i.d(e,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,i){var n=i(7313),o=i(9821),r=i(7129),l=i(6417);e.Z=function(t){var[e,i]=(0,o.Z)();return(0,n.useContext)(r.V),t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:i,height:e,overflow:"hidden"}})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},5456:function(t,e,i){i.d(e,{B:function(){return n}});const n=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},6805:function(t,e,i){i.d(e,{$I:function(){return s},$w:function(){return d},AK:function(){return r},AL:function(){return l},YP:function(){return o},me:function(){return n},rE:function(){return a}});const n="device_type",o="device_mode",r="mobile",l="tablet",s="desktop",a="portrait",d="landscape"},9821:function(t,e,i){var n=i(6367),o=i(7753),r=i(8866),l=i(6805);e.Z=function(t){const[e,i,s]=(0,r.Z)(),[a]=(0,o.j1)("whatmoreLandscapePadding"),[d]=(0,o.j1)("whatmoreVideoTileSize"),[p]=(0,o.j1)("whatmoreVideoTileSizePortrait"),c=(0,n.useMediaQuery)({query:"(min-width: 1025px)"}),h=(0,n.useMediaQuery)({query:"(min-width: 481px)"}),u="portrait"==e?p:d,x=!("portrait"!=e||!h),m=u/100*1.3*.5,f=u/100;var y=Math.min(s,i),[g,w,v,j]=[.6*y*(16/9),.6*y,1.4,0];function P(t){return Math.round(10*t)/10}var C={DEVICE_TYPE:l.AK,DEVICE_MODE:l.rE};if(c){const t=w*m,e=g*m;[g,w,v,j]=[e,t,(s-2*a)/(1.1*t),a],C[l.me]=l.$I,C[l.YP]=l.$w}else if(x){var b=.8*w,I=.8*g;"portrait"==e?(b*=f,I*=f,[g,w,v,j]=[I,b,P(s/(1.2*b)),0],C[l.me]=l.AL,C[l.YP]=l.rE):([g,w,v,j]=[I,b,(s-2*a)/(1.1*b),a],C[l.me]=l.AL,C[l.YP]=l.$w)}else{b=w,I=g;"portrait"==e?(b=b*f*.9,I=I*f*.9,[g,w,v,j]=[I,b,P(s/(1.15*b)),0],C[l.me]=l.AK,C[l.YP]=l.rE):(b=.7*w,I=.7*g,[g,w,v,j]=[I,b,(s-2*a)/(1.1*b),a],C[l.me]=l.AK,C[l.YP]=l.$w)}return[g,w,v,j,C]}},8816:function(t,e,i){var n=i(4836);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.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");e.Z=l},417:function(t,e,i){var n=i(4836);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.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");e.Z=l},4885:function(t,e,i){var n=i(4836);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.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");e.Z=l},237:function(t,e,i){var n=i(4836);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
package/static/js/862.feb75313.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[862],{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 g}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),s=n(7753),d=n(9821);var c=function(e){const[t,n,i,o,r]=(0,d.Z)(),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.YP]===a.$w?l/100:c/100*1.2;return[t*u,n*u,r]},l=n(9723),u=n(9461),p=n.n(u),h=n(1195),m=n(7108),v=(n(7244),n(123),n(9854)),f=n(8811),w=n(6417);var g=function(e){var t;const n=o.useRef(null);var[d,u,g]=c();const{whatmoreUITheme:x}=(0,o.useContext)(f.I),[_]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[E]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),L=(0,s.MO)("whatmoreShopId");var C=y,P=b,D=E;g[a.YP]===a.$w&&(C=j,P=I,D=S);const[T,O]=(0,o.useState)(["initial",window.pageYOffset]),[k,A]=(0,o.useState)(!1),K=null!==(t=e.isSpotlight)&&void 0!==t&&t,z=g[a.YP]===a.$w?.7*(0,v.zGA)(L):(0,v.zGA)(L),V=K?z:1;d*=V,u*=V;const M=K?(0,v.G0o)(L):C,N=K?(0,v.X8j)(L):(0,v.lVn)(L),[Z,W]=(0,o.useState)(!K&&(0,v.eXi)(L));function Y(e,t){O(e),e[1]<=100?A(!1):t!=k&&(A(t),W(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(Y([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)}),[T]),(0,i.O3)({ref:n,handler:()=>{Y(["scrolled-up",T[1]],!0)}});const R=e.event,F=e.inVideoClick,H=e.closeClick,U=.3*u,$=.6*u,B=.1*u,G=.1*(.5*u),q="round"==x?"10px":"0px",J=(0,v.Z$A)(L);var Q=!1,X=0,ee=0;function te(e){Q=e}return(0,w.jsx)("div",{children:Z&&!N?(0,w.jsx)(w.Fragment,{}):k&&N?(0,w.jsx)("div",{style:"left"===M?{left:"1px",bottom:K?(0,v.vnu)(L)+"px":D+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:K?(0,v.vnu)(L)+"px":D+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{onClick:()=>{Y(["initial",T[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,w.jsx)("div",{style:{overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:R.thumbnail_image,isPlaying:!1,event:R})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:H})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*U+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,w.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,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{Q&&(Math.abs(t.x-X)>5||Math.abs(t.y-ee)>5)?te(!1):F(R)},children:(0,w.jsx)("div",{ref:n,style:"left"===M?{left:K?(0,v.$II)(L)+"px":P+"px",bottom:K?(0,v.vnu)(L)+"px":D+"px",position:"fixed",zIndex:J}:{right:K?(0,v.$II)(L)+"px":P+"px",bottom:K?(0,v.vnu)(L)+"px":D+"px",position:"fixed",zIndex:J},children:(0,w.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,w.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:R.thumbnail_image,isMuted:!0,isPlaying:!0,event:R})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:U+"px"},onClick:H,style:{position:"relative",zIndex:1,left:B+"px",bottom:B+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(l.Z,{sx:{color:(0,v.Ya_)(L),fontSize:$+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:_?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*U+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",_]})})]})})]})})})})}},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),c=n(5380),l=n(58),u=n(8984),p=n(4669),h=n(513),m=n(9302),v=n(2575),f=n(7300),w=n(6524),g=n(8811),x=n(4522),_=n(778),y=n(7643),b=n(7008),E=n(7381),j=n(8181),I=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(703),n.e(903)]).then(n.bind(n,3703))));function P(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[v,D]=(0,i.useState)(),[T]=(0,a.j1)("isInDesignMode"),[O]=(0,a.j1)("isDemoBrand"),[k]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[A,K]=(0,i.useState)(-2),[z]=(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"),W=(0,a.MO)("whatmoreShareEventId"),Y=N&&"template-embed"===(0,w.zv)(Z),[R,F]=(0,i.useState)(Y);M=(0,o.iXA)(V)?P(window.location.href):M;const[H,U]=(0,i.useState)((()=>"true"===k?z:M));var $=r.Gc+"/v2/brand/"+V+"/product-events";const{whatmoreWidgetSourceDetails:B}=(0,i.useContext)(g.I);(0,i.useEffect)((()=>{(0,E.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,b.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,l.b5)(l.UD)}),[t]),(0,i.useEffect)((()=>{if(K(-1),(0,o.ly4)(V)){const e="".concat(r.Gc,"/v2/brand/").concat(V,"/product-events/recommendation");fetch("".concat(e,"?client_product_id=").concat(H,"&limit=10&origin=").concat(window.location.hostname,"&status=live,upcoming&event_type=video")).then((e=>e.json())).then((e=>{e.product_info.length>0?n([...e.events,...e.related_events,{event_type:"recommended_images",product_list:[...e.product_info]}]):n([...e.events,...e.related_events])})).catch((e=>D(e.message)))}else fetch($.toString()+"?client_product_id="+H.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==P(window.location.href))return;const i={product_id:n.product_id,product_link:P(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,H),e))).catch((e=>{D(e.message)}))}),[H]),(0,i.useEffect)((()=>{var e,n;K(-2),(t&&t.length>0||(0,o.uO6)(V))&&(0,x.PB)({userInteractionType:_.K.PDP_VISITED,widgetSourceDetails:B,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&&!v&&Y&&((0,I.A)("whatmore-video-player",(()=>{F(!1)})),null!=W)){const e=t.find((e=>W==e.event_id));if(e)return void J(e,!0,t.indexOf(e))}}),[t]);const G=B.landingLocationType,q=B.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,l.QV)(),(0,f.B6)(e)||(0,f.WJ)(e))return T||O||(async()=>{const t=(0,w.NY)(G)+(0,w.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 K(n)};function Q(){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:[R&&(0,S.jsx)(j.Z,{}),"no-product"===H||-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&&!O,children:(0,S.jsx)(c.Z,{event:t[0],inVideoClick:J,closeClick:e=>{e.stopPropagation(),K(-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&&!O,children:(0,S.jsx)(C,{events:t,index:A,onBack:function(e){(0,o.n2L)(V)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(V,(()=>{}),100,window.location.hostname,e),K(-2),F(!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}})},6805:function(e,t,n){n.d(t,{$I:function(){return s},$w:function(){return c},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return i},rE:function(){return d}});const i="device_type",o="device_mode",r="mobile",a="tablet",s="desktop",d="portrait",c="landscape"},9821:function(e,t,n){var i=n(6367),o=n(7753),r=n(8866),a=n(6805);t.Z=function(e){const[t,n,s]=(0,r.Z)(),[d]=(0,o.j1)("whatmoreLandscapePadding"),[c]=(0,o.j1)("whatmoreVideoTileSize"),[l]=(0,o.j1)("whatmoreVideoTileSizePortrait"),u=(0,i.useMediaQuery)({query:"(min-width: 1025px)"}),p=(0,i.useMediaQuery)({query:"(min-width: 481px)"}),h="portrait"==t?l:c,m=!("portrait"!=t||!p),v=h/100*1.3*.5,f=h/100;var w=Math.min(s,n),[g,x,_,y]=[.6*w*(16/9),.6*w,1.4,0];function b(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(u){const e=x*v,t=g*v;[g,x,_,y]=[t,e,(s-2*d)/(1.1*e),d],E[a.me]=a.$I,E[a.YP]=a.$w}else if(m){var j=.8*x,I=.8*g;"portrait"==t?(j*=f,I*=f,[g,x,_,y]=[I,j,b(s/(1.2*j)),0],E[a.me]=a.AL,E[a.YP]=a.rE):([g,x,_,y]=[I,j,(s-2*d)/(1.1*j),d],E[a.me]=a.AL,E[a.YP]=a.$w)}else{j=x,I=g;"portrait"==t?(j=j*f*.9,I=I*f*.9,[g,x,_,y]=[I,j,b(s/(1.15*j)),0],E[a.me]=a.AK,E[a.YP]=a.rE):(j=.7*x,I=.7*g,[g,x,_,y]=[I,j,(s-2*d)/(1.1*j),d],E[a.me]=a.AK,E[a.YP]=a.$w)}return[g,x,_,y,E]}},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return d},y4:function(){return l},PB:function(){return u},Z2:function(){return c}});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",[r.K.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.K.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event"};function d(e){var t;let{userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:c,event:l,productList:u,ctaList:p}=e;(0,a.s)({userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:c,event:l,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))&&(e!=r.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=r.K.SHOPNOW_CLICKED||(0,i.ejq)(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 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 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 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})}},7244:function(){}}]);