whatmore-react-assets 1.0.1545 → 1.0.1547
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/620.3cfc7d61.chunk.js +1 -0
- package/static/js/{carousel-template-g.65aebec3.chunk.js → carousel-template-g.5c35bb4d.chunk.js} +1 -1
- package/static/js/stories-template-a.89b3f6bf.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/js/620.f92924ef.chunk.js +0 -1
- package/static/js/stories-template-a.d3b1d794.chunk.js +0 -1
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[620],{3590:function(t,e,i){var n=i(2375),o=i(1348),r=i(5830),l=i(4414);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.A=function(t){const e=(0,r.Xd)("whatmoreUITheme"),i=(0,r.Xd)("whatmoreShopId"),a=(0,r.Xd)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.FVo)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.sIk)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.YcK)(i),borderColor:(0,o.Fwt)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.A,{sx:{color:(0,o.s0t)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.s0t)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.sIk)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.YcK)(i),borderColor:(0,o.Fwt)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.s0t)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7509:function(t,e,i){i.d(e,{h:function(){return n}});const n=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},4616:function(t,e,i){var n=i(9950),o=i(5830),r=i(932),l=i(8538),s=(i(4826),i(1348)),a=i(7973),d=i(4414);e.A=function(t){var e,i,p,c,[h,m]=(0,r.A)();const x=(0,o.Xd)("whatmoreUITheme"),[y]=(0,o.QN)("whatmorePrimaryFont"),[f,v]=(0,n.useState)(0),u=(0,o.Xd)("whatmoreShopId"),g=t.event;if(0==g.products.length)return(0,d.jsx)(d.Fragment,{});const w=.3*m,j=w+"px",b=w+"px",P=.07*m,F=P+"px";return(0,d.jsx)("div",{style:{width:m+"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,d.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",b,"important")},style:{width:(0,s.H$k)(u)?j:"auto",boxShadow:"round"==x?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==x?"5px":"0px",borderWidth:(0,s.YcK)(u),borderColor:(0,s.Fwt)(u),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,s.KZe)(u),"important"),t.style.setProperty("max-width",j,"important"))},src:(0,a.b)(g.products[f].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==x?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:m-5-w+"px",height:"100%",borderRadius:"round"==x?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",F),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,l.v)(g.products[f].title)})}),(0,s.gZ6)(u)&&(null===(e=g.products[f])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:m-5-w+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==x?"3px":"0"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",m-5-w+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(p=g.products[f])||void 0===p||null===(c=p.product_metadata)||void 0===c?void 0:c.product_type})})]})]},f)})}},5620:function(t,e,i){i.d(e,{A:function(){return w}});var n=i(9950),o=i(932),r=(i(4826),i(5727)),l=i(5830),s=i(9879),a=i(7509),d=i(22),p=i(1348),c=i(3590),h=i(4616),m=i(6649),x=i(6613),y=i(1131),f=(i(4365),i(4414));function v(t){var e,[i,s]=(0,o.A)();const[d]=(0,l.QN)("whatmoreShopId"),[c,y,v]=(0,m.A)({triggerOnce:!0});var u=(0,n.useContext)(a.h);const g=t.event,w=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,x.At)()?t.isOnFocus:y;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:" "})}),u.showPlayButton&&!w?(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:"video"==g.event_type&&(0,f.jsx)(r.A,{sx:{color:(0,p.KFN)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,f.jsx)(f.Fragment,{}),(0,f.jsx)("div",{ref:c,children:b&&(0,p.imx)(d)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(h.A,{event:g})}):(0,f.jsx)("div",{height:"20px"})})]})})}function u(t){var[e,i]=(0,o.A)();const[n]=(0,l.QN)("whatmorePrimaryFont"),r=t.event;return r.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*i+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,f.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",n,"important")},style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,f.jsx)(f.Fragment,{})}function g(t){const[e,i,n,r,s]=(0,o.A)(),[a]=(0,l.QN)("whatmoreShowViews"),h=(0,l.Xd)("whatmoreShopId"),m=t.event,x=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.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",alignItems:"center"},children:["show"===a&&"show"===(0,p.klK)(h)?(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)(c.A,{event:m,fontSize:.07*i+"px"})})}):(0,f.jsx)(f.Fragment,{}),!1]})}),d.nN===s[d.dl]?(0,f.jsx)(f.Fragment,{}):x?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,f.jsx)(u,{event:m})}):(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(u,{event:m})})]})})}var w=function(t){var e,i,r;const[c,h,m,x,u]=(0,o.A)();var w=(0,n.useContext)(a.h);const j=(0,l.Xd)("whatmoreUITheme"),b=(0,l.Xd)("whatmoreShopId"),[P]=(0,l.Xd)("whatmorePrimaryFont"),F=t.event,C=t.onClick,k=null===(e=t.isOnFocus)||void 0===e||e,I=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,A=null!==(r=t.animateOnFocus&&(0,p.n5O)(b))&&void 0!==r&&r,S=(0,p.VYo)(b);return(0,f.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",w.tileTopMargin+"px"),t.style.setProperty("margin-bottom",w.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==b||"19501891"==b?void 0:h,aspectRatio:"8968077397"==b||"19501891"==b?9/16:void 0,height:"8968077397"==b||"19501891"==b?"100%":c,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j||"61187850326"==b||"19501891"==b?S:null,borderWidth:(0,p.YcK)(b),borderColor:(0,p.Fwt)(b),overflow:"hidden",cursor:"pointer",position:"relative"},className:A?k?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(F)},children:[(0,f.jsx)(s.A,{height:(0,p.u06)(b)+" !important",width:"100%",url:F.thumbnail_image,isPlaying:k||I,event:F}),"51394281658"===b?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,fontSize:"1.4rem",fontWeight:"600",width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis",fontFamily:P+" !important"},children:null===F||void 0===F?void 0:F.title}),(0,f.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,f.jsx)(y.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,p.Q$)(b)&&(0,f.jsxs)("div",{style:{width:h,height:c},children:[(0,f.jsx)(g,{event:F,isOnFocus:k}),"87043703105"===b||"76467011883"===b||!k&&d.nN!==u[d.dl]?null:(0,f.jsx)(v,{event:F,unfocusedDisplay:!k,isOnFocus:k})]})]})}},7973:function(t,e,i){i.d(e,{B:function(){return l},b:function(){return r}});var n=i(1348),o=i(5830);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.Xd)("whatmoreShopId");return"shopify"!=(0,n.NCy)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},5727:function(t,e,i){var n=i(4994);e.A=void 0;var o=n(i(9526)),r=i(4414);e.A=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82"}),"PlayArrowRounded")},1131:function(t,e,i){var n=i(4994);e.A=void 0;var o=n(i(9526)),r=i(4414);e.A=(0,o.default)([(0,r.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z",opacity:".3"},"0"),(0,r.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2m6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z"},"1")],"ShoppingBagTwoTone")},2375:function(t,e,i){var n=i(4994);e.A=void 0;var o=n(i(9526)),r=i(4414);e.A=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility")},4826:function(){}}]);
|
package/static/js/{carousel-template-g.65aebec3.chunk.js → carousel-template-g.5c35bb4d.chunk.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[676],{3369:function(t,e,i){i.r(e),i.d(e,{default:function(){return R}});var o=i(9950),n=i(340),r=i(9983),l=i(5873),s=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(572)),a=i(8603),d=i(8378),c=i(9094),p=i(932),h=i(7300),u=i(5491),v=i.n(u),m=i(5830),x=i(7509),f=i(7136),y=i(1348),g=i(4737),w=i(1351),b=i(6157),j=i(6641),P=(i(4826),i(9879)),S=i(4616),C=i(6649),k=i(6613),I=i(1131),A=i(4414);function F(t){const[e]=(0,m.QN)("whatmoreShopId"),[i,o,n]=(0,C.A)({triggerOnce:!0}),r=t.event,l=(0,k.At)()?t.isOnFocus:o;return(0,A.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,A.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,A.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,A.jsx)("p",{children:" "})}),(0,A.jsx)("div",{ref:i,children:l&&(0,y.imx)(e)?(0,A.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,A.jsx)(S.A,{event:r})}):(0,A.jsx)("div",{height:"20px"})})]})})}var O=function(t){var e,i,n,r,l,s,a,d;const[c,h,u,v,f]=(0,p.A)();var g=(0,o.useContext)(x.h);const w=(0,m.Xd)("whatmoreUITheme"),b=(0,m.Xd)("whatmoreShopId"),j=(0,m.Xd)("whatmorePrimaryFont"),S=(0,m.Xd)("whatmoreSecondaryColor"),C=t.event,k=t.onClick,O=null===(e=t.isOnFocus)||void 0===e||e,_=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,M=null!==(n=t.animateOnFocus&&(0,y.n5O)(b))&&void 0!==n&&n,N=(0,y.VYo)(b);return(0,A.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",g.tileTopMargin+"px"),t.style.setProperty("margin-bottom",g.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==b||"19501891"==b?void 0:h,aspectRatio:"8968077397"==b||"19501891"==b?9/16:void 0,height:"8968077397"==b||"19501891"==b?"100%":c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w||"61187850326"==b||"19501891"==b?N:null,borderWidth:(0,y.YcK)(b),borderColor:(0,y.Fwt)(b),overflow:"hidden",cursor:"pointer",position:"relative"},className:M?O?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{var t,e,i;if("12326200"==b&&"image"==C.event_type&&(null===(t=C.products)||void 0===t?void 0:t.length)>0&&"oos"!=(null===(e=C.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.product_status)){var o,n;window.location.href=null===(o=C.products)||void 0===o||null===(n=o[0])||void 0===n?void 0:n.product_link}else{if("12326200"==b&&"image"==C.event_type)return;var r,l,s,a,d,c,p,h,u,v,m,x,f,y,g,w;if("10588815418"==b){if(null!==(r=C.cta)&&void 0!==r&&null!==(l=r[0])&&void 0!==l&&null!==(s=l.cta_link)&&void 0!==s&&s.includes("whatmore")&&""!=(null===(a=C.cta)||void 0===a||null===(d=a[1])||void 0===d?void 0:d.cta_link)&&""==(null===(c=C.cta)||void 0===c||null===(p=c[1])||void 0===p?void 0:p.cta_title))window.location.href=null===(g=C.cta)||void 0===g||null===(w=g[1])||void 0===w?void 0:w.cta_link;else if(null!==(h=C.cta)&&void 0!==h&&null!==(u=h[1])&&void 0!==u&&null!==(v=u.cta_link)&&void 0!==v&&v.includes("whatmore")&&""!=(null===(m=C.cta)||void 0===m||null===(x=m[0])||void 0===x?void 0:x.cta_link)&&""==(null===(f=C.cta)||void 0===f||null===(y=f[0])||void 0===y?void 0:y.cta_title)){var j,P;window.location.href=null===(j=C.cta)||void 0===j||null===(P=j[0])||void 0===P?void 0:P.cta_link}}else k(C)}},children:[(0,A.jsx)(P.A,{height:(0,y.u06)(b)+" !important",width:"100%",url:C.thumbnail_image,isPlaying:O||_,event:C}),""!==(null===C||void 0===C?void 0:C.title)?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:"wht-overlay-text",style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis"},children:(0,A.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"1px",alignItems:"center"},children:[(0,A.jsx)("p",{style:{fontFamily:j,fontSize:.1*h+"px",fontWeight:"600"},children:"12326200"==b?null===C||void 0===C||null===(r=C.title)||void 0===r?void 0:r.slice(7):null===C||void 0===C?void 0:C.title}),"12326200"==b&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("p",{style:{fontFamily:'"brandon-grotesque"',fontSize:.08*h+"px",fontWeight:"normal"},children:null===C||void 0===C||null===(l=C.title)||void 0===l?void 0:l.slice(0,7)}),(null===(s=C.products)||void 0===s?void 0:s.length)>0&&"oos"!=(null===(a=C.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.product_status)&&(0,A.jsx)("button",{style:{display:"flex",alignItems:"center",borderRadius:"200px",marginTop:"4px",backgroundColor:S,padding:"8px 28px"},children:(0,A.jsx)("p",{style:{fontFamily:'"brandon-grotesque"',fontSize:.05*h+"px",fontWeight:"normal"},children:"SHOP NOW"})})]})]})}),(0,A.jsx)("div",{className:"wht-shopping-icon",style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,A.jsx)(I.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,y.Q$)(b)&&(0,A.jsxs)("div",{style:{width:h,height:c},children:[(0,A.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix"}),(0,A.jsx)(F,{event:C,unfocusedDisplay:!O,isOnFocus:O})]})]})};const _=(0,a.A)({key:"whatmore-css-hv"});function M(t){const[e,i,n]=(0,p.A)(),[r,l,s]=(0,h.A)(),a=(0,m.Xd)("whatmoreShopId"),c=t.events,u=t.onClick,v=n*(0,y.kcl)(a),x=(0,y.cbh)(a),[j,P]=(0,o.useState)(x?c.length:v),{whatmoreWidgetSourceDetails:S}=(0,o.useContext)(g.B);return(0,o.useEffect)((()=>{j<=v&&P((t=>t+v))}),[v]),(0,A.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,A.jsx)("div",{style:{width:!1===s?window.innerWidth:s,height:"fit-content"},children:(0,A.jsx)(d.RC,{slidesPerView:2,initialSlide:0,centeredSlides:!1,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:1,onSlideChange:t=>{(0,w.UM)({userInteractionType:b.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}),t.realIndex>t.previousIndex&&P((t=>t+v))},loop:x,children:c.map(((t,e)=>e<=j&&(0,A.jsx)(d.qr,{children:e=>{let{isActive:i,isPrev:o,isNext:n,isVisible:r}=e;return o||n||i?(0,A.jsx)(O,{isOnFocus:r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{u(t)}}):(0,A.jsx)(f.A,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function N(t){const[e,i,n,r]=(0,p.A)(),[l,s]=(0,o.useState)(-1),a=(0,m.Xd)("whatmoreShopId"),[h]=(0,m.QN)("whatmoreLandingLocationType"),u=t.onClick,x=t.events,j=(0,y.cbh)(a),[P,S]=(0,o.useState)(j?x.length:n),C=Math.min(n,x.length),{whatmoreWidgetSourceDetails:k}=(0,o.useContext)(g.B),I=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if(I.current){const t=i*C*(0,y.fHt)(a)+"px";x.length<4?I.current.style.setProperty("width",t,"important"):I.current.style.width=t}}),[i,C,a,P,x.length]),(0,o.useEffect)((()=>{P<=n&&S((t=>t+n))}),[n]),(0,A.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,A.jsx)("div",{ref:I,style:{height:"100%"},children:(0,A.jsx)(d.RC,{slidesPerView:"product"===h&&"87174349065"===a?2:C,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:parseInt(C),onSlideChange:t=>{(0,w.UM)({userInteractionType:b.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:k}),t.realIndex>t.previousIndex&&S((t=>t+n))},spaceBetween:0,loop:j&&x.length>4,style:{height:"100%"},children:x.map(((t,e)=>{const i=v()((()=>s(e)),300);return e<=P&&(0,A.jsx)(d.qr,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},style:{height:"100%"},children:i=>{let{isActive:o,isPrev:n,isNext:r,isVisible:s}=i;return s||n||r?(0,A.jsx)(O,{isOnFocus:e==l,playOnUnfocus:!(0,y.aO7)(a)||e==parseInt(C/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{u(t)}}):(0,A.jsx)(f.A,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var R=function(t){const[e,i,a]=(0,h.A)(),[d]=(0,m.QN)("whatmoreShopId"),[c]=(0,m.QN)("whatmorePrimaryColor"),[p]=(0,m.QN)("whatmoreTitleFont"),u="portrait"==e?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,o.useContext)(g.B),f=(0,m.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,o.useContext)(g.B),b=t.events,P=t.onClick,S=p;function C(t){P(t)}return(0,o.useEffect)((()=>{(0,j.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.Sn.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-g"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-g"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,A.jsx)(s.C,{value:_,children:(0,A.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,A.jsx)(n.s,{theme:r.Ay,cssVarsRoot:v,resetCSS:!1,children:(0,A.jsxs)(x.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||w?(0,A.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,A.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",S),t.style.setProperty("font-size",u+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,y.Odx)(d),lineHeight:(0,y.L0y)(d),letterSpacing:(0,y.l3V)(d)},children:w?"W"!==f?f:"":t.heading})}):(0,A.jsx)(A.Fragment,{}),"landscape"===e?(0,A.jsx)(N,{events:b,onClick:C}):(0,A.jsx)(M,{events:b,onClick:C})]})})})})}},7509:function(t,e,i){i.d(e,{h:function(){return o}});const o=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8538:function(t,e,i){i.d(e,{v:function(){return n}});var o=i(5830);function n(t,e){const i=(0,o.Xd)("whatmoreShopId");return"undefined"==typeof t||"undefined"==t||null==t?"":"6873415750"==i||"72442478904"==i||"58562281529"==i?t:"66168324332"==i&&"prod-tile"!=e?null===t||void 0===t||null===(n=t.split("- "))||void 0===n?void 0:n[0]:t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}));var n}},7136:function(t,e,i){var o=i(9950),n=i(932),r=i(7509),l=i(5830),s=i(4414);e.A=function(t){var[e,i]=(0,n.A)();(0,o.useContext)(r.h);const a=(0,l.Xd)("whatmoreShopId");return t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},4616:function(t,e,i){var o=i(9950),n=i(5830),r=i(932),l=i(8538),s=(i(4826),i(1348)),a=i(7973),d=i(4414);e.A=function(t){var e,i,c,p,[h,u]=(0,r.A)();const v=(0,n.Xd)("whatmoreUITheme"),[m]=(0,n.QN)("whatmorePrimaryFont"),[x,f]=(0,o.useState)(0),y=(0,n.Xd)("whatmoreShopId"),g=t.event;if(0==g.products.length)return(0,d.jsx)(d.Fragment,{});const w=.3*u,b=w+"px",j=w+"px",P=.07*u,S=P+"px";return(0,d.jsx)("div",{style:{width:u+"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,d.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",j,"important")},style:{width:(0,s.H$k)(y)?b:"auto",boxShadow:"round"==v?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==v?"5px":"0px",borderWidth:(0,s.YcK)(y),borderColor:(0,s.Fwt)(y),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,s.KZe)(y),"important"),t.style.setProperty("max-width",b,"important"))},src:(0,a.b)(g.products[x].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==v?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:u-5-w+"px",height:"100%",borderRadius:"round"==v?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",S,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",m,"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,l.v)(g.products[x].title)})}),(0,s.gZ6)(y)&&(null===(e=g.products[x])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:u-5-w+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==v?"3px":"0"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",u-5-w+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",m,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(c=g.products[x])||void 0===c||null===(p=c.product_metadata)||void 0===p?void 0:p.product_type})})]})]},x)})}},7973:function(t,e,i){i.d(e,{B:function(){return l},b:function(){return r}});var o=i(1348),n=i(5830);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,n.Xd)("whatmoreShopId");return"shopify"!=(0,o.NCy)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,n=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(i)?"image":null!==n&&void 0!==n&&n.test(i)?"video":void 0}},1131:function(t,e,i){var o=i(4994);e.A=void 0;var n=o(i(9526)),r=i(4414);e.A=(0,n.default)([(0,r.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z",opacity:".3"},"0"),(0,r.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2m6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z"},"1")],"ShoppingBagTwoTone")},4826:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[676],{3369:function(t,e,i){i.r(e),i.d(e,{default:function(){return R}});var o=i(9950),n=i(340),r=i(9983),l=i(5873),s=(i(3997),i(9130),i(4669),i(9733),i(4365),i(7229),i(6042),i(572)),a=i(8603),d=i(8378),c=i(9094),p=i(932),h=i(7300),u=i(5491),v=i.n(u),m=i(5830),x=i(7509),f=i(7136),y=i(1348),g=i(4737),w=i(1351),b=i(6157),j=i(6641),P=(i(4826),i(9879)),S=i(4616),C=i(6649),k=i(6613),I=i(1131),A=i(4414);function F(t){const[e]=(0,m.QN)("whatmoreShopId"),[i,o,n]=(0,C.A)({triggerOnce:!0}),r=t.event,l=(0,k.At)()?t.isOnFocus:o;return(0,A.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,A.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,A.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,A.jsx)("p",{children:" "})}),(0,A.jsx)("div",{ref:i,children:l&&(0,y.imx)(e)?(0,A.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,A.jsx)(S.A,{event:r})}):(0,A.jsx)("div",{height:"20px"})})]})})}var O=function(t){var e,i,n,r,l,s,a,d;const[c,h,u,v,f]=(0,p.A)();var g=(0,o.useContext)(x.h);const w=(0,m.Xd)("whatmoreUITheme"),b=(0,m.Xd)("whatmoreShopId"),j=(0,m.Xd)("whatmorePrimaryFont"),S=(0,m.Xd)("whatmoreSecondaryColor"),C=t.event,k=t.onClick,O=null===(e=t.isOnFocus)||void 0===e||e,_=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,M=null!==(n=t.animateOnFocus&&(0,y.n5O)(b))&&void 0!==n&&n,N=(0,y.VYo)(b);return(0,A.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",g.tileTopMargin+"px"),t.style.setProperty("margin-bottom",g.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==b||"19501891"==b?void 0:h,aspectRatio:"8968077397"==b||"19501891"==b?9/16:void 0,height:"8968077397"==b||"19501891"==b?"100%":c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w||"61187850326"==b||"19501891"==b?N:null,borderWidth:(0,y.YcK)(b),borderColor:(0,y.Fwt)(b),overflow:"hidden",cursor:"pointer",position:"relative"},className:M?O?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{var t,e,i;if("12326200"==b&&"image"==C.event_type&&(null===(t=C.products)||void 0===t?void 0:t.length)>0&&"oos"!=(null===(e=C.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.product_status)){var o,n;window.location.href=null===(o=C.products)||void 0===o||null===(n=o[0])||void 0===n?void 0:n.product_link}else{if("12326200"==b&&"image"==C.event_type)return;var r,l,s,a,d,c,p,h,u,v,m,x,f,y,g,w;if("10588815418"==b){if(null!==(r=C.cta)&&void 0!==r&&null!==(l=r[0])&&void 0!==l&&null!==(s=l.cta_link)&&void 0!==s&&s.includes("whatmore")&&""!=(null===(a=C.cta)||void 0===a||null===(d=a[1])||void 0===d?void 0:d.cta_link)&&""==(null===(c=C.cta)||void 0===c||null===(p=c[1])||void 0===p?void 0:p.cta_title))window.location.href=null===(g=C.cta)||void 0===g||null===(w=g[1])||void 0===w?void 0:w.cta_link;else if(null!==(h=C.cta)&&void 0!==h&&null!==(u=h[1])&&void 0!==u&&null!==(v=u.cta_link)&&void 0!==v&&v.includes("whatmore")&&""!=(null===(m=C.cta)||void 0===m||null===(x=m[0])||void 0===x?void 0:x.cta_link)&&""==(null===(f=C.cta)||void 0===f||null===(y=f[0])||void 0===y?void 0:y.cta_title)){var j,P;window.location.href=null===(j=C.cta)||void 0===j||null===(P=j[0])||void 0===P?void 0:P.cta_link}}else k(C)}},children:[(0,A.jsx)(P.A,{height:(0,y.u06)(b)+" !important",width:"100%",url:C.thumbnail_image,isPlaying:O||_,event:C}),""!==(null===C||void 0===C?void 0:C.title)?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:"wht-overlay-text",style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis"},children:(0,A.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"1px",alignItems:"center"},children:[(0,A.jsx)("p",{style:{fontFamily:j,fontSize:.1*h+"px",fontWeight:"600"},children:"12326200"==b?null===C||void 0===C||null===(r=C.title)||void 0===r?void 0:r.slice(7):null===C||void 0===C?void 0:C.title}),"12326200"==b&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("p",{style:{fontFamily:'"brandon-grotesque"',fontSize:.08*h+"px",fontWeight:"normal"},children:null===C||void 0===C||null===(l=C.title)||void 0===l?void 0:l.slice(0,7)}),(null===(s=C.products)||void 0===s?void 0:s.length)>0&&"oos"!=(null===(a=C.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.product_status)&&(0,A.jsx)("button",{style:{display:"flex",alignItems:"center",borderRadius:"200px",marginTop:"4px",backgroundColor:S,padding:"8px 28px"},children:(0,A.jsx)("p",{style:{fontFamily:'"brandon-grotesque"',fontSize:.05*h+"px",fontWeight:"normal"},children:"SHOP NOW"})})]})]})}),(0,A.jsx)("div",{className:"wht-shopping-icon",style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,A.jsx)(I.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,y.Q$)(b)&&(0,A.jsxs)("div",{style:{width:h,height:c},children:[(0,A.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix"}),(0,A.jsx)(F,{event:C,unfocusedDisplay:!O,isOnFocus:O})]})]})};const _=(0,a.A)({key:"whatmore-css-hv"});function M(t){const[e,i,n]=(0,p.A)(),[r,l,s]=(0,h.A)(),a=(0,m.Xd)("whatmoreShopId"),c=t.events,u=t.onClick,v=n*(0,y.kcl)(a),x=(0,y.cbh)(a),[j,P]=(0,o.useState)(x?c.length:v),{whatmoreWidgetSourceDetails:S}=(0,o.useContext)(g.B);return(0,o.useEffect)((()=>{j<=v&&P((t=>t+v))}),[v]),(0,A.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,A.jsx)("div",{style:{width:!1===s?window.innerWidth:s,height:"fit-content"},children:(0,A.jsx)(d.RC,{slidesPerView:2,initialSlide:0,centeredSlides:!1,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:1,onSlideChange:t=>{(0,w.UM)({userInteractionType:b.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}),t.realIndex>t.previousIndex&&P((t=>t+v))},loop:x,children:c.map(((t,e)=>e<=j&&(0,A.jsx)(d.qr,{children:e=>{let{isActive:i,isPrev:o,isNext:n,isVisible:r}=e;return o||n||i?(0,A.jsx)(O,{isOnFocus:r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{u(t)}}):(0,A.jsx)(f.A,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function N(t){const[e,i,n,r]=(0,p.A)(),[l,s]=(0,o.useState)(-1),a=(0,m.Xd)("whatmoreShopId"),[h]=(0,m.QN)("whatmoreLandingLocationType"),u=t.onClick,x=t.events,j=(0,y.cbh)(a),[P,S]=(0,o.useState)(j?x.length:n),C=Math.min(n,x.length),{whatmoreWidgetSourceDetails:k}=(0,o.useContext)(g.B),I=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if(I.current){const t=i*C*(0,y.fHt)(a)+"px";x.length<4?I.current.style.setProperty("width",t,"important"):I.current.style.width=t}}),[i,C,a,P,x.length]),(0,o.useEffect)((()=>{P<=n&&S((t=>t+n))}),[n]),(0,A.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,A.jsx)("div",{ref:I,style:{height:"100%"},children:(0,A.jsx)(d.RC,{slidesPerView:"product"===h&&"87174349065"===a?2:C,watchSlidesProgress:!0,modules:[c.Vx],navigation:!0,slidesPerGroup:parseInt(C),onSlideChange:t=>{(0,w.UM)({userInteractionType:b.O.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:k}),t.realIndex>t.previousIndex&&S((t=>t+n))},spaceBetween:0,loop:j&&x.length>4,style:{height:"100%"},children:x.map(((t,e)=>{const i=v()((()=>s(e)),300);return e<=P&&(0,A.jsx)(d.qr,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},style:{height:"100%"},children:i=>{let{isActive:o,isPrev:n,isNext:r,isVisible:s}=i;return s||n||r?(0,A.jsx)(O,{isOnFocus:e==l,playOnUnfocus:!(0,y.aO7)(a)||e==parseInt(C/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{u(t)}}):(0,A.jsx)(f.A,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var R=function(t){const[e,i,a]=(0,h.A)(),[d]=(0,m.QN)("whatmoreShopId"),[c]=(0,m.QN)("whatmorePrimaryColor"),[p]=(0,m.QN)("whatmoreTitleFont"),u="portrait"==e?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,o.useContext)(g.B),f=(0,m.Xd)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,o.useContext)(g.B),b=t.events,P=t.onClick,S=p;function C(t){P(t)}return(0,o.useEffect)((()=>{(0,j.Fk)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.Sn.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-g"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-g"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.Ay.styles.global,(0,A.jsx)(s.C,{value:_,children:(0,A.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,A.jsx)(n.s,{theme:r.Ay,cssVarsRoot:v,resetCSS:!1,children:(0,A.jsxs)(x.h.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||w?(0,A.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,A.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",S),t.style.setProperty("font-size",u+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,y.Odx)(d),lineHeight:(0,y.L0y)(d),letterSpacing:(0,y.l3V)(d)},children:w?"W"!==f?f:"":t.heading})}):(0,A.jsx)(A.Fragment,{}),"landscape"===e?(0,A.jsx)(N,{events:b,onClick:C}):(0,A.jsx)(M,{events:b,onClick:C})]})})})})}},7509:function(t,e,i){i.d(e,{h:function(){return o}});const o=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8538:function(t,e,i){i.d(e,{v:function(){return n}});var o=i(5830);function n(t,e){const i=(0,o.Xd)("whatmoreShopId");return"undefined"==typeof t||"undefined"==t||null==t?"":"6873415750"==i||"72442478904"==i||"58562281529"==i?t:"66168324332"==i&&"prod-tile"!=e?null===t||void 0===t||null===(n=t.split("- "))||void 0===n?void 0:n[0]:t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}));var n}},7136:function(t,e,i){var o=i(9950),n=i(932),r=i(7509),l=i(5830),s=i(4414);e.A=function(t){var[e,i]=(0,n.A)();(0,o.useContext)(r.h);const a=(0,l.Xd)("whatmoreShopId");return t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},4616:function(t,e,i){var o=i(9950),n=i(5830),r=i(932),l=i(8538),s=(i(4826),i(1348)),a=i(7973),d=i(4414);e.A=function(t){var e,i,c,p,[h,u]=(0,r.A)();const v=(0,n.Xd)("whatmoreUITheme"),[m]=(0,n.QN)("whatmorePrimaryFont"),[x,f]=(0,o.useState)(0),y=(0,n.Xd)("whatmoreShopId"),g=t.event;if(0==g.products.length)return(0,d.jsx)(d.Fragment,{});const w=.3*u,b=w+"px",j=w+"px",P=.07*u,S=P+"px";return(0,d.jsx)("div",{style:{width:u+"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,d.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",j,"important")},style:{width:(0,s.H$k)(y)?b:"auto",boxShadow:"round"==v?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==v?"5px":"0px",borderWidth:(0,s.YcK)(y),borderColor:(0,s.Fwt)(y),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,s.KZe)(y),"important"),t.style.setProperty("max-width",b,"important"))},src:(0,a.b)(g.products[x].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==v?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:u-5-w+"px",height:"100%",borderRadius:"round"==v?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",S),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",m,"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,l.v)(g.products[x].title)})}),(0,s.gZ6)(y)&&(null===(e=g.products[x])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:u-5-w+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==v?"3px":"0"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",u-5-w+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",m,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(c=g.products[x])||void 0===c||null===(p=c.product_metadata)||void 0===p?void 0:p.product_type})})]})]},x)})}},7973:function(t,e,i){i.d(e,{B:function(){return l},b:function(){return r}});var o=i(1348),n=i(5830);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,n.Xd)("whatmoreShopId");return"shopify"!=(0,o.NCy)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,n=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(i)?"image":null!==n&&void 0!==n&&n.test(i)?"video":void 0}},1131:function(t,e,i){var o=i(4994);e.A=void 0;var n=o(i(9526)),r=i(4414);e.A=(0,n.default)([(0,r.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z",opacity:".3"},"0"),(0,r.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2m6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z"},"1")],"ShoppingBagTwoTone")},4826:function(){},7229:function(){},4669:function(){},6042:function(){},3997:function(){},9130:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[491],{3319:function(e,t,r){r.r(t),r.d(t,{default:function(){return f}});var n=r(9950),i=r(7300),o=r(5830),a=(r(6125),r(4365),r(6614),r(1348)),s=r(3788),l=r(7973),d=r(9879),m=r(4414);var u=function(e){var t,r;const i=(0,o.Xd)("whatmorePrimaryFont"),u=(0,o.Xd)("whatmoreSecondaryColor"),c=(0,o.Xd)("whatmoreShopId"),[h,p]=(0,n.useState)(!1),f=e.storyId,g=(0,s.s)(e.imageUrl),v=e.title,$=e.onClick,b=e.template,x=(0,a.ivI)(c),y="template-stories-a"===b?"50%":"30%",w=Math.floor(e.tileSize),_=.12*w*(0,a.cYm)(c),j=null!==(t=(0,a.Pjz)(c))&&void 0!==t?t:i;let C=null!==(r=(0,a.qAx)(c))&&void 0!==r?r:[u,x,u,x,u];Array.isArray(C)||(C=Array(5).fill(C));const k=(0,n.useRef)(0),S=(0,n.useRef)(null),A=(0,n.useRef)(null);return(0,n.useEffect)((()=>{A.current&&A.current.play()}),[]),(0,n.useEffect)((()=>{const e=S.current,t=new IntersectionObserver(((e,t)=>{e.forEach((e=>{if(e.isIntersecting){const r=e.target;r.src=r.dataset.src,t.unobserve(r)}}))}),{rootMargin:"0px 100px 0px 0px",threshold:0});return e&&t.observe(e),()=>{e&&t.unobserve(e)}}),[g]),(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:w*(0,a.rMH)(c)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{p(!0),$(f)},className:[h?"whatmore-scale-on-tap":""].join(" "),children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:y,boxShadow:"0px 2px 1px 0px "+C[0]+"50, 0px -2px 1px 0px "+C[1]+"50, 2px 0px 1px 0px "+C[2]+"50, -2px 0px 1px 0px "+C[3]+"80, 2px -2px 1px 0px "+C[4]+"80, -2px 2px 1px 0px "+C[0]+"DA, 2px 2px 1px 0px "+C[1]+"DA, -2px -2px 1px 0px "+C[2]+"DA"},children:(0,m.jsx)("div",{className:"whatmore-story-thumbnail-wrapper",style:{flexShrink:0,objectFit:"cover",height:w+"px",width:w+"px",borderRadius:y,border:"3px solid white",backgroundColor:"#343434"===u?"#d3d3d3":u,overflow:"hidden"},children:"video"==(0,l.B)(g)?(0,m.jsx)(d.A,{height:"100%",width:"100%",url:g,isPlaying:!0,event:{event_type:"video"},borderRadius:y}):(0,m.jsx)("img",{ref:S,className:"whatmore-story-thumbnail","data-src":g.startsWith("https://cdn.shopify.com")?g.split("?")[0]+"?width=400&height=400":g,loading:"lazy",style:{objectFit:"cover",width:"100%",height:"100%",backgroundColor:"white"},alt:"story",onError:function(){if(k.current<3){let t=(0,s.s)(e.imageUrl);S.current.src="",S.current.src=t,k.current=k.current+1}else console.log("Failed to load image after several attempts"),S.current.src="https://d2oouab8j9eigo.cloudfront.net/background_white.png"}})})}),(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,m.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-size",_+"px","important")},style:{textAlign:"center",color:(0,a.o9q)(c),fontFamily:j,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:null===v||void 0===v?void 0:v.substring(0,24)})})]})},c=r(5873),h=r(572);const p=(0,r(8603).A)({key:"whatmore-stories-css"});var f=function(e){const[t,r,s]=(0,i.A)(),[l]=(0,o.QN)("whatmoreStoryTileSize"),[d]=(0,o.QN)("whatmoreStoryTileSizeDesktop"),[f]=(0,o.QN)("whatmoreShopId"),[g,v]=(0,n.useState)("portrait"===t?"flex-start":"center"),$=(0,n.useRef)(null);var b=e.eventsStories;const x=e.onClick,y=e.template;(0,n.useEffect)((()=>{c.Sn.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const w=e=>{if($.current){const t="left"===e?4*-C:4*C;$.current.scrollBy({left:t,behavior:"smooth"})}};(0,n.useEffect)((()=>{!function(){if($.current){const e=$.current.scrollWidth,t=$.current.offsetWidth;v(e>t?"flex-start":"center")}}()}),[g,s]);const[_,j]=(0,n.useState)([]);(0,n.useEffect)((()=>{j(b.map((e=>e.storyset_dynamic_thumbnail?Math.floor(Math.random()*(e.events.length-1)):0)))}),[]);const C="landscape"===t?r*(d/100)*.3:s*(l/100)*.5;return(0,m.jsx)(h.C,{value:p,children:"landscape"==t&&!(0,a.AFg)(f)||"portrait"==t&&!(0,a.rC6)(f)?(0,m.jsx)(m.Fragment,{}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:g,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:$,children:b.map(((e,t)=>{var r,n,i,o,s;const l=e.storyset_dynamic_thumbnail?null!==(r=null===(n=e.events[_[t]])||void 0===n?void 0:n.poster_image)&&void 0!==r?r:e.thumbnail_image:null!==(i=e.thumbnail_image)&&void 0!==i?i:null===e||void 0===e||null===(o=e.events)||void 0===o||null===(s=o[0])||void 0===s?void 0:s.thumbnail_image;return(0,m.jsx)(u,{storyId:e.id,tileSize:(0,a.VFf)(f)?100:C,onClick:e=>{x(t)},template:y,imageUrl:l,fallbackUrl:e.thumbnail_image,title:e.title},"whatmore-story-"+e.id)}))}),"landscape"===t&&(0,a.lDJ)(f)&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("button",{onClick:()=>w("left"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",left:0},children:(0,m.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:"<"})}),(0,m.jsx)("button",{onClick:()=>w("right"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",right:0},children:(0,m.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:">"})})]})]})})}},16:function(e,t,r){r.d(t,{A:function(){return d}});var n=r(9950),i=(r(5410),r(5830)),o=r(4459),a=r(4414);var s=function(e){return(0,n.useEffect)((()=>{const e=(0,o.E2)((0,i.Xd)("whatmoreSecondaryColor"));!function(e,t,r,n){const i=`rgba(${e},${t},${r},${n})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${r}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${r}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${r}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${r}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${r}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})},l=r(8781);var d=function(e){var t,r;const n=null!==(t=e.height)&&void 0!==t?t:"100%",i=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,a.jsxs)("div",{style:{width:i,height:n,overflow:"hidden",minHeight:n,minWidth:i},children:[(0,a.jsx)(l.A,{height:n,width:i}),(0,a.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,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,a.jsx)(s,{})})})]})}},8781:function(e,t,r){var n=r(4414);t.A=function(e){var t,r,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(r=e.width)&&void 0!==r?r:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,n.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,n.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},4033:function(e,t,r){r.d(t,{n:function(){return n}});const n=()=>{if("undefined"!==typeof window){const e=navigator.userAgent.toLowerCase();return e.includes("safari")&&!e.includes("chrome")&&navigator.vendor.includes("Apple")}return!1}},9098:function(e,t,r){var n=r(9950),i=r(16),o=r(4414);t.A=function(e){var t,r,a;const[s,l]=(0,n.useState)(!1),d=n.useRef(0),m=(0,n.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(r=e.height)&&void 0!==r?r:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,n.useEffect)((()=>{d.current=0;const e=setInterval((()=>{d.current=d.current+.03,m.current&&u(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:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:m,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{l(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.A,{width:h,height:c})]})}},9879:function(e,t,r){r.d(t,{A:function(){return p}});var n=r(9950),i=r(6649),o=r(3788),a=r(6613),s=r(2039),l=r(9098),d=r(4033),m=r(5830),u=r(6493),c=r(4414);var h=function(e){var t,r,o,s;const l=(0,n.useRef)(null),[h,p,f]=(0,i.A)({triggerOnce:!0}),g=(0,m.Xd)("whatmoreShopId"),v=null!==(t=e.height)&&void 0!==t?t:"100%",$=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,n.useEffect)((()=>{l.current&&(e.isPlaying?l.current.play():(((0,d.n)()||(0,a.At)())&&l.current.play(),"57939755089"==g?setTimeout((()=>{l.current.pause()}),300):l.current.pause()))}),[e.isPlaying,p]),(0,c.jsx)("div",{ref:h,style:{width:v,height:$,overflow:"hidden",display:"flex",alignItems:"center"},children:p||"51394281658"==g||"8968077397"==g?(0,c.jsxs)("video",{ref:l,className:"whatmore-video-player-muted",width:$,height:v,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==g&&"STRY2V4XO5L"!==g?e.url:e.poster,muted:null===(s=e.isVideoMuted)||void 0===s||s,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.yD)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:$,height:v,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var p=function(e){var t,r,d,p,f,g,v,$,b;const[x,y,w]=(0,i.A)({triggerOnce:!0}),_=(0,m.Xd)("whatmoreShopId"),j=(0,n.useRef)(null);if((0,n.useEffect)((()=>{j.current&&(e.isPlaying?j.current.play():j.current.pause())}),[e.isPlaying,y]),(0,s.Il)(e.event))return(0,c.jsx)(l.A,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const C=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,k=null!==e&&void 0!==e&&null!==(r=e.event)&&void 0!==r&&null!==(d=r.poster_image)&&void 0!==d&&d.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(p=e.event)||void 0===p||null===(f=p.poster_image)||void 0===f?void 0:f.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(g=e.event)||void 0===g?void 0:g.poster_image;if((0,a.MN)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:k,url:(0,o.s)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:C});const S=null!==(v=e.height)&&void 0!==v?v:"100%",A=null!==($=e.width)&&void 0!==$?$:"100%";return(0,c.jsx)("div",{ref:x,style:{width:S,height:A,overflow:"hidden",display:"flex",alignItems:"center"},children:y||"51394281658"==_||"8968077397"==_?(0,c.jsxs)("video",{ref:j,className:"whatmore-video-player-muted",width:A,height:S,preload:"metadata",loop:!0,playsInline:!0,muted:null===(b=e.isVideoMuted)||void 0===b||b,poster:"57939755089"==_?"":k,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("source",{src:(0,o.s)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.yD)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:A,height:S,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},3788:function(e,t,r){r.d(t,{s:function(){return s}});var n=r(1348),i=r(5830);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.Xd)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,n.CfJ)(t))return e;if("AZURECDN"==(0,n.CfJ)(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,n.CfJ)(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}},6493:function(e,t,r){r.d(t,{Cr:function(){return s},cb:function(){return a},lP:function(){return o},yD:function(){return l}});var n=r(1348);const i=(0,r(5830).Xd)("whatmoreShopId"),o=function(e){var t,r;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(r=e.event_media_urls.primary.landscape)||void 0===r?void 0:r.content_video_1080p:e.event_hls_url},a=function(e){var t;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:null!==(t=e.event_media_urls.primary.landscape.content_video_1080p)&&void 0!==t?t:e.event_media_urls.primary.portrait.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.ath)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},l=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,n.ath)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},7973:function(e,t,r){r.d(t,{B:function(){return a},b:function(){return o}});var n=r(1348),i=r(5830);function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const r=(0,i.Xd)("whatmoreShopId");return"shopify"!=(0,n.NCy)(r)?"STRNV8MHJTF"==r?e+"?format=webp":e:e+t}function a(e){var t;if(null!==e&&void 0!==e&&e.includes("https://w-media.b-cdn.net/process-media"))return"image";const r=null===e||void 0===e||null===(t=e.trim())||void 0===t?void 0:t.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,i=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(r)?"image":null!==i&&void 0!==i&&i.test(r)?"video":void 0}},5410:function(){},6125:function(){},4365:function(){},6614:function(){}}]);
|