whatmore-react-assets 1.0.1021 → 1.0.1022
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/static/js/150.355628ac.chunk.js +1 -0
- package/static/js/236.bd2a197f.chunk.js +1 -0
- package/static/js/249.3fb855db.chunk.js +1 -0
- package/static/js/{299.f75473d6.chunk.js → 299.b5556032.chunk.js} +2 -2
- package/static/js/436.3e7d521d.chunk.js +1 -0
- package/static/js/440.0258d351.chunk.js +1 -0
- package/static/js/{530.3e8065b6.chunk.js → 530.6210d137.chunk.js} +1 -1
- package/static/js/580.68a1a16f.chunk.js +1 -0
- package/static/js/582.74949624.chunk.js +1 -0
- package/static/js/622.58ace99c.chunk.js +1 -0
- package/static/js/678.de8aa8c8.chunk.js +2 -0
- package/static/js/692.a881c165.chunk.js +1 -0
- package/static/js/708.5ab3f176.chunk.js +1 -0
- package/static/js/74.90f829c9.chunk.js +1 -0
- package/static/js/{766.1b840213.chunk.js → 766.d2685ef4.chunk.js} +1 -1
- package/static/js/77.8e34f6e1.chunk.js +1 -0
- package/static/js/818.5a1b510a.chunk.js +117 -0
- package/static/js/836.412a0447.chunk.js +1 -0
- package/static/js/84.e27bd226.chunk.js +1 -0
- package/static/js/891.bb7181a6.chunk.js +1 -0
- package/static/js/920.ef0933a3.chunk.js +1 -0
- package/static/js/965.ea0fd29e.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/js/150.b2fc5aac.chunk.js +0 -1
- package/static/js/236.ecfb0a1b.chunk.js +0 -1
- package/static/js/249.4dde40af.chunk.js +0 -1
- package/static/js/436.a0b419a1.chunk.js +0 -1
- package/static/js/440.30f8a9f8.chunk.js +0 -1
- package/static/js/580.afc90797.chunk.js +0 -1
- package/static/js/582.751462b2.chunk.js +0 -1
- package/static/js/622.598b8aa3.chunk.js +0 -1
- package/static/js/678.642b5db3.chunk.js +0 -2
- package/static/js/692.6381752c.chunk.js +0 -1
- package/static/js/708.4e568e02.chunk.js +0 -1
- package/static/js/74.a6af3b11.chunk.js +0 -1
- package/static/js/77.153c6aa9.chunk.js +0 -1
- package/static/js/818.710634b1.chunk.js +0 -117
- package/static/js/836.dcb74027.chunk.js +0 -1
- package/static/js/84.a41ead24.chunk.js +0 -1
- package/static/js/891.b3b25bd5.chunk.js +0 -1
- package/static/js/920.7075d76c.chunk.js +0 -1
- package/static/js/965.c8276a4a.chunk.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[84],{8767:function(e,t,i){i.r(t),i.d(t,{default:function(){return b}});var n=i(7313),o=i(6090),r=i(7616),l=i(5109),a=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),s=i(2575),d=i(8866),c=i(7753),h=i(7129),p=i(9854),x=(i(9111),i(9778),i(4892)),m=i(9821),u=i(6417);var f=function(e){var t;const[i,o,r,l,a]=(0,m.Z)(),s=(0,c.MO)("whatmoreSecondaryColor"),d=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),f=(0,c.MO)("whatmoreCollectionsTileSize"),w=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),v="portrait"===e.mode?w:f,[g,y]=(0,n.useState)(!1),j=(0,p.f63)(h),b=e.event,S=e.onClick,E=e.removeBorders,C=o*v*.01,z=(0,p.eHp)(h);return(0,u.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:E?"2px":(0,p.VwM)(h)+"px",marginTop:E?"2px":"5px",marginBottom:E?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),S(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,u.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:E?"":"0px 1px 1px 0px "+s+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+s+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+s+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+s+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,u.jsx)(u.Fragment,{children:(0,u.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C*z+"px",width:C*z+"px",borderRadius:"50%",backgroundColor:s,overflow:"hidden"},children:(0,u.jsx)(x.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,u.jsx)("div",{style:{fontFamily:d,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,u.jsx)("p",{children:b.title})})]})},w=i(8782),v=i(7381),g=i(5380),y=i(3933);const j=(0,s.Z)({key:"whatmore-css-cv"});var b=function(e){const[t,i,s]=(0,d.Z)(),[x,b,S,E,C]=(0,m.Z)(),z=(0,c.MO)("whatmoreCollectionsTileSize"),P=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),M="portrait"===t?P:z,L="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),k=(0,c.MO)("whatmoreCollectionsTilesSpacing"),I=(0,c.MO)("whatmoreShopId"),[O]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:R}=(0,n.useContext)(l.I),A=e.events,F=e.onClick,{whatmoreIsCollectionsTemplate:Z}=((0,c.MO)("whatmoreTitleFont"),(0,n.useContext)(l.I));function T(e){F(e)}"portrait"==t?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),(0,p.aRS)(I);const[V,D,H]=(0,y.YD)({triggerOnce:!1});delete r.ZP.styles.global;const N=.055*b;var B=[];for(let n=0;n<A.length;)B.push((0,u.jsx)(f,{mode:t,event:A[n],onClick:()=>{T(A[n-1])},removeBorders:(0,p.Xtg)(I),fontSize:N},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,v.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.$.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,u.jsx)(a.C,{value:j,children:(0,u.jsx)("div",{className:Z?"whatmore-collection-events":"whatmore-carousel-events",children:(0,u.jsx)(o.x,{theme:r.ZP,cssVarsRoot:R,resetCSS:!1,children:(0,u.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,u.jsx)("div",{ref:V,style:{marginLeft:L+"px",marginRight:L+"px"},children:(0,u.jsx)(w.P,{renderElement:e=>(0,u.jsx)(u.Fragment,{children:e.eventData}),dataList:B,spacing:k,defaultHeight:x*M*.01+"px",defaultWidth:b*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,p.dhc)(I)&&!D&&-1==e.index&&(0,u.jsx)(g.Z,{event:A[0],inVideoClick:T,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 a}});var n=i(3933),o=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry: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 a(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)(l,{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),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,n,o,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(5109),w=i(6417);var v=function(e){var t;const i=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:g}=(0,o.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[C]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,a.MO)("whatmoreShopId");var M=j,L=b,k=S;v[l.YP]===l.$w&&(M=E,L=C,k=z);const[I,O]=(0,o.useState)(["initial",window.pageYOffset]),[R,A]=(0,o.useState)(!1),F=null!==(t=e.isSpotlight)&&void 0!==t&&t,Z=v[l.YP]===l.$w?.7*(0,u.zGA)(P):(0,u.zGA)(P),T=F?Z:1;s*=T,h*=T;const V=F?(0,u.G0o)(P):M,D=F?(0,u.X8j)(P):(0,u.lVn)(P),[H,N]=(0,o.useState)(!F&&(0,u.eXi)(P));function B(e,t){O(e),e[1]<=100?A(!1):t!=R&&(A(t),N(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(B([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:()=>{B(["scrolled-up",I[1]],!0)}});const Y=e.event,W=e.inVideoClick,X=e.closeClick,$=.3*h,q=.6*h,_=.1*h,G=.1*(.5*h),U="round"==g?"10px":"0px",J=(0,u.Z$A)(P);var K=!1,Q=0,ee=0;function te(e){K=e}return(0,w.jsx)("div",{children:H&&!D?(0,w.jsx)(w.Fragment,{}):R&&D?(0,w.jsx)("div",{style:"left"===V?{left:"1px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{onClick:()=>{B(["initial",I[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,w.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:$+"px"},style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"},onClick:X})})}),(0,w.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,w.jsx)(m.Z,{sx:{color:"white",fontSize:2*$+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,w.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,Q=i,ee=n},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{K&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(Y)},children:(0,w.jsx)("div",{ref:i,style:"left"===V?{left:F?(0,u.$II)(P)+"px":L+"px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J}:{right:F?(0,u.$II)(P)+"px":L+"px",bottom:F?(0,u.vnu)(P)+"px":k+"px",position:"fixed",zIndex:J},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,w.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,w.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,w.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,w.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:$+"px"},onClick:X,style:{position:"relative",zIndex:1,left:_+"px",bottom:_+"px"}})}),(0,w.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,w.jsx)(c.Z,{sx:{color:(0,u.Ya_)(P),fontSize:q+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,backgroundImage:y?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,w.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*$+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{3867:function(t,e,i){var n=i(8816),o=i(417),r=i(4885),l=i(7753),s=i(5109),a=i(7313),d=i(6417);e.Z=function(t){var e;const{whatmoreUITheme:i}=(0,a.useContext)(s.I),[p]=(0,l.j1)("whatmoreSecondaryColor"),[c,h]=(0,l.j1)("productRatings"),x=(0,l.MO)("whatmorePrimaryFont"),m=(t.storeId,t.productId),y=(t.productLink,t.fontSize),u=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===c||"undefined"==typeof c||!(m in c)||c[m].avgRating>5)return(0,d.jsx)(d.Fragment,{});const f=c[m].avgRating,g=c[m].totalRatings;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(f))].map(((t,e)=>(0,d.jsx)(n.Z,{sx:{color:p,fontSize:y+"px"}},"star-icon"+e))),f-Math.floor(f)>.2?(0,d.jsx)(o.Z,{sx:{color:p,fontSize:y+"px"}},"star-half-icon"):f-Math.floor(f)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(r.Z,{sx:{color:p,fontSize:y+"px"}},"star-outline-icon"),[...Array(Math.floor(5-f))].map(((t,e)=>(0,d.jsx)(r.Z,{sx:{color:p,fontSize:y+"px"}},"star-outline-icon-"+e))),(0,d.jsx)("div",{children:(0,d.jsx)("div",{width:"2px"})}),(0,d.jsx)("div",{children:(0,d.jsx)("div",{style:{backgroundColor:p,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,d.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*y+"px","important"),t.style.setProperty("font-family",x,"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"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",f,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",u,"important"),t.style.setProperty("font-size",.8*y+"px","important"),t.style.setProperty("font-family",x,"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"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+g+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return D}});var n=i(7313),o=i(6090),r=i(7616),l=i(5109),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),p=i(8486),c=i(9821),h=i(8866),x=i(2279),m=i.n(x),y=i(7753),u=i(7129),f=i(9854),g=i(1855),w=i(4892),v=i(3933),j=i(1092),C=i(5945),P=i(5456),b=i(3867),I=i(9219),S=i(9363),k=i(7053),O=i(5416),M=i(6417);const F=n.lazy((()=>Promise.all([i.e(577),i.e(587),i.e(818),i.e(465)]).then(i.bind(i,6163))));var _=function(t){var e,i,o,r;const{whatmoreUITheme:s}=(0,n.useContext)(l.I);var[a,d]=(0,c.Z)();const[p]=(0,y.j1)("whatmorePrimaryFont"),[h]=(0,y.j1)("whatmoreSecondaryColorShade900"),[x]=(0,y.j1)("whatmoreShopId"),[m,u]=(0,n.useState)(0),[g,w]=(0,n.useState)(t.event),[v,j]=(0,n.useState)(),[_,z]=(0,n.useState)(!1),R=t.onClick,L=g.products.length,{whatmoreIsPreviewMode:Z}=(0,n.useContext)(l.I);if(0==L)return(0,M.jsx)(M.Fragment,{});(0,n.useEffect)((()=>{(0,f.N8M)(x)&&(0,I.p_)(g,(0,f.Ipo)(x),x).then((t=>{w(t),z(!0)}));(async()=>{var t;const e=await(0,k.p)(null===g||void 0===g||null===(t=g.products)||void 0===t?void 0:t[0],(0,f.Ipo)(x),x);j(e),z(!0)})()}),[]);const T=Z,W=.3*d,U=W+"px",B=W+"px",A=.05*d+"px",D=.07*d,E=D+"px",H=.05*d;return(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*d,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:R,children:[(0,M.jsx)("div",{style:{width:U,height:B,overflow:"hidden",backgroundColor:h,borderRadius:"round"==s?"5px":"0px",borderWidth:"0px"==(0,f.alU)(x)?"2px":(0,f.alU)(x),borderColor:"white"==(0,f.qPe)(x)?h:(0,f.qPe)(x)},children:(0,M.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,f.yOX)(x),"important")},src:(0,S.s)(g.products[m].thumbnail_image,"&width=400&height=400"),style:{width:U,height:U,borderRadius:"round"==s?"5px":"0px",backgroundColor:h},alt:"product image"})}),(0,M.jsx)("div",{style:{width:.7*d+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==s?"5px":"0px"},children:(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,M.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,M.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",A,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",p,"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"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,C.s)(g.products[m].title)})}),(0,M.jsxs)("div",{style:{display:"flex",flexFlow:(0,f.$zZ)(x)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,f.$zZ)(x)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[_&&(0,M.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,f.Uyp)(x),"important"),t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",p,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat((0,O.G)()?null===v||void 0===v?void 0:v.price:null===g||void 0===g||null===(e=g.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",x,g.products[m].currency)]}),(0,P.B)(g.products[m].price,g.products[m].compare_price)&&_?(0,M.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,f.kPs)(x),"important"),t.style.setProperty("font-size",.9*D+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat((0,O.G)()?null===v||void 0===v?void 0:v.compare_at_price:null===g||void 0===g||null===(o=g.products)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.compare_price),"",x,g.products[m].currency)]}):(0,M.jsx)(M.Fragment,{})]}),(0,M.jsx)(b.Z,{storeId:x,productId:g.products[m].client_product_id,productLink:g.products[m].product_link,fontSize:H})]})})]},m),(0,f.IXJ)(x)||T&&"5141594210"==x?(0,M.jsx)(n.Suspense,{children:(0,M.jsx)(F,{baseFontSize:.05*d,event:g,product:g.products[0],width:.9*d,height:"fit-content"})}):(0,M.jsx)(M.Fragment,{})]})},z=i(3388);i(8984);function R(t){const[e,i,o,r,s]=(0,c.Z)(),{whatmoreUITheme:a}=(0,n.useContext)(l.I),d=(0,y.MO)("whatmoreShowViews"),p=(0,y.MO)("whatmoreShopId"),h=((0,y.MO)("whatmoreSecondaryColorShade600"),t.PRODUCT_BOX_HEIGHT),x=t.PRODUCT_BOX_HEIGHT_IN_PX,m=t.PRODUCT_BOX_MARGIN,[u,g,w]=(0,v.YD)({triggerOnce:!0}),C=t.event;t.isOnFocus;return(0,M.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,M.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(C)},children:"show"===d?(0,M.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,M.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,M.jsx)(j.Z,{event:C,fontSize:.07*i+"px"})})}):(0,M.jsx)(M.Fragment,{})}),(0,M.jsx)("div",{style:{display:"flex",width:"100%",height:e-h+"px"},onClick:()=>{t.onClick(C)}}),(0,z.xg)(C,p)?(0,M.jsx)("div",{style:{position:"relative",zIndex:1,bottom:m+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:x,marginLeft:m+"px",marginRight:m+"px",backgroundColor:"white",borderRadius:"round"==a?"5px":"0px",borderWidth:(0,f.alU)(p),borderColor:(0,f.qPe)(p),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,M.jsx)("div",{ref:u,children:g&&(0,f.PWD)(p)?(0,M.jsx)(_,{event:C,onClick:()=>{var e,i;(0,f.I6m)(p)?window.location.href=(i=null===(e=C.products)||void 0===e?void 0:e[0],(0,f.lj5)(p)?i.product_link+"?"+(0,f.awP)(p)+"&"+(0,f.n9s)(p)+"&"+(0,f.vaK)(p):i.product_link):t.onClick(C)}}):(0,M.jsx)("div",{height:"20px"})})}):(0,M.jsx)(M.Fragment,{})]})})}var L=function(t){var e,i,o;const[r,s,a,d,p]=(0,c.Z)();var h=(0,n.useContext)(u.V);const{whatmoreUITheme:x}=(0,n.useContext)(l.I),m=(0,y.MO)("whatmoreShopId"),g=(0,y.MO)("whatmoreSecondaryColorShade600"),v=t.event,j=t.onClick,C=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,b=null!==(o=t.animateOnFocus&&(0,f.iWI)(m))&&void 0!==o&&o,I=(0,f.IXJ)(m)?.7:.8,S=r*I+"px",k=1-I,O=r*k,F=r*k+"px",_=r*k*.1,L=(0,f.nzC)(m);return(0,M.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",h.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",h.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s+"px",height:1.2*r+"px",borderRadius:"round"==x?"5px":"0px",boxShadow:"round"==x?L:null,borderWidth:(0,f.alU)(m),borderColor:(0,f.qPe)(m),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?C?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,M.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{j(v)},children:[(0,M.jsx)(w.Z,{height:S,width:"100%",url:v.thumbnail_image,isPlaying:C||P,event:v}),(0,z.xg)(v,m)?(0,M.jsx)("div",{style:{width:"100%",height:F,backgroundColor:g}}):(0,M.jsx)(M.Fragment,{})]}),(0,M.jsx)(R,{event:v,isOnFocus:C,PRODUCT_BOX_HEIGHT:O,PRODUCT_BOX_HEIGHT_IN_PX:F,PRODUCT_BOX_MARGIN:_,onClick:j})]})},Z=i(778),T=i(4522),W=i(7381);const U=(0,a.Z)({key:"whatmore-css-hv"});function B(t){const[e,i,o]=(0,c.Z)(),r=(0,y.MO)("whatmoreShopId"),s=t.events,a=t.onClick,p=o*(0,f.u6l)(r),{whatmoreWidgetSourceDetails:h}=(0,n.useContext)(l.I);return(0,M.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,M.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,M.jsx)(d.tq,{slidesPerView:s.length>1?p:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,T.y4)({userInteractionType:Z.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:h})},children:s.map((t=>(0,M.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return n||o||i?(0,M.jsx)(L,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{a(t)}}):(0,M.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function A(t){const[e,i,o,r]=(0,c.Z)(),[s,a]=(0,n.useState)(-1),h=(0,y.MO)("whatmoreShopId"),x=t.onClick,u=t.events,w=Math.min(o,u.length),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(l.I);return(0,M.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,M.jsx)("div",{style:{width:i*w*1.1+"px"},children:(0,M.jsx)(d.tq,{slidesPerView:w,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(w),onSlideChange:()=>{(0,T.y4)({userInteractionType:Z.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v})},spaceBetween:(0,f.WGf)(h),children:u.map(((t,e)=>{const i=m()((()=>a(e)),300);return(0,M.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),a(-1)},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:l}=i;return l?(0,M.jsx)(L,{isOnFocus:e==s,playOnUnfocus:!(0,f.dHy)(h)||e==parseInt(w/2)&&-1==s,animateOnFocus:!0,event:t,onClick:()=>{x(t)}}):(0,M.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var D=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,y.j1)("whatmorePrimaryColor"),[p]=(0,y.j1)("whatmoreShopId"),[c]=(0,y.j1)("whatmoreSecondaryColor"),[x]=(0,y.j1)("whatmoreTitleFont"),m="portrait"==e?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:f}=(0,n.useContext)(l.I),g=((0,y.MO)("isInDesignMode"),t.events),w=t.onClick,v=x,j=(0,y.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(l.I);function P(t){w(t)}function b(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,W.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.$.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,M.jsx)(s.C,{value:U,children:(0,M.jsx)("div",{className:"whatmore-carousel-events",children:(0,M.jsx)(o.x,{theme:r.ZP,cssVarsRoot:f,resetCSS:!1,children:(0,M.jsxs)(u.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||C)?(0,M.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,M.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==j?j:"":t.heading})}):(0,M.jsx)(M.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,M.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,M.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,M.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",v,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==j?j:"":b(t.heading)[0]}),(0,M.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==j?j:"":b(t.heading)[1]})]})}):(0,M.jsx)(M.Fragment,{}),"landscape"===e?(0,M.jsx)(A,{events:g,onClick:P}):(0,M.jsx)(B,{events:g,onClick:P})]})})})})}},1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(5109),s=i(7313),a=i(6417);function d(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const{whatmoreUITheme:e}=(0,s.useContext)(l.I),i=(0,r.MO)("whatmoreShopId"),p=(0,r.MO)("whatmorePrimaryFont"),c=t.event,h=t.fontSize;if(c.total_views<=0)return(0,a.jsx)(a.Fragment,{});const x=(0,o.S_M)(i);return"template-icon"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:h,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("font-size",h,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(c.total_views)+" "})})]})})}):"template-text"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",p,"important"))},style:{fontSize:h,fontWeight:"bold"},children:" "+d(c.total_views)+" views"})})})})}):void 0}},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})},1855:function(t,e,i){var n=i(7313),o=i(9821),r=i(7129),l=i(6417);e.Z=function(t){var[e,i]=(0,o.Z)();return(0,n.useContext)(r.V),t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:i,height:e,overflow:"hidden"}})}},9363:function(t,e,i){i.d(e,{$:function(){return l},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 l(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}},5456:function(t,e,i){i.d(e,{B:function(){return n}});const n=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},8816:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=l},417:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=l},4885:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[920],{1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(5109),s=i(7313),a=i(6417);function d(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const{whatmoreUITheme:e}=(0,s.useContext)(l.I),i=(0,r.MO)("whatmoreShopId"),p=(0,r.MO)("whatmorePrimaryFont"),c=t.event,h=t.fontSize;if(c.total_views<=0)return(0,a.jsx)(a.Fragment,{});const m=(0,o.S_M)(i);return"template-icon"==m?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:h,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("font-size",h,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(c.total_views)+" "})})]})})}):"template-text"==m?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",p,"important"))},style:{fontSize:h,fontWeight:"bold"},children:" "+d(c.total_views)+" views"})})})})}):void 0}},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})},4920:function(t,e,i){i.d(e,{Z:function(){return b}});var n=i(7313),o=i(9821),r=(i(3439),i(9723)),l=i(7753),s=i(4892),a=i(7129),d=i(6805),p=i(9854),c=i(1092),h=i(5945),m=i(5109),x=i(9363),y=i(6417);var f=function(t){var e,i,r,s,[a,d]=(0,o.Z)();const{whatmoreUITheme:c}=(0,n.useContext)(m.I),[f]=(0,l.j1)("whatmorePrimaryFont"),[u,g]=(0,n.useState)(0),w=(0,l.MO)("whatmoreShopId"),v=t.event;if(0==v.products.length)return(0,y.jsx)(y.Fragment,{});const j=.3*d,b=j+"px",P=j+"px",C=.07*d,I=C+"px";return(0,y.jsx)("div",{style:{width:d+"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,y.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,y.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",P,"important")},style:{width:(0,p.uNj)(w)?b:"auto",boxShadow:"round"==c?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==c?"5px":"0px",borderWidth:(0,p.alU)(w),borderColor:(0,p.qPe)(w),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,y.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,p.yOX)(w),"important"),t.style.setProperty("max-width",b,"important"))},src:(0,x.s)(v.products[u].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==c?"5px":"0px"},alt:"product image"})}),(0,y.jsxs)("div",{style:{width:d-5-j+"px",height:"100%",borderRadius:"round"==c?"5px":"0px",overflow:"visible"},children:[(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,y.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",I,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",f,"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,h.s)(v.products[u].title)})}),(null===(e=v.products[u])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,y.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:d-5-j+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==c?"3px":"0"},children:(0,y.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",d-5-j+"px","important"),t.style.setProperty("font-size",.7*C+"px","important"),t.style.setProperty("font-family",f,"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===(r=v.products[u])||void 0===r||null===(s=r.product_metadata)||void 0===s?void 0:s.product_type})})]})]},u)})},u=i(3933),g=i(8984);function w(t){var e,[i,s]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[c,h,m]=(0,u.YD)({triggerOnce:!0});var x=(0,n.useContext)(a.V);const w=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,g.gE)()?t.isOnFocus:h;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:" "})}),x.showPlayButton&&!v?(0,y.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==w.event_type&&(0,y.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)("div",{ref:c,children:b&&(0,p.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(f,{event:w})}):(0,y.jsx)("div",{height:"20px"})})]})})}function v(t){var[e,i]=(0,o.Z)();const[n]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,y.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,y.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,y.jsx)("p",{style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,y.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",n,"important")},style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,y.jsx)(y.Fragment,{})}function j(t){const[e,i,n,r,s]=(0,o.Z)(),[a]=(0,l.j1)("whatmoreShowViews"),h=(0,l.MO)("whatmoreShopId"),m=t.event,x=t.isOnFocus;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,y.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(c.Z,{event:m,fontSize:.07*i+"px"})})}):(0,y.jsx)(y.Fragment,{})})}),d.$w===s[d.YP]?(0,y.jsx)(y.Fragment,{}):x?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,y.jsx)(v,{event:m})}):(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(v,{event:m})})]})})}var b=function(t){var e,i,r;const[c,h,x,f,u]=(0,o.Z)();var g=(0,n.useContext)(a.V);const{whatmoreUITheme:v}=(0,n.useContext)(m.I),b=(0,l.MO)("whatmoreShopId"),P=t.event,C=t.onClick,I=null===(e=t.isOnFocus)||void 0===e||e,F=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,k=null!==(r=t.animateOnFocus&&(0,p.iWI)(b))&&void 0!==r&&r,M=(0,p.nzC)(b);return(0,y.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",g.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",g.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==v?"5px":"0px",boxShadow:"round"==v?M:null,borderWidth:(0,p.alU)(b),borderColor:(0,p.qPe)(b),overflow:"hidden",cursor:"pointer"},className:k?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(P)},children:[(0,y.jsx)(s.Z,{height:(0,p.dXm)(b)+" !important",width:"100%",url:P.thumbnail_image,isPlaying:I||F,event:P}),(0,y.jsxs)("div",{style:{width:h,height:c},children:[(0,y.jsx)(j,{event:P,isOnFocus:I}),"87043703105"===b||"76467011883"===b||!I&&d.$w!==u[d.YP]?null:(0,y.jsx)(w,{event:P,unfocusedDisplay:!I,isOnFocus:I})]})]})}},9363:function(t,e,i){i.d(e,{$:function(){return l},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 l(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}},9723:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},3439:function(){}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[965],{6071:function(e,t,o){o.r(t);var r=o(7313),a=o(6090),l=o(7616),i=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),n=o(2575),s=(o(8984),o(8866)),c=o(7753),h=o(7129),d=o(5109),m=o(8631),p=o(6066),u=o(8782),g=o(9821),v=o(7381),w=o(9854),f=o(5380),x=o(3933),y=o(6417);const C=(0,n.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o,n,S]=(0,s.Z)(),[M,j]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[k,P,Z,b,O]=(0,g.Z)(),R=(0,c.MO)("whatmoreCollectionsTileSize"),E=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),I="portrait"===o?E:R,T="portrait"==o?0:(0,c.MO)("whatmoreLandscapePadding"),q=(0,c.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:B}=(0,r.useContext)(d.I),L=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:V}=(0,r.useContext)(d.I),z=e.onClick,[A,D,H]=(0,x.YD)({triggerOnce:!1});function W(e){z(e)}delete l.ZP.styles.global;var _=[];for(let r=0,a=!1;r<t.length;)a&&r!=t.length-1&&M[r]>.2?(_.push((0,y.jsx)(p.Z,{event1:t[r],event2:t[r+1],onClick:()=>{W(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,a=!a):(_.push((0,y.jsx)(m.Z,{mode:o,event:t[r],onClick:()=>{W(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,a=!a);return(0,r.useEffect)((()=>{(0,v.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{d.$.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,y.jsx)(i.C,{value:C,children:(0,y.jsx)("div",{className:B?"whatmore-collection-events":"whatmore-carousel-events",children:(0,y.jsx)(a.x,{theme:l.ZP,cssVarsRoot:V,resetCSS:!1,children:(0,y.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,y.jsx)("div",{ref:A,style:{marginLeft:T+"px",marginRight:T+"px"},children:(0,y.jsx)(u.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:_,spacing:q,defaultHeight:k*I*.01+"px",defaultWidth:P*I*.01+"px",retainAlreadyRenderedElements:!0})}),(0,w.dhc)(L)&&B&&!D&&-1==e.index&&(0,y.jsx)(f.Z,{event:t[0],inVideoClick:W,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}}}]);
|