whatmore-react-assets 1.0.901 → 1.0.902

package/static/js/920.60a7ece6.chunk.js

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

package/static/js/950.57407079.chunk.js

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

package/static/js/965.745013a2.chunk.js

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