whatmore-react-assets 1.0.348 → 1.0.349

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/package.json +1 -1
  2. package/static/js/143.98e33419.chunk.js +1 -0
  3. package/static/js/{166.978660a0.chunk.js → 166.2e410c2e.chunk.js} +1 -1
  4. package/static/js/184.8b4d5564.chunk.js +1 -0
  5. package/static/js/{204.83c78c22.chunk.js → 204.fb4f8ecd.chunk.js} +1 -1
  6. package/static/js/210.f0f5dd87.chunk.js +1 -0
  7. package/static/js/{244.a452af36.chunk.js → 244.02390955.chunk.js} +1 -1
  8. package/static/js/{516.0ac713ab.chunk.js → 516.5cf90956.chunk.js} +1 -1
  9. package/static/js/517.6999b74b.chunk.js +1 -0
  10. package/static/js/{580.edcb7bf5.chunk.js → 580.d18fbff9.chunk.js} +1 -1
  11. package/static/js/{642.ceaa86be.chunk.js → 642.59328000.chunk.js} +1 -1
  12. package/static/js/{667.bf0f7728.chunk.js → 667.1240aae4.chunk.js} +1 -1
  13. package/static/js/{95.ed77436b.chunk.js → 95.f35cc75c.chunk.js} +1 -1
  14. package/static/js/972.fef4cb10.chunk.js +1 -0
  15. package/whatmore.js +2 -2
  16. package/static/js/143.6cfd5b17.chunk.js +0 -1
  17. package/static/js/184.47568a90.chunk.js +0 -1
  18. package/static/js/517.385ac108.chunk.js +0 -1
  19. package/static/js/853.af135048.chunk.js +0 -1
  20. package/static/js/972.dc35941b.chunk.js +0 -1
package/static/js/{516.0ac713ab.chunk.js → 516.5cf90956.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[516],{51:function(t,e,n){n.d(e,{Z:function(){return r}});n(7313);var i=n(6417);var r=function(t){return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("span",{className:"whatmore-loading-indicator"})})}},1092:function(t,e,n){var i=n(237),r=n(9854),o=n(7753),s=n(4136),a=n(7313),l=n(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,a.useContext)(s.I),n=(0,o.MO)("whatmoreShopId"),c=(0,o.MO)("whatmorePrimaryFont"),h=t.event,u=t.fontSize;if(h.total_views<=0)return(0,l.jsx)(l.Fragment,{});const p=(0,r.S_)(n);return"template-icon"==p?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,r.al)(n),borderColor:(0,r.qP)(n)},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)(i.Z,{sx:{color:(0,r.aL)(n)+" !important",fontSize:u,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,r.aL)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("font-size",u,"important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==p?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,r.al)(n),borderColor:(0,r.qP)(n)},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,r.aL)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",c,"important"))},style:{fontSize:u,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(t,e,n){n.d(e,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(t,e,n){var i=n(208),r=n(51),o=n(6417);e.Z=function(t){var e,n;const s=null!==(e=t.height)&&void 0!==e?e:"100%",a=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:a,height:s,overflow:"hidden"},children:[(0,o.jsx)(i.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(r.Z,{})})})]})}},5945:function(t,e,n){function i(t){return"undefined"==typeof t||"undefined"==t||null==t?"":t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}))}n.d(e,{s:function(){return i}})},2887:function(t,e,n){var i=n(7313),r=(n(6422),n(3175)),o=n(6417);e.Z=function(t){var e,n,s;const[a,l]=(0,i.useState)(!1),d=i.useRef(0),c=(0,i.useRef)(null),h=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},u=null!==(n=t.height)&&void 0!==n?n:"100%",p=null!==(s=t.width)&&void 0!==s?s:"100%";return(0,i.useEffect)((()=>{d.current=0;const t=setInterval((()=>{d.current=d.current+.03,c.current&&h(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:p,height:u,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:a?"100%":"0px",height:a?"100%":"0px"},children:(0,o.jsx)("img",{ref:c,src:t.url,style:{objectFit:"cover",height:u,width:p,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),a?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(r.Z,{width:"100%",height:"100%"})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return h}});var i=n(7313),r=n(3933),o=n(868),s=n(8984),a=n(7300),l=(n(6422),n(2887)),d=n(6417);var c=function(t){var e,n;const o=(0,i.useRef)(null),[s,a,l]=(0,r.YD)({triggerOnce:!0}),c=null!==(e=t.height)&&void 0!==e?e:"100%",h=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,i.useEffect)((()=>{o.current&&(t.isPlaying?o.current.play():o.current.pause())}),[t.isPlaying,a]),(0,d.jsx)("div",{ref:s,style:{width:c,height:h,overflow:"hidden"},children:a?(0,d.jsx)("video",{ref:o,className:"whatmore-video-player",width:h,height:c,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:t.url,style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:h,height:c,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var h=function(t){var e,n,h;const[u,p,f]=(0,r.YD)({triggerOnce:!0});if((0,a.WJ)(t.event))return(0,d.jsx)(l.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const m=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;if((0,s.KE)())return(0,d.jsx)(c,{height:"100%",width:"100%",url:(0,o.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:m});const x=(0,i.useRef)(null),w=null!==(n=t.height)&&void 0!==n?n:"100%",g=null!==(h=t.width)&&void 0!==h?h:"100%";return(0,i.useEffect)((()=>{x.current&&(t.isPlaying?x.current.play():x.current.pause())}),[t.isPlaying,p]),(0,d.jsx)("div",{ref:u,style:{width:w,height:g,overflow:"hidden"},children:p?(0,d.jsx)("video",{ref:x,className:"whatmore-video-player",width:g,height:w,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(t.url),style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:g,height:w,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},4920:function(t,e,n){n.d(e,{Z:function(){return v}});var i=n(7313),r=n(9821),o=(n(3439),n(9723)),s=n(7753),a=n(4892),l=n(7129),d=n(6805),c=n(9854),h=n(1092),u=n(5945),p=n(4136),f=n(6417);var m=function(t){var[e,n]=(0,r.Z)();const{whatmoreUITheme:o}=(0,i.useContext)(p.I),[a]=(0,s.j1)("whatmorePrimaryFont"),[l]=(0,s.j1)("whatmorePrimaryColor"),[d]=(0,s.j1)("whatmoreSecondaryColor"),[h,m]=(0,i.useState)(0),x=(0,s.MO)("whatmoreShopId"),w=t.event,g=w.products.length;if(0==g)return(0,f.jsx)(f.Fragment,{});(0,i.useEffect)((()=>{const t=setInterval((()=>{m((t=>(t+1)%g))}),3e3);return()=>{clearInterval(t)}}),[]);const y=.3*n,v=y+"px",j=y+"px",b=.07*n+"px";return(0,f.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,f.jsx)("div",{style:{width:v,height:j,boxShadow:"round"==o?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==o?"5px":"0px",borderWidth:(0,c.al)(x),borderColor:(0,c.qP)(x),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,f.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,c.yO)(x),"important")},src:w.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==o?"5px":"0px"},alt:"product image"})}),(0,f.jsx)("div",{style:{width:n-5-y+"px",height:j,borderRadius:"round"==o?"5px":"0px",overflow:"visible"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,f.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",b,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"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,u.s)(w.products[h].title)})})})]},h)})},x=n(3933);function w(t){var e,[n,a]=(0,r.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[h,u,p]=(0,x.YD)({triggerOnce:!0});var w=(0,i.useContext)(l.V);const g=t.event,y=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,v=.5*a;return(0,f.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,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:" "})}),w.showPlayButton&&!y?(0,f.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(o.Z,{sx:{color:"#F5F5F5 !important",opacity:.8,fontSize:v,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,f.jsx)(f.Fragment,{}),(0,f.jsx)("div",{ref:h,children:u&&(0,c.PW)(d)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(m,{event:g})}):(0,f.jsx)("div",{height:"20px"})})]})})}function g(t){var[e,n]=(0,r.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),o=t.event;return o.title.trim().length?(0,f.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,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,f.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,f.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,f.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:o.title.substring(0,60)})]})})})}):(0,f.jsx)(f.Fragment,{})}function y(t){const[e,n,i,o,a]=(0,r.Z)(),[l]=(0,s.j1)("whatmoreShowViews"),c=t.event,u=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:{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,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===l?(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)(h.Z,{event:c,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})}),d.$w===a[d.YP]?(0,f.jsx)(f.Fragment,{}):u?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,f.jsx)(g,{event:c})}):(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(g,{event:c})})]})})}var v=function(t){var e,n,o;const[h,u,m,x,g]=(0,r.Z)();var v=(0,i.useContext)(l.V);const{whatmoreUITheme:j}=(0,i.useContext)(p.I),b=(0,s.MO)("whatmoreShopId"),C=t.event,P=t.onClick,I=null===(e=t.isOnFocus)||void 0===e||e,F=null!==(n=t.playOnUnfocus)&&void 0!==n&&n,z=null!==(o=t.animateOnFocus&&(0,c.iW)(b))&&void 0!==o&&o,k=(0,c.nz)(b);return(0,f.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",v.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",v.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:u,height:h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j?k:null,borderWidth:(0,c.al)(b),borderColor:(0,c.qP)(b),overflow:"hidden",cursor:"pointer"},className:z?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(C)},children:[(0,f.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:I||F,event:C}),(0,f.jsxs)("div",{style:{width:u,height:h},children:[(0,f.jsx)(y,{event:C,isOnFocus:I}),I||d.$w===g[d.YP]?(0,f.jsx)(w,{event:C,unfocusedDisplay:!I}):null]})]})}},868:function(t,e,n){n.d(e,{V:function(){return a}});var i=n(9854),r=n(7753);const o={"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"},s={"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"},a=function(t){const e=(0,r.MO)("whatmoreShopId");if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,i.zp)(e))return t;if("AZURECDN"==(0,i.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(o))if(t.includes(e))return t.replace(e,o[e]);return t}}if("BUNNYCDN"==(0,i.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(s))if(t.includes(e))return t.replace(e,s[e]);return t}}return t}},6805:function(t,e,n){n.d(e,{$I:function(){return a},$w:function(){return d},AK:function(){return o},AL:function(){return s},YP:function(){return r},me:function(){return i},rE:function(){return l}});const i="device_type",r="device_mode",o="mobile",s="tablet",a="desktop",l="portrait",d="landscape"},6422:function(t,e,n){var i=n(7313),r=n(7753);e.Z=function(t){const[e,n]=(0,r.j1)("muted");return(0,i.useEffect)((()=>{}),[]),[e,n]}},8866:function(t,e,n){var i=n(7313);function r(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=r();const[o,s]=(0,i.useState)(["portrait",e,n]);return(0,i.useLayoutEffect)((()=>{function t(){var[t,e]=r();s(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),o}},9821:function(t,e,n){var i=n(6367),r=n(7753),o=n(8866),s=n(6805);e.Z=function(t){const[e,n,a]=(0,o.Z)(),[l]=(0,r.j1)("whatmoreLandscapePadding"),[d]=(0,r.j1)("whatmoreVideoTileSize"),c=(0,i.useMediaQuery)({query:"(min-width: 1025px)"}),h=(0,i.useMediaQuery)({query:"(min-width: 481px)"}),u=!("portrait"!=e||!h),p=d/100*1.3*.5,f=d/100;var m=Math.min(a,n),[x,w,g,y]=[.6*m*(16/9),.6*m,1.4,0];function v(t){return Math.round(10*t)/10}var j={DEVICE_TYPE:s.AK,DEVICE_MODE:s.rE};if(c){const t=w*p,e=x*p;[x,w,g,y]=[e,t,(a-2*l)/(1.1*t),l],j[s.me]=s.$I,j[s.YP]=s.$w}else if(u){var b=.8*w,C=.8*x;"portrait"==e?(b*=f,C*=f,[x,w,g,y]=[C,b,v(a/(1.2*b)),0],j[s.me]=s.AL,j[s.YP]=s.rE):([x,w,g,y]=[C,b,(a-2*l)/(1.1*b),l],j[s.me]=s.AL,j[s.YP]=s.$w)}else{b=w,C=x;"portrait"==e?(b*=f,C*=f,[x,w,g,y]=[C,b,v(a/(1.15*b)),0],j[s.me]=s.AK,j[s.YP]=s.rE):(b=.7*w,C=.7*x,[x,w,g,y]=[C,b,(a-2*l)/(1.1*b),l],j[s.me]=s.AK,j[s.YP]=s.$w)}return[x,w,g,y,j]}},9723:function(t,e,n){var i=n(5318);e.Z=void 0;var r=i(n(5045)),o=n(6417),s=(0,r.default)((0,o.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=s},237:function(t,e,n){var i=n(5318);e.Z=void 0;var r=i(n(5045)),o=n(6417),s=(0,r.default)((0,o.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=s},3439:function(){},123:function(){},7244:function(){},6143:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[516],{51:function(t,e,n){n.d(e,{Z:function(){return r}});n(7313);var i=n(6417);var r=function(t){return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("span",{className:"whatmore-loading-indicator"})})}},1092:function(t,e,n){var i=n(237),r=n(9854),o=n(7753),s=n(4136),a=n(7313),l=n(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,a.useContext)(s.I),n=(0,o.MO)("whatmoreShopId"),c=(0,o.MO)("whatmorePrimaryFont"),h=t.event,u=t.fontSize;if(h.total_views<=0)return(0,l.jsx)(l.Fragment,{});const p=(0,r.S_)(n);return"template-icon"==p?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,r.al)(n),borderColor:(0,r.qP)(n)},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)(i.Z,{sx:{color:(0,r.aL)(n)+" !important",fontSize:u,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,r.aL)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("font-size",u,"important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==p?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,r.al)(n),borderColor:(0,r.qP)(n)},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,r.aL)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",c,"important"))},style:{fontSize:u,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(t,e,n){n.d(e,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(t,e,n){var i=n(208),r=n(51),o=n(6417);e.Z=function(t){var e,n;const s=null!==(e=t.height)&&void 0!==e?e:"100%",a=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:a,height:s,overflow:"hidden"},children:[(0,o.jsx)(i.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(r.Z,{})})})]})}},5945:function(t,e,n){function i(t){return"undefined"==typeof t||"undefined"==t||null==t?"":t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}))}n.d(e,{s:function(){return i}})},2887:function(t,e,n){var i=n(7313),r=(n(6422),n(3175)),o=n(6417);e.Z=function(t){var e,n,s;const[a,l]=(0,i.useState)(!1),d=i.useRef(0),c=(0,i.useRef)(null),h=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},u=null!==(n=t.height)&&void 0!==n?n:"100%",p=null!==(s=t.width)&&void 0!==s?s:"100%";return(0,i.useEffect)((()=>{d.current=0;const t=setInterval((()=>{d.current=d.current+.03,c.current&&h(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:p,height:u,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:a?"100%":"0px",height:a?"100%":"0px"},children:(0,o.jsx)("img",{ref:c,src:t.url,style:{objectFit:"cover",height:u,width:p,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),a?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(r.Z,{width:"100%",height:"100%"})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return h}});var i=n(7313),r=n(3933),o=n(868),s=n(8984),a=n(7300),l=(n(6422),n(2887)),d=n(6417);var c=function(t){var e,n;const o=(0,i.useRef)(null),[s,a,l]=(0,r.YD)({triggerOnce:!0}),c=null!==(e=t.height)&&void 0!==e?e:"100%",h=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,i.useEffect)((()=>{o.current&&(t.isPlaying?o.current.play():o.current.pause())}),[t.isPlaying,a]),(0,d.jsx)("div",{ref:s,style:{width:c,height:h,overflow:"hidden"},children:a?(0,d.jsx)("video",{ref:o,className:"whatmore-video-player",width:h,height:c,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:t.url,style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:h,height:c,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var h=function(t){var e,n,h;const[u,p,f]=(0,r.YD)({triggerOnce:!0});if((0,a.WJ)(t.event))return(0,d.jsx)(l.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const m=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;if((0,s.KE)())return(0,d.jsx)(c,{height:"100%",width:"100%",url:(0,o.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:m});const x=(0,i.useRef)(null),w=null!==(n=t.height)&&void 0!==n?n:"100%",g=null!==(h=t.width)&&void 0!==h?h:"100%";return(0,i.useEffect)((()=>{x.current&&(t.isPlaying?x.current.play():x.current.pause())}),[t.isPlaying,p]),(0,d.jsx)("div",{ref:u,style:{width:w,height:g,overflow:"hidden"},children:p?(0,d.jsx)("video",{ref:x,className:"whatmore-video-player",width:g,height:w,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(t.url),style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:g,height:w,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},4920:function(t,e,n){n.d(e,{Z:function(){return v}});var i=n(7313),r=n(9821),o=(n(3439),n(9723)),s=n(7753),a=n(4892),l=n(7129),d=n(6805),c=n(9854),h=n(1092),u=n(5945),p=n(4136),f=n(6417);var m=function(t){var[e,n]=(0,r.Z)();const{whatmoreUITheme:o}=(0,i.useContext)(p.I),[a]=(0,s.j1)("whatmorePrimaryFont"),[l]=(0,s.j1)("whatmorePrimaryColor"),[d]=(0,s.j1)("whatmoreSecondaryColor"),[h,m]=(0,i.useState)(0),x=(0,s.MO)("whatmoreShopId"),w=t.event,g=w.products.length;if(0==g)return(0,f.jsx)(f.Fragment,{});(0,i.useEffect)((()=>{const t=setInterval((()=>{m((t=>(t+1)%g))}),3e3);return()=>{clearInterval(t)}}),[]);const y=.3*n,v=y+"px",j=y+"px",b=.07*n+"px";return(0,f.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,f.jsx)("div",{style:{width:v,height:j,boxShadow:"round"==o?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==o?"5px":"0px",borderWidth:(0,c.al)(x),borderColor:(0,c.qP)(x),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,f.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,c.yO)(x),"important")},src:w.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==o?"5px":"0px"},alt:"product image"})}),(0,f.jsx)("div",{style:{width:n-5-y+"px",height:j,borderRadius:"round"==o?"5px":"0px",overflow:"visible"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,f.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",b,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"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,u.s)(w.products[h].title)})})})]},h)})},x=n(3933);function w(t){var e,[n,a]=(0,r.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[h,u,p]=(0,x.YD)({triggerOnce:!0});var w=(0,i.useContext)(l.V);const g=t.event,y=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,v=.5*a;return(0,f.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,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:" "})}),w.showPlayButton&&!y?(0,f.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(o.Z,{sx:{color:"#F5F5F5 !important",opacity:.8,fontSize:v,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,f.jsx)(f.Fragment,{}),(0,f.jsx)("div",{ref:h,children:u&&(0,c.PW)(d)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(m,{event:g})}):(0,f.jsx)("div",{height:"20px"})})]})})}function g(t){var[e,n]=(0,r.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),o=t.event;return o.title.trim().length?(0,f.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,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,f.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,f.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,f.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:o.title.substring(0,60)})]})})})}):(0,f.jsx)(f.Fragment,{})}function y(t){const[e,n,i,o,a]=(0,r.Z)(),[l]=(0,s.j1)("whatmoreShowViews"),c=t.event,u=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:{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,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===l?(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)(h.Z,{event:c,fontSize:.07*n+"px"})})}):(0,f.jsx)(f.Fragment,{})})}),d.$w===a[d.YP]?(0,f.jsx)(f.Fragment,{}):u?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,f.jsx)(g,{event:c})}):(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(g,{event:c})})]})})}var v=function(t){var e,n,o;const[h,u,m,x,g]=(0,r.Z)();var v=(0,i.useContext)(l.V);const{whatmoreUITheme:j}=(0,i.useContext)(p.I),b=(0,s.MO)("whatmoreShopId"),C=t.event,P=t.onClick,I=null===(e=t.isOnFocus)||void 0===e||e,F=null!==(n=t.playOnUnfocus)&&void 0!==n&&n,z=null!==(o=t.animateOnFocus&&(0,c.iW)(b))&&void 0!==o&&o,k=(0,c.nz)(b);return(0,f.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",v.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",v.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:u,height:h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j?k:null,borderWidth:(0,c.al)(b),borderColor:(0,c.qP)(b),overflow:"hidden",cursor:"pointer"},className:z?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(C)},children:[(0,f.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:I||F,event:C}),(0,f.jsxs)("div",{style:{width:u,height:h},children:[(0,f.jsx)(y,{event:C,isOnFocus:I}),I||d.$w===g[d.YP]?(0,f.jsx)(w,{event:C,unfocusedDisplay:!I}):null]})]})}},868:function(t,e,n){n.d(e,{V:function(){return a}});var i=n(9854),r=n(7753);const o={"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"},s={"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"},a=function(t){const e=(0,r.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,i.zp)(e))return t;if("AZURECDN"==(0,i.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(o))if(t.includes(e))return t.replace(e,o[e]);return t}}if("BUNNYCDN"==(0,i.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(s))if(t.includes(e))return t.replace(e,s[e]);return t}}return t}},6805:function(t,e,n){n.d(e,{$I:function(){return a},$w:function(){return d},AK:function(){return o},AL:function(){return s},YP:function(){return r},me:function(){return i},rE:function(){return l}});const i="device_type",r="device_mode",o="mobile",s="tablet",a="desktop",l="portrait",d="landscape"},6422:function(t,e,n){var i=n(7313),r=n(7753);e.Z=function(t){const[e,n]=(0,r.j1)("muted");return(0,i.useEffect)((()=>{}),[]),[e,n]}},8866:function(t,e,n){var i=n(7313);function r(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=r();const[o,s]=(0,i.useState)(["portrait",e,n]);return(0,i.useLayoutEffect)((()=>{function t(){var[t,e]=r();s(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),o}},9821:function(t,e,n){var i=n(6367),r=n(7753),o=n(8866),s=n(6805);e.Z=function(t){const[e,n,a]=(0,o.Z)(),[l]=(0,r.j1)("whatmoreLandscapePadding"),[d]=(0,r.j1)("whatmoreVideoTileSize"),c=(0,i.useMediaQuery)({query:"(min-width: 1025px)"}),h=(0,i.useMediaQuery)({query:"(min-width: 481px)"}),u=!("portrait"!=e||!h),p=d/100*1.3*.5,f=d/100;var m=Math.min(a,n),[x,w,g,y]=[.6*m*(16/9),.6*m,1.4,0];function v(t){return Math.round(10*t)/10}var j={DEVICE_TYPE:s.AK,DEVICE_MODE:s.rE};if(c){const t=w*p,e=x*p;[x,w,g,y]=[e,t,(a-2*l)/(1.1*t),l],j[s.me]=s.$I,j[s.YP]=s.$w}else if(u){var b=.8*w,C=.8*x;"portrait"==e?(b*=f,C*=f,[x,w,g,y]=[C,b,v(a/(1.2*b)),0],j[s.me]=s.AL,j[s.YP]=s.rE):([x,w,g,y]=[C,b,(a-2*l)/(1.1*b),l],j[s.me]=s.AL,j[s.YP]=s.$w)}else{b=w,C=x;"portrait"==e?(b*=f,C*=f,[x,w,g,y]=[C,b,v(a/(1.15*b)),0],j[s.me]=s.AK,j[s.YP]=s.rE):(b=.7*w,C=.7*x,[x,w,g,y]=[C,b,(a-2*l)/(1.1*b),l],j[s.me]=s.AK,j[s.YP]=s.$w)}return[x,w,g,y,j]}},9723:function(t,e,n){var i=n(5318);e.Z=void 0;var r=i(n(5045)),o=n(6417),s=(0,r.default)((0,o.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=s},237:function(t,e,n){var i=n(5318);e.Z=void 0;var r=i(n(5045)),o=n(6417),s=(0,r.default)((0,o.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=s},3439:function(){},123:function(){},7244:function(){},6143:function(){}}]);
package/static/js/517.6999b74b.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[517],{8675:function(n,t,e){e.d(t,{Z:function(){return v}});var i,o,r=e(3271),a=e(5098),l=e(7313),s=e(9821),c=e(2634),d=e(5180),h=e(168),u=e(686);const m=(0,u.F4)(i||(i=(0,h.Z)(["\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(1.05);\n }\n"]))),x=(0,u.F4)(o||(o=(0,h.Z)(["\n 0% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n"]))),f="\n ".concat(m,"; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n"),g="\n ".concat(x,"; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n");var p=e(7753),j=e(7129),w=e(6417);var v=function(n){var t,e,[i,o]=(0,s.Z)();const[h]=(0,p.j1)("whatmorePrimaryFont");var u=(0,l.useContext)(j.V);const m=n.event,x=n.onClick,v=null===(t=n.isOnFocus)||void 0===t||t,C=(n.playOnUnfocus,null!==(e=n.animateOnFocus)&&void 0!==e&&e);return(0,w.jsxs)(r.xu,{animation:C?v?f:g:"none",marginTop:u.tileTopMargin,marginBottom:u.tileBottomMMargin,marginLeft:u.tileLeftMargin,marginRight:u.tileRightMargin,width:o,height:i,borderRadius:"lg",sx:{boxShadow:"0px 0px 10px 3px #B0B0B0"},overflow:"hidden",onClick:()=>{x(m)},cursor:"pointer",children:[(0,w.jsx)(a.Ee,{width:"full",height:"full",src:m.thumbnail_image,objectFit:"cover",fallback:(0,w.jsx)(d.Z,{width:o,height:i}),borderRadius:"lg"}),(0,w.jsx)(r.xu,{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden"},width:"full",height:"full",borderRadius:"lg",overflow:"hidden",className:"whatmore-ios-css-relative-fix",children:(0,w.jsxs)(r.Kq,{direction:"column",height:"full",width:"full",justifyContent:"space-between",children:[(0,w.jsx)(r.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-t, transparent, blackAlpha.200, blackAlpha.400, blackAlpha.600)",children:(0,w.jsx)(r.Kq,{direction:"column",justifyContent:"flex-start",children:(0,w.jsx)(r.xu,{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px",children:(0,w.jsx)(r.Kq,{direction:"row",justifyContent:"space-between",children:(0,w.jsx)(c.Z,{event:m,fontSize:.05*i+"px",maxWidth:.8*o})})})})}),(0,w.jsx)(r.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-b, transparent, blackAlpha.300, blackAlpha.400, blackAlpha.500, blackAlpha.600)",children:(0,w.jsx)(r.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",alignContent:"center",children:(0,w.jsx)(r.xu,{width:"full",borderRadius:"lg",children:(0,w.jsxs)(r.Kq,{direction:"column",justifyContent:"space-between",alignContent:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px",children:[(0,w.jsx)(r.xv,{color:"white",fontSize:.08*o+"px",fontWeight:"normal",align:"left",children:" "}),(0,w.jsx)(r.xv,{fontSize:.08*o+"px",fontWeight:"normal",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:m.title.substring(0,40)}),(0,w.jsx)(r.xv,{fontSize:.08*o+"px",fontWeight:"bold",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:m.presenter_name.substring(0,15)})]})})})})]})})]})}},5523:function(n,t,e){e.r(t);var i=e(7313),o=e(8675),r=e(4664),a=e(7616),l=(e(6143),e(7244),e(123),e(9302)),s=e(2575),c=e(3271),d=e(9821),h=e(8866),u=(e(2279),e(7753)),m=e(9316),x=e(7129),f=e(9854),g=e(4136),p=e(7300),j=e(4920),w=e(6417);const v=(0,s.Z)({key:"whatmore-css-hv"});function C(n,t){var e=[];const i=t;for(let o=0;o<n.length;o+=i){const t=n.slice(o,o+i);e.push(t)}return e}function b(n){var t;const[e,o]=(0,i.useState)(!1),[r,a]=(0,i.useState)(!1),[l]=(0,u.j1)("whatmoreSecondaryColorShade600"),[s]=(0,u.j1)("whatmoreSecondaryColorShade300"),[d]=(0,u.j1)("whatmorePrimaryFont"),h=null!==(t=n.baseFontSize)&&void 0!==t?t:10,x=n.onClick;return(0,w.jsx)(c.xu,{width:"fit-content",height:"fit-content",paddingY:"4px",boxShadow:"lg",borderRadius:"md",backgroundColor:e?s:l,animation:r?m.mT:null,onClick:n=>{n.stopPropagation(),a(!0),x()},sx:{cursor:"pointer"},onMouseEnter:()=>{o(!0)},onMouseLeave:()=>{o(!1)},children:(0,w.jsx)(c.Kq,{direction:"row",width:"fit-content",alignContent:"center",children:(0,w.jsxs)(c.xv,{fontSize:h,fontWeight:"normal",sx:{fontFamily:d+" !important",color:"white !important"},children:["\xa0"," view more ","\xa0"]})})})}function y(n){var t;const[e,r,a]=(0,d.Z)();var[l,s]=(0,i.useState)(0);const h=n.events,u=n.onClick,m=null!==(t=n.seeMoreIncrement)&&void 0!==t?t:1,x=C(h,Math.floor(Math.min(a,h.length)));return(0,w.jsx)(c.M5,{children:(0,w.jsxs)(c.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,w.jsx)(w.Fragment,{children:x.map(((n,t)=>t>l?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(c.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:n.map(((n,t)=>(0,w.jsx)(c.xu,{style:{margin:"10px"},children:(0,p.B6)(n)||(0,p.WJ)(n)?(0,w.jsx)(j.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{u(n)}}):(0,w.jsx)(o.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{u(n)}})},"event-"+t)))},"event-stack-"+t)))}),(0,w.jsx)(w.Fragment,{children:l<x.length-1?(0,w.jsx)(c.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:(0,w.jsx)(b,{baseFontSize:.1*r,onClick:()=>{l>=x.length-1||s((n=>n+m))}})}):(0,w.jsx)(w.Fragment,{})})]})})}function F(n){var t;const[e,r,a,l]=(0,d.Z)();var[s,h]=(0,i.useState)(0);const u=n.events,m=n.onClick,x=null!==(t=n.seeMoreIncrement)&&void 0!==t?t:1,f=C(u,Math.floor(Math.min(a,u.length)));return(0,w.jsx)(c.M5,{paddingLeft:l+"px",paddingRight:l+"px",children:(0,w.jsxs)(c.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,w.jsx)(w.Fragment,{children:f.map(((n,t)=>t>s?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(c.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:n.map(((n,t)=>(0,w.jsx)(c.xu,{style:{margin:"10px"},children:(0,p.B6)(n)||(0,p.WJ)(n)?(0,w.jsx)(j.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{m(n)}}):(0,w.jsx)(o.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:n,onClick:()=>{m(n)}})},"event-"+t)))},"event-stack-"+t)))}),(0,w.jsx)(w.Fragment,{children:s<f.length-1?(0,w.jsx)(c.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:(0,w.jsx)(b,{baseFontSize:.1*r,onClick:()=>{s>=f.length-1||h((n=>n+x))}})}):(0,w.jsx)(w.Fragment,{})})]})})}t.default=function(n){var t;const[e,o,s]=(0,h.Z)(),[d]=(0,u.j1)("whatmoreShopId"),[m]=(0,u.j1)("whatmorePrimaryColor"),[p]=(0,u.j1)("whatmoreSecondaryColor"),[j]=(0,u.j1)("whatmoreTitleFont"),C="portrait"==e?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:b}=(0,i.useContext)(g.I),k=n.events,S=n.onClick,M=null!==(t=(0,f.aR)(d))&&void 0!==t?t:j;function R(n){S(n)}return delete a.ZP.styles.global,(0,w.jsx)(l.C,{value:v,children:(0,w.jsx)("div",{children:(0,w.jsx)(r.x,{theme:a.ZP,cssVarsRoot:b,resetCSS:!1,children:(0,w.jsxs)(x.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[n.heading.trim().length>0?(0,w.jsx)(c.M5,{children:(0,w.jsx)(c.xv,{bgColor:m,bgClip:"text",fontSize:C,sx:{fontFamily:M+" !important"},align:"center",children:n.heading})}):(0,w.jsx)(w.Fragment,{}),"landscape"===e?(0,w.jsx)(F,{events:k,onClick:R,seeMoreIncrement:1}):(0,w.jsx)(y,{events:k,onClick:R,seeMoreIncrement:2})]})})})})}},9316:function(n,t,e){e.d(t,{mT:function(){return c}});var i,o,r,a=e(168),l=e(686);const s=(0,l.F4)(i||(i=(0,a.Z)(["\n 0% { transform: scale(1); }\n 50%, { transform: scale(0.95); }\n 100% { transform: scale(1); }\n"]))),c="\n ".concat(s," 0.2s linear;\n"),d=(0,l.F4)(o||(o=(0,a.Z)(["\n 100% { \n -webkit-transform: rotate(360deg); \n transform:rotate(360deg); \n }\n"]))),h=("\n ".concat(d," 0.5s infinite linear;\n"),(0,l.F4)(r||(r=(0,a.Z)(["\n 0% { \n opacity: 1;\n transform: translateY(100%);\n }\n 10%{\n transform: translateY(0%);\n }\n 12%{\n transform: translateY(-5%);\n }\n 20%{\n transform: translateY(0%);\n }\n 95%{\n opacity: 1;\n transform: scale(1);\n }\n 100%{\n opacity: 0;\n }\n"]))));"\n ".concat(h," ").concat(3,"s ease-in-out;\n")},2634:function(n,t,e){var i=e(3271),o=e(4897),r=e(499),a=e(6417);t.Z=function(n){var t,e=n.event,l=n.fontSize,s=null!==(t=n.maxWidth)&&void 0!==t?t:"100%",{status:c,bannerText:d,timeToStartInMins:h}=o.Z.getEventStatus(e);return c.name===r.Z.LIVE.name?(0,a.jsx)(i.xu,{maxWidth:s,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:c.color,children:(0,a.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,a.jsx)(i.xv,{fontSize:l,fontWeight:"bold",color:"white",children:d})})}):(0,a.jsx)(i.xu,{maxWidth:s,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:c.color,children:(0,a.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,a.jsx)(i.xv,{fontSize:l,fontWeight:"medium",children:d})})})}},5180:function(n,t,e){var i=e(3271),o=e(208),r=e(6417);t.Z=function(n){var t,e,a;const l=null!==(t=n.height)&&void 0!==t?t:"100%",s=null!==(e=n.width)&&void 0!==e?e:"100%",c=null!==(a=n.borderRadius)&&void 0!==a?a:"lg";return(0,r.jsx)(i.xu,{borderRadius:c,overflow:"hidden",children:(0,r.jsx)(o.Od,{height:l,width:s,speed:.5,startColor:"gray.400",endColor:"white"})})}}}]);
package/static/js/{580.edcb7bf5.chunk.js → 580.d18fbff9.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[580],{3580:function(t,e,n){n.r(e),n.d(e,{default:function(){return h}});var r=n(7313),o=n(8866),i=n(7753),s=(n(9111),n(123),n(9778),n(9854)),a=n(868),d=n(6417);var l=function(t){var e,n;const[l,p,c]=(0,o.Z)(),h=(0,i.MO)("whatmorePrimaryFont"),u=((0,i.MO)("whatmorePrimaryColor"),(0,i.MO)("whatmoreSecondaryColor")),f=(0,i.MO)("whatmoreShopId"),[x,m]=(0,r.useState)(!1),w=t.storyId,g=(0,a.V)(t.imageUrl),v=t.title,y=t.onClick,b=t.template,j=(0,s.f6)(f),z="template-stories-a"===b?"50%":"30%",k="portrait"==l?1:(0,s.Zy)(f),S=Math.floor(t.tileSize*k),C=.12*S*(0,s.LM)(f),F=null!==(e=(0,s.Q)(f))&&void 0!==e?e:h,L=null!==(n=(0,s.u2)(f))&&void 0!==n?n:[u,j,u,j,u];return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:S*(0,s.jJ)(f)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{m(!0),y(w)},className:[x?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:z,boxShadow:"0px 2px 1px 0px "+L[0]+"50, 0px -2px 1px 0px "+L[1]+"50, 2px 0px 1px 0px "+L[2]+"50, -2px 0px 1px 0px "+L[3]+"80, 2px -2px 1px 0px "+L[4]+"80, -2px 2px 1px 0px "+L[0]+"DA, 2px 2px 1px 0px "+L[1]+"DA, -2px -2px 1px 0px "+L[2]+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:S+"px",borderRadius:z,border:"3px solid white",backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)("img",{src:g,style:{objectFit:"cover",height:S+"px",width:S+"px",backgroundColor:"white"},alt:"story image"})})}),(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,d.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",C+"px","important")},style:{textAlign:"center",color:(0,s.WS)(f),fontFamily:F,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis"},children:v.substring(0,24)})})]})},p=n(9302);const c=(0,n(2575).Z)({key:"whatmore-stories-css"});var h=function(t){const[e,n,r]=(0,o.Z)(),[a]=(0,i.j1)("whatmoreLandscapePadding"),[h]=(0,i.j1)("whatmoreStoryTileSize"),[u]=(0,i.j1)("whatmoreStoryTileSizeDesktop"),[f]=(0,i.j1)("whatmoreShopId");var x=t.eventsStories;const m=t.onClick,w=t.template,g="landscape"===e?n*(u/100)*.3:r*(h/100)*.5;return(0,d.jsx)(p.C,{value:c,children:(0,d.jsx)("div",{style:{left:a+"px",right:a+"px",marginBottom:"portrait"==e?(0,s.cj)(f):(0,s.TM)(f)},children:"landscape"==e&&!(0,s.DF)(f)||"portrait"==e&&!(0,s.J)(f)?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"landscape"===e?"center":"flex-start",height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",children:x.map(((t,e)=>(0,d.jsx)(l,{storyId:t.id,tileSize:g,onClick:t=>{m(e)},template:w,imageUrl:t.thumbnail_image,title:t.title},"whatmore-story-"+t.id)))})})})}},868:function(t,e,n){n.d(e,{V:function(){return a}});var r=n(9854),o=n(7753);const i={"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"},s={"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"},a=function(t){const e=(0,o.MO)("whatmoreShopId");if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,r.zp)(e))return t;if("AZURECDN"==(0,r.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(i))if(t.includes(e))return t.replace(e,i[e]);return t}}if("BUNNYCDN"==(0,r.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(s))if(t.includes(e))return t.replace(e,s[e]);return t}}return t}},8866:function(t,e,n){var r=n(7313);function o(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=o();const[i,s]=(0,r.useState)(["portrait",e,n]);return(0,r.useLayoutEffect)((()=>{function t(){var[t,e]=o();s(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),i}},9111:function(){},123:function(){},9778:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[580],{3580:function(t,e,n){n.r(e),n.d(e,{default:function(){return h}});var r=n(7313),o=n(8866),i=n(7753),s=(n(9111),n(123),n(9778),n(9854)),a=n(868),d=n(6417);var l=function(t){var e,n;const[l,p,c]=(0,o.Z)(),h=(0,i.MO)("whatmorePrimaryFont"),u=((0,i.MO)("whatmorePrimaryColor"),(0,i.MO)("whatmoreSecondaryColor")),f=(0,i.MO)("whatmoreShopId"),[x,m]=(0,r.useState)(!1),w=t.storyId,g=(0,a.V)(t.imageUrl),v=t.title,y=t.onClick,b=t.template,j=(0,s.f6)(f),z="template-stories-a"===b?"50%":"30%",k="portrait"==l?1:(0,s.Zy)(f),S=Math.floor(t.tileSize*k),C=.12*S*(0,s.LM)(f),F=null!==(e=(0,s.Q)(f))&&void 0!==e?e:h,L=null!==(n=(0,s.u2)(f))&&void 0!==n?n:[u,j,u,j,u];return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:S*(0,s.jJ)(f)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{m(!0),y(w)},className:[x?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:z,boxShadow:"0px 2px 1px 0px "+L[0]+"50, 0px -2px 1px 0px "+L[1]+"50, 2px 0px 1px 0px "+L[2]+"50, -2px 0px 1px 0px "+L[3]+"80, 2px -2px 1px 0px "+L[4]+"80, -2px 2px 1px 0px "+L[0]+"DA, 2px 2px 1px 0px "+L[1]+"DA, -2px -2px 1px 0px "+L[2]+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:S+"px",borderRadius:z,border:"3px solid white",backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)("img",{src:g,style:{objectFit:"cover",height:S+"px",width:S+"px",backgroundColor:"white"},alt:"story image"})})}),(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,d.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",C+"px","important")},style:{textAlign:"center",color:(0,s.WS)(f),fontFamily:F,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis"},children:v.substring(0,24)})})]})},p=n(9302);const c=(0,n(2575).Z)({key:"whatmore-stories-css"});var h=function(t){const[e,n,r]=(0,o.Z)(),[a]=(0,i.j1)("whatmoreLandscapePadding"),[h]=(0,i.j1)("whatmoreStoryTileSize"),[u]=(0,i.j1)("whatmoreStoryTileSizeDesktop"),[f]=(0,i.j1)("whatmoreShopId");var x=t.eventsStories;const m=t.onClick,w=t.template,g="landscape"===e?n*(u/100)*.3:r*(h/100)*.5;return(0,d.jsx)(p.C,{value:c,children:(0,d.jsx)("div",{style:{left:a+"px",right:a+"px",marginBottom:"portrait"==e?(0,s.cj)(f):(0,s.TM)(f)},children:"landscape"==e&&!(0,s.DF)(f)||"portrait"==e&&!(0,s.J)(f)?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"landscape"===e?"center":"flex-start",height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",children:x.map(((t,e)=>(0,d.jsx)(l,{storyId:t.id,tileSize:g,onClick:t=>{m(e)},template:w,imageUrl:t.thumbnail_image,title:t.title},"whatmore-story-"+t.id)))})})})}},868:function(t,e,n){n.d(e,{V:function(){return a}});var r=n(9854),o=n(7753);const i={"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"},s={"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"},a=function(t){const e=(0,o.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,r.zp)(e))return t;if("AZURECDN"==(0,r.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(i))if(t.includes(e))return t.replace(e,i[e]);return t}}if("BUNNYCDN"==(0,r.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(s))if(t.includes(e))return t.replace(e,s[e]);return t}}return t}},8866:function(t,e,n){var r=n(7313);function o(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=o();const[i,s]=(0,r.useState)(["portrait",e,n]);return(0,r.useLayoutEffect)((()=>{function t(){var[t,e]=o();s(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),i}},9111:function(){},123:function(){},9778:function(){}}]);
package/static/js/{642.ceaa86be.chunk.js → 642.59328000.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[642],{51:function(e,t,n){n.d(t,{Z:function(){return i}});n(7313);var r=n(6417);var i=function(e){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,n){var r=n(208),i=n(51),o=n(6417);t.Z=function(e){var t,n;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden"},children:[(0,o.jsx)(r.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(i.Z,{})})})]})}},2887:function(e,t,n){var r=n(7313),i=(n(6422),n(3175)),o=n(6417);t.Z=function(e){var t,n,a;const[s,d]=(0,r.useState)(!1),l=r.useRef(0),u=(0,r.useRef)(null),h=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(n=e.height)&&void 0!==n?n:"100%",p=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{l.current=0;const e=setInterval((()=>{l.current=l.current+.03,u.current&&h(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:p,height:c,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:u,src:e.url,style:{objectFit:"cover",height:c,width:p,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:"100%",height:"100%"})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(7313),i=n(3933),o=n(868),a=n(8984),s=n(7300),d=(n(6422),n(2887)),l=n(6417);var u=function(e){var t,n;const o=(0,r.useRef)(null),[a,s,d]=(0,i.YD)({triggerOnce:!0}),u=null!==(t=e.height)&&void 0!==t?t:"100%",h=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():o.current.pause())}),[e.isPlaying,s]),(0,l.jsx)("div",{ref:a,style:{width:u,height:h,overflow:"hidden"},children:s?(0,l.jsx)("video",{ref:o,className:"whatmore-video-player",width:h,height:u,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:h,height:u,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,n,h;const[c,p,x]=(0,i.YD)({triggerOnce:!0});if((0,s.WJ)(e.event))return(0,l.jsx)(d.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const f=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;if((0,a.KE)())return(0,l.jsx)(u,{height:"100%",width:"100%",url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:f});const w=(0,r.useRef)(null),m=null!==(n=e.height)&&void 0!==n?n:"100%",v=null!==(h=e.width)&&void 0!==h?h:"100%";return(0,r.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,p]),(0,l.jsx)("div",{ref:c,style:{width:m,height:v,overflow:"hidden"},children:p?(0,l.jsx)("video",{ref:w,className:"whatmore-video-player",width:v,height:m,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:v,height:m,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},8631:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),a=(n(9111),n(123),n(9778),n(4892)),s=n(7129),d=n(9821),l=n(6417);t.Z=function(e){var t;const[n,u,h,c,p]=(0,d.Z)(),[x]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[w]=(0,o.j1)("whatmoreSecondaryColor"),[m]=(0,o.j1)("whatmoreShopId"),[v]=(0,o.j1)("whatmoreCollectionsTileSize"),[g,y]=(0,r.useState)(!1),j=(0,i.f6)(m);(0,r.useContext)(s.V);const b=e.event,C=e.onClick,k=e.removeBorders,P=n*v*.01,E=u*v*.01,R=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:E+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":"5px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),C(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:R,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+w+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+w+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+w+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+w+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,l.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:E+"px",borderRadius:R,backgroundColor:"gray",overflow:"hidden"},children:(0,l.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})})}},6066:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),a=(n(9111),n(123),n(9778),n(4892)),s=n(7129),d=n(9821),l=n(6417);t.Z=function(e){var t;const[n,u,h,c,p]=(0,d.Z)(),[x]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[w]=(0,o.j1)("whatmoreSecondaryColor"),[m]=(0,o.j1)("whatmoreShopId"),[v]=(0,o.j1)("whatmoreCollectionsTileSize"),[g,y]=(0,r.useState)(!1),j=(0,i.f6)(m);(0,r.useContext)(s.V);const b=e.event1,C=e.event2,k=e.onClick,P=.01*v,E=n*P,R=n*P*.5,S=u*P,z=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",Z="15%",A=e.removeBorders;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:E+"px",width:S+"px",marginLeft:A?"2px":"5px",marginRight:A?"2px":"5px",marginTop:A?"2px":"5px",marginBottom:A?"2px":"5px",cursor:"pointer"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:A?"0px":z,boxShadow:A?"":"0px 1px 1px 0px "+w+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+w+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+w+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+w+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),k(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,l.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderTopLeftRadius:A?"0px":Z,borderTopRightRadius:A?"0px":Z,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,l.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})}),(0,l.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderBottomLeftRadius:A?"0px":Z,borderBottomRightRadius:A?"0px":Z,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,l.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return s}});var r=n(3933),i=n(8866),o=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,o.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,o.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function s(e){var t;const[n,r,s]=(0,i.Z)();return(0,o.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:e.dataList.map(((t,n)=>(0,o.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var r=n(9854),i=n(7753);const o={"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"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.zp)(t))return e;if("AZURECDN"==(0,r.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,r.zp)(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}},6805:function(e,t,n){n.d(t,{$I:function(){return s},$w:function(){return l},AK:function(){return o},AL:function(){return a},YP:function(){return i},me:function(){return r},rE:function(){return d}});const r="device_type",i="device_mode",o="mobile",a="tablet",s="desktop",d="portrait",l="landscape"},6422:function(e,t,n){var r=n(7313),i=n(7753);t.Z=function(e){const[t,n]=(0,i.j1)("muted");return(0,r.useEffect)((()=>{}),[]),[t,n]}},8866:function(e,t,n){var r=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[o,a]=(0,r.useState)(["portrait",t,n]);return(0,r.useLayoutEffect)((()=>{function e(){var[e,t]=i();a(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},9821:function(e,t,n){var r=n(6367),i=n(7753),o=n(8866),a=n(6805);t.Z=function(e){const[t,n,s]=(0,o.Z)(),[d]=(0,i.j1)("whatmoreLandscapePadding"),[l]=(0,i.j1)("whatmoreVideoTileSize"),u=(0,r.useMediaQuery)({query:"(min-width: 1025px)"}),h=(0,r.useMediaQuery)({query:"(min-width: 481px)"}),c=!("portrait"!=t||!h),p=l/100*1.3*.5,x=l/100;var f=Math.min(s,n),[w,m,v,g]=[.6*f*(16/9),.6*f,1.4,0];function y(e){return Math.round(10*e)/10}var j={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(u){const e=m*p,t=w*p;[w,m,v,g]=[t,e,(s-2*d)/(1.1*e),d],j[a.me]=a.$I,j[a.YP]=a.$w}else if(c){var b=.8*m,C=.8*w;"portrait"==t?(b*=x,C*=x,[w,m,v,g]=[C,b,y(s/(1.2*b)),0],j[a.me]=a.AL,j[a.YP]=a.rE):([w,m,v,g]=[C,b,(s-2*d)/(1.1*b),d],j[a.me]=a.AL,j[a.YP]=a.$w)}else{b=m,C=w;"portrait"==t?(b*=x,C*=x,[w,m,v,g]=[C,b,y(s/(1.15*b)),0],j[a.me]=a.AK,j[a.YP]=a.rE):(b=.7*m,C=.7*w,[w,m,v,g]=[C,b,(s-2*d)/(1.1*b),d],j[a.me]=a.AK,j[a.YP]=a.$w)}return[w,m,v,g,j]}},9111:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[642],{51:function(e,t,n){n.d(t,{Z:function(){return i}});n(7313);var r=n(6417);var i=function(e){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,n){var r=n(208),i=n(51),o=n(6417);t.Z=function(e){var t,n;const a=null!==(t=e.height)&&void 0!==t?t:"100%",s=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:s,height:a,overflow:"hidden"},children:[(0,o.jsx)(r.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(i.Z,{})})})]})}},2887:function(e,t,n){var r=n(7313),i=(n(6422),n(3175)),o=n(6417);t.Z=function(e){var t,n,a;const[s,d]=(0,r.useState)(!1),l=r.useRef(0),u=(0,r.useRef)(null),h=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(n=e.height)&&void 0!==n?n:"100%",p=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{l.current=0;const e=setInterval((()=>{l.current=l.current+.03,u.current&&h(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:p,height:c,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:u,src:e.url,style:{objectFit:"cover",height:c,width:p,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:"100%",height:"100%"})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(7313),i=n(3933),o=n(868),a=n(8984),s=n(7300),d=(n(6422),n(2887)),l=n(6417);var u=function(e){var t,n;const o=(0,r.useRef)(null),[a,s,d]=(0,i.YD)({triggerOnce:!0}),u=null!==(t=e.height)&&void 0!==t?t:"100%",h=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():o.current.pause())}),[e.isPlaying,s]),(0,l.jsx)("div",{ref:a,style:{width:u,height:h,overflow:"hidden"},children:s?(0,l.jsx)("video",{ref:o,className:"whatmore-video-player",width:h,height:u,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:h,height:u,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,n,h;const[c,p,x]=(0,i.YD)({triggerOnce:!0});if((0,s.WJ)(e.event))return(0,l.jsx)(d.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const f=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;if((0,a.KE)())return(0,l.jsx)(u,{height:"100%",width:"100%",url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:f});const w=(0,r.useRef)(null),m=null!==(n=e.height)&&void 0!==n?n:"100%",v=null!==(h=e.width)&&void 0!==h?h:"100%";return(0,r.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,p]),(0,l.jsx)("div",{ref:c,style:{width:m,height:v,overflow:"hidden"},children:p?(0,l.jsx)("video",{ref:w,className:"whatmore-video-player",width:v,height:m,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:v,height:m,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},8631:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),a=(n(9111),n(123),n(9778),n(4892)),s=n(7129),d=n(9821),l=n(6417);t.Z=function(e){var t;const[n,u,h,c,p]=(0,d.Z)(),[x]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[w]=(0,o.j1)("whatmoreSecondaryColor"),[m]=(0,o.j1)("whatmoreShopId"),[v]=(0,o.j1)("whatmoreCollectionsTileSize"),[g,y]=(0,r.useState)(!1),j=(0,i.f6)(m);(0,r.useContext)(s.V);const b=e.event,C=e.onClick,k=e.removeBorders,P=n*v*.01,E=u*v*.01,R=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:E+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":"5px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),C(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:R,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+w+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+w+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+w+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+w+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,l.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:E+"px",borderRadius:R,backgroundColor:"gray",overflow:"hidden"},children:(0,l.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})})}},6066:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),a=(n(9111),n(123),n(9778),n(4892)),s=n(7129),d=n(9821),l=n(6417);t.Z=function(e){var t;const[n,u,h,c,p]=(0,d.Z)(),[x]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[w]=(0,o.j1)("whatmoreSecondaryColor"),[m]=(0,o.j1)("whatmoreShopId"),[v]=(0,o.j1)("whatmoreCollectionsTileSize"),[g,y]=(0,r.useState)(!1),j=(0,i.f6)(m);(0,r.useContext)(s.V);const b=e.event1,C=e.event2,k=e.onClick,P=.01*v,E=n*P,R=n*P*.5,S=u*P,z=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",Z="15%",A=e.removeBorders;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:E+"px",width:S+"px",marginLeft:A?"2px":"5px",marginRight:A?"2px":"5px",marginTop:A?"2px":"5px",marginBottom:A?"2px":"5px",cursor:"pointer"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:A?"0px":z,boxShadow:A?"":"0px 1px 1px 0px "+w+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+w+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+w+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+w+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),k(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,l.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderTopLeftRadius:A?"0px":Z,borderTopRightRadius:A?"0px":Z,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,l.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})}),(0,l.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:S+"px",borderBottomLeftRadius:A?"0px":Z,borderBottomRightRadius:A?"0px":Z,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,l.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return s}});var r=n(3933),i=n(8866),o=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,o.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,o.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function s(e){var t;const[n,r,s]=(0,i.Z)();return(0,o.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:e.dataList.map(((t,n)=>(0,o.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var r=n(9854),i=n(7753);const o={"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"},s=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.zp)(t))return e;if("AZURECDN"==(0,r.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,r.zp)(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}},6805:function(e,t,n){n.d(t,{$I:function(){return s},$w:function(){return l},AK:function(){return o},AL:function(){return a},YP:function(){return i},me:function(){return r},rE:function(){return d}});const r="device_type",i="device_mode",o="mobile",a="tablet",s="desktop",d="portrait",l="landscape"},6422:function(e,t,n){var r=n(7313),i=n(7753);t.Z=function(e){const[t,n]=(0,i.j1)("muted");return(0,r.useEffect)((()=>{}),[]),[t,n]}},8866:function(e,t,n){var r=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[o,a]=(0,r.useState)(["portrait",t,n]);return(0,r.useLayoutEffect)((()=>{function e(){var[e,t]=i();a(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},9821:function(e,t,n){var r=n(6367),i=n(7753),o=n(8866),a=n(6805);t.Z=function(e){const[t,n,s]=(0,o.Z)(),[d]=(0,i.j1)("whatmoreLandscapePadding"),[l]=(0,i.j1)("whatmoreVideoTileSize"),u=(0,r.useMediaQuery)({query:"(min-width: 1025px)"}),h=(0,r.useMediaQuery)({query:"(min-width: 481px)"}),c=!("portrait"!=t||!h),p=l/100*1.3*.5,x=l/100;var f=Math.min(s,n),[w,m,v,g]=[.6*f*(16/9),.6*f,1.4,0];function y(e){return Math.round(10*e)/10}var j={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(u){const e=m*p,t=w*p;[w,m,v,g]=[t,e,(s-2*d)/(1.1*e),d],j[a.me]=a.$I,j[a.YP]=a.$w}else if(c){var b=.8*m,C=.8*w;"portrait"==t?(b*=x,C*=x,[w,m,v,g]=[C,b,y(s/(1.2*b)),0],j[a.me]=a.AL,j[a.YP]=a.rE):([w,m,v,g]=[C,b,(s-2*d)/(1.1*b),d],j[a.me]=a.AL,j[a.YP]=a.$w)}else{b=m,C=w;"portrait"==t?(b*=x,C*=x,[w,m,v,g]=[C,b,y(s/(1.15*b)),0],j[a.me]=a.AK,j[a.YP]=a.rE):(b=.7*m,C=.7*w,[w,m,v,g]=[C,b,(s-2*d)/(1.1*b),d],j[a.me]=a.AK,j[a.YP]=a.$w)}return[w,m,v,g,j]}},9111:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
package/static/js/{667.bf0f7728.chunk.js → 667.1240aae4.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[667,166,12],{51:function(e,t,n){n.d(t,{Z:function(){return i}});n(7313);var r=n(6417);var i=function(e){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(e,t,n){n.r(t),n.d(t,{default:function(){return z}});var r=n(7313),i=n(4664),o=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),l=n(8866),d=n(7753),u=n(7129),h=n(4136),c=(n(3439),n(4892),n(9854)),f=n(3933),p=n(868),v=n(342),w=n(3437),g=n(3455),m=n(6417);var x=function(e){var t;const n=e.isMuted,r=null!==(t=e.iconSize)&&void 0!==t?t:30;function i(){e.onToggle()}return(0,m.jsx)("div",{style:{cursor:"pointer"},children:n?(0,m.jsx)(g.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}}):(0,m.jsx)(w.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}})})},y=(n(6422),n(264)),j=n(8984),b=n(58);function C(e){const[t,n]=(0,r.useState)(e.initialMuteState);function i(){n(!t),(0,j.KE)()&&(0,b.QV)(),e.onMuteToggle()}e.event;return(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:[(0,m.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>i()}),(0,m.jsx)(x,{isMuted:t,onToggle:()=>{i()}})]}),(0,m.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>i()})]})})}var M=function(e){const[t,n,i]=(0,l.Z)(),[o,s]=(0,r.useState)(!0),{whatmoreUITheme:a}=(0,r.useContext)(h.I),u=(0,d.MO)("whatmoreVideoTileSize"),{ref:w,inView:g,entry:x}=(0,f.YD)({triggerOnce:!1}),j=(0,d.MO)("whatmoreShopId"),b=e.event,M=(0,c.nz)(j),k=(0,v.uv)(b),z=(0,v.WN)(b);if("portrait"===t&&!k)return(0,m.jsx)(m.Fragment,{});if("landscape"===t&&!z)return(0,m.jsx)(m.Fragment,{});const P=(0,p.V)("portrait"===t?k:z),Z="portrait"===t?i*(u/100):i*(u/100*.8),I="portrait"===t?Z*(16/9):Z*(9/16);return(0,m.jsxs)("div",{ref:w,style:{margin:"0 auto",width:Z,height:I,padding:"0px",borderRadius:"round"==a?"5px":"0px",boxShadow:"round"==a?M:null,borderWidth:(0,c.al)(j),borderColor:(0,c.qP)(j),overflow:"hidden",cursor:"pointer"},children:[(0,m.jsx)(y.Z,{height:"100%",width:"100%",url:P,isPlaying:g,event:b,isVideoMuted:o}),(0,m.jsx)(C,{event:b,onMuteToggle:()=>s(!o),initialMuteState:o})]})};const k=(0,a.Z)({key:"whatmore-css-bv"});var z=function(e){const[t,n,a]=(0,l.Z)(),{whatmoreRootId:c}=((0,d.MO)("whatmorePrimaryColor"),(0,d.MO)("whatmoreShopId"),(0,d.MO)("whatmoreSecondaryColor"),(0,d.MO)("whatmoreTitleFont"),(0,r.useContext)(h.I)),f=e.events;return delete o.ZP.styles.global,(0,m.jsx)(s.C,{value:k,children:(0,m.jsx)("div",{children:(0,m.jsx)(i.x,{theme:o.ZP,cssVarsRoot:c,resetCSS:!1,children:(0,m.jsx)(u.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,m.jsx)(M,{event:f[0]})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,n){var r=n(208),i=n(51),o=n(6417);t.Z=function(e){var t,n;const s=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:a,height:s,overflow:"hidden"},children:[(0,o.jsx)(r.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(i.Z,{})})})]})}},2887:function(e,t,n){var r=n(7313),i=(n(6422),n(3175)),o=n(6417);t.Z=function(e){var t,n,s;const[a,l]=(0,r.useState)(!1),d=r.useRef(0),u=(0,r.useRef)(null),h=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(n=e.height)&&void 0!==n?n:"100%",f=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,r.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,u.current&&h(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:f,height:c,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:a?"100%":"0px",height:a?"100%":"0px"},children:(0,o.jsx)("img",{ref:u,src:e.url,style:{objectFit:"cover",height:c,width:f,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),a?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:"100%",height:"100%"})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(7313),i=n(3933),o=n(868),s=n(8984),a=n(7300),l=(n(6422),n(2887)),d=n(6417);var u=function(e){var t,n;const o=(0,r.useRef)(null),[s,a,l]=(0,i.YD)({triggerOnce:!0}),u=null!==(t=e.height)&&void 0!==t?t:"100%",h=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():o.current.pause())}),[e.isPlaying,a]),(0,d.jsx)("div",{ref:s,style:{width:u,height:h,overflow:"hidden"},children:a?(0,d.jsx)("video",{ref:o,className:"whatmore-video-player",width:h,height:u,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:h,height:u,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,n,h;const[c,f,p]=(0,i.YD)({triggerOnce:!0});if((0,a.WJ)(e.event))return(0,d.jsx)(l.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;if((0,s.KE)())return(0,d.jsx)(u,{height:"100%",width:"100%",url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const w=(0,r.useRef)(null),g=null!==(n=e.height)&&void 0!==n?n:"100%",m=null!==(h=e.width)&&void 0!==h?h:"100%";return(0,r.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,f]),(0,d.jsx)("div",{ref:c,style:{width:g,height:m,overflow:"hidden"},children:f?(0,d.jsx)("video",{ref:w,className:"whatmore-video-player",width:m,height:g,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:m,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return a}});var r=n(9854),i=n(7753);const o={"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"},s={"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"},a=function(e){const t=(0,i.MO)("whatmoreShopId");if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.zp)(t))return e;if("AZURECDN"==(0,r.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,r.zp)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(s))if(e.includes(t))return e.replace(t,s[t]);return e}}return e}},6422:function(e,t,n){var r=n(7313),i=n(7753);t.Z=function(e){const[t,n]=(0,i.j1)("muted");return(0,r.useEffect)((()=>{}),[]),[t,n]}},8866:function(e,t,n){var r=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[o,s]=(0,r.useState)(["portrait",t,n]);return(0,r.useLayoutEffect)((()=>{function e(){var[e,t]=i();s(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},9723:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),s=(0,i.default)((0,o.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},3439:function(){},123:function(){},7244:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[667,166,12],{51:function(e,t,n){n.d(t,{Z:function(){return i}});n(7313);var r=n(6417);var i=function(e){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(e,t,n){n.r(t),n.d(t,{default:function(){return z}});var r=n(7313),i=n(4664),o=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),l=n(8866),d=n(7753),u=n(7129),h=n(4136),c=(n(3439),n(4892),n(9854)),f=n(3933),p=n(868),v=n(342),w=n(3437),g=n(3455),m=n(6417);var x=function(e){var t;const n=e.isMuted,r=null!==(t=e.iconSize)&&void 0!==t?t:30;function i(){e.onToggle()}return(0,m.jsx)("div",{style:{cursor:"pointer"},children:n?(0,m.jsx)(g.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}}):(0,m.jsx)(w.Z,{sx:{color:"white",fontSize:r,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{i()}})})},y=(n(6422),n(264)),j=n(8984),b=n(58);function C(e){const[t,n]=(0,r.useState)(e.initialMuteState);function i(){n(!t),(0,j.KE)()&&(0,b.QV)(),e.onMuteToggle()}e.event;return(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:[(0,m.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>i()}),(0,m.jsx)(x,{isMuted:t,onToggle:()=>{i()}})]}),(0,m.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>i()})]})})}var M=function(e){const[t,n,i]=(0,l.Z)(),[o,s]=(0,r.useState)(!0),{whatmoreUITheme:a}=(0,r.useContext)(h.I),u=(0,d.MO)("whatmoreVideoTileSize"),{ref:w,inView:g,entry:x}=(0,f.YD)({triggerOnce:!1}),j=(0,d.MO)("whatmoreShopId"),b=e.event,M=(0,c.nz)(j),k=(0,v.uv)(b),z=(0,v.WN)(b);if("portrait"===t&&!k)return(0,m.jsx)(m.Fragment,{});if("landscape"===t&&!z)return(0,m.jsx)(m.Fragment,{});const P=(0,p.V)("portrait"===t?k:z),Z="portrait"===t?i*(u/100):i*(u/100*.8),I="portrait"===t?Z*(16/9):Z*(9/16);return(0,m.jsxs)("div",{ref:w,style:{margin:"0 auto",width:Z,height:I,padding:"0px",borderRadius:"round"==a?"5px":"0px",boxShadow:"round"==a?M:null,borderWidth:(0,c.al)(j),borderColor:(0,c.qP)(j),overflow:"hidden",cursor:"pointer"},children:[(0,m.jsx)(y.Z,{height:"100%",width:"100%",url:P,isPlaying:g,event:b,isVideoMuted:o}),(0,m.jsx)(C,{event:b,onMuteToggle:()=>s(!o),initialMuteState:o})]})};const k=(0,a.Z)({key:"whatmore-css-bv"});var z=function(e){const[t,n,a]=(0,l.Z)(),{whatmoreRootId:c}=((0,d.MO)("whatmorePrimaryColor"),(0,d.MO)("whatmoreShopId"),(0,d.MO)("whatmoreSecondaryColor"),(0,d.MO)("whatmoreTitleFont"),(0,r.useContext)(h.I)),f=e.events;return delete o.ZP.styles.global,(0,m.jsx)(s.C,{value:k,children:(0,m.jsx)("div",{children:(0,m.jsx)(i.x,{theme:o.ZP,cssVarsRoot:c,resetCSS:!1,children:(0,m.jsx)(u.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,m.jsx)(M,{event:f[0]})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,n){var r=n(208),i=n(51),o=n(6417);t.Z=function(e){var t,n;const s=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:a,height:s,overflow:"hidden"},children:[(0,o.jsx)(r.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(i.Z,{})})})]})}},2887:function(e,t,n){var r=n(7313),i=(n(6422),n(3175)),o=n(6417);t.Z=function(e){var t,n,s;const[a,l]=(0,r.useState)(!1),d=r.useRef(0),u=(0,r.useRef)(null),h=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(n=e.height)&&void 0!==n?n:"100%",f=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,r.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,u.current&&h(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:f,height:c,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:a?"100%":"0px",height:a?"100%":"0px"},children:(0,o.jsx)("img",{ref:u,src:e.url,style:{objectFit:"cover",height:c,width:f,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),a?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.Z,{width:"100%",height:"100%"})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(7313),i=n(3933),o=n(868),s=n(8984),a=n(7300),l=(n(6422),n(2887)),d=n(6417);var u=function(e){var t,n;const o=(0,r.useRef)(null),[s,a,l]=(0,i.YD)({triggerOnce:!0}),u=null!==(t=e.height)&&void 0!==t?t:"100%",h=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():o.current.pause())}),[e.isPlaying,a]),(0,d.jsx)("div",{ref:s,style:{width:u,height:h,overflow:"hidden"},children:a?(0,d.jsx)("video",{ref:o,className:"whatmore-video-player",width:h,height:u,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:h,height:u,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,n,h;const[c,f,p]=(0,i.YD)({triggerOnce:!0});if((0,a.WJ)(e.event))return(0,d.jsx)(l.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;if((0,s.KE)())return(0,d.jsx)(u,{height:"100%",width:"100%",url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const w=(0,r.useRef)(null),g=null!==(n=e.height)&&void 0!==n?n:"100%",m=null!==(h=e.width)&&void 0!==h?h:"100%";return(0,r.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,f]),(0,d.jsx)("div",{ref:c,style:{width:g,height:m,overflow:"hidden"},children:f?(0,d.jsx)("video",{ref:w,className:"whatmore-video-player",width:m,height:g,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:m,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return a}});var r=n(9854),i=n(7753);const o={"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"},s={"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"},a=function(e){const t=(0,i.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.zp)(t))return e;if("AZURECDN"==(0,r.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,r.zp)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(s))if(e.includes(t))return e.replace(t,s[t]);return e}}return e}},6422:function(e,t,n){var r=n(7313),i=n(7753);t.Z=function(e){const[t,n]=(0,i.j1)("muted");return(0,r.useEffect)((()=>{}),[]),[t,n]}},8866:function(e,t,n){var r=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[o,s]=(0,r.useState)(["portrait",t,n]);return(0,r.useLayoutEffect)((()=>{function e(){var[e,t]=i();s(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},9723:function(e,t,n){var r=n(5318);t.Z=void 0;var i=r(n(5045)),o=n(6417),s=(0,i.default)((0,o.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},3439:function(){},123:function(){},7244:function(){}}]);
package/static/js/{95.ed77436b.chunk.js → 95.f35cc75c.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[95],{51:function(e,t,n){n.d(t,{Z:function(){return r}});n(7313);var i=n(6417);var r=function(e){return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("span",{className:"whatmore-loading-indicator"})})}},4095:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var i=n(7313),r=n(4664),o=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),a=n(2210),d=n(8486),c=n(9821),h=n(8866),p=n(2279),u=n.n(p),f=n(7753),x=n(7129),m=n(9854),y=n(4136),g=n(1855),w=n(4892),v=n(3933),j=n(1092),b=n(5945),C=n(5456),P=n(3867),I=n(9219),k=n(6417);const F=i.lazy((()=>Promise.all([n.e(576),n.e(843),n.e(607),n.e(12)]).then(n.bind(n,6163))));var O=function(e){const{whatmoreUITheme:t}=(0,i.useContext)(y.I);var[n,r]=(0,c.Z)();const[o]=(0,f.j1)("whatmorePrimaryFont"),[s]=(0,f.j1)("whatmoreSecondaryColorShade900"),[l]=(0,f.j1)("whatmoreShopId"),[a,d]=(0,i.useState)(0),[h,p]=(0,i.useState)(e.event),u=e.onClick,x=h.products.length;if(0==x)return(0,k.jsx)(k.Fragment,{});(0,i.useEffect)((()=>{const e=setInterval((()=>{d((e=>(e+1)%x))}),4e3);return()=>{clearInterval(e)}}),[]),(0,i.useEffect)((()=>{(0,m.N8)(l)&&(0,I.p_)(h,(0,m.Ip)(l),l).then((e=>{p(e)}))}),[]);const g=.3*r,w=g+"px",v=g+"px",j=.05*r+"px",O=.07*r,M=O+"px",S=.05*r;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*r,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:u,children:[(0,k.jsx)("div",{style:{width:w,height:v,overflow:"hidden",backgroundColor:s,borderRadius:"round"==t?"5px":"0px",borderWidth:"0px"==(0,m.al)(l)?"2px":(0,m.al)(l),borderColor:"white"==(0,m.qP)(l)?s:(0,m.qP)(l)},children:(0,k.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,m.yO)(l),"important")},src:h.products[a].thumbnail_image,style:{width:w,height:w,borderRadius:"round"==t?"5px":"0px",backgroundColor:s},alt:"product image"})}),(0,k.jsx)("div",{style:{width:.7*r+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==t?"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:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",j,"important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,b.s)(h.products[a].title)})}),(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"4px"},children:[(0,k.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",M,"important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(h.products[a].price),"",l,h.products[a].currency)]}),(0,k.jsx)("div",{children:(0,C.B)(h.products[a].price,h.products[a].compare_price)?(0,k.jsxs)("strike",{ref:e=>{e&&(e.style.setProperty("color","gray","important"),e.style.setProperty("font-size",.9*O+"px","important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"),e.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[a].compare_price),"",l,h.products[a].currency)]}):(0,k.jsx)(k.Fragment,{})})]}),(0,k.jsx)(P.Z,{storeId:l,productId:h.products[a].client_product_id,productLink:h.products[a].product_link,fontSize:S})]})})]},a),(0,m.IX)(l)?(0,k.jsx)(i.Suspense,{children:(0,k.jsx)(F,{baseFontSize:.05*r,event:h,product:h.products[0],width:.9*r,height:"fit-content"})}):(0,k.jsx)(k.Fragment,{})]})},M=n(3388);function S(e){const[t,n,r,o,s]=(0,c.Z)(),{whatmoreUITheme:l}=(0,i.useContext)(y.I),a=(0,f.MO)("whatmoreShowViews"),d=(0,f.MO)("whatmoreShopId"),h=((0,f.MO)("whatmoreSecondaryColorShade600"),e.PRODUCT_BOX_HEIGHT),p=e.PRODUCT_BOX_HEIGHT_IN_PX,u=e.PRODUCT_BOX_MARGIN,[x,g,w]=(0,v.YD)({triggerOnce:!0}),b=e.event;e.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:()=>{e.onClick(b)},children:"show"===a?(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:b,fontSize:.07*n+"px"})})}):(0,k.jsx)(k.Fragment,{})}),(0,k.jsx)("div",{style:{display:"flex",width:"100%",height:t-h+"px"},onClick:()=>{e.onClick(b)}}),(0,M.xg)(b,d)?(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:u+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*n,height:p,marginLeft:u+"px",marginRight:u+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,m.al)(d),borderColor:(0,m.qP)(d),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,k.jsx)("div",{ref:x,children:g&&(0,m.PW)(d)?(0,k.jsx)(O,{event:b,onClick:()=>{e.onClick(b)}}):(0,k.jsx)("div",{height:"20px"})})}):(0,k.jsx)(k.Fragment,{})]})})}var z=function(e){var t,n,r;const[o,s,l,a,d]=(0,c.Z)();var h=(0,i.useContext)(x.V);const{whatmoreUITheme:p}=(0,i.useContext)(y.I),u=(0,f.MO)("whatmoreShopId"),g=(0,f.MO)("whatmoreSecondaryColorShade600"),v=e.event,j=e.onClick,b=null===(t=e.isOnFocus)||void 0===t||t,C=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,P=null!==(r=e.animateOnFocus&&(0,m.iW)(u))&&void 0!==r&&r,I=(0,m.IX)(u)?.7:.8,F=o*I+"px",O=1-I,z=o*O,_=o*O+"px",R=o*O*.1,Z=(0,m.nz)(u);return(0,k.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",h.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",h.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s+"px",height:1.2*o+"px",borderRadius:"round"==p?"5px":"0px",boxShadow:"round"==p?Z:null,borderWidth:(0,m.al)(u),borderColor:(0,m.qP)(u),overflow:"hidden",cursor:"pointer",position:"relative"},className:P?b?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{},children:[(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},children:[(0,k.jsx)(w.Z,{height:F,width:"100%",url:v.thumbnail_image,isPlaying:b||C,event:v}),(0,M.xg)(v,u)?(0,k.jsx)("div",{style:{width:"100%",height:_,backgroundColor:g}}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(S,{event:v,isOnFocus:b,PRODUCT_BOX_HEIGHT:z,PRODUCT_BOX_HEIGHT_IN_PX:_,PRODUCT_BOX_MARGIN:R,onClick:j})]})};const _=(0,l.Z)({key:"whatmore-css-hv"});function R(e){const[t,n,i]=(0,c.Z)(),r=(0,f.MO)("whatmoreShopId"),o=e.events,s=e.onClick;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)(a.tq,{slidesPerView:i*(0,m.u6)(r),initialSlide:o.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,children:o.map((e=>(0,k.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:r,isVisible:o}=t;return i||r||n?(0,k.jsx)(z,{isOnFocus:n&&o,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function Z(e){const[t,n,r,o]=(0,c.Z)(),[s,l]=(0,i.useState)((h=r,Math.floor(Math.random()*Math.floor(h))));var h;const p=e.onClick,f=e.events,x=Math.min(r,f.length);return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:o+"px",paddingRight:o+"px"},children:(0,k.jsx)("div",{style:{width:n*x*1.1+"px"},children:(0,k.jsx)(a.tq,{slidesPerView:x,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(x),children:f.map(((e,t)=>{const n=u()((()=>l(t)),300);return(0,k.jsx)(a.o5,{onMouseEnter:()=>{n()},onMouseLeave:()=>{n.cancel()},children:n=>{let{isActive:i,isPrev:r,isNext:o,isVisible:l}=n;return l?(0,k.jsx)(z,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{p(e)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var E=function(e){var t;const[n,l,a]=(0,h.Z)(),[d]=(0,f.j1)("whatmorePrimaryColor"),[c]=(0,f.j1)("whatmoreShopId"),[p]=(0,f.j1)("whatmoreSecondaryColor"),[u]=(0,f.j1)("whatmoreTitleFont"),g="portrait"==n?(0,f.MO)("whatmoreTitleFontSizePortrait"):(0,f.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,i.useContext)(y.I),v=e.events,j=e.onClick,b=null!==(t=(0,m.aR)(c))&&void 0!==t?t:u;function C(e){j(e)}return delete o.ZP.styles.global,(0,k.jsx)(s.C,{value:_,children:(0,k.jsx)("div",{children:(0,k.jsx)(r.x,{theme:o.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,k.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:[e.heading.trim().length>0?(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",b,"important"),e.style.setProperty("font-size",g+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:e.heading})}):(0,k.jsx)(k.Fragment,{}),"landscape"===n?(0,k.jsx)(Z,{events:v,onClick:C}):(0,k.jsx)(R,{events:v,onClick:C})]})})})})}},1092:function(e,t,n){var i=n(237),r=n(9854),o=n(7753),s=n(4136),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,o.MO)("whatmoreShopId"),c=(0,o.MO)("whatmorePrimaryFont"),h=e.event,p=e.fontSize;if(h.total_views<=0)return(0,a.jsx)(a.Fragment,{});const u=(0,r.S_)(n);return"template-icon"==u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,r.al)(n),borderColor:(0,r.qP)(n)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(i.Z,{sx:{color:(0,r.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,r.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("font-size",p,"important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,r.al)(n),borderColor:(0,r.qP)(n)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,r.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,n){var i=n(208),r=n(51),o=n(6417);t.Z=function(e){var t,n;const s=null!==(t=e.height)&&void 0!==t?t:"100%",l=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:l,height:s,overflow:"hidden"},children:[(0,o.jsx)(i.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(r.Z,{})})})]})}},2887:function(e,t,n){var i=n(7313),r=(n(6422),n(3175)),o=n(6417);t.Z=function(e){var t,n,s;const[l,a]=(0,i.useState)(!1),d=i.useRef(0),c=(0,i.useRef)(null),h=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},p=null!==(n=e.height)&&void 0!==n?n:"100%",u=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,i.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,c.current&&h(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:p,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:l?"100%":"0px",height:l?"100%":"0px"},children:(0,o.jsx)("img",{ref:c,src:e.url,style:{objectFit:"cover",height:p,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{a(!0)}})}),l?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(r.Z,{width:"100%",height:"100%"})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return h}});var i=n(7313),r=n(3933),o=n(868),s=n(8984),l=n(7300),a=(n(6422),n(2887)),d=n(6417);var c=function(e){var t,n;const o=(0,i.useRef)(null),[s,l,a]=(0,r.YD)({triggerOnce:!0}),c=null!==(t=e.height)&&void 0!==t?t:"100%",h=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,i.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():o.current.pause())}),[e.isPlaying,l]),(0,d.jsx)("div",{ref:s,style:{width:c,height:h,overflow:"hidden"},children:l?(0,d.jsx)("video",{ref:o,className:"whatmore-video-player",width:h,height:c,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:h,height:c,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,n,h;const[p,u,f]=(0,r.YD)({triggerOnce:!0});if((0,l.WJ)(e.event))return(0,d.jsx)(a.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const x=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;if((0,s.KE)())return(0,d.jsx)(c,{height:"100%",width:"100%",url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:x});const m=(0,i.useRef)(null),y=null!==(n=e.height)&&void 0!==n?n:"100%",g=null!==(h=e.width)&&void 0!==h?h:"100%";return(0,i.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():m.current.pause())}),[e.isPlaying,u]),(0,d.jsx)("div",{ref:p,style:{width:y,height:g,overflow:"hidden"},children:u?(0,d.jsx)("video",{ref:m,className:"whatmore-video-player",width:g,height:y,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:g,height:y,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},1855:function(e,t,n){var i=n(7313),r=n(9821),o=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,r.Z)();return(0,i.useContext)(o.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},868:function(e,t,n){n.d(t,{V:function(){return l}});var i=n(9854),r=n(7753);const o={"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"},s={"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"},l=function(e){const t=(0,r.MO)("whatmoreShopId");if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,i.zp)(t))return e;if("AZURECDN"==(0,i.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,i.zp)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(s))if(e.includes(t))return e.replace(t,s[t]);return e}}return e}},6805:function(e,t,n){n.d(t,{$I:function(){return l},$w:function(){return d},AK:function(){return o},AL:function(){return s},YP:function(){return r},me:function(){return i},rE:function(){return a}});const i="device_type",r="device_mode",o="mobile",s="tablet",l="desktop",a="portrait",d="landscape"},6422:function(e,t,n){var i=n(7313),r=n(7753);t.Z=function(e){const[t,n]=(0,r.j1)("muted");return(0,i.useEffect)((()=>{}),[]),[t,n]}},8866:function(e,t,n){var i=n(7313);function r(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=r();const[o,s]=(0,i.useState)(["portrait",t,n]);return(0,i.useLayoutEffect)((()=>{function e(){var[e,t]=r();s(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},9821:function(e,t,n){var i=n(6367),r=n(7753),o=n(8866),s=n(6805);t.Z=function(e){const[t,n,l]=(0,o.Z)(),[a]=(0,r.j1)("whatmoreLandscapePadding"),[d]=(0,r.j1)("whatmoreVideoTileSize"),c=(0,i.useMediaQuery)({query:"(min-width: 1025px)"}),h=(0,i.useMediaQuery)({query:"(min-width: 481px)"}),p=!("portrait"!=t||!h),u=d/100*1.3*.5,f=d/100;var x=Math.min(l,n),[m,y,g,w]=[.6*x*(16/9),.6*x,1.4,0];function v(e){return Math.round(10*e)/10}var j={DEVICE_TYPE:s.AK,DEVICE_MODE:s.rE};if(c){const e=y*u,t=m*u;[m,y,g,w]=[t,e,(l-2*a)/(1.1*e),a],j[s.me]=s.$I,j[s.YP]=s.$w}else if(p){var b=.8*y,C=.8*m;"portrait"==t?(b*=f,C*=f,[m,y,g,w]=[C,b,v(l/(1.2*b)),0],j[s.me]=s.AL,j[s.YP]=s.rE):([m,y,g,w]=[C,b,(l-2*a)/(1.1*b),a],j[s.me]=s.AL,j[s.YP]=s.$w)}else{b=y,C=m;"portrait"==t?(b*=f,C*=f,[m,y,g,w]=[C,b,v(l/(1.15*b)),0],j[s.me]=s.AK,j[s.YP]=s.rE):(b=.7*y,C=.7*m,[m,y,g,w]=[C,b,(l-2*a)/(1.1*b),a],j[s.me]=s.AK,j[s.YP]=s.$w)}return[m,y,g,w,j]}},237:function(e,t,n){var i=n(5318);t.Z=void 0;var r=i(n(5045)),o=n(6417),s=(0,r.default)((0,o.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.Z=s},123:function(){},7244:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[95],{51:function(e,t,n){n.d(t,{Z:function(){return r}});n(7313);var i=n(6417);var r=function(e){return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("span",{className:"whatmore-loading-indicator"})})}},4095:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var i=n(7313),r=n(4664),o=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),a=n(2210),d=n(8486),c=n(9821),h=n(8866),p=n(2279),u=n.n(p),f=n(7753),x=n(7129),m=n(9854),y=n(4136),g=n(1855),w=n(4892),v=n(3933),j=n(1092),b=n(5945),C=n(5456),P=n(3867),I=n(9219),k=n(6417);const F=i.lazy((()=>Promise.all([n.e(576),n.e(843),n.e(607),n.e(12)]).then(n.bind(n,6163))));var O=function(e){const{whatmoreUITheme:t}=(0,i.useContext)(y.I);var[n,r]=(0,c.Z)();const[o]=(0,f.j1)("whatmorePrimaryFont"),[s]=(0,f.j1)("whatmoreSecondaryColorShade900"),[l]=(0,f.j1)("whatmoreShopId"),[a,d]=(0,i.useState)(0),[h,p]=(0,i.useState)(e.event),u=e.onClick,x=h.products.length;if(0==x)return(0,k.jsx)(k.Fragment,{});(0,i.useEffect)((()=>{const e=setInterval((()=>{d((e=>(e+1)%x))}),4e3);return()=>{clearInterval(e)}}),[]),(0,i.useEffect)((()=>{(0,m.N8)(l)&&(0,I.p_)(h,(0,m.Ip)(l),l).then((e=>{p(e)}))}),[]);const g=.3*r,w=g+"px",v=g+"px",j=.05*r+"px",O=.07*r,M=O+"px",S=.05*r;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*r,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:u,children:[(0,k.jsx)("div",{style:{width:w,height:v,overflow:"hidden",backgroundColor:s,borderRadius:"round"==t?"5px":"0px",borderWidth:"0px"==(0,m.al)(l)?"2px":(0,m.al)(l),borderColor:"white"==(0,m.qP)(l)?s:(0,m.qP)(l)},children:(0,k.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,m.yO)(l),"important")},src:h.products[a].thumbnail_image,style:{width:w,height:w,borderRadius:"round"==t?"5px":"0px",backgroundColor:s},alt:"product image"})}),(0,k.jsx)("div",{style:{width:.7*r+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==t?"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:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",j,"important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"),e.style.setProperty("-webkit-line-clamp",2,"important"),e.style.setProperty("line-clamp",2,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,b.s)(h.products[a].title)})}),(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"4px"},children:[(0,k.jsxs)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",M,"important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(h.products[a].price),"",l,h.products[a].currency)]}),(0,k.jsx)("div",{children:(0,C.B)(h.products[a].price,h.products[a].compare_price)?(0,k.jsxs)("strike",{ref:e=>{e&&(e.style.setProperty("color","gray","important"),e.style.setProperty("font-size",.9*O+"px","important"),e.style.setProperty("line-height","140%","important"),e.style.setProperty("font-family",o,"important"),e.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[a].compare_price),"",l,h.products[a].currency)]}):(0,k.jsx)(k.Fragment,{})})]}),(0,k.jsx)(P.Z,{storeId:l,productId:h.products[a].client_product_id,productLink:h.products[a].product_link,fontSize:S})]})})]},a),(0,m.IX)(l)?(0,k.jsx)(i.Suspense,{children:(0,k.jsx)(F,{baseFontSize:.05*r,event:h,product:h.products[0],width:.9*r,height:"fit-content"})}):(0,k.jsx)(k.Fragment,{})]})},M=n(3388);function S(e){const[t,n,r,o,s]=(0,c.Z)(),{whatmoreUITheme:l}=(0,i.useContext)(y.I),a=(0,f.MO)("whatmoreShowViews"),d=(0,f.MO)("whatmoreShopId"),h=((0,f.MO)("whatmoreSecondaryColorShade600"),e.PRODUCT_BOX_HEIGHT),p=e.PRODUCT_BOX_HEIGHT_IN_PX,u=e.PRODUCT_BOX_MARGIN,[x,g,w]=(0,v.YD)({triggerOnce:!0}),b=e.event;e.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:()=>{e.onClick(b)},children:"show"===a?(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:b,fontSize:.07*n+"px"})})}):(0,k.jsx)(k.Fragment,{})}),(0,k.jsx)("div",{style:{display:"flex",width:"100%",height:t-h+"px"},onClick:()=>{e.onClick(b)}}),(0,M.xg)(b,d)?(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:u+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*n,height:p,marginLeft:u+"px",marginRight:u+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,m.al)(d),borderColor:(0,m.qP)(d),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,k.jsx)("div",{ref:x,children:g&&(0,m.PW)(d)?(0,k.jsx)(O,{event:b,onClick:()=>{e.onClick(b)}}):(0,k.jsx)("div",{height:"20px"})})}):(0,k.jsx)(k.Fragment,{})]})})}var z=function(e){var t,n,r;const[o,s,l,a,d]=(0,c.Z)();var h=(0,i.useContext)(x.V);const{whatmoreUITheme:p}=(0,i.useContext)(y.I),u=(0,f.MO)("whatmoreShopId"),g=(0,f.MO)("whatmoreSecondaryColorShade600"),v=e.event,j=e.onClick,b=null===(t=e.isOnFocus)||void 0===t||t,C=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,P=null!==(r=e.animateOnFocus&&(0,m.iW)(u))&&void 0!==r&&r,I=(0,m.IX)(u)?.7:.8,F=o*I+"px",O=1-I,z=o*O,_=o*O+"px",R=o*O*.1,Z=(0,m.nz)(u);return(0,k.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",h.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",h.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s+"px",height:1.2*o+"px",borderRadius:"round"==p?"5px":"0px",boxShadow:"round"==p?Z:null,borderWidth:(0,m.al)(u),borderColor:(0,m.qP)(u),overflow:"hidden",cursor:"pointer",position:"relative"},className:P?b?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{},children:[(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},children:[(0,k.jsx)(w.Z,{height:F,width:"100%",url:v.thumbnail_image,isPlaying:b||C,event:v}),(0,M.xg)(v,u)?(0,k.jsx)("div",{style:{width:"100%",height:_,backgroundColor:g}}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(S,{event:v,isOnFocus:b,PRODUCT_BOX_HEIGHT:z,PRODUCT_BOX_HEIGHT_IN_PX:_,PRODUCT_BOX_MARGIN:R,onClick:j})]})};const _=(0,l.Z)({key:"whatmore-css-hv"});function R(e){const[t,n,i]=(0,c.Z)(),r=(0,f.MO)("whatmoreShopId"),o=e.events,s=e.onClick;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)(a.tq,{slidesPerView:i*(0,m.u6)(r),initialSlide:o.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,children:o.map((e=>(0,k.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:r,isVisible:o}=t;return i||r||n?(0,k.jsx)(z,{isOnFocus:n&&o,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function Z(e){const[t,n,r,o]=(0,c.Z)(),[s,l]=(0,i.useState)((h=r,Math.floor(Math.random()*Math.floor(h))));var h;const p=e.onClick,f=e.events,x=Math.min(r,f.length);return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:o+"px",paddingRight:o+"px"},children:(0,k.jsx)("div",{style:{width:n*x*1.1+"px"},children:(0,k.jsx)(a.tq,{slidesPerView:x,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(x),children:f.map(((e,t)=>{const n=u()((()=>l(t)),300);return(0,k.jsx)(a.o5,{onMouseEnter:()=>{n()},onMouseLeave:()=>{n.cancel()},children:n=>{let{isActive:i,isPrev:r,isNext:o,isVisible:l}=n;return l?(0,k.jsx)(z,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{p(e)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var E=function(e){var t;const[n,l,a]=(0,h.Z)(),[d]=(0,f.j1)("whatmorePrimaryColor"),[c]=(0,f.j1)("whatmoreShopId"),[p]=(0,f.j1)("whatmoreSecondaryColor"),[u]=(0,f.j1)("whatmoreTitleFont"),g="portrait"==n?(0,f.MO)("whatmoreTitleFontSizePortrait"):(0,f.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,i.useContext)(y.I),v=e.events,j=e.onClick,b=null!==(t=(0,m.aR)(c))&&void 0!==t?t:u;function C(e){j(e)}return delete o.ZP.styles.global,(0,k.jsx)(s.C,{value:_,children:(0,k.jsx)("div",{children:(0,k.jsx)(r.x,{theme:o.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,k.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:[e.heading.trim().length>0?(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",b,"important"),e.style.setProperty("font-size",g+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:e.heading})}):(0,k.jsx)(k.Fragment,{}),"landscape"===n?(0,k.jsx)(Z,{events:v,onClick:C}):(0,k.jsx)(R,{events:v,onClick:C})]})})})})}},1092:function(e,t,n){var i=n(237),r=n(9854),o=n(7753),s=n(4136),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,o.MO)("whatmoreShopId"),c=(0,o.MO)("whatmorePrimaryFont"),h=e.event,p=e.fontSize;if(h.total_views<=0)return(0,a.jsx)(a.Fragment,{});const u=(0,r.S_)(n);return"template-icon"==u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,r.al)(n),borderColor:(0,r.qP)(n)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(i.Z,{sx:{color:(0,r.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,r.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("font-size",p,"important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,r.al)(n),borderColor:(0,r.qP)(n)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,r.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(e,t,n){var i=n(208),r=n(51),o=n(6417);t.Z=function(e){var t,n;const s=null!==(t=e.height)&&void 0!==t?t:"100%",l=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.jsxs)("div",{style:{width:l,height:s,overflow:"hidden"},children:[(0,o.jsx)(i.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,o.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,o.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,o.jsx)(r.Z,{})})})]})}},2887:function(e,t,n){var i=n(7313),r=(n(6422),n(3175)),o=n(6417);t.Z=function(e){var t,n,s;const[l,a]=(0,i.useState)(!1),d=i.useRef(0),c=(0,i.useRef)(null),h=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},p=null!==(n=e.height)&&void 0!==n?n:"100%",u=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,i.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,c.current&&h(d.current,5),d.current>=5&&(d.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:p,overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:l?"100%":"0px",height:l?"100%":"0px"},children:(0,o.jsx)("img",{ref:c,src:e.url,style:{objectFit:"cover",height:p,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{a(!0)}})}),l?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(r.Z,{width:"100%",height:"100%"})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return h}});var i=n(7313),r=n(3933),o=n(868),s=n(8984),l=n(7300),a=(n(6422),n(2887)),d=n(6417);var c=function(e){var t,n;const o=(0,i.useRef)(null),[s,l,a]=(0,r.YD)({triggerOnce:!0}),c=null!==(t=e.height)&&void 0!==t?t:"100%",h=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,i.useEffect)((()=>{o.current&&(e.isPlaying?o.current.play():o.current.pause())}),[e.isPlaying,l]),(0,d.jsx)("div",{ref:s,style:{width:c,height:h,overflow:"hidden"},children:l?(0,d.jsx)("video",{ref:o,className:"whatmore-video-player",width:h,height:c,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:h,height:c,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var h=function(e){var t,n,h;const[p,u,f]=(0,r.YD)({triggerOnce:!0});if((0,l.WJ)(e.event))return(0,d.jsx)(a.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const x=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;if((0,s.KE)())return(0,d.jsx)(c,{height:"100%",width:"100%",url:(0,o.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:x});const m=(0,i.useRef)(null),y=null!==(n=e.height)&&void 0!==n?n:"100%",g=null!==(h=e.width)&&void 0!==h?h:"100%";return(0,i.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():m.current.pause())}),[e.isPlaying,u]),(0,d.jsx)("div",{ref:p,style:{width:y,height:g,overflow:"hidden"},children:u?(0,d.jsx)("video",{ref:m,className:"whatmore-video-player",width:g,height:y,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,d.jsx)("div",{width:g,height:y,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},1855:function(e,t,n){var i=n(7313),r=n(9821),o=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,r.Z)();return(0,i.useContext)(o.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},868:function(e,t,n){n.d(t,{V:function(){return l}});var i=n(9854),r=n(7753);const o={"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"},s={"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"},l=function(e){const t=(0,r.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,i.zp)(t))return e;if("AZURECDN"==(0,i.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,i.zp)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(s))if(e.includes(t))return e.replace(t,s[t]);return e}}return e}},6805:function(e,t,n){n.d(t,{$I:function(){return l},$w:function(){return d},AK:function(){return o},AL:function(){return s},YP:function(){return r},me:function(){return i},rE:function(){return a}});const i="device_type",r="device_mode",o="mobile",s="tablet",l="desktop",a="portrait",d="landscape"},6422:function(e,t,n){var i=n(7313),r=n(7753);t.Z=function(e){const[t,n]=(0,r.j1)("muted");return(0,i.useEffect)((()=>{}),[]),[t,n]}},8866:function(e,t,n){var i=n(7313);function r(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=r();const[o,s]=(0,i.useState)(["portrait",t,n]);return(0,i.useLayoutEffect)((()=>{function e(){var[e,t]=r();s(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),o}},9821:function(e,t,n){var i=n(6367),r=n(7753),o=n(8866),s=n(6805);t.Z=function(e){const[t,n,l]=(0,o.Z)(),[a]=(0,r.j1)("whatmoreLandscapePadding"),[d]=(0,r.j1)("whatmoreVideoTileSize"),c=(0,i.useMediaQuery)({query:"(min-width: 1025px)"}),h=(0,i.useMediaQuery)({query:"(min-width: 481px)"}),p=!("portrait"!=t||!h),u=d/100*1.3*.5,f=d/100;var x=Math.min(l,n),[m,y,g,w]=[.6*x*(16/9),.6*x,1.4,0];function v(e){return Math.round(10*e)/10}var j={DEVICE_TYPE:s.AK,DEVICE_MODE:s.rE};if(c){const e=y*u,t=m*u;[m,y,g,w]=[t,e,(l-2*a)/(1.1*e),a],j[s.me]=s.$I,j[s.YP]=s.$w}else if(p){var b=.8*y,C=.8*m;"portrait"==t?(b*=f,C*=f,[m,y,g,w]=[C,b,v(l/(1.2*b)),0],j[s.me]=s.AL,j[s.YP]=s.rE):([m,y,g,w]=[C,b,(l-2*a)/(1.1*b),a],j[s.me]=s.AL,j[s.YP]=s.$w)}else{b=y,C=m;"portrait"==t?(b*=f,C*=f,[m,y,g,w]=[C,b,v(l/(1.15*b)),0],j[s.me]=s.AK,j[s.YP]=s.rE):(b=.7*y,C=.7*m,[m,y,g,w]=[C,b,(l-2*a)/(1.1*b),a],j[s.me]=s.AK,j[s.YP]=s.$w)}return[m,y,g,w,j]}},237:function(e,t,n){var i=n(5318);t.Z=void 0;var r=i(n(5045)),o=n(6417),s=(0,r.default)((0,o.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.Z=s},123:function(){},7244:function(){}}]);
package/static/js/972.fef4cb10.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[972],{7381:function(e,t,n){n.d(t,{E:function(){return r}});function o(e){console.debug("Whatmore : "+e)}function r(e){var t;t="true"==localStorage.getItem("whatmoreActivateLogs");logEventData&&(o("total events received : "+(e&&e.length)),o("events data : "+JSON.stringify(e)))}},3972:function(e,t,n){n.r(t),n.d(t,{default:function(){return L}});var o=n(7753),r=n(7313),i=n(2860),a=n(499),s=n(4897),c=n(5160),u=n(9854),d=n(6967),l=n(8984),h=n(58),p=n(4669),v=n(941),m=n(4136),g=n(7300),f=n(6524),y=n(6417);const b=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(367),n.e(240),n.e(210),n.e(926),n.e(282),n.e(95)]).then(n.bind(n,4095)))),S=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(367),n.e(240),n.e(576),n.e(516),n.e(517)]).then(n.bind(n,5523)))),_=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(367),n.e(926),n.e(642),n.e(136)]).then(n.bind(n,3827)))),T=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(367),n.e(926),n.e(642),n.e(92)]).then(n.bind(n,6071)))),w=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(367),n.e(926),n.e(642),n.e(245)]).then(n.bind(n,1291)))),j=r.lazy((()=>Promise.all([n.e(302),n.e(580)]).then(n.bind(n,3580)))),I=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(240),n.e(576),n.e(210),n.e(843),n.e(926),n.e(607),n.e(282),n.e(166)]).then(n.bind(n,2607)))),x=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(367),n.e(240),n.e(210),n.e(926),n.e(516),n.e(850)]).then(n.bind(n,4048)))),C=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(367),n.e(240),n.e(576),n.e(516),n.e(602)]).then(n.bind(n,8091)))),E=r.lazy((()=>Promise.all([n.e(302),n.e(725),n.e(648),n.e(240),n.e(576),n.e(210),n.e(843),n.e(926),n.e(607),n.e(282),n.e(667)]).then(n.bind(n,4658))));var O=function(e){const[t]=(0,o.j1)("isInDesignMode"),[n]=(0,o.j1)("isDemoBrand"),[O]=(0,o.j1)("whatmoreTopBottomPadding"),[P]=(0,o.j1)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:M}=(0,r.useContext)(m.I),[k]=(0,o.j1)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:D}=(0,r.useContext)(m.I),L=(0,o.MO)("isLandingSharedLink"),N=(0,o.MO)("whatmoreShareTemplateId"),A=(0,o.MO)("whatmoreShareStoryId"),G=(0,o.MO)("whatmoreShareEventId"),[J,Z]=(0,r.useState)(-1),[z,H]=(0,r.useState)(null);var U=e.events,B=null;function R(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,l.KE)()&&!o&&(0,h.QV)(),t||n||(async()=>{const t=B[e].events[0];(0,c.wh)(t),(0,p.Tc)(k,i.Xh,i.OW),(0,d.H4)(t.event_id,t.products,"homepage","stories")})();var a=0;null!=r&&B[e].events.map(((e,t)=>{e.event_id==r&&(a=t)})),Z(a),H(e)}function V(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,l.KE)()&&!o&&(0,h.QV)(),(0,g.B6)(e)||(0,g.WJ)(e))return t||n||(async()=>{(0,c.wh)(e),(0,p.Tc)(k,i.Xh,i.pR),(0,d.H4)(e.event_id,e.products,"homepage","carousel")})(),void Z(e.index);const r=20;var{status:u,bannerText:v,timeToStartInMins:m}=s.Z.getEventStatus(e);m<=r&&u.name!==a.Z.LIVE.name?console.debug(" TODO : show toast on upcoming live event."):Z(e.index)}function W(e){return(0,y.jsx)(y.Fragment,{})}return M&&!B&&(B=function(e){var t=e.reduce(((e,t,n)=>{var o=t.storyset_id;return o in e?(e[o].total_events=e[o].total_events+1,e[o].events.push(t)):e[o]={id:t.storyset_id,title:t.storyset_name,thumbnail_image:t.storyset_thumbnail_image,total_events:1,start_event_index:n,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(U)),(0,r.useEffect)((()=>{L&&D==(0,f.zv)(N)&&(null!=A&&M?B.forEach(((e,t)=>{A==e.id&&R(t,!0,G)})):null!=G&&U.forEach(((e,t)=>{G==e.event_id&&V(e,!0)})))}),[]),(0,y.jsxs)("div",{children:[(0,y.jsx)("div",{style:{marginTop:(M?P:O)+"px",marginBottom:(M?P:O)+"px"},children:"template-b"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(b,{events:U,onClick:V,heading:e.heading})}):"template-a-1"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(S,{events:U,onClick:V,heading:e.heading})}):"template-feed-a"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(C,{events:U,onClick:V,heading:e.heading})}):"template-collections-a"===D||"template-c"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(_,{events:U,onClick:V,heading:e.heading})}):"template-collections-b"===D||"template-d"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(T,{events:U,onClick:V,heading:e.heading})}):"template-collections-c"===D||"template-e"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(w,{events:U,onClick:V,heading:e.heading})}):"template-collections-d"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(b,{events:U,onClick:V,heading:e.heading})}):"template-collections-e"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(x,{events:U,onClick:V,heading:e.heading})}):"template-banner-a"===D?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(E,{events:U})}):M?(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(j,{eventsStories:B,onClick:R,template:D})}):(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(x,{events:U,onClick:V,heading:e.heading})})}),-1==J?(0,y.jsx)(W,{}):(0,y.jsx)(r.Suspense,{children:(0,y.jsx)(I,{events:U,index:J,onBack:function(e){(0,u.n2)(k)&&(0,o.MO)("whatmoreAddedToCart")&&(0,v.D)(k,(()=>{}),100,window.location.hostname),Z(-1)},slideDirection:M||"horizontal"===(0,u.e8)(k)?"horizontal":"vertical",eventsStories:B,initialStoryIndex:z,template:D})})]})};const P=function(e,t,n){const r=(0,o.MO)("whatmoreShopId");var i=t.reduce(((e,t,n)=>(t.products.map((e=>e.client_product_id)).forEach((t=>{t in e||(e[t]=!0)})),e)),{}),a=Object.keys(i);if("60960964855"==r&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var s={};fera.getRatings(a,(e=>{new Promise(((t,n)=>{e.forEach((e=>{s[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(s)})).then((e=>n(e)))}))}if("23114481744"==r){const e="1e6MQXxzYR19mpw9Km6Dcm86";s={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+a.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{s[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),s))).then((e=>n(e))).catch((e=>console.error(e)))}};var M=n(3388),k=n(7381);var D=function(e){const[t,n]=(0,r.useState)(),[a,s]=(0,r.useState)(),{whatmoreIsStoriesTemplate:c}=(0,r.useContext)(m.I),{whatmoreIsCollectionsTemplate:p}=(0,r.useContext)(m.I),{whatmoreIsBannerTemplate:v}=(0,r.useContext)(m.I),[g]=(0,o.j1)("whatmoreShopId"),[b]=(0,o.j1)("whatmoreCollectionId"),S=(0,o.MO)("whatmoreLandingLocationType"),_=(0,o.MO)("whatmoreLoggingActive"),T=(0,u.cZ)(g)?window.location.href.split(/[?#]/)[0]:b,[w,j]=(0,o.j1)("productRatings");var I=(0,u.ef)(g)?i.Dm+"/v2/events/":i.Gc+"/v2/events/",x=(0,u.ef)(g)?i.Dm+"/get_eventset/":i.Gc+"/get_eventset/",C=(0,u.ef)(g)?i.Dm+"/collection/":i.Gc+"/collection/",E=(0,u.ef)(g)?i.Dm+"/v2/brand/"+g+"/product-events":i.Gc+"/v2/brand/"+g+"/product-events",D=e.shopId,L="live,upcoming";return(0,r.useEffect)((()=>{(0,d.hb)()}),[]),(0,r.useEffect)((()=>{null==t||0==t.length||a||!(0,l.KE)()||(0,o.MO)("whatmoreVideoPlayerPoolInitiated")||(0,h.b5)(h.UD)}),[t]),(0,r.useEffect)((()=>{var e;if(S.startsWith("product")){const t=(0,o.MO)("whatmoreProductId");e=E.toString()+"?client_product_id="+t.toString()+"&status="+L.toString()+"&event_type=video"}else if(p)e=C.toString()+"?store_id="+D.toString()+"&client_collection_id="+T;else if(v){const t=f.ls,n=(0,f.H1)(S);e=x.toString()+D.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+g}else e=I.toString()+D.toString()+"?status="+L.toString()+"&is_active="+"true".toString()+(c?"&template_type=stories":"");fetch(e).then((e=>e.json())).then((e=>{if(v){const t=f.ls;return(0,M.OC)(e,t)}return(0,M.kW)(e,p)})).then((e=>(_&&console.debug("initial received events size : "+e.length),c||v?e:(0,M.e8)(e,D)))).then((e=>(null!=e&&0!=e.length&&(0,u.LU)(g)&&function(e,t,n){const r=setInterval((()=>{null===(0,o.MO)("productRatings")&&P(e,t,n)}),1e3);setTimeout((()=>{clearInterval(r)}),1e4)}(g,e,(e=>{j(e)})),e))).then((e=>{null==e||0==e.length||c||(0,u.NO)(D,e),n(e)})).catch((e=>{s(e.message)}))}),[]),null==t||0==t.length||a?(0,y.jsx)("div",{}):(_&&(0,k.E)(t),function(e,t){if(null!=e){var n=0;e.forEach((e=>{e.index=n++}))}}(t),_&&console.debug("final transformed events data : "+JSON.stringify(t)),_&&console.debug("valid events size : "+t.length),(0,y.jsx)("div",{children:(0,y.jsx)(O,{heading:e.heading,events:t})},"whatmore-main-coponent"))};var L=function(e){const[t]=(0,o.j1)("isInDesignMode"),[n]=(0,o.j1)("isDemoBrand"),[a]=(0,o.j1)("whatmoreShopId"),[s]=(0,o.j1)("whatmoreHeading"),[c]=(0,o.j1)("whatmorePrimaryColor"),[u]=(0,o.j1)("whatmoreSecondaryColor");return(0,r.useEffect)((()=>{(0,p.ll)(a)}),[]),(0,y.jsx)(y.Fragment,{children:(0,y.jsx)("div",{children:t||n?(0,y.jsx)("div",{children:(0,y.jsx)(D,{heading:s,shopId:i.aA})}):(0,y.jsx)("div",{children:(0,y.jsx)(D,{heading:s,shopId:a})})})})}},499:function(e,t){t.Z={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},4897:function(e,t,n){var o=n(499);t.Z=class{static getEventStatus(e){e.time_zone="GMT+5:30";var t=e.start_time+":00",n=e.end_time,r=e.scheduled_date,i=e.status,a=e.time_zone;if(i.toUpperCase()==o.Z.LIVE.name)return{status:o.Z.LIVE,bannerText:" "+o.Z.LIVE.name+" ",timeToStartInMins:0};if(i.toUpperCase()==o.Z.UPCOMING.name){var s=new Date(r+" "+t+" "+a),c=(new Date(r+" "+n+" "+a),function(e){var t=new Date,n=(e.getTime()-t.getTime())/1e3,r=n/60,i=r/60,a=i/24;return n<=0?{status:o.Z.COMPLETED,bannerText:" "+o.Z.COMPLETED.name+" ",timeToStartInMins:0}:n>=1&&n<=30?{status:o.Z.UPCOMING,bannerText:"Starts in "+Math.round(n)+" sec ",timeToStartInMins:n/60}:r<60?{status:o.Z.UPCOMING,bannerText:"Starts in "+Math.round(r)+" min ",timeToStartInMins:r}:i<24?{status:o.Z.UPCOMING,bannerText:"Starts in "+Math.round(i)+" hr ",timeToStartInMins:60*i}:a<7?{status:o.Z.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]+" ",timeToStartInMins:60*a*24}:{status:o.Z.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(s));return{status:c.status,bannerText:c.bannerText,timeToStartInMins:c.timeToStartInMins}}return console.error("invalid status for event :: id : "+e.event_id+", status : "+e.status),{status:o.Z.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},941:function(e,t,n){n.d(t,{D:function(){return o}});const o=async function(e,t,n,o){if("STRNV8MHJTF"!=e&&"STR6HU283UZ"!=e&&"STR9T3LLEJB"!=e&&"STRWJMIOJNX"!=e&&"STRUDQ36YAC"!=e&&"STR1D5ONOZX"!=e){var r=await fetch("https://"+window.location.hostname+"/cart.js",{cache:"reload"}).then((e=>e.json()));if("27358003275"==e||"63748341981"==e||"68237558034"==e)document.documentElement.dispatchEvent(new CustomEvent("cart:refresh",{bubbles:!0,detail:{cart:r,openMiniCart:!0}}));else if("19506115"==e)window.PXUTheme.jsAjaxCart.showDrawer(),window.PXUTheme.jsAjaxCart.updateView();else if("54465429691"==e)refreshCart(r),window.setTimeout((function(){$.fancybox.close(),$(".cart-button").click()}),500);else if("25427564"==e||"4243849314"==e||"57708314789"==e){(new theme.CartDrawer).open()}else"62602182872"==e||"57362710572"==e?(CartJS.getCart(),$(".block-cart").addClass("active")):"60492578980"==e||"12183765088"==e||"58546946211"==e||"42070737058"==e||"71321583919"==e||"68492624171"==e||"74541891876"==e?(document.documentElement.dispatchEvent(new CustomEvent("ajaxProduct:added",{bubbles:!0,detail:{}})),document.documentElement.dispatchEvent(new CustomEvent("cart:open",{bubbles:!0,detail:{}}))):"2665447536"==e?fetch("/?section_id=cart-drawer").then((e=>e.text())).then((e=>{const t=(new DOMParser).parseFromString(e,"text/html").getElementById("cart-drawer").innerHTML;$("#cart-drawer").html(t),$('[aria-controls="cart-drawer"]')[0].click(),$(".header__cart-count .count-bubble ").html(cart.item_count).css("opacity",1)})):"57824805033"==e||"59504656436"==e||"58112966749"==e?fetch("/cart.json").then((e=>e.json())).then((e=>{fetch("/cart?view=item").then((e=>e.text())).then((t=>{const n=(new DOMParser).parseFromString(t,"text/html"),o=n.getElementById("CartDrawer"),r=document.getElementById("CartDrawer");o&&r&&(r.innerHTML=o.innerHTML),n.querySelector("#CartDrawer .totals__subtotal-value");const i=document.querySelector("cart-drawer");i&&i.classList.remove("is-empty");const a=document.querySelector("cart-drawer-items");a&&a.classList.remove("is-empty");const s=document.getElementById("cart-icon-bubble");if(s.querySelector(".cart-count-bubble"))s.querySelectorAll('.cart-count-bubble span[aria-hidden="true"]').forEach((t=>{t.textContent=e.item_count}));else{const t=document.createElement("div");t.className="cart-count-bubble",t.innerHTML='\n <span aria-hidden="true">'.concat(e.item_count,'</span>\n <span class="visually-hidden">').concat(e.item_count," items</span>\n "),s.appendChild(t)}s.click(),document.getElementById("CartDrawer-Overlay").addEventListener("click",(()=>{const e=document.querySelector("cart-drawer");e&&e.classList.remove("active"),document.body.classList.remove("overflow-hidden")}))}))})):"61094723750"==e?SLIDECART&&(SLIDECART_UPDATE(),SLIDECART_OPEN()):document.documentElement.dispatchEvent(new CustomEvent("product:added",{bubbles:!0,detail:{}}));setTimeout(t,n)}else{console.log("Executing cart refresh script..");document.getElementById("whatsmorecart").value=Math.random()}}},3388:function(e,t,n){n.d(t,{OC:function(){return s},e8:function(){return i},kT:function(){return o},kW:function(){return a},xg:function(){return r}});const o=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},r=function(e,t){return!(void 0==e.products||0==e.products.length)},i=function(e,t){if(null!=e)return e.filter((e=>1==o(e)))},a=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const s=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const o=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return o?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(o):[]}},7300:function(e,t,n){n.d(t,{B6:function(){return o},WJ:function(){return r},yC:function(){return i}});const o=function(e){return"video"===e.event_type},r=function(e){return"image"===e.event_type},i=function(e){return"livestream"===e.event_type}},5160:function(e,t,n){n.d(t,{$L:function(){return l},JX:function(){return d},Z6:function(){return s},rp:function(){return h},wh:function(){return a},wz:function(){return u},x0:function(){return c}});var o,r=n(2860);n(7753);const i=null!==(o="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==o&&o;function a(e){i&&console.debug("updating user view count for event.");const t={event_id:e.event_id,increase_by:1};fetch(r.Gc+"/event/metrics/views",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(i&&console.debug("updating user view count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user view count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating user view count user for event : ",e)}))}function s(e,t){i&&console.debug("updating like count for event.");const n={event_id:e.event_id,increase_by:t};fetch(r.Gc+"/event/metrics/like",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating like count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating like count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating like count user for event : ",e)}))}function c(e){i&&console.debug("updating share count for event.");const t={event_id:e.event_id,increase_by:1};fetch(r.Gc+"/event/metrics/share",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(i&&console.debug("updating share count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating share count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating share count user for event : ",e)}))}function u(e,t){i&&console.debug("updating event-product click count for event {} and product {}.",e.event_id,t.product_id);const n={event_id:e.event_id,product_id:t.product_id,increase_by:1};fetch(r.Gc+"/event/metrics/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating user event-product click count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product click count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product click count for event {} : ",e.event_id,t)}))}function d(e,t,n){i&&console.debug("updating event-product add to cart count for event {} and product {}.",e.event_id,t.product_id);const o={event_id:e.event_id,product_id:t.product_id,increase_by:n};fetch(r.Gc+"/event/metrics/add_to_cart",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(o)}).then((e=>(i&&console.debug("updating user event-product add to cart count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product add to cart count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product add to cart count for event {} : ",e.event_id,t)}))}function l(e,t){i&&console.debug("updating event-product buy now count for event {} and product {}.",e.event_id,t.product_id);const n={event_id:e.event_id,product_id:t.product_id,increase_by:1};fetch(r.Gc+"/event/metrics/buy_now",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(i&&console.debug("updating user event-product buy now count response : HTTP "+e.status),e.json()))).then((e=>{i&&console.debug("updating user event-product buy now count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product buy now count for event {} : ",e.event_id,t)}))}async function h(){let{storeId:e="",eventId:t=0,productId:n="",variantId:o="",cartToken:a="",checkoutToken:s="",quantity:c=0,price:u="",actionType:d="",trackingId:l=""}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},h={event_id:t,product_id:n,cart_token:a,checkout_token:s,quantity:c,price:u,variant_id:o,action_type:d,tracking_id:l};i&&console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} ",t,n,o);const p=await fetch(r.Gc+"/cart-metadata/"+e,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(h)}).then((e=>(i&&console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} : HTTP "+e.status),e.json()))).catch((e=>{console.error("error initiating ATC metadata event for eventId {}, productId {}, variantId {} : ",t,n,o)}));return p}},4669:function(e,t,n){n.d(t,{Tc:function(){return p},ll:function(){return h}});var o,r=n(1824),i=n(7786),a=n(9854);n(7753);const s="Whatmore Video Shopping",c=null!==(o="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==o&&o,u="Video View",d={carousel:"Carousel",stories:"Stories",video_popup:"Video Popup"},l={homepage:"Home Page",product_page:"Product Page"};async function h(e){if((0,a.Dv)(e)&&null!==(0,a.hf)(e)&&(i.ZP.initialize((0,a.hf)(e)),c&&console.debug("Whatmore: initialized GA4")),(0,a.hv)(e)&&null!==(0,a.BH)(e)){const t=(0,a.OQ)(e);r.ZP.initialize((0,a.BH)(e),{useExistingGa:t}),c&&console.debug("Whatmore: initialized GA3")}}async function p(e,t,n){(0,a.hv)(e)&&null!==(0,a.BH)(e)&&(r.ZP.event({category:s,action:u,label:l[t]+":"+d[n]}),c&&console.debug("Whatmore: pushed view event to GA3")),(0,a.Dv)(e)&&null!==(0,a.hf)(e)&&(i.ZP.event({category:s,action:u+":"+l[t]+":"+d[n],value:1,nonInteraction:!1}),c&&console.debug("Whatmore: pushed view event to GA4"))}}}]);