whatmore-react-assets 1.0.522 → 1.0.523

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/static/js/196.4d9fee0e.chunk.js +1 -0
  3. package/static/js/{554.274b8ae1.chunk.js → 554.db87314c.chunk.js} +1 -1
  4. package/static/js/959.5f354b7c.chunk.js +1 -0
  5. package/whatmore.js +2 -2
  6. package/static/js/196.ed58d316.chunk.js +0 -1
  7. package/static/js/959.43845565.chunk.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.522",
3
+ "version": "1.0.523",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
package/static/js/196.4d9fee0e.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,790,12],{51:function(t,e,n){n.d(e,{Z:function(){return i}});var o=n(7313),a=n(7753),r=n(5254),c=n(6417);var i=function(t){return(0,o.useEffect)((()=>{const t=(0,r.oo)((0,a.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const a="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),r="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(a,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(a,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(a,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(a,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(a,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(a,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(a,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(a,";\n }\n }\n "),c=document.createElement("style");c.type="text/css",c.innerHTML=r,document.head.appendChild(c)}(t[0],t[1],t[2],.2)}),[]),(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(t,e,n){n.r(e),n.d(e,{default:function(){return E}});var o=n(7313),a=n(6090),r=n(7616),c=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),i=n(2575),s=n(7129),l=n(9039),d=(n(3439),n(7753)),m=n(7931),h=n(9018),u=n(9854),p=n(3933),g=n(8866),f=n(868),v=n(342),x=n(3437),y=n(3455),b=n(6417);var w=function(t){var e;const n=t.isMuted,o=null!==(e=t.iconSize)&&void 0!==e?e:30;function a(){t.onToggle()}return(0,b.jsx)("div",{style:{cursor:"pointer"},children:n?(0,b.jsx)(y.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}}):(0,b.jsx)(x.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}})})},j=n(1896),C=n(8984),I=n(58),P=n(6119),k=n(7376),S=n(778);function z(t){const[e,n]=(0,o.useState)(t.initialMuteState),a=t.events,r=t.activeEventIndex,c=t.setActiveEventIndex,i=(0,d.MO)("whatmoreShopId"),s="portrait"===t.mode;function l(){(0,u.hr)(i)&&t.isCTAPresent||(n(!e),(0,C.KE)()&&(0,I.QV)(),t.onMuteToggle())}const p=t.event;return(0,b.jsx)("div",{style:{position:(0,u.SJ)(i)?"absolute":"relative",top:(0,u.SJ)(i)?0:"",zIndex:1,bottom:(0,u.SJ)(i)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,b.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:[!(t.isCTAPresent&&(0,u.hr)(i)||"video"!==p.event_type)&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>l()}),(0,b.jsx)(w,{isMuted:e,onToggle:()=>{l()}})]}),a.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),c(0===r?a.length-1:r-1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,b.jsx)(m.Z,{})})})}),(0,b.jsx)("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),c(r===a.length-1?0:r+1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,b.jsx)(h.Z,{})})})}),(0,u.cR)(i)&&(0,b.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:a.map(((t,e)=>{const n=e===r;return(0,b.jsx)("button",{onClick:t=>{t.stopPropagation(),c(e)},style:{width:n?"25px":s?"12px":"14px",height:s?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,u.YF)(i):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},e)}))})]})]}),(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>l()})]})})}var Z=function(t){var e,n;const[a,r,c]=(0,g.Z)(),[i,s]=(0,o.useState)(!0),{whatmoreUITheme:m}=(0,o.useContext)(l.I),h=(0,d.MO)("whatmoreVideoTileSize"),{ref:x,inView:y,entry:w}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:C}=(0,o.useContext)(l.I),I=(0,d.MO)("whatmoreShopId"),Z=t.events,M=t.activeEventIndex,E=t.setActiveEventIndex,L=Z[M],R=((0,u.nz)(I),(0,v.uv)(L)),F=(0,v.WN)(L);if("portrait"===a&&!R)return console.log("enter"),(0,b.jsx)(b.Fragment,{});if("landscape"===a&&!F)return console.log("enter"),(0,b.jsx)(b.Fragment,{});const N=(0,f.V)("portrait"===a?R:F),T=h/100*(0,u.b4)(I),A=h/100*(0,u.Gm)(I),O="portrait"===a?(0,u.oO)(I):(0,u.sn)(I),W="portrait"===a?c*T:c*A,D=W*O,V=null!=(null===(e=L.cta)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.cta_link);return(0,o.useEffect)((()=>{l.$.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;const n=t.querySelector(".whatmore-render-root");n&&(n.style.minHeight="0px")}))}),[]),(0,b.jsxs)("div",{ref:x,onClick:()=>{var t,e;(0,k.GF)({userInteractionType:S.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:C,event:Z[M]}),(0,u.hr)(I)&&V&&!(0,u.j1)(I)&&window.open(null===(t=L.cta)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,u.SJ)(I)?"100%":W,minHeight:(0,u.SJ)(I)?c*O:"",height:(0,u.SJ)(I)?"auto":D,borderWidth:(0,u.al)(I),borderColor:(0,u.qP)(I),overflow:"hidden",cursor:"pointer"},children:[(0,b.jsx)(j.Z,{height:"100%",width:"100%",url:N,isPlaying:y,event:L,isVideoMuted:i,setDuration:t.setDuration}),(0,b.jsx)(z,{isCTAPresent:V,events:Z,activeEventIndex:M,setActiveEventIndex:E,event:L,mode:a,onMuteToggle:()=>s(!i),initialMuteState:i}),(0,u.j1)(I)&&(0,b.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===a?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)("div",{children:(0,b.jsx)(P.Z,{event:L,cta:L.cta[0],fontFactor:.6})})})]})};const M=(0,i.Z)({key:"whatmore-css-bv"});var E=function(t){const{whatmoreRootId:e}=(0,o.useContext)(l.I),[n,i]=(0,o.useState)(0),d=t.events,[m,h]=(0,o.useState)(-1);let u;return(0,o.useEffect)((()=>{u&&clearInterval(u);const t="video"===d[n].event_type,e=t?1e3*m:6e3;return t?-1!=m&&(u=setInterval((()=>{i((t=>t===d.length-1?0:t+1))}),e)):u=setInterval((()=>{i((t=>t===d.length-1?0:t+1))}),e),()=>{clearInterval(u)}}),[m,n]),delete r.ZP.styles.global,(0,b.jsx)(c.C,{value:M,children:(0,b.jsx)("div",{children:(0,b.jsx)(a.x,{theme:r.ZP,cssVarsRoot:e,resetCSS:!1,children:(0,b.jsx)(s.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(Z,{activeEventIndex:n,events:d,setActiveEventIndex:i,setDuration:h})})})})})}},3867:function(t,e,n){var o=n(8816),a=n(417),r=n(4885),c=n(7753),i=n(9039),s=n(7313),l=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[d]=(0,c.j1)("whatmoreSecondaryColor"),[m,h]=(0,c.j1)("productRatings"),u=(0,c.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),g=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===m||"undefined"==typeof m||!(p in m)||m[p].avgRating>5)return(0,l.jsx)(l.Fragment,{});const v=m[p].avgRating,x=m[p].totalRatings;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((t,e)=>(0,l.jsx)(o.Z,{sx:{color:d,fontSize:g+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,l.jsx)(a.Z,{sx:{color:d,fontSize:g+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon-"+e))),(0,l.jsx)("div",{children:(0,l.jsx)("div",{width:"2px"})}),(0,l.jsx)("div",{children:(0,l.jsx)("div",{style:{backgroundColor:d,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*g+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,l.jsx)("div",{children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*g+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+x+")"]})})]})})}},7129:function(t,e,n){n.d(e,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(t,e,n){var o=n(51),a=n(5180),r=n(6417);e.Z=function(t){var e,n;const c=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,r.jsxs)("div",{style:{width:i,height:c,overflow:"hidden",minHeight:c,minWidth:i},children:[(0,r.jsx)(a.Z,{height:c,width:i}),(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)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,a;const r=null!==(e=t.height)&&void 0!==e?e:"100%",c=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(a=t.borderRadius)&&void 0!==a?a:"10px";return(0,o.jsx)("div",{style:{height:r,width:r,borderRadius:i,overflow:"hidden",minHeight:r,minWidth:c,maxHeight:r,maxWidth:c},children:(0,o.jsx)("div",{style:{minHeight:r,minWidth:c},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),a=n(3175),r=n(6417);e.Z=function(t){var e,n,c;const[i,s]=(0,o.useState)(!1),l=o.useRef(0),d=(0,o.useRef)(null),m=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},h=null!==(n=t.height)&&void 0!==n?n:"100%",u=null!==(c=t.width)&&void 0!==c?c:"100%";return(0,o.useEffect)((()=>{l.current=0;const t=setInterval((()=>{l.current=l.current+.03,d.current&&m(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,r.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:h,overflow:"hidden"},children:[(0,r.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,r.jsx)("img",{ref:d,src:t.url,style:{objectFit:"cover",height:h,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)(a.Z,{width:u,height:h})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return m}});var o=n(7313),a=n(3933),r=n(868),c=n(8984),i=n(7300),s=n(2887),l=n(6417);var d=function(t){var e,n;const r=(0,o.useRef)(null),[c,i,s]=(0,a.YD)({triggerOnce:!0}),d=null!==(e=t.height)&&void 0!==e?e:"100%",m=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{r.current&&(t.isPlaying?r.current.play():r.current.pause())}),[t.isPlaying,i]),(0,l.jsx)("div",{ref:c,style:{width:d,height:m,overflow:"hidden"},children:i?(0,l.jsx)("video",{ref:r,className:"whatmore-video-player",width:m,height:d,preload:"metadata",loop:!0,playsInline:!0,poster:t.isPlaying?t.url:"",muted:!0,src:t.url,style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:m,height:d,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var m=function(t){var e,n,m;const[h,u,p]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,l.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const g=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;if((0,c.KE)())return(0,l.jsx)(d,{height:"100%",width:"100%",url:(0,r.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:g});const f=(0,o.useRef)(null),v=null!==(n=t.height)&&void 0!==n?n:"100%",x=null!==(m=t.width)&&void 0!==m?m:"100%";return(0,o.useEffect)((()=>{f.current&&(t.isPlaying?f.current.play():f.current.pause())}),[t.isPlaying,u]),(0,l.jsx)("div",{ref:h,style:{width:v,height:x,overflow:"hidden"},children:u?(0,l.jsx)("video",{ref:f,className:"whatmore-video-player",width:x,height:v,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,r.V)(t.url),style:{backgroundColor:"white"}}):(0,l.jsx)("div",{width:x,height:v,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),a=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"},c={"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"},i=function(t){const e=(0,a.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zp)(e))return t;if("AZURECDN"==(0,o.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}if("BUNNYCDN"==(0,o.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(c))if(t.includes(e))return t.replace(e,c[e]);return t}}return t}},9363:function(t,e,n){n.d(e,{s:function(){return r}});var o=n(9854),a=n(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,a.MO)("whatmoreShopId");return"shopify"!=(0,o.Ip)(n)?t:t+e}},5456:function(t,e,n){n.d(e,{B:function(){return o}});const o=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},8866:function(t,e,n){var o=n(7313);function a(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=a();const[r,c]=(0,o.useState)([e>n?"portrait":"landscape",e,n]);return(0,o.useLayoutEffect)((()=>{function t(){var[t,e]=a();c(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)}}),[]),r}},7931:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");e.Z=c},9018:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");e.Z=c},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=c},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=c},417:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=c},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=c},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
package/static/js/{554.274b8ae1.chunk.js → 554.db87314c.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[554],{9085:function(t,e,o){o.r(e),o.d(e,{default:function(){return E}});var n=o(7313),r=(o(3439),o(6090)),i=o(7616),s=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),a=o(9821),c=o(8866),d=o(2279),p=o.n(d),h=o(7753),u=o(7129),x=o(1855),y=o(9854),m=o(9039),f=o(7376),v=o(778),g=o(4892),w=o(5945),j=o(9219),M=o(6805),P=o(8984),C=o(6417);var S=function(t){var e,o,r,i,s,l,c,d,p,x;const[f,v,S,b,O]=(0,a.Z)(),k=(0,h.MO)("whatmoreShopId"),I="portrait"===O[M.YP],E=(I?1.076*v*(0,y.pE)(k):v*(0,y.H4)(k))+"px",N=(I?1.076*v*(0,y.pE)(k):v*(0,y.H4)(k))+"px",T=(I?.965*v*(0,y.pE)(k):.859*v*(0,y.H4)(k))+"px",[W,F]=(0,n.useState)(t.event),R=(0,h.MO)("whatmoreSecondaryColor");var z=(0,n.useContext)(u.V);const Z=null===(e=t.isOnFocus)||void 0===e||e,_=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,D=t.onClick,{whatmoreUITheme:L}=(0,n.useContext)(m.I),Y=null!==(r=t.animateOnFocus&&(0,y.iW)(k))&&void 0!==r&&r,[A,B]=(0,n.useState)(!(0,y.N8)(k)),U=(0,h.MO)("whatmorePrimaryFont"),X=Math.round(+(null===(i=W.products[0])||void 0===i?void 0:i.price)),G=Math.round(+(null===(s=W.products[0])||void 0===s?void 0:s.compare_price)),H=G&&0!=G&&G>X?Math.ceil((G-X)/G*100):NaN;return(0,n.useEffect)((()=>{(0,y.N8)(k)&&(0,j.p_)(W,(0,y.Ip)(k),k).then((t=>{F(t),B(!0)}))}),[]),(0,C.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",z.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",z.tileBottomMMargin+"px","important"))},className:Y&&!I?Z?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:v},onClick:()=>{D(W)},children:[(0,C.jsx)("div",{style:{borderRadius:"round"==L?"5%":"0px",boxShadow:"round"==L?"0px 0px 5px 0px #B0B0B0":null,height:f,borderWidth:(0,y.al)(k),borderColor:(0,y.qP)(k),overflow:"hidden"},children:(0,C.jsx)(g.Z,{height:"100%",width:"100%",url:W.thumbnail_image,isPlaying:Z||_||(0,P.gE)(),event:W})}),(0,C.jsxs)("div",{style:{display:"flex",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",U,"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"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,w.s)(null===(l=W.products[0])||void 0===l?void 0:l.title)}),A&&(0,C.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,y.$z)(k)?"row":"row-reverse",justifyContent:(0,y.$z)(k)?"flex-start":"flex-end"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.Uy)(k),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",U,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,j.jx)(parseFloat(null===(c=W.products[0])||void 0===c?void 0:c.price)," ",k,null===(d=W.products[0])||void 0===d?void 0:d.currency)}),!isNaN(G)&&G>X&&(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.kP)(k),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",U,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,j.jx)(parseFloat(null===(p=W.products[0])||void 0===p?void 0:p.compare_price)," ",k,null===(x=W.products[0])||void 0===x?void 0:x.currency)})]}),!isNaN(H)&&0!=H&&A&&(0,C.jsx)("div",{style:{display:"flex",backgroundColor:"#343434"==R?(0,y.ZJ)(k):R,alignItems:"center",borderRadius:"4px",width:"fit-content",padding:"3px 6px"},children:(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.ms)(k),"important"),t.style.setProperty("font-size",T,"important"),t.style.setProperty("font-family",U,"important"))},children:"".concat(H,"% Off")})})]})]})},b=o(7381);const O=(0,l.Z)({key:"whatmore-css-hv"});function k(t){const[e,o,r]=(0,a.Z)(),i=(0,h.MO)("whatmoreShopId"),s=t.events,l=t.onClick,{whatmoreWidgetSourceDetails:c}=(0,n.useContext)(m.I),d=Math.ceil(r),p=2*d,[u,g]=(0,n.useState)(p),[w,j]=(0,n.useState)(2*d),M=0===(0,y.WG)(i)?24:(0,y.WG)(i),[P,b]=(0,n.useState)({touchX:0,touchY:0}),O=t=>{if("next"===t){const t=2;j((t=>Math.min(t+Math.floor(r),s.length+d+1))),g((e=>Math.min(e+t,s.length+d+1)))}else j((t=>Math.max(t-Math.floor(r),p)));(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:c})};return(0,C.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden"},onTouchStart:t=>{b({touchX:t.touches[0].clientX,touchY:t.touches[0].clientY})},onTouchEnd:t=>{var e,o,n,r;const i=(null===(e=t.changedTouches)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.clientX)-P.touchX,s=(null===(n=t.changedTouches)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.clientY)-P.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&O(i>0?"prev":"next")},children:(0,C.jsx)("div",{style:{display:"flex",gap:M,transform:"translateX(-".concat((w-p)*(o+M),"px)"),transition:"transform 0.4s ease-in-out"},children:s.map(((t,e)=>e<u?(0,C.jsx)("div",{children:(0,C.jsx)(S,{isOnFocus:e<=w-d-1&&e>=Math.max(0,w-p),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>l(t)})},"whatmore-carousel-tile-".concat(e)):(0,C.jsx)(x.Z,{})))})})}function I(t){const[e,o,r,i]=(0,a.Z)(),[s,l]=(0,n.useState)(-1),c=(0,h.MO)("whatmoreShopId"),[d,u]=(0,n.useState)("next"),x=t.onClick,g=t.events,{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(m.I),j=Math.min(Math.ceil(r),g.length),[M,P]=(0,n.useState)(0),b=0===(0,y.WG)(c)?24:(0,y.WG)(c),O=()=>(0,C.jsx)("div",{children:(0,C.jsx)("button",{onClick:N,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),k=()=>(0,C.jsx)("div",{children:(0,C.jsx)("button",{onClick:E,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{M<=j&&P((t=>t+j))}),[j]);const I=()=>{l(-1)},E=()=>{M!==j&&(u("prev"),P((t=>Math.max(Math.ceil(t-r),j))),(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},N=()=>{M>g.length+r||(u("next"),P((t=>Math.floor(t+r))),(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},T=M>g.length?g.length-j+1:M-j,W=M>=g.length?g.length:T+j,F=g.slice(T,W);return(0,C.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(i,"px"),paddingRight:"".concat(i,"px")},children:[(0,C.jsx)("div",{style:{position:"absolute",left:"0",zIndex:100,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:M!==j&&(0,C.jsx)(k,{})}),(0,C.jsx)("div",{style:{display:"flex",gap:b+"px",width:"".concat(o*r*1.1,"px"),paddingLeft:"8px",overflow:"hidden"},children:F.map(((t,e)=>{const o="whatmore-event-tile-landscape-".concat(t.index).concat(e===j-1?"-last":""),n=e===s;return(0,C.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===d?"next":"prev"),onMouseEnter:()=>(t=>{const e=p()((()=>l(t)),300);return e(),e.cancel})(e),onMouseLeave:I,children:(0,C.jsx)(S,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{x(t)})(t)})},o)}))}),(0,C.jsx)("div",{style:{position:"absolute",zIndex:100,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:M<=g.length&&(0,C.jsx)(O,{})})]})}var E=function(t){var e;const[o,l,a]=(0,c.Z)(),[d]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[x]=(0,h.j1)("whatmoreSecondaryColor"),[f]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==o?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,n.useContext)(m.I),w=t.events,j=t.onClick,M=null!==(e=(0,y.aR)(d))&&void 0!==e?e:f;function P(t){j(t)}return(0,n.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!")}),[]),delete i.ZP.styles.global,(0,C.jsx)(s.C,{value:O,children:(0,C.jsx)("div",{children:(0,C.jsx)(r.x,{theme:i.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,C.jsxs)(u.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0?(0,C.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",M,"important"),t.style.setProperty("font-size",v+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,y.wO)(d),lineHeight:(0,y.vY)(d),letterSpacing:(0,y.X2)(d)},children:t.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===o?(0,C.jsx)(I,{events:w,onClick:P}):(0,C.jsx)(k,{events:w,onClick:P})]})})})})}},7129:function(t,e,o){o.d(e,{V:function(){return n}});const n=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,o){var n=o(7313),r=o(9821),i=o(7129),s=o(6417);e.Z=function(t){var[e,o]=(0,r.Z)();return(0,n.useContext)(i.V),t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:e,overflow:"hidden"}})}},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[554],{9085:function(t,e,o){o.r(e),o.d(e,{default:function(){return E}});var n=o(7313),r=(o(3439),o(6090)),i=o(7616),s=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),a=o(9821),c=o(8866),d=o(2279),p=o.n(d),h=o(7753),u=o(7129),x=o(1855),y=o(9854),m=o(9039),f=o(7376),v=o(778),g=o(4892),w=o(5945),j=o(9219),M=o(6805),P=o(8984),C=o(6417);var S=function(t){var e,o,r,i,s,l,c,d,p,x;const[f,v,S,b,O]=(0,a.Z)(),k=(0,h.MO)("whatmoreShopId"),I="portrait"===O[M.YP],E=(I?1.076*v*(0,y.pE)(k):v*(0,y.H4)(k))+"px",N=(I?1.076*v*(0,y.pE)(k):v*(0,y.H4)(k))+"px",T=(I?.965*v*(0,y.pE)(k):.859*v*(0,y.H4)(k))+"px",[W,F]=(0,n.useState)(t.event),R=(0,h.MO)("whatmoreSecondaryColor");var z=(0,n.useContext)(u.V);const Z=null===(e=t.isOnFocus)||void 0===e||e,_=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,D=t.onClick,{whatmoreUITheme:L}=(0,n.useContext)(m.I),Y=null!==(r=t.animateOnFocus&&(0,y.iW)(k))&&void 0!==r&&r,[A,B]=(0,n.useState)(!(0,y.N8)(k)),U=(0,h.MO)("whatmorePrimaryFont"),X=Math.round(+(null===(i=W.products[0])||void 0===i?void 0:i.price)),G=Math.round(+(null===(s=W.products[0])||void 0===s?void 0:s.compare_price)),H=G&&0!=G&&G>X?Math.ceil((G-X)/G*100):NaN;return(0,n.useEffect)((()=>{(0,y.N8)(k)&&(0,j.p_)(W,(0,y.Ip)(k),k).then((t=>{F(t),B(!0)}))}),[]),(0,C.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",z.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",z.tileBottomMMargin+"px","important"))},className:Y&&!I?Z?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:v},onClick:()=>{D(W)},children:[(0,C.jsx)("div",{style:{borderRadius:"round"==L?"5%":"0px",boxShadow:"round"==L?"0px 0px 5px 0px #B0B0B0":null,height:f,borderWidth:(0,y.al)(k),borderColor:(0,y.qP)(k),overflow:"hidden"},children:(0,C.jsx)(g.Z,{height:"100%",width:"100%",url:W.thumbnail_image,isPlaying:Z||_||(0,P.gE)(),event:W})}),(0,C.jsxs)("div",{style:{display:"flex",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",U,"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"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,w.s)(null===(l=W.products[0])||void 0===l?void 0:l.title)}),A&&(0,C.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,y.$z)(k)?"row":"row-reverse",justifyContent:(0,y.$z)(k)?"flex-start":"flex-end"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.Uy)(k),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",U,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,j.jx)(parseFloat(null===(c=W.products[0])||void 0===c?void 0:c.price)," ",k,null===(d=W.products[0])||void 0===d?void 0:d.currency)}),!isNaN(G)&&G>X&&(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.kP)(k),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",U,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,j.jx)(parseFloat(null===(p=W.products[0])||void 0===p?void 0:p.compare_price)," ",k,null===(x=W.products[0])||void 0===x?void 0:x.currency)})]}),!isNaN(H)&&0!=H&&A&&(0,C.jsx)("div",{style:{display:"flex",backgroundColor:"#343434"==R?(0,y.ZJ)(k):R,alignItems:"center",borderRadius:"4px",width:"fit-content",padding:"3px 6px"},children:(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.ms)(k),"important"),t.style.setProperty("font-size",T,"important"),t.style.setProperty("font-family",U,"important"))},children:"".concat(H,"% Off")})})]})]})},b=o(7381);const O=(0,l.Z)({key:"whatmore-css-hv"});function k(t){const[e,o,r]=(0,a.Z)(),i=(0,h.MO)("whatmoreShopId"),s=t.events,l=t.onClick,{whatmoreWidgetSourceDetails:c}=(0,n.useContext)(m.I),d=Math.ceil(r),p=2*d,[u,g]=(0,n.useState)(p),[w,j]=(0,n.useState)(2*d),M=0===(0,y.WG)(i)?24:(0,y.WG)(i),[P,b]=(0,n.useState)({touchX:0,touchY:0}),O=t=>{if("next"===t){const t=2;j((t=>Math.min(t+Math.floor(r),s.length+d+1))),g((e=>Math.min(e+t,s.length+d+1)))}else j((t=>Math.max(t-Math.floor(r),p)));(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:c})};return(0,C.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden"},onTouchStart:t=>{b({touchX:t.touches[0].clientX,touchY:t.touches[0].clientY})},onTouchEnd:t=>{var e,o,n,r;const i=(null===(e=t.changedTouches)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.clientX)-P.touchX,s=(null===(n=t.changedTouches)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.clientY)-P.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&O(i>0?"prev":"next")},children:(0,C.jsx)("div",{style:{display:"flex",gap:M,transform:"translateX(-".concat((w-p)*(o+M),"px)"),transition:"transform 0.4s ease-in-out"},children:s.map(((t,e)=>e<u?(0,C.jsx)("div",{children:(0,C.jsx)(S,{isOnFocus:e<=w-d-1&&e>=Math.max(0,w-p),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>l(t)})},"whatmore-carousel-tile-".concat(e)):(0,C.jsx)(x.Z,{})))})})}function I(t){const[e,o,r,i]=(0,a.Z)(),[s,l]=(0,n.useState)(-1),c=(0,h.MO)("whatmoreShopId"),[d,u]=(0,n.useState)("next"),x=t.onClick,g=t.events,{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(m.I),j=Math.min(Math.ceil(r),g.length),[M,P]=(0,n.useState)(0),b=0===(0,y.WG)(c)?24:(0,y.WG)(c),O=()=>(0,C.jsx)("div",{children:(0,C.jsx)("button",{onClick:N,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),k=()=>(0,C.jsx)("div",{children:(0,C.jsx)("button",{onClick:E,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{M<=j&&P((t=>t+j))}),[j]);const I=()=>{l(-1)},E=()=>{M!==j&&(u("prev"),P((t=>Math.max(Math.ceil(t-r),j))),(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},N=()=>{M>g.length+r||(u("next"),P((t=>Math.floor(t+r))),(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},T=M>g.length?g.length-j+1:M-j,W=M>=g.length?g.length:T+j,F=g.slice(T,W);return(0,C.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(i,"px"),paddingRight:"".concat(i,"px")},children:[g.length>=r-1&&(0,C.jsx)("div",{style:{position:"absolute",left:"0",zIndex:100,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:M!==j&&(0,C.jsx)(k,{})}),(0,C.jsx)("div",{style:{display:"flex",gap:b+"px",width:"".concat(o*r*(0,y.Su)(c),"px"),paddingLeft:"8px",justifyContent:g.length<=r-1?"center":"flex-start",overflow:"hidden"},children:F.map(((t,e)=>{const o="whatmore-event-tile-landscape-".concat(t.index).concat(e===j-1?"-last":""),n=e===s;return(0,C.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===d?"next":"prev"),onMouseEnter:()=>(t=>{const e=p()((()=>l(t)),300);return e(),e.cancel})(e),onMouseLeave:I,children:(0,C.jsx)(S,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{x(t)})(t)})},o)}))}),g.length>=r-1&&(0,C.jsx)("div",{style:{position:"absolute",zIndex:100,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:M<=g.length&&(0,C.jsx)(O,{})})]})}var E=function(t){var e;const[o,l,a]=(0,c.Z)(),[d]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[x]=(0,h.j1)("whatmoreSecondaryColor"),[f]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==o?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,n.useContext)(m.I),w=t.events,j=t.onClick,M=null!==(e=(0,y.aR)(d))&&void 0!==e?e:f;function P(t){j(t)}return(0,n.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!")}),[]),delete i.ZP.styles.global,(0,C.jsx)(s.C,{value:O,children:(0,C.jsx)("div",{children:(0,C.jsx)(r.x,{theme:i.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,C.jsxs)(u.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0?(0,C.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",M,"important"),t.style.setProperty("font-size",v+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,y.wO)(d),lineHeight:(0,y.vY)(d),letterSpacing:(0,y.X2)(d)},children:t.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===o?(0,C.jsx)(I,{events:w,onClick:P}):(0,C.jsx)(k,{events:w,onClick:P})]})})})})}},7129:function(t,e,o){o.d(e,{V:function(){return n}});const n=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,o){var n=o(7313),r=o(9821),i=o(7129),s=o(6417);e.Z=function(t){var[e,o]=(0,r.Z)();return(0,n.useContext)(i.V),t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:e,overflow:"hidden"}})}},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
package/static/js/959.5f354b7c.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[959],{4048:function(e,t,n){n.r(t);var i=n(7313),o=n(6090),r=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),a=n(2210),d=n(8486),c=n(9821),h=n(8866),p=n(2279),u=n.n(p),x=n(7753),m=n(7129),f=n(1855),g=n(9854),y=n(9039),v=n(4920),w=n(7376),j=n(778),b=n(7381),C=n(6417);const P=(0,l.Z)({key:"whatmore-css-hv"});function I(e){const[t,n,o]=(0,c.Z)(),r=(0,x.MO)("whatmoreShopId"),s=e.events,l=e.onClick,d=o*(0,g.u6)(r),[h,p]=(0,i.useState)(d),{whatmoreWidgetSourceDetails:u}=(0,i.useContext)(y.I);return(0,i.useEffect)((()=>{h<=d&&p((e=>e+d))}),[d]),(0,C.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,C.jsx)(a.tq,{slidesPerView:s.length>1?d:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:u}),e.realIndex>e.previousIndex&&p((e=>e+d))},children:s.map(((e,t)=>{const n=(null===e||void 0===e?void 0:e.products.length)>0&&(null===e||void 0===e?void 0:e.products.every((e=>"oos"===(null===e||void 0===e?void 0:e.product_status))));return t<=h&&!n&&(0,C.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:o,isVisible:r}=t;return i||o||n?(0,C.jsx)(v.Z,{isOnFocus:n&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{l(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)}))})})})}function S(e){const[t,n,o,r]=(0,c.Z)(),[s,l]=(0,i.useState)(-1),h=(0,x.MO)("whatmoreShopId"),[p,m]=(0,i.useState)(o),b=e.onClick,P=e.events,I=Math.min(o,P.length),{whatmoreWidgetSourceDetails:S}=(0,i.useContext)(y.I);return(0,i.useEffect)((()=>{p<=o&&m((e=>e+o))}),[o]),(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,C.jsx)("div",{style:{width:n*I*(0,g.Su)(h)+"px"},children:(0,C.jsx)(a.tq,{slidesPerView:I,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(I),onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:S}),e.realIndex>e.previousIndex&&m((e=>e+o))},spaceBetween:(0,g.WG)(h),children:P.map(((e,t)=>{const n=(null===e||void 0===e?void 0:e.products.length)>0&&(null===e||void 0===e?void 0:e.products.every((e=>"oos"===(null===e||void 0===e?void 0:e.product_status)))),i=u()((()=>l(t)),300);return t<=p&&!n&&(0,C.jsx)(a.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),l(-1)},children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:l}=n;return l?(0,C.jsx)(v.Z,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{b(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){var t;const[n,l,a]=(0,h.Z)(),[d]=(0,x.j1)("whatmoreShopId"),[c]=(0,x.j1)("whatmorePrimaryColor"),[p]=(0,x.j1)("whatmoreTitleFont"),u="portrait"==n?(0,x.MO)("whatmoreTitleFontSizePortrait"):(0,x.MO)("whatmoreTitleFontSize"),{whatmoreRootId:f}=(0,i.useContext)(y.I),v=e.events,w=e.onClick,j=null!==(t=(0,g.aR)(d))&&void 0!==t?t:p;function F(e){w(e)}return(0,i.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!")}),[]),delete r.ZP.styles.global,(0,C.jsx)(s.C,{value:P,children:(0,C.jsx)("div",{children:(0,C.jsx)(o.x,{theme:r.ZP,cssVarsRoot:f,resetCSS:!1,children:(0,C.jsxs)(m.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0?(0,C.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",j,"important"),e.style.setProperty("font-size",u+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,g.wO)(d),lineHeight:(0,g.vY)(d),letterSpacing:(0,g.X2)(d)},children:e.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===n?(0,C.jsx)(S,{events:v,onClick:F}):(0,C.jsx)(I,{events:v,onClick:F})]})})})})}},1092:function(e,t,n){var i=n(237),o=n(9854),r=n(7753),s=n(9039),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,r.MO)("whatmoreShopId"),c=(0,r.MO)("whatmorePrimaryFont"),h=e.event,p=e.fontSize;if(h.total_views<=0)return(0,a.jsx)(a.Fragment,{});const u=(0,o.S_)(n);return"template-icon"==u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(i.Z,{sx:{color:(0,o.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("font-size",p,"important"),e.style.setProperty("min-height","0","important"),e.style.setProperty("display","inline","important"),e.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},5945:function(e,t,n){function i(e){return"undefined"==typeof e||"undefined"==e||null==e?"":e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()}))}n.d(t,{s:function(){return i}})},1855:function(e,t,n){var i=n(7313),o=n(9821),r=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,o.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},4920:function(e,t,n){n.d(t,{Z:function(){return b}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),s=n(7753),l=n(4892),a=n(7129),d=n(6805),c=n(9854),h=n(1092),p=n(5945),u=n(9039),x=n(9363),m=n(6417);var f=function(e){var[t,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(u.I),[l]=(0,s.j1)("whatmorePrimaryFont"),[a,d]=(0,i.useState)(0),h=(0,s.MO)("whatmoreShopId"),f=e.event;if(0==f.products.length)return(0,m.jsx)(m.Fragment,{});const g=.3*n,y=g+"px",v=g+"px",w=.07*n+"px";return(0,m.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,m.jsxs)("div",{ref:e=>{e&&e.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,m.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",v,"important")},style:{width:y,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(h),borderColor:(0,c.qP)(h),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,m.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,c.yO)(h),"important")},src:(0,x.s)(f.products[a].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:"100%",height:"100%",borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,m.jsx)("div",{style:{width:n-5-g+"px",height:v,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",w,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",l,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,p.s)(f.products[a].title)})})})]},a)})},g=n(3933),y=n(8984);function v(e){var t,[n,l]=(0,o.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[h,p,u]=(0,g.YD)({triggerOnce:!0});var x=(0,i.useContext)(a.V);const v=e.event,w=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l,b=(0,y.gE)()?e.isOnFocus:p;return(0,m.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,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)("p",{children:" "})}),x.showPlayButton&&!w?(0,m.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==v.event_type&&(0,m.jsx)(r.Z,{sx:{color:(0,c.Y)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,m.jsx)(m.Fragment,{}),(0,m.jsx)("div",{ref:h,children:b&&(0,c.PW)(d)?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(f,{event:v})}):(0,m.jsx)("div",{height:"20px"})})]})})}function w(e){var[t,n]=(0,o.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,m.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,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,m.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,m.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,m.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,m.jsx)(m.Fragment,{})}function j(e){const[t,n,i,r,l]=(0,o.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),p=(0,s.MO)("whatmoreShopId"),u=e.event,x=e.isOnFocus;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.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,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,c.qc)(p)?(0,m.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,m.jsx)(h.Z,{event:u,fontSize:.07*n+"px"})})}):(0,m.jsx)(m.Fragment,{})})}),d.$w===l[d.YP]?(0,m.jsx)(m.Fragment,{}):x?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,m.jsx)(w,{event:u})}):(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(w,{event:u})})]})})}var b=function(e){var t,n,r;const[h,p,x,f,g]=(0,o.Z)();var w=(0,i.useContext)(a.V);const{whatmoreUITheme:b}=(0,i.useContext)(u.I),C=(0,s.MO)("whatmoreShopId"),P=e.event,I=e.onClick,S=null===(t=e.isOnFocus)||void 0===t||t,F=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,M=null!==(r=e.animateOnFocus&&(0,c.iW)(C))&&void 0!==r&&r,O=(0,c.nz)(C);return(0,m.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",w.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",w.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:p,height:h,borderRadius:"round"==b?"5px":"0px",boxShadow:"round"==b?O:null,borderWidth:(0,c.al)(C),borderColor:(0,c.qP)(C),overflow:"hidden",cursor:"pointer"},className:M?S?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{I(P)},children:[(0,m.jsx)(l.Z,{height:"100%",width:"100%",url:P.thumbnail_image,isPlaying:S||F||(0,y.gE)(),event:P}),(0,m.jsxs)("div",{style:{width:p,height:h},children:[(0,m.jsx)(j,{event:P,isOnFocus:S}),S||d.$w===g[d.YP]?(0,m.jsx)(v,{event:P,unfocusedDisplay:!S,isOnFocus:S}):null]})]})}},9363:function(e,t,n){n.d(t,{s:function(){return r}});var i=n(9854),o=n(7753);function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,i.Ip)(n)?e:e+t}},9723:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},237:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){}}]);