whatmore-react-assets 1.0.1031 → 1.0.1033

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whatmore-react-assets",
-  "version": "1.0.1031",
+  "version": "1.0.1033",
   "description": "public repo for all whatmore js and css assets",
   "main": "whatmore.js",
   "scripts": {

package/static/js/{678.ca4b5fd4.chunk.js → 678.b0bdb0cf.chunk.js}

@@ -1,2 +1,2 @@
-/*! For license information please see 678.ca4b5fd4.chunk.js.LICENSE.txt */
-(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[678],{9085:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return N}});var r=o(7313),n=(o(3439),o(6090)),i=o(32),s=o(7616),l=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),m=o(7129),x=o(1855),f=o(9854),y=o(364),v=o(4522),g=o(778),C=o(4892),M=o(5945),S=o(9219),w=o(6805),P=o(8984),D=o(7053),j=o(5416),R=o(6417);var b=function(e){var t,o,n,i,s,l,a,d,p,u,x,y;const[v,g,b,T,O]=(0,c.Z)(),B=(0,h.MO)("whatmoreShopId"),$="portrait"===O[w.YP],N=($?1.076*g*(0,f.pEd)(B):g*(0,f.H4g)(B))+"px",I=($?1.076*g*(0,f.pEd)(B):g*(0,f.H4g)(B))+"px",U=($?.965*g*(0,f.pEd)(B):.859*g*(0,f.H4g)(B))+"px",[E,F]=(0,r.useState)(e.event),L=(0,h.MO)("whatmoreSecondaryColor");var A=(0,r.useContext)(m.V);const K=null===(t=e.isOnFocus)||void 0===t||t,k=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,G=e.onClick,Z=(0,h.MO)("whatmoreUITheme"),Y=null!==(n=e.animateOnFocus&&(0,f.iWI)(B))&&void 0!==n&&n,[W,H]=(0,r.useState)(!1),V=(0,h.MO)("whatmorePrimaryFont"),X=Math.round(+(null===(i=E.products[0])||void 0===i?void 0:i.price)),z=Math.round(+(null===(s=E.products[0])||void 0===s?void 0:s.compare_price)),_=z&&0!=z&&z>X?Math.round((z-X)/z*100):NaN,[J,Q]=(0,r.useState)(_),[q,ee]=(0,r.useState)();return(0,r.useEffect)((()=>{(0,f.N8M)(B)&&(0,S.p_)(E,(0,f.Ipo)(B),B).then((e=>{var t,o,r;F(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&Q(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),H(!0)}));(async()=>{var e;const t=await(0,D.p)(null===E||void 0===E||null===(e=E.products)||void 0===e?void 0:e[0],(0,f.Ipo)(B),B);ee(t),H(!0)})()}),[]),(0,R.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",A.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",A.tileBottomMMargin+"px","important"))},className:Y&&!$?K?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:g},onClick:()=>{G(E)},children:[(0,R.jsx)("div",{style:{borderRadius:"round"==Z?"5%":"0px",boxShadow:"round"==Z?"0px 0px 5px 0px #B0B0B0":null,height:v,borderWidth:(0,f.alU)(B),borderColor:(0,f.qPe)(B),overflow:"hidden"},children:(0,R.jsx)(C.Z,{height:(0,f.dXm)(B)+" !important",width:"100%",url:E.thumbnail_image,isPlaying:K||k||(0,P.gE)(),event:E})}),(0,R.jsxs)("div",{style:{display:(0,f.pvY)(B)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",N,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,M.s)(null===(l=E.products[0])||void 0===l?void 0:l.title)}),W&&(0,f.QaY)(B)&&(0,R.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(B)?"row":"row-reverse",justifyContent:(0,f.$zZ)(B)?"flex-start":"flex-end"},children:[(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(B),"important"),e.style.setProperty("font-size",I,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(B)?"normal":"bold"},children:(0,S.jx)(parseFloat((0,j.G)()?null===q||void 0===q?void 0:q.price:null===E||void 0===E||null===(a=E.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.price)," ",B,null===(p=E.products[0])||void 0===p?void 0:p.currency)}),!isNaN(z)&&z>X&&(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(B),"important"),e.style.setProperty("font-size",I,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,S.jx)(parseFloat((0,j.G)()?null===q||void 0===q?void 0:q.compare_at_price:null===E||void 0===E||null===(u=E.products)||void 0===u||null===(x=u[0])||void 0===x?void 0:x.compare_price)," ",B,null===(y=E.products[0])||void 0===y?void 0:y.currency)})]}),(0,f.QaY)(B)&&!isNaN(J)&&0!=J&&W&&(0,R.jsx)("div",{style:{display:(0,f.aKo)(B)?"flex":"none",backgroundColor:"green"==(0,f.ZJm)(B)?"#343434"==L?(0,f.ZJm)(B):L:(0,f.ZJm)(B),alignItems:"center",borderRadius:(0,f.CF_)(B)+"px",width:"fit-content",padding:(0,f.Spx)(B)?"3px 6px":"0px"},children:(0,f.Spx)(B)?(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(B),"important"),e.style.setProperty("font-size",U,"important"),e.style.setProperty("font-family",V,"important"))},children:`${J}% Off`}):(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(B),"important"),e.style.setProperty("font-size",U,"important"),e.style.setProperty("font-family",(0,f.V3Y)(B),"important"))},children:(0,f.sG7)(B)})})]})]})},T=o(7381);const O=(0,a.Z)({key:"whatmore-css-hv"});function B(e){const[t,o,n]=(0,c.Z)(),i=(0,h.MO)("whatmoreShopId"),s=e.events,l=e.onClick,{whatmoreWidgetSourceDetails:a}=(0,r.useContext)(y.I),d=Math.ceil(n),p=2*d,[u,m]=(0,r.useState)(p),[C,M]=(0,r.useState)(2*d),S=0===(0,f.WGf)(i)?24:(0,f.WGf)(i),[w,P]=(0,r.useState)({touchX:0,touchY:0}),D=()=>(0,R.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),j=()=>(0,R.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),T=e=>{if("next"===e){const e=2;M((e=>Math.min(e+Math.floor(n),s.length+d+1))),m((t=>Math.min(t+e,s.length+d+1)))}else M((e=>Math.max(e-Math.floor(n),p)));(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:a})};return(0,R.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{P({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,r,n;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-w.touchX,s=(null===(r=e.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-w.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&T(i>0?"prev":"next")},children:[(0,f.Yxs)(i)&&(0,R.jsxs)(R.Fragment,{children:[C<=s.length+d&&(0,R.jsx)("div",{onClick:()=>T("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,R.jsx)(D,{})}),C>2*d&&(0,R.jsx)("div",{onClick:()=>T("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,R.jsx)(j,{})})]}),(0,R.jsx)("div",{style:{display:"flex",gap:S,transform:`translateX(-${(C-p)*(o+S)}px)`,transition:"transform 0.4s ease-in-out"},children:s.map(((e,t)=>t<u?(0,R.jsx)("div",{children:(0,R.jsx)(b,{isOnFocus:t<=C-d-1&&t>=Math.max(0,C-p),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>l(e)})},`whatmore-carousel-tile-${t}`):(0,R.jsx)(x.Z,{})))})]})}function $(e){const[t,o,n,i]=(0,c.Z)(),[s,l]=(0,r.useState)(-1),a=(0,h.MO)("whatmoreShopId"),[d,p]=(0,r.useState)("next"),m=e.onClick,x=e.events,{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(y.I),M=Math.min(Math.ceil(n),x.length),[S,w]=(0,r.useState)(0),P=0===(0,f.WGf)(a)?24:(0,f.WGf)(a),D=()=>(0,R.jsx)("div",{children:(0,R.jsx)("button",{onClick:B,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),j=()=>(0,R.jsx)("div",{children:(0,R.jsx)("button",{onClick:O,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=M&&w((e=>e+M))}),[M]);const T=()=>{l(-1)},O=()=>{S!==M&&(p("prev"),w((e=>Math.max(Math.ceil(e-n),M))),(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},B=()=>{S>x.length+n||(p("next"),w((e=>Math.floor(e+n))),(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},$=S>x.length?x.length-M+1:S-M,N=S>=x.length?x.length:$+M,I=x.slice($,N);return(0,R.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[x.length>=n-1&&x.length>4&&(0,R.jsx)("div",{style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:S!==M&&(0,R.jsx)(j,{})}),(0,R.jsx)("div",{style:{display:"flex",gap:P+"px",width:o*n*(0,f.Su5)(a)+"px",paddingLeft:"8px",justifyContent:x.length<=n-1||x.length<5?"center":"flex-start",overflow:"hidden"},children:I.map(((e,t)=>{const o=`whatmore-event-tile-landscape-${e.index}${t===M-1?"-last":""}`,r=t===s;return(0,R.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===d?"next":"prev"),onMouseEnter:()=>(e=>{const t=u()((()=>l(e)),300);return t(),t.cancel})(t),onMouseLeave:T,children:(0,R.jsx)(b,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{m(e)})(e)})},o)}))}),x.length>=n-1&&x.length>4&&(0,R.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:S<=x.length&&(0,R.jsx)(D,{})})]})}var N=function(e){const[t,o,a]=(0,d.Z)(),[c]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[x]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==t?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(y.I),C=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:M}=(0,r.useContext)(y.I),S=e.events,w=e.onClick,P=x;function D(e){w(e)}return(0,r.useEffect)((()=>{(0,T.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.IR.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,R.jsx)(l.C,{value:O,children:(0,R.jsx)("div",{className:"whatmore-carousel-events",children:(0,R.jsx)(n.x,{theme:s.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,R.jsxs)(m.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||M?(0,R.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",P,"important"),e.style.setProperty("font-size",v+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(c),lineHeight:(0,f.vY4)(c),letterSpacing:(0,f.X2K)(c)},children:M?"W"!==C?C:"":e.heading})}):(0,R.jsx)(R.Fragment,{}),"landscape"===t?(0,R.jsx)($,{events:S,onClick:D}):(0,R.jsx)(B,{events:S,onClick:D})]})})})})}},7129:function(e,t,o){"use strict";o.d(t,{V:function(){return r}});const r=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,o){"use strict";var r=o(7313),n=o(9821),i=o(7129),s=o(6417);t.Z=function(e){var[t,o]=(0,n.Z)();return(0,r.useContext)(i.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},6040:function(e,t,o){const r=o(500);e.exports=function(e){if("string"!==typeof e)return;const t=e.toUpperCase();return Object.prototype.hasOwnProperty.call(r,t)?r[t]:void 0},e.exports.currencySymbolMap=r},500:function(e){e.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},3439:function(){},5892:function(){},4444:function(){},8507:function(e,t){"use strict";function o(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)e[r]=o[r]}return e}var r=function e(t,r){function n(e,n,i){if("undefined"!==typeof document){"number"===typeof(i=o({},r,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var l in i)i[l]&&(s+="; "+l,!0!==i[l]&&(s+="="+i[l].split(";")[0]));return document.cookie=e+"="+t.write(n,e)+s}}return Object.create({set:n,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var o=document.cookie?document.cookie.split("; "):[],r={},n=0;n<o.length;n++){var i=o[n].split("="),s=i.slice(1).join("=");try{var l=decodeURIComponent(i[0]);if(r[l]=t.read(s,l),e===l)break}catch(a){}}return e?r[e]:r}},remove:function(e,t){n(e,"",o({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,o({},this.attributes,t))},withConverter:function(t){return e(o({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});t.Z=r}}]);
+/*! For license information please see 678.b0bdb0cf.chunk.js.LICENSE.txt */
+(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[678],{9085:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return N}});var r=o(7313),n=(o(3439),o(6090)),i=o(32),s=o(7616),l=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),m=o(7129),x=o(1855),f=o(9854),y=o(364),v=o(4522),g=o(778),C=o(4892),M=o(5945),S=o(9219),w=o(6805),P=o(8984),D=o(7053),j=o(5416),R=o(6417);var b=function(e){var t,o,n,i,s,l,a,d,p,u,x,y;const[v,g,b,T,O]=(0,c.Z)(),B=(0,h.MO)("whatmoreShopId"),$="portrait"===O[w.YP],N=($?1.076*g*(0,f.pEd)(B):g*(0,f.H4g)(B))+"px",I=($?1.076*g*(0,f.pEd)(B):g*(0,f.H4g)(B))+"px",U=($?.965*g*(0,f.pEd)(B):.859*g*(0,f.H4g)(B))+"px",[E,F]=(0,r.useState)(e.event),L=(0,h.MO)("whatmoreSecondaryColor");var A=(0,r.useContext)(m.V);const K=null===(t=e.isOnFocus)||void 0===t||t,k=null!==(o=e.playOnUnfocus)&&void 0!==o&&o,G=e.onClick,Z=(0,h.MO)("whatmoreUITheme"),Y=null!==(n=e.animateOnFocus&&(0,f.iWI)(B))&&void 0!==n&&n,[W,H]=(0,r.useState)(!1),V=(0,h.MO)("whatmorePrimaryFont"),X=Math.round(+(null===(i=E.products[0])||void 0===i?void 0:i.price)),z=Math.round(+(null===(s=E.products[0])||void 0===s?void 0:s.compare_price)),_=z&&0!=z&&z>X?Math.round((z-X)/z*100):NaN,[J,Q]=(0,r.useState)(_),[q,ee]=(0,r.useState)();return(0,r.useEffect)((()=>{(0,f.N8M)(B)&&(0,S.p_)(E,(0,f.Ipo)(B),B).then((e=>{var t,o,r;F(e),(null===e||void 0===e||null===(t=e.products)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.discount)&&Q(null===e||void 0===e||null===(r=e.products[0])||void 0===r?void 0:r.discount),H(!0)}));(async()=>{var e;const t=await(0,D.p)(null===E||void 0===E||null===(e=E.products)||void 0===e?void 0:e[0],(0,f.Ipo)(B),B);ee(t),H(!0)})()}),[]),(0,R.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",A.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",A.tileBottomMMargin+"px","important"))},className:Y&&!$?K?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:g},onClick:()=>{G(E)},children:[(0,R.jsx)("div",{style:{borderRadius:"round"==Z?"5%":"0px",boxShadow:"round"==Z?"0px 0px 5px 0px #B0B0B0":null,height:v,borderWidth:(0,f.alU)(B),borderColor:(0,f.qPe)(B),overflow:"hidden"},children:(0,R.jsx)(C.Z,{height:(0,f.dXm)(B)+" !important",width:"100%",url:E.thumbnail_image,isPlaying:K||k||(0,P.gE)(),event:E})}),(0,R.jsxs)("div",{style:{display:(0,f.pvY)(B)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",N,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,M.s)(null===(l=E.products[0])||void 0===l?void 0:l.title)}),W&&(0,f.QaY)(B)&&(0,R.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(B)?"row":"row-reverse",justifyContent:(0,f.$zZ)(B)?"flex-start":"flex-end"},children:[(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.Uyp)(B),"important"),e.style.setProperty("font-size",I,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(B)?"normal":"bold"},children:(0,S.jx)(parseFloat((0,j.G)()?null===q||void 0===q?void 0:q.price:null===E||void 0===E||null===(a=E.products)||void 0===a||null===(d=a[0])||void 0===d?void 0:d.price)," ",B,null===(p=E.products[0])||void 0===p?void 0:p.currency)}),!isNaN(z)&&z>X&&(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.kPs)(B),"important"),e.style.setProperty("font-size",I,"important"),e.style.setProperty("font-family",V,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,S.jx)(parseFloat((0,j.G)()?null===q||void 0===q?void 0:q.compare_at_price:null===E||void 0===E||null===(u=E.products)||void 0===u||null===(x=u[0])||void 0===x?void 0:x.compare_price)," ",B,null===(y=E.products[0])||void 0===y?void 0:y.currency)})]}),(0,f.QaY)(B)&&!isNaN(J)&&0!=J&&W&&(0,R.jsx)("div",{style:{display:(0,f.aKo)(B)?"flex":"none",backgroundColor:"green"==(0,f.ZJm)(B)?"#343434"==L?(0,f.ZJm)(B):L:(0,f.ZJm)(B),alignItems:"center",borderRadius:(0,f.CF_)(B)+"px",width:"fit-content",padding:(0,f.Spx)(B)?"3px 6px":"0px"},children:(0,f.Spx)(B)?(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.mso)(B),"important"),e.style.setProperty("font-size",U,"important"),e.style.setProperty("font-family",V,"important"))},children:`${J}% Off`}):(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.aUT)(B),"important"),e.style.setProperty("font-size",U,"important"),e.style.setProperty("font-family",(0,f.V3Y)(B),"important"))},children:(0,f.sG7)(B)})})]})]})},T=o(7381);const O=(0,a.Z)({key:"whatmore-css-hv"});function B(e){const[t,o,n]=(0,c.Z)(),i=(0,h.MO)("whatmoreShopId"),s=e.events,l=e.onClick,{whatmoreWidgetSourceDetails:a}=(0,r.useContext)(y.I),d=Math.ceil(n),p=2*d,[u,m]=(0,r.useState)(p),[C,M]=(0,r.useState)(2*d),S=0===(0,f.WGf)(i)?24:(0,f.WGf)(i),[w,P]=(0,r.useState)({touchX:0,touchY:0}),D=()=>(0,R.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),j=()=>(0,R.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),T=e=>{if("next"===e){const e=2;M((e=>Math.min(e+Math.floor(n),s.length+d+1))),m((t=>Math.min(t+e,s.length+d+1)))}else M((e=>Math.max(e-Math.floor(n),p)));(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:a})};return(0,R.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:e=>{P({touchX:e.touches[0].clientX,touchY:e.touches[0].clientY})},onTouchEnd:e=>{var t,o,r,n;const i=(null===(t=e.changedTouches)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.clientX)-w.touchX,s=(null===(r=e.changedTouches)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.clientY)-w.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&T(i>0?"prev":"next")},children:[(0,f.Yxs)(i)&&(0,R.jsxs)(R.Fragment,{children:[C<=s.length+d&&(0,R.jsx)("div",{onClick:()=>T("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,R.jsx)(D,{})}),C>2*d&&(0,R.jsx)("div",{onClick:()=>T("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,R.jsx)(j,{})})]}),(0,R.jsx)("div",{style:{display:"flex",gap:S,transform:`translateX(-${(C-p)*(o+S)}px)`,transition:"transform 0.4s ease-in-out"},children:s.map(((e,t)=>t<u?(0,R.jsx)("div",{children:(0,R.jsx)(b,{isOnFocus:t<=C-d-1&&t>=Math.max(0,C-p),playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>l(e)})},`whatmore-carousel-tile-${t}`):(0,R.jsx)(x.Z,{})))})]})}function $(e){const[t,o,n,i]=(0,c.Z)(),[s,l]=(0,r.useState)(-1),a=(0,h.MO)("whatmoreShopId"),[d,p]=(0,r.useState)("next"),m=e.onClick,x=e.events,{whatmoreWidgetSourceDetails:C}=(0,r.useContext)(y.I),M=Math.min(Math.ceil(n),x.length),[S,w]=(0,r.useState)(0),P=0===(0,f.WGf)(a)?24:(0,f.WGf)(a),D=()=>(0,R.jsx)("div",{children:(0,R.jsx)("button",{onClick:B,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),j=()=>(0,R.jsx)("div",{children:(0,R.jsx)("button",{onClick:O,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,R.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,r.useEffect)((()=>{S<=M&&w((e=>e+M))}),[M]);const T=()=>{l(-1)},O=()=>{S!==M&&(p("prev"),w((e=>Math.max(Math.ceil(e-n),M))),(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},B=()=>{S>x.length+n||(p("next"),w((e=>Math.floor(e+n))),(0,v.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},$=S>x.length?x.length-M+1:S-M,N=S>=x.length?x.length:$+M,I=x.slice($,N);return(0,R.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${i}px`,paddingRight:`${i}px`},children:[x.length>=n-1&&x.length>4&&(0,R.jsx)("div",{style:{position:"absolute",left:i+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:S!==M&&(0,R.jsx)(j,{})}),(0,R.jsx)("div",{style:{display:"flex",gap:P+"px",width:o*n*(0,f.Su5)(a)+"px",justifyContent:x.length<=n-1||x.length<5?"center":"flex-start",overflow:"hidden"},children:I.map(((e,t)=>{const o=`whatmore-event-tile-landscape-${e.index}${t===M-1?"-last":""}`,r=t===s;return(0,R.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===d?"next":"prev"),onMouseEnter:()=>(e=>{const t=u()((()=>l(e)),300);return t(),t.cancel})(t),onMouseLeave:T,children:(0,R.jsx)(b,{isOnFocus:r,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>(e=>{m(e)})(e)})},o)}))}),x.length>=n-1&&x.length>4&&(0,R.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:i+"px",transform:"translateY(-65%)"},children:S<=x.length&&(0,R.jsx)(D,{})})]})}var N=function(e){const[t,o,a]=(0,d.Z)(),[c]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[x]=(0,h.j1)("whatmoreTitleFont"),v="portrait"==t?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,r.useContext)(y.I),C=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:M}=(0,r.useContext)(y.I),S=e.events,w=e.onClick,P=x;function D(e){w(e)}return(0,r.useEffect)((()=>{(0,T.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{i.IR.forEach((e=>{var t;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&e&&(e.style.minHeight="0px")}))}),[]),delete s.ZP.styles.global,(0,R.jsx)(l.C,{value:O,children:(0,R.jsx)("div",{className:"whatmore-carousel-events",children:(0,R.jsx)(n.x,{theme:s.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,R.jsxs)(m.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0||M?(0,R.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,R.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",P,"important"),e.style.setProperty("font-size",v+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(c),lineHeight:(0,f.vY4)(c),letterSpacing:(0,f.X2K)(c)},children:M?"W"!==C?C:"":e.heading})}):(0,R.jsx)(R.Fragment,{}),"landscape"===t?(0,R.jsx)($,{events:S,onClick:D}):(0,R.jsx)(B,{events:S,onClick:D})]})})})})}},7129:function(e,t,o){"use strict";o.d(t,{V:function(){return r}});const r=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,o){"use strict";var r=o(7313),n=o(9821),i=o(7129),s=o(6417);t.Z=function(e){var[t,o]=(0,n.Z)();return(0,r.useContext)(i.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:t,overflow:"hidden"}})}},6040:function(e,t,o){const r=o(500);e.exports=function(e){if("string"!==typeof e)return;const t=e.toUpperCase();return Object.prototype.hasOwnProperty.call(r,t)?r[t]:void 0},e.exports.currencySymbolMap=r},500:function(e){e.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},3439:function(){},5892:function(){},4444:function(){},8507:function(e,t){"use strict";function o(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)e[r]=o[r]}return e}var r=function e(t,r){function n(e,n,i){if("undefined"!==typeof document){"number"===typeof(i=o({},r,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var l in i)i[l]&&(s+="; "+l,!0!==i[l]&&(s+="="+i[l].split(";")[0]));return document.cookie=e+"="+t.write(n,e)+s}}return Object.create({set:n,get:function(e){if("undefined"!==typeof document&&(!arguments.length||e)){for(var o=document.cookie?document.cookie.split("; "):[],r={},n=0;n<o.length;n++){var i=o[n].split("="),s=i.slice(1).join("=");try{var l=decodeURIComponent(i[0]);if(r[l]=t.read(s,l),e===l)break}catch(a){}}return e?r[e]:r}},remove:function(e,t){n(e,"",o({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,o({},this.attributes,t))},withConverter:function(t){return e(o({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});t.Z=r}}]);

package/static/js/824.52974fed.chunk.js

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

package/static/js/84.06b4c010.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[84],{8767:function(e,t,i){i.r(t),i.d(t,{default:function(){return S}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),a=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),s=i(2575),d=i(8866),c=i(7753),h=i(7129),p=i(364),x=i(9854),m=(i(9111),i(9778),i(4892)),u=i(9821),f=i(6417);var v=function(e){var t;const[i,o,r,l,a]=(0,u.Z)(),s=(0,c.MO)("whatmoreSecondaryColor"),d=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),p=(0,c.MO)("whatmoreCollectionsTileSize"),v=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),w="portrait"===e.mode?v:p,[g,y]=(0,n.useState)(!1),j=(0,x.f63)(h),b=e.event,S=e.onClick,E=e.removeBorders,C=o*w*.01,z=(0,x.eHp)(h);return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,x.VwM)(h)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+s+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+s+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+s+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+s+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C*z+"px",width:C*z+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(m.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,f.jsx)("div",{style:{fontFamily:d,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,f.jsx)("p",{children:b.title})})]})},w=i(8782),g=i(7381),y=i(5380),j=i(3933);const b=(0,s.Z)({key:"whatmore-css-cv"});var S=function(e){const[t,i,s]=(0,d.Z)(),[m,S,E,C,z]=(0,u.Z)(),P=(0,c.MO)("whatmoreCollectionsTileSize"),L=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===t?L:P,k="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),I=(0,c.MO)("whatmoreCollectionsTilesSpacing"),R=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:A}=(0,n.useContext)(p.I),O=e.events,Z=e.onClick,{whatmoreIsCollectionsTemplate:F}=(0,n.useContext)(p.I);function V(e){Z(e)}const[T,D,H]=(0,j.YD)({triggerOnce:!1});delete r.ZP.styles.global;const N=.055*S;var B=[];for(let n=0;n<O.length;)B.push((0,f.jsx)(v,{mode:t,event:O[n],onClick:()=>{V(O[n-1])},removeBorders:(0,x.Xtg)(R),fontSize:N},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,g.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]),(0,f.jsx)(a.C,{value:b,children:(0,f.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(o.x,{theme:r.ZP,cssVarsRoot:A,resetCSS:!1,children:(0,f.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:T,style:{marginLeft:k+"px",marginRight:k+"px"},children:(0,f.jsx)(w.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:B,spacing:I,defaultHeight:m*M*.01+"px",defaultWidth:S*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.dhc)(R)&&!D&&-1==e.index&&(0,f.jsx)(y.Z,{event:O[0],inVideoClick:V,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},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})},8782:function(e,t,i){i.d(t,{P:function(){return a}});var n=i(3933),o=i(7313),r=(i(123),i(6417));function l(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 a(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)(l,{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),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,n,o,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(6417);var v=function(e){var t;const i=o.useRef(null);var[s,h,v]=d();const w=(0,a.MO)("whatmoreUITheme"),[g]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var P=y,L=j,M=b;v[l.YP]===l.$w&&(P=S,L=E,M=C);const[k,I]=(0,o.useState)(["initial",window.pageYOffset]),[R,A]=(0,o.useState)(!1),O=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),F=O?Z:1;s*=F,h*=F;const V=O?(0,u.G0o)(z):P,T=O?(0,u.X8j)(z):(0,u.lVn)(z),[D,H]=(0,o.useState)(!O&&(0,u.eXi)(z));function N(e,t){I(e),e[1]<=100?A(!1):t!=R&&(A(t),H(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(N([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)}),[k]),(0,n.O3)({ref:i,handler:()=>{N(["scrolled-up",k[1]],!0)}});const B=e.event,Y=e.inVideoClick,W=e.closeClick,X=.3*h,q=.6*h,$=.1*h,_=.1*(.5*h),G="round"==w?"10px":"0px",U=(0,u.Z$A)(z);var J=!1,K=0,Q=0;function ee(e){J=e}return(0,f.jsx)("div",{children:D&&!T?(0,f.jsx)(f.Fragment,{}):R&&T?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U}:{right:"5px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U},children:(0,f.jsxs)("div",{onClick:()=>{N(["initial",k[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:B.thumbnail_image,isPlaying:!1,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"},onClick:W})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(m.Z,{sx:{color:"white",fontSize:2*X+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{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,K=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-K)>5||Math.abs(t.y-Q)>5)?ee(!1):Y(B)},children:(0,f.jsx)("div",{ref:i,style:"left"===V?{left:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U}:{right:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:U},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:B.thumbnail_image,isMuted:!0,isPlaying:!0,event:B})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:X+"px"},onClick:W,style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*X+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);