whatmore-react-assets 1.0.736 → 1.0.738
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/{189.5a4a4bb2.chunk.js → 189.f8a4f21e.chunk.js} +2 -2
- package/static/js/{196.b1a748b5.chunk.js → 196.ca2db17f.chunk.js} +1 -1
- package/static/js/{197.357dbb6b.chunk.js → 197.a4889ed9.chunk.js} +1 -1
- package/static/js/{249.476becac.chunk.js → 249.2db07b3b.chunk.js} +1 -1
- package/static/js/{299.aeec7773.chunk.js → 299.6e825ac5.chunk.js} +2 -2
- package/static/js/{364.ee09a6ea.chunk.js → 364.c1732b7e.chunk.js} +1 -1
- package/static/js/{530.be11c1f9.chunk.js → 530.b4c329e7.chunk.js} +1 -1
- package/static/js/{580.8c21a7b0.chunk.js → 580.9dec6df5.chunk.js} +1 -1
- package/static/js/{582.839e17a1.chunk.js → 582.97b15b79.chunk.js} +1 -1
- package/static/js/{62.59d61304.chunk.js → 62.399af966.chunk.js} +1 -1
- package/static/js/{622.68f87ebc.chunk.js → 622.76be0254.chunk.js} +1 -1
- package/static/js/{692.2c925d19.chunk.js → 692.08450d5b.chunk.js} +1 -1
- package/static/js/{708.1d0c62c9.chunk.js → 708.ed2aeb2c.chunk.js} +1 -1
- package/static/js/725.8127a96f.chunk.js +1 -0
- package/static/js/{74.859977ff.chunk.js → 74.685854fc.chunk.js} +1 -1
- package/static/js/{790.7a8b1495.chunk.js → 790.f7c48ab2.chunk.js} +1 -1
- package/static/js/{84.5ff3ff99.chunk.js → 84.d9e22223.chunk.js} +1 -1
- package/static/js/{891.d0738cdc.chunk.js → 891.bd0c67f1.chunk.js} +1 -1
- package/static/js/{903.147a1cf8.chunk.js → 903.3948af35.chunk.js} +1 -1
- package/static/js/91.177da87c.chunk.js +1 -0
- package/static/js/{965.5a825fca.chunk.js → 965.2a06c8be.chunk.js} +1 -1
- package/whatmore.js +2 -2
- package/static/js/725.8e4ebc93.chunk.js +0 -1
- package/static/js/91.8d25183a.chunk.js +0 -1
package/package.json
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! For license information please see 189.
|
|
2
|
-
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[189],{9085:function(t,e,o){"use strict";o.r(e),o.d(e,{default:function(){return O}});var r=o(7313),n=(o(3439),o(6090)),i=o(9039),s=o(7616),a=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),x=o(7129),f=o(1855),m=o(9854),y=o(7376),v=o(778),g=o(4892),C=o(5945),M=o(9219),S=o(6805),P=o(8984),w=o(6417);var D=function(t){var e,o,n,s,a,l,d,p,u,f;const[y,v,D,j,R]=(0,c.Z)(),b=(0,h.MO)("whatmoreShopId"),T="portrait"===R[S.YP],O=(T?1.076*v*(0,m.pEd)(b):v*(0,m.H4g)(b))+"px",B=(T?1.076*v*(0,m.pEd)(b):v*(0,m.H4g)(b))+"px",N=(T?.965*v*(0,m.pEd)(b):.859*v*(0,m.H4g)(b))+"px",[I,U]=(0,r.useState)(t.event),E=(0,h.MO)("whatmoreSecondaryColor");var F=(0,r.useContext)(x.V);const L=null===(e=t.isOnFocus)||void 0===e||e,$=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,A=t.onClick,{whatmoreUITheme:k}=(0,r.useContext)(i.I),K=null!==(n=t.animateOnFocus&&(0,m.iWI)(b))&&void 0!==n&&n,[G,Z]=(0,r.useState)(!(0,m.N8M)(b)),W=(0,h.MO)("whatmorePrimaryFont"),Y=Math.round(+(null===(s=I.products[0])||void 0===s?void 0:s.price)),H=Math.round(+(null===(a=I.products[0])||void 0===a?void 0:a.compare_price)),V=H&&0!=H&&H>Y?Math.round((H-Y)/H*100):NaN,[X,z]=(0,r.useState)(V);return(0,r.useEffect)((()=>{(0,m.N8M)(b)&&(0,M.p_)(I,(0,m.Ipo)(b),b).then((t=>{var e,o,r;U(t),(null===t||void 0===t||null===(e=t.products)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.discount)&&z(null===t||void 0===t||null===(r=t.products[0])||void 0===r?void 0:r.discount),Z(!0)}))}),[]),(0,w.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",F.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",F.tileBottomMMargin+"px","important"))},className:K&&!T?L?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:v},onClick:()=>{A(I)},children:[(0,w.jsx)("div",{style:{borderRadius:"round"==k?"5%":"0px",boxShadow:"round"==k?"0px 0px 5px 0px #B0B0B0":null,height:y,borderWidth:(0,m.alU)(b),borderColor:(0,m.qPe)(b),overflow:"hidden"},children:(0,w.jsx)(g.Z,{height:"100%",width:"100%",url:I.thumbnail_image,isPlaying:L||$||(0,P.gE)(),event:I})}),(0,w.jsxs)("div",{style:{display:"87043703105"==b?"none":"flex",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",O,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",W,"important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,C.s)(null===(l=I.products[0])||void 0===l?void 0:l.title)}),G&&(0,m.QaY)(b)&&(0,w.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,m.$zZ)(b)?"row":"row-reverse",justifyContent:(0,m.$zZ)(b)?"flex-start":"flex-end"},children:[(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.Uyp)(b),"important"),t.style.setProperty("font-size",B,"important"),t.style.setProperty("font-family",W,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,m.rPP)(b)?"normal":"bold"},children:(0,M.jx)(parseFloat(null===(d=I.products[0])||void 0===d?void 0:d.price)," ",b,null===(p=I.products[0])||void 0===p?void 0:p.currency)}),!isNaN(H)&&H>Y&&(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.kPs)(b),"important"),t.style.setProperty("font-size",B,"important"),t.style.setProperty("font-family",W,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,M.jx)(parseFloat(null===(u=I.products[0])||void 0===u?void 0:u.compare_price)," ",b,null===(f=I.products[0])||void 0===f?void 0:f.currency)})]}),(0,m.QaY)(b)&&!isNaN(X)&&0!=X&&G&&(0,w.jsx)("div",{style:{display:"9238315068"==b?"none":"flex",backgroundColor:"green"==(0,m.ZJm)(b)?"#343434"==E?(0,m.ZJm)(b):E:(0,m.ZJm)(b),alignItems:"center",borderRadius:"84084818211"==b?"4rem":"4px",width:"fit-content",padding:(0,m.Spx)(b)?"3px 6px":"0px"},children:(0,m.Spx)(b)?(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.mso)(b),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",W,"important"))},children:"".concat(X,"% Off")}):(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.aUT)(b),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",(0,m.V3Y)(b),"important"))},children:(0,m.sG7)(b)})})]})]})},j=o(7381);const R=(0,l.Z)({key:"whatmore-css-hv"});function b(t){const[e,o,n]=(0,c.Z)(),s=(0,h.MO)("whatmoreShopId"),a=t.events,l=t.onClick,{whatmoreWidgetSourceDetails:d}=(0,r.useContext)(i.I),p=Math.ceil(n),u=2*p,[x,g]=(0,r.useState)(u),[C,M]=(0,r.useState)(2*p),S=0===(0,m.WGf)(s)?24:(0,m.WGf)(s),[P,j]=(0,r.useState)({touchX:0,touchY:0}),R=()=>(0,w.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,w.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),b=()=>(0,w.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,w.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),T=t=>{if("next"===t){const t=2;M((t=>Math.min(t+Math.floor(n),a.length+p+1))),g((e=>Math.min(e+t,a.length+p+1)))}else M((t=>Math.max(t-Math.floor(n),u)));(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,w.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:t=>{j({touchX:t.touches[0].clientX,touchY:t.touches[0].clientY})},onTouchEnd:t=>{var e,o,r,n;const i=(null===(e=t.changedTouches)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.clientX)-P.touchX,s=(null===(r=t.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-P.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&T(i>0?"prev":"next")},children:[(0,m.Yxs)(s)&&(0,w.jsxs)(w.Fragment,{children:[C<=a.length+p&&(0,w.jsx)("div",{onClick:()=>T("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,w.jsx)(R,{})}),C>2*p&&(0,w.jsx)("div",{onClick:()=>T("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,w.jsx)(b,{})})]}),(0,w.jsx)("div",{style:{display:"flex",gap:S,transform:"translateX(-".concat((C-u)*(o+S),"px)"),transition:"transform 0.4s ease-in-out"},children:a.map(((t,e)=>e<x?(0,w.jsx)("div",{children:(0,w.jsx)(D,{isOnFocus:e<=C-p-1&&e>=Math.max(0,C-u),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>l(t)})},"whatmore-carousel-tile-".concat(e)):(0,w.jsx)(f.Z,{})))})]})}function T(t){const[e,o,n,s]=(0,c.Z)(),[a,l]=(0,r.useState)(-1),d=(0,h.MO)("whatmoreShopId"),[p,x]=(0,r.useState)("next"),f=t.onClick,g=t.events,{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(i.I),M=Math.min(Math.ceil(n),g.length),[S,P]=(0,r.useState)(0),j=0===(0,m.WGf)(d)?24:(0,m.WGf)(d),R=()=>(0,w.jsx)("div",{children:(0,w.jsx)("button",{onClick:B,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,w.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),b=()=>(0,w.jsx)("div",{children:(0,w.jsx)("button",{onClick:O,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,w.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=M&&P((t=>t+M))}),[M]);const T=()=>{l(-1)},O=()=>{S!==M&&(x("prev"),P((t=>Math.max(Math.ceil(t-n),M))),(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},B=()=>{S>g.length+n||(x("next"),P((t=>Math.floor(t+n))),(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},N=S>g.length?g.length-M+1:S-M,I=S>=g.length?g.length:N+M,U=g.slice(N,I);return(0,w.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(s,"px"),paddingRight:"".concat(s,"px")},children:[g.length>=n-1&&(0,w.jsx)("div",{style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:S!==M&&(0,w.jsx)(b,{})}),(0,w.jsx)("div",{style:{display:"flex",gap:j+"px",width:"".concat(o*n*(0,m.Su5)(d),"px"),paddingLeft:"8px",justifyContent:g.length<=n-1?"center":"flex-start",overflow:"hidden"},children:U.map(((t,e)=>{const o="whatmore-event-tile-landscape-".concat(t.index).concat(e===M-1?"-last":""),r=e===a;return(0,w.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===p?"next":"prev"),onMouseEnter:()=>(t=>{const e=u()((()=>l(t)),300);return e(),e.cancel})(e),onMouseLeave:T,children:(0,w.jsx)(D,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{f(t)})(t)})},o)}))}),g.length>=n-1&&(0,w.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:s+"px",transform:"translateY(-65%)"},children:S<=g.length&&(0,w.jsx)(R,{})})]})}var O=function(t){var e;const[o,l,c]=(0,d.Z)(),[p]=(0,h.j1)("whatmoreShopId"),[u]=(0,h.j1)("whatmorePrimaryColor"),[f]=(0,h.j1)("whatmoreSecondaryColor"),[y]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==o?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(i.I),C=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:M}=(0,r.useContext)(i.I),S=t.events,P=t.onClick,D=null!==(e=(0,m.aRS)(p))&&void 0!==e?e:y;function O(t){P(t)}return(0,r.useEffect)((()=>{(0,j.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.$.forEach((t=>{var e;const o=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&t&&(t.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,w.jsx)(a.C,{value:R,children:(0,w.jsx)("div",{children:(0,w.jsx)(n.x,{theme:s.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,w.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||M?(0,w.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",D,"important"),t.style.setProperty("font-size",v+"px","important"))},style:{color:u,backgroundClip:"text",textAlign:"center",fontWeight:(0,m.wOV)(p),lineHeight:(0,m.vY4)(p),letterSpacing:(0,m.X2K)(p)},children:M?"W"!==C?C:"":t.heading})}):(0,w.jsx)(w.Fragment,{}),"landscape"===o?(0,w.jsx)(T,{events:S,onClick:O}):(0,w.jsx)(b,{events:S,onClick:O})]})})})})}},7129:function(t,e,o){"use strict";o.d(e,{V:function(){return r}});const r=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,o){"use strict";var r=o(7313),n=o(9821),i=o(7129),s=o(6417);e.Z=function(t){var[e,o]=(0,n.Z)();return(0,r.useContext)(i.V),t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:e,overflow:"hidden"}})}},6040:function(t,e,o){const r=o(500);t.exports=function(t){if("string"!==typeof t)return;const e=t.toUpperCase();return Object.prototype.hasOwnProperty.call(r,e)?r[e]:void 0},t.exports.currencySymbolMap=r},500:function(t){t.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(){},1811:function(){},7850:function(){},8507:function(t,e){"use strict";function o(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)t[r]=o[r]}return t}var r=function t(e,r){function n(t,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()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var a in i)i[a]&&(s+="; "+a,!0!==i[a]&&(s+="="+i[a].split(";")[0]));return document.cookie=t+"="+e.write(n,t)+s}}return Object.create({set:n,get:function(t){if("undefined"!==typeof document&&(!arguments.length||t)){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 a=decodeURIComponent(i[0]);if(r[a]=e.read(s,a),t===a)break}catch(l){}}return t?r[t]:r}},remove:function(t,e){n(t,"",o({},e,{expires:-1}))},withAttributes:function(e){return t(this.converter,o({},this.attributes,e))},withConverter:function(e){return t(o({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(e)}})}({read:function(t){return'"'===t[0]&&(t=t.slice(1,-1)),t.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(t){return encodeURIComponent(t).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});e.Z=r}}]);
|
|
1
|
+
/*! For license information please see 189.f8a4f21e.chunk.js.LICENSE.txt */
|
|
2
|
+
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[189],{9085:function(t,e,o){"use strict";o.r(e),o.d(e,{default:function(){return O}});var r=o(7313),n=(o(3439),o(6090)),i=o(9852),s=o(7616),a=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),x=o(7129),f=o(1855),m=o(9854),y=o(7376),v=o(778),g=o(4892),C=o(5945),M=o(9219),S=o(6805),P=o(8984),w=o(6417);var D=function(t){var e,o,n,s,a,l,d,p,u,f;const[y,v,D,j,R]=(0,c.Z)(),b=(0,h.MO)("whatmoreShopId"),T="portrait"===R[S.YP],O=(T?1.076*v*(0,m.pEd)(b):v*(0,m.H4g)(b))+"px",B=(T?1.076*v*(0,m.pEd)(b):v*(0,m.H4g)(b))+"px",N=(T?.965*v*(0,m.pEd)(b):.859*v*(0,m.H4g)(b))+"px",[I,U]=(0,r.useState)(t.event),E=(0,h.MO)("whatmoreSecondaryColor");var F=(0,r.useContext)(x.V);const L=null===(e=t.isOnFocus)||void 0===e||e,$=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,A=t.onClick,{whatmoreUITheme:k}=(0,r.useContext)(i.I),K=null!==(n=t.animateOnFocus&&(0,m.iWI)(b))&&void 0!==n&&n,[G,Z]=(0,r.useState)(!(0,m.N8M)(b)),W=(0,h.MO)("whatmorePrimaryFont"),Y=Math.round(+(null===(s=I.products[0])||void 0===s?void 0:s.price)),H=Math.round(+(null===(a=I.products[0])||void 0===a?void 0:a.compare_price)),V=H&&0!=H&&H>Y?Math.round((H-Y)/H*100):NaN,[X,z]=(0,r.useState)(V);return(0,r.useEffect)((()=>{(0,m.N8M)(b)&&(0,M.p_)(I,(0,m.Ipo)(b),b).then((t=>{var e,o,r;U(t),(null===t||void 0===t||null===(e=t.products)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.discount)&&z(null===t||void 0===t||null===(r=t.products[0])||void 0===r?void 0:r.discount),Z(!0)}))}),[]),(0,w.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",F.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",F.tileBottomMMargin+"px","important"))},className:K&&!T?L?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:v},onClick:()=>{A(I)},children:[(0,w.jsx)("div",{style:{borderRadius:"round"==k?"5%":"0px",boxShadow:"round"==k?"0px 0px 5px 0px #B0B0B0":null,height:y,borderWidth:(0,m.alU)(b),borderColor:(0,m.qPe)(b),overflow:"hidden"},children:(0,w.jsx)(g.Z,{height:"100%",width:"100%",url:I.thumbnail_image,isPlaying:L||$||(0,P.gE)(),event:I})}),(0,w.jsxs)("div",{style:{display:"87043703105"==b?"none":"flex",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",O,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",W,"important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,C.s)(null===(l=I.products[0])||void 0===l?void 0:l.title)}),G&&(0,m.QaY)(b)&&(0,w.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,m.$zZ)(b)?"row":"row-reverse",justifyContent:(0,m.$zZ)(b)?"flex-start":"flex-end"},children:[(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.Uyp)(b),"important"),t.style.setProperty("font-size",B,"important"),t.style.setProperty("font-family",W,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,m.rPP)(b)?"normal":"bold"},children:(0,M.jx)(parseFloat(null===(d=I.products[0])||void 0===d?void 0:d.price)," ",b,null===(p=I.products[0])||void 0===p?void 0:p.currency)}),!isNaN(H)&&H>Y&&(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.kPs)(b),"important"),t.style.setProperty("font-size",B,"important"),t.style.setProperty("font-family",W,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,M.jx)(parseFloat(null===(u=I.products[0])||void 0===u?void 0:u.compare_price)," ",b,null===(f=I.products[0])||void 0===f?void 0:f.currency)})]}),(0,m.QaY)(b)&&!isNaN(X)&&0!=X&&G&&(0,w.jsx)("div",{style:{display:"9238315068"==b?"none":"flex",backgroundColor:"green"==(0,m.ZJm)(b)?"#343434"==E?(0,m.ZJm)(b):E:(0,m.ZJm)(b),alignItems:"center",borderRadius:"84084818211"==b?"4rem":"4px",width:"fit-content",padding:(0,m.Spx)(b)?"3px 6px":"0px"},children:(0,m.Spx)(b)?(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.mso)(b),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",W,"important"))},children:"".concat(X,"% Off")}):(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.aUT)(b),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",(0,m.V3Y)(b),"important"))},children:(0,m.sG7)(b)})})]})]})},j=o(7381);const R=(0,l.Z)({key:"whatmore-css-hv"});function b(t){const[e,o,n]=(0,c.Z)(),s=(0,h.MO)("whatmoreShopId"),a=t.events,l=t.onClick,{whatmoreWidgetSourceDetails:d}=(0,r.useContext)(i.I),p=Math.ceil(n),u=2*p,[x,g]=(0,r.useState)(u),[C,M]=(0,r.useState)(2*p),S=0===(0,m.WGf)(s)?24:(0,m.WGf)(s),[P,j]=(0,r.useState)({touchX:0,touchY:0}),R=()=>(0,w.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,w.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),b=()=>(0,w.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,w.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),T=t=>{if("next"===t){const t=2;M((t=>Math.min(t+Math.floor(n),a.length+p+1))),g((e=>Math.min(e+t,a.length+p+1)))}else M((t=>Math.max(t-Math.floor(n),u)));(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,w.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:t=>{j({touchX:t.touches[0].clientX,touchY:t.touches[0].clientY})},onTouchEnd:t=>{var e,o,r,n;const i=(null===(e=t.changedTouches)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.clientX)-P.touchX,s=(null===(r=t.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-P.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&T(i>0?"prev":"next")},children:[(0,m.Yxs)(s)&&(0,w.jsxs)(w.Fragment,{children:[C<=a.length+p&&(0,w.jsx)("div",{onClick:()=>T("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,w.jsx)(R,{})}),C>2*p&&(0,w.jsx)("div",{onClick:()=>T("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,w.jsx)(b,{})})]}),(0,w.jsx)("div",{style:{display:"flex",gap:S,transform:"translateX(-".concat((C-u)*(o+S),"px)"),transition:"transform 0.4s ease-in-out"},children:a.map(((t,e)=>e<x?(0,w.jsx)("div",{children:(0,w.jsx)(D,{isOnFocus:e<=C-p-1&&e>=Math.max(0,C-u),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>l(t)})},"whatmore-carousel-tile-".concat(e)):(0,w.jsx)(f.Z,{})))})]})}function T(t){const[e,o,n,s]=(0,c.Z)(),[a,l]=(0,r.useState)(-1),d=(0,h.MO)("whatmoreShopId"),[p,x]=(0,r.useState)("next"),f=t.onClick,g=t.events,{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(i.I),M=Math.min(Math.ceil(n),g.length),[S,P]=(0,r.useState)(0),j=0===(0,m.WGf)(d)?24:(0,m.WGf)(d),R=()=>(0,w.jsx)("div",{children:(0,w.jsx)("button",{onClick:B,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,w.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),b=()=>(0,w.jsx)("div",{children:(0,w.jsx)("button",{onClick:O,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,w.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=M&&P((t=>t+M))}),[M]);const T=()=>{l(-1)},O=()=>{S!==M&&(x("prev"),P((t=>Math.max(Math.ceil(t-n),M))),(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},B=()=>{S>g.length+n||(x("next"),P((t=>Math.floor(t+n))),(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},N=S>g.length?g.length-M+1:S-M,I=S>=g.length?g.length:N+M,U=g.slice(N,I);return(0,w.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(s,"px"),paddingRight:"".concat(s,"px")},children:[g.length>=n-1&&(0,w.jsx)("div",{style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:S!==M&&(0,w.jsx)(b,{})}),(0,w.jsx)("div",{style:{display:"flex",gap:j+"px",width:"".concat(o*n*(0,m.Su5)(d),"px"),paddingLeft:"8px",justifyContent:g.length<=n-1?"center":"flex-start",overflow:"hidden"},children:U.map(((t,e)=>{const o="whatmore-event-tile-landscape-".concat(t.index).concat(e===M-1?"-last":""),r=e===a;return(0,w.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===p?"next":"prev"),onMouseEnter:()=>(t=>{const e=u()((()=>l(t)),300);return e(),e.cancel})(e),onMouseLeave:T,children:(0,w.jsx)(D,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{f(t)})(t)})},o)}))}),g.length>=n-1&&(0,w.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:s+"px",transform:"translateY(-65%)"},children:S<=g.length&&(0,w.jsx)(R,{})})]})}var O=function(t){var e;const[o,l,c]=(0,d.Z)(),[p]=(0,h.j1)("whatmoreShopId"),[u]=(0,h.j1)("whatmorePrimaryColor"),[f]=(0,h.j1)("whatmoreSecondaryColor"),[y]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==o?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(i.I),C=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:M}=(0,r.useContext)(i.I),S=t.events,P=t.onClick,D=null!==(e=(0,m.aRS)(p))&&void 0!==e?e:y;function O(t){P(t)}return(0,r.useEffect)((()=>{(0,j.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.$.forEach((t=>{var e;const o=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&t&&(t.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,w.jsx)(a.C,{value:R,children:(0,w.jsx)("div",{children:(0,w.jsx)(n.x,{theme:s.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,w.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||M?(0,w.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,w.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",D,"important"),t.style.setProperty("font-size",v+"px","important"))},style:{color:u,backgroundClip:"text",textAlign:"center",fontWeight:(0,m.wOV)(p),lineHeight:(0,m.vY4)(p),letterSpacing:(0,m.X2K)(p)},children:M?"W"!==C?C:"":t.heading})}):(0,w.jsx)(w.Fragment,{}),"landscape"===o?(0,w.jsx)(T,{events:S,onClick:O}):(0,w.jsx)(b,{events:S,onClick:O})]})})})})}},7129:function(t,e,o){"use strict";o.d(e,{V:function(){return r}});const r=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,o){"use strict";var r=o(7313),n=o(9821),i=o(7129),s=o(6417);e.Z=function(t){var[e,o]=(0,n.Z)();return(0,r.useContext)(i.V),t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:e,overflow:"hidden"}})}},6040:function(t,e,o){const r=o(500);t.exports=function(t){if("string"!==typeof t)return;const e=t.toUpperCase();return Object.prototype.hasOwnProperty.call(r,e)?r[e]:void 0},t.exports.currencySymbolMap=r},500:function(t){t.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(){},1811:function(){},7850:function(){},8507:function(t,e){"use strict";function o(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)t[r]=o[r]}return t}var r=function t(e,r){function n(t,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()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var a in i)i[a]&&(s+="; "+a,!0!==i[a]&&(s+="="+i[a].split(";")[0]));return document.cookie=t+"="+e.write(n,t)+s}}return Object.create({set:n,get:function(t){if("undefined"!==typeof document&&(!arguments.length||t)){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 a=decodeURIComponent(i[0]);if(r[a]=e.read(s,a),t===a)break}catch(l){}}return t?r[t]:r}},remove:function(t,e){n(t,"",o({},e,{expires:-1}))},withAttributes:function(e){return t(this.converter,o({},this.attributes,e))},withConverter:function(e){return t(o({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(e)}})}({read:function(t){return'"'===t[0]&&(t=t.slice(1,-1)),t.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(t){return encodeURIComponent(t).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});e.Z=r}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,790,12],{1332:function(t,e,n){var o=n(7313),a=(n(8743),n(7753)),r=n(5254),c=n(6417);e.Z=function(t){return(0,o.useEffect)((()=>{const t=(0,r.oo)((0,a.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const a="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),r="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(a,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(a,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(a,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(a,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(a,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(a,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(a,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(a,";\n }\n }\n "),c=document.createElement("style");c.type="text/css",c.innerHTML=r,document.head.appendChild(c)}(t[0],t[1],t[2],.2)}),[]),(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(t,e,n){n.r(e),n.d(e,{default:function(){return L}});var o=n(7313),a=n(6090),r=n(7616),c=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),i=n(2575),s=n(7129),l=n(9039),d=(n(3439),n(7753)),m=n(7931),h=n(9018),u=n(9854),p=n(3933),g=n(8866),f=n(868),v=n(342),x=n(3437),y=n(3455),b=n(6417);var w=function(t){var e;const n=t.isMuted,o=null!==(e=t.iconSize)&&void 0!==e?e:30;function a(){t.onToggle()}return(0,b.jsx)("div",{style:{cursor:"pointer"},children:n?(0,b.jsx)(y.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}}):(0,b.jsx)(x.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}})})},j=n(1896),C=n(8984),I=n(58),P=n(6119),S=n(7376),k=n(778),z=n(3433);function M(t){const[e,n]=(0,o.useState)(t.initialMuteState),a=t.events,r=t.activeEventIndex,c=t.setActiveEventIndex,i=(0,d.MO)("whatmoreShopId"),s="portrait"===t.mode;function l(){(0,u.hr)(i)&&t.isCTAPresent||(n(!e),(0,C.KE)()&&(0,I.QV)(),t.onMuteToggle())}const p=t.event;return(0,b.jsx)("div",{style:{position:(0,u.SJ)(i)?"absolute":"relative",top:(0,u.SJ)(i)?0:"",zIndex:1,bottom:(0,u.SJ)(i)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,b.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:[!(t.isCTAPresent&&(0,u.hr)(i)||"video"!==p.event_type)&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>l()}),(0,b.jsx)(w,{isMuted:e,onToggle:()=>{l()}})]}),a.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),c(0===r?a.length-1:r-1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,b.jsx)(m.Z,{})})})}),(0,b.jsx)("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),c(r===a.length-1?0:r+1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,b.jsx)(h.Z,{})})})}),(0,u.cRS)(i)&&(0,b.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:a.map(((t,e)=>{const n=e===r;return(0,b.jsx)("button",{onClick:t=>{t.stopPropagation(),c(e)},style:{width:n?"25px":s?"12px":"14px",height:s?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,u.YFz)(i):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},e)}))})]})]}),(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>l()})]})})}var Z=function(t){var e,n;const[a,r,c]=(0,g.Z)(),[i,s]=(0,o.useState)(!0),{whatmoreUITheme:m}=(0,o.useContext)(l.I),h=(0,d.MO)("whatmoreVideoTileSize"),{ref:x,inView:y,entry:w}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:C}=(0,o.useContext)(l.I),I=(0,d.MO)("whatmoreShopId"),Z=t.events,E=t.activeEventIndex,L=t.setActiveEventIndex,R=Z[E],F=((0,u.nzC)(I),(0,v.uv)(R)),N=(0,v.WN)(R);if("portrait"===a&&!F)return(0,b.jsx)(b.Fragment,{});if("landscape"===a&&!N)return(0,b.jsx)(b.Fragment,{});const T=(0,f.V)("portrait"===a?F:N),A=h/100*(0,u.b4p)(I),O=h/100*(0,u.GmU)(I),D="portrait"===a?(0,u.oOc)(I):(0,u.snl)(I),V="portrait"===a?c*A:c*O,W=V*D,_=null!=(null===(e=R.cta)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.cta_link);return(0,o.useEffect)((()=>{l.$.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;const n=t.querySelector(".whatmore-base");n&&(n.style.minHeight="0px")}))}),[]),(0,b.jsxs)("div",{ref:x,onClick:()=>{var t,e;(0,S.GF)({userInteractionType:k.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:C,event:Z[E]}),(0,u.hr)(I)&&_&&!(0,u.j1_)(I)&&window.open(null===(t=R.cta)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,u.SJ)(I)?"100%":V,minHeight:(0,u.SJ)(I)?c*D:"",height:(0,u.SJ)(I)?"auto":W,borderWidth:(0,u.alU)(I),borderColor:(0,u.qPe)(I),overflow:"hidden",cursor:"pointer"},children:[(0,b.jsx)(j.Z,{height:"100%",width:"100%",url:T,isPlaying:y,event:R,isVideoMuted:i,setDuration:t.setDuration,source:z.j.BANNER}),(0,b.jsx)(M,{isCTAPresent:_,events:Z,activeEventIndex:E,setActiveEventIndex:L,event:R,mode:a,onMuteToggle:()=>s(!i),initialMuteState:i}),(0,u.j1_)(I)&&(0,b.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===a?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)("div",{children:(0,b.jsx)(P.Z,{event:R,cta:R.cta[0],fontFactor:.6})})})]})};const E=(0,i.Z)({key:"whatmore-css-bv"});var L=function(t){const{whatmoreRootId:e}=(0,o.useContext)(l.I),[n,i]=(0,o.useState)(0),d=t.events,[m,h]=(0,o.useState)(-1);let u;return(0,o.useEffect)((()=>{u&&clearInterval(u);const t="video"===d[n].event_type,e=t?1e3*m:6e3;return t?-1!=m&&(u=setInterval((()=>{i((t=>t===d.length-1?0:t+1))}),e)):u=setInterval((()=>{i((t=>t===d.length-1?0:t+1))}),e),()=>{clearInterval(u)}}),[m,n]),delete r.ZP.styles.global,(0,b.jsx)(c.C,{value:E,children:(0,b.jsx)("div",{children:(0,b.jsx)(a.x,{theme:r.ZP,cssVarsRoot:e,resetCSS:!1,children:(0,b.jsx)(s.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(Z,{activeEventIndex:n,events:d,setActiveEventIndex:i,setDuration:h})})})})})}},3867:function(t,e,n){var o=n(8816),a=n(417),r=n(4885),c=n(7753),i=n(9039),s=n(7313),l=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[d]=(0,c.j1)("whatmoreSecondaryColor"),[m,h]=(0,c.j1)("productRatings"),u=(0,c.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),g=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===m||"undefined"==typeof m||!(p in m)||m[p].avgRating>5)return(0,l.jsx)(l.Fragment,{});const v=m[p].avgRating,x=m[p].totalRatings;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((t,e)=>(0,l.jsx)(o.Z,{sx:{color:d,fontSize:g+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,l.jsx)(a.Z,{sx:{color:d,fontSize:g+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon-"+e))),(0,l.jsx)("div",{children:(0,l.jsx)("div",{width:"2px"})}),(0,l.jsx)("div",{children:(0,l.jsx)("div",{style:{backgroundColor:d,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*g+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,l.jsx)("div",{children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*g+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+x+")"]})})]})})}},7129:function(t,e,n){n.d(e,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(t,e,n){var o=n(1332),a=n(5180),r=n(6417);e.Z=function(t){var e,n;const c=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,r.jsxs)("div",{style:{width:i,height:c,overflow:"hidden",minHeight:c,minWidth:i},children:[(0,r.jsx)(a.Z,{height:c,width:i}),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,r.jsx)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,a;const r=null!==(e=t.height)&&void 0!==e?e:"100%",c=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(a=t.borderRadius)&&void 0!==a?a:"10px";return(0,o.jsx)("div",{style:{height:r,width:r,borderRadius:i,overflow:"hidden",minHeight:r,minWidth:c,maxHeight:r,maxWidth:c},children:(0,o.jsx)("div",{style:{minHeight:r,minWidth:c},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),a=n(3175),r=n(6417);e.Z=function(t){var e,n,c;const[i,s]=(0,o.useState)(!1),l=o.useRef(0),d=(0,o.useRef)(null),m=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},h=null!==(n=t.height)&&void 0!==n?n:"100%",u=null!==(c=t.width)&&void 0!==c?c:"100%";return(0,o.useEffect)((()=>{l.current=0;const t=setInterval((()=>{l.current=l.current+.03,d.current&&m(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,r.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:h,overflow:"hidden"},children:[(0,r.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,r.jsx)("img",{ref:d,src:t.url,style:{objectFit:"cover",height:h,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)(a.Z,{width:u,height:h})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return u}});var o=n(7313),a=n(3933),r=n(868),c=n(8984),i=n(7300),s=n(2887),l=n(4862),d=n(7753),m=n(6417);var h=function(t){var e,n;const r=(0,o.useRef)(null),[i,s,h]=(0,a.YD)({triggerOnce:!0}),u=(0,d.MO)("whatmoreShopId"),p=null!==(e=t.height)&&void 0!==e?e:"100%",g=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{r.current&&(t.isPlaying?r.current.play():((l.G6||(0,c.gE)())&&r.current.play(),r.current.pause()))}),[t.isPlaying,s]),(0,m.jsx)("div",{ref:i,style:{width:p,height:g,overflow:"hidden"},children:s?(0,m.jsx)("video",{ref:r,className:"whatmore-video-player",width:g,height:p,preload:"metadata",loop:!0,playsInline:!0,poster:t.isPlaying&&"STRTFEDEDAP"!==u&&"STRY2V4XO5L"!==u?t.url:t.poster,muted:!0,src:t.url,style:{backgroundColor:"white"}}):(0,m.jsx)("div",{width:g,height:p,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var u=function(t){var e,n,l,d;const[u,p,g]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,m.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const f=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;var v;if((0,c.KE)())return(0,m.jsx)(h,{height:"100%",width:"100%",poster:null===t||void 0===t||null===(v=t.event)||void 0===v?void 0:v.poster_image,url:(0,r.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:f});const x=(0,o.useRef)(null),y=null!==(n=t.height)&&void 0!==n?n:"100%",b=null!==(l=t.width)&&void 0!==l?l:"100%";return(0,o.useEffect)((()=>{x.current&&(t.isPlaying?x.current.play():x.current.pause())}),[t.isPlaying,p]),(0,m.jsx)("div",{ref:u,style:{width:y,height:b,overflow:"hidden"},children:p?(0,m.jsx)("video",{ref:x,className:"whatmore-video-player",width:b,height:y,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,r.V)(t.url),poster:null===t||void 0===t||null===(d=t.event)||void 0===d?void 0:d.poster_image,style:{backgroundColor:"white"}}):(0,m.jsx)("div",{width:b,height:y,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),a=n(7753);const r={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},c={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},i=function(t){const e=(0,a.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zpr)(e))return t;if("AZURECDN"==(0,o.zpr)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}if("BUNNYCDN"==(0,o.zpr)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(c))if(t.includes(e))return t.replace(e,c[e]);return t}}return t}},9363:function(t,e,n){n.d(e,{s:function(){return r}});var o=n(9854),a=n(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,a.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(n)?"STRNV8MHJTF"==n?t+"?format=webp":t:t+e}},5456:function(t,e,n){n.d(e,{B:function(){return o}});const o=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},8866:function(t,e,n){var o=n(7313);function a(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=a();const[r,c]=(0,o.useState)([e>n?"portrait":"landscape",e,n]);return(0,o.useLayoutEffect)((()=>{function t(){var[t,e]=a();c(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),r}},7931:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");e.Z=c},9018:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");e.Z=c},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=c},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=c},417:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=c},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=c},8743:function(){},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[196,790,12],{1332:function(t,e,n){var o=n(7313),a=(n(8743),n(7753)),r=n(5254),c=n(6417);e.Z=function(t){return(0,o.useEffect)((()=>{const t=(0,r.oo)((0,a.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const a="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),r="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(a,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(a,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(a,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(a,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(a,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(a,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(a,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(a,";\n }\n }\n "),c=document.createElement("style");c.type="text/css",c.innerHTML=r,document.head.appendChild(c)}(t[0],t[1],t[2],.2)}),[]),(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("span",{className:"whatmore-loading-indicator"})})}},4658:function(t,e,n){n.r(e),n.d(e,{default:function(){return L}});var o=n(7313),a=n(6090),r=n(7616),c=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),i=n(2575),s=n(7129),l=n(9852),d=(n(3439),n(7753)),m=n(7931),h=n(9018),u=n(9854),p=n(3933),g=n(8866),f=n(868),v=n(342),x=n(3437),y=n(3455),b=n(6417);var w=function(t){var e;const n=t.isMuted,o=null!==(e=t.iconSize)&&void 0!==e?e:30;function a(){t.onToggle()}return(0,b.jsx)("div",{style:{cursor:"pointer"},children:n?(0,b.jsx)(y.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}}):(0,b.jsx)(x.Z,{sx:{color:"white",fontSize:o,filter:"drop-shadow(0 0 5px black);"},onClick:()=>{a()}})})},j=n(1896),C=n(8984),I=n(58),P=n(6119),S=n(7376),k=n(778),z=n(3433);function M(t){const[e,n]=(0,o.useState)(t.initialMuteState),a=t.events,r=t.activeEventIndex,c=t.setActiveEventIndex,i=(0,d.MO)("whatmoreShopId"),s="portrait"===t.mode;function l(){(0,u.hr)(i)&&t.isCTAPresent||(n(!e),(0,C.KE)()&&(0,I.QV)(),t.onMuteToggle())}const p=t.event;return(0,b.jsx)("div",{style:{position:(0,u.SJ)(i)?"absolute":"relative",top:(0,u.SJ)(i)?0:"",zIndex:1,bottom:(0,u.SJ)(i)?"":"100%",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,b.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"space-between",alignItems:"center",width:"100%",paddingRight:"1%",paddingLeft:"1%",paddingTop:"1%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:[!(t.isCTAPresent&&(0,u.hr)(i)||"video"!==p.event_type)&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>l()}),(0,b.jsx)(w,{isMuted:e,onToggle:()=>{l()}})]}),a.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),c(0===r?a.length-1:r-1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px"},children:(0,b.jsx)(m.Z,{})})})}),(0,b.jsx)("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",backgroundColor:"transparent",borderRadius:"50%",zIndex:2,border:"2px solid white",padding:"2px",cursor:"pointer"},onClick:t=>{t.stopPropagation(),c(r===a.length-1?0:r+1)},children:(0,b.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:"6px"},children:(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",color:"#252525",height:"20px",textAlign:"center"},children:(0,b.jsx)(h.Z,{})})})}),(0,u.cRS)(i)&&(0,b.jsx)("div",{style:{display:"flex",position:"absolute",bottom:"7%",left:"50%",transform:"translateX(-50%)",gap:"24px",zIndex:1},children:a.map(((t,e)=>{const n=e===r;return(0,b.jsx)("button",{onClick:t=>{t.stopPropagation(),c(e)},style:{width:n?"25px":s?"12px":"14px",height:s?"12px":"14px",borderRadius:n?"10px":"50%",backgroundColor:n?(0,u.YFz)(i):"#f8eeec",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.3)"}},e)}))})]})]}),(0,b.jsx)("div",{style:{width:"100%",height:"100%"},onClick:()=>l()})]})})}var Z=function(t){var e,n;const[a,r,c]=(0,g.Z)(),[i,s]=(0,o.useState)(!0),{whatmoreUITheme:m}=(0,o.useContext)(l.I),h=(0,d.MO)("whatmoreVideoTileSize"),{ref:x,inView:y,entry:w}=(0,p.YD)({triggerOnce:!1}),{whatmoreWidgetSourceDetails:C}=(0,o.useContext)(l.I),I=(0,d.MO)("whatmoreShopId"),Z=t.events,E=t.activeEventIndex,L=t.setActiveEventIndex,R=Z[E],F=((0,u.nzC)(I),(0,v.uv)(R)),N=(0,v.WN)(R);if("portrait"===a&&!F)return(0,b.jsx)(b.Fragment,{});if("landscape"===a&&!N)return(0,b.jsx)(b.Fragment,{});const T=(0,f.V)("portrait"===a?F:N),A=h/100*(0,u.b4p)(I),O=h/100*(0,u.GmU)(I),D="portrait"===a?(0,u.oOc)(I):(0,u.snl)(I),V="portrait"===a?c*A:c*O,W=V*D,_=null!=(null===(e=R.cta)||void 0===e||null===(n=e[0])||void 0===n?void 0:n.cta_link);return(0,o.useEffect)((()=>{l.$.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-banner-a"]')))return;const n=t.querySelector(".whatmore-base");n&&(n.style.minHeight="0px")}))}),[]),(0,b.jsxs)("div",{ref:x,onClick:()=>{var t,e;(0,S.GF)({userInteractionType:k.K.BANNER_WIDGET_CLICKED,widgetSourceDetails:C,event:Z[E]}),(0,u.hr)(I)&&_&&!(0,u.j1_)(I)&&window.open(null===(t=R.cta)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.cta_link,"_self")},style:{position:"relative",margin:"0 auto",width:(0,u.SJ)(I)?"100%":V,minHeight:(0,u.SJ)(I)?c*D:"",height:(0,u.SJ)(I)?"auto":W,borderWidth:(0,u.alU)(I),borderColor:(0,u.qPe)(I),overflow:"hidden",cursor:"pointer"},children:[(0,b.jsx)(j.Z,{height:"100%",width:"100%",url:T,isPlaying:y,event:R,isVideoMuted:i,setDuration:t.setDuration,source:z.j.BANNER}),(0,b.jsx)(M,{isCTAPresent:_,events:Z,activeEventIndex:E,setActiveEventIndex:L,event:R,mode:a,onMuteToggle:()=>s(!i),initialMuteState:i}),(0,u.j1_)(I)&&(0,b.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"portrait"===a?"12%":"20%"},className:"whatmore-ios-css-relative-fix",children:(0,b.jsx)("div",{children:(0,b.jsx)(P.Z,{event:R,cta:R.cta[0],fontFactor:.6})})})]})};const E=(0,i.Z)({key:"whatmore-css-bv"});var L=function(t){const{whatmoreRootId:e}=(0,o.useContext)(l.I),[n,i]=(0,o.useState)(0),d=t.events,[m,h]=(0,o.useState)(-1);let u;return(0,o.useEffect)((()=>{u&&clearInterval(u);const t="video"===d[n].event_type,e=t?1e3*m:6e3;return t?-1!=m&&(u=setInterval((()=>{i((t=>t===d.length-1?0:t+1))}),e)):u=setInterval((()=>{i((t=>t===d.length-1?0:t+1))}),e),()=>{clearInterval(u)}}),[m,n]),delete r.ZP.styles.global,(0,b.jsx)(c.C,{value:E,children:(0,b.jsx)("div",{children:(0,b.jsx)(a.x,{theme:r.ZP,cssVarsRoot:e,resetCSS:!1,children:(0,b.jsx)(s.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,b.jsx)(Z,{activeEventIndex:n,events:d,setActiveEventIndex:i,setDuration:h})})})})})}},3867:function(t,e,n){var o=n(8816),a=n(417),r=n(4885),c=n(7753),i=n(9852),s=n(7313),l=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[d]=(0,c.j1)("whatmoreSecondaryColor"),[m,h]=(0,c.j1)("productRatings"),u=(0,c.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),g=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===m||"undefined"==typeof m||!(p in m)||m[p].avgRating>5)return(0,l.jsx)(l.Fragment,{});const v=m[p].avgRating,x=m[p].totalRatings;return(0,l.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((t,e)=>(0,l.jsx)(o.Z,{sx:{color:d,fontSize:g+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,l.jsx)(a.Z,{sx:{color:d,fontSize:g+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,l.jsx)(r.Z,{sx:{color:d,fontSize:g+"px"}},"star-outline-icon-"+e))),(0,l.jsx)("div",{children:(0,l.jsx)("div",{width:"2px"})}),(0,l.jsx)("div",{children:(0,l.jsx)("div",{style:{backgroundColor:d,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*g+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",v,"\xa0"]})})}),(0,l.jsx)("div",{children:(0,l.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*g+"px","important"),t.style.setProperty("font-family",u,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+x+")"]})})]})})}},7129:function(t,e,n){n.d(e,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},3175:function(t,e,n){var o=n(1332),a=n(5180),r=n(6417);e.Z=function(t){var e,n;const c=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,r.jsxs)("div",{style:{width:i,height:c,overflow:"hidden",minHeight:c,minWidth:i},children:[(0,r.jsx)(a.Z,{height:c,width:i}),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,r.jsx)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,a;const r=null!==(e=t.height)&&void 0!==e?e:"100%",c=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(a=t.borderRadius)&&void 0!==a?a:"10px";return(0,o.jsx)("div",{style:{height:r,width:r,borderRadius:i,overflow:"hidden",minHeight:r,minWidth:c,maxHeight:r,maxWidth:c},children:(0,o.jsx)("div",{style:{minHeight:r,minWidth:c},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),a=n(3175),r=n(6417);e.Z=function(t){var e,n,c;const[i,s]=(0,o.useState)(!1),l=o.useRef(0),d=(0,o.useRef)(null),m=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},h=null!==(n=t.height)&&void 0!==n?n:"100%",u=null!==(c=t.width)&&void 0!==c?c:"100%";return(0,o.useEffect)((()=>{l.current=0;const t=setInterval((()=>{l.current=l.current+.03,d.current&&m(l.current,5),l.current>=5&&(l.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,r.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:u,height:h,overflow:"hidden"},children:[(0,r.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,r.jsx)("img",{ref:d,src:t.url,style:{objectFit:"cover",height:h,width:u,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)(a.Z,{width:u,height:h})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return u}});var o=n(7313),a=n(3933),r=n(868),c=n(8984),i=n(7300),s=n(2887),l=n(4862),d=n(7753),m=n(6417);var h=function(t){var e,n;const r=(0,o.useRef)(null),[i,s,h]=(0,a.YD)({triggerOnce:!0}),u=(0,d.MO)("whatmoreShopId"),p=null!==(e=t.height)&&void 0!==e?e:"100%",g=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{r.current&&(t.isPlaying?r.current.play():((l.G6||(0,c.gE)())&&r.current.play(),r.current.pause()))}),[t.isPlaying,s]),(0,m.jsx)("div",{ref:i,style:{width:p,height:g,overflow:"hidden"},children:s?(0,m.jsx)("video",{ref:r,className:"whatmore-video-player",width:g,height:p,preload:"metadata",loop:!0,playsInline:!0,poster:t.isPlaying&&"STRTFEDEDAP"!==u&&"STRY2V4XO5L"!==u?t.url:t.poster,muted:!0,src:t.url,style:{backgroundColor:"white"}}):(0,m.jsx)("div",{width:g,height:p,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var u=function(t){var e,n,l,d;const[u,p,g]=(0,a.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,m.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const f=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;var v;if((0,c.KE)())return(0,m.jsx)(h,{height:"100%",width:"100%",poster:null===t||void 0===t||null===(v=t.event)||void 0===v?void 0:v.poster_image,url:(0,r.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:f});const x=(0,o.useRef)(null),y=null!==(n=t.height)&&void 0!==n?n:"100%",b=null!==(l=t.width)&&void 0!==l?l:"100%";return(0,o.useEffect)((()=>{x.current&&(t.isPlaying?x.current.play():x.current.pause())}),[t.isPlaying,p]),(0,m.jsx)("div",{ref:u,style:{width:y,height:b,overflow:"hidden"},children:p?(0,m.jsx)("video",{ref:x,className:"whatmore-video-player",width:b,height:y,preload:"metadata",loop:!0,playsInline:!0,muted:!0,src:(0,r.V)(t.url),poster:null===t||void 0===t||null===(d=t.event)||void 0===d?void 0:d.poster_image,style:{backgroundColor:"white"}}):(0,m.jsx)("div",{width:b,height:y,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),a=n(7753);const r={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},c={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},i=function(t){const e=(0,a.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zpr)(e))return t;if("AZURECDN"==(0,o.zpr)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}if("BUNNYCDN"==(0,o.zpr)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(c))if(t.includes(e))return t.replace(e,c[e]);return t}}return t}},9363:function(t,e,n){n.d(e,{s:function(){return r}});var o=n(9854),a=n(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,a.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(n)?"STRNV8MHJTF"==n?t+"?format=webp":t:t+e}},5456:function(t,e,n){n.d(e,{B:function(){return o}});const o=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},8866:function(t,e,n){var o=n(7313);function a(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=a();const[r,c]=(0,o.useState)([e>n?"portrait":"landscape",e,n]);return(0,o.useLayoutEffect)((()=>{function t(){var[t,e]=a();c(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),r}},7931:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore");e.Z=c},9018:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");e.Z=c},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=c},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=c},417:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=c},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var a=o(n(5045)),r=n(6417),c=(0,a.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=c},8743:function(){},3439:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[197],{1492:function(e,t,n){n.r(t),n.d(t,{default:function(){return z}});var i=n(7313),o=n(6090),r=n(7616),s=n(9039),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),d=n(2210),p=n(8486),c=n(9821),h=n(8866),m=n(2279),x=n.n(m),u=n(7753),y=n(7129),f=n(1855),g=n(9854),v=n(4920),w=n(7376),j=n(778),P=n(7381),b=(n(3439),n(4892)),C=n(6805),I=n(9219),S=n(5945),F=n(6417);var O=function(e){var t,n,o,r,l,a,d,p,h,m;const[x,f,v,w,j]=(0,c.Z)();var P=(0,i.useContext)(y.V);const{whatmoreUITheme:O}=(0,i.useContext)(s.I),M=(0,u.MO)("whatmoreShopId"),k=(0,u.MO)("whatmorePrimaryFont"),Z=(0,u.MO)("whatmoreSecondaryColor"),z=e.event,W=e.onClick,R=null===(t=e.isOnFocus)||void 0===t||t,N=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,U=null!==(o=e.animateOnFocus&&(0,g.iWI)(M))&&void 0!==o&&o,E=Math.round(+(null===(r=z.products[0])||void 0===r?void 0:r.price)),T=Math.round(+(null===(l=z.products[0])||void 0===l?void 0:l.compare_price)),_=T&&0!=T&&T>E?Math.round((T-E)/T*100):NaN,L="portrait"===j[C.YP],V=(L?1.076*f*(0,g.pEd)(M):f*(0,g.H4g)(M))+"px",D=(L?1.076*f*(0,g.pEd)(M):f*(0,g.H4g)(M))+"px",B=(L?.965*f*(0,g.pEd)(M):.859*f*(0,g.H4g)(M))+"px",A=(0,g.nzC)(M),{whatmoreIsPreviewMode:H}=(0,i.useContext)(s.I),q=.25*f,$=q+"px",Y=1.1*q+"px";return(0,F.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",P.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",P.tileBottomMMargin+"px","important"))},children:[(0,F.jsx)("div",{style:{margin:"0 auto",width:f,height:L&&R?1.1*x:x,borderRadius:"round"==O?"5px":"0px",boxShadow:"round"==O?A:null,borderWidth:(0,g.alU)(M),borderColor:(0,g.qPe)(M),overflow:"hidden",cursor:"pointer"},className:U?R?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{W(z)},children:(0,F.jsx)(b.Z,{height:"100%",width:"100%",url:z.thumbnail_image,isPlaying:R||N,event:z})}),(0,F.jsxs)("div",{onClick:()=>{W(z)},style:{cursor:"pointer",display:"flex",gap:"6px",padding:"14px 8px"},children:[(H?(0,g.uU$)(M):(0,g.EIj)(M))&&(0,F.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",Y,"important")},style:{maxWidth:$,borderRadius:"round"==O?"5px":"0px",overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,F.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,g.yOX)(M),"important")},src:z.products[0].thumbnail_image})}),(0,F.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",V,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",k,"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,S.s)(null===(a=z.products[0])||void 0===a?void 0:a.title)}),(0,g.QaY)(M)&&(0,F.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,g.$zZ)(M)?"row":"row-reverse",justifyContent:(0,g.$zZ)(M)?"flex-start":"flex-end"},children:[(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,g.Uyp)(M),"important"),e.style.setProperty("font-size",D,"important"),e.style.setProperty("font-family",k,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,g.rPP)(M)?"normal":"bold"},children:(0,I.jx)(parseFloat(null===(d=z.products[0])||void 0===d?void 0:d.price)," ",M,null===(p=z.products[0])||void 0===p?void 0:p.currency)}),!isNaN(T)&&T>E&&(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,g.kPs)(M),"important"),e.style.setProperty("font-size",D,"important"),e.style.setProperty("font-family",k,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,I.jx)(parseFloat(null===(h=z.products[0])||void 0===h?void 0:h.compare_price)," ",M,null===(m=z.products[0])||void 0===m?void 0:m.currency)})]}),(0,g.QaY)(M)&&!isNaN(_)&&0!=_&&(0,F.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,g.ZJm)(M)?"#343434"==Z?(0,g.ZJm)(M):Z:(0,g.ZJm)(M),alignItems:"center",borderRadius:"84084818211"==M?"4rem":"4px",width:"fit-content",padding:(0,g.Spx)(M)?"3px 6px":"0px"},children:(0,g.Spx)(M)?(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,g.mso)(M),"important"),e.style.setProperty("font-size",B,"important"),e.style.setProperty("font-family",k,"important"))},children:"".concat(_,"% Off")}):(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,g.aUT)(M),"important"),e.style.setProperty("font-size",B,"important"),e.style.setProperty("font-family",(0,g.V3Y)(M),"important"))},children:(0,g.sG7)(M)})})]})]})]})};const M=(0,a.Z)({key:"whatmore-css-hv"});function k(e){const[t,n,o]=(0,c.Z)(),r=(0,u.MO)("whatmoreShopId"),l=e.events,a=e.onClick,p=o*(0,g.u6l)(r),[h,m]=(0,i.useState)(p),{whatmoreWidgetSourceDetails:x}=(0,i.useContext)(s.I);return(0,i.useEffect)((()=>{h<=p&&m((e=>e+p))}),[p]),(0,F.jsx)("div",{className:"whatmore-events-carousel-portrait",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?p:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:x}),e.realIndex>e.previousIndex&&m((e=>e+p))},children:l.map(((e,t)=>t<=h&&(0,F.jsx)(d.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:o,isVisible:s}=t;return i||o||n?(0,g.$X$)(r)?(0,F.jsx)(O,{isOnFocus:n&&s,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{a(e)}}):(0,F.jsx)(v.Z,{isOnFocus:n&&s,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{a(e)}}):(0,F.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function Z(e){const[t,n,o,r]=(0,c.Z)(),[l,a]=(0,i.useState)(-1),h=(0,u.MO)("whatmoreShopId"),[m,y]=(0,i.useState)(o),P=e.onClick,b=e.events,C=Math.min(o,b.length),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(s.I);return(0,i.useEffect)((()=>{m<=o&&y((e=>e+o))}),[o]),(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,F.jsx)("div",{style:{width:n*C*(0,g.Su5)(h)+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:C,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(C),onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&y((e=>e+o))},spaceBetween:(0,g.WGf)(h),children:b.map(((e,t)=>{const n=x()((()=>a(t)),300);return t<=m&&(0,F.jsx)(d.o5,{onMouseEnter:()=>{n()},onMouseLeave:()=>{n.cancel(),a(-1)},children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:s}=n;return s?(0,g.$X$)(h)?(0,F.jsx)(O,{isOnFocus:t==l,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{P(e)}}):(0,F.jsx)(v.Z,{isOnFocus:t==l,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{P(e)}}):(0,F.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var z=function(e){var t;const[n,a,d]=(0,h.Z)(),[p]=(0,u.j1)("whatmoreShopId"),[c]=(0,u.j1)("whatmorePrimaryColor"),[m]=(0,u.j1)("whatmoreTitleFont"),x="portrait"==n?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:f}=(0,i.useContext)(s.I),v=((0,u.MO)("isInDesignMode"),(0,u.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:w}=(0,i.useContext)(s.I),j=e.events,b=e.onClick,C=null!==(t=(0,g.aRS)(p))&&void 0!==t?t:m;function I(e){b(e)}return(0,i.useEffect)((()=>{(0,P.Oo)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{s.$.forEach((e=>{var t;const n=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!n)return;n&&e&&(e.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,F.jsx)(l.C,{value:M,children:(0,F.jsx)("div",{children:(0,F.jsx)(o.x,{theme:r.ZP,cssVarsRoot:f,resetCSS:!1,children:(0,F.jsxs)(y.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,F.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",x+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,g.wOV)(p),lineHeight:(0,g.vY4)(p),letterSpacing:(0,g.X2K)(p)},children:w?"W"!==v?v:"":e.heading})}):(0,F.jsx)(F.Fragment,{}),"landscape"===n?(0,F.jsx)(Z,{events:j,onClick:I}):(0,F.jsx)(k,{events:j,onClick:I})]})})})})}},1092:function(e,t,n){var i=n(237),o=n(9854),r=n(7753),s=n(9039),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,r.MO)("whatmoreShopId"),p=(0,r.MO)("whatmorePrimaryFont"),c=e.event,h=e.fontSize;if(c.total_views<=0)return(0,a.jsx)(a.Fragment,{});const m=(0,o.S_M)(n);return"template-icon"==m?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.alU)(n),borderColor:(0,o.qPe)(n)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(i.Z,{sx:{color:(0,o.aLw)(n)+" !important",fontSize:h,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aLw)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",p,"important"),e.style.setProperty("font-size",h,"important"),e.style.setProperty("min-height","0","important"),e.style.setProperty("display","inline","important"),e.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(c.total_views)+" "})})]})})}):"template-text"==m?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.alU)(n),borderColor:(0,o.qPe)(n)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aLw)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",p,"important"))},style:{fontSize:h,fontWeight:"bold"},children:" "+d(c.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,n){var i=n(7313),o=n(9821),r=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,o.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},4920:function(e,t,n){n.d(t,{Z:function(){return P}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),s=n(7753),l=n(4892),a=n(7129),d=n(6805),p=n(9854),c=n(1092),h=n(5945),m=n(9039),x=n(9363),u=n(6417);var y=function(e){var[t,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(m.I),[l]=(0,s.j1)("whatmorePrimaryFont"),[a,d]=(0,i.useState)(0),c=(0,s.MO)("whatmoreShopId"),y=e.event;if(0==y.products.length)return(0,u.jsx)(u.Fragment,{});const f=.3*n,g=f+"px",v=f+"px",w=.07*n+"px";return(0,u.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,u.jsxs)("div",{ref:e=>{e&&e.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,u.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",v,"important")},style:{width:(0,p.uNj)(c)?g:"auto",boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,p.alU)(c),borderColor:(0,p.qPe)(c),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,u.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,p.yOX)(c),"important")},src:(0,x.s)(y.products[a].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:"100%",height:"100%",maxWidth:g,borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,u.jsx)("div",{style:{width:n-5-f+"px",height:v,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",w,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",l,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,h.s)(y.products[a].title)})})})]},a)})},f=n(3933),g=n(8984);function v(e){var t,[n,l]=(0,o.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[c,h,m]=(0,f.YD)({triggerOnce:!0});var x=(0,i.useContext)(a.V);const v=e.event,w=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l,P=(0,g.gE)()?e.isOnFocus:h;return(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)("p",{children:" "})}),x.showPlayButton&&!w?(0,u.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==v.event_type&&(0,u.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,u.jsx)(u.Fragment,{}),(0,u.jsx)("div",{ref:c,children:P&&(0,p.PWD)(d)?(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)(y,{event:v})}):(0,u.jsx)("div",{height:"20px"})})]})})}function w(e){var[t,n]=(0,o.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,u.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,u.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,u.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,u.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,u.jsx)(u.Fragment,{})}function j(e){const[t,n,i,r,l]=(0,o.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),h=(0,s.MO)("whatmoreShopId"),m=e.event,x=e.isOnFocus;return(0,u.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,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,u.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,u.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,u.jsx)(c.Z,{event:m,fontSize:.07*n+"px"})})}):(0,u.jsx)(u.Fragment,{})})}),d.$w===l[d.YP]?(0,u.jsx)(u.Fragment,{}):x?(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,u.jsx)(w,{event:m})}):(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)(w,{event:m})})]})})}var P=function(e){var t,n,r;const[c,h,x,y,f]=(0,o.Z)();var g=(0,i.useContext)(a.V);const{whatmoreUITheme:w}=(0,i.useContext)(m.I),P=(0,s.MO)("whatmoreShopId"),b=e.event,C=e.onClick,I=null===(t=e.isOnFocus)||void 0===t||t,S=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,F=null!==(r=e.animateOnFocus&&(0,p.iWI)(P))&&void 0!==r&&r,O=(0,p.nzC)(P);return(0,u.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",g.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",g.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w?O:null,borderWidth:(0,p.alU)(P),borderColor:(0,p.qPe)(P),overflow:"hidden",cursor:"pointer"},className:F?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(b)},children:[(0,u.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:I||S,event:b}),(0,u.jsxs)("div",{style:{width:h,height:c},children:[(0,u.jsx)(j,{event:b,isOnFocus:I}),"87043703105"===P||"76467011883"===P||!I&&d.$w!==f[d.YP]?null:(0,u.jsx)(v,{event:b,unfocusedDisplay:!I,isOnFocus:I})]})]})}},9363:function(e,t,n){n.d(t,{s:function(){return r}});var i=n(9854),o=n(7753);function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,i.Ipo)(n)?"STRNV8MHJTF"==n?e+"?format=webp":e:e+t}},9723:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},237:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[197],{1492:function(e,t,n){n.r(t),n.d(t,{default:function(){return z}});var i=n(7313),o=n(6090),r=n(7616),s=n(9852),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),d=n(2210),p=n(8486),c=n(9821),h=n(8866),m=n(2279),x=n.n(m),u=n(7753),y=n(7129),f=n(1855),g=n(9854),v=n(4920),w=n(7376),j=n(778),P=n(7381),b=(n(3439),n(4892)),C=n(6805),I=n(9219),S=n(5945),F=n(6417);var O=function(e){var t,n,o,r,l,a,d,p,h,m;const[x,f,v,w,j]=(0,c.Z)();var P=(0,i.useContext)(y.V);const{whatmoreUITheme:O}=(0,i.useContext)(s.I),M=(0,u.MO)("whatmoreShopId"),k=(0,u.MO)("whatmorePrimaryFont"),Z=(0,u.MO)("whatmoreSecondaryColor"),z=e.event,W=e.onClick,R=null===(t=e.isOnFocus)||void 0===t||t,N=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,U=null!==(o=e.animateOnFocus&&(0,g.iWI)(M))&&void 0!==o&&o,E=Math.round(+(null===(r=z.products[0])||void 0===r?void 0:r.price)),T=Math.round(+(null===(l=z.products[0])||void 0===l?void 0:l.compare_price)),_=T&&0!=T&&T>E?Math.round((T-E)/T*100):NaN,L="portrait"===j[C.YP],V=(L?1.076*f*(0,g.pEd)(M):f*(0,g.H4g)(M))+"px",D=(L?1.076*f*(0,g.pEd)(M):f*(0,g.H4g)(M))+"px",B=(L?.965*f*(0,g.pEd)(M):.859*f*(0,g.H4g)(M))+"px",A=(0,g.nzC)(M),{whatmoreIsPreviewMode:H}=(0,i.useContext)(s.I),q=.25*f,$=q+"px",Y=1.1*q+"px";return(0,F.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",P.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",P.tileBottomMMargin+"px","important"))},children:[(0,F.jsx)("div",{style:{margin:"0 auto",width:f,height:L&&R?1.1*x:x,borderRadius:"round"==O?"5px":"0px",boxShadow:"round"==O?A:null,borderWidth:(0,g.alU)(M),borderColor:(0,g.qPe)(M),overflow:"hidden",cursor:"pointer"},className:U?R?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{W(z)},children:(0,F.jsx)(b.Z,{height:"100%",width:"100%",url:z.thumbnail_image,isPlaying:R||N,event:z})}),(0,F.jsxs)("div",{onClick:()=>{W(z)},style:{cursor:"pointer",display:"flex",gap:"6px",padding:"14px 8px"},children:[(H?(0,g.uU$)(M):(0,g.EIj)(M))&&(0,F.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",Y,"important")},style:{maxWidth:$,borderRadius:"round"==O?"5px":"0px",overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,F.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,g.yOX)(M),"important")},src:z.products[0].thumbnail_image})}),(0,F.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"5px"},children:[(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",V,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",k,"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,S.s)(null===(a=z.products[0])||void 0===a?void 0:a.title)}),(0,g.QaY)(M)&&(0,F.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,g.$zZ)(M)?"row":"row-reverse",justifyContent:(0,g.$zZ)(M)?"flex-start":"flex-end"},children:[(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,g.Uyp)(M),"important"),e.style.setProperty("font-size",D,"important"),e.style.setProperty("font-family",k,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,g.rPP)(M)?"normal":"bold"},children:(0,I.jx)(parseFloat(null===(d=z.products[0])||void 0===d?void 0:d.price)," ",M,null===(p=z.products[0])||void 0===p?void 0:p.currency)}),!isNaN(T)&&T>E&&(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,g.kPs)(M),"important"),e.style.setProperty("font-size",D,"important"),e.style.setProperty("font-family",k,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,I.jx)(parseFloat(null===(h=z.products[0])||void 0===h?void 0:h.compare_price)," ",M,null===(m=z.products[0])||void 0===m?void 0:m.currency)})]}),(0,g.QaY)(M)&&!isNaN(_)&&0!=_&&(0,F.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,g.ZJm)(M)?"#343434"==Z?(0,g.ZJm)(M):Z:(0,g.ZJm)(M),alignItems:"center",borderRadius:"84084818211"==M?"4rem":"4px",width:"fit-content",padding:(0,g.Spx)(M)?"3px 6px":"0px"},children:(0,g.Spx)(M)?(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,g.mso)(M),"important"),e.style.setProperty("font-size",B,"important"),e.style.setProperty("font-family",k,"important"))},children:"".concat(_,"% Off")}):(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,g.aUT)(M),"important"),e.style.setProperty("font-size",B,"important"),e.style.setProperty("font-family",(0,g.V3Y)(M),"important"))},children:(0,g.sG7)(M)})})]})]})]})};const M=(0,a.Z)({key:"whatmore-css-hv"});function k(e){const[t,n,o]=(0,c.Z)(),r=(0,u.MO)("whatmoreShopId"),l=e.events,a=e.onClick,p=o*(0,g.u6l)(r),[h,m]=(0,i.useState)(p),{whatmoreWidgetSourceDetails:x}=(0,i.useContext)(s.I);return(0,i.useEffect)((()=>{h<=p&&m((e=>e+p))}),[p]),(0,F.jsx)("div",{className:"whatmore-events-carousel-portrait",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?p:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:x}),e.realIndex>e.previousIndex&&m((e=>e+p))},children:l.map(((e,t)=>t<=h&&(0,F.jsx)(d.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:o,isVisible:s}=t;return i||o||n?(0,g.$X$)(r)?(0,F.jsx)(O,{isOnFocus:n&&s,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{a(e)}}):(0,F.jsx)(v.Z,{isOnFocus:n&&s,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{a(e)}}):(0,F.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function Z(e){const[t,n,o,r]=(0,c.Z)(),[l,a]=(0,i.useState)(-1),h=(0,u.MO)("whatmoreShopId"),[m,y]=(0,i.useState)(o),P=e.onClick,b=e.events,C=Math.min(o,b.length),{whatmoreWidgetSourceDetails:I}=(0,i.useContext)(s.I);return(0,i.useEffect)((()=>{m<=o&&y((e=>e+o))}),[o]),(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,F.jsx)("div",{style:{width:n*C*(0,g.Su5)(h)+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:C,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(C),onSlideChange:e=>{(0,w.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:I}),e.realIndex>e.previousIndex&&y((e=>e+o))},spaceBetween:(0,g.WGf)(h),children:b.map(((e,t)=>{const n=x()((()=>a(t)),300);return t<=m&&(0,F.jsx)(d.o5,{onMouseEnter:()=>{n()},onMouseLeave:()=>{n.cancel(),a(-1)},children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:s}=n;return s?(0,g.$X$)(h)?(0,F.jsx)(O,{isOnFocus:t==l,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{P(e)}}):(0,F.jsx)(v.Z,{isOnFocus:t==l,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{P(e)}}):(0,F.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var z=function(e){var t;const[n,a,d]=(0,h.Z)(),[p]=(0,u.j1)("whatmoreShopId"),[c]=(0,u.j1)("whatmorePrimaryColor"),[m]=(0,u.j1)("whatmoreTitleFont"),x="portrait"==n?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:f}=(0,i.useContext)(s.I),v=((0,u.MO)("isInDesignMode"),(0,u.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:w}=(0,i.useContext)(s.I),j=e.events,b=e.onClick,C=null!==(t=(0,g.aRS)(p))&&void 0!==t?t:m;function I(e){b(e)}return(0,i.useEffect)((()=>{(0,P.Oo)("Video shopping powered by Whatmore!")}),[]),(0,i.useEffect)((()=>{s.$.forEach((e=>{var t;const n=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-a"]');if(!n)return;n&&e&&(e.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,F.jsx)(l.C,{value:M,children:(0,F.jsx)("div",{children:(0,F.jsx)(o.x,{theme:r.ZP,cssVarsRoot:f,resetCSS:!1,children:(0,F.jsxs)(y.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||w?(0,F.jsx)("div",{className:"whatmore-events-carousel",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",C,"important"),e.style.setProperty("font-size",x+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,g.wOV)(p),lineHeight:(0,g.vY4)(p),letterSpacing:(0,g.X2K)(p)},children:w?"W"!==v?v:"":e.heading})}):(0,F.jsx)(F.Fragment,{}),"landscape"===n?(0,F.jsx)(Z,{events:j,onClick:I}):(0,F.jsx)(k,{events:j,onClick:I})]})})})})}},1092:function(e,t,n){var i=n(237),o=n(9854),r=n(7753),s=n(9852),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,r.MO)("whatmoreShopId"),p=(0,r.MO)("whatmorePrimaryFont"),c=e.event,h=e.fontSize;if(c.total_views<=0)return(0,a.jsx)(a.Fragment,{});const m=(0,o.S_M)(n);return"template-icon"==m?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.alU)(n),borderColor:(0,o.qPe)(n)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(i.Z,{sx:{color:(0,o.aLw)(n)+" !important",fontSize:h,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aLw)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",p,"important"),e.style.setProperty("font-size",h,"important"),e.style.setProperty("min-height","0","important"),e.style.setProperty("display","inline","important"),e.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(c.total_views)+" "})})]})})}):"template-text"==m?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.alU)(n),borderColor:(0,o.qPe)(n)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aLw)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",p,"important"))},style:{fontSize:h,fontWeight:"bold"},children:" "+d(c.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,n){var i=n(7313),o=n(9821),r=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,o.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},4920:function(e,t,n){n.d(t,{Z:function(){return P}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),s=n(7753),l=n(4892),a=n(7129),d=n(6805),p=n(9854),c=n(1092),h=n(5945),m=n(9852),x=n(9363),u=n(6417);var y=function(e){var[t,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(m.I),[l]=(0,s.j1)("whatmorePrimaryFont"),[a,d]=(0,i.useState)(0),c=(0,s.MO)("whatmoreShopId"),y=e.event;if(0==y.products.length)return(0,u.jsx)(u.Fragment,{});const f=.3*n,g=f+"px",v=f+"px",w=.07*n+"px";return(0,u.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,u.jsxs)("div",{ref:e=>{e&&e.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,u.jsx)("div",{ref:e=>{e&&e.style.setProperty("height",v,"important")},style:{width:(0,p.uNj)(c)?g:"auto",boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,p.alU)(c),borderColor:(0,p.qPe)(c),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,u.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,p.yOX)(c),"important")},src:(0,x.s)(y.products[a].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:"100%",height:"100%",maxWidth:g,borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,u.jsx)("div",{style:{width:n-5-f+"px",height:v,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",w,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",l,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,h.s)(y.products[a].title)})})})]},a)})},f=n(3933),g=n(8984);function v(e){var t,[n,l]=(0,o.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[c,h,m]=(0,f.YD)({triggerOnce:!0});var x=(0,i.useContext)(a.V);const v=e.event,w=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l,P=(0,g.gE)()?e.isOnFocus:h;return(0,u.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)("p",{children:" "})}),x.showPlayButton&&!w?(0,u.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==v.event_type&&(0,u.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,u.jsx)(u.Fragment,{}),(0,u.jsx)("div",{ref:c,children:P&&(0,p.PWD)(d)?(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)(y,{event:v})}):(0,u.jsx)("div",{height:"20px"})})]})})}function w(e){var[t,n]=(0,o.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,u.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,u.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,u.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,u.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,u.jsx)(u.Fragment,{})}function j(e){const[t,n,i,r,l]=(0,o.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),h=(0,s.MO)("whatmoreShopId"),m=e.event,x=e.isOnFocus;return(0,u.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,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,u.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,u.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,u.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,u.jsx)(c.Z,{event:m,fontSize:.07*n+"px"})})}):(0,u.jsx)(u.Fragment,{})})}),d.$w===l[d.YP]?(0,u.jsx)(u.Fragment,{}):x?(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,u.jsx)(w,{event:m})}):(0,u.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,u.jsx)(w,{event:m})})]})})}var P=function(e){var t,n,r;const[c,h,x,y,f]=(0,o.Z)();var g=(0,i.useContext)(a.V);const{whatmoreUITheme:w}=(0,i.useContext)(m.I),P=(0,s.MO)("whatmoreShopId"),b=e.event,C=e.onClick,I=null===(t=e.isOnFocus)||void 0===t||t,S=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,F=null!==(r=e.animateOnFocus&&(0,p.iWI)(P))&&void 0!==r&&r,O=(0,p.nzC)(P);return(0,u.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",g.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",g.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w?O:null,borderWidth:(0,p.alU)(P),borderColor:(0,p.qPe)(P),overflow:"hidden",cursor:"pointer"},className:F?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(b)},children:[(0,u.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:I||S,event:b}),(0,u.jsxs)("div",{style:{width:h,height:c},children:[(0,u.jsx)(j,{event:b,isOnFocus:I}),"87043703105"===P||"76467011883"===P||!I&&d.$w!==f[d.YP]?null:(0,u.jsx)(v,{event:b,unfocusedDisplay:!I,isOnFocus:I})]})]})}},9363:function(e,t,n){n.d(t,{s:function(){return r}});var i=n(9854),o=n(7753);function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,i.Ipo)(n)?"STRNV8MHJTF"==n?e+"?format=webp":e:e+t}},9723:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},237:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[249],{7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var n=i(7313),o=i(9854),r=i(7753),a=(i(9111),i(123),i(9778),i(4892)),l=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,x,p,h,c]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,v]=(0,n.useState)(!1),g=(0,o.f63)(m);(0,n.useContext)(l.V);const b=e.event,j=e.onClick,y=e.removeBorders,S=i*f*.01,C=x*f*.01,E=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"40273707171"==m?"auto":C+"px",marginLeft:y?"2px":"5px",marginRight:y?"2px":(0,o.VwM)(m)+"px",marginTop:y?"2px":"5px",marginBottom:y?"2px":"5px",cursor:"pointer"},onClick:()=>{v(!0),j(b)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:E,overflow:"hidden",boxShadow:y?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+g+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+g+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+g+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+g+"DA"},children:(0,s.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:S+"px",width:"40273707171"==m?"auto":C+"px",borderRadius:E,backgroundColor:"gray",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})})}},6066:function(e,t,i){var n=i(7313),o=i(9854),r=i(7753),a=(i(9111),i(123),i(9778),i(4892)),l=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,x,p,h,c]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,v]=(0,n.useState)(!1),g=(0,o.f63)(m);(0,n.useContext)(l.V);const b=e.event1,j=e.event2,y=e.onClick,S=.01*f,C=i*S,E=i*S*.5,k=x*S,z=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",L="15%",R=e.removeBorders;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:C+"px",width:k+"px",marginLeft:R?"2px":"5px",marginRight:R?"2px":"5px",marginTop:R?"2px":"5px",marginBottom:R?"2px":"5px",cursor:"pointer"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:R?"0px":z,boxShadow:R?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+g+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+g+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+g+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+g+"DA"},onClick:()=>{v(!0),y(b)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:k+"px",borderTopLeftRadius:R?"0px":L,borderTopRightRadius:R?"0px":L,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})}),(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:k+"px",borderBottomLeftRadius:R?"0px":L,borderBottomRightRadius:R?"0px":L,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})]})})}},8782:function(e,t,i){i.d(t,{P:function(){return l}});var n=i(3933),o=i(7313),r=(i(123),i(6417));function a(e){const{ref:t,inView:i,entry:o}=(0,n.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),a=i(6805),l=i(7753),d=i(9821);var s=function(e){const[t,i,n,o,r]=(0,d.Z)(),[s]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[x]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[a.YP]===a.$w?x/100:s/100*1.2;return[t*p,i*p,r]},x=i(9723),p=i(9461),h=i.n(p),c=i(1195),u=i(7108),m=(i(7244),i(123),i(9854)),f=i(9039),w=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,p,v]=s();const{whatmoreUITheme:g}=(0,o.useContext)(f.I),[b]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[k]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,l.MO)("whatmoreShopId");var L=j,R=y,A=S;v[a.YP]===a.$w&&(L=C,R=E,A=k);const[P,I]=(0,o.useState)(["initial",window.pageYOffset]),[B,F]=(0,o.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,m.zGA)(z):(0,m.zGA)(z),D=Z?V:1;d*=D,p*=D;const M=Z?(0,m.G0o)(z):L,N=Z?(0,m.X8j)(z):(0,m.lVn)(z),[T,Y]=(0,o.useState)(!Z&&(0,m.eXi)(z));function _(e,t){I(e),e[1]<=100?F(!1):t!=B&&(F(t),Y(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(_([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[P]),(0,n.O3)({ref:i,handler:()=>{_(["scrolled-up",P[1]],!0)}});const H=e.event,O=e.inVideoClick,X=e.closeClick,$=.3*p,W=.6*p,G=.1*p,q=.1*(.5*p),U="round"==g?"10px":"0px",J=(0,m.Z$A)(z);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:T&&!N?(0,w.jsx)(w.Fragment,{}):B&&N?(0,w.jsx)("div",{style:"left"===M?{left:"1px",bottom:Z?(0,m.vnu)(z)+"px":A+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:Z?(0,m.vnu)(z)+"px":A+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{onClick:()=>{_(["initial",P[1]],!1)},style:{margin:"1px",width:p+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:U,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(c.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(u.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,Q=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):O(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===M?{left:Z?(0,m.$II)(z)+"px":R+"px",bottom:Z?(0,m.vnu)(z)+"px":A+"px",position:"fixed",zIndex:J}:{right:Z?(0,m.$II)(z)+"px":R+"px",bottom:Z?(0,m.vnu)(z)+"px":A+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:U,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(c.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(x.Z,{sx:{color:(0,m.Ya_)(z),fontSize:W+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,backgroundImage:b?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[249],{7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var n=i(7313),o=i(9854),r=i(7753),a=(i(9111),i(123),i(9778),i(4892)),l=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,x,p,h,c]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,v]=(0,n.useState)(!1),g=(0,o.f63)(m);(0,n.useContext)(l.V);const b=e.event,j=e.onClick,y=e.removeBorders,S=i*f*.01,C=x*f*.01,E=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"40273707171"==m?"auto":C+"px",marginLeft:y?"2px":"5px",marginRight:y?"2px":(0,o.VwM)(m)+"px",marginTop:y?"2px":"5px",marginBottom:y?"2px":"5px",cursor:"pointer"},onClick:()=>{v(!0),j(b)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:E,overflow:"hidden",boxShadow:y?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+g+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+g+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+g+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+g+"DA"},children:(0,s.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:S+"px",width:"40273707171"==m?"auto":C+"px",borderRadius:E,backgroundColor:"gray",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})})}},6066:function(e,t,i){var n=i(7313),o=i(9854),r=i(7753),a=(i(9111),i(123),i(9778),i(4892)),l=i(7129),d=i(9821),s=i(6417);t.Z=function(e){var t;const[i,x,p,h,c]=(0,d.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[m]=(0,r.j1)("whatmoreShopId"),[f]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,v]=(0,n.useState)(!1),g=(0,o.f63)(m);(0,n.useContext)(l.V);const b=e.event1,j=e.event2,y=e.onClick,S=.01*f,C=i*S,E=i*S*.5,k=x*S,z=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",L="15%",R=e.removeBorders;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:C+"px",width:k+"px",marginLeft:R?"2px":"5px",marginRight:R?"2px":"5px",marginTop:R?"2px":"5px",marginBottom:R?"2px":"5px",cursor:"pointer"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:R?"0px":z,boxShadow:R?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+g+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+g+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+g+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+g+"DA"},onClick:()=>{v(!0),y(b)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:k+"px",borderTopLeftRadius:R?"0px":L,borderTopRightRadius:R?"0px":L,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})}),(0,s.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:E+"px",width:k+"px",borderBottomLeftRadius:R?"0px":L,borderBottomRightRadius:R?"0px":L,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:j.thumbnail_image,isPlaying:!0,event:j})})]})})}},8782:function(e,t,i){i.d(t,{P:function(){return l}});var n=i(3933),o=i(7313),r=(i(123),i(6417));function a(e){const{ref:t,inView:i,entry:o}=(0,n.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),a=i(6805),l=i(7753),d=i(9821);var s=function(e){const[t,i,n,o,r]=(0,d.Z)(),[s]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[x]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[a.YP]===a.$w?x/100:s/100*1.2;return[t*p,i*p,r]},x=i(9723),p=i(9461),h=i.n(p),c=i(1195),u=i(7108),m=(i(7244),i(123),i(9854)),f=i(9852),w=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,p,v]=s();const{whatmoreUITheme:g}=(0,o.useContext)(f.I),[b]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[k]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,l.MO)("whatmoreShopId");var L=j,R=y,A=S;v[a.YP]===a.$w&&(L=C,R=E,A=k);const[P,I]=(0,o.useState)(["initial",window.pageYOffset]),[B,F]=(0,o.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,m.zGA)(z):(0,m.zGA)(z),D=Z?V:1;d*=D,p*=D;const M=Z?(0,m.G0o)(z):L,N=Z?(0,m.X8j)(z):(0,m.lVn)(z),[T,Y]=(0,o.useState)(!Z&&(0,m.eXi)(z));function _(e,t){I(e),e[1]<=100?F(!1):t!=B&&(F(t),Y(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(_([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[P]),(0,n.O3)({ref:i,handler:()=>{_(["scrolled-up",P[1]],!0)}});const H=e.event,O=e.inVideoClick,X=e.closeClick,$=.3*p,W=.6*p,G=.1*p,q=.1*(.5*p),U="round"==g?"10px":"0px",J=(0,m.Z$A)(z);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:T&&!N?(0,w.jsx)(w.Fragment,{}):B&&N?(0,w.jsx)("div",{style:"left"===M?{left:"1px",bottom:Z?(0,m.vnu)(z)+"px":A+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:Z?(0,m.vnu)(z)+"px":A+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{onClick:()=>{_(["initial",P[1]],!1)},style:{margin:"1px",width:p+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:U,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(c.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(u.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,Q=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):O(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===M?{left:Z?(0,m.$II)(z)+"px":R+"px",bottom:Z?(0,m.vnu)(z)+"px":A+"px",position:"fixed",zIndex:J}:{right:Z?(0,m.$II)(z)+"px":R+"px",bottom:Z?(0,m.vnu)(z)+"px":A+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:U,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(c.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(x.Z,{sx:{color:(0,m.Ya_)(z),fontSize:W+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,backgroundImage:b?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! For license information please see 299.
|
|
2
|
-
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[299],{4362:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return B}});var r=n(7313),i=n(8675),o=n(6090),s=n(7616),a=(n(6143),n(7244),n(123),n(9302)),l=n(2575),c=n(3271),d=n(8866),p=n(7753),h=n(7129),u=n(9854),m=n(9039),f=n(9821),x=n(3933),y=n(6417);function v(e){var t;const{ref:n,inView:r,entry:i}=(0,x.YD)({triggerOnce:!1}),o=null!==(t=e.defaultHeight)&&void 0!==t?t:"fit-content";return(0,y.jsx)(c.Kq,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:r?e.data.map(((t,n)=>(0,y.jsx)("div",{children:e.renderElement({eventData:t})},"key"+n))):(0,y.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function g(e){var t;const[n,r,i]=(0,f.Z)(),o=null!==(t=e.elementsPerRow)&&void 0!==t?t:Math.floor(Math.min(i,e.dataList.length)),s=function(e,t){var n=[];const r=t;for(let i=0;i<e.length;i+=r){const t=e.slice(i,i+r);n.push(t)}return n}(e.dataList,o);return(0,y.jsx)(c.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:s.map(((t,i)=>(0,y.jsx)(v,{renderElement:e.renderElement,data:t,defaultHeight:n,defaultWidth:r},"key-"+i)))})}var w=n(7300),C=(n(4920),n(3439),n(4892)),D=n(1092),P=n(5945),j=n(9219);var S=function(e){var[t,n]=(0,f.Z)();const[i,o]=(0,r.useState)(0),[s,a]=(0,r.useState)(e.event),[l]=(0,p.j1)("whatmoreShopId"),{whatmoreUITheme:c}=(0,r.useContext)(m.I),[d]=(0,p.j1)("whatmorePrimaryFont"),h=s.products.length;if(0==h)return(0,y.jsx)(y.Fragment,{});(0,r.useEffect)((()=>{const e=setInterval((()=>{o((e=>(e+1)%h))}),3e3);return()=>{clearInterval(e)}}),[]),(0,r.useEffect)((()=>{(0,u.N8M)(l)&&(0,j.p_)(s,(0,u.Ipo)(l),l).then((e=>{a(e)}))}),[]);const x=.08*n+"px",v=.075*n+"px",g=(+s.products[i].price).toFixed(),w=(+s.products[i].compare_price).toFixed();return(0,y.jsxs)("div",{style:{background:(0,u.Ys7)(l),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"round"==c?"0 0 12px 12px":"0"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",x,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",d,"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"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,P.s)(s.products[i].title)}),(0,y.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,j.jx)(parseFloat(g)," ",l,s.products[i].currency)}),!isNaN(w)&&w>g&&(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,j.jx)(parseFloat(w)," ",l,s.products[i].currency)})]})]})},R=n(8984);function M(e){const[t,n]=(0,f.Z)(),[r]=(0,p.j1)("whatmoreShowViews"),i=e.event;return(0,y.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,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===r?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(D.Z,{event:i,fontSize:.07*n+"px"})})}):(0,y.jsx)(y.Fragment,{})})})})})}var F=function(e){var t,n,i;const[o,s]=(0,f.Z)();var a=(0,r.useContext)(h.V);const{whatmoreUITheme:l}=(0,r.useContext)(m.I),c=(0,p.MO)("whatmoreSecondaryColor"),d=(0,p.MO)("whatmoreShopId"),v=e.event,g=e.onClick,w=null===(t=e.isOnFocus)||void 0===t||t,D=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,P=null!==(i=e.animateOnFocus&&(0,u.iWI)(d))&&void 0!==i&&i,[j,F,b]=(0,x.YD)({triggerOnce:!0});return(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",a.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",a.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,height:o,borderRadius:"round"==l?"12px":"0px",borderWidth:(0,u.en2)(d),borderColor:"white"==(0,u.qPe)(d)?c:(0,u.qPe)(d),overflow:"hidden",cursor:"pointer"},className:P?w?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{g(v)},children:[(0,y.jsx)(C.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:w||D||(0,R.gE)(),event:v}),(0,y.jsxs)("div",{style:{width:s,height:o},ref:j,children:[(0,y.jsx)(M,{event:v,isOnFocus:w}),(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:" "})}),(0,y.jsx)("div",{style:{width:"100%"},children:F&&(0,u.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(S,{event:v})}):(0,y.jsx)("div",{height:"20px"})})]})})]})]})};const b=(0,l.Z)({key:"whatmore-css-hv"});var B=function(e){var t;const[n,l,x]=(0,d.Z)(),[v,C,D]=(0,f.Z)(),[P]=(0,p.j1)("whatmoreShopId"),[j]=(0,p.j1)("whatmorePrimaryColor"),[S]=(0,p.j1)("whatmoreTitleFont"),R="portrait"==n?(0,p.MO)("whatmoreTitleFontSizePortrait"):(0,p.MO)("whatmoreTitleFontSize"),{whatmoreRootId:M}=(0,r.useContext)(m.I),B=e.events,T=e.onClick,O=null!==(t=(0,u.aRS)(P))&&void 0!==t?t:S;function U(e){T(e)}const I=parseInt(Math.floor(D));return delete s.ZP.styles.global,(0,y.jsx)(a.C,{value:b,children:(0,y.jsx)("div",{children:(0,y.jsx)(o.x,{theme:s.ZP,cssVarsRoot:M,resetCSS:!1,children:(0,y.jsxs)(h.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[e.heading.trim().length>0?(0,y.jsx)(c.M5,{children:(0,y.jsx)(c.xv,{bgColor:j,bgClip:"text",fontSize:R,sx:{fontFamily:O+" !important"},align:"center",children:e.heading})}):(0,y.jsx)(y.Fragment,{}),"landscape"===n?(0,y.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,y.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(t)||(0,w.WJ)(t)?(0,y.jsx)(F,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}}):(0,y.jsx)(i.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}})})},dataList:B,elementsPerRow:I}):(0,y.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,y.jsx)("div",{style:{margin:"10px"},children:(0,y.jsx)(F,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}})})},dataList:B,elementsPerRow:I})]})})})})}},6040:function(e,t,n){const r=n(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:"$"}},8507:function(e,t){"use strict";function n(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}var r=function e(t,r){function i(e,i,o){if("undefined"!==typeof document){"number"===typeof(o=n({},r,o)).expires&&(o.expires=new Date(Date.now()+864e5*o.expires)),o.expires&&(o.expires=o.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var a in o)o[a]&&(s+="; "+a,!0!==o[a]&&(s+="="+o[a].split(";")[0]));return document.cookie=e+"="+t.write(i,e)+s}}return Object.create({set:i,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var n=document.cookie?document.cookie.split("; "):[],r={},i=0;i<n.length;i++){var o=n[i].split("="),s=o.slice(1).join("=");try{var a=decodeURIComponent(o[0]);if(r[a]=t.read(s,a),e===a)break}catch(l){}}return e?r[e]:r}},remove:function(e,t){i(e,"",n({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,n({},this.attributes,t))},withConverter:function(t){return e(n({},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 299.6e825ac5.chunk.js.LICENSE.txt */
|
|
2
|
+
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[299],{4362:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return B}});var r=n(7313),i=n(8675),o=n(6090),s=n(7616),a=(n(6143),n(7244),n(123),n(9302)),l=n(2575),c=n(3271),d=n(8866),p=n(7753),h=n(7129),u=n(9854),m=n(9852),f=n(9821),x=n(3933),y=n(6417);function v(e){var t;const{ref:n,inView:r,entry:i}=(0,x.YD)({triggerOnce:!1}),o=null!==(t=e.defaultHeight)&&void 0!==t?t:"fit-content";return(0,y.jsx)(c.Kq,{ref:n,direction:"row",minHeight:o,height:o,width:"100%",justifyContent:"center",alignItems:"center",children:r?e.data.map(((t,n)=>(0,y.jsx)("div",{children:e.renderElement({eventData:t})},"key"+n))):(0,y.jsx)("div",{style:{minHeight:{rowHeight:o},minWidth:"100%"}})})}function g(e){var t;const[n,r,i]=(0,f.Z)(),o=null!==(t=e.elementsPerRow)&&void 0!==t?t:Math.floor(Math.min(i,e.dataList.length)),s=function(e,t){var n=[];const r=t;for(let i=0;i<e.length;i+=r){const t=e.slice(i,i+r);n.push(t)}return n}(e.dataList,o);return(0,y.jsx)(c.Kq,{direction:"column",height:"100%",width:"100%",justifyContent:"flex-start",alignItems:"center",spacing:.2*n,children:s.map(((t,i)=>(0,y.jsx)(v,{renderElement:e.renderElement,data:t,defaultHeight:n,defaultWidth:r},"key-"+i)))})}var w=n(7300),C=(n(4920),n(3439),n(4892)),D=n(1092),P=n(5945),j=n(9219);var S=function(e){var[t,n]=(0,f.Z)();const[i,o]=(0,r.useState)(0),[s,a]=(0,r.useState)(e.event),[l]=(0,p.j1)("whatmoreShopId"),{whatmoreUITheme:c}=(0,r.useContext)(m.I),[d]=(0,p.j1)("whatmorePrimaryFont"),h=s.products.length;if(0==h)return(0,y.jsx)(y.Fragment,{});(0,r.useEffect)((()=>{const e=setInterval((()=>{o((e=>(e+1)%h))}),3e3);return()=>{clearInterval(e)}}),[]),(0,r.useEffect)((()=>{(0,u.N8M)(l)&&(0,j.p_)(s,(0,u.Ipo)(l),l).then((e=>{a(e)}))}),[]);const x=.08*n+"px",v=.075*n+"px",g=(+s.products[i].price).toFixed(),w=(+s.products[i].compare_price).toFixed();return(0,y.jsxs)("div",{style:{background:(0,u.Ys7)(l),display:"flex",flexDirection:"column",padding:"10px 12px",gap:"6px",borderRadius:"round"==c?"0 0 12px 12px":"0"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",x,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",d,"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"))},style:{textAlign:"left",fontWeight:"bolder"},children:(0,P.s)(s.products[i].title)}),(0,y.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","black","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,j.jx)(parseFloat(g)," ",l,s.products[i].currency)}),!isNaN(w)&&w>g&&(0,y.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",v,"important"),e.style.setProperty("font-family",d,"important"),e.style.setProperty("overflow","hidden","important"))},style:{fontWeight:"bold",textDecoration:"line-through"},children:(0,j.jx)(parseFloat(w)," ",l,s.products[i].currency)})]})]})},R=n(8984);function M(e){const[t,n]=(0,f.Z)(),[r]=(0,p.j1)("whatmoreShowViews"),i=e.event;return(0,y.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,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===r?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(D.Z,{event:i,fontSize:.07*n+"px"})})}):(0,y.jsx)(y.Fragment,{})})})})})}var F=function(e){var t,n,i;const[o,s]=(0,f.Z)();var a=(0,r.useContext)(h.V);const{whatmoreUITheme:l}=(0,r.useContext)(m.I),c=(0,p.MO)("whatmoreSecondaryColor"),d=(0,p.MO)("whatmoreShopId"),v=e.event,g=e.onClick,w=null===(t=e.isOnFocus)||void 0===t||t,D=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,P=null!==(i=e.animateOnFocus&&(0,u.iWI)(d))&&void 0!==i&&i,[j,F,b]=(0,x.YD)({triggerOnce:!0});return(0,y.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",a.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",a.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,height:o,borderRadius:"round"==l?"12px":"0px",borderWidth:(0,u.en2)(d),borderColor:"white"==(0,u.qPe)(d)?c:(0,u.qPe)(d),overflow:"hidden",cursor:"pointer"},className:P?w?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{g(v)},children:[(0,y.jsx)(C.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:w||D||(0,R.gE)(),event:v}),(0,y.jsxs)("div",{style:{width:s,height:o},ref:j,children:[(0,y.jsx)(M,{event:v,isOnFocus:w}),(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:" "})}),(0,y.jsx)("div",{style:{width:"100%"},children:F&&(0,u.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(S,{event:v})}):(0,y.jsx)("div",{height:"20px"})})]})})]})]})};const b=(0,l.Z)({key:"whatmore-css-hv"});var B=function(e){var t;const[n,l,x]=(0,d.Z)(),[v,C,D]=(0,f.Z)(),[P]=(0,p.j1)("whatmoreShopId"),[j]=(0,p.j1)("whatmorePrimaryColor"),[S]=(0,p.j1)("whatmoreTitleFont"),R="portrait"==n?(0,p.MO)("whatmoreTitleFontSizePortrait"):(0,p.MO)("whatmoreTitleFontSize"),{whatmoreRootId:M}=(0,r.useContext)(m.I),B=e.events,T=e.onClick,O=null!==(t=(0,u.aRS)(P))&&void 0!==t?t:S;function U(e){T(e)}const I=parseInt(Math.floor(D));return delete s.ZP.styles.global,(0,y.jsx)(a.C,{value:b,children:(0,y.jsx)("div",{children:(0,y.jsx)(o.x,{theme:s.ZP,cssVarsRoot:M,resetCSS:!1,children:(0,y.jsxs)(h.V.Provider,{value:{tileTopMargin:3,tileBottomMMargin:3,tileLeftMargin:3,tileRightMargin:3,showPlayButton:!1},children:[e.heading.trim().length>0?(0,y.jsx)(c.M5,{children:(0,y.jsx)(c.xv,{bgColor:j,bgClip:"text",fontSize:R,sx:{fontFamily:O+" !important"},align:"center",children:e.heading})}):(0,y.jsx)(y.Fragment,{}),"landscape"===n?(0,y.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,y.jsx)("div",{style:{margin:"10px"},children:(0,w.B6)(t)||(0,w.WJ)(t)?(0,y.jsx)(F,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}}):(0,y.jsx)(i.Z,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}})})},dataList:B,elementsPerRow:I}):(0,y.jsx)(g,{renderElement:e=>{const t=e.eventData;return(0,y.jsx)("div",{style:{margin:"10px"},children:(0,y.jsx)(F,{isOnFocus:!0,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{U(t)}})})},dataList:B,elementsPerRow:I})]})})})})}},6040:function(e,t,n){const r=n(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:"$"}},8507:function(e,t){"use strict";function n(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}var r=function e(t,r){function i(e,i,o){if("undefined"!==typeof document){"number"===typeof(o=n({},r,o)).expires&&(o.expires=new Date(Date.now()+864e5*o.expires)),o.expires&&(o.expires=o.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var a in o)o[a]&&(s+="; "+a,!0!==o[a]&&(s+="="+o[a].split(";")[0]));return document.cookie=e+"="+t.write(i,e)+s}}return Object.create({set:i,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var n=document.cookie?document.cookie.split("; "):[],r={},i=0;i<n.length;i++){var o=n[i].split("="),s=o.slice(1).join("=");try{var a=decodeURIComponent(o[0]);if(r[a]=t.read(s,a),e===a)break}catch(l){}}return e?r[e]:r}},remove:function(e,t){i(e,"",n({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,n({},this.attributes,t))},withConverter:function(t){return e(n({},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}}]);
|