whatmore-react-assets 1.0.414 → 1.0.415
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/static/css/{108.3c3dc8c6.chunk.css → 108.d0005a8f.chunk.css} +1 -1
- package/static/css/{12.3c3dc8c6.chunk.css → 12.d0005a8f.chunk.css} +1 -1
- package/static/css/{334.b9d66740.chunk.css → 334.a1ceef07.chunk.css} +1 -1
- package/static/css/{68.50b9b14a.chunk.css → 68.c771d3a4.chunk.css} +1 -1
- package/static/css/{708.3c3dc8c6.chunk.css → 708.d0005a8f.chunk.css} +1 -1
- package/static/css/926.0a6107e8.chunk.css +1 -0
- package/static/js/{364.d07c32df.chunk.js → 364.a56265ea.chunk.js} +1 -1
- package/static/js/{554.bbc2cb43.chunk.js → 554.b99498ed.chunk.js} +1 -1
- package/static/js/{660.b0e4766b.chunk.js → 660.df0a545e.chunk.js} +1 -1
- package/static/js/{692.d432c48e.chunk.js → 692.de404d0e.chunk.js} +1 -1
- package/static/js/74.1d2045f9.chunk.js +1 -0
- package/static/js/959.8aca3102.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/css/926.0adf7962.chunk.css +0 -1
- package/static/js/74.12447a67.chunk.js +0 -1
- package/static/js/959.07269a10.chunk.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[692],{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),p=n.n(h),u=n(1195),x=n(7108),f=(n(7244),n(123),n(9854)),g=n(4136),m=n(6417);var v=function(e){var t;const n=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:w}=(0,o.useContext)(g.I),[b]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,l.MO)("whatmoreShopId");var k=j,C=y,L=S;v[a.YP]===a.$w&&(k=E,C=I,L=z);const[O,M]=(0,o.useState)(["initial",window.pageYOffset]),[_,A]=(0,o.useState)(!1),T=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,f.zG)(P):(0,f.zG)(P),B=T?V:1;s*=B,h*=B;const F=T?(0,f.G0)(P):k,R=T?(0,f.X8)(P):(0,f.lV)(P),[Z,D]=(0,o.useState)(!T&&(0,f.eX)(P));function N(e,t){M(e),e[1]<=100?A(!1):t!=_&&(A(t),D(!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)}),[O]),(0,i.O3)({ref:n,handler:()=>{N(["scrolled-up",O[1]],!0)}});const
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[692],{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),p=n.n(h),u=n(1195),x=n(7108),f=(n(7244),n(123),n(9854)),g=n(4136),m=n(6417);var v=function(e){var t;const n=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:w}=(0,o.useContext)(g.I),[b]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,l.MO)("whatmoreShopId");var k=j,C=y,L=S;v[a.YP]===a.$w&&(k=E,C=I,L=z);const[O,M]=(0,o.useState)(["initial",window.pageYOffset]),[_,A]=(0,o.useState)(!1),T=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,f.zG)(P):(0,f.zG)(P),B=T?V:1;s*=B,h*=B;const F=T?(0,f.G0)(P):k,R=T?(0,f.X8)(P):(0,f.lV)(P),[Z,D]=(0,o.useState)(!T&&(0,f.eX)(P));function N(e,t){M(e),e[1]<=100?A(!1):t!=_&&(A(t),D(!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)}),[O]),(0,i.O3)({ref:n,handler:()=>{N(["scrolled-up",O[1]],!0)}});const Y=e.event,G=e.inVideoClick,H=e.closeClick,W=.3*h,$=.6*h,K=.1*h,U=.1*(.5*h),X="round"==w?"10px":"0px",q=(0,f.Z$)(P);var J=!1,Q=0,ee=0;function te(e){J=e}return(0,m.jsx)("div",{children:Z&&!R?(0,m.jsx)(m.Fragment,{}):_&&R?(0,m.jsx)("div",{style:"left"===F?{left:"1px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q},children:(0,m.jsxs)("div",{onClick:()=>{N(["initial",O[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===F?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,m.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden"},children:(0,m.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,m.jsx)(r.Z,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,m.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,m.jsx)(u.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"},onClick:H})})}),(0,m.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,m.jsx)(x.Z,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,m.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)=>{J&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):G(Y)},children:(0,m.jsx)("div",{ref:n,style:"left"===F?{left:T?(0,f.$I)(P)+"px":C+"px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q}:{right:T?(0,f.$I)(P)+"px":C+"px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q},children:(0,m.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===F?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,m.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden",position:"relative"},children:(0,m.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,m.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,m.jsx)(u.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:W+"px"},onClick:H,style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"}})}),(0,m.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,m.jsx)(c.Z,{sx:{color:(0,f.Y)(P),fontSize:$+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,m.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:X,borderBottomRightRadius:X,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,m.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},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),p=n(4669),u=n(941),x=n(9302),f=n(7381),g=n(2575),m=n(7300),v=n(6524),w=n(3388),b=n(7643),j=n(778),y=n(6417);const S=(0,g.Z)({key:"whatmore-css-wsv"}),E=i.lazy((()=>Promise.all([n.e(819),n.e(210),n.e(576),n.e(803),n.e(926),n.e(303),n.e(660),n.e(708)]).then(n.bind(n,1660))));t.default=function(e){const[t,n]=(0,i.useState)(),[g,I]=(0,i.useState)(),[z]=(0,a.j1)("isInDesignMode"),[P]=(0,a.j1)("isDemoBrand"),[k,C]=(0,i.useState)(-2),[L]=(0,a.j1)("whatmoreShopId"),O=(0,a.MO)("isLandingSharedLink"),M=(0,a.MO)("whatmoreShareTemplateId"),_=((0,a.MO)("whatmoreShareStoryId"),(0,a.MO)("whatmoreShareEventId")),A=(0,a.MO)("whatmoreLandingLocationType"),T=(0,a.MO)("whatmoreLoggingActive");var V=(0,o.ef)(L)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,i.useEffect)((()=>{(0,s.hb)()}),[]),(0,i.useEffect)((()=>{(0,p.ll)(L)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||g||!(0,h.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{C(-1);const e=v.NX,t=(0,v.H1)(A),i=V.toString()+L.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+L;fetch(i).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{I(e.message)}))}),[]),(0,i.useEffect)((()=>{C(-2)}),[t]),(0,i.useEffect)((()=>{null==t||0==t.length||g||O&&"template-embed"==(0,v.zv)(M)&&null!=_&&t.forEach(((e,t)=>{_==e.event_id&&B(e,!0,t)}))}),[t]);const B=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,m.B6)(e)||(0,m.WJ)(e))return z||P||(async()=>{(0,l.wh)(e),(0,p.Tc)(L,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup")})(),void C(n)};function F(){return(0,y.jsx)(y.Fragment,{})}return null==t||0==t.length||g?(0,y.jsx)("div",{}):(T&&(0,f.EI)(t),(0,y.jsx)(x.C,{value:S,children:-1===k||0===t.length?(0,y.jsx)(F,{}):-2===k&&t.length>0?(0,y.jsx)("div",{children:(0,y.jsx)(b.u,{userInteractionType:j.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!P,children:(0,y.jsx)(d.Z,{event:t[0],inVideoClick:B,closeClick:e=>{e.stopPropagation(),C(-1)},isSpotlight:!0})})}):(0,y.jsx)("div",{children:(0,y.jsx)(i.Suspense,{children:(0,y.jsx)(b.u,{userInteractionType:j.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!P,children:(0,y.jsx)(E,{events:t,index:k,onBack:function(){(0,o.n2)(L)&&(0,a.MO)("whatmoreAddedToCart")&&(0,u.D)(L,(()=>{}),100,window.location.hostname),C(-2)},template:"template-embed"})})})})}))}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[74],{5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),a=i(4892),r=i(6805),s=i(7753),d=i(9821);var c=function(e){const[t,i,n,o,a]=(0,d.Z)(),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=a[r.YP]===r.$w?l/100:c/100*1.2;return[t*p,i*p,a]},l=i(9723),p=i(9461),u=i.n(p),h=i(1195),w=i(7108),x=(i(7244),i(123),i(9854)),f=i(4136),g=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,p,v]=c();const{whatmoreUITheme:m}=(0,o.useContext)(f.I),[y]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[L]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,s.MO)("whatmoreShopId");var z=j,T=b,_=I;v[r.YP]===r.$w&&(z=S,T=E,_=L);const[k,C]=(0,o.useState)(["initial",window.pageYOffset]),[D,M]=(0,o.useState)(!1),V=null!==(t=e.isSpotlight)&&void 0!==t&&t,A=v[r.YP]===r.$w?.7*(0,x.zG)(P):(0,x.zG)(P),O=V?A:1;d*=O,p*=O;const B=V?(0,x.G0)(P):z,F=V?(0,x.X8)(P):(0,x.lV)(P),[Z,R]=(0,o.useState)(!V&&(0,x.eX)(P));function N(e,t){C(e),e[1]<=100?M(!1):t!=D&&(M(t),R(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(N([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[k]),(0,n.O3)({ref:i,handler:()=>{N(["scrolled-up",k[1]],!0)}});const G=e.event,Y=e.inVideoClick,U=e.closeClick,W=.3*p,$=.6*p,K=.1*p,H=.1*(.5*p),X="round"==m?"10px":"0px",J=(0,x.Z$)(P);var q=!1,Q=0,ee=0;function te(e){q=e}return(0,g.jsx)("div",{children:Z&&!F?(0,g.jsx)(g.Fragment,{}):D&&F?(0,g.jsx)("div",{style:"left"===B?{left:"1px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{onClick:()=>{N(["initial",k[1]],!1)},style:{margin:"1px",width:p+"px",height:d+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(a.Z,{url:G.thumbnail_image,isPlaying:!1,event:G})})}),(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 15px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"},onClick:U})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(w.Z,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,g.jsx)(u(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,Q=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{q&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):Y(G)},children:(0,g.jsx)("div",{ref:i,style:"left"===B?{left:V?(0,x.$I)(P)+"px":T+"px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J}:{right:V?(0,x.$I)(P)+"px":T+"px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:d+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(a.Z,{url:G.thumbnail_image,isMuted:!0,isPlaying:!0,event:G})})}),(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 15px black);",color:"white",fontSize:W+"px"},onClick:U,style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(l.Z,{sx:{color:(0,x.Y)(P),fontSize:$+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:X,borderBottomRightRadius:X,backgroundImage:y?"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*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},4284:function(e,t,i){i.r(t);var n=i(7313),o=i(9854),a=i(2860),r=i(7753),s=i(5160),d=(i(4844),i(6967)),c=i(5380),l=i(58),p=i(8984),u=(i(7247),i(1824),i(4669)),h=i(941),w=i(9302),x=i(2575),f=i(7300),g=i(6524),v=i(4136),m=i(7376),y=i(778),j=i(7643),b=i(6417);const I=(0,x.Z)({key:"whatmore-css-ppv"}),S=n.lazy((()=>Promise.all([i.e(819),i.e(210),i.e(576),i.e(803),i.e(926),i.e(303),i.e(660),i.e(108)]).then(i.bind(i,1660))));function E(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,i]=(0,n.useState)(),[x,L]=(0,n.useState)(),[P]=(0,r.j1)("isInDesignMode"),[z]=(0,r.j1)("isDemoBrand"),[T]=(0,r.j1)("whatmoreEmbedAppUseVariant"),[_,k]=(0,n.useState)(-2),[C]=(0,r.j1)("whatmoreVariantId"),[D]=(0,r.j1)("whatmoreShopId");var[M]=(0,r.j1)("whatmoreProductId");const V=(0,r.MO)("isLandingSharedLink"),A=(0,r.MO)("whatmoreShareTemplateId"),O=((0,r.MO)("whatmoreShareStoryId"),(0,r.MO)("whatmoreShareEventId"));M=(0,o.iX)(D)?E(window.location.href):M;const[B,F]=(0,n.useState)((()=>"true"===T?C:M));var Z=a.Gc+"/v2/brand/"+D+"/product-events";const{whatmoreWidgetSourceDetails:R}=(0,n.useContext)(v.I);(0,n.useEffect)((()=>{(0,d.hb)()}),[]),(0,n.useEffect)((()=>{(0,u.ll)(D)}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||x||!(0,p.KE)()||(0,r.MO)("whatmoreVideoPlayerPoolInitiated")||(0,l.b5)(l.UD)}),[t]),(0,n.useEffect)((()=>{k(-1),fetch(Z.toString()+"?client_product_id="+B.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(i(e),e))).then((e=>((0,o.yo)(D)&&function(e,t){setTimeout((async()=>{const i=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!i||i.product_link==E(window.location.href))return;const n={product_id:i.product_id,product_link:E(window.location.href)};fetch(a.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)})}),500)}(e,B),e))).catch((e=>{L(e.message)}))}),[B]),(0,n.useEffect)((()=>{k(-2),t&&t.length>0&&(0,m.PB)({userInteractionType:y.K.PDP_VISITED,widgetSourceDetails:R,event:t[0],productList:t[0].products,ctaList:t[0].cta})}),[t]),(0,n.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"===T){const e=function(e){for(var t=window.location.search.substring(1).split("&"),i=0;i<t.length;i++){var n=t[i].split("=");if(n[0]==e)return n[1]}return!1}("variant");e&&""!==e&&F(e)}}))}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||x||V&&"template-embed"==(0,g.zv)(A)&&null!=O&&t.forEach(((e,t)=>{O==e.event_id&&N(e,!0,t)}))}),[t]);const N=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,p.KE)()&&!t&&(0,l.QV)(),(0,f.B6)(e)||(0,f.WJ)(e))return P||z||(async()=>{(0,s.wh)(e),(0,u.Tc)(D,a.h7,a.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup")})(),void k(i)};function G(){return(0,b.jsx)(b.Fragment,{})}return null==t||0==t.length||x?(0,b.jsx)("div",{}):(0,b.jsx)(w.C,{value:I,children:"no-product"===B||-1===_||0===t.length?(0,b.jsx)(G,{}):-2===_&&t.length>0?(0,b.jsx)("div",{children:(0,b.jsx)(j.u,{userInteractionType:y.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!z,children:(0,b.jsx)(c.Z,{event:t[0],inVideoClick:N,closeClick:e=>{e.stopPropagation(),k(-1)}})})}):(0,b.jsx)("div",{children:(0,b.jsx)(n.Suspense,{children:(0,b.jsx)(j.u,{userInteractionType:y.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!z,children:(0,b.jsx)(S,{events:t,index:_,onBack:function(){(0,o.n2)(D)&&(0,r.MO)("whatmoreAddedToCart")&&(0,h.D)(D,(()=>{}),100,window.location.hostname),k(-2)},template:"template-product-page"})})})})})}},7376:function(e,t,i){i.d(t,{GF:function(){return o},PB:function(){return s},Z2:function(){return a},y4:function(){return r}});var n=i(795);function o(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function a(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function r(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function s(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[959],{4048:function(e,t,n){n.r(t);var i=n(7313),o=n(6090),r=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),a=n(2210),d=n(8486),c=n(9821),h=n(8866),p=n(2279),x=n.n(p),m=n(7753),u=n(7129),f=n(1855),y=n(9854),g=n(4136),w=n(4920),v=n(7376),j=n(778),C=n(6417);const b=(0,l.Z)({key:"whatmore-css-hv"});function P(e){const[t,n,o]=(0,c.Z)(),r=(0,m.MO)("whatmoreShopId"),s=e.events,l=e.onClick,d=o*(0,y.u6)(r),{whatmoreWidgetSourceDetails:h}=(0,i.useContext)(g.I);return(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,C.jsx)(a.tq,{slidesPerView:s.length>1?d:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,v.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:h})},children:s.map((e=>(0,C.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:o,isVisible:r}=t;return i||o||n?(0,C.jsx)(w.Z,{isOnFocus:n&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{l(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function I(e){const[t,n,o,r]=(0,c.Z)(),[s,l]=(0,i.useState)(-1),h=e.onClick,p=e.events,m=Math.min(o,p.length),{whatmoreWidgetSourceDetails:u}=(0,i.useContext)(g.I);return(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,C.jsx)("div",{style:{width:n*m*1.1+"px"},children:(0,C.jsx)(a.tq,{slidesPerView:m,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(m),onSlideChange:()=>{(0,v.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:u})},spaceBetween:40,children:p.map(((e,t)=>{const n=x()((()=>l(t)),300);return(0,C.jsx)(a.o5,{onMouseEnter:()=>{n()},onMouseLeave:()=>{n.cancel(),l(-1)},children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:l}=n;return l?(0,C.jsx)(w.Z,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){var t;const[n,l,a]=(0,h.Z)(),[d]=(0,m.j1)("whatmoreShopId"),[c]=(0,m.j1)("whatmorePrimaryColor"),[p]=(0,m.j1)("whatmoreSecondaryColor"),[x]=(0,m.j1)("whatmoreTitleFont"),f="portrait"==n?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,i.useContext)(g.I),v=e.events,j=e.onClick,S=null!==(t=(0,y.aR)(d))&&void 0!==t?t:x;function F(e){j(e)}return delete r.ZP.styles.global,(0,C.jsx)(s.C,{value:b,children:(0,C.jsx)("div",{children:(0,C.jsx)(o.x,{theme:r.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,C.jsxs)(u.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0?(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",S,"important"),e.style.setProperty("font-size",f+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center"},children:e.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===n?(0,C.jsx)(I,{events:v,onClick:F}):(0,C.jsx)(P,{events:v,onClick:F})]})})})})}},1092:function(e,t,n){var i=n(237),o=n(9854),r=n(7753),s=n(4136),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,r.MO)("whatmoreShopId"),c=(0,r.MO)("whatmorePrimaryFont"),h=e.event,p=e.fontSize;if(h.total_views<=0)return(0,a.jsx)(a.Fragment,{});const x=(0,o.S_)(n);return"template-icon"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},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)(i.Z,{sx:{color:(0,o.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("font-size",p,"important"),e.style.setProperty("min-height","0","important"),e.style.setProperty("display","inline","important"),e.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},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:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},5945:function(e,t,n){function i(e){return"undefined"==typeof e||"undefined"==e||null==e?"":e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()}))}n.d(t,{s:function(){return i}})},1855:function(e,t,n){var i=n(7313),o=n(9821),r=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,o.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},4920:function(e,t,n){n.d(t,{Z:function(){return j}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),s=n(7753),l=n(4892),a=n(7129),d=n(6805),c=n(9854),h=n(1092),p=n(5945),x=n(4136),m=n(6417);var u=function(e){var[t,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(x.I),[l]=(0,s.j1)("whatmorePrimaryFont"),[a]=(0,s.j1)("whatmorePrimaryColor"),[d]=(0,s.j1)("whatmoreSecondaryColor"),[h,u]=(0,i.useState)(0),f=(0,s.MO)("whatmoreShopId"),y=e.event;if(0==y.products.length)return(0,m.jsx)(m.Fragment,{});const g=.3*n,w=g+"px",v=g+"px",j=.07*n+"px";return(0,m.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,m.jsx)("div",{style:{width:w,height:v,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(f),borderColor:(0,c.qP)(f),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,m.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,c.yO)(f),"important")},src:y.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,m.jsx)("div",{style:{width:n-5-g+"px",height:v,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",j,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",l,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,p.s)(y.products[h].title)})})})]},h)})},f=n(3933),y=n(8984);function g(e){var t,[n,l]=(0,o.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[h,p,x]=(0,f.YD)({triggerOnce:!0});var g=(0,i.useContext)(a.V);const w=e.event,v=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l;return(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)("p",{children:" "})}),g.showPlayButton&&!v?(0,m.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(r.Z,{sx:{color:(0,c.Y)(d)+" !important",opacity:(0,y.gE)()?0:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,m.jsx)(m.Fragment,{}),(0,m.jsx)("div",{ref:h,children:p&&(0,c.PW)(d)?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(u,{event:w})}):(0,m.jsx)("div",{height:"20px"})})]})})}function w(e){var[t,n]=(0,o.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,m.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,m.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,m.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,m.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,m.jsx)(m.Fragment,{})}function v(e){const[t,n,i,r,l]=(0,o.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),p=(0,s.MO)("whatmoreShopId"),x=e.event,u=e.isOnFocus;return(0,m.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,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,m.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,c.qc)(p)?(0,m.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,m.jsx)(h.Z,{event:x,fontSize:.07*n+"px"})})}):(0,m.jsx)(m.Fragment,{})})}),d.$w===l[d.YP]?(0,m.jsx)(m.Fragment,{}):u?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,m.jsx)(w,{event:x})}):(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(w,{event:x})})]})})}var j=function(e){var t,n,r;const[h,p,u,f,y]=(0,o.Z)();var w=(0,i.useContext)(a.V);const{whatmoreUITheme:j}=(0,i.useContext)(x.I),C=(0,s.MO)("whatmoreShopId"),b=e.event,P=e.onClick,I=null===(t=e.isOnFocus)||void 0===t||t,S=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,F=null!==(r=e.animateOnFocus&&(0,c.iW)(C))&&void 0!==r&&r,M=(0,c.nz)(C);return(0,m.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",w.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",w.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:p,height:h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j?M:null,borderWidth:(0,c.al)(C),borderColor:(0,c.qP)(C),overflow:"hidden",cursor:"pointer"},className:F?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(b)},children:[(0,m.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:I||S,event:b}),(0,m.jsxs)("div",{style:{width:p,height:h},children:[(0,m.jsx)(v,{event:b,isOnFocus:I}),I||d.$w===y[d.YP]?(0,m.jsx)(g,{event:b,unfocusedDisplay:!I}):null]})]})}},9723:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},237:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(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");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){}}]);
|