whatmore-react-assets 1.0.913 → 1.0.915

package/static/js/891.99cae7ad.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(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"),x=(0,l.MO)("whatmorePrimaryFont"),m=(t.storeId,t.productId),y=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===c||"undefined"==typeof c||!(m in c)||c[m].avgRating>5)return(0,d.jsx)(d.Fragment,{});const u=c[m].avgRating,g=c[m].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(u))].map(((t,e)=>(0,d.jsx)(n.Z,{sx:{color:p,fontSize:y+"px"}},"star-icon"+e))),u-Math.floor(u)>.2?(0,d.jsx)(o.Z,{sx:{color:p,fontSize:y+"px"}},"star-half-icon"):u-Math.floor(u)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(r.Z,{sx:{color:p,fontSize:y+"px"}},"star-outline-icon"),[...Array(Math.floor(5-u))].map(((t,e)=>(0,d.jsx)(r.Z,{sx:{color:p,fontSize:y+"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*y+"px","important"),t.style.setProperty("font-family",x,"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",u,"\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*y+"px","important"),t.style.setProperty("font-family",x,"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),x=i(2279),m=i.n(x),y=i(7753),f=i(7129),u=i(9854),g=i(1855),w=i(4892),v=i(3933),j=i(1092),C=i(5945),P=i(5456),b=i(3867),I=i(9219),S=i(9363),k=i(6417);const O=n.lazy((()=>Promise.all([i.e(577),i.e(955),i.e(218),i.e(12)]).then(i.bind(i,6163))));var M=function(t){const{whatmoreUITheme:e}=(0,n.useContext)(l.I);var[i,o]=(0,c.Z)();const[r]=(0,y.j1)("whatmorePrimaryFont"),[s]=(0,y.j1)("whatmoreSecondaryColorShade900"),[a]=(0,y.j1)("whatmoreShopId"),[d,p]=(0,n.useState)(0),[h,x]=(0,n.useState)(t.event),m=t.onClick,f=h.products.length,{whatmoreIsPreviewMode:g}=(0,n.useContext)(l.I);if(0==f)return(0,k.jsx)(k.Fragment,{});(0,n.useEffect)((()=>{(0,u.N8M)(a)&&(0,I.p_)(h,(0,u.Ipo)(a),a).then((t=>{x(t)}))}),[]);const w=g,v=.3*o,j=v+"px",M=v+"px",F=.05*o+"px",_=.07*o,z=_+"px",R=.05*o;return(0,k.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,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*o,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:m,children:[(0,k.jsx)("div",{style:{width:j,height:M,overflow:"hidden",backgroundColor:s,borderRadius:"round"==e?"5px":"0px",borderWidth:"0px"==(0,u.alU)(a)?"2px":(0,u.alU)(a),borderColor:"white"==(0,u.qPe)(a)?s:(0,u.qPe)(a)},children:(0,k.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,u.yOX)(a),"important")},src:(0,S.s)(h.products[d].thumbnail_image,"&width=400&height=400"),style:{width:j,height:j,borderRadius:"round"==e?"5px":"0px",backgroundColor:s},alt:"product image"})}),(0,k.jsx)("div",{style:{width:.7*o+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==e?"5px":"0px"},children:(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"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)(h.products[d].title)})}),(0,k.jsxs)("div",{style:{display:"flex",flexFlow:(0,u.$zZ)(a)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,u.$zZ)(a)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[(0,k.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,u.Uyp)(a),"important"),t.style.setProperty("font-size",z,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(h.products[d].price),"",a,h.products[d].currency)]}),(0,P.B)(h.products[d].price,h.products[d].compare_price)?(0,k.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,u.kPs)(a),"important"),t.style.setProperty("font-size",.9*_+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"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(h.products[d].compare_price),"",a,h.products[d].currency)]}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(b.Z,{storeId:a,productId:h.products[d].client_product_id,productLink:h.products[d].product_link,fontSize:R})]})})]},d),(0,u.IXJ)(a)||w&&"5141594210"==a?(0,k.jsx)(n.Suspense,{children:(0,k.jsx)(O,{baseFontSize:.05*o,event:h,product:h.products[0],width:.9*o,height:"fit-content"})}):(0,k.jsx)(k.Fragment,{})]})},F=i(3388);i(8984);function _(t){const[e,i,o,r,s]=(0,c.Z)(),{whatmoreUITheme:a}=(0,n.useContext)(l.I),d=(0,y.MO)("whatmoreShowViews"),p=(0,y.MO)("whatmoreShopId"),h=((0,y.MO)("whatmoreSecondaryColorShade600"),t.PRODUCT_BOX_HEIGHT),x=t.PRODUCT_BOX_HEIGHT_IN_PX,m=t.PRODUCT_BOX_MARGIN,[f,g,w]=(0,v.YD)({triggerOnce:!0}),C=t.event;t.isOnFocus;return(0,k.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,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(C)},children:"show"===d?(0,k.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,k.jsx)(j.Z,{event:C,fontSize:.07*i+"px"})})}):(0,k.jsx)(k.Fragment,{})}),(0,k.jsx)("div",{style:{display:"flex",width:"100%",height:e-h+"px"},onClick:()=>{t.onClick(C)}}),(0,F.xg)(C,p)?(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:m+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:x,marginLeft:m+"px",marginRight:m+"px",backgroundColor:"white",borderRadius:"round"==a?"5px":"0px",borderWidth:(0,u.alU)(p),borderColor:(0,u.qPe)(p),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,k.jsx)("div",{ref:f,children:g&&(0,u.PWD)(p)?(0,k.jsx)(M,{event:C,onClick:()=>{var e,i;(0,u.I6m)(p)?window.location.href=(i=null===(e=C.products)||void 0===e?void 0:e[0],(0,u.lj5)(p)?i.product_link+"?"+(0,u.awP)(p)+"&"+(0,u.n9s)(p)+"&"+(0,u.vaK)(p):i.product_link):t.onClick(C)}}):(0,k.jsx)("div",{height:"20px"})})}):(0,k.jsx)(k.Fragment,{})]})})}var z=function(t){var e,i,o;const[r,s,a,d,p]=(0,c.Z)();var h=(0,n.useContext)(f.V);const{whatmoreUITheme:x}=(0,n.useContext)(l.I),m=(0,y.MO)("whatmoreShopId"),g=(0,y.MO)("whatmoreSecondaryColorShade600"),v=t.event,j=t.onClick,C=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,b=null!==(o=t.animateOnFocus&&(0,u.iWI)(m))&&void 0!==o&&o,I=(0,u.IXJ)(m)?.7:.8,S=r*I+"px",O=1-I,M=r*O,z=r*O+"px",R=r*O*.1,L=(0,u.nzC)(m);return(0,k.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"==x?"5px":"0px",boxShadow:"round"==x?L:null,borderWidth:(0,u.alU)(m),borderColor:(0,u.qPe)(m),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?C?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,k.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,k.jsx)(w.Z,{height:S,width:"100%",url:v.thumbnail_image,isPlaying:C||P,event:v}),(0,F.xg)(v,m)?(0,k.jsx)("div",{style:{width:"100%",height:z,backgroundColor:g}}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(_,{event:v,isOnFocus:C,PRODUCT_BOX_HEIGHT:M,PRODUCT_BOX_HEIGHT_IN_PX:z,PRODUCT_BOX_MARGIN:R,onClick:j})]})},R=i(778),L=i(4522),Z=i(7381);const T=(0,a.Z)({key:"whatmore-css-hv"});function W(t){const[e,i,o]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),s=t.events,a=t.onClick,p=o*(0,u.u6l)(r),{whatmoreWidgetSourceDetails:h}=(0,n.useContext)(l.I);return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,k.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,L.y4)({userInteractionType:R.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:h})},children:s.map((t=>(0,k.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return n||o||i?(0,k.jsx)(z,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{a(t)}}):(0,k.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,y.MO)("whatmoreShopId"),x=t.onClick,f=t.events,w=Math.min(o,f.length),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(l.I);return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,k.jsx)("div",{style:{width:i*w*1.1+"px"},children:(0,k.jsx)(d.tq,{slidesPerView:w,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(w),onSlideChange:()=>{(0,L.y4)({userInteractionType:R.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v})},spaceBetween:(0,u.WGf)(h),children:f.map(((t,e)=>{const i=m()((()=>a(e)),300);return(0,k.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,k.jsx)(z,{isOnFocus:e==s,playOnUnfocus:!(0,u.dHy)(h)||e==parseInt(w/2)&&-1==s,animateOnFocus:!0,event:t,onClick:()=>{x(t)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var B=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)(l.I),g=((0,y.MO)("isInDesignMode"),t.events),w=t.onClick,v=x,j=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(l.I);function P(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,Z.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,k.jsx)(s.C,{value:T,children:(0,k.jsx)("div",{className:"whatmore-carousel-events",children:(0,k.jsx)(o.x,{theme:r.ZP,cssVarsRoot:u,resetCSS:!1,children:(0,k.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,k.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==j?j:"":t.heading})}):(0,k.jsx)(k.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,k.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,k.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==j?j:"":b(t.heading)[0]}),(0,k.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"!==j?j:"":b(t.heading)[1]})]})}):(0,k.jsx)(k.Fragment,{}),"landscape"===e?(0,k.jsx)(U,{events:g,onClick:P}):(0,k.jsx)(W,{events:g,onClick:P})]})})})})}},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 x=(0,o.S_M)(i);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.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"==x?(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))}},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.60a7ece6.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(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 m=(0,o.S_M)(i);return"template-icon"==m?(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"==m?(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})},4920:function(t,e,i){i.d(e,{Z:function(){return b}});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(8811),x=i(9363),y=i(6417);var f=function(t){var e,i,r,s,[a,d]=(0,o.Z)();const{whatmoreUITheme:c}=(0,n.useContext)(m.I),[f]=(0,l.j1)("whatmorePrimaryFont"),[u,g]=(0,n.useState)(0),w=(0,l.MO)("whatmoreShopId"),v=t.event;if(0==v.products.length)return(0,y.jsx)(y.Fragment,{});const j=.3*d,b=j+"px",P=j+"px",C=.07*d,I=C+"px";return(0,y.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,y.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,y.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",P,"important")},style:{width:(0,p.uNj)(w)?b:"auto",boxShadow:"round"==c?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==c?"5px":"0px",borderWidth:(0,p.alU)(w),borderColor:(0,p.qPe)(w),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,y.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,p.yOX)(w),"important"),t.style.setProperty("max-width",b,"important"))},src:(0,x.s)(v.products[u].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==c?"5px":"0px"},alt:"product image"})}),(0,y.jsxs)("div",{style:{width:d-5-j+"px",height:"100%",borderRadius:"round"==c?"5px":"0px",overflow:"visible"},children:[(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,y.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",I,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",f,"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)(v.products[u].title)})}),(null===(e=v.products[u])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,y.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:d-5-j+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==c?"3px":"0"},children:(0,y.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",d-5-j+"px","important"),t.style.setProperty("font-size",.7*C+"px","important"),t.style.setProperty("font-family",f,"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=v.products[u])||void 0===r||null===(s=r.product_metadata)||void 0===s?void 0:s.product_type})})]})]},u)})},u=i(3933),g=i(8984);function w(t){var e,[i,s]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[c,h,m]=(0,u.YD)({triggerOnce:!0});var x=(0,n.useContext)(a.V);const w=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,g.gE)()?t.isOnFocus:h;return(0,y.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,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:"    "})}),x.showPlayButton&&!v?(0,y.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==w.event_type&&(0,y.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)("div",{ref:c,children:b&&(0,p.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(f,{event:w})}):(0,y.jsx)("div",{height:"20px"})})]})})}function v(t){var[e,i]=(0,o.Z)();const[n]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,y.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,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,y.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,y.jsx)("p",{style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:"         "}),(0,y.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,y.jsx)(y.Fragment,{})}function j(t){const[e,i,n,r,s]=(0,o.Z)(),[a]=(0,l.j1)("whatmoreShowViews"),h=(0,l.MO)("whatmoreShopId"),m=t.event,x=t.isOnFocus;return(0,y.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,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,y.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,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(c.Z,{event:m,fontSize:.07*i+"px"})})}):(0,y.jsx)(y.Fragment,{})})}),d.$w===s[d.YP]?(0,y.jsx)(y.Fragment,{}):x?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,y.jsx)(v,{event:m})}):(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(v,{event:m})})]})})}var b=function(t){var e,i,r;const[c,h,x,f,u]=(0,o.Z)();var g=(0,n.useContext)(a.V);const{whatmoreUITheme:v}=(0,n.useContext)(m.I),b=(0,l.MO)("whatmoreShopId"),P=t.event,C=t.onClick,I=null===(e=t.isOnFocus)||void 0===e||e,F=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,k=null!==(r=t.animateOnFocus&&(0,p.iWI)(b))&&void 0!==r&&r,M=(0,p.nzC)(b);return(0,y.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",g.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",g.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==v?"5px":"0px",boxShadow:"round"==v?M:null,borderWidth:(0,p.alU)(b),borderColor:(0,p.qPe)(b),overflow:"hidden",cursor:"pointer"},className:k?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(P)},children:[(0,y.jsx)(s.Z,{height:"100%",width:"100%",url:P.thumbnail_image,isPlaying:I||F,event:P}),(0,y.jsxs)("div",{style:{width:h,height:c},children:[(0,y.jsx)(j,{event:P,isOnFocus:I}),"87043703105"===b||"76467011883"===b||!I&&d.$w!==u[d.YP]?null:(0,y.jsx)(w,{event:P,unfocusedDisplay:!I,isOnFocus:I})]})]})}},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/950.b6a9b589.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[950],{1332:function(e,t,r){var n=r(7313),i=(r(8743),r(7753)),m=r(5254),a=r(6417);t.Z=function(e){return(0,n.useEffect)((()=>{const e=(0,m.oo)((0,i.MO)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,m=`\n    @keyframes whatmore-loading-indicator-keyframe {\n      0%,\n      100% {\n        box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7);\n      }\n      12.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5);\n      }\n      25% {\n        box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n      }\n      37.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n      }\n      50% {\n        box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n      }\n      62.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n      }\n      75% {\n        box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n      }\n      87.5% {\n        box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em -1.8em 0 0em ${i};\n      }\n    }\n  `,a=document.createElement("style");a.type="text/css",a.innerHTML=m,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})}},3175:function(e,t,r){var n=r(1332),i=r(5180),m=r(6417);t.Z=function(e){var t,r;const a=null!==(t=e.height)&&void 0!==t?t:"100%",o=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,m.jsxs)("div",{style:{width:o,height:a,overflow:"hidden",minHeight:a,minWidth:o},children:[(0,m.jsx)(i.Z,{height:a,width:o}),(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,m.jsx)(n.Z,{})})})]})}},5180:function(e,t,r){var n=r(6417);t.Z=function(e){var t,r,i;const m=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%",o=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:m,width:m,borderRadius:o,overflow:"hidden",minHeight:m,minWidth:a,maxHeight:m,maxWidth:a},children:(0,n.jsx)("div",{style:{minHeight:m,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(e,t,r){var n=r(7313),i=r(3175),m=r(6417);t.Z=function(e){var t,r,a;const[o,s]=(0,n.useState)(!1),d=n.useRef(0),l=(0,n.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},$=null!==(r=e.height)&&void 0!==r?r:"100%",c=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,n.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,l.current&&u(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:c,height:$,overflow:"hidden"},children:[(0,m.jsx)("div",{style:{width:o?"100%":"0px",height:o?"100%":"0px"},children:(0,m.jsx)("img",{ref:l,src:e.url,style:{objectFit:"cover",height:$,width:c,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),o?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(i.Z,{width:c,height:$})]})}},4892:function(e,t,r){r.d(t,{Z:function(){return h}});var n=r(7313),i=r(3933),m=r(868),a=r(8984),o=r(7300),s=r(2887),d=r(4862),l=r(7753),u=r(342),$=r(6417);var c=function(e){var t,r;const m=(0,n.useRef)(null),[o,s,c]=(0,i.YD)({triggerOnce:!0}),h=(0,l.MO)("whatmoreShopId"),g=null!==(t=e.height)&&void 0!==t?t:"100%",p=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():((d.G6||(0,a.gE)())&&m.current.play(),m.current.pause()))}),[e.isPlaying,s]),(0,$.jsx)("div",{ref:o,style:{width:g,height:p,overflow:"hidden"},children:s?(0,$.jsxs)("video",{ref:m,className:"whatmore-video-player-muted",width:p,height:g,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&"STRTFEDEDAP"!==h&&"STRY2V4XO5L"!==h?e.url:e.poster,muted:!0,style:{backgroundColor:"white"},children:[(0,$.jsx)("source",{src:e.url,type:"video/mp4"}),(0,$.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,$.jsx)("div",{width:p,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,r,d,l;const[h,g,p]=(0,i.YD)({triggerOnce:!0});if((0,o.WJ)(e.event))return(0,$.jsx)(s.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const v=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;var f;if((0,a.KE)())return(0,$.jsx)(c,{height:"100%",width:"100%",poster:null===e||void 0===e||null===(f=e.event)||void 0===f?void 0:f.poster_image,url:(0,m.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const b=(0,n.useRef)(null),w=null!==(r=e.height)&&void 0!==r?r:"100%",y=null!==(d=e.width)&&void 0!==d?d:"100%";return(0,n.useEffect)((()=>{b.current&&(e.isPlaying?b.current.play():b.current.pause())}),[e.isPlaying,g]),(0,$.jsx)("div",{ref:h,style:{width:w,height:y,overflow:"hidden"},children:g?(0,$.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:y,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===e||void 0===e||null===(l=e.event)||void 0===l?void 0:l.poster_image,style:{backgroundColor:"white"},children:[(0,$.jsx)("source",{src:(0,m.V)(e.url),type:"video/mp4"}),(0,$.jsx)("source",{src:(0,u.vW)(e.url),type:"video/mp4"})]}):(0,$.jsx)("div",{width:y,height:w,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,r){r.d(t,{V:function(){return o}});var n=r(9854),i=r(7753);const m={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},o=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,n.zpr)(t))return e;if("AZURECDN"==(0,n.zpr)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(m))if(e.includes(t))return e.replace(t,m[t]);return e}}if("BUNNYCDN"==(0,n.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},342:function(e,t,r){r.d(t,{WN:function(){return a},uv:function(){return m},vW:function(){return o}});var n=r(9854);const i=(0,r(7753).MO)("whatmoreShopId"),m=function(e){var t;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null:e.event_hls_url},a=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},o=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.QFt)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},6805:function(e,t,r){r.d(t,{$I:function(){return o},$w:function(){return d},AK:function(){return m},AL:function(){return a},YP:function(){return i},me:function(){return n},rE:function(){return s}});const n="device_type",i="device_mode",m="mobile",a="tablet",o="desktop",s="portrait",d="landscape"},9821:function(e,t,r){var n=r(6367),i=r(7753),m=r(8866),a=r(6805);t.Z=function(e){const[t,r,o]=(0,m.Z)(),[s]=(0,i.j1)("whatmoreLandscapePadding"),[d]=(0,i.j1)("whatmoreVideoTileSize"),[l]=(0,i.j1)("whatmoreVideoTileSizePortrait"),u=(0,n.useMediaQuery)({query:"(min-width: 1025px)"}),$=(0,n.useMediaQuery)({query:"(min-width: 481px)"}),c="portrait"==t?l:d,h=!("portrait"!=t||!$),g=c/100*1.3*.5,p=c/100;var v=Math.min(o,r),[f,b,w,y]=[.6*v*(16/9),.6*v,1.4,0];function _(e){return Math.round(10*e)/10}var x={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(u){const e=b*g,t=f*g;[f,b,w,y]=[t,e,(o-2*s)/(1.1*e),s],x[a.me]=a.$I,x[a.YP]=a.$w}else if(h){var j=.8*b,P=.8*f;"portrait"==t?(j*=p,P*=p,[f,b,w,y]=[P,j,_(o/(1.2*j)),0],x[a.me]=a.AL,x[a.YP]=a.rE):([f,b,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AL,x[a.YP]=a.$w)}else{j=b,P=f;"portrait"==t?(j=j*p*.9,P=P*p*.9,[f,b,w,y]=[P,j,_(o/(1.15*j)),0],x[a.me]=a.AK,x[a.YP]=a.rE):(j=.7*b,P=.7*f,[f,b,w,y]=[P,j,(o-2*s)/(1.1*j),s],x[a.me]=a.AK,x[a.YP]=a.$w)}return[f,b,w,y,x]}},8743:function(){},123:function(){},7244:function(){}}]);

package/static/js/965.745013a2.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(8984),o(8866)),c=o(7753),h=o(7129),d=o(8811),m=o(8631),p=o(6066),u=o(8782),g=o(9821),v=o(7381),w=o(9854),f=o(5380),x=o(3933),y=o(6417);const C=(0,n.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o,n,S]=(0,s.Z)(),[M,j]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[k,P,Z,b,O]=(0,g.Z)(),R=(0,c.MO)("whatmoreCollectionsTileSize"),E=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),I="portrait"===o?E:R,T="portrait"==o?0:(0,c.MO)("whatmoreLandscapePadding"),q=(0,c.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:B}=(0,r.useContext)(d.I),L=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:V}=(0,r.useContext)(d.I),z=e.onClick,[A,D,H]=(0,x.YD)({triggerOnce:!1});function W(e){z(e)}delete l.ZP.styles.global;var _=[];for(let r=0,a=!1;r<t.length;)a&&r!=t.length-1&&M[r]>.2?(_.push((0,y.jsx)(p.Z,{event1:t[r],event2:t[r+1],onClick:()=>{W(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,a=!a):(_.push((0,y.jsx)(m.Z,{mode:o,event:t[r],onClick:()=>{W(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,a=!a);return(0,r.useEffect)((()=>{(0,v.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{d.$.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,y.jsx)(i.C,{value:C,children:(0,y.jsx)("div",{className:B?"whatmore-collection-events":"whatmore-carousel-events",children:(0,y.jsx)(a.x,{theme:l.ZP,cssVarsRoot:V,resetCSS:!1,children:(0,y.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,y.jsx)("div",{ref:A,style:{marginLeft:T+"px",marginRight:T+"px"},children:(0,y.jsx)(u.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:_,spacing:q,defaultHeight:k*I*.01+"px",defaultWidth:P*I*.01+"px",retainAlreadyRenderedElements:!0})}),(0,w.dhc)(L)&&B&&!D&&-1==e.index&&(0,y.jsx)(f.Z,{event:t[0],inVideoClick:W,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}}}]);