whatmore-react-assets 1.0.1063 → 1.0.1065

package/static/js/carousel-template-f.0377ce09.chunk.js

@@ -1,2 +0,0 @@
-/*! For license information please see carousel-template-f.0377ce09.chunk.js.LICENSE.txt */
-(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[116],{9085:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return N}});var r=o(7313),n=(o(3439),o(6090)),i=o(32),s=o(7616),l=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),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}}]);