whatmore-react-assets 1.0.1768 → 1.0.1769

package/package.json

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

package/static/js/714.d4763598.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[714],{22:function(e,t,r){r.d(t,{$S:function(){return s},_:function(){return o},b4:function(){return i},dl:function(){return n},nN:function(){return d},tn:function(){return l},vF:function(){return a}});const o="device_type",n="device_mode",i="mobile",a="tablet",s="desktop",l="portrait",d="landscape"},851:function(e,t,r){r.d(t,{A:function(){return g}});var o=r(1005),n=r(9950),i=r(9879),a=r(22),s=r(5830),l=r(932);var d=function(e){const[t,r,o,n,i]=(0,l.A)(),[d]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.QN)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=i[a.dl]===a.nN?c/100:d/100*1.2;return[t*p,r*p,i]},c=r(1628),p=r.n(c),h=r(6702),u=(r(9733),r(4365),r(1348)),x=r(4414);var m=({size:e,color:t="rgba(255, 255, 255, 0.9)"})=>(0,x.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:{cursor:"pointer",transition:"all 0.3s ease",filter:"drop-shadow(0 2px 6px rgba(0,0,0,0.5))"},className:"premium-close-icon",children:[(0,x.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"rgba(0, 0, 0, 0.6)",stroke:"rgba(255, 255, 255, 0.3)",strokeWidth:"1.5",style:{transition:"all 0.3s ease"}}),(0,x.jsx)("path",{d:"M15 9l-6 6M9 9l6 6",stroke:t,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"all 0.3s ease"}})]});var f=({size:e,color:t="rgba(255, 255, 255, 0.95)"})=>(0,x.jsxs)("svg",{width:.7*e,height:.7*e,viewBox:"0 0 80 80",fill:"none",style:{filter:"drop-shadow(0 8px 24px rgba(0,0,0,0.5))",transition:"all 0.4s cubic-bezier(0.4, 0, 0.2, 1)",cursor:"pointer"},className:"premium-play-icon",children:[(0,x.jsx)("circle",{cx:"40",cy:"40",r:"28",fill:"url(#playGradient)",stroke:"rgba(255, 255, 255, 0.2)",strokeWidth:"1.5",style:{backdropFilter:"blur(20px)"}}),(0,x.jsx)("path",{d:"M32 26 L32 54 L56 40 Z",fill:t,stroke:"none",style:{filter:"drop-shadow(0 2px 8px rgba(0,0,0,0.3))"}}),(0,x.jsxs)("defs",{children:[(0,x.jsxs)("radialGradient",{id:"playGradient",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,x.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.25)"}),(0,x.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.08)"}),(0,x.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.02)"})]}),(0,x.jsxs)("radialGradient",{id:"playGradientHover",cx:"0.3",cy:"0.3",r:"0.8",children:[(0,x.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0.4)"}),(0,x.jsx)("stop",{offset:"70%",stopColor:"rgba(255, 255, 255, 0.15)"}),(0,x.jsx)("stop",{offset:"100%",stopColor:"rgba(255, 255, 255, 0.05)"})]})]}),(0,x.jsx)("style",{jsx:!0,children:"\n            .premium-play-icon:hover { transform: scale(1.1); filter: drop-shadow(0 12px 32px rgba(0,0,0,0.6)); }\n            .premium-play-icon:hover circle { fill: url(#playGradientHover); stroke: rgba(255, 255, 255, 0.4); transform: scale(1.05); }\n            .premium-play-icon:hover path { fill: white; transform: translateX(1px); }\n            .premium-play-icon:active { transform: scale(0.95); }\n        "})]});var g=function(e){var t;const r=n.useRef(null);var[l,c,g]=d();(0,s.Xd)("whatmoreUITheme");const[v]=(0,s.QN)("whatmorePrimaryFont"),[w]=(0,s.QN)("whatmoreEmbedAppVideoTitle"),[b]=(0,s.QN)("whatmoreEmbedAppPositionPortrait"),[y]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingPortrait"),[j]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingPortrait"),[k]=(0,s.QN)("whatmoreEmbedAppPositionLandscape"),[L]=(0,s.QN)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,s.QN)("whatmoreEmbedAppVerticalPaddingLandscape"),E=(0,s.Xd)("whatmoreShopId"),N=(0,s.Xd)("isWhatmorePreviewMode");var C=b,z=y,P=j;g[a.dl]===a.nN&&(C=k,z=L,P=S);const[A,M]=(0,n.useState)(["initial",window.pageYOffset]),[R,F]=(0,n.useState)(!1),Q=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=g[a.dl]===a.nN?.8*(0,u.O86)(E):1.2*(0,u.O86)(E),B=Q?T:1.2;l*=B,c*=B;const I=Q?(0,u.LrK)(E):C,D=Q?(0,u._2D)(E):(0,u.GSq)(E),[_,W]=(0,n.useState)(!Q&&(0,u.n8Q)(E)),V=!Q&&(0,u.YE3)(E);function X(e,t){M(e),e[1]<=100?F(!1):t!=R&&(F(t),W(!1))}(0,n.useEffect)(()=>{let e=window.pageYOffset,t=!1;const r=()=>{const r=window.pageYOffset;Math.abs(r-e)<100||(X([r>e?"scrolled-down":"scrolled-up",r],!0),e=r>0?r:0),t=!1},o=()=>{t||(window.requestAnimationFrame(r),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[A]),(0,o.j)({ref:r,handler:()=>{X(["scrolled-up",A[1]],!0)}});const Y=e.event,H=e.inVideoClick,G=e.closeClick,O=.25*c,U=.5*c,q=.6*c,$="20px",Z=(0,u.GvQ)(E);var K=!1,J=0,ee=0;function te(e){K=e}return(0,x.jsx)("div",{className:"wht-popup",children:_&&!D?(0,x.jsx)(x.Fragment,{}):R&&D?(0,x.jsx)("div",{style:"left"===I?{left:"16px",bottom:Q?(0,u.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z}:{right:"16px",bottom:Q?(0,u.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z},children:(0,x.jsxs)("div",{onClick:()=>{X(["initial",A[1]],!1)},style:{width:q+"px",height:q*(16/9)+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 12px 24px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(15px)",cursor:"pointer",transition:"all 0.3s ease",transformStyle:"preserve-3d"},className:"left"===I?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,x.jsx)("div",{style:{overflow:"hidden",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2))"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:16/9},children:(0,x.jsx)(i.A,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content",padding:"2px",position:"absolute",top:"0",right:"0",zIndex:10},children:(0,x.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",onClick:e=>{e.stopPropagation(),G()},children:(0,x.jsx)(m,{size:.8*O})})}),(0,x.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,x.jsx)(h.A,{sx:{color:"white",fontSize:2*O+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,x.jsx)(p(),{nodeRef:r,cancel:".activate-button,.close-btn",bounds:N?"parent":"html",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",onStart:(e,t)=>{var r,o;r=t.x,o=t.y,J=r,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-J)>5||Math.abs(t.y-ee)>5)?te(!1):(V&&G(e),H(Y))},children:(0,x.jsx)("div",{ref:r,style:"left"===I?{left:Q?(0,u.D2A)(E)+"px":z+"px",bottom:Q?(0,u.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z}:{right:Q?(0,u.D2A)(E)+"px":z+"px",bottom:Q?(0,u.pUQ)(E)+"px":P+"px",position:"fixed",zIndex:Z},children:(0,x.jsxs)("div",{style:{boxSizing:"border-box",width:e.isSpotlight&&"60122562760"==E?l+"px":c+"px",height:e.isSpotlight&&"60122562760"==E?c+"px":l+"px",borderRadius:$,overflow:"hidden",backgroundColor:"transparent",boxShadow:"0 20px 40px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2)",backdropFilter:"blur(20px)",transition:"all 0.3s ease"},className:"left"===I?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,x.jsx)("div",{style:{overflow:"hidden",position:"relative",borderRadius:$,background:"linear-gradient(145deg, rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==E?16/9:9/16},children:(0,x.jsx)(i.A,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%",position:"relative"},children:[(0,x.jsx)("div",{style:{position:"absolute",top:"2px",right:"2px",zIndex:10},children:(0,x.jsx)("div",{className:"close-btn",onClick:G,children:(0,x.jsx)(m,{size:O})})}),(0,x.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto",marginTop:"auto",marginBottom:"auto"},children:(0,x.jsx)(f,{size:U})}),(0,x.jsx)("div",{style:{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"16px",borderBottomLeftRadius:$,borderBottomRightRadius:$,background:w?"linear-gradient(to bottom, transparent, rgba(0,0,0,0.8))":"transparent"},children:(0,x.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:v,fontWeight:"600",fontSize:.35*O+"px",margin:0,padding:0,lineHeight:"125%",letterSpacing:"0.3px",textShadow:"0 2px 4px rgba(0,0,0,0.5)"},children:w})})]})})]})})})})}},932:function(e,t,r){var o=r(5830),n=r(1941),i=r(22),a=r(1348);t.A=function(e){const[t,r,s]=(0,n.A)(),[l]=(0,o.QN)("whatmoreLandscapePadding"),[d]=(0,o.QN)("whatmoreShopId"),[c]=(0,o.QN)("whatmoreVideoTileSize"),[p]=(0,o.QN)("whatmoreVideoTileSizePortrait"),h=s>r,u="portrait"==t?p:c,x=!("portrait"!=t||!(s>=481)),m=u/100*1.3*.5,f=u/100;var g=Math.min(s,r),[v,w,b,y]=[.6*g*(16/9),.6*g,1.4,0];function j(e){return Math.round(10*e)/10}var k={DEVICE_TYPE:i.b4,DEVICE_MODE:i.tn};if(h){const e=w*m,t=v*m;[v,w,b,y]=[t,e,(s-2*l-2*(0,a.$du)(d))/(1.1*e),l],k[i._]=i.$S,k[i.dl]=i.nN}else if(x){var L=.8*w,S=.8*v;"portrait"==t?(L*=f,S*=f,[v,w,b,y]=[S,L,j(s/(1.2*L)),0],k[i._]=i.vF,k[i.dl]=i.tn):([v,w,b,y]=[S,L,(s-2*l)/(1.1*L),l],k[i._]=i.vF,k[i.dl]=i.nN)}else{L=w,S=v;"portrait"==t?(L=L*f*.9,S=S*f*.9,[v,w,b,y]=[S,L,j(s/(1.15*L)),0],k[i._]=i.b4,k[i.dl]=i.tn):(L=.7*w,S=.7*v,[v,w,b,y]=[S,L,(s-2*l)/(1.1*L),l],k[i._]=i.b4,k[i.dl]=i.nN)}return[v,w,b,y,k]}},2410:function(e,t,r){var o=r(9950),n=r(1348),i=r(5830),a=(r(6125),r(4365),r(6614),r(9879)),s=(r(7509),r(932)),l=r(5551),d=r(4414);t.A=function(e){var t;const[r,c]=(0,s.A)(),[p]=(0,i.QN)("whatmoreSecondaryColor"),[h]=(0,i.QN)("whatmoreShopId"),u=(0,i.Xd)("whatmoreVideoTileSize"),x=(0,i.Xd)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?x:u,f=(0,i.QN)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:g}=(0,o.useContext)(l.B),[v,w]=(0,o.useState)(!1),b=(0,n.ivI)(h),y=g.landingLocationType,j="22907887"===h?"portrait"===e.mode?.9:.83:1,k=e.event,L=e.onClick,S=e.removeBorders,E=j*r*m*.01,N=c*m*.01,C=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n._hU)(h)?"auto":N+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":(0,n.FZM)(h)+"px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{w(!0),L(k)},className:[v?"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:C,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+p+"50, 0px -1px 1px 0px "+b+"50, 1px 0px 1px 0px "+p+"50, -1px 0px 1px 0px "+b+"80, 1px -1px 1px 0px "+p+"80, -1px 1px 1px 0px "+b+"DA, 1px 1px 1px 0px "+p+"DA, -1px -1px 1px 0px "+b+"DA"},children:(0,d.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:E+"px",width:"40273707171"==h?"auto":N+"px",borderRadius:C,backgroundColor:"gray",overflow:"hidden",transition:"transform 0.2s ease"},onMouseEnter:e=>e.currentTarget.style.transform="scale(1.08)",onMouseLeave:e=>e.currentTarget.style.transform="scale(1)",children:(0,d.jsx)(a.A,{height:"100%",width:"100%",url:k.thumbnail_image,isPlaying:!0,event:k})})}),y.startsWith("product")&&(0,d.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,d.jsx)("p",{ref:t=>{var r;t&&(t.style.setProperty("font-family",f,"important"),t.style.setProperty("font-size",(null!==(r=e.fontSize)&&void 0!==r?r:10)+"px","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"))},children:null===k||void 0===k?void 0:k.title})})]})}},3997:function(){},4669:function(){},6042:function(){},6125:function(){},6614:function(){},7229:function(){},7509:function(e,t,r){r.d(t,{h:function(){return o}});const o=(0,r(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8385:function(e,t,r){r.d(t,{c:function(){return s}});var o=r(6649),n=r(9950),i=(r(4365),r(4414));function a(e){const[t,r,n]=(0,o.A)({triggerOnce:e.retainAlreadyRenderedElements});return(0,i.jsx)("div",{ref:t,children:r?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,i.jsx)("div",{style:{backgroundColor:e.showBgPlaceholder?"gray":"transparent",minWidth:e.defaultWidth,minHeight:e.defaultHeight}})})}function s(e){var t,r;const o=(0,n.useRef)(null),s=(0,n.useRef)(null),[l,d]=(0,n.useState)(!1),[c,p]=(0,n.useState)(!1),[h,u]=(0,n.useState)({top:"50%",left:"5px",right:"5px"}),x="90518552861"===e.shopId,m=()=>{const e=o.current,t=s.current;if(!e||!t)return;const r=e.scrollLeft,n=e.scrollWidth,i=e.clientWidth;d(r>10);p(!(r+i>=n-10)&&n>i);t.getBoundingClientRect(),e.getBoundingClientRect();u({top:"50%",left:"5px",right:"5px"})};return(0,n.useEffect)(()=>{const e=o.current;let t,r,n,i=!1,a=0,s=null;function l(e){s&&(cancelAnimationFrame(s),s=null),e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(e.preventDefault(),i=!0,t=e.touches[0].clientX,r=t,n=Date.now(),a=0):(i=!0,t=e.clientX,r=t,n=Date.now(),a=0)}function d(o){if(!i)return;o.touches&&o.preventDefault();const s=o.touches?o.touches[0].clientX:o.clientX,l=Date.now(),d=l-n;e.style.pointerEvents="none";const c=(o.touches?1:2)*(t-s);e.scrollLeft+=c,d>0&&(a=(r-s)/d),t=s,r=s,n=l}function c(t){e.style.pointerEvents="auto",i=!1;const r=30*a;Math.abs(r)>1&&function(t){let r=t;const o=.95,n=.5;function a(){Math.abs(r)>n&&!i?(e.scrollLeft+=r,r*=o,s=requestAnimationFrame(a)):s=null}s=requestAnimationFrame(a)}(r)}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",l,{passive:!1}),e.addEventListener("touchmove",d,{passive:!1}),e.addEventListener("touchend",c,{passive:!1})),e.addEventListener("mousedown",l),document.addEventListener("mousemove",d),document.addEventListener("mouseup",c),x&&(e.addEventListener("scroll",m),setTimeout(()=>{m()},100),window.addEventListener("resize",m))),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",l),e.removeEventListener("touchmove",d),e.removeEventListener("touchend",c)),e.removeEventListener("mousedown",l),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",c),x&&(e.removeEventListener("scroll",m),window.removeEventListener("resize",m)))}},[x]),(0,i.jsxs)("div",{ref:s,style:{position:"relative",width:"100%",height:"fit-content"},className:"whatmore-carousel-navigation-wrapper",children:[x&&l&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:-300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-left",style:{position:"absolute",left:h.left,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll left",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),x&&c&&(0,i.jsx)("button",{onClick:()=>{const e=o.current;e&&e.scrollBy({left:300,behavior:"smooth"})},className:"whatmore-carousel-nav-arrow whatmore-carousel-nav-arrow-right",style:{position:"absolute",right:h.right,top:h.top,transform:"translateY(-50%)",zIndex:1e3,width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",transition:"all 0.2s ease",padding:0},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1.1)",e.currentTarget.style.boxShadow="0 2px 6px rgba(0,0,0,0.2)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(-50%) scale(1)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0,0,0,0.15)"},"aria-label":"Scroll right",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",className:"whatmore-carousel-nav-icon",children:(0,i.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,i.jsx)("div",{ref:o,style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto",scrollBehavior:"auto",scrollbarWidth:"none",msOverflowStyle:"none"},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(r=e.dataList)||void 0===r?void 0:r.map((t,r)=>(0,i.jsx)(a,{showBgPlaceholder:e.showBgPlaceholder,renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+r))})]})}},9130:function(){},9733:function(){}}]);

package/static/js/collections-template-c.c2934bb2.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[221],{1131:function(t,e,r){var o=r(4994);e.A=void 0;var i=o(r(9526)),s=r(4414);e.A=(0,i.default)([(0,s.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z",opacity:".3"},"0"),(0,s.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2m6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2z"},"1")],"ShoppingBagTwoTone")},5451:function(t,e,r){r.r(e);var o=r(9950),i=r(340),s=r(5089),a=r(5873),l=(r(3997),r(9130),r(4669),r(9733),r(4365),r(7229),r(6042),r(1131)),n=r(572),p=r(8603),c=r(1941),m=r(5830),d=r(7509),h=r(5551),y=r(2410),x=r(932),w=r(8385),f=r(6641),g=r(1348),u=r(851),v=r(6649),P=r(4414);const j=(0,p.A)({key:"whatmore-css-cv"});e.default=function(t){var e;const[r]=(0,c.A)(),[p,S]=(0,x.A)(),b=(0,m.Xd)("whatmoreShopId"),k=(0,m.Xd)("whatmoreVideoTileSize"),C=(0,m.Xd)("whatmoreVideoTileSizePortrait"),A="portrait"===r?C:k,T="portrait"==r?0:(0,m.Xd)("whatmoreLandscapePadding"),V=(0,m.Xd)("whatmoreCollectionsTilesSpacing"),[X]=(0,m.Xd)("whatmorePrimaryColor"),{whatmoreRootId:z}=(0,o.useContext)(h.B),{whatmoreIsCollectionsTemplate:F}=(0,o.useContext)(h.B),M=t.events,R=t.onClick,B=(0,m.Xd)("whatmoreTitleFont"),E="portrait"==r?(0,m.Xd)("whatmoreTitleFontSizePortrait"):(0,m.Xd)("whatmoreTitleFontSize"),L=null!==(e=(0,g.sa6)(b))&&void 0!==e?e:B,H=(0,m.Xd)("whatmorePrimaryFont");function I(t){R(t)}delete s.Ay.styles.global;const q=.055*S;var D=[];for(let o=0;o<M.length;){const t=M[o],e="STR1EXZ7ZRD"===b;D.push((0,P.jsxs)("div",{style:{position:"relative",transition:"transform 0.2s ease"},onMouseEnter:t=>t.currentTarget.style.transform="scale(1.01)",onMouseLeave:t=>t.currentTarget.style.transform="scale(1)",children:[(0,P.jsx)(y.A,{mode:r,event:t,onClick:()=>{I(M[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:q},"collections-tile-"+o),e&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("position","absolute","important"),t.style.setProperty("bottom","4%","important"),t.style.setProperty("left","50%","important"),t.style.setProperty("transform","translateX(-50%)","important"),t.style.setProperty("color","white","important"),t.style.setProperty("padding","0.5rem 0rem 0rem 0.5rem","important"),t.style.setProperty("font-size",.9*q+"px","important"),t.style.setProperty("font-weight","600","important"),t.style.setProperty("width","90%","important"),t.style.setProperty("max-width","100%","important"),t.style.setProperty("word-wrap","break-word","important"),t.style.setProperty("text-shadow","2px 2px 4px rgba(0, 0, 0, 0.5)","important"),t.style.setProperty("font-family",H,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"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:null===t||void 0===t?void 0:t.title}),(0,P.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,P.jsx)(l.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]})]})),o++}(0,o.useEffect)(()=>{(0,f.Fk)("Video shopping powered by Whatmore!")},[]),(0,o.useEffect)(()=>{a.Sn.forEach(t=>{var e;const r=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||t.querySelector('.whatmore-template-type[data-wh="template-e"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-collections-c"]')||t.querySelector('.whatmore-template-type[data="template-e"]');if(!r)return;r&&t&&(t.style.minHeight="0px")})},[]);const[W,O,Z]=(0,v.A)({triggerOnce:!1});return(0,P.jsx)(n.C,{value:j,children:(0,P.jsx)("div",{className:F?"whatmore-collection-events":"whatmore-carousel-events",children:(0,P.jsx)(i.s,{theme:s.Ay,cssVarsRoot:z,resetCSS:!1,children:(0,P.jsxs)(d.h.Provider,{value:{tileTopMargin:0,tileBottomMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[t.heading.trim().length>0&&!F&&(0,g.DLl)(b)?(0,P.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",L,"important"),t.style.setProperty("font-size",E+"px","important"))},style:{color:X,backgroundClip:"text",textAlign:"center",fontWeight:(0,g.Odx)(b),lineHeight:(0,g.L0y)(b),letterSpacing:(0,g.l3V)(b)},children:t.heading})}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)("div",{ref:W,style:{marginLeft:T+"px",marginRight:T+"px"},children:(0,P.jsx)(w.c,{showBgPlaceholder:!0,renderElement:t=>(0,P.jsx)(P.Fragment,{children:t.eventData}),dataList:D,spacing:V,defaultHeight:p*A*.01+"px",defaultWidth:S*A*.01+"px",retainAlreadyRenderedElements:!0,shopId:b})}),(0,g.wQ2)(b)&&F&&!O&&-1==t.index&&(0,P.jsx)(u.A,{event:M[0],inVideoClick:I,closeClick:e=>{e.stopPropagation(),t.setScreen(-2)}})]})})})})}}}]);