whatmore-react-assets 1.0.636 → 1.0.637
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
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[554],{9085:function(t,e,o){o.r(e),o.d(e,{default:function(){return E}});var n=o(7313),r=(o(3439),o(6090)),i=o(9039),l=o(7616),s=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),h=o.n(p),u=o(7753),x=o(7129),y=o(1855),m=o(9854),f=o(7376),v=o(778),g=o(4892),w=o(5945),j=o(9219),M=o(6805),P=o(8984),C=o(6417);var S=function(t){var e,o,r,l,s,a,d,p,h,y;const[f,v,S,b,k]=(0,c.Z)(),O=(0,u.MO)("whatmoreShopId"),I="portrait"===k[M.YP],E=(I?1.076*v*(0,m.pEd)(O):v*(0,m.H4g)(O))+"px",N=(I?1.076*v*(0,m.pEd)(O):v*(0,m.H4g)(O))+"px",z=(I?.965*v*(0,m.pEd)(O):.859*v*(0,m.H4g)(O))+"px",[Z,R]=(0,n.useState)(t.event),T=(0,u.MO)("whatmoreSecondaryColor");var W=(0,n.useContext)(x.V);const F=null===(e=t.isOnFocus)||void 0===e||e,Y=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,D=t.onClick,{whatmoreUITheme:_}=(0,n.useContext)(i.I),U=null!==(r=t.animateOnFocus&&(0,m.iWI)(O))&&void 0!==r&&r,[A,H]=(0,n.useState)(!(0,m.N8M)(O)),L=(0,u.MO)("whatmorePrimaryFont"),V=Math.round(+(null===(l=Z.products[0])||void 0===l?void 0:l.price)),X=Math.round(+(null===(s=Z.products[0])||void 0===s?void 0:s.compare_price)),B=X&&0!=X&&X>V?Math.ceil((X-V)/X*100):NaN,[G,K]=(0,n.useState)(B);return(0,n.useEffect)((()=>{(0,m.N8M)(O)&&(0,j.p_)(Z,(0,m.Ipo)(O),O).then((t=>{var e,o,n;R(t),(null===t||void 0===t||null===(e=t.products)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.discount)&&K(null===t||void 0===t||null===(n=t.products[0])||void 0===n?void 0:n.discount),H(!0)}))}),[]),(0,C.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",W.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",W.tileBottomMMargin+"px","important"))},className:U&&!I?F?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:v},onClick:()=>{D(Z)},children:[(0,C.jsx)("div",{style:{borderRadius:"round"==_?"5%":"0px",boxShadow:"round"==_?"0px 0px 5px 0px #B0B0B0":null,height:f,borderWidth:(0,m.alU)(O),borderColor:(0,m.qPe)(O),overflow:"hidden"},children:(0,C.jsx)(g.Z,{height:"100%",width:"100%",url:Z.thumbnail_image,isPlaying:F||Y||(0,P.gE)(),event:Z})}),(0,C.jsxs)("div",{style:{display:"flex",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",L,"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"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,w.s)(null===(a=Z.products[0])||void 0===a?void 0:a.title)}),A&&(0,C.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,m.$zZ)(O)?"row":"row-reverse",justifyContent:(0,m.$zZ)(O)?"flex-start":"flex-end"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.Uyp)(O),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",L,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"9238315068"==O||"33497612423"==O?"normal":"bold"},children:(0,j.jx)(parseFloat(null===(d=Z.products[0])||void 0===d?void 0:d.price)," ",O,null===(p=Z.products[0])||void 0===p?void 0:p.currency)}),!isNaN(X)&&X>V&&(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.kPs)(O),"important"),t.style.setProperty("font-size",N,"important"),t.style.setProperty("font-family",L,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,j.jx)(parseFloat(null===(h=Z.products[0])||void 0===h?void 0:h.compare_price)," ",O,null===(y=Z.products[0])||void 0===y?void 0:y.currency)})]}),!isNaN(G)&&0!=G&&A&&(0,C.jsx)("div",{style:{display:"flex",backgroundColor:"green"==(0,m.ZJm)(O)?"#343434"==T?(0,m.ZJm)(O):T:(0,m.ZJm)(O),alignItems:"center",borderRadius:"84084818211"==O?"4rem":"4px",width:"fit-content",padding:(0,m.Spx)(O)?"3px 6px":"0px"},children:(0,m.Spx)(O)?(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.mso)(O),"important"),t.style.setProperty("font-size",z,"important"),t.style.setProperty("font-family",L,"important"))},children:"".concat(G,"% Off")}):(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,m.aUT)(O),"important"),t.style.setProperty("font-size",z,"important"),t.style.setProperty("font-family",(0,m.V3Y)(O),"important"))},children:(0,m.sG7)(O)})})]})]})},b=o(7381);const k=(0,a.Z)({key:"whatmore-css-hv"});function O(t){const[e,o,r]=(0,c.Z)(),l=(0,u.MO)("whatmoreShopId"),s=t.events,a=t.onClick,{whatmoreWidgetSourceDetails:d}=(0,n.useContext)(i.I),p=Math.ceil(r),h=2*p,[x,g]=(0,n.useState)(h),[w,j]=(0,n.useState)(2*p),M=0===(0,m.WGf)(l)?24:(0,m.WGf)(l),[P,b]=(0,n.useState)({touchX:0,touchY:0}),k=()=>(0,C.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),O=()=>(0,C.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),I=t=>{if("next"===t){const t=2;j((t=>Math.min(t+Math.floor(r),s.length+p+1))),g((e=>Math.min(e+t,s.length+p+1)))}else j((t=>Math.max(t-Math.floor(r),h)));(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,C.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:t=>{b({touchX:t.touches[0].clientX,touchY:t.touches[0].clientY})},onTouchEnd:t=>{var e,o,n,r;const i=(null===(e=t.changedTouches)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.clientX)-P.touchX,l=(null===(n=t.changedTouches)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.clientY)-P.touchY;Math.sqrt(i**2+l**2)>10&&Math.abs(i)>Math.abs(l)&&I(i>0?"prev":"next")},children:[(0,m.Yxs)(l)&&(0,C.jsxs)(C.Fragment,{children:[w<=s.length+p&&(0,C.jsx)("div",{onClick:()=>I("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,C.jsx)(k,{})}),w>2*p&&(0,C.jsx)("div",{onClick:()=>I("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,C.jsx)(O,{})})]}),(0,C.jsx)("div",{style:{display:"flex",gap:M,transform:"translateX(-".concat((w-h)*(o+M),"px)"),transition:"transform 0.4s ease-in-out"},children:s.map(((t,e)=>e<x?(0,C.jsx)("div",{children:(0,C.jsx)(S,{isOnFocus:e<=w-p-1&&e>=Math.max(0,w-h),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>a(t)})},"whatmore-carousel-tile-".concat(e)):(0,C.jsx)(y.Z,{})))})]})}function I(t){const[e,o,r,l]=(0,c.Z)(),[s,a]=(0,n.useState)(-1),d=(0,u.MO)("whatmoreShopId"),[p,x]=(0,n.useState)("next"),y=t.onClick,g=t.events,{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(i.I),j=Math.min(Math.ceil(r),g.length),[M,P]=(0,n.useState)(0),b=0===(0,m.WGf)(d)?24:(0,m.WGf)(d),k=()=>(0,C.jsx)("div",{children:(0,C.jsx)("button",{onClick:N,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),O=()=>(0,C.jsx)("div",{children:(0,C.jsx)("button",{onClick:E,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,C.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{M<=j&&P((t=>t+j))}),[j]);const I=()=>{a(-1)},E=()=>{M!==j&&(x("prev"),P((t=>Math.max(Math.ceil(t-r),j))),(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},N=()=>{M>g.length+r||(x("next"),P((t=>Math.floor(t+r))),(0,f.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},z=M>g.length?g.length-j+1:M-j,Z=M>=g.length?g.length:z+j,R=g.slice(z,Z);return(0,C.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(l,"px"),paddingRight:"".concat(l,"px")},children:[g.length>=r-1&&(0,C.jsx)("div",{style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:M!==j&&(0,C.jsx)(O,{})}),(0,C.jsx)("div",{style:{display:"flex",gap:b+"px",width:"".concat(o*r*(0,m.Su5)(d),"px"),paddingLeft:"8px",justifyContent:g.length<=r-1?"center":"flex-start",overflow:"hidden"},children:R.map(((t,e)=>{const o="whatmore-event-tile-landscape-".concat(t.index).concat(e===j-1?"-last":""),n=e===s;return(0,C.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===p?"next":"prev"),onMouseEnter:()=>(t=>{const e=h()((()=>a(t)),300);return e(),e.cancel})(e),onMouseLeave:I,children:(0,C.jsx)(S,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{y(t)})(t)})},o)}))}),g.length>=r-1&&(0,C.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:l+"px",transform:"translateY(-65%)"},children:M<=g.length&&(0,C.jsx)(k,{})})]})}var E=function(t){var e;const[o,a,c]=(0,d.Z)(),[p]=(0,u.j1)("whatmoreShopId"),[h]=(0,u.j1)("whatmorePrimaryColor"),[y]=(0,u.j1)("whatmoreSecondaryColor"),[f]=(0,u.j1)("whatmoreTitleFont"),v="portrait"==o?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,n.useContext)(i.I),w=(0,u.MO)("isInDesignMode"),j=t.events,M=t.onClick,P=null!==(e=(0,m.aRS)(p))&&void 0!==e?e:f;function S(t){M(t)}return(0,n.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{i.$.forEach((t=>{var e;const o=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&t&&(t.style.minHeight="0px")}))}),[]),delete l.ZP.styles.global,(0,C.jsx)(s.C,{value:k,children:(0,C.jsx)("div",{children:(0,C.jsx)(r.x,{theme:l.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,C.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0?(0,C.jsxs)("div",{className:"whatmore-events-carousel",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",P,"important"),t.style.setProperty("font-size",v+"px","important"))},style:{color:h,backgroundClip:"text",textAlign:"center",fontWeight:(0,m.wOV)(p),lineHeight:(0,m.vY4)(p),letterSpacing:(0,m.X2K)(p)},children:t.heading}),w&&(0,C.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",P,"important"),t.style.setProperty("font-size",.7*v+"px","important"))},style:{color:h,backgroundClip:"text",textAlign:"center",fontWeight:(0,m.wOV)(p),lineHeight:(0,m.vY4)(p),letterSpacing:(0,m.X2K)(p)},children:"(Sample videos)"})]}):(0,C.jsx)(C.Fragment,{}),"landscape"===o?(0,C.jsx)(I,{events:j,onClick:S}):(0,C.jsx)(O,{events:j,onClick:S})]})})})})}},7129:function(t,e,o){o.d(e,{V:function(){return n}});const n=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,o){var n=o(7313),r=o(9821),i=o(7129),l=o(6417);e.Z=function(t){var[e,o]=(0,r.Z)();return(0,n.useContext)(i.V),t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:o,height:e,overflow:"hidden"}})}},3439:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{3867:function(t,e,i){var o=i(8816),n=i(417),r=i(4885),l=i(7753),s=i(9039),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"),y=(t.storeId,t.productId),m=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===c||"undefined"==typeof c||!(y in c)||c[y].avgRating>5)return(0,d.jsx)(d.Fragment,{});const u=c[y].avgRating,g=c[y].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(u))].map(((t,e)=>(0,d.jsx)(o.Z,{sx:{color:p,fontSize:m+"px"}},"star-icon"+e))),u-Math.floor(u)>.2?(0,d.jsx)(n.Z,{sx:{color:p,fontSize:m+"px"}},"star-half-icon"):u-Math.floor(u)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(r.Z,{sx:{color:p,fontSize:m+"px"}},"star-outline-icon"),[...Array(Math.floor(5-u))].map(((t,e)=>(0,d.jsx)(r.Z,{sx:{color:p,fontSize:m+"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*m+"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",u,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*m+"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 B}});var o=i(7313),n=i(6090),r=i(7616),l=i(9039),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),y=i.n(x),m=i(7753),f=i(7129),u=i(9854),g=i(1855),w=i(4892),v=i(3933),j=i(1092),P=i(5945),C=i(5456),b=i(3867),I=i(9219),S=i(9363),k=i(6417);const F=o.lazy((()=>Promise.all([i.e(576),i.e(955),i.e(91),i.e(12)]).then(i.bind(i,6163))));var O=function(t){const{whatmoreUITheme:e}=(0,o.useContext)(l.I);var[i,n]=(0,c.Z)();const[r]=(0,m.j1)("whatmorePrimaryFont"),[s]=(0,m.j1)("whatmoreSecondaryColorShade900"),[a]=(0,m.j1)("whatmoreShopId"),[d,p]=(0,o.useState)(0),[h,x]=(0,o.useState)(t.event),y=t.onClick;if(0==h.products.length)return(0,k.jsx)(k.Fragment,{});(0,o.useEffect)((()=>{(0,u.N8M)(a)&&(0,I.p_)(h,(0,u.Ipo)(a),a).then((t=>{x(t)}))}),[]);const f=.3*n,g=f+"px",w=f+"px",v=.05*n+"px",j=.07*n,O=j+"px",M=.05*n;return(0,k.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,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*n,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:y,children:[(0,k.jsx)("div",{style:{width:g,height:w,overflow:"hidden",backgroundColor:s,borderRadius:"round"==e?"5px":"0px",borderWidth:"0px"==(0,u.alU)(a)?"2px":(0,u.alU)(a),borderColor:"white"==(0,u.qPe)(a)?s:(0,u.qPe)(a)},children:(0,k.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,u.yOX)(a),"important")},src:(0,S.s)(h.products[d].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:g,height:g,borderRadius:"round"==e?"5px":"0px",backgroundColor:s},alt:"product image"})}),(0,k.jsx)("div",{style:{width:.7*n+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==e?"5px":"0px"},children:(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",v,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"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,P.s)(h.products[d].title)})}),(0,k.jsxs)("div",{style:{display:"flex",flexFlow:(0,u.$zZ)(a)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,u.$zZ)(a)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[(0,k.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,u.Uyp)(a),"important"),t.style.setProperty("font-size",O,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(h.products[d].price),"",a,h.products[d].currency)]}),(0,C.B)(h.products[d].price,h.products[d].compare_price)?(0,k.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,u.kPs)(a),"important"),t.style.setProperty("font-size",.9*j+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"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(h.products[d].compare_price),"",a,h.products[d].currency)]}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(b.Z,{storeId:a,productId:h.products[d].client_product_id,productLink:h.products[d].product_link,fontSize:M})]})})]},d),(0,u.IXJ)(a)?(0,k.jsx)(o.Suspense,{children:(0,k.jsx)(F,{baseFontSize:.05*n,event:h,product:h.products[0],width:.9*n,height:"fit-content"})}):(0,k.jsx)(k.Fragment,{})]})},M=i(3388);i(8984);function _(t){const[e,i,n,r,s]=(0,c.Z)(),{whatmoreUITheme:a}=(0,o.useContext)(l.I),d=(0,m.MO)("whatmoreShowViews"),p=(0,m.MO)("whatmoreShopId"),h=((0,m.MO)("whatmoreSecondaryColorShade600"),t.PRODUCT_BOX_HEIGHT),x=t.PRODUCT_BOX_HEIGHT_IN_PX,y=t.PRODUCT_BOX_MARGIN,[f,g,w]=(0,v.YD)({triggerOnce:!0}),P=t.event;t.isOnFocus;return(0,k.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,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(P)},children:"show"===d?(0,k.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,k.jsx)(j.Z,{event:P,fontSize:.07*i+"px"})})}):(0,k.jsx)(k.Fragment,{})}),(0,k.jsx)("div",{style:{display:"flex",width:"100%",height:e-h+"px"},onClick:()=>{t.onClick(P)}}),(0,M.xg)(P,p)?(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:y+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:x,marginLeft:y+"px",marginRight:y+"px",backgroundColor:"white",borderRadius:"round"==a?"5px":"0px",borderWidth:(0,u.alU)(p),borderColor:(0,u.qPe)(p),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,k.jsx)("div",{ref:f,children:g&&(0,u.PWD)(p)?(0,k.jsx)(O,{event:P,onClick:()=>{var t,e;window.location.href=(e=null===(t=P.products)||void 0===t?void 0:t[0],(0,u.lj5)(p)?e.product_link+"?"+(0,u.awP)(p)+"&"+(0,u.n9s)(p)+"&"+(0,u.vaK)(p):e.product_link)}}):(0,k.jsx)("div",{height:"20px"})})}):(0,k.jsx)(k.Fragment,{})]})})}var R=function(t){var e,i,n;const[r,s,a,d,p]=(0,c.Z)();var h=(0,o.useContext)(f.V);const{whatmoreUITheme:x}=(0,o.useContext)(l.I),y=(0,m.MO)("whatmoreShopId"),g=(0,m.MO)("whatmoreSecondaryColorShade600"),v=t.event,j=t.onClick,P=null===(e=t.isOnFocus)||void 0===e||e,C=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,b=null!==(n=t.animateOnFocus&&(0,u.iWI)(y))&&void 0!==n&&n,I=(0,u.IXJ)(y)?.7:.8,S=r*I+"px",F=1-I,O=r*F,R=r*F+"px",z=r*F*.1,L=(0,u.nzC)(y);return(0,k.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,u.alU)(y),borderColor:(0,u.qPe)(y),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?P?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,k.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,k.jsx)(w.Z,{height:S,width:"100%",url:v.thumbnail_image,isPlaying:P||C,event:v}),(0,M.xg)(v,y)?(0,k.jsx)("div",{style:{width:"100%",height:R,backgroundColor:g}}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(_,{event:v,isOnFocus:P,PRODUCT_BOX_HEIGHT:O,PRODUCT_BOX_HEIGHT_IN_PX:R,PRODUCT_BOX_MARGIN:z,onClick:j})]})},z=i(778),L=i(7376),Z=i(7381);const T=(0,a.Z)({key:"whatmore-css-hv"});function W(t){const[e,i,n]=(0,c.Z)(),r=(0,m.MO)("whatmoreShopId"),s=t.events,a=t.onClick,p=n*(0,u.u6l)(r),{whatmoreWidgetSourceDetails:h}=(0,o.useContext)(l.I);return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,k.jsx)(d.tq,{slidesPerView:s.length>1?p:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,L.y4)({userInteractionType:z.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:h})},children:s.map((t=>(0,k.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:o,isNext:n,isVisible:r}=e;return o||n||i?(0,k.jsx)(R,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{a(t)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function U(t){const[e,i,n,r]=(0,c.Z)(),[s,a]=(0,o.useState)(-1),h=(0,m.MO)("whatmoreShopId"),x=t.onClick,f=t.events,w=Math.min(n,f.length),{whatmoreWidgetSourceDetails:v}=(0,o.useContext)(l.I);return console.log(w/2,"count"),(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,k.jsx)("div",{style:{width:i*w*1.1+"px"},children:(0,k.jsx)(d.tq,{slidesPerView:w,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(w),onSlideChange:()=>{(0,L.y4)({userInteractionType:z.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v})},spaceBetween:(0,u.WGf)(h),children:f.map(((t,e)=>{const i=y()((()=>a(e)),300);return(0,k.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),a(-1)},children:i=>{let{isActive:o,isPrev:n,isNext:r,isVisible:l}=i;return l?(0,k.jsx)(R,{isOnFocus:e==s,playOnUnfocus:"40273707171"!=h||e==parseInt(w/2),animateOnFocus:!0,event:t,onClick:()=>{x(t)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var B=function(t){var e;const[i,a,d]=(0,h.Z)(),[p]=(0,m.j1)("whatmorePrimaryColor"),[c]=(0,m.j1)("whatmoreShopId"),[x]=(0,m.j1)("whatmoreSecondaryColor"),[y]=(0,m.j1)("whatmoreTitleFont"),g="portrait"==i?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,o.useContext)(l.I),v=(0,m.MO)("isInDesignMode"),j=t.events,P=t.onClick,C=null!==(e=(0,u.aRS)(c))&&void 0!==e?e:y;function b(t){P(t)}return(0,o.useEffect)((()=>{(0,Z.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.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,k.jsx)(s.C,{value:T,children:(0,k.jsx)("div",{children:(0,k.jsx)(n.x,{theme:r.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,k.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:[t.heading.trim().length>0?(0,k.jsxs)("div",{className:"whatmore-events-carousel",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",C,"important"),t.style.setProperty("font-size",g+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center"},children:t.heading}),v&&(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",C,"important"),t.style.setProperty("font-size",.7*g+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:brandFonts_carouselTitleFontWeight(c),lineHeight:brandFonts_carouselTitleFontLineHeight(c),letterSpacing:brandFonts_carouselTitleFontLetterSpacing(c)},children:"(Sample videos)"})]}):(0,k.jsx)(k.Fragment,{}),"landscape"===i?(0,k.jsx)(U,{events:j,onClick:b}):(0,k.jsx)(W,{events:j,onClick:b})]})})})})}},1092:function(t,e,i){var o=i(237),n=i(9854),r=i(7753),l=i(9039),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,n.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,n.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,n.alU)(i),borderColor:(0,n.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)(o.Z,{sx:{color:(0,n.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,n.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,n.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,n.alU)(i),borderColor:(0,n.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,n.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 o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,i){var o=i(7313),n=i(9821),r=i(7129),l=i(6417);e.Z=function(t){var[e,i]=(0,n.Z)();return(0,o.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,{s:function(){return r}});var o=i(9854),n=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,n.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}},5456:function(t,e,i){i.d(e,{B:function(){return o}});const o=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 o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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 o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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 o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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 o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{3867:function(t,e,i){var o=i(8816),n=i(417),r=i(4885),l=i(7753),s=i(9039),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"),y=(t.storeId,t.productId),m=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===c||"undefined"==typeof c||!(y in c)||c[y].avgRating>5)return(0,d.jsx)(d.Fragment,{});const u=c[y].avgRating,g=c[y].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(u))].map(((t,e)=>(0,d.jsx)(o.Z,{sx:{color:p,fontSize:m+"px"}},"star-icon"+e))),u-Math.floor(u)>.2?(0,d.jsx)(n.Z,{sx:{color:p,fontSize:m+"px"}},"star-half-icon"):u-Math.floor(u)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(r.Z,{sx:{color:p,fontSize:m+"px"}},"star-outline-icon"),[...Array(Math.floor(5-u))].map(((t,e)=>(0,d.jsx)(r.Z,{sx:{color:p,fontSize:m+"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*m+"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",u,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*m+"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 B}});var o=i(7313),n=i(6090),r=i(7616),l=i(9039),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),y=i.n(x),m=i(7753),f=i(7129),u=i(9854),g=i(1855),w=i(4892),v=i(3933),j=i(1092),P=i(5945),C=i(5456),b=i(3867),I=i(9219),S=i(9363),k=i(6417);const F=o.lazy((()=>Promise.all([i.e(576),i.e(955),i.e(91),i.e(12)]).then(i.bind(i,6163))));var O=function(t){const{whatmoreUITheme:e}=(0,o.useContext)(l.I);var[i,n]=(0,c.Z)();const[r]=(0,m.j1)("whatmorePrimaryFont"),[s]=(0,m.j1)("whatmoreSecondaryColorShade900"),[a]=(0,m.j1)("whatmoreShopId"),[d,p]=(0,o.useState)(0),[h,x]=(0,o.useState)(t.event),y=t.onClick;if(0==h.products.length)return(0,k.jsx)(k.Fragment,{});(0,o.useEffect)((()=>{(0,u.N8M)(a)&&(0,I.p_)(h,(0,u.Ipo)(a),a).then((t=>{x(t)}))}),[]);const f=.3*n,g=f+"px",w=f+"px",v=.05*n+"px",j=.07*n,O=j+"px",M=.05*n;return(0,k.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,k.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*n,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:y,children:[(0,k.jsx)("div",{style:{width:g,height:w,overflow:"hidden",backgroundColor:s,borderRadius:"round"==e?"5px":"0px",borderWidth:"0px"==(0,u.alU)(a)?"2px":(0,u.alU)(a),borderColor:"white"==(0,u.qPe)(a)?s:(0,u.qPe)(a)},children:(0,k.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,u.yOX)(a),"important")},src:(0,S.s)(h.products[d].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:g,height:g,borderRadius:"round"==e?"5px":"0px",backgroundColor:s},alt:"product image"})}),(0,k.jsx)("div",{style:{width:.7*n+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==e?"5px":"0px"},children:(0,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",v,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"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,P.s)(h.products[d].title)})}),(0,k.jsxs)("div",{style:{display:"flex",flexFlow:(0,u.$zZ)(a)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,u.$zZ)(a)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[(0,k.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,u.Uyp)(a),"important"),t.style.setProperty("font-size",O,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(h.products[d].price),"",a,h.products[d].currency)]}),(0,C.B)(h.products[d].price,h.products[d].compare_price)?(0,k.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,u.kPs)(a),"important"),t.style.setProperty("font-size",.9*j+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",r,"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(h.products[d].compare_price),"",a,h.products[d].currency)]}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(b.Z,{storeId:a,productId:h.products[d].client_product_id,productLink:h.products[d].product_link,fontSize:M})]})})]},d),(0,u.IXJ)(a)?(0,k.jsx)(o.Suspense,{children:(0,k.jsx)(F,{baseFontSize:.05*n,event:h,product:h.products[0],width:.9*n,height:"fit-content"})}):(0,k.jsx)(k.Fragment,{})]})},M=i(3388);i(8984);function _(t){const[e,i,n,r,s]=(0,c.Z)(),{whatmoreUITheme:a}=(0,o.useContext)(l.I),d=(0,m.MO)("whatmoreShowViews"),p=(0,m.MO)("whatmoreShopId"),h=((0,m.MO)("whatmoreSecondaryColorShade600"),t.PRODUCT_BOX_HEIGHT),x=t.PRODUCT_BOX_HEIGHT_IN_PX,y=t.PRODUCT_BOX_MARGIN,[f,g,w]=(0,v.YD)({triggerOnce:!0}),P=t.event;t.isOnFocus;return(0,k.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,k.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,k.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(P)},children:"show"===d?(0,k.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,k.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,k.jsx)(j.Z,{event:P,fontSize:.07*i+"px"})})}):(0,k.jsx)(k.Fragment,{})}),(0,k.jsx)("div",{style:{display:"flex",width:"100%",height:e-h+"px"},onClick:()=>{t.onClick(P)}}),(0,M.xg)(P,p)?(0,k.jsx)("div",{style:{position:"relative",zIndex:1,bottom:y+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:x,marginLeft:y+"px",marginRight:y+"px",backgroundColor:"white",borderRadius:"round"==a?"5px":"0px",borderWidth:(0,u.alU)(p),borderColor:(0,u.qPe)(p),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,k.jsx)("div",{ref:f,children:g&&(0,u.PWD)(p)?(0,k.jsx)(O,{event:P,onClick:()=>{var t,e;window.location.href=(e=null===(t=P.products)||void 0===t?void 0:t[0],(0,u.lj5)(p)?e.product_link+"?"+(0,u.awP)(p)+"&"+(0,u.n9s)(p)+"&"+(0,u.vaK)(p):e.product_link)}}):(0,k.jsx)("div",{height:"20px"})})}):(0,k.jsx)(k.Fragment,{})]})})}var R=function(t){var e,i,n;const[r,s,a,d,p]=(0,c.Z)();var h=(0,o.useContext)(f.V);const{whatmoreUITheme:x}=(0,o.useContext)(l.I),y=(0,m.MO)("whatmoreShopId"),g=(0,m.MO)("whatmoreSecondaryColorShade600"),v=t.event,j=t.onClick,P=null===(e=t.isOnFocus)||void 0===e||e,C=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,b=null!==(n=t.animateOnFocus&&(0,u.iWI)(y))&&void 0!==n&&n,I=(0,u.IXJ)(y)?.7:.8,S=r*I+"px",F=1-I,O=r*F,R=r*F+"px",z=r*F*.1,L=(0,u.nzC)(y);return(0,k.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,u.alU)(y),borderColor:(0,u.qPe)(y),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?P?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,k.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,k.jsx)(w.Z,{height:S,width:"100%",url:v.thumbnail_image,isPlaying:P||C,event:v}),(0,M.xg)(v,y)?(0,k.jsx)("div",{style:{width:"100%",height:R,backgroundColor:g}}):(0,k.jsx)(k.Fragment,{})]}),(0,k.jsx)(_,{event:v,isOnFocus:P,PRODUCT_BOX_HEIGHT:O,PRODUCT_BOX_HEIGHT_IN_PX:R,PRODUCT_BOX_MARGIN:z,onClick:j})]})},z=i(778),L=i(7376),Z=i(7381);const T=(0,a.Z)({key:"whatmore-css-hv"});function W(t){const[e,i,n]=(0,c.Z)(),r=(0,m.MO)("whatmoreShopId"),s=t.events,a=t.onClick,p=n*(0,u.u6l)(r),{whatmoreWidgetSourceDetails:h}=(0,o.useContext)(l.I);return(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,k.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,k.jsx)(d.tq,{slidesPerView:s.length>1?p:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,L.y4)({userInteractionType:z.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:h})},children:s.map((t=>(0,k.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:o,isNext:n,isVisible:r}=e;return o||n||i?(0,k.jsx)(R,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{a(t)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function U(t){const[e,i,n,r]=(0,c.Z)(),[s,a]=(0,o.useState)(-1),h=(0,m.MO)("whatmoreShopId"),x=t.onClick,f=t.events,w=Math.min(n,f.length),{whatmoreWidgetSourceDetails:v}=(0,o.useContext)(l.I);return console.log(w/2,"count"),(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,k.jsx)("div",{style:{width:i*w*1.1+"px"},children:(0,k.jsx)(d.tq,{slidesPerView:w,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(w),onSlideChange:()=>{(0,L.y4)({userInteractionType:z.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:v})},spaceBetween:(0,u.WGf)(h),children:f.map(((t,e)=>{const i=y()((()=>a(e)),300);return(0,k.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),a(-1)},children:i=>{let{isActive:o,isPrev:n,isNext:r,isVisible:l}=i;return l?(0,k.jsx)(R,{isOnFocus:e==s,playOnUnfocus:"40273707171"!=h||e==parseInt(w/2)&&-1==s,animateOnFocus:!0,event:t,onClick:()=>{x(t)}}):(0,k.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var B=function(t){var e;const[i,a,d]=(0,h.Z)(),[p]=(0,m.j1)("whatmorePrimaryColor"),[c]=(0,m.j1)("whatmoreShopId"),[x]=(0,m.j1)("whatmoreSecondaryColor"),[y]=(0,m.j1)("whatmoreTitleFont"),g="portrait"==i?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,o.useContext)(l.I),v=(0,m.MO)("isInDesignMode"),j=t.events,P=t.onClick,C=null!==(e=(0,u.aRS)(c))&&void 0!==e?e:y;function b(t){P(t)}return(0,o.useEffect)((()=>{(0,Z.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.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,k.jsx)(s.C,{value:T,children:(0,k.jsx)("div",{children:(0,k.jsx)(n.x,{theme:r.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,k.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:[t.heading.trim().length>0?(0,k.jsxs)("div",{className:"whatmore-events-carousel",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",C,"important"),t.style.setProperty("font-size",g+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center"},children:t.heading}),v&&(0,k.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",C,"important"),t.style.setProperty("font-size",.7*g+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:brandFonts_carouselTitleFontWeight(c),lineHeight:brandFonts_carouselTitleFontLineHeight(c),letterSpacing:brandFonts_carouselTitleFontLetterSpacing(c)},children:"(Sample videos)"})]}):(0,k.jsx)(k.Fragment,{}),"landscape"===i?(0,k.jsx)(U,{events:j,onClick:b}):(0,k.jsx)(W,{events:j,onClick:b})]})})})})}},1092:function(t,e,i){var o=i(237),n=i(9854),r=i(7753),l=i(9039),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,n.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,n.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,n.alU)(i),borderColor:(0,n.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)(o.Z,{sx:{color:(0,n.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,n.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,n.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,n.alU)(i),borderColor:(0,n.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,n.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 o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,i){var o=i(7313),n=i(9821),r=i(7129),l=i(6417);e.Z=function(t){var[e,i]=(0,n.Z)();return(0,o.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,{s:function(){return r}});var o=i(9854),n=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,n.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}},5456:function(t,e,i){i.d(e,{B:function(){return o}});const o=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 o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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 o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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 o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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 o=i(5318);e.Z=void 0;var n=o(i(5045)),r=i(6417),l=(0,n.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(){}}]);
|