whatmore-react-assets 1.0.1099 → 1.0.1101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/static/js/{carousel-template-a.4fcea18a.chunk.js → carousel-template-a.284ea505.chunk.js} +1 -1
- package/static/js/{carousel-template-b.1792127d.chunk.js → carousel-template-b.909ff005.chunk.js} +1 -1
- package/static/js/{carousel-template-f.8545cbbe.chunk.js → carousel-template-f.3ac9c173.chunk.js} +2 -2
- package/whatmore.js +2 -2
package/package.json
CHANGED
package/static/js/{carousel-template-a.4fcea18a.chunk.js → carousel-template-a.284ea505.chunk.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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),C=o(7381),S=(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,C,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)(S.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===(C=ee.products)||void 0===C||null===(F=C[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),[C,S]=(0,i.useState)(v?h.length:n),O=Math.min(n,h.length),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(g.I);return(0,i.useEffect)((()=>{C<=n&&S((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:parseInt(O),onSlideChange:e=>{(0,P.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&S((e=>e+n))},spaceBetween:0,loop:v,style:{height:"100%"},children:h.map(((e,t)=>{const o=m()((()=>s(t)),300);return t<=C&&(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?(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,S=c;function O(e){j(e)}return(0,i.useEffect)((()=>{(0,C.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",S,"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(6417);t.Z=function(e){var[t,o]=(0,n.Z)();return(0,i.useContext)(r.V),e.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
1
|
+
"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,_,R,W]=(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"===W[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:"8968077397"==a?void 0:o,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":t,overflow:"hidden"}})}},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
package/static/js/{carousel-template-b.1792127d.chunk.js → carousel-template-b.909ff005.chunk.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[437],{3867:function(t,e,i){var n=i(8816),o=i(417),r=i(4885),l=i(7753),s=i(6417);e.Z=function(t){var e;const i=(0,l.MO)("whatmoreUITheme"),[a]=(0,l.j1)("whatmoreSecondaryColor"),[d,p]=(0,l.j1)("productRatings"),c=(0,l.MO)("whatmorePrimaryFont"),h=t.productId,x=t.fontSize,m=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(h in d)||d[h].avgRating>5)return(0,s.jsx)(s.Fragment,{});const y=d[h].avgRating,f=d[h].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(y))].map(((t,e)=>(0,s.jsx)(n.Z,{sx:{color:a,fontSize:x+"px"}},"star-icon"+e))),y-Math.floor(y)>.2?(0,s.jsx)(o.Z,{sx:{color:a,fontSize:x+"px"}},"star-half-icon"):y-Math.floor(y)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon"),[...Array(Math.floor(5-y))].map(((t,e)=>(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon-"+e))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:a,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"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",y,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",m,"important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"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","("+f+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return E}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),p=i(8486),c=i(9821),h=i(8866),x=i(2279),m=i.n(x),y=i(7753),f=i(7129),u=i(9854),g=i(364),w=i(1855),v=i(4892),j=i(3933),P=i(1092),C=i(5945),b=i(5456),I=i(3867),S=i(9219),k=i(9363),O=i(7053),M=i(5416),F=i(6417);const _=n.lazy((()=>Promise.all([i.e(577),i.e(587),i.e(818),i.e(842)]).then(i.bind(i,6163))));var R=function(t){var e,i,o,r;const l=(0,y.j1)("whatmoreUITheme");var[s,a]=(0,c.Z)();const[d]=(0,y.j1)("whatmorePrimaryFont"),[p]=(0,y.j1)("whatmoreSecondaryColorShade900"),[h]=(0,y.j1)("whatmoreShopId"),[x,m]=(0,n.useState)(0),[f,w]=(0,n.useState)(t.event),[v,j]=(0,n.useState)(),[P,R]=(0,n.useState)(!1),z=t.onClick,Z=f.products.length,{whatmoreIsPreviewMode:L}=(0,n.useContext)(g.I);if(0==Z)return(0,F.jsx)(F.Fragment,{});(0,n.useEffect)((()=>{(0,u.N8M)(h)&&(0,S.p_)(f,(0,u.Ipo)(h),h).then((t=>{w(t),R(!0)}));(async()=>{var t;const e=await(0,O.p)(null===f||void 0===f||null===(t=f.products)||void 0===t?void 0:t[0],(0,u.Ipo)(h),h);j(e),R(!0)})()}),[]);const T=L,W=.3*a,U=W+"px",B=W+"px",A=.05*a+"px",D=.07*a,E=D+"px",H=.05*a;return(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*a,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:z,children:[(0,F.jsx)("div",{style:{width:U,height:B,overflow:"hidden",backgroundColor:p,borderRadius:"round"==l?"5px":"0px",borderWidth:"0px"==(0,u.alU)(h)?"2px":(0,u.alU)(h),borderColor:"white"==(0,u.qPe)(h)?p:(0,u.qPe)(h)},children:(0,F.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,u.yOX)(h),"important")},src:(0,k.s)(f.products[x].thumbnail_image,"&width=400&height=400"),style:{width:U,height:U,borderRadius:"round"==l?"5px":"0px",backgroundColor:p},alt:"product image"})}),(0,F.jsx)("div",{style:{width:.7*a+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==l?"5px":"0px"},children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",A,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"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:(0,C.s)(f.products[x].title)})}),(0,F.jsxs)("div",{style:{display:"flex",flexFlow:(0,u.$zZ)(h)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,u.$zZ)(h)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[P&&(0,F.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,u.Uyp)(h),"important"),t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.price:null===f||void 0===f||null===(e=f.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",h,f.products[x].currency)]}),(0,b.B)(f.products[x].price,f.products[x].compare_price)&&P?(0,F.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,u.kPs)(h),"important"),t.style.setProperty("font-size",.9*D+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.compare_at_price:null===f||void 0===f||null===(o=f.products)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.compare_price),"",h,f.products[x].currency)]}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(I.Z,{storeId:h,productId:f.products[x].client_product_id,productLink:f.products[x].product_link,fontSize:H})]})})]},x),(0,u.IXJ)(h)||T&&"5141594210"==h?(0,F.jsx)(n.Suspense,{children:(0,F.jsx)(_,{baseFontSize:.05*a,event:f,product:f.products[0],width:.9*a,height:"fit-content"})}):(0,F.jsx)(F.Fragment,{})]})},z=i(3388);function Z(t){const[e,i,n,o,r]=(0,c.Z)(),l=(0,y.MO)("whatmoreUITheme"),s=(0,y.MO)("whatmoreShowViews"),a=(0,y.MO)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,m,f]=(0,j.YD)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:"show"===s?(0,F.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,F.jsx)(P.Z,{event:g,fontSize:.07*i+"px"})})}):(0,F.jsx)(F.Fragment,{})}),(0,F.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,z.xg)(g,a)?(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,u.alU)(a),borderColor:(0,u.qPe)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,F.jsx)("div",{ref:x,children:m&&(0,u.PWD)(a)?(0,F.jsx)(R,{event:g,onClick:()=>{var e,i;(0,u.I6m)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,u.lj5)(a)?i.product_link+"?"+(0,u.awP)(a)+"&"+(0,u.n9s)(a)+"&"+(0,u.vaK)(a):i.product_link):t.onClick(g)}}):(0,F.jsx)("div",{height:"20px"})})}):(0,F.jsx)(F.Fragment,{})]})})}var L=function(t){var e,i,o;const[r,l,s,a,d]=(0,c.Z)();var p=(0,n.useContext)(f.V);const h=(0,y.MO)("whatmoreUITheme"),x=(0,y.MO)("whatmoreShopId"),m=(0,y.MO)("whatmoreSecondaryColorShade600"),g=t.event,w=t.onClick,j=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,C=null!==(o=t.animateOnFocus&&(0,u.iWI)(x))&&void 0!==o&&o,b=(0,u.IXJ)(x)?.7:.8,I=r*b+"px",S=1-b,k=r*S,O=r*S+"px",M=r*S*.1,_=(0,u.nzC)(x);return(0,F.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*r+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?_:null,borderWidth:(0,u.alU)(x),borderColor:(0,u.qPe)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:C?j?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{w(g)},children:[(0,F.jsx)(v.Z,{height:I,width:"100%",url:g.thumbnail_image,isPlaying:j||P,event:g}),(0,z.xg)(g,x)?(0,F.jsx)("div",{style:{width:"100%",height:O,backgroundColor:m}}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(Z,{event:g,isOnFocus:j,PRODUCT_BOX_HEIGHT:k,PRODUCT_BOX_HEIGHT_IN_PX:O,PRODUCT_BOX_MARGIN:M,onClick:w})]})},T=i(778),W=i(4522),U=i(7381);const B=(0,a.Z)({key:"whatmore-css-hv"});function A(t){const[e,i,o]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=t.events,s=t.onClick,a=o*(0,u.u6l)(r),{whatmoreWidgetSourceDetails:p}=(0,n.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,F.jsx)(d.tq,{slidesPerView:l.length>1?a:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:p})},loop:(0,u.yBw)(r),children:l.map((t=>(0,F.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return n||o||i?(0,F.jsx)(L,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}}):(0,F.jsx)(w.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function D(t){const[e,i,o,r]=(0,c.Z)(),[l,s]=(0,n.useState)(-1),a=(0,y.MO)("whatmoreShopId"),h=t.onClick,x=t.events,f=Math.min(o,x.length),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,F.jsx)("div",{style:{width:i*f*1.1+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:f,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(f),onSlideChange:()=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v})},spaceBetween:(0,u.WGf)(a),loop:(0,u.yBw)(a),children:x.map(((t,e)=>{const i=m()((()=>s(e)),300);return(0,F.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:s}=i;return s?(0,F.jsx)(L,{isOnFocus:e==l,playOnUnfocus:!(0,u.dHy)(a)||e==parseInt(f/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,F.jsx)(w.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var E=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,y.j1)("whatmorePrimaryColor"),[p]=(0,y.j1)("whatmoreShopId"),[c]=(0,y.j1)("whatmoreSecondaryColor"),[x]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==e?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:u}=(0,n.useContext)(g.I),w=((0,y.MO)("isInDesignMode"),t.events),v=t.onClick,j=x,P=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(g.I);function b(t){v(t)}function I(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,U.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,F.jsx)(s.C,{value:B,children:(0,F.jsx)("div",{className:"whatmore-carousel-events",children:(0,F.jsx)(o.x,{theme:r.ZP,cssVarsRoot:u,resetCSS:!1,children:(0,F.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||C)?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":t.heading})}):(0,F.jsx)(F.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,F.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==P?P:"":I(t.heading)[0]}),(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":I(t.heading)[1]})]})}):(0,F.jsx)(F.Fragment,{}),"landscape"===e?(0,F.jsx)(D,{events:w,onClick:b}):(0,F.jsx)(A,{events:w,onClick:b})]})})})})}},1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7129:function(t,e,i){i.d(e,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,i){var n=i(7313),o=i(9821),r=i(7129),l=i(6417);e.Z=function(t){var[e,i]=(0,o.Z)();return(0,n.useContext)(r.V),t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:i,height:e,overflow:"hidden"}})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},5456:function(t,e,i){i.d(e,{B:function(){return n}});const n=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},8816:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.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=l},417:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.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=l},4885:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.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=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(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");e.Z=l},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[437],{3867:function(t,e,i){var o=i(8816),n=i(417),r=i(4885),l=i(7753),s=i(6417);e.Z=function(t){var e;const i=(0,l.MO)("whatmoreUITheme"),[a]=(0,l.j1)("whatmoreSecondaryColor"),[d,p]=(0,l.j1)("productRatings"),c=(0,l.MO)("whatmorePrimaryFont"),h=t.productId,x=t.fontSize,m=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(h in d)||d[h].avgRating>5)return(0,s.jsx)(s.Fragment,{});const y=d[h].avgRating,f=d[h].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(y))].map(((t,e)=>(0,s.jsx)(o.Z,{sx:{color:a,fontSize:x+"px"}},"star-icon"+e))),y-Math.floor(y)>.2?(0,s.jsx)(n.Z,{sx:{color:a,fontSize:x+"px"}},"star-half-icon"):y-Math.floor(y)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon"),[...Array(Math.floor(5-y))].map(((t,e)=>(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon-"+e))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:a,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"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",y,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",m,"important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"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","("+f+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return E}});var o=i(7313),n=i(6090),r=i(7616),l=i(32),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),p=i(8486),c=i(9821),h=i(8866),x=i(2279),m=i.n(x),y=i(7753),f=i(7129),u=i(9854),g=i(364),w=i(1855),v=i(4892),j=i(3933),P=i(1092),C=i(5945),b=i(5456),I=i(3867),S=i(9219),k=i(9363),O=i(7053),M=i(5416),F=i(6417);const _=o.lazy((()=>Promise.all([i.e(577),i.e(587),i.e(818),i.e(842)]).then(i.bind(i,6163))));var R=function(t){var e,i,n,r;const l=(0,y.j1)("whatmoreUITheme");var[s,a]=(0,c.Z)();const[d]=(0,y.j1)("whatmorePrimaryFont"),[p]=(0,y.j1)("whatmoreSecondaryColorShade900"),[h]=(0,y.j1)("whatmoreShopId"),[x,m]=(0,o.useState)(0),[f,w]=(0,o.useState)(t.event),[v,j]=(0,o.useState)(),[P,R]=(0,o.useState)(!1),z=t.onClick,Z=f.products.length,{whatmoreIsPreviewMode:L}=(0,o.useContext)(g.I);if(0==Z)return(0,F.jsx)(F.Fragment,{});(0,o.useEffect)((()=>{(0,u.N8M)(h)&&(0,S.p_)(f,(0,u.Ipo)(h),h).then((t=>{w(t),R(!0)}));(async()=>{var t;const e=await(0,O.p)(null===f||void 0===f||null===(t=f.products)||void 0===t?void 0:t[0],(0,u.Ipo)(h),h);j(e),R(!0)})()}),[]);const T=L,W=.3*a,U=W+"px",B=W+"px",A=.05*a+"px",D=.07*a,E=D+"px",H=.05*a;return(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*a,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:z,children:[(0,F.jsx)("div",{style:{width:U,height:B,overflow:"hidden",backgroundColor:p,borderRadius:"round"==l?"5px":"0px",borderWidth:"0px"==(0,u.alU)(h)?"2px":(0,u.alU)(h),borderColor:"white"==(0,u.qPe)(h)?p:(0,u.qPe)(h)},children:(0,F.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,u.yOX)(h),"important")},src:(0,k.s)(f.products[x].thumbnail_image,"&width=400&height=400"),style:{width:U,height:U,borderRadius:"round"==l?"5px":"0px",backgroundColor:p},alt:"product image"})}),(0,F.jsx)("div",{style:{width:.7*a+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==l?"5px":"0px"},children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",A,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"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:(0,C.s)(f.products[x].title)})}),(0,F.jsxs)("div",{style:{display:"flex",flexFlow:(0,u.$zZ)(h)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,u.$zZ)(h)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[P&&(0,F.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,u.Uyp)(h),"important"),t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.price:null===f||void 0===f||null===(e=f.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",h,f.products[x].currency)]}),(0,b.B)(f.products[x].price,f.products[x].compare_price)&&P?(0,F.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,u.kPs)(h),"important"),t.style.setProperty("font-size",.9*D+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.compare_at_price:null===f||void 0===f||null===(n=f.products)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.compare_price),"",h,f.products[x].currency)]}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(I.Z,{storeId:h,productId:f.products[x].client_product_id,productLink:f.products[x].product_link,fontSize:H})]})})]},x),(0,u.IXJ)(h)||T&&"5141594210"==h?(0,F.jsx)(o.Suspense,{children:(0,F.jsx)(_,{baseFontSize:.05*a,event:f,product:f.products[0],width:.9*a,height:"fit-content"})}):(0,F.jsx)(F.Fragment,{})]})},z=i(3388);function Z(t){const[e,i,o,n,r]=(0,c.Z)(),l=(0,y.MO)("whatmoreUITheme"),s=(0,y.MO)("whatmoreShowViews"),a=(0,y.MO)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,m,f]=(0,j.YD)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:"show"===s?(0,F.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,F.jsx)(P.Z,{event:g,fontSize:.07*i+"px"})})}):(0,F.jsx)(F.Fragment,{})}),(0,F.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,z.xg)(g,a)?(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,u.alU)(a),borderColor:(0,u.qPe)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,F.jsx)("div",{ref:x,children:m&&(0,u.PWD)(a)?(0,F.jsx)(R,{event:g,onClick:()=>{var e,i;(0,u.I6m)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,u.lj5)(a)?i.product_link+"?"+(0,u.awP)(a)+"&"+(0,u.n9s)(a)+"&"+(0,u.vaK)(a):i.product_link):t.onClick(g)}}):(0,F.jsx)("div",{height:"20px"})})}):(0,F.jsx)(F.Fragment,{})]})})}var L=function(t){var e,i,n;const[r,l,s,a,d]=(0,c.Z)();var p=(0,o.useContext)(f.V);const h=(0,y.MO)("whatmoreUITheme"),x=(0,y.MO)("whatmoreShopId"),m=(0,y.MO)("whatmoreSecondaryColorShade600"),g=t.event,w=t.onClick,j=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,C=null!==(n=t.animateOnFocus&&(0,u.iWI)(x))&&void 0!==n&&n,b=(0,u.IXJ)(x)?.7:.8,I=r*b+"px",S=1-b,k=r*S,O=r*S+"px",M=r*S*.1,_=(0,u.nzC)(x);return(0,F.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*r+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?_:null,borderWidth:(0,u.alU)(x),borderColor:(0,u.qPe)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:C?j?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{w(g)},children:[(0,F.jsx)(v.Z,{height:I,width:"100%",url:g.thumbnail_image,isPlaying:j||P,event:g}),(0,z.xg)(g,x)?(0,F.jsx)("div",{style:{width:"100%",height:O,backgroundColor:m}}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(Z,{event:g,isOnFocus:j,PRODUCT_BOX_HEIGHT:k,PRODUCT_BOX_HEIGHT_IN_PX:O,PRODUCT_BOX_MARGIN:M,onClick:w})]})},T=i(778),W=i(4522),U=i(7381);const B=(0,a.Z)({key:"whatmore-css-hv"});function A(t){const[e,i,n]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),l=t.events,s=t.onClick,a=n*(0,u.u6l)(r),{whatmoreWidgetSourceDetails:p}=(0,o.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,F.jsx)(d.tq,{slidesPerView:l.length>1?a:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:p})},loop:(0,u.yBw)(r),children:l.map((t=>(0,F.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:o,isNext:n,isVisible:r}=e;return o||n||i?(0,F.jsx)(L,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}}):(0,F.jsx)(w.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function D(t){const[e,i,n,r]=(0,c.Z)(),[l,s]=(0,o.useState)(-1),a=(0,y.MO)("whatmoreShopId"),h=t.onClick,x=t.events,f=Math.min(n,x.length),{whatmoreWidgetSourceDetails:v}=(0,o.useContext)(g.I);return(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,F.jsx)("div",{style:{width:i*f*1.1+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:f,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(f),onSlideChange:()=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v})},spaceBetween:(0,u.WGf)(a),loop:(0,u.yBw)(a),children:x.map(((t,e)=>{const i=m()((()=>s(e)),300);return(0,F.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:o,isPrev:n,isNext:r,isVisible:s}=i;return s?(0,F.jsx)(L,{isOnFocus:e==l,playOnUnfocus:!(0,u.dHy)(a)||e==parseInt(f/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,F.jsx)(w.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var E=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,y.j1)("whatmorePrimaryColor"),[p]=(0,y.j1)("whatmoreShopId"),[c]=(0,y.j1)("whatmoreSecondaryColor"),[x]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==e?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:u}=(0,o.useContext)(g.I),w=((0,y.MO)("isInDesignMode"),t.events),v=t.onClick,j=x,P=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,o.useContext)(g.I);function b(t){v(t)}function I(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,o.useEffect)((()=>{(0,U.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.IR.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,F.jsx)(s.C,{value:B,children:(0,F.jsx)("div",{className:"whatmore-carousel-events",children:(0,F.jsx)(n.x,{theme:r.ZP,cssVarsRoot:u,resetCSS:!1,children:(0,F.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||C)?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":t.heading})}):(0,F.jsx)(F.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,F.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==P?P:"":I(t.heading)[0]}),(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":I(t.heading)[1]})]})}):(0,F.jsx)(F.Fragment,{}),"landscape"===e?(0,F.jsx)(D,{events:w,onClick:b}):(0,F.jsx)(A,{events:w,onClick:b})]})})})})}},1092:function(t,e,i){var o=i(237),n=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,n.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,n.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,n.alU)(i),borderColor:(0,n.qPe)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(o.Z,{sx:{color:(0,n.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,n.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,n.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,n.alU)(i),borderColor:(0,n.qPe)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,n.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7129:function(t,e,i){i.d(e,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,i){var o=i(7313),n=i(9821),r=i(7129),l=i(7753),s=i(6417);e.Z=function(t){var[e,i]=(0,n.Z)();(0,o.useContext)(r.V);const a=(0,l.MO)("whatmoreShopId");return t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var o=i(9854),n=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,n.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,n=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(i)?"image":null!==n&&void 0!==n&&n.test(i)?"video":void 0}},5456:function(t,e,i){i.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))}},8816:function(t,e,i){var o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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=l},417:function(t,e,i){var o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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=l},4885:function(t,e,i){var o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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=l},237:function(t,e,i){var o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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");e.Z=l},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
package/static/js/{carousel-template-f.8545cbbe.chunk.js → carousel-template-f.3ac9c173.chunk.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! For license information please see carousel-template-f.
|
|
2
|
-
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[116],{9085:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return N}});var r=o(7313),n=(o(3439),o(6090)),i=o(32),s=o(7616),l=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),x=o(7129),m=o(1855),f=o(9854),y=o(364),v=o(4522),g=o(778),C=o(4892),M=o(5945),S=o(9219),w=o(6805),P=o(8984),D=o(7053),j=o(5416),R=o(6417);var b=function(e){var t,o,n,i,s,l,a,d,p,u,m,y;const[v,g,b,O,T]=(0,c.Z)(),B=(0,h.MO)("whatmoreShopId"),I="portrait"===T[w.YP],N=(I?1.076*g*(0,f.pEd)(B):g*(0,f.H4g)(B))+"px",$=(I?1.076*g*(0,f.pEd)(B):g*(0,f.H4g)(B))+"px",U=(I?.965*g*(0,f.pEd)(B):.859*g*(0,f.H4g)(B))+"px",[E,F]=(0,r.useState)(e.event),L=(0,h.MO)("whatmoreSecondaryColor");var A=(0,r.useContext)(x.V);const K=null===(t=e.isOnFocus)||void 0===t||t,k=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,G=e.onClick,Y=(0,h.MO)("whatmoreUITheme"),Z=null!==(n=e.animateOnFocus&&(0,f.iWI)(B))&&void 0!==n&&n,[W,H]=(0,r.useState)(!1),V=(0,h.MO)("whatmorePrimaryFont"),X=Math.round(+(null===(i=E.products[0])||void 0===i?void 0:i.price)),z=Math.round(+(null===(s=E.products[0])||void 0===s?void 0:s.compare_price)),_=z&&0!=z&&z>X?Math.round((z-X)/z*100):NaN,[J,Q]=(0,r.useState)(_),[q,ee]=(0,r.useState)(),te="55143268394"===B;return(0,r.useEffect)((()=>{(0,f.N8M)(B)&&(0,S.p_)(E,(0,f.Ipo)(B),B).then((e=>{var t,o,r;F(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&Q(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),H(!0)}));(async()=>{var e;const t=await(0,D.p)(null===E||void 0===E||null===(e=E.products)||void 0===e?void 0:e[0],(0,f.Ipo)(B),B);ee(t),H(!0)})()}),[]),(0,R.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",A.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",A.tileBottomMMargin+"px","important"))},className:Z&&!I?K?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:g},onClick:()=>{G(E)},children:[(0,R.jsx)("div",{style:{borderRadius:"round"==Y?"5%":"0px",boxShadow:"round"==Y?"0px 0px 5px 0px #B0B0B0":null,height:v,borderWidth:(0,f.alU)(B),borderColor:(0,f.qPe)(B),overflow:"hidden"},children:(0,R.jsx)(C.Z,{height:(0,f.dXm)(B)+" !important",width:"100%",url:E.thumbnail_image,isPlaying:K||k||(0,P.gE)(),event:E})}),(0,R.jsxs)("div",{style:{display:(0,f.pvY)(B)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:te?"8px":"5px",alignItems:te?"center":"flex-start"},children:[(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size","62636458233"==B?"14px":N,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",V,"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===(l=E.products[0])||void 0===l?void 0:l.title)}),W&&(0,f.QaY)(B)&&(0,R.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(B)?"row":"row-reverse",justifyContent:te?"center":(0,f.$zZ)(B)?"flex-start":"flex-end"},children:[(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(B),"important"),e.style.setProperty("font-size","62636458233"==B?"14px":$,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(B)?"normal":"bold"},children:(0,S.jx)(parseFloat((0,j.G)()?null===q||void 0===q?void 0:q.price:null===E||void 0===E||null===(a=E.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.price)," ",B,null===(p=E.products[0])||void 0===p?void 0:p.currency)}),!isNaN(z)&&z>X&&(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(B),"important"),e.style.setProperty("font-size","62636458233"==B?"14px":$,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:te?"center":void 0},children:(0,S.jx)(parseFloat((0,j.G)()?null===q||void 0===q?void 0:q.compare_at_price:null===E||void 0===E||null===(u=E.products)||void 0===u||null===(m=u[0])||void 0===m?void 0:m.compare_price)," ",B,null===(y=E.products[0])||void 0===y?void 0:y.currency)})]}),((0,f.QaY)(B)&&!isNaN(J)&&0!=J&&W||te)&&(0,R.jsx)("div",{style:{display:(0,f.aKo)(B)?"flex":"none",backgroundColor:te?L:"green"===(0,f.ZJm)(B)?"#343434"===L?(0,f.ZJm)(B):L:(0,f.ZJm)(B),alignItems:"center",justifyContent:te?"center":void 0,borderRadius:te?"25px":(0,f.CF_)(B)+"px",width:te?.5*g:"fit-content",padding:(0,f.Spx)(B)?te?"12px 12px":"3px 6px":"0px",margin:te?"0 auto":void 0,textAlign:te?"center":void 0,height:te?"7%":void 0},children:(0,f.Spx)(B)?(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(B),"important"),e.style.setProperty("font-size",U,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("font-weight",te?"600":"normal","important"))},children:te?"BUY NOW":`${J}% Off`}):(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(B),"important"),e.style.setProperty("font-size",U,"important"),e.style.setProperty("font-family",(0,f.V3Y)(B),"important"))},children:(0,f.sG7)(B)})})]})]})},O=o(7381);const T=(0,a.Z)({key:"whatmore-css-hv"});function B(e){const[t,o,n]=(0,c.Z)(),i=(0,h.MO)("whatmoreShopId"),s=e.events,l=e.onClick,{whatmoreWidgetSourceDetails:a}=(0,r.useContext)(y.I),d=Math.ceil(n),p=2*d,[u,x]=(0,r.useState)(p),[C,M]=(0,r.useState)(2*d),S=0===(0,f.WGf)(i)?24:(0,f.WGf)(i),[w,P]=(0,r.useState)({touchX:0,touchY:0}),D=()=>(0,R.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),j=()=>(0,R.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),O=e=>{if("next"===e){const e=2;M((e=>Math.min(e+Math.floor(n),s.length+d+1))),x((t=>Math.min(t+e,s.length+d+1)))}else M((e=>Math.max(e-Math.floor(n),p)));(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:a})};return(0,R.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{P({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,r,n;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-w.touchX,s=(null===(r=e.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-w.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&O(i>0?"prev":"next")},children:[(0,f.Yxs)(i)&&(0,R.jsxs)(R.Fragment,{children:[C<=s.length+d&&(0,R.jsx)("div",{onClick:()=>O("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,R.jsx)(D,{})}),C>2*d&&(0,R.jsx)("div",{onClick:()=>O("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,R.jsx)(j,{})})]}),(0,R.jsx)("div",{style:{display:"flex",gap:S,transform:`translateX(-${(C-p)*(o+S)}px)`,transition:"transform 0.4s ease-in-out"},children:s.map(((e,t)=>t<u?(0,R.jsx)("div",{children:(0,R.jsx)(b,{isOnFocus:t<=C-d-1&&t>=Math.max(0,C-p),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>l(e)})},`whatmore-carousel-tile-${t}`):(0,R.jsx)(m.Z,{})))})]})}function I(e){const[t,o,n,i]=(0,c.Z)(),[s,l]=(0,r.useState)(-1),a=(0,h.MO)("whatmoreShopId"),[d,p]=(0,r.useState)("next"),x=e.onClick,m=e.events,{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(y.I),M=Math.min(Math.ceil(n),m.length),[S,w]=(0,r.useState)(0),P=0===(0,f.WGf)(a)?24:(0,f.WGf)(a),D=()=>(0,R.jsx)("div",{children:(0,R.jsx)("button",{onClick:B,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),j=()=>(0,R.jsx)("div",{children:(0,R.jsx)("button",{onClick:T,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=M&&w((e=>e+M))}),[M]);const O=()=>{l(-1)},T=()=>{S!==M&&(p("prev"),w((e=>Math.max(Math.ceil(e-n),M))),(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},B=()=>{S>m.length+n||(p("next"),w((e=>Math.floor(e+n))),(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},I=S>m.length?m.length-M+1:S-M,N=S>=m.length?m.length:I+M,$=m.slice(I,N);return(0,R.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[m.length>=n-1&&m.length>4&&(0,R.jsx)("div",{style:{position:"absolute",left:i+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:S!==M&&(0,R.jsx)(j,{})}),(0,R.jsx)("div",{style:{display:"flex",gap:P+"px",width:o*n*(0,f.Su5)(a)+"px",justifyContent:m.length<=n-1||m.length<5?"center":"flex-start",overflow:"hidden"},children:$.map(((e,t)=>{const o=`whatmore-event-tile-landscape-${e.index}${t===M-1?"-last":""}`,r=t===s;return(0,R.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===d?"next":"prev"),onMouseEnter:()=>(e=>{const t=u()((()=>l(e)),300);return t(),t.cancel})(t),onMouseLeave:O,children:(0,R.jsx)(b,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{x(e)})(e)})},o)}))}),m.length>=n-1&&m.length>4&&(0,R.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:S<=m.length&&(0,R.jsx)(D,{})})]})}var N=function(e){const[t,o,a]=(0,d.Z)(),[c]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[m]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==t?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(y.I),C=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:M}=(0,r.useContext)(y.I),S=e.events,w=e.onClick,P=m;function D(e){w(e)}return(0,r.useEffect)((()=>{(0,O.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.IR.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,R.jsx)(l.C,{value:T,children:(0,R.jsx)("div",{className:"whatmore-carousel-events",children:(0,R.jsx)(n.x,{theme:s.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,R.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||M?(0,R.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"62636458233"==c?"flex-start":"center"},children:(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",P,"important"),e.style.setProperty("font-size",v+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(c),lineHeight:(0,f.vY4)(c),letterSpacing:(0,f.X2K)(c)},children:M?"W"!==C?C:"":e.heading})}):(0,R.jsx)(R.Fragment,{}),"landscape"===t?(0,R.jsx)(I,{events:S,onClick:D}):(0,R.jsx)(B,{events:S,onClick:D})]})})})})}},7129:function(e,t,o){"use strict";o.d(t,{V:function(){return r}});const r=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,o){"use strict";var r=o(7313),n=o(9821),i=o(7129),s=o(6417);t.Z=function(e){var[t,o]=(0,n.Z)();return(0,r.useContext)(i.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},6040:function(e,t,o){const r=o(500);e.exports=function(e){if("string"!==typeof e)return;const t=e.toUpperCase();return Object.prototype.hasOwnProperty.call(r,t)?r[t]:void 0},e.exports.currencySymbolMap=r},500:function(e){e.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},3439:function(){},5892:function(){},4444:function(){},8507:function(e,t){"use strict";function o(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)e[r]=o[r]}return e}var r=function e(t,r){function n(e,n,i){if("undefined"!==typeof document){"number"===typeof(i=o({},r,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var l in i)i[l]&&(s+="; "+l,!0!==i[l]&&(s+="="+i[l].split(";")[0]));return document.cookie=e+"="+t.write(n,e)+s}}return Object.create({set:n,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var o=document.cookie?document.cookie.split("; "):[],r={},n=0;n<o.length;n++){var i=o[n].split("="),s=i.slice(1).join("=");try{var l=decodeURIComponent(i[0]);if(r[l]=t.read(s,l),e===l)break}catch(a){}}return e?r[e]:r}},remove:function(e,t){n(e,"",o({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,o({},this.attributes,t))},withConverter:function(t){return e(o({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});t.Z=r}}]);
|
|
1
|
+
/*! For license information please see carousel-template-f.3ac9c173.chunk.js.LICENSE.txt */
|
|
2
|
+
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[116],{9085:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return N}});var r=o(7313),n=(o(3439),o(6090)),i=o(32),s=o(7616),l=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),x=o(7129),m=o(1855),f=o(9854),v=o(364),y=o(4522),g=o(778),C=o(4892),M=o(5945),S=o(9219),w=o(6805),P=o(8984),D=o(7053),j=o(5416),R=o(6417);var O=function(e){var t,o,n,i,s,l,a,d,p,u,m,v;const[y,g,O,b,T]=(0,c.Z)(),B=(0,h.MO)("whatmoreShopId"),I="portrait"===T[w.YP],N=(I?1.076*g*(0,f.pEd)(B):g*(0,f.H4g)(B))+"px",$=(I?1.076*g*(0,f.pEd)(B):g*(0,f.H4g)(B))+"px",U=(I?.965*g*(0,f.pEd)(B):.859*g*(0,f.H4g)(B))+"px",[E,F]=(0,r.useState)(e.event),L=(0,h.MO)("whatmoreSecondaryColor");var A=(0,r.useContext)(x.V);const K=null===(t=e.isOnFocus)||void 0===t||t,k=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,G=e.onClick,Y=(0,h.MO)("whatmoreUITheme"),Z=null!==(n=e.animateOnFocus&&(0,f.iWI)(B))&&void 0!==n&&n,[W,H]=(0,r.useState)(!1),V=(0,h.MO)("whatmorePrimaryFont"),X=Math.round(+(null===(i=E.products[0])||void 0===i?void 0:i.price)),z=Math.round(+(null===(s=E.products[0])||void 0===s?void 0:s.compare_price)),_=z&&0!=z&&z>X?Math.round((z-X)/z*100):NaN,[J,Q]=(0,r.useState)(_),[q,ee]=(0,r.useState)(),te="55143268394"===B;return(0,r.useEffect)((()=>{(0,f.N8M)(B)&&(0,S.p_)(E,(0,f.Ipo)(B),B).then((e=>{var t,o,r;F(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&Q(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),H(!0)}));(async()=>{var e;const t=await(0,D.p)(null===E||void 0===E||null===(e=E.products)||void 0===e?void 0:e[0],(0,f.Ipo)(B),B);ee(t),H(!0)})()}),[]),(0,R.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",A.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",A.tileBottomMMargin+"px","important"))},className:Z&&!I?K?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:g},onClick:()=>{G(E)},children:[(0,R.jsx)("div",{style:{borderRadius:"round"==Y?"5%":"0px",boxShadow:"round"==Y?"0px 0px 5px 0px #B0B0B0":null,height:y,borderWidth:(0,f.alU)(B),borderColor:(0,f.qPe)(B),overflow:"hidden"},children:(0,R.jsx)(C.Z,{height:(0,f.dXm)(B)+" !important",width:"100%",url:E.thumbnail_image,isPlaying:K||k||(0,P.gE)(),event:E})}),(0,R.jsxs)("div",{style:{display:(0,f.pvY)(B)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:te?"8px":"5px",alignItems:te?"center":"flex-start"},children:[(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size","62636458233"==B?"14px":N,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",V,"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===(l=E.products[0])||void 0===l?void 0:l.title)}),W&&(0,f.QaY)(B)&&(0,R.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(B)?"row":"row-reverse",justifyContent:te?"center":(0,f.$zZ)(B)?"flex-start":"flex-end"},children:[(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(B),"important"),e.style.setProperty("font-size","62636458233"==B?"14px":$,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(B)?"normal":"bold"},children:(0,S.jx)(parseFloat((0,j.G)()?null===q||void 0===q?void 0:q.price:null===E||void 0===E||null===(a=E.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.price)," ",B,null===(p=E.products[0])||void 0===p?void 0:p.currency)}),!isNaN(z)&&z>X&&(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(B),"important"),e.style.setProperty("font-size","62636458233"==B?"14px":$,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:te?"center":void 0},children:(0,S.jx)(parseFloat((0,j.G)()?null===q||void 0===q?void 0:q.compare_at_price:null===E||void 0===E||null===(u=E.products)||void 0===u||null===(m=u[0])||void 0===m?void 0:m.compare_price)," ",B,null===(v=E.products[0])||void 0===v?void 0:v.currency)})]}),((0,f.QaY)(B)&&!isNaN(J)&&0!=J&&W||te)&&(0,R.jsx)("div",{style:{display:(0,f.aKo)(B)?"flex":"none",backgroundColor:te?L:"green"===(0,f.ZJm)(B)?"#343434"===L?(0,f.ZJm)(B):L:(0,f.ZJm)(B),alignItems:"center",justifyContent:te?"center":void 0,borderRadius:te?"25px":(0,f.CF_)(B)+"px",width:te?.5*g:"fit-content",padding:(0,f.Spx)(B)?te?"12px 12px":"3px 6px":"0px",margin:te?"0 auto":void 0,textAlign:te?"center":void 0,height:te?"7%":void 0},children:(0,f.Spx)(B)?(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(B),"important"),e.style.setProperty("font-size",U,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("font-weight",te?"600":"normal","important"))},children:te?"BUY NOW":`${J}% Off`}):(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(B),"important"),e.style.setProperty("font-size",U,"important"),e.style.setProperty("font-family",(0,f.V3Y)(B),"important"))},children:(0,f.sG7)(B)})})]})]})},b=o(7381);const T=(0,a.Z)({key:"whatmore-css-hv"});function B(e){const[t,o,n]=(0,c.Z)(),i=(0,h.MO)("whatmoreShopId"),s=e.events,l=e.onClick,{whatmoreWidgetSourceDetails:a}=(0,r.useContext)(v.I),d=Math.ceil(n),p=2*d,[u,x]=(0,r.useState)(p),[C,M]=(0,r.useState)(2*d),S=0===(0,f.WGf)(i)?24:(0,f.WGf)(i),[w,P]=(0,r.useState)({touchX:0,touchY:0}),D=()=>(0,R.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),j=()=>(0,R.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),b=e=>{if("next"===e){const e=2;M((e=>Math.min(e+Math.floor(n),s.length+d+1))),x((t=>Math.min(t+e,s.length+d+1)))}else M((e=>Math.max(e-Math.floor(n),p)));(0,y.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:a})};return(0,R.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{P({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,r,n;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-w.touchX,s=(null===(r=e.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-w.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&b(i>0?"prev":"next")},children:[(0,f.Yxs)(i)&&(0,R.jsxs)(R.Fragment,{children:[C<=s.length+d&&(0,R.jsx)("div",{onClick:()=>b("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,R.jsx)(D,{})}),C>2*d&&(0,R.jsx)("div",{onClick:()=>b("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,R.jsx)(j,{})})]}),(0,R.jsx)("div",{style:{display:"flex",gap:S,transform:`translateX(-${(C-p)*(o+S)}px)`,transition:"transform 0.4s ease-in-out"},children:s.map(((e,t)=>t<u?(0,R.jsx)("div",{children:(0,R.jsx)(O,{isOnFocus:t<=C-d-1&&t>=Math.max(0,C-p),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>l(e)})},`whatmore-carousel-tile-${t}`):(0,R.jsx)(m.Z,{})))})]})}function I(e){const[t,o,n,i]=(0,c.Z)(),[s,l]=(0,r.useState)(-1),a=(0,h.MO)("whatmoreShopId"),[d,p]=(0,r.useState)("next"),x=e.onClick,m=e.events,{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(v.I),M=Math.min(Math.ceil(n),m.length),[S,w]=(0,r.useState)(0),P=0===(0,f.WGf)(a)?24:(0,f.WGf)(a),D=()=>(0,R.jsx)("div",{children:(0,R.jsx)("button",{onClick:B,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),j=()=>(0,R.jsx)("div",{children:(0,R.jsx)("button",{onClick:T,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=M&&w((e=>e+M))}),[M]);const b=()=>{l(-1)},T=()=>{S!==M&&(p("prev"),w((e=>Math.max(Math.ceil(e-n),M))),(0,y.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},B=()=>{S>m.length+n||(p("next"),w((e=>Math.floor(e+n))),(0,y.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},I=S>m.length?m.length-M+1:S-M,N=S>=m.length?m.length:I+M,$=m.slice(I,N);return(0,R.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[m.length>=n-1&&m.length>4&&(0,R.jsx)("div",{style:{position:"absolute",left:i+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:S!==M&&(0,R.jsx)(j,{})}),(0,R.jsx)("div",{style:{display:"flex",gap:P+"px",width:o*n*(0,f.Su5)(a)+"px",justifyContent:m.length<=n-1||m.length<5?"center":"flex-start",overflow:"hidden"},children:$.map(((e,t)=>{const o=`whatmore-event-tile-landscape-${e.index}${t===M-1?"-last":""}`,r=t===s;return(0,R.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===d?"next":"prev"),onMouseEnter:()=>(e=>{const t=u()((()=>l(e)),300);return t(),t.cancel})(t),onMouseLeave:b,children:(0,R.jsx)(O,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{x(e)})(e)})},o)}))}),m.length>=n-1&&m.length>4&&(0,R.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:S<=m.length&&(0,R.jsx)(D,{})})]})}var N=function(e){const[t,o,a]=(0,d.Z)(),[c]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[m]=(0,h.j1)("whatmoreTitleFont"),y="portrait"==t?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(v.I),C=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:M}=(0,r.useContext)(v.I),S=e.events,w=e.onClick,P=m;function D(e){w(e)}return(0,r.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.IR.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,R.jsx)(l.C,{value:T,children:(0,R.jsx)("div",{className:"whatmore-carousel-events",children:(0,R.jsx)(n.x,{theme:s.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,R.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||M?(0,R.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"62636458233"==c?"flex-start":"center"},children:(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",P,"important"),e.style.setProperty("font-size",y+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(c),lineHeight:(0,f.vY4)(c),letterSpacing:(0,f.X2K)(c)},children:M?"W"!==C?C:"":e.heading})}):(0,R.jsx)(R.Fragment,{}),"landscape"===t?(0,R.jsx)(I,{events:S,onClick:D}):(0,R.jsx)(B,{events:S,onClick:D})]})})})})}},7129:function(e,t,o){"use strict";o.d(t,{V:function(){return r}});const r=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,o){"use strict";var r=o(7313),n=o(9821),i=o(7129),s=o(7753),l=o(6417);t.Z=function(e){var[t,o]=(0,n.Z)();(0,r.useContext)(i.V);const a=(0,s.MO)("whatmoreShopId");return e.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:o,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":t,overflow:"hidden"}})}},6040:function(e,t,o){const r=o(500);e.exports=function(e){if("string"!==typeof e)return;const t=e.toUpperCase();return Object.prototype.hasOwnProperty.call(r,t)?r[t]:void 0},e.exports.currencySymbolMap=r},500:function(e){e.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},3439:function(){},5892:function(){},4444:function(){},8507:function(e,t){"use strict";function o(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)e[r]=o[r]}return e}var r=function e(t,r){function n(e,n,i){if("undefined"!==typeof document){"number"===typeof(i=o({},r,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var l in i)i[l]&&(s+="; "+l,!0!==i[l]&&(s+="="+i[l].split(";")[0]));return document.cookie=e+"="+t.write(n,e)+s}}return Object.create({set:n,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var o=document.cookie?document.cookie.split("; "):[],r={},n=0;n<o.length;n++){var i=o[n].split("="),s=i.slice(1).join("=");try{var l=decodeURIComponent(i[0]);if(r[l]=t.read(s,l),e===l)break}catch(a){}}return e?r[e]:r}},remove:function(e,t){n(e,"",o({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,o({},this.attributes,t))},withConverter:function(t){return e(o({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});t.Z=r}}]);
|