whatmore-react-assets 1.0.1100 → 1.0.1102

package/static/js/carousel-template-a.cdb01e7b.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[978],{1492:function(e,t,o){o.r(t),o.d(t,{default:function(){return _}});var i=o(7313),n=o(6090),r=o(7616),l=o(32),s=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),a=o(2575),d=o(2210),p=o(8486),c=o(9821),u=o(8866),h=o(2279),m=o.n(h),y=o(7753),v=o(7129),x=o(1855),f=o(9854),g=o(364),w=o(4920),P=o(4522),j=o(778),S=o(7381),C=(o(3439),o(4892)),O=o(6805),I=o(9219),M=o(5945),b=o(7053),k=o(6417);var F=function(e){var t,o,n,r,l,s,a,d,p,u,h,m,x,w,P,j,S,F,E;const[Z,N,_,W,R]=(0,c.Z)();var T=(0,i.useContext)(v.V);const D=(0,y.MO)("whatmoreUITheme"),U=(0,y.MO)("whatmoreShopId"),z=(0,y.MO)("whatmorePrimaryFont"),V=(0,y.MO)("whatmoreSecondaryColor"),H=e.onClick,A=null===(t=e.isOnFocus)||void 0===t||t,$=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,B=null!==(n=e.animateOnFocus&&(0,f.iWI)(U))&&void 0!==n&&n,G="portrait"===R[O.YP],q=(G?1.076*N*(0,f.pEd)(U):N*(0,f.H4g)(U))+"px",L=(G?1.076*N*(0,f.pEd)(U):N*(0,f.H4g)(U))+"px",X=(G?.965*N*(0,f.pEd)(U):.859*N*(0,f.H4g)(U))+"px",Y=(0,f.nzC)(U),{whatmoreIsPreviewMode:J}=(0,i.useContext)(g.I),K=.25*N,Q=K+"px",[ee,te]=(0,i.useState)(e.event),[oe,ie]=(0,i.useState)(),ne=Math.round(+(null===(r=ee.products)||void 0===r||null===(l=r[0])||void 0===l?void 0:l.price)),re=Math.round(+(null===ee||void 0===ee||null===(s=ee.products[0])||void 0===s?void 0:s.compare_price)),le=re&&0!=re&&re>ne?Math.round((re-ne)/re*100):NaN,[se,ae]=(0,i.useState)(le);return(0,i.useEffect)((()=>{(0,f.N8M)(U)&&(0,I.p_)(ee,(0,f.Ipo)(U),U).then((e=>{var t,o,i;te(e);const n=Math.round(null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.price),r=Math.round(null===e||void 0===e||null===(i=e.products[0])||void 0===i?void 0:i.compare_price),l=r&&0!=r&&r>n?Math.round((r-n)/r*100):NaN;ae(l)}));(async()=>{var e;const t=await(0,b.p)(null===ee||void 0===ee||null===(e=ee.products)||void 0===e?void 0:e[0],(0,f.Ipo)(U),U);ie(t)})()}),[]),(0,k.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",T.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",T.tileBottomMMargin+"px","important"))},children:[(0,k.jsx)("div",{style:{margin:"0 auto",width:N,height:G&&A?"STR2FOC6KG9"==U||"STRDOIDF6O7"==U?Z:1.1*Z:Z,borderRadius:"round"==D?"5px":"0px",boxShadow:"round"==D?Y:null,borderWidth:(0,f.alU)(U),borderColor:(0,f.qPe)(U),overflow:"hidden",cursor:"pointer"},className:B?A?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{H(ee)},children:(0,k.jsx)(C.Z,{height:(0,f.dXm)(U)+" !important",width:"100%",url:ee.thumbnail_image,isPlaying:A||$,event:ee})}),"STRSJFOP1GI"!=U&&(0,k.jsxs)("div",{onClick:()=>{H(ee)},className:B?A?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{cursor:"pointer",display:"flex",gap:"6px",padding:"16px 12px"},children:[(J?(0,f.uU$)(U):(0,f.EIj)(U))&&(0,k.jsx)("div",{style:{maxWidth:Q,minWidth:null!==(a=ee.products)&&void 0!==a&&null!==(d=a[0])&&void 0!==d&&d.thumbnail_image?Q:"0",overflow:"hidden"},children:(0,k.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,f.yOX)(U),"important")},src:null===(p=ee.products)||void 0===p||null===(u=p[0])||void 0===u?void 0:u.thumbnail_image})}),(0,k.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",q,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"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"))},children:(0,M.s)(null===(h=ee.products[0])||void 0===h?void 0:h.title)}),(0,f.QaY)(U)&&(0,k.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(U)?"row":"row-reverse",justifyContent:(0,f.$zZ)(U)?"flex-start":"flex-end"},children:[(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(U),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(U)?"normal":"bold"},children:(0,I.jx)(parseFloat(null!==(m=null===oe||void 0===oe?void 0:oe.price)&&void 0!==m?m:null===ee||void 0===ee||null===(x=ee.products)||void 0===x||null===(w=x[0])||void 0===w?void 0:w.price)," ",U,null===(P=ee.products[0])||void 0===P?void 0:P.currency)}),!isNaN(re)&&re>ne&&(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(U),"important"),e.style.setProperty("font-size",L,"important"),e.style.setProperty("font-family",z,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,I.jx)(parseFloat(null!==(j=null===oe||void 0===oe?void 0:oe.compare_at_price)&&void 0!==j?j:null===ee||void 0===ee||null===(S=ee.products)||void 0===S||null===(F=S[0])||void 0===F?void 0:F.compare_price)," ",U,null===(E=ee.products[0])||void 0===E?void 0:E.currency)})]}),(0,f.QaY)(U)&&!isNaN(se)&&0!=se&&(0,k.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,f.ZJm)(U)?"#343434"==V?(0,f.ZJm)(U):V:(0,f.ZJm)(U),alignItems:"center",borderRadius:(0,f.CF_)(U)+"px",width:"fit-content",padding:(0,f.Spx)(U)?"3px 6px":"0px"},children:(0,f.Spx)(U)?(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(U),"important"),e.style.setProperty("font-size",X,"important"),e.style.setProperty("font-family",z,"important"))},children:`${se}% Off`}):(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(U),"important"),e.style.setProperty("font-size",X,"important"),e.style.setProperty("font-family",(0,f.V3Y)(U),"important"))},children:(0,f.sG7)(U)})})]})]})]})};const E=(0,a.Z)({key:"whatmore-css-hv"});function Z(e){const[t,o,n]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=e.events,s=e.onClick,a=n*(0,f.u6l)(r),p=(0,f.yBw)(r),[u,h]=(0,i.useState)(p?l.length:a),{whatmoreWidgetSourceDetails:m}=(0,i.useContext)(g.I);return(0,i.useEffect)((()=>{u<=a&&h((e=>e+a))}),[a]),(0,k.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,k.jsx)(d.tq,{slidesPerView:l.length>1?"51394281658"==r?2:a:1,initialSlide:l.length>1&&"51394281658"!=r?1:0,centeredSlides:"51394281658"!=r,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:"51394281658"==r?1:.5,onSlideChange:e=>{(0,P.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m}),e.realIndex>e.previousIndex&&h((e=>e+a))},loop:p||"8968077397"==r,children:l.map(((e,t)=>t<=u&&(0,k.jsx)(d.o5,{children:t=>{let{isActive:o,isPrev:i,isNext:n,isVisible:l}=t;return i||n||o||"51394281658"==r||"8968077397"==r?(0,f.$X$)(r)?(0,k.jsx)(F,{isOnFocus:o&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(w.Z,{isOnFocus:("51394281658"==r||o)&&l,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{s(e)}}):(0,k.jsx)(x.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function N(e){const[t,o,n,r]=(0,c.Z)(),[l,s]=(0,i.useState)(-1),a=(0,y.MO)("whatmoreShopId"),u=e.onClick,h=e.events,v=(0,f.yBw)(a),[S,C]=(0,i.useState)(v?h.length:n),O="8968077397"==a?Math.floor(Math.min(n,h.length)):Math.min(n,h.length),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(g.I);return(0,i.useEffect)((()=>{S<=n&&C((e=>e+n))}),[n]),(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,k.jsx)("div",{style:{width:o*O*(0,f.Su5)(a)+"px",height:"100%"},children:(0,k.jsx)(d.tq,{slidesPerView:O,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:"8968077397"==a?2:parseInt(O),onSlideChange:e=>{(0,P.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&C((e=>e+n))},spaceBetween:0,loop:v,style:{height:"100%"},children:h.map(((e,t)=>{const o=m()((()=>s(t)),300);return t<=S&&(0,k.jsx)(d.o5,{className:"8968077397"==a?"whatmore-plush-css":"",onMouseEnter:()=>{o()},onMouseLeave:()=>{o.cancel(),s(-1)},style:{height:"100%"},children:o=>{let{isActive:i,isPrev:n,isNext:r,isVisible:s}=o;return s||"8968077397"==a&&(n||r)?(0,f.$X$)(a)?(0,k.jsx)(F,{isOnFocus:t==l,playOnUnfocus:!(0,f.dHy)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,k.jsx)(w.Z,{isOnFocus:t==l,playOnUnfocus:!(0,f.dHy)(a)||t==parseInt(O/2)&&-1==l,animateOnFocus:!0,event:e,onClick:()=>{u(e)}}):(0,k.jsx)(x.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var _=function(e){const[t,o,a]=(0,u.Z)(),[d]=(0,y.j1)("whatmoreShopId"),[p]=(0,y.j1)("whatmorePrimaryColor"),[c]=(0,y.j1)("whatmoreTitleFont"),h="portrait"==t?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:m}=(0,i.useContext)(g.I),x=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:w}=(0,i.useContext)(g.I),P=e.events,j=e.onClick,C=c;function O(e){j(e)}return(0,i.useEffect)((()=>{(0,S.Oo)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{l.IR.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,k.jsx)(s.C,{value:E,children:(0,k.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,k.jsx)(n.x,{theme:r.ZP,cssVarsRoot:m,resetCSS:!1,children:(0,k.jsxs)(v.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,k.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",h+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(d),lineHeight:(0,f.vY4)(d),letterSpacing:(0,f.X2K)(d)},children:w?"W"!==x?x:"":e.heading})}):(0,k.jsx)(k.Fragment,{}),"landscape"===t?(0,k.jsx)(N,{events:P,onClick:O}):(0,k.jsx)(Z,{events:P,onClick:O})]})})})})}},1855:function(e,t,o){var i=o(7313),n=o(9821),r=o(7129),l=o(7753),s=o(6417);t.Z=function(e){var[t,o]=(0,n.Z)();(0,i.useContext)(r.V);const a=(0,l.MO)("whatmoreShopId");return e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:"8968077397"==a?"100%":t,overflow:"hidden"}})}},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);