whatmore-react-assets 1.0.1021 → 1.0.1023

package/static/js/84.e27bd226.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[84],{8767:function(e,t,i){i.r(t),i.d(t,{default:function(){return S}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),a=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),s=i(2575),d=i(8866),c=i(7753),h=i(7129),p=i(364),x=i(9854),m=(i(9111),i(9778),i(4892)),u=i(9821),f=i(6417);var v=function(e){var t;const[i,o,r,l,a]=(0,u.Z)(),s=(0,c.MO)("whatmoreSecondaryColor"),d=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),p=(0,c.MO)("whatmoreCollectionsTileSize"),v=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:p,[g,y]=(0,n.useState)(!1),j=(0,x.f63)(h),b=e.event,S=e.onClick,E=e.removeBorders,C=o*w*.01,z=(0,x.eHp)(h);return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,x.VwM)(h)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+s+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+s+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+s+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+s+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C*z+"px",width:C*z+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden"},children:(0,f.jsx)(m.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,f.jsx)("div",{style:{fontFamily:d,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,f.jsx)("p",{children:b.title})})]})},w=i(8782),g=i(7381),y=i(5380),j=i(3933);const b=(0,s.Z)({key:"whatmore-css-cv"});var S=function(e){const[t,i,s]=(0,d.Z)(),[m,S,E,C,z]=(0,u.Z)(),P=(0,c.MO)("whatmoreCollectionsTileSize"),L=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===t?L:P,k="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),I=(0,c.MO)("whatmoreCollectionsTilesSpacing"),R=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:A}=(0,n.useContext)(p.I),O=e.events,Z=e.onClick,{whatmoreIsCollectionsTemplate:F}=(0,n.useContext)(p.I);function V(e){Z(e)}const[T,D,H]=(0,j.YD)({triggerOnce:!1});delete r.ZP.styles.global;const N=.055*S;var B=[];for(let n=0;n<O.length;)B.push((0,f.jsx)(v,{mode:t,event:O[n],onClick:()=>{V(O[n-1])},removeBorders:(0,x.Xtg)(R),fontSize:N},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,g.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]),(0,f.jsx)(a.C,{value:b,children:(0,f.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(o.x,{theme:r.ZP,cssVarsRoot:A,resetCSS:!1,children:(0,f.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:T,style:{marginLeft:k+"px",marginRight:k+"px"},children:(0,f.jsx)(w.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:I,defaultHeight:m*M*.01+"px",defaultWidth:S*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.dhc)(R)&&!D&&-1==e.index&&(0,f.jsx)(y.Z,{event:O[0],inVideoClick:V,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8782:function(e,t,i){i.d(t,{P:function(){return a}});var n=i(3933),o=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:o}=(0,n.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function a(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(l,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,n,o,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(6417);var v=function(e){var t;const i=o.useRef(null);var[s,h,v]=d();const w=(0,a.MO)("whatmoreUITheme"),[g]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var P=y,L=j,M=b;v[l.YP]===l.$w&&(P=S,L=E,M=C);const[k,I]=(0,o.useState)(["initial",window.pageYOffset]),[R,A]=(0,o.useState)(!1),O=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),F=O?Z:1;s*=F,h*=F;const V=O?(0,u.G0o)(z):P,T=O?(0,u.X8j)(z):(0,u.lVn)(z),[D,H]=(0,o.useState)(!O&&(0,u.eXi)(z));function N(e,t){I(e),e[1]<=100?A(!1):t!=R&&(A(t),H(!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 B=e.event,Y=e.inVideoClick,W=e.closeClick,X=.3*h,q=.6*h,$=.1*h,_=.1*(.5*h),G="round"==w?"10px":"0px",U=(0,u.Z$A)(z);var J=!1,K=0,Q=0;function ee(e){J=e}return(0,f.jsx)("div",{children:D&&!T?(0,f.jsx)(f.Fragment,{}):R&&T?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U},children:(0,f.jsxs)("div",{onClick:()=>{N(["initial",k[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:B.thumbnail_image,isPlaying:!1,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"},onClick:W})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,K=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-K)>5||Math.abs(t.y-Q)>5)?ee(!1):Y(B)},children:(0,f.jsx)("div",{ref:i,style:"left"===V?{left:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U}:{right:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:B.thumbnail_image,isMuted:!0,isPlaying:!0,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},onClick:W,style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);

package/static/js/891.bb7181a6.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{3867:function(t,e,i){var n=i(8816),o=i(417),r=i(4885),l=i(7753),s=i(6417);e.Z=function(t){var e;const i=(0,l.MO)("whatmoreUITheme"),[a]=(0,l.j1)("whatmoreSecondaryColor"),[d,p]=(0,l.j1)("productRatings"),c=(0,l.MO)("whatmorePrimaryFont"),h=t.productId,x=t.fontSize,m=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(h in d)||d[h].avgRating>5)return(0,s.jsx)(s.Fragment,{});const y=d[h].avgRating,f=d[h].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.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,s.jsx)(n.Z,{sx:{color:a,fontSize:x+"px"}},"star-icon"+e))),y-Math.floor(y)>.2?(0,s.jsx)(o.Z,{sx:{color:a,fontSize:x+"px"}},"star-half-icon"):y-Math.floor(y)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon"),[...Array(Math.floor(5-y))].map(((t,e)=>(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon-"+e))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:a,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"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,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",m,"important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"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","("+f+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return E}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),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),x=i(2279),m=i.n(x),y=i(7753),f=i(7129),u=i(9854),g=i(364),v=i(1855),w=i(4892),j=i(3933),P=i(1092),C=i(5945),b=i(5456),I=i(3867),S=i(9219),k=i(9363),O=i(7053),M=i(5416),F=i(6417);const _=n.lazy((()=>Promise.all([i.e(577),i.e(587),i.e(818),i.e(465)]).then(i.bind(i,6163))));var R=function(t){var e,i,o,r;const l=(0,y.j1)("whatmoreUITheme");var[s,a]=(0,c.Z)();const[d]=(0,y.j1)("whatmorePrimaryFont"),[p]=(0,y.j1)("whatmoreSecondaryColorShade900"),[h]=(0,y.j1)("whatmoreShopId"),[x,m]=(0,n.useState)(0),[f,v]=(0,n.useState)(t.event),[w,j]=(0,n.useState)(),[P,R]=(0,n.useState)(!1),z=t.onClick,Z=f.products.length,{whatmoreIsPreviewMode:L}=(0,n.useContext)(g.I);if(0==Z)return(0,F.jsx)(F.Fragment,{});(0,n.useEffect)((()=>{(0,u.N8M)(h)&&(0,S.p_)(f,(0,u.Ipo)(h),h).then((t=>{v(t),R(!0)}));(async()=>{var t;const e=await(0,O.p)(null===f||void 0===f||null===(t=f.products)||void 0===t?void 0:t[0],(0,u.Ipo)(h),h);j(e),R(!0)})()}),[]);const T=L,W=.3*a,U=W+"px",B=W+"px",A=.05*a+"px",D=.07*a,E=D+"px",H=.05*a;return(0,F.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,F.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*a,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:z,children:[(0,F.jsx)("div",{style:{width:U,height:B,overflow:"hidden",backgroundColor:p,borderRadius:"round"==l?"5px":"0px",borderWidth:"0px"==(0,u.alU)(h)?"2px":(0,u.alU)(h),borderColor:"white"==(0,u.qPe)(h)?p:(0,u.qPe)(h)},children:(0,F.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,u.yOX)(h),"important")},src:(0,k.s)(f.products[x].thumbnail_image,"&width=400&height=400"),style:{width:U,height:U,borderRadius:"round"==l?"5px":"0px",backgroundColor:p},alt:"product image"})}),(0,F.jsx)("div",{style:{width:.7*a+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==l?"5px":"0px"},children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",A,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"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,C.s)(f.products[x].title)})}),(0,F.jsxs)("div",{style:{display:"flex",flexFlow:(0,u.$zZ)(h)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,u.$zZ)(h)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[P&&(0,F.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,u.Uyp)(h),"important"),t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===w||void 0===w?void 0:w.price:null===f||void 0===f||null===(e=f.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",h,f.products[x].currency)]}),(0,b.B)(f.products[x].price,f.products[x].compare_price)&&P?(0,F.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,u.kPs)(h),"important"),t.style.setProperty("font-size",.9*D+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"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,S.jx)(parseFloat((0,M.G)()?null===w||void 0===w?void 0:w.compare_at_price:null===f||void 0===f||null===(o=f.products)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.compare_price),"",h,f.products[x].currency)]}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(I.Z,{storeId:h,productId:f.products[x].client_product_id,productLink:f.products[x].product_link,fontSize:H})]})})]},x),(0,u.IXJ)(h)||T&&"5141594210"==h?(0,F.jsx)(n.Suspense,{children:(0,F.jsx)(_,{baseFontSize:.05*a,event:f,product:f.products[0],width:.9*a,height:"fit-content"})}):(0,F.jsx)(F.Fragment,{})]})},z=i(3388);function Z(t){const[e,i,n,o,r]=(0,c.Z)(),l=(0,y.MO)("whatmoreUITheme"),s=(0,y.MO)("whatmoreShowViews"),a=(0,y.MO)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,m,f]=(0,j.YD)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:"show"===s?(0,F.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,F.jsx)(P.Z,{event:g,fontSize:.07*i+"px"})})}):(0,F.jsx)(F.Fragment,{})}),(0,F.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,z.xg)(g,a)?(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,u.alU)(a),borderColor:(0,u.qPe)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,F.jsx)("div",{ref:x,children:m&&(0,u.PWD)(a)?(0,F.jsx)(R,{event:g,onClick:()=>{var e,i;(0,u.I6m)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,u.lj5)(a)?i.product_link+"?"+(0,u.awP)(a)+"&"+(0,u.n9s)(a)+"&"+(0,u.vaK)(a):i.product_link):t.onClick(g)}}):(0,F.jsx)("div",{height:"20px"})})}):(0,F.jsx)(F.Fragment,{})]})})}var L=function(t){var e,i,o;const[r,l,s,a,d]=(0,c.Z)();var p=(0,n.useContext)(f.V);const h=(0,y.MO)("whatmoreUITheme"),x=(0,y.MO)("whatmoreShopId"),m=(0,y.MO)("whatmoreSecondaryColorShade600"),g=t.event,v=t.onClick,j=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,C=null!==(o=t.animateOnFocus&&(0,u.iWI)(x))&&void 0!==o&&o,b=(0,u.IXJ)(x)?.7:.8,I=r*b+"px",S=1-b,k=r*S,O=r*S+"px",M=r*S*.1,_=(0,u.nzC)(x);return(0,F.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*r+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?_:null,borderWidth:(0,u.alU)(x),borderColor:(0,u.qPe)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:C?j?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{v(g)},children:[(0,F.jsx)(w.Z,{height:I,width:"100%",url:g.thumbnail_image,isPlaying:j||P,event:g}),(0,z.xg)(g,x)?(0,F.jsx)("div",{style:{width:"100%",height:O,backgroundColor:m}}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(Z,{event:g,isOnFocus:j,PRODUCT_BOX_HEIGHT:k,PRODUCT_BOX_HEIGHT_IN_PX:O,PRODUCT_BOX_MARGIN:M,onClick:v})]})},T=i(778),W=i(4522),U=i(7381);const B=(0,a.Z)({key:"whatmore-css-hv"});function A(t){const[e,i,o]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=t.events,s=t.onClick,a=o*(0,u.u6l)(r),{whatmoreWidgetSourceDetails:p}=(0,n.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,F.jsx)(d.tq,{slidesPerView:l.length>1?a:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:p})},children:l.map((t=>(0,F.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return n||o||i?(0,F.jsx)(L,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}}):(0,F.jsx)(v.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function D(t){const[e,i,o,r]=(0,c.Z)(),[l,s]=(0,n.useState)(-1),a=(0,y.MO)("whatmoreShopId"),h=t.onClick,x=t.events,f=Math.min(o,x.length),{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,F.jsx)("div",{style:{width:i*f*1.1+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:f,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(f),onSlideChange:()=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w})},spaceBetween:(0,u.WGf)(a),children:x.map(((t,e)=>{const i=m()((()=>s(e)),300);return(0,F.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:s}=i;return s?(0,F.jsx)(L,{isOnFocus:e==l,playOnUnfocus:!(0,u.dHy)(a)||e==parseInt(f/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,F.jsx)(v.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var E=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,y.j1)("whatmorePrimaryColor"),[p]=(0,y.j1)("whatmoreShopId"),[c]=(0,y.j1)("whatmoreSecondaryColor"),[x]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==e?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:u}=(0,n.useContext)(g.I),v=((0,y.MO)("isInDesignMode"),t.events),w=t.onClick,j=x,P=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(g.I);function b(t){w(t)}function I(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,U.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.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,F.jsx)(s.C,{value:B,children:(0,F.jsx)("div",{className:"whatmore-carousel-events",children:(0,F.jsx)(o.x,{theme:r.ZP,cssVarsRoot:u,resetCSS:!1,children:(0,F.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||C)?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":t.heading})}):(0,F.jsx)(F.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,F.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==P?P:"":I(t.heading)[0]}),(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":I(t.heading)[1]})]})}):(0,F.jsx)(F.Fragment,{}),"landscape"===e?(0,F.jsx)(D,{events:v,onClick:b}):(0,F.jsx)(A,{events:v,onClick:b})]})})})})}},1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.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,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.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",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.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,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.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",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.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))}},8816:function(t,e,i){var n=i(5318);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(5318);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(5318);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(5318);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},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);

package/static/js/920.ef0933a3.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[920],{1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.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,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.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",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.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,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.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",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.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})},4920:function(t,e,i){i.d(e,{Z:function(){return j}});var n=i(7313),o=i(9821),r=(i(3439),i(9723)),l=i(7753),s=i(4892),a=i(7129),d=i(6805),p=i(9854),c=i(1092),h=i(5945),m=i(9363),x=i(6417);var y=function(t){var e,i,r,s,[a,d]=(0,o.Z)();const c=(0,l.MO)("whatmoreUITheme"),[y]=(0,l.j1)("whatmorePrimaryFont"),[f,u]=(0,n.useState)(0),g=(0,l.MO)("whatmoreShopId"),w=t.event;if(0==w.products.length)return(0,x.jsx)(x.Fragment,{});const v=.3*d,j=v+"px",b=v+"px",P=.07*d,C=P+"px";return(0,x.jsx)("div",{style:{width:d+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,x.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,x.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",b,"important")},style:{width:(0,p.uNj)(g)?j:"auto",boxShadow:"round"==c?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==c?"5px":"0px",borderWidth:(0,p.alU)(g),borderColor:(0,p.qPe)(g),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,x.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,p.yOX)(g),"important"),t.style.setProperty("max-width",j,"important"))},src:(0,m.s)(w.products[f].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==c?"5px":"0px"},alt:"product image"})}),(0,x.jsxs)("div",{style:{width:d-5-v+"px",height:"100%",borderRadius:"round"==c?"5px":"0px",overflow:"visible"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,x.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",C,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,h.s)(w.products[f].title)})}),(null===(e=w.products[f])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,x.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:d-5-v+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==c?"3px":"0"},children:(0,x.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",d-5-v+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(r=w.products[f])||void 0===r||null===(s=r.product_metadata)||void 0===s?void 0:s.product_type})})]})]},f)})},f=i(3933),u=(i(364),i(8984));function g(t){var e,[i,s]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[c,h,m]=(0,f.YD)({triggerOnce:!0});var g=(0,n.useContext)(a.V);const w=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,u.gE)()?t.isOnFocus:h;return(0,x.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,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)("p",{children:"    "})}),g.showPlayButton&&!v?(0,x.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==w.event_type&&(0,x.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,x.jsx)(x.Fragment,{}),(0,x.jsx)("div",{ref:c,children:b&&(0,p.PWD)(d)?(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)(y,{event:w})}):(0,x.jsx)("div",{height:"20px"})})]})})}function w(t){var[e,i]=(0,o.Z)();const[n]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,x.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,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,x.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,x.jsx)("p",{style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:"         "}),(0,x.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",n,"important")},style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,x.jsx)(x.Fragment,{})}function v(t){const[e,i,n,r,s]=(0,o.Z)(),[a]=(0,l.j1)("whatmoreShowViews"),h=(0,l.MO)("whatmoreShopId"),m=t.event,y=t.isOnFocus;return(0,x.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,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,x.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,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,x.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,x.jsx)(c.Z,{event:m,fontSize:.07*i+"px"})})}):(0,x.jsx)(x.Fragment,{})})}),d.$w===s[d.YP]?(0,x.jsx)(x.Fragment,{}):y?(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,x.jsx)(w,{event:m})}):(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)(w,{event:m})})]})})}var j=function(t){var e,i,r;const[c,h,m,y,f]=(0,o.Z)();var u=(0,n.useContext)(a.V);const w=(0,l.MO)("whatmoreUITheme"),j=(0,l.MO)("whatmoreShopId"),b=t.event,P=t.onClick,C=null===(e=t.isOnFocus)||void 0===e||e,F=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,I=null!==(r=t.animateOnFocus&&(0,p.iWI)(j))&&void 0!==r&&r,k=(0,p.nzC)(j);return(0,x.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",u.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",u.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w?k:null,borderWidth:(0,p.alU)(j),borderColor:(0,p.qPe)(j),overflow:"hidden",cursor:"pointer"},className:I?C?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(b)},children:[(0,x.jsx)(s.Z,{height:(0,p.dXm)(j)+" !important",width:"100%",url:b.thumbnail_image,isPlaying:C||F,event:b}),(0,x.jsxs)("div",{style:{width:h,height:c},children:[(0,x.jsx)(v,{event:b,isOnFocus:C}),"87043703105"===j||"76467011883"===j||!C&&d.$w!==f[d.YP]?null:(0,x.jsx)(g,{event:b,unfocusedDisplay:!C,isOnFocus:C})]})]})}},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}},9723:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=l},237:function(t,e,i){var n=i(5318);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},3439:function(){}}]);

package/static/js/965.ea0fd29e.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[965],{6071:function(e,t,o){o.r(t);var r=o(7313),a=o(6090),l=o(7616),i=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),n=o(2575),s=o(8866),c=o(7753),h=o(7129),d=o(364),m=o(32),p=o(8631),u=o(6066),g=o(8782),v=o(9821),w=o(7381),f=o(9854),x=o(5380),y=o(3933),C=o(6417);const S=(0,n.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o,n,M]=(0,s.Z)(),[j,k]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[P,Z,b,O,R]=(0,v.Z)(),I=(0,c.MO)("whatmoreCollectionsTileSize"),E=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),T="portrait"===o?E:I,q="portrait"==o?0:(0,c.MO)("whatmoreLandscapePadding"),B=(0,c.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:L}=(0,r.useContext)(d.I),V=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:z}=(0,r.useContext)(d.I),A=e.onClick,[D,H,W]=(0,y.YD)({triggerOnce:!1});function _(e){A(e)}delete l.ZP.styles.global;var F=[];for(let r=0,a=!1;r<t.length;)a&&r!=t.length-1&&j[r]>.2?(F.push((0,C.jsx)(u.Z,{event1:t[r],event2:t[r+1],onClick:()=>{_(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,a=!a):(F.push((0,C.jsx)(p.Z,{mode:o,event:t[r],onClick:()=>{_(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,a=!a);return(0,r.useEffect)((()=>{(0,w.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{m.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-d"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-d"]')))return;e&&(e.style.minHeight="0px")}))}),[]),(0,C.jsx)(i.C,{value:S,children:(0,C.jsx)("div",{className:L?"whatmore-collection-events":"whatmore-carousel-events",children:(0,C.jsx)(a.x,{theme:l.ZP,cssVarsRoot:z,resetCSS:!1,children:(0,C.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,C.jsx)("div",{ref:D,style:{marginLeft:q+"px",marginRight:q+"px"},children:(0,C.jsx)(g.P,{renderElement:e=>(0,C.jsx)(C.Fragment,{children:e.eventData}),dataList:F,spacing:B,defaultHeight:P*T*.01+"px",defaultWidth:Z*T*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(V)&&L&&!H&&-1==e.index&&(0,C.jsx)(x.Z,{event:t[0],inVideoClick:_,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}}}]);