whatmore-react-assets 1.0.343 → 1.0.345
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/static/js/143.59d8ce91.chunk.js +1 -0
- package/static/js/{166.978660a0.chunk.js → 166.2e410c2e.chunk.js} +1 -1
- package/static/js/184.46acdc26.chunk.js +1 -0
- package/static/js/{204.83c78c22.chunk.js → 204.fb4f8ecd.chunk.js} +1 -1
- package/static/js/{244.a452af36.chunk.js → 244.24dba3b7.chunk.js} +1 -1
- package/static/js/{516.0ac713ab.chunk.js → 516.5cf90956.chunk.js} +1 -1
- package/static/js/{580.edcb7bf5.chunk.js → 580.d18fbff9.chunk.js} +1 -1
- package/static/js/{642.ceaa86be.chunk.js → 642.59328000.chunk.js} +1 -1
- package/static/js/{667.bf0f7728.chunk.js → 667.1240aae4.chunk.js} +1 -1
- package/static/js/{95.ed77436b.chunk.js → 95.f35cc75c.chunk.js} +1 -1
- package/static/js/972.aa92c23f.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/js/143.6cfd5b17.chunk.js +0 -1
- package/static/js/184.47568a90.chunk.js +0 -1
- package/static/js/972.dc35941b.chunk.js +0 -1
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[143],{4284:function(e,t,n){n.r(t);var o=n(7313),i=n(9854),a=n(2860),r=n(7753),c=n(5160),s=(n(4844),n(6967)),d=n(5380),h=n(58),l=n(8984),u=(n(7247),n(1824),n(4669)),p=n(941),w=n(9302),f=n(2575),v=n(7300),m=n(6524),g=(n(4136),n(6417));const E=(0,f.Z)({key:"whatmore-css-ppv"}),S=o.lazy((()=>Promise.all([n.e(648),n.e(576),n.e(853),n.e(843),n.e(926),n.e(607),n.e(282),n.e(204)]).then(n.bind(n,2607))));function j(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,o.useState)(),[f,y]=(0,o.useState)(),[_]=(0,r.j1)("isInDesignMode"),[k]=(0,r.j1)("isDemoBrand"),[b]=(0,r.j1)("whatmoreEmbedAppUseVariant"),[x,I]=(0,o.useState)(-2),[C]=(0,r.j1)("whatmoreVariantId"),[M]=(0,r.j1)("whatmoreShopId");var[O]=(0,r.j1)("whatmoreProductId");const P=(0,r.MO)("isLandingSharedLink"),T=(0,r.MO)("whatmoreShareTemplateId"),V=((0,r.MO)("whatmoreShareStoryId"),(0,r.MO)("whatmoreShareEventId"));O=(0,i.iX)(M)?j(window.location.href):O;const[D,L]=(0,o.useState)((()=>"true"===b?C:O));var U=a.Gc+"/v2/brand/"+M+"/product-events";(0,o.useEffect)((()=>{(0,s.hb)()}),[]),(0,o.useEffect)((()=>{(0,u.ll)(M)}),[]),(0,o.useEffect)((()=>{null==t||0==t.length||f||!(0,l.KE)()||(0,r.MO)("whatmoreVideoPlayerPoolInitiated")||(0,h.b5)(h.UD)}),[t]),(0,o.useEffect)((()=>{I(-1),fetch(U.toString()+"?client_product_id="+D.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(n(e),e))).then((e=>((0,i.yo)(M)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==j(window.location.href))return;const o={product_id:n.product_id,product_link:j(window.location.href)};fetch(a.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(o)})}),500)}(e,D),e))).catch((e=>{y(e.message)}))}),[D]),(0,o.useEffect)((()=>{I(-2)}),[t]),(0,o.useEffect)((()=>{let e=history.pushState;history.pushState=function(){let t=e.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};let t=history.replaceState;history.replaceState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("true"===b){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var o=t[n].split("=");if(o[0]==e)return o[1]}return!1}("variant");e&&""!==e&&L(e)}}))}),[]),(0,o.useEffect)((()=>{null==t||0==t.length||f||P&&"template-embed"==(0,m.zv)(T)&&null!=V&&t.forEach(((e,t)=>{V==e.event_id&&A(e,!0,t)}))}),[t]);const A=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,l.KE)()&&!t&&(0,h.QV)(),(0,v.B6)(e)||(0,v.WJ)(e))return _||k||(async()=>{(0,c.wh)(e),(0,u.Tc)(M,a.h7,a.dU),(0,s.H4)(e.event_id,e.products,"product_page","video_popup")})(),void I(n)};function B(){return(0,g.jsx)(g.Fragment,{})}return null==t||0==t.length||f?(0,g.jsx)("div",{}):(0,g.jsx)(w.C,{value:E,children:"no-product"===D||-1===x||0===t.length?(0,g.jsx)(B,{}):-2===x&&t.length>0?(0,g.jsx)("div",{children:(0,g.jsx)(d.Z,{event:t[0],inVideoClick:A,closeClick:e=>{e.stopPropagation(),I(-1)}})}):(0,g.jsx)("div",{children:(0,g.jsx)(o.Suspense,{children:(0,g.jsx)(S,{events:t,index:x,onBack:function(){(0,i.n2)(M)&&(0,r.MO)("whatmoreAddedToCart")&&(0,p.D)(M,(()=>{}),100,window.location.hostname),I(-2)},template:"template-product-page"})})})})}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[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"})})}},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,d]=(0,r.useState)(!1),l=r.useRef(0),u=(0,r.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},h=null!==(n=e.height)&&void 0!==n?n:"100%",f=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,r.useEffect)((()=>{l.current=0;const e=setInterval((()=>{l.current=l.current+.03,u.current&&c(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:f,height:h,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:h,width:f,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!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 c}});var r=n(7313),i=n(3933),o=n(868),s=n(8984),a=n(7300),d=(n(6422),n(2887)),l=n(6417);var u=function(e){var t,n;const o=(0,r.useRef)(null),[s,a,d]=(0,i.YD)({triggerOnce:!0}),u=null!==(t=e.height)&&void 0!==t?t:"100%",c=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,l.jsx)("div",{ref:s,style:{width:u,height:c,overflow:"hidden"},children:a?(0,l.jsx)("video",{ref:o,className:"whatmore-video-player",width:c,height:u,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:c,height:u,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var c=function(e){var t,n,c;const[h,f,p]=(0,i.YD)({triggerOnce:!0});if((0,a.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 v=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;if((0,s.KE)())return(0,l.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%",y=null!==(c=e.width)&&void 0!==c?c:"100%";return(0,r.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,f]),(0,l.jsx)("div",{ref:h,style:{width:g,height:y,overflow:"hidden"},children:f?(0,l.jsx)("video",{ref:w,className:"whatmore-video-player",width:y,height:g,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:y,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},123:function(){},7244:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[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"})})}},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,d]=(0,r.useState)(!1),l=r.useRef(0),u=(0,r.useRef)(null),c=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},h=null!==(n=e.height)&&void 0!==n?n:"100%",f=null!==(s=e.width)&&void 0!==s?s:"100%";return(0,r.useEffect)((()=>{l.current=0;const e=setInterval((()=>{l.current=l.current+.03,u.current&&c(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:f,height:h,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:h,width:f,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!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 c}});var r=n(7313),i=n(3933),o=n(868),s=n(8984),a=n(7300),d=(n(6422),n(2887)),l=n(6417);var u=function(e){var t,n;const o=(0,r.useRef)(null),[s,a,d]=(0,i.YD)({triggerOnce:!0}),u=null!==(t=e.height)&&void 0!==t?t:"100%",c=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,l.jsx)("div",{ref:s,style:{width:u,height:c,overflow:"hidden"},children:a?(0,l.jsx)("video",{ref:o,className:"whatmore-video-player",width:c,height:u,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:c,height:u,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var c=function(e){var t,n,c;const[h,f,p]=(0,i.YD)({triggerOnce:!0});if((0,a.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 v=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200;if((0,s.KE)())return(0,l.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%",y=null!==(c=e.width)&&void 0!==c?c:"100%";return(0,r.useEffect)((()=>{w.current&&(e.isPlaying?w.current.play():w.current.pause())}),[e.isPlaying,f]),(0,l.jsx)("div",{ref:h,style:{width:g,height:y,overflow:"hidden"},children:f?(0,l.jsx)("video",{ref:w,className:"whatmore-video-player",width:y,height:g,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,o.V)(e.url),style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:y,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},123:function(){},7244:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[184],{7381:function(e,t,n){n.d(t,{E:function(){return r},u:function(){return i}});function o(e){console.debug("Whatmore : "+e)}function r(e){var t;const n=null!==(t=localStorage.getItem("whatmoreActivateLogs"))&&void 0!==t&&t;n&&(o("total events received : "+(e&&e.length)),o("events data : "+JSON.stringify(e)))}function i(e){var t;null!==(t=localStorage.getItem("whatmoreActivateLogs"))&&void 0!==t&&t&&o(e)}},3388:function(e,t,n){n.d(t,{OC:function(){return c},e8:function(){return i},kT:function(){return o},kW:function(){return u},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)))},u=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 c=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):[]}},2209:function(e,t,n){n.r(t);var o=n(7313),r=n(9854),i=n(2860),u=n(7753),c=n(5160),s=n(6967),l=n(5380),a=n(58),h=n(8984),d=n(4669),f=n(941),v=n(9302),g=n(7381),m=n(2575),p=n(7300),w=n(6524),S=n(3388),E=n(6417);const j=(0,m.Z)({key:"whatmore-css-wsv"}),k=o.lazy((()=>Promise.all([n.e(648),n.e(576),n.e(853),n.e(843),n.e(926),n.e(607),n.e(282),n.e(26)]).then(n.bind(n,2607))));t.default=function(e){const[t,n]=(0,o.useState)(),[m,x]=(0,o.useState)(),[O]=(0,u.j1)("isInDesignMode"),[M]=(0,u.j1)("isDemoBrand"),[_,b]=(0,o.useState)(-2),[y]=(0,u.j1)("whatmoreShopId"),C=(0,u.MO)("isLandingSharedLink"),I=(0,u.MO)("whatmoreShareTemplateId"),L=((0,u.MO)("whatmoreShareStoryId"),(0,u.MO)("whatmoreShareEventId")),D=(0,u.MO)("whatmoreLandingLocationType"),T=(0,u.MO)("whatmoreLoggingActive");var A=(0,r.ef)(y)?i.Dm+"/get_eventset/":i.Gc+"/get_eventset/";(0,o.useEffect)((()=>{(0,s.hb)()}),[]),(0,o.useEffect)((()=>{(0,d.ll)(y)}),[]),(0,o.useEffect)((()=>{null==t||0==t.length||m||!(0,h.KE)()||(0,u.MO)("whatmoreVideoPlayerPoolInitiated")||(0,a.b5)(a.UD)}),[t]),(0,o.useEffect)((()=>{b(-1);const e=w.NX,t=(0,w.H1)(D),o=A.toString()+y.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+y;fetch(o).then((e=>e.json())).then((t=>(0,S.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{x(e.message)}))}),[]),(0,o.useEffect)((()=>{b(-2)}),[t]),(0,o.useEffect)((()=>{null==t||0==t.length||m||C&&"template-embed"==(0,w.zv)(I)&&null!=L&&t.forEach(((e,t)=>{L==e.event_id&&P(e,!0,t)}))}),[t]);const P=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,h.KE)()&&!t&&(0,a.QV)(),(0,p.B6)(e)||(0,p.WJ)(e))return O||M||(async()=>{(0,c.wh)(e),(0,d.Tc)(y,i.h7,i.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup")})(),void b(n)};function B(){return(0,E.jsx)(E.Fragment,{})}return null==t||0==t.length||m?(0,E.jsx)("div",{}):(T&&(0,g.E)(t),(0,E.jsx)(v.C,{value:j,children:-1===_||0===t.length?(0,E.jsx)(B,{}):-2===_&&t.length>0?(0,E.jsx)("div",{children:(0,E.jsx)(l.Z,{event:t[0],inVideoClick:P,closeClick:e=>{e.stopPropagation(),b(-1)}})}):(0,E.jsx)("div",{children:(0,E.jsx)(o.Suspense,{children:(0,E.jsx)(k,{events:t,index:_,onBack:function(){(0,r.n2)(y)&&(0,u.MO)("whatmoreAddedToCart")&&(0,f.D)(y,(()=>{}),100,window.location.hostname),b(-2)},template:"template-embed"})})})}))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[204,26],{499:function(t,n){n.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(t,n,e){var r=e(499);n.Z=class{static getEventStatus(t){t.time_zone="GMT+5:30";var n=t.start_time+":00",e=t.end_time,a=t.scheduled_date,s=t.status,u=t.time_zone;if(s.toUpperCase()==r.Z.LIVE.name)return{status:r.Z.LIVE,bannerText:" "+r.Z.LIVE.name+" ",timeToStartInMins:0};if(s.toUpperCase()==r.Z.UPCOMING.name){var i=new Date(a+" "+n+" "+u),o=(new Date(a+" "+e+" "+u),function(t){var n=new Date,e=(t.getTime()-n.getTime())/1e3,a=e/60,s=a/60,u=s/24;return e<=0?{status:r.Z.COMPLETED,bannerText:" "+r.Z.COMPLETED.name+" ",timeToStartInMins:0}:e>=1&&e<=30?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(e)+" sec ",timeToStartInMins:e/60}:a<60?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(a)+" min ",timeToStartInMins:a}:s<24?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(s)+" hr ",timeToStartInMins:60*s}:u<7?{status:r.Z.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][t.getDay()]+" ",timeToStartInMins:60*u*24}:{status:r.Z.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(i));return{status:o.status,bannerText:o.bannerText,timeToStartInMins:o.timeToStartInMins}}return console.error("invalid status for event :: id : "+t.event_id+", status : "+t.status),{status:r.Z.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},3388:function(t,n,e){e.d(n,{OC:function(){return i},e8:function(){return s},kT:function(){return r},kW:function(){return u},xg:function(){return a}});const r=function(t,n){return!((void 0==t.products||0==t.products.length)&&(void 0==t.cta||0==t.cta.length))},a=function(t,n){return!(void 0==t.products||0==t.products.length)},s=function(t,n){if(null!=t)return t.filter((t=>1==r(t)))},u=function(t){let n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=t)return n?t[0].events:t};const i=function(t,n){var e;if(null==t)return[];if(!("eventsets"in t))return[];const r=null!==(e=t.eventsets[n])&&void 0!==e?e:null;return r?function(t){if(null==t||0==t.length)return[];let n=[];return t.forEach((t=>{t.events.forEach((t=>{n.push(t)}))})),n}(r):[]}}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[204,26],{499:function(t,n){n.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(t,n,e){var r=e(499);n.Z=class{static getEventStatus(t){t.time_zone="GMT+5:30";var n=t.start_time+":00",e=t.end_time,a=t.scheduled_date,s=t.status,u=t.time_zone;if(s.toUpperCase()==r.Z.LIVE.name)return{status:r.Z.LIVE,bannerText:" "+r.Z.LIVE.name+" ",timeToStartInMins:0};if(s.toUpperCase()==r.Z.UPCOMING.name){var i=new Date(a+" "+n+" "+u),o=(new Date(a+" "+e+" "+u),function(t){var n=new Date,e=(t.getTime()-n.getTime())/1e3,a=e/60,s=a/60,u=s/24;return e<=0?{status:r.Z.COMPLETED,bannerText:" "+r.Z.COMPLETED.name+" ",timeToStartInMins:0}:e>=1&&e<=30?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(e)+" sec ",timeToStartInMins:e/60}:a<60?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(a)+" min ",timeToStartInMins:a}:s<24?{status:r.Z.UPCOMING,bannerText:"Starts in "+Math.round(s)+" hr ",timeToStartInMins:60*s}:u<7?{status:r.Z.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][t.getDay()]+" ",timeToStartInMins:60*u*24}:{status:r.Z.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(i));return{status:o.status,bannerText:o.bannerText,timeToStartInMins:o.timeToStartInMins}}return console.error("invalid status for event :: id : "+t.event_id+", status : "+t.status),{status:r.Z.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},3388:function(t,n,e){e.d(n,{OC:function(){return i},e8:function(){return s},kT:function(){return r},kW:function(){return u},xg:function(){return a}});const r=function(t,n){return!((void 0==t.products||0==t.products.length)&&(void 0==t.cta||0==t.cta.length))},a=function(t,n){return!(void 0==t.products||0==t.products.length)},s=function(t,n){if(null!=t)return t.filter((t=>1==r(t)))},u=function(t){let n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=t)return n?t.events[0].events:t.events};const i=function(t,n){var e;if(null==t)return[];if(!("eventsets"in t))return[];const r=null!==(e=t.eventsets[n])&&void 0!==e?e:null;return r?function(t){if(null==t||0==t.length)return[];let n=[];return t.forEach((t=>{t.events.forEach((t=>{n.push(t)}))})),n}(r):[]}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[244],{51:function(e,t,n){n.d(t,{Z:function(){return i}});n(7313);var o=n(6417);var i=function(e){return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("span",{className:"whatmore-loading-indicator"})})}},3175:function(e,t,n){var o=n(208),i=n(51),r=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,r.jsxs)("div",{style:{width:s,height:a,overflow:"hidden"},children:[(0,r.jsx)(o.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,r.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,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,r.jsx)(i.Z,{})})})]})}},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 i=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:i,openMiniCart:!0}}));else if("19506115"==e)window.PXUTheme.jsAjaxCart.showDrawer(),window.PXUTheme.jsAjaxCart.updateView();else if("54465429691"==e)refreshCart(i),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"),i=document.getElementById("CartDrawer");o&&i&&(i.innerHTML=o.innerHTML),n.querySelector("#CartDrawer .totals__subtotal-value");const r=document.querySelector("cart-drawer");r&&r.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()}}},2887:function(e,t,n){var o=n(7313),i=(n(6422),n(3175)),r=n(6417);t.Z=function(e){var t,n,a;const[s,d]=(0,o.useState)(!1),c=o.useRef(0),u=(0,o.useRef)(null),l=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},h=null!==(n=e.height)&&void 0!==n?n:"100%",p=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,o.useEffect)((()=>{c.current=0;const e=setInterval((()=>{c.current=c.current+.03,u.current&&l(c.current,5),c.current>=5&&(c.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,r.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:p,height:h,overflow:"hidden"},children:[(0,r.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,r.jsx)("img",{ref:u,src:e.url,style:{objectFit:"cover",height:h,width:p,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!0)}})}),s?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)(i.Z,{width:"100%",height:"100%"})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return l}});var o=n(7313),i=n(3933),r=n(868),a=n(8984),s=n(7300),d=(n(6422),n(2887)),c=n(6417);var u=function(e){var t,n;const r=(0,o.useRef)(null),[a,s,d]=(0,i.YD)({triggerOnce:!0}),u=null!==(t=e.height)&&void 0!==t?t:"100%",l=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{r.current&&(e.isPlaying?r.current.play():r.current.pause())}),[e.isPlaying,s]),(0,c.jsx)("div",{ref:a,style:{width:u,height:l,overflow:"hidden"},children:s?(0,c.jsx)("video",{ref:r,className:"whatmore-video-player",width:l,height:u,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:l,height:u,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var l=function(e){var t,n,l;const[h,p,f]=(0,i.YD)({triggerOnce:!0});if((0,s.WJ)(e.event))return(0,c.jsx)(d.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,a.KE)())return(0,c.jsx)(u,{height:"100%",width:"100%",url:(0,r.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const m=(0,o.useRef)(null),g=null!==(n=e.height)&&void 0!==n?n:"100%",w=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,o.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():m.current.pause())}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:h,style:{width:g,height:w,overflow:"hidden"},children:p?(0,c.jsx)("video",{ref:m,className:"whatmore-video-player",width:w,height:g,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,r.V)(e.url),style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:w,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var o=n(4959),i=n(7313),r=n(4892),a=n(6805),s=n(7753),d=n(9821);var c=function(e){const[t,n,o,i,r]=(0,d.Z)(),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[u]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),l=r[a.YP]===a.$w?u/100:c/100*1.2;return[t*l,n*l,r]},u=n(9723),l=n(9461),h=n.n(l),p=n(1195),f=n(7108),v=(n(7244),n(123),n(9854)),m=n(4136),g=n(6417);var w=function(e){const t=i.useRef(null);var[n,d,l]=c();const{whatmoreUITheme:w}=(0,i.useContext)(m.I),[b]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[x]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[P]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[_]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,s.MO)("whatmoreShopId");var S=y,T=x,k=j;l[a.YP]===a.$w&&(S=P,T=_,k=C);const[I,z]=(0,i.useState)(["initial",window.pageYOffset]),[A,O]=(0,i.useState)(!1);function L(e,t){z(e),e[1]<=100?O(!1):t!=A&&O(t)}(0,i.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(L([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},o=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[I]),(0,o.O3)({ref:t,handler:()=>{L(["scrolled-up",I[1]],!0)}});const N=e.event,D=e.inVideoClick,Z=e.closeClick,R=.3*d,M=.6*d,H=.1*d,J=.1*(.5*d),B="round"==w?"10px":"0px",V=(0,v.Z$)(E);var F=!1,q=0,Y=0;function $(e){F=e}return(0,g.jsx)("div",{children:A&&(0,v.lV)(E)?(0,g.jsx)("div",{style:"left"===S?{left:"1px",bottom:k+"px",position:"fixed",zIndex:V}:{right:"5px",bottom:k+"px",position:"fixed",zIndex:V},children:(0,g.jsxs)("div",{onClick:()=>{L(["initial",I[1]],!1)},style:{margin:"1px",width:d+"px",height:n+"px"},className:"left"===S?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:B,overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(r.Z,{url:N.thumbnail_image,isPlaying:!1,event:N})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,g.jsx)(p.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:R+"px"},style:{position:"relative",zIndex:1,left:J+"px",bottom:J+"px"},onClick:Z})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(f.Z,{sx:{color:"white",fontSize:2*R+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,g.jsx)(h(),{nodeRef:t,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,o;n=t.x,o=t.y,q=n,Y=o},onDrag:(e,t)=>{$(!0)},onStop:(e,t)=>{F&&(Math.abs(t.x-q)>5||Math.abs(t.y-Y)>5)?$(!1):D(N)},children:(0,g.jsx)("div",{ref:t,style:"left"===S?{left:T+"px",bottom:k+"px",position:"fixed",zIndex:V}:{right:T+"px",bottom:k+"px",position:"fixed",zIndex:V},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:d+"px",height:n+"px"}),className:"left"===S?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:B,overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(r.Z,{url:N.thumbnail_image,isMuted:!0,isPlaying:!0,event:N})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)(p.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:R+"px"},onClick:Z,style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(u.Z,{sx:{color:"white",fontSize:M+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:B,borderBottomRightRadius:B,backgroundImage:b?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*R+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var o=n(9854),i=n(7753);const r={"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,o.zp)(t))return e;if("AZURECDN"==(0,o.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(r))if(e.includes(t))return e.replace(t,r[t]);return e}}if("BUNNYCDN"==(0,o.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}},7300:function(e,t,n){n.d(t,{B6:function(){return o},WJ:function(){return i},yC:function(){return r}});const o=function(e){return"video"===e.event_type},i=function(e){return"image"===e.event_type},r=function(e){return"livestream"===e.event_type}},6805:function(e,t,n){n.d(t,{$I:function(){return s},$w:function(){return c},AK:function(){return r},AL:function(){return a},YP:function(){return i},me:function(){return o},rE:function(){return d}});const o="device_type",i="device_mode",r="mobile",a="tablet",s="desktop",d="portrait",c="landscape"},6422:function(e,t,n){var o=n(7313),i=n(7753);t.Z=function(e){const[t,n]=(0,i.j1)("muted");return(0,o.useEffect)((()=>{}),[]),[t,n]}},8866:function(e,t,n){var o=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[r,a]=(0,o.useState)(["portrait",t,n]);return(0,o.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)}}),[]),r}},9821:function(e,t,n){var o=n(6367),i=n(7753),r=n(8866),a=n(6805);t.Z=function(e){const[t,n,s]=(0,r.Z)(),[d]=(0,i.j1)("whatmoreLandscapePadding"),[c]=(0,i.j1)("whatmoreVideoTileSize"),u=(0,o.useMediaQuery)({query:"(min-width: 1025px)"}),l=(0,o.useMediaQuery)({query:"(min-width: 481px)"}),h=!("portrait"!=t||!l),p=c/100*1.3*.5,f=c/100;var v=Math.min(s,n),[m,g,w,b]=[.6*v*(16/9),.6*v,1.4,0];function y(e){return Math.round(10*e)/10}var x={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(u){const e=g*p,t=m*p;[m,g,w,b]=[t,e,(s-2*d)/(1.1*e),d],x[a.me]=a.$I,x[a.YP]=a.$w}else if(h){var j=.8*g,P=.8*m;"portrait"==t?(j*=f,P*=f,[m,g,w,b]=[P,j,y(s/(1.2*j)),0],x[a.me]=a.AL,x[a.YP]=a.rE):([m,g,w,b]=[P,j,(s-2*d)/(1.1*j),d],x[a.me]=a.AL,x[a.YP]=a.$w)}else{j=g,P=m;"portrait"==t?(j*=f,P*=f,[m,g,w,b]=[P,j,y(s/(1.15*j)),0],x[a.me]=a.AK,x[a.YP]=a.rE):(j=.7*g,P=.7*m,[m,g,w,b]=[P,j,(s-2*d)/(1.1*j),d],x[a.me]=a.AK,x[a.YP]=a.$w)}return[m,g,w,b,x]}},5160:function(e,t,n){n.d(t,{$L:function(){return c},JX:function(){return d},Z6:function(){return r},rp:function(){return u},wh:function(){return i},wz:function(){return s},x0:function(){return a}});var o=n(2860);n(7753);function i(e){console.debug("updating user view count for event.");const t={event_id:e.event_id,increase_by:1};fetch(o.Gc+"/event/metrics/views",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(console.debug("updating user view count response : HTTP "+e.status),e.json()))).then((e=>{console.debug("updating user view count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating user view count user for event : ",e)}))}function r(e,t){console.debug("updating like count for event.");const n={event_id:e.event_id,increase_by:t};fetch(o.Gc+"/event/metrics/like",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(console.debug("updating like count response : HTTP "+e.status),e.json()))).then((e=>{console.debug("updating like count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating like count user for event : ",e)}))}function a(e){console.debug("updating share count for event.");const t={event_id:e.event_id,increase_by:1};fetch(o.Gc+"/event/metrics/share",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(console.debug("updating share count response : HTTP "+e.status),e.json()))).then((e=>{console.debug("updating share count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating share count user for event : ",e)}))}function s(e,t){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(o.Gc+"/event/metrics/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(console.debug("updating user event-product click count response : HTTP "+e.status),e.json()))).then((e=>{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){console.debug("updating event-product add to cart count for event {} and product {}.",e.event_id,t.product_id);const i={event_id:e.event_id,product_id:t.product_id,increase_by:n};fetch(o.Gc+"/event/metrics/add_to_cart",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)}).then((e=>(console.debug("updating user event-product add to cart count response : HTTP "+e.status),e.json()))).then((e=>{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 c(e,t){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(o.Gc+"/event/metrics/buy_now",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(console.debug("updating user event-product buy now count response : HTTP "+e.status),e.json()))).then((e=>{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 u(){let{storeId:e="",eventId:t=0,productId:n="",variantId:i="",cartToken:r="",checkoutToken:a="",quantity:s=0,price:d="",actionType:c="",trackingId:u=""}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l={event_id:t,product_id:n,cart_token:r,checkout_token:a,quantity:s,price:d,variant_id:i,action_type:c,tracking_id:u};console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} ",t,n,i);const h=await fetch(o.Gc+"/cart-metadata/"+e,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(l)}).then((e=>(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,i)}));return h}},4669:function(e,t,n){n.d(t,{Tc:function(){return l},ll:function(){return u}});var o=n(1824),i=n(7786),r=n(9854);n(7753);const a="Whatmore Video Shopping",s="Video View",d={carousel:"Carousel",stories:"Stories",video_popup:"Video Popup"},c={homepage:"Home Page",product_page:"Product Page"};async function u(e){if((0,r.Dv)(e)&&null!==(0,r.hf)(e)&&(i.ZP.initialize((0,r.hf)(e)),console.debug("Whatmore: initialized GA4")),(0,r.hv)(e)&&null!==(0,r.BH)(e)){const t=(0,r.OQ)(e);o.ZP.initialize((0,r.BH)(e),{useExistingGa:t}),console.debug("Whatmore: initialized GA3")}}async function l(e,t,n){(0,r.hv)(e)&&null!==(0,r.BH)(e)&&(o.ZP.event({category:a,action:s,label:c[t]+":"+d[n]}),console.debug("Whatmore: pushed view event to GA3")),(0,r.Dv)(e)&&null!==(0,r.hf)(e)&&(i.ZP.event({category:a,action:s+":"+c[t]+":"+d[n],value:1,nonInteraction:!1}),console.debug("Whatmore: pushed view event to GA4"))}},123:function(){},7244:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[244],{51:function(e,t,n){n.d(t,{Z:function(){return i}});n(7313);var o=n(6417);var i=function(e){return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("span",{className:"whatmore-loading-indicator"})})}},3175:function(e,t,n){var o=n(208),i=n(51),r=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,r.jsxs)("div",{style:{width:s,height:a,overflow:"hidden"},children:[(0,r.jsx)(o.Od,{height:"100%",width:"100%",speed:0,startColor:"#202020",endColor:"#606060"}),(0,r.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,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,r.jsx)(i.Z,{})})})]})}},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 i=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:i,openMiniCart:!0}}));else if("19506115"==e)window.PXUTheme.jsAjaxCart.showDrawer(),window.PXUTheme.jsAjaxCart.updateView();else if("54465429691"==e)refreshCart(i),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"),i=document.getElementById("CartDrawer");o&&i&&(i.innerHTML=o.innerHTML),n.querySelector("#CartDrawer .totals__subtotal-value");const r=document.querySelector("cart-drawer");r&&r.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()}}},2887:function(e,t,n){var o=n(7313),i=(n(6422),n(3175)),r=n(6417);t.Z=function(e){var t,n,a;const[s,d]=(0,o.useState)(!1),c=o.useRef(0),u=(0,o.useRef)(null),l=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},h=null!==(n=e.height)&&void 0!==n?n:"100%",p=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,o.useEffect)((()=>{c.current=0;const e=setInterval((()=>{c.current=c.current+.03,u.current&&l(c.current,5),c.current>=5&&(c.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,r.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:p,height:h,overflow:"hidden"},children:[(0,r.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,r.jsx)("img",{ref:u,src:e.url,style:{objectFit:"cover",height:h,width:p,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!0)}})}),s?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)(i.Z,{width:"100%",height:"100%"})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return l}});var o=n(7313),i=n(3933),r=n(868),a=n(8984),s=n(7300),d=(n(6422),n(2887)),c=n(6417);var u=function(e){var t,n;const r=(0,o.useRef)(null),[a,s,d]=(0,i.YD)({triggerOnce:!0}),u=null!==(t=e.height)&&void 0!==t?t:"100%",l=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{r.current&&(e.isPlaying?r.current.play():r.current.pause())}),[e.isPlaying,s]),(0,c.jsx)("div",{ref:a,style:{width:u,height:l,overflow:"hidden"},children:s?(0,c.jsx)("video",{ref:r,className:"whatmore-video-player",width:l,height:u,preload:"auto",loop:!0,playsInline:!0,muted:!0,autoPlay:!0,src:e.url,style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:l,height:u,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var l=function(e){var t,n,l;const[h,p,f]=(0,i.YD)({triggerOnce:!0});if((0,s.WJ)(e.event))return(0,c.jsx)(d.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,a.KE)())return(0,c.jsx)(u,{height:"100%",width:"100%",url:(0,r.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:v});const m=(0,o.useRef)(null),g=null!==(n=e.height)&&void 0!==n?n:"100%",w=null!==(l=e.width)&&void 0!==l?l:"100%";return(0,o.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():m.current.pause())}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:h,style:{width:g,height:w,overflow:"hidden"},children:p?(0,c.jsx)("video",{ref:m,className:"whatmore-video-player",width:w,height:g,preload:"auto",loop:!0,playsInline:!0,muted:!0,src:(0,r.V)(e.url),style:{backgroundColor:"white"}}):(0,c.jsx)("div",{width:w,height:g,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var o=n(4959),i=n(7313),r=n(4892),a=n(6805),s=n(7753),d=n(9821);var c=function(e){const[t,n,o,i,r]=(0,d.Z)(),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[u]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),l=r[a.YP]===a.$w?u/100:c/100*1.2;return[t*l,n*l,r]},u=n(9723),l=n(9461),h=n.n(l),p=n(1195),f=n(7108),v=(n(7244),n(123),n(9854)),m=n(4136),g=n(6417);var w=function(e){const t=i.useRef(null);var[n,d,l]=c();const{whatmoreUITheme:w}=(0,i.useContext)(m.I),[b]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[x]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[P]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[_]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,s.MO)("whatmoreShopId");var S=y,T=x,k=j;l[a.YP]===a.$w&&(S=P,T=_,k=C);const[I,z]=(0,i.useState)(["initial",window.pageYOffset]),[A,O]=(0,i.useState)(!1);function L(e,t){z(e),e[1]<=100?O(!1):t!=A&&O(t)}(0,i.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(L([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},o=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[I]),(0,o.O3)({ref:t,handler:()=>{L(["scrolled-up",I[1]],!0)}});const N=e.event,D=e.inVideoClick,Z=e.closeClick,R=.3*d,M=.6*d,H=.1*d,J=.1*(.5*d),B="round"==w?"10px":"0px",V=(0,v.Z$)(E);var F=!1,q=0,Y=0;function $(e){F=e}return(0,g.jsx)("div",{children:A&&(0,v.lV)(E)?(0,g.jsx)("div",{style:"left"===S?{left:"1px",bottom:k+"px",position:"fixed",zIndex:V}:{right:"5px",bottom:k+"px",position:"fixed",zIndex:V},children:(0,g.jsxs)("div",{onClick:()=>{L(["initial",I[1]],!1)},style:{margin:"1px",width:d+"px",height:n+"px"},className:"left"===S?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:B,overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(r.Z,{url:N.thumbnail_image,isPlaying:!1,event:N})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,g.jsx)(p.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:R+"px"},style:{position:"relative",zIndex:1,left:J+"px",bottom:J+"px"},onClick:Z})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(f.Z,{sx:{color:"white",fontSize:2*R+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,g.jsx)(h(),{nodeRef:t,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,o;n=t.x,o=t.y,q=n,Y=o},onDrag:(e,t)=>{$(!0)},onStop:(e,t)=>{F&&(Math.abs(t.x-q)>5||Math.abs(t.y-Y)>5)?$(!1):D(N)},children:(0,g.jsx)("div",{ref:t,style:"left"===S?{left:T+"px",bottom:k+"px",position:"fixed",zIndex:V}:{right:T+"px",bottom:k+"px",position:"fixed",zIndex:V},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:d+"px",height:n+"px"}),className:"left"===S?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:B,overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(r.Z,{url:N.thumbnail_image,isMuted:!0,isPlaying:!0,event:N})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)(p.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:R+"px"},onClick:Z,style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(u.Z,{sx:{color:"white",fontSize:M+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:B,borderBottomRightRadius:B,backgroundImage:b?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*R+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},868:function(e,t,n){n.d(t,{V:function(){return s}});var o=n(9854),i=n(7753);const r={"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,o.zp)(t))return e;if("AZURECDN"==(0,o.zp)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(r))if(e.includes(t))return e.replace(t,r[t]);return e}}if("BUNNYCDN"==(0,o.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}},7300:function(e,t,n){n.d(t,{B6:function(){return o},WJ:function(){return i},yC:function(){return r}});const o=function(e){return"video"===e.event_type},i=function(e){return"image"===e.event_type},r=function(e){return"livestream"===e.event_type}},6805:function(e,t,n){n.d(t,{$I:function(){return s},$w:function(){return c},AK:function(){return r},AL:function(){return a},YP:function(){return i},me:function(){return o},rE:function(){return d}});const o="device_type",i="device_mode",r="mobile",a="tablet",s="desktop",d="portrait",c="landscape"},6422:function(e,t,n){var o=n(7313),i=n(7753);t.Z=function(e){const[t,n]=(0,i.j1)("muted");return(0,o.useEffect)((()=>{}),[]),[t,n]}},8866:function(e,t,n){var o=n(7313);function i(){return[window.innerHeight,window.innerWidth]}t.Z=function(e){var[t,n]=i();const[r,a]=(0,o.useState)(["portrait",t,n]);return(0,o.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)}}),[]),r}},9821:function(e,t,n){var o=n(6367),i=n(7753),r=n(8866),a=n(6805);t.Z=function(e){const[t,n,s]=(0,r.Z)(),[d]=(0,i.j1)("whatmoreLandscapePadding"),[c]=(0,i.j1)("whatmoreVideoTileSize"),u=(0,o.useMediaQuery)({query:"(min-width: 1025px)"}),l=(0,o.useMediaQuery)({query:"(min-width: 481px)"}),h=!("portrait"!=t||!l),p=c/100*1.3*.5,f=c/100;var v=Math.min(s,n),[m,g,w,b]=[.6*v*(16/9),.6*v,1.4,0];function y(e){return Math.round(10*e)/10}var x={DEVICE_TYPE:a.AK,DEVICE_MODE:a.rE};if(u){const e=g*p,t=m*p;[m,g,w,b]=[t,e,(s-2*d)/(1.1*e),d],x[a.me]=a.$I,x[a.YP]=a.$w}else if(h){var j=.8*g,P=.8*m;"portrait"==t?(j*=f,P*=f,[m,g,w,b]=[P,j,y(s/(1.2*j)),0],x[a.me]=a.AL,x[a.YP]=a.rE):([m,g,w,b]=[P,j,(s-2*d)/(1.1*j),d],x[a.me]=a.AL,x[a.YP]=a.$w)}else{j=g,P=m;"portrait"==t?(j*=f,P*=f,[m,g,w,b]=[P,j,y(s/(1.15*j)),0],x[a.me]=a.AK,x[a.YP]=a.rE):(j=.7*g,P=.7*m,[m,g,w,b]=[P,j,(s-2*d)/(1.1*j),d],x[a.me]=a.AK,x[a.YP]=a.$w)}return[m,g,w,b,x]}},5160:function(e,t,n){n.d(t,{$L:function(){return c},JX:function(){return d},Z6:function(){return r},rp:function(){return u},wh:function(){return i},wz:function(){return s},x0:function(){return a}});var o=n(2860);n(7753);function i(e){console.debug("updating user view count for event.");const t={event_id:e.event_id,increase_by:1};fetch(o.Gc+"/event/metrics/views",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(console.debug("updating user view count response : HTTP "+e.status),e.json()))).then((e=>{console.debug("updating user view count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating user view count user for event : ",e)}))}function r(e,t){console.debug("updating like count for event.");const n={event_id:e.event_id,increase_by:t};fetch(o.Gc+"/event/metrics/like",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(console.debug("updating like count response : HTTP "+e.status),e.json()))).then((e=>{console.debug("updating like count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating like count user for event : ",e)}))}function a(e){console.debug("updating share count for event.");const t={event_id:e.event_id,increase_by:1};fetch(o.Gc+"/event/metrics/share",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(console.debug("updating share count response : HTTP "+e.status),e.json()))).then((e=>{console.debug("updating share count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating share count user for event : ",e)}))}function s(e,t){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(o.Gc+"/event/metrics/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(console.debug("updating user event-product click count response : HTTP "+e.status),e.json()))).then((e=>{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){console.debug("updating event-product add to cart count for event {} and product {}.",e.event_id,t.product_id);const i={event_id:e.event_id,product_id:t.product_id,increase_by:n};fetch(o.Gc+"/event/metrics/add_to_cart",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)}).then((e=>(console.debug("updating user event-product add to cart count response : HTTP "+e.status),e.json()))).then((e=>{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 c(e,t){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(o.Gc+"/event/metrics/buy_now",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(console.debug("updating user event-product buy now count response : HTTP "+e.status),e.json()))).then((e=>{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 u(){let{storeId:e="",eventId:t=0,productId:n="",variantId:i="",cartToken:r="",checkoutToken:a="",quantity:s=0,price:d="",actionType:c="",trackingId:u=""}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l={event_id:t,product_id:n,cart_token:r,checkout_token:a,quantity:s,price:d,variant_id:i,action_type:c,tracking_id:u};console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} ",t,n,i);const h=await fetch(o.Gc+"/cart-metadata/"+e,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(l)}).then((e=>(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,i)}));return h}},4669:function(e,t,n){n.d(t,{Tc:function(){return l},ll:function(){return u}});var o=n(1824),i=n(7786),r=n(9854);n(7753);const a="Whatmore Video Shopping",s="Video View",d={carousel:"Carousel",stories:"Stories",video_popup:"Video Popup"},c={homepage:"Home Page",product_page:"Product Page"};async function u(e){if((0,r.Dv)(e)&&null!==(0,r.hf)(e)&&(i.ZP.initialize((0,r.hf)(e)),console.debug("Whatmore: initialized GA4")),(0,r.hv)(e)&&null!==(0,r.BH)(e)){const t=(0,r.OQ)(e);o.ZP.initialize((0,r.BH)(e),{useExistingGa:t}),console.debug("Whatmore: initialized GA3")}}async function l(e,t,n){(0,r.hv)(e)&&null!==(0,r.BH)(e)&&(o.ZP.event({category:a,action:s,label:c[t]+":"+d[n]}),console.debug("Whatmore: pushed view event to GA3")),(0,r.Dv)(e)&&null!==(0,r.hf)(e)&&(i.ZP.event({category:a,action:s+":"+c[t]+":"+d[n],value:1,nonInteraction:!1}),console.debug("Whatmore: pushed view event to GA4"))}},123:function(){},7244:function(){}}]);
|
|
@@ -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(){}}]);
|
|
@@ -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(){}}]);
|
|
@@ -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(){}}]);
|
|
@@ -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(){}}]);
|