whatmore-react-assets 1.0.1301 → 1.0.1303
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/static/js/302.41f7dffe.chunk.js +1 -0
- package/static/js/{818.ff66b0ed.chunk.js → 348.93ee09e1.chunk.js} +1 -1
- package/static/js/{187.fcd3ecdb.chunk.js → 561.95fd0242.chunk.js} +1 -1
- package/static/js/731.d4347a2a.chunk.js +1 -0
- package/static/js/733.4dac33e5.chunk.js +1 -0
- package/static/js/751.a6abe3c2.chunk.js +1 -0
- package/static/js/{766.6e916a48.chunk.js → 766.34cacee5.chunk.js} +1 -1
- package/static/js/800.c7823305.chunk.js +2 -0
- package/static/js/{app-main.c0eb6d81.chunk.js → app-main.3e268a17.chunk.js} +1 -1
- package/static/js/banner-template-a.694d41f8.chunk.js +1 -0
- package/static/js/carousel-template-b.c007bd37.chunk.js +1 -0
- package/static/js/carousel-template-feed.71618185.chunk.js +1 -0
- package/static/js/carousel-template-g.83d71046.chunk.js +1 -0
- package/static/js/collections-template-a.d79da3e9.chunk.js +1 -0
- package/static/js/collections-template-b.d191151d.chunk.js +1 -0
- package/static/js/{collections-template-c.1f104038.chunk.js → collections-template-c.bf95c46c.chunk.js} +1 -1
- package/static/js/collections-template-stories.9696a048.chunk.js +1 -0
- package/static/js/{homepage-carousel-view.7144e109.chunk.js → homepage-carousel-view.70b9db43.chunk.js} +1 -1
- package/static/js/{product-page-view.5184925d.chunk.js → product-page-view.067016f3.chunk.js} +1 -1
- package/static/js/{spotlight-view.0d2f5306.chunk.js → spotlight-view.499587ab.chunk.js} +1 -1
- package/whatmore.js +2 -2
- package/static/js/176.e19c4598.chunk.js +0 -1
- package/static/js/707.66345c25.chunk.js +0 -1
- package/static/js/731.f5b61eef.chunk.js +0 -1
- package/static/js/733.fb0f17db.chunk.js +0 -1
- package/static/js/751.52978e12.chunk.js +0 -1
- package/static/js/banner-template-a.ee9d8d2a.chunk.js +0 -1
- package/static/js/carousel-template-b.834c6804.chunk.js +0 -1
- package/static/js/carousel-template-feed.02482d32.chunk.js +0 -1
- package/static/js/carousel-template-g.7aba85e6.chunk.js +0 -1
- package/static/js/collections-template-a.a8560ea0.chunk.js +0 -1
- package/static/js/collections-template-b.6002ec37.chunk.js +0 -1
- package/static/js/collections-template-stories.c1489ae1.chunk.js +0 -1
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[892],{5090:function(t,e,i){i.r(e),i.d(e,{default:function(){return Z}});var n=i(7313),o=i(6090),r=i(7616),s=i(32),l=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),c=i(8486),p=i(9821),h=i(8866),u=i(2279),m=i.n(u),v=i(7753),x=i(7129),f=i(1855),y=i(9854),w=i(364),g=i(4522),j=i(778),b=i(7381),P=(i(3439),i(4892)),S=i(8390),C=i(5333),I=i(8984),M=i(9212),O=i(6417);function k(t){const[e]=(0,v.j1)("whatmoreShopId"),[i,n,o]=(0,C.YD)({triggerOnce:!0}),r=t.event,s=(0,I.gE)()?t.isOnFocus:n;return(0,O.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,O.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,O.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,O.jsx)("p",{children:" "})}),(0,O.jsx)("div",{ref:i,children:s&&(0,y.PWD)(e)?(0,O.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,O.jsx)(S.Z,{event:r})}):(0,O.jsx)("div",{height:"20px"})})]})})}var E=function(t){var e,i,o;const[r,s,l,a,d]=(0,p.Z)();var c=(0,n.useContext)(x.V);const h=(0,v.MO)("whatmoreUITheme"),u=(0,v.MO)("whatmoreShopId"),[m]=(0,v.MO)("whatmorePrimaryFont"),f=t.event,w=t.onClick,g=null===(e=t.isOnFocus)||void 0===e||e,j=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,b=null!==(o=t.animateOnFocus&&(0,y.iWI)(u))&&void 0!==o&&o,S=(0,y.nzC)(u);return(0,O.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",c.tileTopMargin+"px"),t.style.setProperty("margin-bottom",c.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==u||"19501891"==u?void 0:s,aspectRatio:"8968077397"==u||"19501891"==u?9/16:void 0,height:"8968077397"==u||"19501891"==u?"100%":r,borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h||"61187850326"==u||"19501891"==u?S:null,borderWidth:(0,y.alU)(u),borderColor:(0,y.qPe)(u),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?g?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{w(f)},children:[(0,O.jsx)(P.Z,{height:(0,y.dXm)(u)+" !important",width:"100%",url:f.thumbnail_image,isPlaying:g||j,event:f}),""!==(null===f||void 0===f?void 0:f.title)?(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,fontSize:"1.4rem",fontWeight:"600",width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis",fontFamily:m+" !important"},children:null===f||void 0===f?void 0:f.title}),(0,O.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,O.jsx)(M.Z,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,y.wxm)(u)&&(0,O.jsxs)("div",{style:{width:s,height:r},children:[(0,O.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix"}),(0,O.jsx)(k,{event:f,unfocusedDisplay:!g,isOnFocus:g})]})]})};const V=(0,a.Z)({key:"whatmore-css-hv"});function F(t){const[e,i,o]=(0,p.Z)(),r=(0,v.MO)("whatmoreShopId"),s=t.events,l=t.onClick,a=o*(0,y.u6l)(r),c=(0,y.yBw)(r),[h,u]=(0,n.useState)(c?s.length:a),{whatmoreWidgetSourceDetails:m}=(0,n.useContext)(w.I);return(0,n.useEffect)((()=>{h<=a&&u((t=>t+a))}),[a]),(0,O.jsx)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,O.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,O.jsx)(d.tq,{slidesPerView:2,initialSlide:0,centeredSlides:!1,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:1,onSlideChange:t=>{(0,g.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m}),t.realIndex>t.previousIndex&&u((t=>t+a))},loop:c,children:s.map(((t,e)=>e<=h&&(0,O.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return n||o||i?(0,O.jsx)(E,{isOnFocus:r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{l(t)}}):(0,O.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function W(t){const[e,i,o,r]=(0,p.Z)(),[s,l]=(0,n.useState)(-1),a=(0,v.MO)("whatmoreShopId"),h=t.onClick,u=t.events,x=(0,y.yBw)(a),[b,P]=(0,n.useState)(x?u.length:o),S=Math.min(o,u.length),{whatmoreWidgetSourceDetails:C}=(0,n.useContext)(w.I),I=(0,n.useRef)(null);return(0,n.useEffect)((()=>{if(I.current){const t=i*S*(0,y.Su5)(a)+"px";u.length<4?I.current.style.setProperty("width",t,"important"):I.current.style.width=t}}),[i,S,a,b,u.length]),(0,n.useEffect)((()=>{b<=o&&P((t=>t+o))}),[o]),(0,O.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",paddingLeft:r+"px",paddingRight:r+"px"},className:"whatmore-events-carousel-landscape",children:(0,O.jsx)("div",{ref:I,style:{height:"100%"},children:(0,O.jsx)(d.tq,{slidesPerView:S,watchSlidesProgress:!0,modules:[c.W_],navigation:!0,slidesPerGroup:parseInt(S),onSlideChange:t=>{(0,g.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}),t.realIndex>t.previousIndex&&P((t=>t+o))},spaceBetween:0,loop:x&&u.length>4,style:{height:"100%"},children:u.map(((t,e)=>{const i=m()((()=>l(e)),300);return e<=b&&(0,O.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),l(-1)},style:{height:"100%"},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:l}=i;return l||o||r?(0,O.jsx)(E,{isOnFocus:e==s,playOnUnfocus:!(0,y.dHy)(a)||e==parseInt(S/2)&&-1==s,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,O.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var Z=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,v.j1)("whatmoreShopId"),[c]=(0,v.j1)("whatmorePrimaryColor"),[p]=(0,v.j1)("whatmoreTitleFont"),u="portrait"==e?(0,v.MO)("whatmoreTitleFontSizePortrait"):(0,v.MO)("whatmoreTitleFontSize"),{whatmoreRootId:m}=(0,n.useContext)(w.I),f=(0,v.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:g}=(0,n.useContext)(w.I),j=t.events,P=t.onClick,S=p;function C(t){P(t)}return(0,n.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{s.IR.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-g"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-g"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,O.jsx)(l.C,{value:V,children:(0,O.jsx)("div",{className:"whatmore-carousel-events",style:{height:"100%"},children:(0,O.jsx)(o.x,{theme:r.ZP,cssVarsRoot:m,resetCSS:!1,children:(0,O.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||g?(0,O.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,O.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",S,"important"),t.style.setProperty("font-size",u+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center",fontWeight:(0,y.wOV)(d),lineHeight:(0,y.vY4)(d),letterSpacing:(0,y.X2K)(d)},children:g?"W"!==f?f:"":t.heading})}):(0,O.jsx)(O.Fragment,{}),"landscape"===e?(0,O.jsx)(W,{events:j,onClick:C}):(0,O.jsx)(F,{events:j,onClick:C})]})})})})}},7129:function(t,e,i){i.d(e,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},5945:function(t,e,i){i.d(e,{s:function(){return o}});var n=i(7753);function o(t,e){const i=(0,n.MO)("whatmoreShopId");return"undefined"==typeof t||"undefined"==t||null==t?"":"6873415750"==i||"72442478904"==i||"58562281529"==i?t:"66168324332"==i&&"prod-tile"!=e?null===t||void 0===t||null===(o=t.split("- "))||void 0===o?void 0:o[0]:t.replace(/\w\S*/g,(function(t){return t.charAt(0).toUpperCase()+t.substr(1).toLowerCase()}));var o}},1855:function(t,e,i){var n=i(7313),o=i(9821),r=i(7129),s=i(7753),l=i(6417);e.Z=function(t){var[e,i]=(0,o.Z)();(0,n.useContext)(r.V);const a=(0,s.MO)("whatmoreShopId");return t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},8390:function(t,e,i){var n=i(7313),o=i(7753),r=i(9821),s=i(5945),l=(i(3439),i(9854)),a=i(9363),d=i(6417);e.Z=function(t){var e,i,c,p,[h,u]=(0,r.Z)();const m=(0,o.MO)("whatmoreUITheme"),[v]=(0,o.j1)("whatmorePrimaryFont"),[x,f]=(0,n.useState)(0),y=(0,o.MO)("whatmoreShopId"),w=t.event;if(0==w.products.length)return(0,d.jsx)(d.Fragment,{});const g=.3*u,j=g+"px",b=g+"px",P=.07*u,S=P+"px";return(0,d.jsx)("div",{style:{width:u+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,d.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",b,"important")},style:{width:(0,l.uNj)(y)?j:"auto",boxShadow:"round"==m?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==m?"5px":"0px",borderWidth:(0,l.alU)(y),borderColor:(0,l.qPe)(y),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,l.yOX)(y),"important"),t.style.setProperty("max-width",j,"important"))},src:(0,a.s)(w.products[x].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:"100%",height:"100%",borderRadius:"round"==m?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:u-5-g+"px",height:"100%",borderRadius:"round"==m?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",S,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",v,"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"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,s.s)(w.products[x].title)})}),(null===(e=w.products[x])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:u-5-g+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==m?"3px":"0"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",u-5-g+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(c=w.products[x])||void 0===c||null===(p=c.product_metadata)||void 0===p?void 0:p.product_type})})]})]},x)})}},9363:function(t,e,i){i.d(e,{$:function(){return s},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function s(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},6805:function(t,e,i){i.d(e,{$I:function(){return l},$w:function(){return d},AK:function(){return r},AL:function(){return s},YP:function(){return o},me:function(){return n},rE:function(){return a}});const n="device_type",o="device_mode",r="mobile",s="tablet",l="desktop",a="portrait",d="landscape"},9821:function(t,e,i){var n=i(7753),o=i(8866),r=i(6805),s=i(9854);e.Z=function(t){const[e,i,l]=(0,o.Z)(),[a]=(0,n.j1)("whatmoreLandscapePadding"),[d]=(0,n.j1)("whatmoreShopId"),[c]=(0,n.j1)("whatmoreVideoTileSize"),[p]=(0,n.j1)("whatmoreVideoTileSizePortrait"),h=l>=1025,u="portrait"==e?p:c,m=!("portrait"!=e||!(l>=481)),v=u/100*1.3*.5,x=u/100;var f=Math.min(l,i),[y,w,g,j]=[.6*f*(16/9),.6*f,1.4,0];function b(t){return Math.round(10*t)/10}var P={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(h){const t=w*v,e=y*v;[y,w,g,j]=[e,t,(l-2*a-2*(0,s.mZU)(d))/(1.1*t),a],P[r.me]=r.$I,P[r.YP]=r.$w}else if(m){var S=.8*w,C=.8*y;"portrait"==e?(S*=x,C*=x,[y,w,g,j]=[C,S,b(l/(1.2*S)),0],P[r.me]=r.AL,P[r.YP]=r.rE):([y,w,g,j]=[C,S,(l-2*a)/(1.1*S),a],P[r.me]=r.AL,P[r.YP]=r.$w)}else{S=w,C=y;"portrait"==e?(S=S*x*.9,C=C*x*.9,[y,w,g,j]=[C,S,b(l/(1.15*S)),0],P[r.me]=r.AK,P[r.YP]=r.rE):(S=.7*w,C=.7*y,[y,w,g,j]=[C,S,(l-2*a)/(1.1*S),a],P[r.me]=r.AK,P[r.YP]=r.$w)}return[y,w,g,j,P]}},9212:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),s=(0,o.default)([(0,r.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2v12z",opacity:".3"},"0"),(0,r.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-2zm-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2v12z"},"1")],"ShoppingBagTwoTone");e.Z=s},3439:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){}}]);
|
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[615],{3827:function(e,t,o){o.r(t);var r=o(7313),i=o(6090),n=o(7616),a=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),p=o(8866),s=o(7753),x=o(7129),d=o(364),h=o(8631),c=o(6066),m=o(8782),u=o(9821),g=o(7381),f=o(5380),w=o(5333),v=o(9854),j=o(32),y=o(6417);const b=(0,l.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o]=(0,p.Z)(),[l,C]=(0,u.Z)(),[S,k]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),R=(0,s.MO)("whatmoreVideoTileSize"),Z=(0,s.MO)("whatmoreVideoTileSizePortrait"),M="portrait"===o?Z:R,P="portrait"==o?0:(0,s.MO)("whatmoreLandscapePadding"),T=(0,s.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:V}=(0,r.useContext)(d.I),B=(0,s.MO)("whatmoreShopId"),{whatmoreRootId:I}=(0,r.useContext)(d.I),L=e.onClick;function O(e){L(e)}(0,r.useEffect)((()=>{(0,g.Oo)("Video shopping powered by Whatmore!")}),[]),delete n.ZP.styles.global;var A=[];for(let r=0,i=!1;r<t.length;)i&&r!=t.length-1&&S[r]>.2?(A.push((0,y.jsx)(c.Z,{mode:o,event1:t[r],event2:t[r+1],onClick:()=>{O(t[r-1])}},"collections-tile-"+r)),r+=2,i=!i):(A.push((0,y.jsx)(h.Z,{mode:o,event:t[r],onClick:()=>{O(t[r-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+r)),r+=1,i=!i);(0,r.useEffect)((()=>{j.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const{ref:D,inView:E,entry:F}=(0,w.YD)({triggerOnce:!1});return(0,y.jsx)(a.C,{value:b,children:(0,y.jsx)("div",{className:V?"whatmore-collection-events":"whatmore-carousel-events",children:(0,y.jsx)(i.x,{theme:n.ZP,cssVarsRoot:I,resetCSS:!1,children:(0,y.jsxs)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,y.jsx)("div",{ref:D,style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,y.jsx)(m.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:A,spacing:T,defaultHeight:l*M*.01+"px",defaultWidth:C*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,v.dhc)(B)&&V&&!E&&-1==e.index&&(0,y.jsx)(f.Z,{event:t[0],inVideoClick:O,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},6066:function(e,t,o){var r=o(7313),i=o(9854),n=o(7753),a=(o(9111),o(123),o(9778),o(4892)),l=o(9821),p=o(6417);t.Z=function(e){var t;const[o,s]=(0,l.Z)(),[x]=(0,n.j1)("whatmoreSecondaryColor"),[d]=(0,n.j1)("whatmoreShopId"),[h]=(0,n.j1)("whatmoreVideoTileSize"),[c]=(0,n.j1)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?c:h,[u,g]=(0,r.useState)(!1),f=(0,i.f63)(d),w=e.event1,v=e.event2,j=e.onClick,y=.01*m,b=o*y,C=o*y*.5,S=s*y,k=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",R="15%",Z=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:b+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":k,boxShadow:Z?"":"0px 1px 1px 0px "+x+"50, 0px -1px 1px 0px "+f+"50, 1px 0px 1px 0px "+x+"50, -1px 0px 1px 0px "+f+"80, 1px -1px 1px 0px "+x+"80, -1px 1px 1px 0px "+f+"DA, 1px 1px 1px 0px "+x+"DA, -1px -1px 1px 0px "+f+"DA"},onClick:()=>{g(!0),j(w)},className:[u?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C+"px",width:S+"px",borderTopLeftRadius:Z?"0px":R,borderTopRightRadius:Z?"0px":R,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(a.Z,{height:"100%",width:"100%",url:w.thumbnail_image,isPlaying:!0,event:w})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":R,borderBottomRightRadius:Z?"0px":R,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(a.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:!0,event:v})})]})})}}}]);
|
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[91],{6071:function(e,t,o){o.r(t);var r=o(7313),i=o(6090),a=o(7616),n=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),p=o(8866),s=o(7753),d=o(7129),x=o(364),h=o(32),c=o(8631),m=o(6066),u=o(8782),g=o(9821),w=o(7381),f=o(9854),v=o(5380),y=o(5333),j=o(6417);const b=(0,l.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o]=(0,p.Z)(),[l,S]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[C,k]=(0,g.Z)(),R=(0,s.MO)("whatmoreVideoTileSize"),Z=(0,s.MO)("whatmoreVideoTileSizePortrait"),M="portrait"===o?Z:R,P="portrait"==o?0:(0,s.MO)("whatmoreLandscapePadding"),T=(0,s.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:B}=(0,r.useContext)(x.I),V=(0,s.MO)("whatmoreShopId"),{whatmoreRootId:I}=(0,r.useContext)(x.I),L=e.onClick,[O,A,D]=(0,y.YD)({triggerOnce:!1});function E(e){L(e)}delete a.ZP.styles.global;var F=[];for(let r=0,i=!1;r<t.length;)i&&r!=t.length-1&&l[r]>.2?(F.push((0,j.jsx)(m.Z,{event1:t[r],event2:t[r+1],onClick:()=>{E(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,i=!i):(F.push((0,j.jsx)(c.Z,{mode:o,event:t[r],onClick:()=>{E(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,i=!i);return(0,r.useEffect)((()=>{(0,w.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{h.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-d"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-d"]')))return;e&&(e.style.minHeight="0px")}))}),[]),(0,j.jsx)(n.C,{value:b,children:(0,j.jsx)("div",{className:B?"whatmore-collection-events":"whatmore-carousel-events",children:(0,j.jsx)(i.x,{theme:a.ZP,cssVarsRoot:I,resetCSS:!1,children:(0,j.jsxs)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,j.jsx)("div",{ref:O,style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,j.jsx)(u.P,{renderElement:e=>(0,j.jsx)(j.Fragment,{children:e.eventData}),dataList:F,spacing:T,defaultHeight:C*M*.01+"px",defaultWidth:k*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(V)&&B&&!A&&-1==e.index&&(0,j.jsx)(v.Z,{event:t[0],inVideoClick:E,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},6066:function(e,t,o){var r=o(7313),i=o(9854),a=o(7753),n=(o(9111),o(123),o(9778),o(4892)),l=o(9821),p=o(6417);t.Z=function(e){var t;const[o,s]=(0,l.Z)(),[d]=(0,a.j1)("whatmoreSecondaryColor"),[x]=(0,a.j1)("whatmoreShopId"),[h]=(0,a.j1)("whatmoreVideoTileSize"),[c]=(0,a.j1)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?c:h,[u,g]=(0,r.useState)(!1),w=(0,i.f63)(x),f=e.event1,v=e.event2,y=e.onClick,j=.01*m,b=o*j,S=o*j*.5,C=s*j,k=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",R="15%",Z=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:b+"px",width:C+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:Z?"0px":k,boxShadow:Z?"":"0px 1px 1px 0px "+d+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+d+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+d+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+d+"DA, -1px -1px 1px 0px "+w+"DA"},onClick:()=>{g(!0),y(f)},className:[u?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:C+"px",borderTopLeftRadius:Z?"0px":R,borderTopRightRadius:Z?"0px":R,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(n.Z,{height:"100%",width:"100%",url:f.thumbnail_image,isPlaying:!0,event:f})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:C+"px",borderBottomLeftRadius:Z?"0px":R,borderBottomRightRadius:Z?"0px":R,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(n.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:!0,event:v})})]})})}}}]);
|
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[105],{8767:function(e,t,i){i.r(t),i.d(t,{default:function(){return E}});var n=i(7313),o=i(6090),r=i(7616),a=i(32),l=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),d=i(2575),s=i(8866),c=i(7753),h=i(7129),p=i(364),m=i(9854),x=(i(9111),i(9778),i(4892)),u=i(9821),f=i(6417);var v=function(e){var t;const[i,o,r,a,l]=(0,u.Z)(),d=(0,c.MO)("whatmoreSecondaryColor"),s=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),p=(0,c.MO)("whatmoreVideoTileSize"),v=(0,c.MO)("whatmoreVideoTileSizePortrait"),w="portrait"===e.mode?v:p,[g,y]=(0,n.useState)(!1),j=(0,m.f63)(h),b=e.event,E=e.onClick,S=e.removeBorders,P=o*w*.01,z=(0,m.eHp)(h);return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:S?"2px":(0,m.VwM)(h)+"px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),E(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:S?"":"0px 1px 1px 0px "+d+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+d+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+d+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+d+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P*z+"px",width:P*z+"px",borderRadius:"50%",backgroundColor:d,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(x.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,f.jsx)("div",{style:{fontFamily:s,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(5333);const b=(0,d.Z)({key:"whatmore-css-cv"});var E=function(e){const[t]=(0,s.Z)(),[i,d]=(0,u.Z)(),x=(0,c.MO)("whatmoreVideoTileSize"),E=(0,c.MO)("whatmoreVideoTileSizePortrait"),S="portrait"===t?E:x,P="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),z=(0,c.MO)("whatmoreCollectionsTilesSpacing"),C=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:L}=(0,n.useContext)(p.I),M=e.events,I=e.onClick,{whatmoreIsCollectionsTemplate:A}=(0,n.useContext)(p.I);function k(e){I(e)}const[R,O,V]=(0,j.YD)({triggerOnce:!1});delete r.ZP.styles.global;const Z=.055*d;var F=[];for(let n=0;n<M.length;)F.push((0,f.jsx)(v,{mode:t,event:M[n],onClick:()=>{k(M[n-1])},removeBorders:(0,m.Xtg)(C),fontSize:Z},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,g.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{a.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)(l.C,{value:b,children:(0,f.jsx)("div",{className:A?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(o.x,{theme:r.ZP,cssVarsRoot:L,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:R,style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,f.jsx)(w.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:F,spacing:z,defaultHeight:i*S*.01+"px",defaultWidth:d*S*.01+"px",retainAlreadyRenderedElements:!0})}),(0,m.dhc)(C)&&!O&&-1==e.index&&(0,f.jsx)(y.Z,{event:M[0],inVideoClick:k,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 l}});var n=i(5333),o=i(7313),r=(i(123),i(6417));function a(e){const[t,i,o]=(0,n.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),a=i(6805),l=i(7753),d=i(9821);var s=function(e){const[t,i,n,o,r]=(0,d.Z)(),[s]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$w?c/100:s/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),m=i(1195),x=i(7108),u=(i(7244),i(123),i(9854)),f=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,h,v]=s();const w=(0,l.MO)("whatmoreUITheme"),[g]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[S]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[P]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,l.MO)("whatmoreShopId");var C=y,L=j,M=b;v[a.YP]===a.$w&&(C=E,L=S,M=P);const[I,A]=(0,o.useState)(["initial",window.pageYOffset]),[k,R]=(0,o.useState)(!1),O=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),Z=O?V:1;d*=Z,h*=Z;const F=O?(0,u.G0o)(z):C,Y=O?(0,u.X8j)(z):(0,u.lVn)(z),[T,D]=(0,o.useState)(!O&&(0,u.eXi)(z));function $(e,t){A(e),e[1]<=100?R(!1):t!=k&&(R(t),D(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||($([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[I]),(0,n.O3)({ref:i,handler:()=>{$(["scrolled-up",I[1]],!0)}});const H=e.event,N=e.inVideoClick,_=e.closeClick,B=.3*h,W=.6*h,X=.1*h,q=.1*(.5*h),K="round"==w?"10px":"0px",G=(0,u.Z$A)(z);var U=!1,J=0,Q=0;function ee(e){U=e}return(0,f.jsx)("div",{children:T&&!Y?(0,f.jsx)(f.Fragment,{}):k&&Y?(0,f.jsx)("div",{style:"left"===F?{left:"1px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:G}:{right:"5px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{onClick:()=>{$(["initial",I[1]],!1)},style:{margin:"1px",width:h+"px",height:d+"px"},className:"left"===F?"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:H.thumbnail_image,isPlaying:!1,event:H})})}),(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)(m.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:_})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(x.Z,{sx:{color:"white",fontSize:2*B+"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,J=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-J)>5||Math.abs(t.y-Q)>5)?ee(!1):N(H)},children:(0,f.jsx)("div",{ref:i,style:"left"===F?{left:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:G}:{right:O?(0,u.$II)(z)+"px":L+"px",bottom:O?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?d+"px":h+"px",height:e.isSpotlight&&"60122562760"==z?h+"px":d+"px"}),className:"left"===F?"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:e.isSpotlight&&"60122562760"==z?16/9:9/16},children:(0,f.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(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)(m.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},onClick:_,style:{position:"relative",zIndex:1,left:X+"px",bottom:X+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:W+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:K,borderBottomRightRadius:K,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*B+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},6805:function(e,t,i){i.d(t,{$I:function(){return l},$w:function(){return s},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return n},rE:function(){return d}});const n="device_type",o="device_mode",r="mobile",a="tablet",l="desktop",d="portrait",s="landscape"},9821:function(e,t,i){var n=i(7753),o=i(8866),r=i(6805),a=i(9854);t.Z=function(e){const[t,i,l]=(0,o.Z)(),[d]=(0,n.j1)("whatmoreLandscapePadding"),[s]=(0,n.j1)("whatmoreShopId"),[c]=(0,n.j1)("whatmoreVideoTileSize"),[h]=(0,n.j1)("whatmoreVideoTileSizePortrait"),p=l>=1025,m="portrait"==t?h:c,x=!("portrait"!=t||!(l>=481)),u=m/100*1.3*.5,f=m/100;var v=Math.min(l,i),[w,g,y,j]=[.6*v*(16/9),.6*v,1.4,0];function b(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(p){const e=g*u,t=w*u;[w,g,y,j]=[t,e,(l-2*d-2*(0,a.mZU)(s))/(1.1*e),d],E[r.me]=r.$I,E[r.YP]=r.$w}else if(x){var S=.8*g,P=.8*w;"portrait"==t?(S*=f,P*=f,[w,g,y,j]=[P,S,b(l/(1.2*S)),0],E[r.me]=r.AL,E[r.YP]=r.rE):([w,g,y,j]=[P,S,(l-2*d)/(1.1*S),d],E[r.me]=r.AL,E[r.YP]=r.$w)}else{S=g,P=w;"portrait"==t?(S=S*f*.9,P=P*f*.9,[w,g,y,j]=[P,S,b(l/(1.15*S)),0],E[r.me]=r.AK,E[r.YP]=r.rE):(S=.7*g,P=.7*w,[w,g,y,j]=[P,S,(l-2*d)/(1.1*S),d],E[r.me]=r.AK,E[r.YP]=r.$w)}return[w,g,y,j,E]}},9111:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|