whatmore-react-assets 1.0.1359 → 1.0.1362

package/static/js/carousel-template-f.04e3cd6c.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[116],{9085:function(t,e,o){o.r(e),o.d(e,{default:function(){return _}});var n=o(7313),r=(o(3439),o(6090)),i=o(32),l=o(7616),a=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),s=o(2575),d=o(9821),c=o(8866),p=o(2279),u=o.n(p),h=o(7753),m=o(7129),x=o(1855),v=o(9854),y=o(364),f=o(4522),g=o(778),w=o(4892),j=o(5945),P=o(9219),M=o(6805),C=o(8984),b=o(7053),S=o(5416),I=o(6417);var E=function(t){var e,o,r,i,l,a,s,c,p,u,x,y,f,g,E,O,k,Y;const[N,_,z,T,Z]=(0,d.Z)(),A=(0,h.MO)("whatmoreShopId"),D="portrait"===Z[M.YP],R=(D?1.076*_*(0,v.pEd)(A):_*(0,v.H4g)(A))+"px",W=(D?1.076*_*(0,v.pEd)(A):_*(0,v.H4g)(A))+"px",F=(D?.965*_*(0,v.pEd)(A):.859*_*(0,v.H4g)(A))+"px",[$,L]=(0,n.useState)(t.event),V=(0,h.MO)("whatmoreSecondaryColor");var U=(0,n.useContext)(m.V);const G=null===(e=t.isOnFocus)||void 0===e||e,B=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,H=t.onClick,K=(0,h.MO)("whatmoreUITheme"),X=null!==(r=t.animateOnFocus&&(0,v.iWI)(A))&&void 0!==r&&r,[q,J]=(0,n.useState)(!1),Q=(0,h.MO)("whatmorePrimaryFont"),tt=Math.round(+(null===(i=$.products[0])||void 0===i?void 0:i.price)),et=Math.round(+(null===(l=$.products[0])||void 0===l?void 0:l.compare_price)),ot=et&&0!=et&&et>tt?Math.round((et-tt)/et*100):NaN,[nt,rt]=(0,n.useState)(ot),[it,lt]=(0,n.useState)(),at="55143268394"===A;return(0,n.useEffect)((()=>{(0,v.N8M)(A)&&(0,P.p_)($,(0,v.Ipo)(A),A).then((t=>{var e,o,n;L(t),(null===t||void 0===t||null===(e=t.products)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.discount)&&rt(null===t||void 0===t||null===(n=t.products[0])||void 0===n?void 0:n.discount),J(!0)}));(async()=>{var t;const e=await(0,b.p)(null===$||void 0===$||null===(t=$.products)||void 0===t?void 0:t[0],(0,v.Ipo)(A),A);lt(e),J(!0)})()}),[]),(0,I.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",U.tileTopMargin+"px"),t.style.setProperty("margin-bottom",U.tileBottomMMargin+"px"))},className:X&&!D?G?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:_},onClick:()=>{H($)},children:[(0,I.jsx)("div",{style:{borderRadius:"round"==K?"5%":"0px",boxShadow:"round"==K?"0px 0px 5px 0px #B0B0B0":null,height:N,borderWidth:(0,v.alU)(A),borderColor:(0,v.qPe)(A),overflow:"hidden"},children:(0,I.jsx)(w.Z,{height:(0,v.dXm)(A)+" !important",width:"100%",url:$.thumbnail_image,isPlaying:G||B||(0,C.gE)(),event:$})}),(0,I.jsxs)("div",{className:"wht-prod-info",style:{display:(0,v.pvY)(A)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:at?"8px":"5px",alignItems:at?"center":"flex-start"},children:[(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.anz)(A),"important"),t.style.setProperty("font-size",R),t.style.setProperty("line-height","120%"),t.style.setProperty("font-family",Q,"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,j.s)(null===(a=$.products[0])||void 0===a?void 0:a.title)}),q&&(0,v.QaY)(A)&&(0,I.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,v.$zZ)(A)?"row":"row-reverse",justifyContent:at?"center":(0,v.$zZ)(A)?"flex-start":"flex-end"},children:[(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.anz)(A),"important"),t.style.setProperty("font-size",W),t.style.setProperty("font-family",Q,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,v.rPP)(A)?"normal":"bold"},children:(0,P.jx)(parseFloat((0,S.G)()?"61916709004"==A&&null!==(s=null===it||void 0===it||null===(c=it.variants)||void 0===c||null===(p=c[0])||void 0===p?void 0:p.price)&&void 0!==s?s:null===it||void 0===it?void 0:it.price:null===$||void 0===$||null===(u=$.products)||void 0===u||null===(x=u[0])||void 0===x?void 0:x.price)," ",A,null===(y=$.products[0])||void 0===y?void 0:y.currency)}),!isNaN(et)&&et>tt&&(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.kPs)(A),"important"),t.style.setProperty("font-size",W),t.style.setProperty("font-family",Q,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:at?"center":void 0},children:(0,P.jx)(parseFloat((0,S.G)()?"61916709004"==A&&null!==(f=null===it||void 0===it||null===(g=it.variants)||void 0===g||null===(E=g[0])||void 0===E?void 0:E.compare_at_price)&&void 0!==f?f:null===it||void 0===it?void 0:it.compare_at_price:null===$||void 0===$||null===(O=$.products)||void 0===O||null===(k=O[0])||void 0===k?void 0:k.compare_price)," ",A,null===(Y=$.products[0])||void 0===Y?void 0:Y.currency)})]}),((0,v.QaY)(A)&&!isNaN(nt)&&0!=nt&&q||at)&&(0,I.jsx)("div",{style:{display:(0,v.aKo)(A)?"flex":"none",backgroundColor:at?V:"green"===(0,v.ZJm)(A)?"#343434"===V?(0,v.ZJm)(A):V:(0,v.ZJm)(A),alignItems:"center",justifyContent:at?"center":void 0,borderRadius:at?"25px":(0,v.CF_)(A)+"px",width:at?.5*_:"fit-content",padding:(0,v.Spx)(A)?at?"12px 12px":"3px 6px":"0px",margin:at?"0 auto":void 0,textAlign:at?"center":void 0,height:at?"7%":void 0},children:(0,v.Spx)(A)?(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.mso)(A),"important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("font-family",Q,"important"),t.style.setProperty("font-weight",at?"600":"normal","important"))},children:at?"BUY NOW":`${nt}% Off`}):(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,v.aUT)(A),"important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("font-family",(0,v.V3Y)(A),"important"))},children:(0,v.sG7)(A)})})]})]})},O=o(7381);const k=(0,s.Z)({key:"whatmore-css-hv"});function Y(t){const[e,o,r]=(0,d.Z)(),i=(0,h.MO)("whatmoreShopId"),l=t.events,a=t.onClick,{whatmoreWidgetSourceDetails:s}=(0,n.useContext)(y.I),c=Math.ceil(r),p=2*c,[u,m]=(0,n.useState)(p),[w,j]=(0,n.useState)(2*c),P=0===(0,v.WGf)(i)?24:(0,v.WGf)(i),[M,C]=(0,n.useState)({touchX:0,touchY:0}),b=()=>(0,I.jsx)("div",{className:"navigation-button-next-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,I.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),S=()=>(0,I.jsx)("div",{className:"navigation-button-prev-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,I.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),O=t=>{if("next"===t){const t=2;j((t=>Math.min(t+Math.floor(r),l.length+c+1))),m((e=>Math.min(e+t,l.length+c+1)))}else j((t=>Math.max(t-Math.floor(r),p)));(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:s})};return(0,I.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:t=>{C({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)-M.touchX,l=(null===(n=t.changedTouches)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.clientY)-M.touchY;Math.sqrt(i**2+l**2)>10&&Math.abs(i)>Math.abs(l)&&O(i>0?"prev":"next")},children:[(0,v.Yxs)(i)&&(0,I.jsxs)(I.Fragment,{children:[w<=l.length+c&&(0,I.jsx)("div",{onClick:()=>O("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,I.jsx)(b,{})}),w>2*c&&(0,I.jsx)("div",{onClick:()=>O("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,I.jsx)(S,{})})]}),(0,I.jsx)("div",{style:{display:"flex",gap:P,transform:`translateX(-${(w-p)*(o+P)}px)`,transition:"transform 0.4s ease-in-out"},children:l.map(((t,e)=>e<u?(0,I.jsx)("div",{children:(0,I.jsx)(E,{isOnFocus:e<=w-c-1&&e>=Math.max(0,w-p),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>a(t)})},`whatmore-carousel-tile-${e}`):(0,I.jsx)(x.Z,{})))})]})}function N(t){const[e,o,r,i]=(0,d.Z)(),[l,a]=(0,n.useState)(-1),s=(0,h.MO)("whatmoreShopId"),[c,p]=(0,n.useState)("next"),m=t.onClick,x=t.events,{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(y.I),j=Math.min(Math.ceil(r),x.length),[P,M]=(0,n.useState)(0),C=0===(0,v.WGf)(s)?24:(0,v.WGf)(s),b=()=>(0,I.jsx)("div",{children:(0,I.jsx)("button",{onClick:Y,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,I.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),S=()=>(0,I.jsx)("div",{children:(0,I.jsx)("button",{onClick:k,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,I.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{P<=j&&M((t=>t+j))}),[j]);const O=()=>{a(-1)},k=()=>{P!==j&&(p("prev"),M((t=>Math.max(Math.ceil(t-r),j))),(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},Y=()=>{P>x.length+r||(p("next"),M((t=>Math.floor(t+r))),(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},N=P>x.length?x.length-j+1:P-j,_=P>=x.length?x.length:N+j,z=x.slice(N,_);return(0,I.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[("83584942374"===s||"56783601836"===s?x.length>j&&P>j:x.length>=r-1&&x.length>4)&&(0,I.jsx)("div",{style:{position:"absolute",left:i+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:P!==j&&(0,I.jsx)(S,{})}),(0,I.jsx)("div",{className:"wht-hide-scrollbar",style:{display:"flex",gap:C+"px",width:o*r*(0,v.Su5)(s)+"px",justifyContent:"83584942374"===s||"56783601836"===s||x.length<=r-1||x.length<5?"center":"flex-start",overflow:"auto"},children:z.map(((t,e)=>{const o=`whatmore-event-tile-landscape-${t.index}${e===j-1?"-last":""}`,n=e===l;return(0,I.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===c?"next":"prev"),onMouseEnter:()=>(t=>{const e=u()((()=>a(t)),300);return e(),e.cancel})(e),onMouseLeave:O,children:(0,I.jsx)(E,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{m(t)})(t)})},o)}))}),("83584942374"===s||"56783601836"===s?x.length>j&&P>j:x.length>=r-1&&x.length>4)&&(0,I.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:P<=x.length&&(0,I.jsx)(b,{})})]})}var _=function(t){const[e,o,s]=(0,c.Z)(),[d]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[x]=(0,h.j1)("whatmoreTitleFont"),f="portrait"==e?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,n.useContext)(y.I),w=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:j}=(0,n.useContext)(y.I),P=t.events,M=t.onClick,C=x;function b(t){M(t)}return(0,n.useEffect)((()=>{(0,O.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{i.IR.forEach((t=>{var e;const o=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&t&&(t.style.minHeight="0px")}))}),[]),delete l.ZP.styles.global,(0,I.jsx)(a.C,{value:k,children:(0,I.jsx)("div",{className:"whatmore-carousel-events",children:(0,I.jsx)(r.x,{theme:l.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,I.jsxs)(m.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||j?(0,I.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"62636458233"==d?"flex-start":"center"},children:(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",C,"important"),t.style.setProperty("font-size",f+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,v.wOV)(d),lineHeight:(0,v.vY4)(d),letterSpacing:(0,v.X2K)(d)},children:j?"W"!==w?w:"":t.heading})}):(0,I.jsx)(I.Fragment,{}),"landscape"===e?(0,I.jsx)(N,{events:P,onClick:b}):(0,I.jsx)(Y,{events:P,onClick:b})]})})})})}},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),l=o(7753),a=o(6417);e.Z=function(t){var[e,o]=(0,r.Z)();(0,n.useContext)(i.V);const s=(0,l.MO)("whatmoreShopId");return t.event,(0,a.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==s?void 0:o,aspectRatio:"8968077397"==s?9/16:void 0,height:"8968077397"==s?"100%":e,overflow:"hidden"}})}},6805:function(t,e,o){o.d(e,{$I:function(){return a},$w:function(){return d},AK:function(){return i},AL:function(){return l},YP:function(){return r},me:function(){return n},rE:function(){return s}});const n="device_type",r="device_mode",i="mobile",l="tablet",a="desktop",s="portrait",d="landscape"},9821:function(t,e,o){var n=o(7753),r=o(8866),i=o(6805),l=o(9854);e.Z=function(t){const[e,o,a]=(0,r.Z)(),[s]=(0,n.j1)("whatmoreLandscapePadding"),[d]=(0,n.j1)("whatmoreShopId"),[c]=(0,n.j1)("whatmoreVideoTileSize"),[p]=(0,n.j1)("whatmoreVideoTileSizePortrait"),u=a>=1025,h="portrait"==e?p:c,m=!("portrait"!=e||!(a>=481)),x=h/100*1.3*.5,v=h/100;var y=Math.min(a,o),[f,g,w,j]=[.6*y*(16/9),.6*y,1.4,0];function P(t){return Math.round(10*t)/10}var M={DEVICE_TYPE:i.AK,DEVICE_MODE:i.rE};if(u){const t=g*x,e=f*x;[f,g,w,j]=[e,t,(a-2*s-2*(0,l.mZU)(d))/(1.1*t),s],M[i.me]=i.$I,M[i.YP]=i.$w}else if(m){var C=.8*g,b=.8*f;"portrait"==e?(C*=v,b*=v,[f,g,w,j]=[b,C,P(a/(1.2*C)),0],M[i.me]=i.AL,M[i.YP]=i.rE):([f,g,w,j]=[b,C,(a-2*s)/(1.1*C),s],M[i.me]=i.AL,M[i.YP]=i.$w)}else{C=g,b=f;"portrait"==e?(C=C*v*.9,b=b*v*.9,[f,g,w,j]=[b,C,P(a/(1.15*C)),0],M[i.me]=i.AK,M[i.YP]=i.rE):(C=.7*g,b=.7*f,[f,g,w,j]=[b,C,(a-2*s)/(1.1*C),s],M[i.me]=i.AK,M[i.YP]=i.$w)}return[f,g,w,j,M]}},3439:function(){},7244:function(){},5892:function(){},4444:function(){}}]);

package/static/js/carousel-template-view-more.4b1e8a28.chunk.js

@@ -1,45 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[748],{8675:function(t,n,e){e.d(n,{Z:function(){return p}});var i=e(3271),r=e(5098),o=e(7313),a=e(9821),s=e(2634),l=e(5180),c=e(686);const d=c.F4`
-    0% {
-        transform: scale(1);
-    }
-    100% {
-        transform: scale(1.05);
-    }
-`,h=c.F4`
-    0% {
-        transform: scale(1.05);
-    }
-    100% {
-        transform: scale(1);
-    }
-`,u=`\n    ${d}; \n    infinite;\n    animation-duration:0.2s; \n    animation-direction: linear ;\n    animation-timing-function: ease-in;\n    animation-fill-mode: forwards;\n`,m=`\n    ${h}; \n    infinite;\n    animation-duration:0.2s; \n    animation-direction: linear ;\n    animation-timing-function: ease-in;\n    animation-fill-mode: forwards;\n`;var x=e(7753),f=e(7129),g=e(6417);var p=function(t){var n,e,[c,d]=(0,a.Z)();const[h]=(0,x.j1)("whatmorePrimaryFont");var p=(0,o.useContext)(f.V);const j=t.event,v=t.onClick,w=null===(n=t.isOnFocus)||void 0===n||n,C=(t.playOnUnfocus,null!==(e=t.animateOnFocus)&&void 0!==e&&e);return(0,g.jsxs)(i.xu,{animation:C?w?u:m:"none",marginTop:p.tileTopMargin,marginBottom:p.tileBottomMMargin,marginLeft:p.tileLeftMargin,marginRight:p.tileRightMargin,width:d,height:c,borderRadius:"lg",sx:{boxShadow:"0px 0px 10px 3px #B0B0B0"},overflow:"hidden",onClick:()=>{v(j)},cursor:"pointer",children:[(0,g.jsx)(r.Ee,{width:"full",height:"full",src:j.thumbnail_image,objectFit:"cover",fallback:(0,g.jsx)(l.Z,{width:d,height:c}),borderRadius:"lg"}),(0,g.jsx)(i.xu,{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden"},width:"full",height:"full",borderRadius:"lg",overflow:"hidden",className:"whatmore-ios-css-relative-fix",children:(0,g.jsxs)(i.Kq,{direction:"column",height:"full",width:"full",justifyContent:"space-between",children:[(0,g.jsx)(i.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-t, transparent,  blackAlpha.200, blackAlpha.400, blackAlpha.600)",children:(0,g.jsx)(i.Kq,{direction:"column",justifyContent:"flex-start",children:(0,g.jsx)(i.xu,{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px",children:(0,g.jsx)(i.Kq,{direction:"row",justifyContent:"space-between",children:(0,g.jsx)(s.Z,{event:j,fontSize:.05*c+"px",maxWidth:.8*d})})})})}),(0,g.jsx)(i.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-b, transparent,  blackAlpha.300, blackAlpha.400, blackAlpha.500, blackAlpha.600)",children:(0,g.jsx)(i.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",alignContent:"center",children:(0,g.jsx)(i.xu,{width:"full",borderRadius:"lg",children:(0,g.jsxs)(i.Kq,{direction:"column",justifyContent:"space-between",alignContent:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px",children:[(0,g.jsx)(i.xv,{color:"white",fontSize:.08*d+"px",fontWeight:"normal",align:"left",children:"         "}),(0,g.jsx)(i.xv,{fontSize:.08*d+"px",fontWeight:"normal",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:j.title.substring(0,40)}),(0,g.jsx)(i.xv,{fontSize:.08*d+"px",fontWeight:"bold",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:j.presenter_name.substring(0,15)})]})})})})]})})]})}},5523:function(t,n,e){e.r(n);var i=e(7313),r=e(8675),o=e(6090),a=e(7616),s=e(6306),l=(e(6143),e(7244),e(123),e(9302)),c=e(2575),d=e(3271),h=e(9821),u=e(8866),m=e(7753),x=e(9316),f=e(7129),g=e(9854),p=e(364),j=e(7300),v=e(2891),w=e(6417);const C=(0,c.Z)({key:"whatmore-css-hv"});function b(t,n){var e=[];const i=n;for(let r=0;r<t.length;r+=i){const n=t.slice(r,r+i);e.push(n)}return e}function M(t){var n;const[e,r]=(0,i.useState)(!1),[o,a]=(0,i.useState)(!1),[l]=(0,m.j1)("whatmoreSecondaryColorShade600"),[c]=(0,m.j1)("whatmoreSecondaryColorShade300"),[h]=(0,m.j1)("whatmorePrimaryFont"),u=(n=t.baseFontSize,t.onClick);return(0,w.jsxs)(d.xu,{display:"flex",alignItems:"center",width:"fit-content",height:"fit-content",boxShadow:"lg",borderRadius:"sm",backgroundColor:e?c:l,animation:o?x.mT:null,padding:"6px 10px",onClick:t=>{t.stopPropagation(),a(!0),u()},onMouseEnter:()=>{r(!0)},onMouseLeave:()=>{r(!1)},children:[(0,w.jsxs)(d.xv,{fontSize:"12px",fontWeight:"normal",sx:{fontFamily:h+" !important",color:"white !important"},children:["\xa0","VIEW MORE"]}),(0,w.jsx)(s.Z,{style:{color:"white",marginLeft:"2px"}})]})}function y(t){var n;const[e,o,a]=(0,h.Z)();var[s,l]=(0,i.useState)(0);const c=t.events,u=t.onClick,m=null!==(n=t.seeMoreIncrement)&&void 0!==n?n:1,x=b(c,Math.floor(Math.min(a,c.length)));return(0,w.jsx)(d.M5,{children:(0,w.jsxs)(d.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,w.jsx)(w.Fragment,{children:x.map(((t,n)=>n>s?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(d.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:t.map(((t,n)=>(0,w.jsx)(d.xu,{style:{margin:"10px"},children:(0,j.B6)(t)||(0,j.WJ)(t)?(0,w.jsx)(v.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{u(t)}}):(0,w.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{u(t)}})},"event-"+n)))},"event-stack-"+n)))}),(0,w.jsx)(w.Fragment,{children:s<x.length-1?(0,w.jsx)(d.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px !important",justifyContent:"center",alignContent:"center",children:(0,w.jsx)(M,{baseFontSize:.1*o,onClick:()=>{s>=x.length-1||l((t=>t+m))}})}):(0,w.jsx)(w.Fragment,{})})]})})}function S(t){var n;const[e,o,a,s]=(0,h.Z)();var[l,c]=(0,i.useState)(0);const u=t.events,m=t.onClick,x=null!==(n=t.seeMoreIncrement)&&void 0!==n?n:1,f=b(u,Math.floor(Math.min(a,u.length)));return(0,w.jsx)(d.M5,{paddingLeft:s+"px",paddingRight:s+"px",children:(0,w.jsxs)(d.Kq,{direction:"column",width:"100%",height:"fit-content",justifyContent:"center",alignContent:"center",children:[(0,w.jsx)(w.Fragment,{children:f.map(((t,n)=>n>l?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(d.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px",justifyContent:"center",alignContent:"center",children:t.map(((t,n)=>(0,w.jsx)(d.xu,{style:{margin:"10px"},children:(0,j.B6)(t)||(0,j.WJ)(t)?(0,w.jsx)(v.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{m(t)}}):(0,w.jsx)(r.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{m(t)}})},"event-"+n)))},"event-stack-"+n)))}),(0,w.jsx)(w.Fragment,{children:l<f.length-1?(0,w.jsx)(d.Kq,{direction:"row",width:"100%",height:"fit-content",marginY:"10px !important",justifyContent:"center",alignContent:"center",children:(0,w.jsx)(M,{baseFontSize:.1*o,onClick:()=>{l>=f.length-1||c((t=>t+x))}})}):(0,w.jsx)(w.Fragment,{})})]})})}n.default=function(t){var n;const[e,r,s]=(0,u.Z)(),[c]=(0,m.j1)("whatmoreShopId"),[h]=(0,m.j1)("whatmorePrimaryColor"),[x]=(0,m.j1)("whatmoreSecondaryColor"),[j]=(0,m.j1)("whatmoreTitleFont"),v="portrait"==e?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:b}=(0,i.useContext)(p.I),M=t.events,T=t.onClick,F=null!==(n=(0,g.aRS)(c))&&void 0!==n?n:j;function I(t){T(t)}return delete a.ZP.styles.global,(0,w.jsx)(l.C,{value:C,children:(0,w.jsx)("div",{className:"whatmore-carousel-events-view-more",children:(0,w.jsx)(o.x,{theme:a.ZP,cssVarsRoot:b,resetCSS:!1,children:(0,w.jsxs)(f.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[t.heading.trim().length>0?(0,w.jsx)(d.M5,{children:(0,w.jsx)(d.xv,{bgColor:h,bgClip:"text",fontSize:v,sx:{fontFamily:F+" !important"},align:"center",children:t.heading})}):(0,w.jsx)(w.Fragment,{}),"landscape"===e?(0,w.jsx)(S,{events:M,onClick:I,seeMoreIncrement:1}):(0,w.jsx)(y,{events:M,onClick:I,seeMoreIncrement:2})]})})})})}},9316:function(t,n,e){e.d(n,{mT:function(){return r}});var i=e(686);const r=`\n    ${i.F4`
-    0% { transform: scale(1); }
-    50%, { transform: scale(0.95); }
-    100% { transform: scale(1); }
-`} 0.2s linear;\n`;i.F4`
-    100% { 
-        -webkit-transform: rotate(360deg); 
-        transform:rotate(360deg); 
-    }
-`,i.F4`
-    0% { 
-        opacity: 1;
-        transform: translateY(100%);
-    }
-    10%{
-        transform: translateY(0%);
-    }
-    12%{
-        transform: translateY(-5%);
-    }
-    20%{
-        transform: translateY(0%);
-    }
-    95%{
-        opacity: 1;
-        transform: scale(1);
-    }
-    100%{
-        opacity: 0;
-    }
-`},2634:function(t,n,e){var i=e(3271),r=e(4897),o=e(499),a=e(6417);n.Z=function(t){var n,e=t.event,s=t.fontSize,l=null!==(n=t.maxWidth)&&void 0!==n?n:"100%",{status:c,bannerText:d,timeToStartInMins:h}=r.Z.getEventStatus(e);return c.name===o.Z.LIVE.name?(0,a.jsx)(i.xu,{maxWidth:l,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:c.color,children:(0,a.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,a.jsx)(i.xv,{fontSize:s,fontWeight:"bold",color:"white",children:d})})}):(0,a.jsx)(i.xu,{maxWidth:l,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:c.color,children:(0,a.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,a.jsx)(i.xv,{fontSize:s,fontWeight:"medium",children:d})})})}},499:function(t,n){n.Z={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},4897:function(t,n,e){var i=e(499);n.Z=class{static getEventStatus(t){t.time_zone="GMT+5:30";var n=t.start_time+":00",e=t.end_time,r=t.scheduled_date,o=t.status,a=t.time_zone;if(o.toUpperCase()==i.Z.LIVE.name)return{status:i.Z.LIVE,bannerText:" "+i.Z.LIVE.name+" ",timeToStartInMins:0};if(o.toUpperCase()==i.Z.UPCOMING.name){var s=new Date(r+" "+n+" "+a),l=(new Date(r+" "+e+" "+a),function(t){var n=new Date,e=(t.getTime()-n.getTime())/1e3,r=e/60,o=r/60,a=o/24;return e<=0?{status:i.Z.COMPLETED,bannerText:" "+i.Z.COMPLETED.name+" ",timeToStartInMins:0}:e>=1&&e<=30?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(e)+" sec ",timeToStartInMins:e/60}:r<60?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(r)+" min ",timeToStartInMins:r}:o<24?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(o)+" hr ",timeToStartInMins:60*o}:a<7?{status:i.Z.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][t.getDay()]+" ",timeToStartInMins:60*a*24}:{status:i.Z.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(s));return{status:l.status,bannerText:l.bannerText,timeToStartInMins:l.timeToStartInMins}}return console.error("invalid status for event :: id : "+t.event_id+", status : "+t.status),{status:i.Z.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},5945:function(t,n,e){e.d(n,{s:function(){return r}});var i=e(7753);function r(t,n){const e=(0,i.MO)("whatmoreShopId");return"undefined"==typeof t||"undefined"==t||null==t?"":"6873415750"==e||"72442478904"==e||"58562281529"==e?t:"66168324332"==e&&"prod-tile"!=n?null===t||void 0===t||null===(r=t.split("- "))||void 0===r?void 0:r[0]:t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}));var r}},6306:function(t,n,e){var i=e(5318);n.Z=void 0;var r=i(e(5045)),o=e(6417),a=(0,r.default)((0,o.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore");n.Z=a},6143:function(){}}]);

package/static/js/product-page-view.4182b9e5.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[281],{8181:function(e,t,n){var i=n(7313),o=n(8866),r=n(7753),a=n(6417);const d=i.memo((()=>{if(!(0,r.MO)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[e]=(0,o.Z)();return(0,a.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},t))),(0,a.jsx)("style",{children:"\n                    .shimmer-container {\n                        display: flex;\n                        position: fixed;\n                        top: 0;\n                        left: 0;\n                        width: 100vw;\n                        height: 100vh;\n                        overflow-x: scroll;\n                        scroll-snap-type: x mandatory;\n                        scroll-behavior: smooth;\n                        z-index: 1000;\n                    }\n\n                    .portrait {\n                        justify-content: center;\n                        align-items: center;\n                        background: rgba(0, 0, 0, 0.6);\n                    }\n\n                    .landscape {\n                        justify-content: center;\n                        align-items: center;\n                        background: rgba(0, 0, 0, 0.8);\n                    }\n\n                    .shimmer-item {\n                        scroll-snap-align: start;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        position: relative;\n                        transition: transform 0.3s ease;\n                    }\n\n                    .portrait-full {\n                        width: 100vw;\n                        height: 100vh;\n                        margin: 0; \n                    }\n\n                    .landscape-item {\n                        width: 250px;\n                        height: 450px;\n                        background: #D3D3D3;\n                        border-radius: 8px;\n                        margin-left: -50px; \n                    }\n\n                    .center-item {\n                        width: 360px;\n                        height: 620px;\n                        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n                        z-index: 10; \n                    }\n\n                    .shimmer-effect {\n                        position: absolute;\n                        top: 0;\n                        left: 0;\n                        width: 100%;\n                        height: 100%;\n                        background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n                        animation: shimmer 2s infinite;\n                        background-size: 200% 100%;\n                    }\n\n                    @keyframes shimmer {\n                        0% {\n                            background-position: -200% 0;\n                        }\n                        100% {\n                            background-position: 200% 0;\n                        }\n                    }\n                "})]})}));t.Z=d},7951:function(e,t,n){n.d(t,{BU:function(){return r},FC:function(){return a}});let i,o=!1;function r(){return i?i.play().then((()=>{o=!0,console.debug("iOS autoplay restrictions bypassed."),i.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function a(){i||(i=document.createElement("video"),i.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",i.muted=!0,i.playsInline=!0,i.style.display="none",document.body.appendChild(i));const e=()=>{o||r()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),d=n(7753),s=n(9821);var l=function(e){const[t,n,i,o,r]=(0,s.Z)(),[l]=(0,d.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,d.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.YP]===a.$w?c/100:l/100*1.2;return[t*u,n*u,r]},c=n(9723),u=n(9461),p=n.n(u),h=n(1195),v=n(7108),m=(n(7244),n(123),n(9854)),f=n(6417);var w=function(e){var t;const n=o.useRef(null);var[s,u,w]=l();const g=(0,d.MO)("whatmoreUITheme"),[x]=(0,d.j1)("whatmoreEmbedAppVideoTitle"),[_]=(0,d.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,d.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[E]=(0,d.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[b]=(0,d.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,d.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[j]=(0,d.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),S=(0,d.MO)("whatmoreShopId");var L=_,C=y,P=E;w[a.YP]===a.$w&&(L=b,C=I,P=j);const[D,O]=(0,o.useState)(["initial",window.pageYOffset]),[T,K]=(0,o.useState)(!1),A=null!==(t=e.isSpotlight)&&void 0!==t&&t,k=w[a.YP]===a.$w?.7*(0,m.zGA)(S):(0,m.zGA)(S),z=A?k:1;s*=z,u*=z;const V=A?(0,m.G0o)(S):L,M=A?(0,m.X8j)(S):(0,m.lVn)(S),[N,F]=(0,o.useState)(!A&&(0,m.eXi)(S));function Y(e,t){O(e),e[1]<=100?K(!1):t!=T&&(K(t),F(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(Y([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},i=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)}),[D]),(0,i.O3)({ref:n,handler:()=>{Y(["scrolled-up",D[1]],!0)}});const $=e.event,R=e.inVideoClick,Z=e.closeClick,W=.3*u,U=.6*u,B=.1*u,H=.1*(.5*u),G="round"==g?"10px":"0px",q=(0,m.Z$A)(S);var J=!1,X=0,Q=0;function ee(e){J=e}return(0,f.jsx)("div",{children:N&&!M?(0,f.jsx)(f.Fragment,{}):T&&M?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:A?(0,m.vnu)(S)+"px":P+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:A?(0,m.vnu)(S)+"px":P+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{onClick:()=>{Y(["initial",D[1]],!1)},style:{margin:"1px",width:u+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:$.thumbnail_image,isPlaying:!1,event:$})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"},onClick:Z})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(v.Z,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{nodeRef:n,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,i;n=t.x,i=t.y,X=n,Q=i},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-X)>5||Math.abs(t.y-Q)>5)?ee(!1):R($)},children:(0,f.jsx)("div",{ref:n,style:"left"===V?{left:A?(0,m.$II)(S)+"px":C+"px",bottom:A?(0,m.vnu)(S)+"px":P+"px",position:"fixed",zIndex:q}:{right:A?(0,m.$II)(S)+"px":C+"px",bottom:A?(0,m.vnu)(S)+"px":P+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==S?s+"px":u+"px",height:e.isSpotlight&&"60122562760"==S?u+"px":s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==S?16/9:9/16},children:(0,f.jsx)(r.Z,{url:$.thumbnail_image,isMuted:!0,isPlaying:!0,event:$})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:Z,style:{position:"relative",zIndex:1,left:B+"px",bottom:B+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,m.Ya_)(S),fontSize:U+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:x?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",x]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),d=n(5160),s=n(6967),l=n(5380),c=n(58),u=n(8984),p=n(4669),h=n(513),v=n(9302),m=n(2575),f=n(7300),w=n(6524),g=n(364),x=n(4522),_=n(778),y=n(7643),E=n(7008),b=n(7381),I=n(8181),j=n(6095),S=n(653),L=n(7951),C=n(6417);const P=(0,m.Z)({key:"whatmore-css-ppv"}),D=i.lazy((()=>Promise.all([n.e(819),n.e(210),n.e(577),n.e(745),n.e(926),n.e(824),n.e(348),n.e(647)]).then(n.bind(n,6348))));function O(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[m,T]=(0,i.useState)(),{whatmoreIsPreviewMode:K}=(0,i.useContext)(g.I),[A]=(0,a.j1)("isInDesignMode"),[k]=(0,a.j1)("isDemoBrand"),[z]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[V,M]=(0,i.useState)(-2),[N]=(0,a.j1)("whatmoreVariantId"),[F]=(0,a.j1)("whatmoreShopId");var[Y]=(0,a.j1)("whatmoreProductId");const $=(0,a.MO)("isLandingSharedLink"),R=(0,a.MO)("whatmoreShareTemplateId"),Z=(0,a.MO)("whatmoreShareEventId"),W=$&&"template-embed"===(0,w.zv)(R),[U,B]=(0,i.useState)(W);Y=(0,o.iXA)(F)?O(window.location.href):Y;const[H,G]=(0,i.useState)((()=>"true"===z?N:Y));var q=r.Gc+"/v2/brand/"+F+"/product-events";const{whatmoreWidgetSourceDetails:J}=(0,i.useContext)(g.I);(0,i.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!"),(0,s.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,E.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(F)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||m||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||((0,S.j)()?(0,c.b5)(c.UD):(0,L.FC)())}),[t]),(0,i.useEffect)((()=>{if(M(-1),(0,o.ly4)(F)){const e=`${r.Gc}/v2/brand/${F}/product-events/recommendation`,t=(0,o.FSv)(F);fetch(`${e}?client_product_id=${H}&limit=10&recommended=${!t}&origin=${window.location.hostname}&status=live,upcoming&event_type=video`).then((e=>e.json())).then((e=>{var i;const o=e=>{var t;return null===(t=e.products)||void 0===t?void 0:t.some((e=>"oos"!=(null===e||void 0===e?void 0:e.product_status)))},r=null===e||void 0===e||null===(i=e.events)||void 0===i?void 0:i.filter((e=>o(e)));if((null===r||void 0===r?void 0:r.length)>0){var a,d,s;const i=t?null===e||void 0===e||null===(a=e.all_events)||void 0===a?void 0:a.filter((e=>o(e))):null===e||void 0===e||null===(d=e.related_events)||void 0===d?void 0:d.filter((e=>o(e))).map((e=>({...e,isRelatedEvent:!0})));(null===i||void 0===i?void 0:i.length)>0&&(null===e||void 0===e||null===(s=e.product_info)||void 0===s?void 0:s.length)>0&&"6749782119"!=F?n([...r,...i,{event_type:"recommended_images",product_list:[...e.product_info]}]):n([...r,...i])}else n([])})).catch((e=>T(e.message)))}else fetch(q.toString()+"?client_product_id="+H.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(null!=e&&0!=e.length&&(0,o.Htz)(F)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(F)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==O(window.location.href))return;const i={product_id:n.product_id,product_link:O(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,H),e))).catch((e=>{T(e.message)}))}),[H]),(0,i.useEffect)((()=>{var e,n;M(-2),(t&&t.length>0||(0,o.uO6)(F))&&(0,x.PB)({userInteractionType:_.K.PDP_VISITED,widgetSourceDetails:J,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(e=t[0])||void 0===e?void 0:e.products,ctaList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.cta})}),[t]),(0,i.useEffect)((()=>{let e=history.pushState;history.pushState=function(){let t=e.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};let t=history.replaceState;history.replaceState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("true"===z){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");if(i[0]==e)return i[1]}return!1}("variant");e&&""!==e&&G(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!m&&W&&((0,j.A)("whatmore-video-player",(()=>{B(!1)})),null!=Z)){const e=t.find((e=>Z==e.event_id));if(e)return void ee(e,!0,t.indexOf(e))}}),[t]);const X=J.landingLocationType,Q=J.templateType,ee=async function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,u.KE)()&&!t&&await((0,S.j)()?(0,c.QV)():(0,L.FC)()),(0,f.B6)(e)||(0,f.WJ)(e))return A||k||(async()=>{const t=(0,w.NY)(X)+(0,w.dS)(Q)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.wh)(e),(0,p.Tc)(F,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void M(n)};function te(){return(0,C.jsx)(C.Fragment,{})}return null==t||0==t.length||m?(0,C.jsx)("div",{}):(0,C.jsxs)(v.C,{value:P,children:[U&&(0,C.jsx)(I.Z,{}),"no-product"===H||-1===V||0===t.length?(0,C.jsx)(te,{}):-2===V&&t.length>0?(0,C.jsx)("div",{children:(0,C.jsx)(y.u,{userInteractionType:_.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!A&&!k,children:(0,C.jsx)(l.Z,{event:t[0],inVideoClick:ee,closeClick:e=>{var n;e.stopPropagation(),M(-1),(0,x.GF)({userInteractionType:_.K.PDP_POPUP_CLOSED,widgetSourceDetails:J,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.products})}})})}):(0,C.jsx)("div",{children:(0,C.jsx)(i.Suspense,{children:(0,C.jsx)(y.u,{userInteractionType:_.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!A&&!k,children:(0,C.jsx)(D,{events:t,index:V,onBack:function(e){(0,o.n2L)(F)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(F,(()=>{}),100,window.location.hostname,e),M(-2),B(!1)},template:"template-product-page"})})})})]})}},6095:function(e,t,n){function i(e,t){let n=0;let i=new MutationObserver((function(){document.querySelector("."+e)?(t(),i.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),i.disconnect()}),8e3))}));i.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{A:function(){return i}})},6805:function(e,t,n){n.d(t,{$I:function(){return d},$w:function(){return l},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return i},rE:function(){return s}});const i="device_type",o="device_mode",r="mobile",a="tablet",d="desktop",s="portrait",l="landscape"},9821:function(e,t,n){var i=n(7753),o=n(8866),r=n(6805),a=n(9854);t.Z=function(e){const[t,n,d]=(0,o.Z)(),[s]=(0,i.j1)("whatmoreLandscapePadding"),[l]=(0,i.j1)("whatmoreShopId"),[c]=(0,i.j1)("whatmoreVideoTileSize"),[u]=(0,i.j1)("whatmoreVideoTileSizePortrait"),p=d>=1025,h="portrait"==t?u:c,v=!("portrait"!=t||!(d>=481)),m=h/100*1.3*.5,f=h/100;var w=Math.min(d,n),[g,x,_,y]=[.6*w*(16/9),.6*w,1.4,0];function E(e){return Math.round(10*e)/10}var b={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(p){const e=x*m,t=g*m;[g,x,_,y]=[t,e,(d-2*s-2*(0,a.mZU)(l))/(1.1*e),s],b[r.me]=r.$I,b[r.YP]=r.$w}else if(v){var I=.8*x,j=.8*g;"portrait"==t?(I*=f,j*=f,[g,x,_,y]=[j,I,E(d/(1.2*I)),0],b[r.me]=r.AL,b[r.YP]=r.rE):([g,x,_,y]=[j,I,(d-2*s)/(1.1*I),s],b[r.me]=r.AL,b[r.YP]=r.$w)}else{I=x,j=g;"portrait"==t?(I=I*f*.9,j=j*f*.9,[g,x,_,y]=[j,I,E(d/(1.15*I)),0],b[r.me]=r.AK,b[r.YP]=r.rE):(I=.7*x,j=.7*g,[g,x,_,y]=[j,I,(d-2*s)/(1.1*I),s],b[r.me]=r.AK,b[r.YP]=r.$w)}return[g,x,_,y,b]}},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return l},y4:function(){return u},PB:function(){return p},Z2:function(){return c}});var i=n(9854),o=n(7753),r=n(778);function a(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=(0,o.MO)("whatmoreShopId");(e!=r.K.EVENT_VIEW||(0,i.UAB)(a))&&(e!=r.K.VIDEO_PLAYBACK||(0,i.JP0)(a))&&(e!=r.K.SHOPNOW_ATC_CLICKED&&e!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(a))&&(e!=r.K.VIDEO_LIKED||(0,i.sKB)(a))&&(e!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(a))&&(e!=r.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=r.K.SHOPNOW_CLICKED||(0,i.ejq)(a))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===r.K.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var d=n(733);const s={[r.K.EVENT_VIEW]:"whatmore_video_click_event",[r.K.VIDEO_LIKED]:"whatmore_video_like_event",[r.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[r.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[r.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[r.K.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.K.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.K.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function l(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.s)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0])}function c(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.s)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0],i)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}function p(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}},7244:function(){}}]);

package/static/js/recommended-carousel.9a69fdec.chunk.js

@@ -1,2 +0,0 @@
-/*! For license information please see recommended-carousel.9a69fdec.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[258],{5824:function(e,t,o){o.r(t),o.d(t,{default:function(){return O}});var r=o(7313),a=o(3366),n=o(7462),s=o(1921),i=o(3061),l=o(8564),c=o(3530),u=o(2298),m=o(7430);function d(e){return(0,u.Z)("MuiImageList",e)}(0,m.Z)("MuiImageList",["root","masonry","quilted","standard","woven"]);var f=r.createContext({}),p=o(6417);const g=["children","className","cols","component","rowHeight","gap","style","variant"],h=(0,l.ZP)("ul",{name:"MuiImageList",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.variant]]}})((e=>{let{ownerState:t}=e;return(0,n.Z)({display:"grid",overflowY:"auto",listStyle:"none",padding:0,WebkitOverflowScrolling:"touch"},"masonry"===t.variant&&{display:"block"})}));var v=r.forwardRef((function(e,t){const o=(0,c.Z)({props:e,name:"MuiImageList"}),{children:l,className:u,cols:m=2,component:v="ul",rowHeight:y="auto",gap:w=4,style:x,variant:b="standard"}=o,Z=(0,a.Z)(o,g),S=r.useMemo((()=>({rowHeight:y,gap:w,variant:b})),[y,w,b]);r.useEffect((()=>{0}),[]);const C="masonry"===b?(0,n.Z)({columnCount:m,columnGap:w},x):(0,n.Z)({gridTemplateColumns:`repeat(${m}, 1fr)`,gap:w},x),I=(0,n.Z)({},o,{component:v,gap:w,rowHeight:y,variant:b}),j=(e=>{const{classes:t,variant:o}=e,r={root:["root",o]};return(0,s.Z)(r,d,t)})(I);return(0,p.jsx)(h,(0,n.Z)({as:v,className:(0,i.default)(j.root,j[b],u),ref:t,style:C,ownerState:I},Z,{children:(0,p.jsx)(f.Provider,{value:S,children:l})}))})),y=(o(478),o(7816));function w(e){return(0,u.Z)("MuiImageListItem",e)}var x=(0,m.Z)("MuiImageListItem",["root","img","standard","woven","masonry","quilted"]);const b=["children","className","cols","component","rows","style"],Z=(0,l.ZP)("li",{name:"MuiImageListItem",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[{[`& .${x.img}`]:t.img},t.root,t[o.variant]]}})((e=>{let{ownerState:t}=e;return(0,n.Z)({display:"block",position:"relative"},"standard"===t.variant&&{display:"flex",flexDirection:"column"},"woven"===t.variant&&{height:"100%",alignSelf:"center","&:nth-of-type(even)":{height:"70%"}},{[`& .${x.img}`]:(0,n.Z)({objectFit:"cover",width:"100%",height:"100%",display:"block"},"standard"===t.variant&&{height:"auto",flexGrow:1})})}));var S=r.forwardRef((function(e,t){const o=(0,c.Z)({props:e,name:"MuiImageListItem"}),{children:l,className:u,cols:m=1,component:d="li",rows:g=1,style:h}=o,v=(0,a.Z)(o,b),{rowHeight:x="auto",gap:S,variant:C}=r.useContext(f);let I="auto";"woven"===C?I=void 0:"auto"!==x&&(I=x*g+S*(g-1));const j=(0,n.Z)({},o,{cols:m,component:d,gap:S,rowHeight:x,rows:g,variant:C}),k=(e=>{const{classes:t,variant:o}=e,r={root:["root",o],img:["img"]};return(0,s.Z)(r,w,t)})(j);return(0,p.jsx)(Z,(0,n.Z)({as:d,className:(0,i.default)(k.root,k[C],u),ref:t,style:(0,n.Z)({height:I,gridColumnEnd:"masonry"!==C?`span ${m}`:void 0,gridRowEnd:"masonry"!==C?`span ${g}`:void 0,marginBottom:"masonry"===C?S:void 0},h),ownerState:j},v,{children:r.Children.map(l,(e=>r.isValidElement(e)?"img"===e.type||(0,y.Z)(e,["Image"])?r.cloneElement(e,{className:(0,i.default)(k.img,e.props.className)}):e:null))}))})),C=o(564),I=o(3649),j=o(3019),k=o(3103);const N=["sx"];function M(e){const{sx:t}=e,o=(0,a.Z)(e,N),{systemProps:r,otherProps:s}=(e=>{const t={systemProps:{},otherProps:{}};return Object.keys(e).forEach((o=>{k.Gc[o]?t.systemProps[o]=e[o]:t.otherProps[o]=e[o]})),t})(o);let i;return i=Array.isArray(t)?[r,...t]:"function"===typeof t?function(){const e=t(...arguments);return(0,j.P)(e)?(0,n.Z)({},r,e):r}:(0,n.Z)({},r,t),(0,n.Z)({},s,{sx:i})}var P=o(4647);const R=["className","component"];var E=o(1271);const $=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{defaultTheme:t,defaultClassName:o="MuiBox-root",generateClassName:s,styleFunctionSx:l=I.Z}=e,c=(0,C.ZP)("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})(l),u=r.forwardRef((function(e,r){const l=(0,P.Z)(t),u=M(e),{className:m,component:d="div"}=u,f=(0,a.Z)(u,R);return(0,p.jsx)(c,(0,n.Z)({as:d,ref:r,className:(0,i.default)(m,s?s(o):o),theme:l},f))}));return u}({defaultTheme:(0,o(1341).Z)(),defaultClassName:"MuiBox-root",generateClassName:E.Z.generate});var H=$,L=o(2248);var _=o(3429),B=o(6159);var O=e=>{let{imageUrls:t,onBack:o,mode:a,showCloseOverlay:n}=e;const[s,i]=(0,r.useState)(null),[l,c]=(0,r.useState)(0),[u,m]=(0,r.useState)(!1),d=(0,P.Z)(L.Z),f=t.slice(0,6),g=f.length%2!==0,h=window.location.hostname;(0,r.useEffect)((()=>{if("portrait"===a&&!u){const e=setInterval((()=>{c((e=>(e+1)%f.length))}),2e3);return()=>clearInterval(e)}}),[a,u,f.length]);const y=()=>{"portrait"!==a&&i(null)};return(0,p.jsxs)(H,{sx:{position:"relative",padding:d.spacing(1),maxWidth:"100vw",overflow:"hidden"},children:[("portrait"==a||n)&&(0,p.jsx)(H,{sx:{position:"fixed",top:d.spacing(1),right:d.spacing(1),zIndex:2e3},children:(0,p.jsx)(B.Z,{onCloseCallback:o})}),(0,p.jsx)(v,{cols:2,gap:d.spacing(1),sx:{marginBottom:d.spacing(2),height:2===f.length?"100vh":"auto",maxHeight:"100vh",overflow:"hidden"},children:f.map(((e,t)=>(0,p.jsxs)(S,{cols:g&&t===f.length-1?2:1,sx:{position:"relative",overflow:"hidden",height:"auto",display:"flex",justifyContent:"center",alignItems:"center"},onMouseEnter:()=>(e=>{"portrait"!==a&&i(e)})(t),onMouseLeave:y,onClick:()=>(e=>{m(!0),c(e)})(t),children:[(0,p.jsx)(_.E.img,{src:e.featured_image.split("?")[0],style:{width:"100%",height:"100%",objectFit:"cover",cursor:"pointer",borderRadius:d.shape.borderRadius}}),(s===t||"portrait"===a&&l===t)&&(0,p.jsx)(_.E.div,{initial:{opacity:0},animate:{opacity:.8},transition:{duration:.3},style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:10},children:(0,p.jsx)(_.E.a,{href:`https://${h}${e.url}`,target:"_blank",rel:"noopener noreferrer",style:{padding:d.spacing(1,1.5),fontSize:"0.9rem",borderRadius:d.shape.borderRadius,backgroundColor:"rgba(255, 255, 255, 0.7)",color:d.palette.text.primary,textDecoration:"none",cursor:"pointer",textAlign:"center",transform:4===t||5===t?"translateY(-240%)":"none"},whileHover:{backgroundColor:"rgba(255, 255, 255, 0.9)"},children:"SHOP NOW"})})]},t)))})]})}},5436:function(e,t){var o,r=Symbol.for("react.element"),a=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.server_context"),m=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen");function v(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case n:case i:case s:case d:case f:return e;default:switch(e=e&&e.$$typeof){case u:case c:case m:case g:case p:case l:return e;default:return t}}case a:return t}}}o=Symbol.for("react.module.reference")},478:function(e,t,o){o(5436)}}]);