whatmore-react-assets 1.0.1338 → 1.0.1340

package/static/js/carousel-template-g.83d71046.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[892],{5090:function(t,e,i){i.r(e),i.d(e,{default:function(){return W}});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(6775),I=i(8984),M=i(9212),O=i(6417);function k(t){const[e]=(0,v.j1)("whatmoreShopId"),[i,n,o]=(0,C.Z)({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 Z(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 F(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 W=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)(F,{events:j,onClick:C}):(0,O.jsx)(Z,{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(){}}]);