whatmore-react-assets 1.0.476 → 1.0.478

package/static/js/986.eab7bd39.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[986],{1291:function(e,t,n){n.r(t);var o=n(7313),i=n(6090),r=n(7616),a=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),s=(n(8984),n(8866)),d=n(7753),x=n(7129),p=n(9039),c=n(8631),h=(n(6066),n(9821)),u=n(8782),m=(n(4862),n(7381)),f=n(6417);const v=(0,l.Z)({key:"whatmore-css-cv"});t.default=function(e){const[t,n,l]=(0,s.Z)(),[g,w,y,j,C]=(0,h.Z)(),b=(0,d.MO)("whatmoreCollectionsTileSize"),E="portrait"==t?0:(0,d.MO)("whatmoreLandscapePadding"),L=(0,d.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:R}=(0,o.useContext)(p.I),k=e.events,S=e.onClick;delete r.ZP.styles.global;var P=[];for(let o=0;o<k.length;)P.push((0,f.jsx)(c.Z,{event:k[o],onClick:()=>{var e;e=k[o-1],S(e)},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+o)),o+=1;return useEffect((()=>{(0,m.Oo)("Video shopping powered by Whatmore!")}),[]),(0,f.jsx)(a.C,{value:v,children:(0,f.jsx)("div",{children:(0,f.jsx)(i.x,{theme:r.ZP,cssVarsRoot:R,resetCSS:!1,children:(0,f.jsx)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,f.jsx)("div",{style:{marginLeft:E+"px",marginRight:E+"px"},children:(0,f.jsx)(u.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:P,spacing:L,defaultHeight:g*b*.01+"px",defaultWidth:w*b*.01+"px",retainAlreadyRenderedElements:!0})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return o}});const o=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),a=(n(9111),n(123),n(9778),n(4892)),l=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(l.V);const C=e.event,b=e.onClick,E=e.removeBorders,L=n*g*.01,R=x*g*.01,k=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:R+"px",marginLeft:E?"2px":"5px",marginRight:E?"2px":"5px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),b(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:k,overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:L+"px",width:R+"px",borderRadius:k,backgroundColor:"gray",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var o=n(7313),i=n(9854),r=n(7753),a=(n(9111),n(123),n(9778),n(4892)),l=n(7129),s=n(9821),d=n(6417);t.Z=function(e){var t;const[n,x,p,c,h]=(0,s.Z)(),[u]=(0,r.j1)("whatmorePrimaryFont"),[m]=(0,r.j1)("whatmorePrimaryColor"),[f]=(0,r.j1)("whatmoreSecondaryColor"),[v]=(0,r.j1)("whatmoreShopId"),[g]=(0,r.j1)("whatmoreCollectionsTileSize"),[w,y]=(0,o.useState)(!1),j=(0,i.f6)(v);(0,o.useContext)(l.V);const C=e.event1,b=e.event2,E=e.onClick,L=.01*g,R=n*L,k=n*L*.5,S=x*L,P=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",Z=e.removeBorders;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":P,boxShadow:Z?"":"0px 1px 1px 0px "+f+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+f+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+f+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+f+"DA, -1px -1px 1px 0px "+j+"DA"},onClick:()=>{y(!0),E(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderTopLeftRadius:Z?"0px":M,borderTopRightRadius:Z?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":M,borderBottomRightRadius:Z?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,d.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return l}});var o=n(3933),i=n(7313),r=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,o.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t;return(0,i.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,n=!1;function o(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(n=!0,t=e.touches[0].clientX):(n=!0,t=e.clientX)}function i(o){if(!n)return;const i=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-i);e.scrollLeft+=r,t=i}function r(t){e.style.pointerEvents="auto",n=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",i),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",i),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",i),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:e.dataList.map(((t,n)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);