whatmore-react-assets 1.0.924 → 1.0.925
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/{196.dc11d4c0.chunk.js → 196.c6608377.chunk.js} +1 -1
- package/static/js/218.45a285dd.chunk.js +1 -0
- package/static/js/{249.b52bfc24.chunk.js → 249.6f0e45d9.chunk.js} +1 -1
- package/static/js/299.8e366555.chunk.js +2 -0
- package/static/js/436.06d3e880.chunk.js +1 -0
- package/static/js/{530.197c2366.chunk.js → 530.b17a2974.chunk.js} +1 -1
- package/static/js/{580.3301e8db.chunk.js → 580.1b584d7c.chunk.js} +1 -1
- package/static/js/{582.a537c9d6.chunk.js → 582.8de0083b.chunk.js} +1 -1
- package/static/js/{587.363006d5.chunk.js → 587.ee9457be.chunk.js} +1 -1
- package/static/js/{622.46b174e2.chunk.js → 622.961fd6e8.chunk.js} +1 -1
- package/static/js/678.3934e7be.chunk.js +2 -0
- package/static/js/{691.b0bcfb24.chunk.js → 691.7780b5e9.chunk.js} +1 -1
- package/static/js/{692.b96653c9.chunk.js → 692.7f24ca54.chunk.js} +1 -1
- package/static/js/{708.08db4a17.chunk.js → 708.fad7225d.chunk.js} +1 -1
- package/static/js/{74.ff516355.chunk.js → 74.743d3276.chunk.js} +1 -1
- package/static/js/{766.18b95cb7.chunk.js → 766.5fd876f8.chunk.js} +1 -1
- package/static/js/824.df47f90c.chunk.js +1 -0
- package/static/js/{84.7a553f57.chunk.js → 84.2473dc64.chunk.js} +1 -1
- package/static/js/891.015eb403.chunk.js +1 -0
- package/static/js/{903.91caf10d.chunk.js → 903.fc0f69c6.chunk.js} +1 -1
- package/static/js/{920.cee1307f.chunk.js → 920.8431657a.chunk.js} +1 -1
- package/static/js/{965.745013a2.chunk.js → 965.a53eb182.chunk.js} +1 -1
- package/whatmore.js +2 -2
- package/static/js/218.d8ee0017.chunk.js +0 -1
- package/static/js/299.9d7c1a48.chunk.js +0 -2
- package/static/js/436.fc3b2db7.chunk.js +0 -1
- package/static/js/678.21cb6627.chunk.js +0 -2
- package/static/js/824.158ed95c.chunk.js +0 -1
- package/static/js/891.e5544b15.chunk.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[622],{3827:function(e,t,o){o.r(t);var l=o(7313),r=o(6090),a=o(7616),i=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),n=o(2575),s=o(8866),c=o(7753),h=o(7129),d=o(
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[622],{3827:function(e,t,o){o.r(t);var l=o(7313),r=o(6090),a=o(7616),i=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),n=o(2575),s=o(8866),c=o(7753),h=o(7129),d=o(5572),m=o(8631),p=o(6066),u=o(8782),g=o(9821),v=o(7381),f=o(5380),w=o(3933),x=o(9854),C=o(6417);const y=(0,n.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o,n,M]=(0,s.Z)(),[j,k,S,P,Z]=(0,g.Z)(),[O,R]=(0,l.useState)(Array(t.length).fill(0).map((()=>Math.random()))),b=(0,c.MO)("whatmoreCollectionsTileSize"),E=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),I="portrait"===o?E:b,T="portrait"==o?0:(0,c.MO)("whatmoreLandscapePadding"),L=(0,c.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:V}=(0,l.useContext)(d.I),B=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:q}=(0,l.useContext)(d.I),z=e.onClick;function A(e){z(e)}(0,l.useEffect)((()=>{(0,v.Oo)("Video shopping powered by Whatmore!")}),[]),delete a.ZP.styles.global;var D=[];for(let l=0,r=!1;l<t.length;)r&&l!=t.length-1&&O[l]>.2?(D.push((0,C.jsx)(p.Z,{mode:o,event1:t[l],event2:t[l+1],onClick:()=>{A(t[l-1])}},"collections-tile-"+l)),l+=2,r=!r):(D.push((0,C.jsx)(m.Z,{mode:o,event:t[l],onClick:()=>{A(t[l-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+l)),l+=1,r=!r);(0,l.useEffect)((()=>{d.$.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const[H,W,_]=(0,w.YD)({triggerOnce:!1});return(0,C.jsx)(i.C,{value:y,children:(0,C.jsx)("div",{className:V?"whatmore-collection-events":"whatmore-carousel-events",children:(0,C.jsx)(r.x,{theme:a.ZP,cssVarsRoot:q,resetCSS:!1,children:(0,C.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,C.jsx)("div",{ref:H,style:{marginLeft:T+"px",marginRight:T+"px"},children:(0,C.jsx)(u.P,{renderElement:e=>(0,C.jsx)(C.Fragment,{children:e.eventData}),dataList:D,spacing:L,defaultHeight:j*I*.01+"px",defaultWidth:k*I*.01+"px",retainAlreadyRenderedElements:!0})}),(0,x.dhc)(B)&&V&&!W&&-1==e.index&&(0,C.jsx)(f.Z,{event:t[0],inVideoClick:A,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}}}]);
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see 678.3934e7be.chunk.js.LICENSE.txt */
|
|
2
|
+
(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[678],{9085:function(t,e,o){"use strict";o.r(e),o.d(e,{default:function(){return B}});var n=o(7313),r=(o(3439),o(6090)),i=o(5572),s=o(7616),l=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),a=o(2575),c=o(9821),d=o(8866),p=o(2279),u=o.n(p),h=o(7753),x=o(7129),m=o(1855),f=o(9854),y=o(4522),v=o(778),g=o(4892),C=o(5945),M=o(9219),S=o(6805),w=o(8984),P=o(7053),D=o(6417);var j=function(t){var e,o,r,s,l,a,d,p,u,m,y,v,j,R;const[b,T,O,B,N]=(0,c.Z)(),I=(0,h.MO)("whatmoreShopId"),U="portrait"===N[S.YP],E=(U?1.076*T*(0,f.pEd)(I):T*(0,f.H4g)(I))+"px",F=(U?1.076*T*(0,f.pEd)(I):T*(0,f.H4g)(I))+"px",L=(U?.965*T*(0,f.pEd)(I):.859*T*(0,f.H4g)(I))+"px",[$,A]=(0,n.useState)(t.event),K=(0,h.MO)("whatmoreSecondaryColor");var k=(0,n.useContext)(x.V);const G=null===(e=t.isOnFocus)||void 0===e||e,Z=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,Y=t.onClick,{whatmoreUITheme:W}=(0,n.useContext)(i.I),H=null!==(r=t.animateOnFocus&&(0,f.iWI)(I))&&void 0!==r&&r,[V,X]=(0,n.useState)(!(0,f.N8M)(I)),z=(0,h.MO)("whatmorePrimaryFont"),_=Math.round(+(null===(s=$.products[0])||void 0===s?void 0:s.price)),J=Math.round(+(null===(l=$.products[0])||void 0===l?void 0:l.compare_price)),Q=J&&0!=J&&J>_?Math.round((J-_)/J*100):NaN,[q,tt]=(0,n.useState)(Q),[et,ot]=(0,n.useState)();return(0,n.useEffect)((()=>{(0,f.N8M)(I)&&(0,M.p_)($,(0,f.Ipo)(I),I).then((t=>{var e,o,n;A(t),(null===t||void 0===t||null===(e=t.products)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.discount)&&tt(null===t||void 0===t||null===(n=t.products[0])||void 0===n?void 0:n.discount),X(!0)}));(async()=>{var t;const e=await(0,P.p)(null===$||void 0===$||null===(t=$.products)||void 0===t?void 0:t[0],(0,f.Ipo)(I),I);ot(e)})()}),[]),(0,D.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",k.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",k.tileBottomMMargin+"px","important"))},className:H&&!U?G?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:T},onClick:()=>{Y($)},children:[(0,D.jsx)("div",{style:{borderRadius:"round"==W?"5%":"0px",boxShadow:"round"==W?"0px 0px 5px 0px #B0B0B0":null,height:b,borderWidth:(0,f.alU)(I),borderColor:(0,f.qPe)(I),overflow:"hidden"},children:(0,D.jsx)(g.Z,{height:"100%",width:"100%",url:$.thumbnail_image,isPlaying:G||Z||(0,w.gE)(),event:$})}),(0,D.jsxs)("div",{style:{display:(0,f.pvY)(I)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:"5px"},children:[(0,D.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-size",E,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",z,"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,C.s)(null===(a=$.products[0])||void 0===a?void 0:a.title)}),V&&(0,f.QaY)(I)&&(0,D.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,f.$zZ)(I)?"row":"row-reverse",justifyContent:(0,f.$zZ)(I)?"flex-start":"flex-end"},children:[(0,D.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,f.Uyp)(I),"important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("font-family",z,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,f.rPP)(I)?"normal":"bold"},children:(0,M.jx)(parseFloat(null!==(d=null===et||void 0===et?void 0:et.price)&&void 0!==d?d:null===$||void 0===$||null===(p=$.products)||void 0===p||null===(u=p[0])||void 0===u?void 0:u.price)," ",I,null===(m=$.products[0])||void 0===m?void 0:m.currency)}),!isNaN(J)&&J>_&&(0,D.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,f.kPs)(I),"important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("font-family",z,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,M.jx)(parseFloat(null!==(y=null===et||void 0===et?void 0:et.compare_at_price)&&void 0!==y?y:null===$||void 0===$||null===(v=$.products)||void 0===v||null===(j=v[0])||void 0===j?void 0:j.compare_price)," ",I,null===(R=$.products[0])||void 0===R?void 0:R.currency)})]}),(0,f.QaY)(I)&&!isNaN(q)&&0!=q&&V&&(0,D.jsx)("div",{style:{display:(0,f.aKo)(I)?"flex":"none",backgroundColor:"green"==(0,f.ZJm)(I)?"#343434"==K?(0,f.ZJm)(I):K:(0,f.ZJm)(I),alignItems:"center",borderRadius:(0,f.CF_)(I)+"px",width:"fit-content",padding:(0,f.Spx)(I)?"3px 6px":"0px"},children:(0,f.Spx)(I)?(0,D.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,f.mso)(I),"important"),t.style.setProperty("font-size",L,"important"),t.style.setProperty("font-family",z,"important"))},children:"".concat(q,"% Off")}):(0,D.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,f.aUT)(I),"important"),t.style.setProperty("font-size",L,"important"),t.style.setProperty("font-family",(0,f.V3Y)(I),"important"))},children:(0,f.sG7)(I)})})]})]})},R=o(7381);const b=(0,a.Z)({key:"whatmore-css-hv"});function T(t){const[e,o,r]=(0,c.Z)(),s=(0,h.MO)("whatmoreShopId"),l=t.events,a=t.onClick,{whatmoreWidgetSourceDetails:d}=(0,n.useContext)(i.I),p=Math.ceil(r),u=2*p,[x,g]=(0,n.useState)(u),[C,M]=(0,n.useState)(2*p),S=0===(0,f.WGf)(s)?24:(0,f.WGf)(s),[w,P]=(0,n.useState)({touchX:0,touchY:0}),R=()=>(0,D.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),b=()=>(0,D.jsx)("div",{style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),T=t=>{if("next"===t){const t=2;M((t=>Math.min(t+Math.floor(r),l.length+p+1))),g((e=>Math.min(e+t,l.length+p+1)))}else M((t=>Math.max(t-Math.floor(r),u)));(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:d})};return(0,D.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:t=>{P({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)-w.touchX,s=(null===(n=t.changedTouches)||void 0===n||null===(r=n[0])||void 0===r?void 0:r.clientY)-w.touchY;Math.sqrt(i**2+s**2)>10&&Math.abs(i)>Math.abs(s)&&T(i>0?"prev":"next")},children:[(0,f.Yxs)(s)&&(0,D.jsxs)(D.Fragment,{children:[C<=l.length+p&&(0,D.jsx)("div",{onClick:()=>T("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,D.jsx)(R,{})}),C>2*p&&(0,D.jsx)("div",{onClick:()=>T("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,D.jsx)(b,{})})]}),(0,D.jsx)("div",{style:{display:"flex",gap:S,transform:"translateX(-".concat((C-u)*(o+S),"px)"),transition:"transform 0.4s ease-in-out"},children:l.map(((t,e)=>e<x?(0,D.jsx)("div",{children:(0,D.jsx)(j,{isOnFocus:e<=C-p-1&&e>=Math.max(0,C-u),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>a(t)})},"whatmore-carousel-tile-".concat(e)):(0,D.jsx)(m.Z,{})))})]})}function O(t){const[e,o,r,s]=(0,c.Z)(),[l,a]=(0,n.useState)(-1),d=(0,h.MO)("whatmoreShopId"),[p,x]=(0,n.useState)("next"),m=t.onClick,g=t.events,{whatmoreWidgetSourceDetails:C}=(0,n.useContext)(i.I),M=Math.min(Math.ceil(r),g.length),[S,w]=(0,n.useState)(0),P=0===(0,f.WGf)(d)?24:(0,f.WGf)(d),R=()=>(0,D.jsx)("div",{children:(0,D.jsx)("button",{onClick:B,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),b=()=>(0,D.jsx)("div",{children:(0,D.jsx)("button",{onClick:O,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,D.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{S<=M&&w((t=>t+M))}),[M]);const T=()=>{a(-1)},O=()=>{S!==M&&(x("prev"),w((t=>Math.max(Math.ceil(t-r),M))),(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},B=()=>{S>g.length+r||(x("next"),w((t=>Math.floor(t+r))),(0,y.y4)({userInteractionType:v.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}))},N=S>g.length?g.length-M+1:S-M,I=S>=g.length?g.length:N+M,U=g.slice(N,I);return(0,D.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"".concat(s,"px"),paddingRight:"".concat(s,"px")},children:[g.length>=r-1&&(0,D.jsx)("div",{style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateX(50%) translateY(-65%)"},children:S!==M&&(0,D.jsx)(b,{})}),(0,D.jsx)("div",{style:{display:"flex",gap:P+"px",width:"".concat(o*r*(0,f.Su5)(d),"px"),paddingLeft:"8px",justifyContent:g.length<=r-1?"center":"flex-start",overflow:"hidden"},children:U.map(((t,e)=>{const o="whatmore-event-tile-landscape-".concat(t.index).concat(e===M-1?"-last":""),n=e===l;return(0,D.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-".concat("next"===p?"next":"prev"),onMouseEnter:()=>(t=>{const e=u()((()=>a(t)),300);return e(),e.cancel})(e),onMouseLeave:T,children:(0,D.jsx)(j,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{m(t)})(t)})},o)}))}),g.length>=r-1&&(0,D.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:s+"px",transform:"translateY(-65%)"},children:S<=g.length&&(0,D.jsx)(R,{})})]})}var B=function(t){const[e,o,a]=(0,d.Z)(),[c]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[m]=(0,h.j1)("whatmoreTitleFont"),y="portrait"==e?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,n.useContext)(i.I),g=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(i.I),M=t.events,S=t.onClick,w=m;function P(t){S(t)}return(0,n.useEffect)((()=>{(0,R.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 s.ZP.styles.global,(0,D.jsx)(l.C,{value:b,children:(0,D.jsx)("div",{className:"whatmore-carousel-events",children:(0,D.jsx)(r.x,{theme:s.ZP,cssVarsRoot:v,resetCSS:!1,children:(0,D.jsxs)(x.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||C?(0,D.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,D.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",w,"important"),t.style.setProperty("font-size",y+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(c),lineHeight:(0,f.vY4)(c),letterSpacing:(0,f.X2K)(c)},children:C?"W"!==g?g:"":t.heading})}):(0,D.jsx)(D.Fragment,{}),"landscape"===e?(0,D.jsx)(O,{events:M,onClick:P}):(0,D.jsx)(T,{events:M,onClick:P})]})})})})}},7129:function(t,e,o){"use strict";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){"use strict";var n=o(7313),r=o(9821),i=o(7129),s=o(6417);e.Z=function(t){var[e,o]=(0,r.Z)();return(0,n.useContext)(i.V),t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:o,height:e,overflow:"hidden"}})}},6040:function(t,e,o){const n=o(500);t.exports=function(t){if("string"!==typeof t)return;const e=t.toUpperCase();return Object.prototype.hasOwnProperty.call(n,e)?n[e]:void 0},t.exports.currencySymbolMap=n},500:function(t){t.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNH:"\xa5",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},3439:function(){},5892:function(){},4444:function(){},8507:function(t,e){"use strict";function o(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)t[n]=o[n]}return t}var n=function t(e,n){function r(t,r,i){if("undefined"!==typeof document){"number"===typeof(i=o({},n,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var l in i)i[l]&&(s+="; "+l,!0!==i[l]&&(s+="="+i[l].split(";")[0]));return document.cookie=t+"="+e.write(r,t)+s}}return Object.create({set:r,get:function(t){if("undefined"!==typeof document&&(!arguments.length||t)){for(var o=document.cookie?document.cookie.split("; "):[],n={},r=0;r<o.length;r++){var i=o[r].split("="),s=i.slice(1).join("=");try{var l=decodeURIComponent(i[0]);if(n[l]=e.read(s,l),t===l)break}catch(a){}}return t?n[t]:n}},remove:function(t,e){r(t,"",o({},e,{expires:-1}))},withAttributes:function(e){return t(this.converter,o({},this.attributes,e))},withConverter:function(e){return t(o({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(e)}})}({read:function(t){return'"'===t[0]&&(t=t.slice(1,-1)),t.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(t){return encodeURIComponent(t).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});e.Z=n}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[691,12],{1332:function(t,e,n){var o=n(7313),c=(n(8743),n(7753)),a=n(5254),r=n(6417);e.Z=function(t){return(0,o.useEffect)((()=>{const t=(0,a.oo)((0,c.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const c="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(c,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(c,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(c,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(c,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(c,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(c,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(c,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(c,";\n }\n }\n "),r=document.createElement("style");r.type="text/css",r.innerHTML=a,document.head.appendChild(r)}(t[0],t[1],t[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},3867:function(t,e,n){var o=n(8816),c=n(417),a=n(4885),r=n(7753),i=n(8811),s=n(7313),m=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[l]=(0,r.j1)("whatmoreSecondaryColor"),[d,u]=(0,r.j1)("productRatings"),h=(0,r.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),f=(t.productLink,t.fontSize),g=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(p in d)||d[p].avgRating>5)return(0,m.jsx)(m.Fragment,{});const v=d[p].avgRating,y=d[p].totalRatings;return(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((t,e)=>(0,m.jsx)(o.Z,{sx:{color:l,fontSize:f+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,m.jsx)(c.Z,{sx:{color:l,fontSize:f+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(a.Z,{sx:{color:l,fontSize:f+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,m.jsx)(a.Z,{sx:{color:l,fontSize:f+"px"}},"star-outline-icon-"+e))),(0,m.jsx)("div",{children:(0,m.jsx)("div",{width:"2px"})}),(0,m.jsx)("div",{children:(0,m.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*f+"px","important"),t.style.setProperty("font-family",h,"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",v,"\xa0"]})})}),(0,m.jsx)("div",{children:(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",g,"important"),t.style.setProperty("font-size",.8*f+"px","important"),t.style.setProperty("font-family",h,"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","("+y+")"]})})]})})}},3175:function(t,e,n){var o=n(1332),c=n(5180),a=n(6417);e.Z=function(t){var e,n;const r=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,a.jsxs)("div",{style:{width:i,height:r,overflow:"hidden",minHeight:r,minWidth:i},children:[(0,a.jsx)(c.Z,{height:r,width:i}),(0,a.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,a.jsx)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,c;const a=null!==(e=t.height)&&void 0!==e?e:"100%",r=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(c=t.borderRadius)&&void 0!==c?c:"10px";return(0,o.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,o.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),c=n(3175),a=n(6417);e.Z=function(t){var e,n,r;const[i,s]=(0,o.useState)(!1),m=o.useRef(0),l=(0,o.useRef)(null),d=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},u=null!==(n=t.height)&&void 0!==n?n:"100%",h=null!==(r=t.width)&&void 0!==r?r:"100%";return(0,o.useEffect)((()=>{m.current=0;const t=setInterval((()=>{m.current=m.current+.03,l.current&&d(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:u,overflow:"hidden"},children:[(0,a.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,a.jsx)("img",{ref:l,src:t.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(c.Z,{width:h,height:u})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return p}});var o=n(7313),c=n(3933),a=n(868),r=n(8984),i=n(7300),s=n(2887),m=n(4862),l=n(7753),d=n(342),u=n(6417);var h=function(t){var e,n;const a=(0,o.useRef)(null),[i,s,h]=(0,c.YD)({triggerOnce:!0}),p=(0,l.MO)("whatmoreShopId"),f=null!==(e=t.height)&&void 0!==e?e:"100%",g=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{a.current&&(t.isPlaying?a.current.play():((m.G6||(0,r.gE)())&&a.current.play(),a.current.pause()))}),[t.isPlaying,s]),(0,u.jsx)("div",{ref:i,style:{width:f,height:g,overflow:"hidden"},children:s?(0,u.jsxs)("video",{ref:a,className:"whatmore-video-player-muted",width:g,height:f,preload:"metadata",loop:!0,playsInline:!0,poster:t.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?t.url:t.poster,muted:!0,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:t.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(t.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:g,height:f,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var p=function(t){var e,n,m,l;const[p,f,g]=(0,c.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,u.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const v=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;var y;if((0,r.KE)())return(0,u.jsx)(h,{height:"100%",width:"100%",poster:null===t||void 0===t||null===(y=t.event)||void 0===y?void 0:y.poster_image,url:(0,a.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:v});const b=(0,o.useRef)(null),w=null!==(n=t.height)&&void 0!==n?n:"100%",x=null!==(m=t.width)&&void 0!==m?m:"100%";return(0,o.useEffect)((()=>{b.current&&(t.isPlaying?b.current.play():b.current.pause())}),[t.isPlaying,f]),(0,u.jsx)("div",{ref:p,style:{width:w,height:x,overflow:"hidden"},children:f?(0,u.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:x,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===t||void 0===t||null===(l=t.event)||void 0===l?void 0:l.poster_image,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:(0,a.V)(t.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(t.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:x,height:w,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),c=n(7753);const a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},r={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},i=function(t){const e=(0,c.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zpr)(e))return t;if("AZURECDN"==(0,o.zpr)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(a))if(t.includes(e))return t.replace(e,a[e]);return t}}if("BUNNYCDN"==(0,o.zpr)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}return t}},342:function(t,e,n){n.d(e,{$W:function(){return i},WN:function(){return r},uv:function(){return a},vW:function(){return s}});var o=n(9854);const c=(0,n(7753).MO)("whatmoreShopId"),a=function(t){var e;return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.portrait.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.portrait.content_video_1080p?t.event_media_urls.secondary.portrait.content_video_1080p:null!==(e=t.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==e?e:null:t.event_hls_url},r=function(t){return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.landscape.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.landscape.content_video_1080p?t.event_media_urls.secondary.landscape.content_video_1080p:t.event_media_urls.primary.landscape.content_video_1080p:t.event_hls_url},i=function(t){if(t.startsWith("https://cdn.shopify.com")&&t.includes("whatmore_")){const e=(0,o.QFt)(c);if(!e)return t;const n=t.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-video-assets-720p.b-cdn.net/".concat(e,"/").concat(n)}return t},s=function(t){if(t.startsWith("https://cdn.shopify.com")&&t.includes("whatmore_")){const e=(0,o.QFt)(c);if(!e)return t;const n=t.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-thumbnail-video-assets.b-cdn.net/".concat(e,"/").concat(n)}return t}},9363:function(t,e,n){n.d(e,{$:function(){return r},s:function(){return a}});var o=n(9854),c=n(7753);function a(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,c.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(n)?"STRNV8MHJTF"==n?t+"?format=webp":t:t+e}function r(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,c=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(n)?"image":null!==c&&void 0!==c&&c.test(n)?"video":void 0}},5456:function(t,e,n){n.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))}},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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=r},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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=r},417:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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=r},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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=r},8743:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[691,12],{1332:function(t,e,n){var o=n(7313),c=(n(8743),n(7753)),a=n(5254),r=n(6417);e.Z=function(t){return(0,o.useEffect)((()=>{const t=(0,a.oo)((0,c.MO)("whatmoreSecondaryColor"));!function(t,e,n,o){const c="rgba(".concat(t,",").concat(e,",").concat(n,",").concat(o,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(c,", 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(c,", 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(c,", 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(c,", 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(c,", -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(c,", -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(c,", -1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(t,", ").concat(e,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(c,";\n }\n }\n "),r=document.createElement("style");r.type="text/css",r.innerHTML=a,document.head.appendChild(r)}(t[0],t[1],t[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})}},3867:function(t,e,n){var o=n(8816),c=n(417),a=n(4885),r=n(7753),i=n(5572),s=n(7313),m=n(6417);e.Z=function(t){var e;const{whatmoreUITheme:n}=(0,s.useContext)(i.I),[l]=(0,r.j1)("whatmoreSecondaryColor"),[d,u]=(0,r.j1)("productRatings"),h=(0,r.MO)("whatmorePrimaryFont"),p=(t.storeId,t.productId),f=(t.productLink,t.fontSize),g=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(p in d)||d[p].avgRating>5)return(0,m.jsx)(m.Fragment,{});const v=d[p].avgRating,y=d[p].totalRatings;return(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(v))].map(((t,e)=>(0,m.jsx)(o.Z,{sx:{color:l,fontSize:f+"px"}},"star-icon"+e))),v-Math.floor(v)>.2?(0,m.jsx)(c.Z,{sx:{color:l,fontSize:f+"px"}},"star-half-icon"):v-Math.floor(v)==0?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(a.Z,{sx:{color:l,fontSize:f+"px"}},"star-outline-icon"),[...Array(Math.floor(5-v))].map(((t,e)=>(0,m.jsx)(a.Z,{sx:{color:l,fontSize:f+"px"}},"star-outline-icon-"+e))),(0,m.jsx)("div",{children:(0,m.jsx)("div",{width:"2px"})}),(0,m.jsx)("div",{children:(0,m.jsx)("div",{style:{backgroundColor:l,borderRadius:"round"==n?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*f+"px","important"),t.style.setProperty("font-family",h,"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",v,"\xa0"]})})}),(0,m.jsx)("div",{children:(0,m.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",g,"important"),t.style.setProperty("font-size",.8*f+"px","important"),t.style.setProperty("font-family",h,"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","("+y+")"]})})]})})}},3175:function(t,e,n){var o=n(1332),c=n(5180),a=n(6417);e.Z=function(t){var e,n;const r=null!==(e=t.height)&&void 0!==e?e:"100%",i=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,a.jsxs)("div",{style:{width:i,height:r,overflow:"hidden",minHeight:r,minWidth:i},children:[(0,a.jsx)(c.Z,{height:r,width:i}),(0,a.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,a.jsx)(o.Z,{})})})]})}},5180:function(t,e,n){var o=n(6417);e.Z=function(t){var e,n,c;const a=null!==(e=t.height)&&void 0!==e?e:"100%",r=null!==(n=t.width)&&void 0!==n?n:"100%",i=null!==(c=t.borderRadius)&&void 0!==c?c:"10px";return(0,o.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,o.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},2887:function(t,e,n){var o=n(7313),c=n(3175),a=n(6417);e.Z=function(t){var e,n,r;const[i,s]=(0,o.useState)(!1),m=o.useRef(0),l=(0,o.useRef)(null),d=null!==(e=t.timeUpdateCallback)&&void 0!==e?e:()=>{},u=null!==(n=t.height)&&void 0!==n?n:"100%",h=null!==(r=t.width)&&void 0!==r?r:"100%";return(0,o.useEffect)((()=>{m.current=0;const t=setInterval((()=>{m.current=m.current+.03,l.current&&d(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(t)}}),[t.isPlaying]),(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:u,overflow:"hidden"},children:[(0,a.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,a.jsx)("img",{ref:l,src:t.url,style:{objectFit:"cover",height:u,width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{s(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(c.Z,{width:h,height:u})]})}},4892:function(t,e,n){n.d(e,{Z:function(){return p}});var o=n(7313),c=n(3933),a=n(868),r=n(8984),i=n(7300),s=n(2887),m=n(4862),l=n(7753),d=n(342),u=n(6417);var h=function(t){var e,n;const a=(0,o.useRef)(null),[i,s,h]=(0,c.YD)({triggerOnce:!0}),p=(0,l.MO)("whatmoreShopId"),f=null!==(e=t.height)&&void 0!==e?e:"100%",g=null!==(n=t.width)&&void 0!==n?n:"100%";return(0,o.useEffect)((()=>{a.current&&(t.isPlaying?a.current.play():((m.G6||(0,r.gE)())&&a.current.play(),a.current.pause()))}),[t.isPlaying,s]),(0,u.jsx)("div",{ref:i,style:{width:f,height:g,overflow:"hidden"},children:s?(0,u.jsxs)("video",{ref:a,className:"whatmore-video-player-muted",width:g,height:f,preload:"metadata",loop:!0,playsInline:!0,poster:t.isPlaying&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?t.url:t.poster,muted:!0,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:t.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(t.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:g,height:f,ref:t=>{t&&t.style.setProperty("display","block","important")}})})};var p=function(t){var e,n,m,l;const[p,f,g]=(0,c.YD)({triggerOnce:!0});if((0,i.WJ)(t.event))return(0,u.jsx)(s.Z,{height:t.height,width:t.width,url:t.url,isPlaying:t.isPlaying,timeUpdateCallback:t.timeUpdateCallback});const v=null!==(e=t.pauseFromPlayTimeInMs)&&void 0!==e?e:200;var y;if((0,r.KE)())return(0,u.jsx)(h,{height:"100%",width:"100%",poster:null===t||void 0===t||null===(y=t.event)||void 0===y?void 0:y.poster_image,url:(0,a.V)(t.url),isPlaying:t.isPlaying,pauseFromPlayTimeInMs:v});const b=(0,o.useRef)(null),w=null!==(n=t.height)&&void 0!==n?n:"100%",x=null!==(m=t.width)&&void 0!==m?m:"100%";return(0,o.useEffect)((()=>{b.current&&(t.isPlaying?b.current.play():b.current.pause())}),[t.isPlaying,f]),(0,u.jsx)("div",{ref:p,style:{width:w,height:x,overflow:"hidden"},children:f?(0,u.jsxs)("video",{ref:b,className:"whatmore-video-player-muted",width:x,height:w,preload:"metadata",loop:!0,playsInline:!0,muted:!0,poster:null===t||void 0===t||null===(l=t.event)||void 0===l?void 0:l.poster_image,style:{backgroundColor:"white"},children:[(0,u.jsx)("source",{src:(0,a.V)(t.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,d.vW)(t.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:x,height:w,ref:t=>{t&&t.style.setProperty("display","block","important")}})})}},868:function(t,e,n){n.d(e,{V:function(){return i}});var o=n(9854),c=n(7753);const a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},r={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},i=function(t){const e=(0,c.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,o.zpr)(e))return t;if("AZURECDN"==(0,o.zpr)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(a))if(t.includes(e))return t.replace(e,a[e]);return t}}if("BUNNYCDN"==(0,o.zpr)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(r))if(t.includes(e))return t.replace(e,r[e]);return t}}return t}},342:function(t,e,n){n.d(e,{$W:function(){return i},WN:function(){return r},uv:function(){return a},vW:function(){return s}});var o=n(9854);const c=(0,n(7753).MO)("whatmoreShopId"),a=function(t){var e;return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.portrait.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.portrait.content_video_1080p?t.event_media_urls.secondary.portrait.content_video_1080p:null!==(e=t.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==e?e:null:t.event_hls_url},r=function(t){return"event_media_urls"in t?"image"===t.event_type?t.event_media_urls.primary.landscape.content_image_original:"secondary"in t.event_media_urls&&t.event_media_urls.secondary.landscape.content_video_1080p?t.event_media_urls.secondary.landscape.content_video_1080p:t.event_media_urls.primary.landscape.content_video_1080p:t.event_hls_url},i=function(t){if(t.startsWith("https://cdn.shopify.com")&&t.includes("whatmore_")){const e=(0,o.QFt)(c);if(!e)return t;const n=t.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-video-assets-720p.b-cdn.net/".concat(e,"/").concat(n)}return t},s=function(t){if(t.startsWith("https://cdn.shopify.com")&&t.includes("whatmore_")){const e=(0,o.QFt)(c);if(!e)return t;const n=t.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-thumbnail-video-assets.b-cdn.net/".concat(e,"/").concat(n)}return t}},9363:function(t,e,n){n.d(e,{$:function(){return r},s:function(){return a}});var o=n(9854),c=n(7753);function a(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,c.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(n)?"STRNV8MHJTF"==n?t+"?format=webp":t:t+e}function r(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const n=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,c=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(n)?"image":null!==c&&void 0!==c&&c.test(n)?"video":void 0}},5456:function(t,e,n){n.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))}},9723:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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=r},8816:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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=r},417:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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=r},4885:function(t,e,n){var o=n(5318);e.Z=void 0;var c=o(n(5045)),a=n(6417),r=(0,c.default)((0,a.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=r},8743:function(){},123:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[692],{3388:function(e,t,i){i.d(t,{OC:function(){return l},e8:function(){return r},kT:function(){return n},kW:function(){return a},xg:function(){return o}});const n=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},o=function(e,t){return!(void 0==e.products||0==e.products.length)},r=function(e,t){if(null!=e)return e.filter((e=>1==n(e)))},a=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const l=function(e,t){var i;if(null==e)return[];if(!("eventsets"in e))return[];const n=null!==(i=e.eventsets[t])&&void 0!==i?i:null;return n?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(n):[]}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),a=i(6805),l=i(7753),s=i(9821);var d=function(e){const[t,i,n,o,r]=(0,s.Z)(),[d]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$w?c/100:d/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),u=i(1195),x=i(7108),f=(i(7244),i(123),i(9854)),g=i(
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[692],{3388:function(e,t,i){i.d(t,{OC:function(){return l},e8:function(){return r},kT:function(){return n},kW:function(){return a},xg:function(){return o}});const n=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},o=function(e,t){return!(void 0==e.products||0==e.products.length)},r=function(e,t){if(null!=e)return e.filter((e=>1==n(e)))},a=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const l=function(e,t){var i;if(null==e)return[];if(!("eventsets"in e))return[];const n=null!==(i=e.eventsets[t])&&void 0!==i?i:null;return n?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(n):[]}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),a=i(6805),l=i(7753),s=i(9821);var d=function(e){const[t,i,n,o,r]=(0,s.Z)(),[d]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$w?c/100:d/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),u=i(1195),x=i(7108),f=(i(7244),i(123),i(9854)),g=i(5572),m=i(6417);var v=function(e){var t;const i=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:w}=(0,o.useContext)(g.I),[j]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[b]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[I]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),_=(0,l.MO)("whatmoreShopId");var C=b,P=y,k=S;v[a.YP]===a.$w&&(C=I,P=E,k=z);const[L,O]=(0,o.useState)(["initial",window.pageYOffset]),[A,T]=(0,o.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,f.zGA)(_):(0,f.zGA)(_),B=M?V:1;s*=B,h*=B;const F=M?(0,f.G0o)(_):C,R=M?(0,f.X8j)(_):(0,f.lVn)(_),[Z,D]=(0,o.useState)(!M&&(0,f.eXi)(_));function N(e,t){O(e),e[1]<=100?T(!1):t!=A&&(T(t),D(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(N([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)}),[L]),(0,n.O3)({ref:i,handler:()=>{N(["scrolled-up",L[1]],!0)}});const Y=e.event,W=e.inVideoClick,$=e.closeClick,G=.3*h,H=.6*h,K=.1*h,U=.1*(.5*h),X="round"==w?"10px":"0px",q=(0,f.Z$A)(_);var J=!1,Q=0,ee=0;function te(e){J=e}return(0,m.jsx)("div",{children:Z&&!R?(0,m.jsx)(m.Fragment,{}):A&&R?(0,m.jsx)("div",{style:"left"===F?{left:"1px",bottom:M?(0,f.vnu)(_)+"px":k+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:M?(0,f.vnu)(_)+"px":k+"px",position:"fixed",zIndex:q},children:(0,m.jsxs)("div",{onClick:()=>{N(["initial",L[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===F?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,m.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden"},children:(0,m.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,m.jsx)(r.Z,{url:Y.thumbnail_image,isPlaying:!1,event:Y})})}),(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,m.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,m.jsx)(u.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:G+"px"},style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"},onClick:$})})}),(0,m.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,m.jsx)(x.Z,{sx:{color:"white",fontSize:2*G+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,m.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)=>{J&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(Y)},children:(0,m.jsx)("div",{ref:i,style:"left"===F?{left:M?(0,f.$II)(_)+"px":P+"px",bottom:M?(0,f.vnu)(_)+"px":k+"px",position:"fixed",zIndex:q}:{right:M?(0,f.$II)(_)+"px":P+"px",bottom:M?(0,f.vnu)(_)+"px":k+"px",position:"fixed",zIndex:q},children:(0,m.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:h+"px",height:s+"px"}),className:"left"===F?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,m.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden",position:"relative"},children:(0,m.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,m.jsx)(r.Z,{url:Y.thumbnail_image,isMuted:!0,isPlaying:!0,event:Y})})}),(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,m.jsx)(u.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:G+"px"},onClick:$,style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"}})}),(0,m.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,m.jsx)(c.Z,{sx:{color:(0,f.Ya_)(_),fontSize:H+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,m.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:X,borderBottomRightRadius:X,backgroundImage:j?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,m.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*G+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",j]})})]})})]})})})})}},2209:function(e,t,i){i.r(t);var n=i(7313),o=i(9854),r=i(2860),a=i(7753),l=i(5160),s=i(6967),d=i(5380),c=i(58),h=i(8984),p=i(4669),u=i(513),x=i(9302),f=i(7381),g=i(2575),m=i(7300),v=i(6524),w=i(3388),j=i(7643),b=i(778),y=i(5572),S=i(6417);const I=(0,g.Z)({key:"whatmore-css-wsv"}),E=n.lazy((()=>Promise.all([i.e(819),i.e(576),i.e(351),i.e(955),i.e(926),i.e(824),i.e(218),i.e(587)]).then(i.bind(i,3218))));t.default=function(e){const[t,i]=(0,n.useState)(),[g,z]=(0,n.useState)(),[_]=(0,a.j1)("isInDesignMode"),[C]=(0,a.j1)("isDemoBrand"),[P,k]=(0,n.useState)(-2),[L]=(0,a.j1)("whatmoreShopId"),O=(0,a.MO)("isLandingSharedLink"),A=(0,a.MO)("whatmoreShareTemplateId"),T=((0,a.MO)("whatmoreShareStoryId"),(0,a.MO)("whatmoreShareEventId")),M=(0,a.MO)("whatmoreLandingLocationType"),V=(0,a.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:B}=(0,n.useContext)(y.I);var F=(0,o.efR)(L)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,n.useEffect)((()=>{(0,s.hb)()}),[]),(0,n.useEffect)((()=>{(0,p.ll)(L)}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||g||!(0,h.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,n.useEffect)((()=>{k(-1);const e=v.NX,t=(0,v.H1)(M),n=F.toString()+L.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+L;fetch(n).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(i(e),e))).catch((e=>{z(e.message)}))}),[]),(0,n.useEffect)((()=>{k(-2)}),[t]),(0,n.useEffect)((()=>{null==t||0==t.length||g||O&&"template-embed"==(0,v.zv)(A)&&null!=T&&t.forEach(((e,t)=>{T==e.event_id&&D(e,!0,t)}))}),[t]);const R=B.landingLocationType,Z=B.templateType,D=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,h.KE)()&&!t&&(0,c.QV)(),(0,m.B6)(e)||(0,m.WJ)(e))return _||C||(async()=>{const t=(0,v.NY)(R)+(0,v.dS)(Z)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,l.wh)(e),(0,p.Tc)(L,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup",t)})(),void k(i)};function N(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||g?(0,S.jsx)("div",{}):(V&&(0,f.EI)(t),(0,o.B$L)(L)&&P<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,S.jsx)(S.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,S.jsx)(x.C,{value:I,children:-1===P||0===t.length?(0,S.jsx)(N,{}):-2===P&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(j.u,{userInteractionType:b.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!_&&!C,children:(0,S.jsx)(d.Z,{event:t[0],inVideoClick:D,closeClick:e=>{e.stopPropagation(),k(-1)},isSpotlight:!0})})}):(0,S.jsx)("div",{children:(0,S.jsx)(n.Suspense,{children:(0,S.jsx)(j.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!_&&!C,children:(0,S.jsx)(E,{events:t,index:P,onBack:function(){(0,o.n2L)(L)&&(0,a.MO)("whatmoreAddedToCart")&&(0,u.D)(L,(()=>{}),100,window.location.hostname),k(-2)},template:"template-embed"})})})})})))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[708],{1291:function(e,t,i){i.r(t);var o=i(7313),n=i(6090),r=i(7616),l=i(8811),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),p=i(7129),h=i(8631),x=i(9821),m=i(8782),u=i(7381),f=i(9854),w=i(5380),v=i(3933),g=i(6417);const y=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i,s,j]=(0,d.Z)(),[b,S,C,P,E]=(0,x.Z)(),z=(0,c.MO)("whatmoreCollectionsTileSize"),k=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),L="portrait"===i?k:z,R="portrait"==i?0:(0,c.MO)("whatmoreLandscapePadding"),I=(0,c.MO)("whatmoreCollectionsTilesSpacing"),M=(0,c.MO)("whatmoreShopId"),[A]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:O}=(0,o.useContext)(l.I),{whatmoreIsCollectionsTemplate:Z}=(0,o.useContext)(l.I),F=e.events,V=e.onClick,B=(0,c.MO)("whatmoreTitleFont"),T="portrait"==i?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),D=null!==(t=(0,f.aRS)(M))&&void 0!==t?t:B;function N(e){V(e)}delete r.ZP.styles.global;const Y=.055*S;var H=[];for(let o=0;o<F.length;)H.push((0,g.jsx)(h.Z,{mode:i,event:F[o],onClick:()=>{N(F[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:Y},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,u.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-e"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]);const[W,X,$]=(0,v.YD)({triggerOnce:!1});return(0,g.jsx)(a.C,{value:y,children:(0,g.jsx)("div",{className:Z?"whatmore-collection-events":"whatmore-carousel-events",children:(0,g.jsx)(n.x,{theme:r.ZP,cssVarsRoot:O,resetCSS:!1,children:(0,g.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!Z&&(0,f.wXY)(M)?(0,g.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",D,"important"),e.style.setProperty("font-size",T+"px","important"))},style:{color:A,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(M),lineHeight:(0,f.vY4)(M),letterSpacing:(0,f.X2K)(M)},children:e.heading})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{ref:W,style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,g.jsx)(m.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:H,spacing:I,defaultHeight:b*L*.01+"px",defaultWidth:S*L*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(M)&&Z&&!X&&-1==e.index&&(0,g.jsx)(w.Z,{event:F[0],inVideoClick:N,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),s=i(9821),d=i(8811),c=i(6417);t.Z=function(e){var t;const[i,p,h,x,m]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[f]=(0,r.j1)("whatmoreShopId"),[w]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:w,y=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:j}=(0,o.useContext)(d.I),[b,S]=(0,o.useState)(!1),C=(0,n.f63)(f),P=j.landingLocationType;(0,o.useContext)(a.V);const E=e.event,z=e.onClick,k=e.removeBorders,L=i*g*.01,R=p*g*.01,I=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,c.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n.XnJ)(f)?"auto":R+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":(0,n.VwM)(f)+"px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{S(!0),z(E)},className:[b?"whatmore-scale-on-tap":""].join(" "),children:[(0,c.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:I,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+C+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+C+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+C+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+C+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":R+"px",borderRadius:I,backgroundColor:"gray",overflow:"hidden"},children:(0,c.jsx)(l.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})}),P.startsWith("product")&&(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,c.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-size",(null!==(i=e.fontSize)&&void 0!==i?i:10)+"px","important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:null===E||void 0===E?void 0:E.title})})]})}},8782:function(e,t,i){i.d(t,{P:function(){return a}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:n}=(0,o.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,n.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function o(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 n(o){if(!i)return;const n=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-n);e.scrollLeft+=r,t=n}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",n),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",n),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 o=i(4959),n=i(7313),r=i(4892),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,o,n,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*p,i*p,r]},c=i(9723),p=i(9461),h=i.n(p),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(8811),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[s,p,v]=d();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var k=j,L=b,R=S;v[l.YP]===l.$w&&(k=C,L=P,R=E);const[I,M]=(0,n.useState)(["initial",window.pageYOffset]),[A,O]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,F=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),V=Z?F:1;s*=V,p*=V;const B=Z?(0,u.G0o)(z):k,T=Z?(0,u.X8j)(z):(0,u.lVn)(z),[D,N]=(0,n.useState)(!Z&&(0,u.eXi)(z));function Y(e,t){M(e),e[1]<=100?O(!1):t!=A&&(O(t),N(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(Y([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[I]),(0,o.O3)({ref:i,handler:()=>{Y(["scrolled-up",I[1]],!0)}});const H=e.event,W=e.inVideoClick,X=e.closeClick,$=.3*p,q=.6*p,_=.1*p,G=.1*(.5*p),J="round"==g?"10px":"0px",K=(0,u.Z$A)(z);var U=!1,Q=0,ee=0;function te(e){U=e}return(0,w.jsx)("div",{children:D&&!T?(0,w.jsx)(w.Fragment,{}):A&&T?(0,w.jsx)("div",{style:"left"===B?{left:"1px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{onClick:()=>{Y(["initial",I[1]],!1)},style:{margin:"1px",width:p+"px",height:s+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(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 15px 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 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{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,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===B?{left:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K}:{right:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:s+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(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 15px 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_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,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
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[708],{1291:function(e,t,i){i.r(t);var o=i(7313),n=i(6090),r=i(7616),l=i(5572),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),p=i(7129),h=i(8631),x=i(9821),m=i(8782),u=i(7381),f=i(9854),w=i(5380),v=i(3933),g=i(6417);const y=(0,s.Z)({key:"whatmore-css-cv"});t.default=function(e){var t;const[i,s,j]=(0,d.Z)(),[b,S,C,P,E]=(0,x.Z)(),z=(0,c.MO)("whatmoreCollectionsTileSize"),k=(0,c.MO)("whatmoreCollectionsTileSizePortrait"),L="portrait"===i?k:z,R="portrait"==i?0:(0,c.MO)("whatmoreLandscapePadding"),I=(0,c.MO)("whatmoreCollectionsTilesSpacing"),M=(0,c.MO)("whatmoreShopId"),[A]=(0,c.MO)("whatmorePrimaryColor"),{whatmoreRootId:O}=(0,o.useContext)(l.I),{whatmoreIsCollectionsTemplate:Z}=(0,o.useContext)(l.I),F=e.events,V=e.onClick,B=(0,c.MO)("whatmoreTitleFont"),T="portrait"==i?(0,c.MO)("whatmoreTitleFontSizePortrait"):(0,c.MO)("whatmoreTitleFontSize"),D=null!==(t=(0,f.aRS)(M))&&void 0!==t?t:B;function N(e){V(e)}delete r.ZP.styles.global;const Y=.055*S;var H=[];for(let o=0;o<F.length;)H.push((0,g.jsx)(h.Z,{mode:i,event:F[o],onClick:()=>{N(F[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:Y},"collections-tile-"+o)),o+=1;(0,o.useEffect)((()=>{(0,u.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.$.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-e"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]);const[W,X,$]=(0,v.YD)({triggerOnce:!1});return(0,g.jsx)(a.C,{value:y,children:(0,g.jsx)("div",{className:Z?"whatmore-collection-events":"whatmore-carousel-events",children:(0,g.jsx)(n.x,{theme:r.ZP,cssVarsRoot:O,resetCSS:!1,children:(0,g.jsxs)(p.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[e.heading.trim().length>0&&!Z&&(0,f.wXY)(M)?(0,g.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,g.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",D,"important"),e.style.setProperty("font-size",T+"px","important"))},style:{color:A,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(M),lineHeight:(0,f.vY4)(M),letterSpacing:(0,f.X2K)(M)},children:e.heading})}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{ref:W,style:{marginLeft:R+"px",marginRight:R+"px"},children:(0,g.jsx)(m.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:H,spacing:I,defaultHeight:b*L*.01+"px",defaultWidth:S*L*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(M)&&Z&&!X&&-1==e.index&&(0,g.jsx)(w.Z,{event:F[0],inVideoClick:N,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return o}});const o=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,i){var o=i(7313),n=i(9854),r=i(7753),l=(i(9111),i(123),i(9778),i(4892)),a=i(7129),s=i(9821),d=i(5572),c=i(6417);t.Z=function(e){var t;const[i,p,h,x,m]=(0,s.Z)(),[u]=(0,r.j1)("whatmoreSecondaryColor"),[f]=(0,r.j1)("whatmoreShopId"),[w]=(0,r.j1)("whatmoreCollectionsTileSize"),[v]=(0,r.j1)("whatmoreCollectionsTileSizePortrait"),g="portrait"===e.mode?v:w,y=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:j}=(0,o.useContext)(d.I),[b,S]=(0,o.useState)(!1),C=(0,n.f63)(f),P=j.landingLocationType;(0,o.useContext)(a.V);const E=e.event,z=e.onClick,k=e.removeBorders,L=i*g*.01,R=p*g*.01,I=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,c.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,n.XnJ)(f)?"auto":R+"px",marginLeft:k?"2px":"5px",marginRight:k?"2px":(0,n.VwM)(f)+"px",marginTop:k?"2px":"5px",marginBottom:k?"2px":"5px",cursor:"pointer"},onClick:()=>{S(!0),z(E)},className:[b?"whatmore-scale-on-tap":""].join(" "),children:[(0,c.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:I,overflow:"hidden",boxShadow:k?"":"0px 1px 1px 0px "+u+"50, 0px -1px 1px 0px "+C+"50, 1px 0px 1px 0px "+u+"50, -1px 0px 1px 0px "+C+"80, 1px -1px 1px 0px "+u+"80, -1px 1px 1px 0px "+C+"DA, 1px 1px 1px 0px "+u+"DA, -1px -1px 1px 0px "+C+"DA"},children:(0,c.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:L+"px",width:"40273707171"==f?"auto":R+"px",borderRadius:I,backgroundColor:"gray",overflow:"hidden"},children:(0,c.jsx)(l.Z,{height:"100%",width:"100%",url:E.thumbnail_image,isPlaying:!0,event:E})})}),P.startsWith("product")&&(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,c.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-size",(null!==(i=e.fontSize)&&void 0!==i?i:10)+"px","important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:null===E||void 0===E?void 0:E.title})})]})}},8782:function(e,t,i){i.d(t,{P:function(){return a}});var o=i(3933),n=i(7313),r=(i(123),i(6417));function l(e){const{ref:t,inView:i,entry:n}=(0,o.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,n.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function o(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 n(o){if(!i)return;const n=o.touches?o.touches[0].clientX:o.clientX;e.style.pointerEvents="none";const r=2*(t-n);e.scrollLeft+=r,t=n}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",o),e.addEventListener("touchmove",n),e.addEventListener("touchend",r)),e.addEventListener("mousedown",o),document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",o),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",n),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 o=i(4959),n=i(7313),r=i(4892),l=i(6805),a=i(7753),s=i(9821);var d=function(e){const[t,i,o,n,r]=(0,s.Z)(),[d]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,a.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=r[l.YP]===l.$w?c/100:d/100*1.2;return[t*p,i*p,r]},c=i(9723),p=i(9461),h=i.n(p),x=i(1195),m=i(7108),u=(i(7244),i(123),i(9854)),f=i(5572),w=i(6417);var v=function(e){var t;const i=n.useRef(null);var[s,p,v]=d();const{whatmoreUITheme:g}=(0,n.useContext)(f.I),[y]=(0,a.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,a.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[C]=(0,a.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,a.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[E]=(0,a.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,a.MO)("whatmoreShopId");var k=j,L=b,R=S;v[l.YP]===l.$w&&(k=C,L=P,R=E);const[I,M]=(0,n.useState)(["initial",window.pageYOffset]),[A,O]=(0,n.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,F=v[l.YP]===l.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),V=Z?F:1;s*=V,p*=V;const B=Z?(0,u.G0o)(z):k,T=Z?(0,u.X8j)(z):(0,u.lVn)(z),[D,N]=(0,n.useState)(!Z&&(0,u.eXi)(z));function Y(e,t){M(e),e[1]<=100?O(!1):t!=A&&(O(t),N(!1))}(0,n.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(Y([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},o=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[I]),(0,o.O3)({ref:i,handler:()=>{Y(["scrolled-up",I[1]],!0)}});const H=e.event,W=e.inVideoClick,X=e.closeClick,$=.3*p,q=.6*p,_=.1*p,G=.1*(.5*p),J="round"==g?"10px":"0px",K=(0,u.Z$A)(z);var U=!1,Q=0,ee=0;function te(e){U=e}return(0,w.jsx)("div",{children:D&&!T?(0,w.jsx)(w.Fragment,{}):A&&T?(0,w.jsx)("div",{style:"left"===B?{left:"1px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K}:{right:"5px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{onClick:()=>{Y(["initial",I[1]],!1)},style:{margin:"1px",width:p+"px",height:s+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(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 15px 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 15px black);"}})})]})})]})}):(0,w.jsx)(h(),{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,o;i=t.x,o=t.y,Q=i,ee=o},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(H)},children:(0,w.jsx)("div",{ref:i,style:"left"===B?{left:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K}:{right:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":R+"px",position:"fixed",zIndex:K},children:(0,w.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:s+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,w.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:J,overflow:"hidden",position:"relative"},children:(0,w.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,w.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(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 15px 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_)(z),fontSize:q+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,w.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:J,borderBottomRightRadius:J,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 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[74],{8181:function(e,t,n){var i=n(7313),o=n(8866),r=n(7753),a=n(6417);const s=i.memo((()=>{if(!(0,r.MO)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[e]=(0,o.Z)();return(0,a.jsxs)("div",{className:"shimmer-container ".concat(e),children:["portrait"===e?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item ".concat(1===t?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},t))),(0,a.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));t.Z=s},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),s=n(7753),d=n(9821);var l=function(e){const[t,n,i,o,r]=(0,d.Z)(),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.YP]===a.$w?c/100:l/100*1.2;return[t*u,n*u,r]},c=n(9723),u=n(9461),p=n.n(u),h=n(1195),m=n(7108),v=(n(7244),n(123),n(9854)),f=n(8811),x=n(6417);var w=function(e){var t;const n=o.useRef(null);var[d,u,w]=l();const{whatmoreUITheme:g}=(0,o.useContext)(f.I),[b]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[_]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),L=(0,s.MO)("whatmoreShopId");var C=y,D=j,T=I;w[a.YP]===a.$w&&(C=_,D=E,T=S);const[P,k]=(0,o.useState)(["initial",window.pageYOffset]),[z,O]=(0,o.useState)(!1),A=null!==(t=e.isSpotlight)&&void 0!==t&&t,K=w[a.YP]===a.$w?.7*(0,v.zGA)(L):(0,v.zGA)(L),V=A?K:1;d*=V,u*=V;const M=A?(0,v.G0o)(L):C,N=A?(0,v.X8j)(L):(0,v.lVn)(L),[B,R]=(0,o.useState)(!A&&(0,v.eXi)(L));function Z(e,t){k(e),e[1]<=100?O(!1):t!=z&&(O(t),R(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(Z([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},i=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)}),[P]),(0,i.O3)({ref:n,handler:()=>{Z(["scrolled-up",P[1]],!0)}});const F=e.event,W=e.inVideoClick,U=e.closeClick,H=.3*u,Y=.6*u,G=.1*u,$=.1*(.5*u),q="round"==g?"10px":"0px",J=(0,v.Z$A)(L);var X=!1,Q=0,ee=0;function te(e){X=e}return(0,x.jsx)("div",{children:B&&!N?(0,x.jsx)(x.Fragment,{}):z&&N?(0,x.jsx)("div",{style:"left"===M?{left:"1px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,x.jsxs)("div",{onClick:()=>{Z(["initial",P[1]],!1)},style:{margin:"1px",width:u+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,x.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:q,overflow:"hidden"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,x.jsx)(r.Z,{url:F.thumbnail_image,isPlaying:!1,event:F})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,x.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,x.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:H+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:U})})}),(0,x.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,x.jsx)(m.Z,{sx:{color:"white",fontSize:2*H+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,x.jsx)(p(),{nodeRef:n,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 n,i;n=t.x,i=t.y,Q=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{X&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(F)},children:(0,x.jsx)("div",{ref:n,style:"left"===M?{left:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,x.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:u+"px",height:d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,x.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:q,overflow:"hidden",position:"relative"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,x.jsx)(r.Z,{url:F.thumbnail_image,isMuted:!0,isPlaying:!0,event:F})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,x.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:H+"px"},onClick:U,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,x.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,x.jsx)(c.Z,{sx:{color:(0,v.Ya_)(L),fontSize:Y+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,x.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:b?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,x.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*H+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),s=n(5160),d=n(6967),l=n(5380),c=n(58),u=n(8984),p=n(4669),h=n(513),m=n(9302),v=n(2575),f=n(7300),x=n(6524),w=n(8811),g=n(4522),b=n(778),y=n(7643),j=n(7008),I=n(7381),_=n(8181),E=n(6095),S=n(6417);const L=(0,v.Z)({key:"whatmore-css-ppv"}),C=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(351),n.e(955),n.e(926),n.e(824),n.e(218),n.e(903)]).then(n.bind(n,3218))));function D(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[v,T]=(0,i.useState)(),[P]=(0,a.j1)("isInDesignMode"),[k]=(0,a.j1)("isDemoBrand"),[z]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[O,A]=(0,i.useState)(-2),[K]=(0,a.j1)("whatmoreVariantId"),[V]=(0,a.j1)("whatmoreShopId");var[M]=(0,a.j1)("whatmoreProductId");const N=(0,a.MO)("isLandingSharedLink"),B=(0,a.MO)("whatmoreShareTemplateId"),R=(0,a.MO)("whatmoreShareEventId"),Z=N&&"template-embed"===(0,x.zv)(B),[F,W]=(0,i.useState)(Z);M=(0,o.iXA)(V)?D(window.location.href):M;const[U,H]=(0,i.useState)((()=>"true"===z?K:M));var Y=r.Gc+"/v2/brand/"+V+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(w.I);(0,i.useEffect)((()=>{(0,I.Oo)("Video shopping powered by Whatmore!"),(0,d.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,j.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(V)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||v||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{A(-1),fetch(Y.toString()+"?client_product_id="+U.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(null!=e&&0!=e.length&&(0,o.Htz)(V)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(V)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==D(window.location.href))return;const i={product_id:n.product_id,product_link:D(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,U),e))).catch((e=>{T(e.message)}))}),[U]),(0,i.useEffect)((()=>{var e,n;A(-2),(t&&t.length>0||(0,o.uO6)(V))&&(0,g.PB)({userInteractionType:b.K.PDP_VISITED,widgetSourceDetails:G,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(e=t[0])||void 0===e?void 0:e.products,ctaList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.cta})}),[t]),(0,i.useEffect)((()=>{let e=history.pushState;history.pushState=function(){let t=e.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};let t=history.replaceState;history.replaceState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("true"===z){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");if(i[0]==e)return i[1]}return!1}("variant");e&&""!==e&&H(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!v&&Z&&((0,E.A)("whatmore-video-player",(()=>{W(!1)})),null!=R)){const e=t.find((e=>R==e.event_id));if(e)return void J(e,!0,t.indexOf(e))}}),[t]);const $=G.landingLocationType,q=G.templateType,J=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,u.KE)()&&!t&&(0,c.QV)(),(0,f.B6)(e)||(0,f.WJ)(e))return P||k||(async()=>{const t=(0,x.NY)($)+(0,x.dS)(q)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,s.wh)(e),(0,p.Tc)(V,r.h7,r.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void A(n)};function X(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||v?(0,S.jsx)("div",{}):(0,S.jsxs)(m.C,{value:L,children:[F&&(0,S.jsx)(_.Z,{}),"no-product"===U||-1===O||0===t.length?(0,S.jsx)(X,{}):-2===O&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(y.u,{userInteractionType:b.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(l.Z,{event:t[0],inVideoClick:J,closeClick:e=>{e.stopPropagation(),A(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(y.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(C,{events:t,index:O,onBack:function(e){(0,o.n2L)(V)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(V,(()=>{}),100,window.location.hostname,e),A(-2),W(!1)},template:"template-product-page"})})})})]})}},6095:function(e,t,n){function i(e,t){let n=0;let i=new MutationObserver((function(){document.querySelector("."+e)?(t(),i.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),i.disconnect()}),8e3))}));i.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{A:function(){return i}})},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return d},y4:function(){return c},PB:function(){return u},Z2:function(){return l}});var i=n(9854),o=n(7753),r=n(778);var a=n(733);const s={[r.K.EVENT_VIEW]:"whatmore_video_click_event",[r.K.VIDEO_LIKED]:"whatmore_video_like_event",[r.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[r.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[r.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event"};function d(e){var t;let{userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}=e;(0,a.s)({userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}),n in s&&function(e,t){const n=(0,o.MO)("whatmoreShopId");(e!=r.K.EVENT_VIEW||(0,i.UAB)(n))&&(e!=r.K.SHOPNOW_ATC_CLICKED&&e!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(n))&&(e!=r.K.VIDEO_LIKED||(0,i.sKB)(n))&&(e!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(n))&&"function"==typeof fbq&&(async()=>{console.log("hello"),fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link})})()}(n,null!==(t=null===u||void 0===u?void 0:u[1])&&void 0!==t?t:null===u||void 0===u?void 0:u[0])}function l(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function c(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[74],{8181:function(e,t,n){var i=n(7313),o=n(8866),r=n(7753),a=n(6417);const s=i.memo((()=>{if(!(0,r.MO)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[e]=(0,o.Z)();return(0,a.jsxs)("div",{className:"shimmer-container ".concat(e),children:["portrait"===e?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item ".concat(1===t?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},t))),(0,a.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));t.Z=s},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),s=n(7753),d=n(9821);var l=function(e){const[t,n,i,o,r]=(0,d.Z)(),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.YP]===a.$w?c/100:l/100*1.2;return[t*u,n*u,r]},c=n(9723),u=n(9461),p=n.n(u),h=n(1195),m=n(7108),v=(n(7244),n(123),n(9854)),f=n(5572),x=n(6417);var w=function(e){var t;const n=o.useRef(null);var[d,u,w]=l();const{whatmoreUITheme:g}=(0,o.useContext)(f.I),[b]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[_]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),L=(0,s.MO)("whatmoreShopId");var C=y,D=j,T=I;w[a.YP]===a.$w&&(C=_,D=E,T=S);const[P,k]=(0,o.useState)(["initial",window.pageYOffset]),[z,O]=(0,o.useState)(!1),A=null!==(t=e.isSpotlight)&&void 0!==t&&t,K=w[a.YP]===a.$w?.7*(0,v.zGA)(L):(0,v.zGA)(L),V=A?K:1;d*=V,u*=V;const M=A?(0,v.G0o)(L):C,N=A?(0,v.X8j)(L):(0,v.lVn)(L),[B,R]=(0,o.useState)(!A&&(0,v.eXi)(L));function Z(e,t){k(e),e[1]<=100?O(!1):t!=z&&(O(t),R(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(Z([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},i=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)}),[P]),(0,i.O3)({ref:n,handler:()=>{Z(["scrolled-up",P[1]],!0)}});const F=e.event,W=e.inVideoClick,U=e.closeClick,H=.3*u,Y=.6*u,G=.1*u,$=.1*(.5*u),q="round"==g?"10px":"0px",J=(0,v.Z$A)(L);var X=!1,Q=0,ee=0;function te(e){X=e}return(0,x.jsx)("div",{children:B&&!N?(0,x.jsx)(x.Fragment,{}):z&&N?(0,x.jsx)("div",{style:"left"===M?{left:"1px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,x.jsxs)("div",{onClick:()=>{Z(["initial",P[1]],!1)},style:{margin:"1px",width:u+"px",height:d+"px"},className:"left"===M?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,x.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:q,overflow:"hidden"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,x.jsx)(r.Z,{url:F.thumbnail_image,isPlaying:!1,event:F})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,x.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,x.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:H+"px"},style:{position:"relative",zIndex:1,left:$+"px",bottom:$+"px"},onClick:U})})}),(0,x.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,x.jsx)(m.Z,{sx:{color:"white",fontSize:2*H+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,x.jsx)(p(),{nodeRef:n,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 n,i;n=t.x,i=t.y,Q=n,ee=i},onDrag:(e,t)=>{te(!0)},onStop:(e,t)=>{X&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):W(F)},children:(0,x.jsx)("div",{ref:n,style:"left"===M?{left:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J}:{right:A?(0,v.$II)(L)+"px":D+"px",bottom:A?(0,v.vnu)(L)+"px":T+"px",position:"fixed",zIndex:J},children:(0,x.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:u+"px",height:d+"px"}),className:"left"===M?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,x.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:q,overflow:"hidden",position:"relative"},children:(0,x.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,x.jsx)(r.Z,{url:F.thumbnail_image,isMuted:!0,isPlaying:!0,event:F})})}),(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,x.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:H+"px"},onClick:U,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,x.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,x.jsx)(c.Z,{sx:{color:(0,v.Ya_)(L),fontSize:Y+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,x.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:q,borderBottomRightRadius:q,backgroundImage:b?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,x.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*H+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),s=n(5160),d=n(6967),l=n(5380),c=n(58),u=n(8984),p=n(4669),h=n(513),m=n(9302),v=n(2575),f=n(7300),x=n(6524),w=n(5572),g=n(4522),b=n(778),y=n(7643),j=n(7008),I=n(7381),_=n(8181),E=n(6095),S=n(6417);const L=(0,v.Z)({key:"whatmore-css-ppv"}),C=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(351),n.e(955),n.e(926),n.e(824),n.e(218),n.e(903)]).then(n.bind(n,3218))));function D(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[v,T]=(0,i.useState)(),[P]=(0,a.j1)("isInDesignMode"),[k]=(0,a.j1)("isDemoBrand"),[z]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[O,A]=(0,i.useState)(-2),[K]=(0,a.j1)("whatmoreVariantId"),[V]=(0,a.j1)("whatmoreShopId");var[M]=(0,a.j1)("whatmoreProductId");const N=(0,a.MO)("isLandingSharedLink"),B=(0,a.MO)("whatmoreShareTemplateId"),R=(0,a.MO)("whatmoreShareEventId"),Z=N&&"template-embed"===(0,x.zv)(B),[F,W]=(0,i.useState)(Z);M=(0,o.iXA)(V)?D(window.location.href):M;const[U,H]=(0,i.useState)((()=>"true"===z?K:M));var Y=r.Gc+"/v2/brand/"+V+"/product-events";const{whatmoreWidgetSourceDetails:G}=(0,i.useContext)(w.I);(0,i.useEffect)((()=>{(0,I.Oo)("Video shopping powered by Whatmore!"),(0,d.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,j.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(V)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||v||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{A(-1),fetch(Y.toString()+"?client_product_id="+U.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(null!=e&&0!=e.length&&(0,o.Htz)(V)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(V)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==D(window.location.href))return;const i={product_id:n.product_id,product_link:D(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,U),e))).catch((e=>{T(e.message)}))}),[U]),(0,i.useEffect)((()=>{var e,n;A(-2),(t&&t.length>0||(0,o.uO6)(V))&&(0,g.PB)({userInteractionType:b.K.PDP_VISITED,widgetSourceDetails:G,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(e=t[0])||void 0===e?void 0:e.products,ctaList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.cta})}),[t]),(0,i.useEffect)((()=>{let e=history.pushState;history.pushState=function(){let t=e.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),t};let t=history.replaceState;history.replaceState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("true"===z){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");if(i[0]==e)return i[1]}return!1}("variant");e&&""!==e&&H(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!v&&Z&&((0,E.A)("whatmore-video-player",(()=>{W(!1)})),null!=R)){const e=t.find((e=>R==e.event_id));if(e)return void J(e,!0,t.indexOf(e))}}),[t]);const $=G.landingLocationType,q=G.templateType,J=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,u.KE)()&&!t&&(0,c.QV)(),(0,f.B6)(e)||(0,f.WJ)(e))return P||k||(async()=>{const t=(0,x.NY)($)+(0,x.dS)(q)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,s.wh)(e),(0,p.Tc)(V,r.h7,r.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void A(n)};function X(){return(0,S.jsx)(S.Fragment,{})}return null==t||0==t.length||v?(0,S.jsx)("div",{}):(0,S.jsxs)(m.C,{value:L,children:[F&&(0,S.jsx)(_.Z,{}),"no-product"===U||-1===O||0===t.length?(0,S.jsx)(X,{}):-2===O&&t.length>0?(0,S.jsx)("div",{children:(0,S.jsx)(y.u,{userInteractionType:b.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(l.Z,{event:t[0],inVideoClick:J,closeClick:e=>{e.stopPropagation(),A(-1)}})})}):(0,S.jsx)("div",{children:(0,S.jsx)(i.Suspense,{children:(0,S.jsx)(y.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!k,children:(0,S.jsx)(C,{events:t,index:O,onBack:function(e){(0,o.n2L)(V)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(V,(()=>{}),100,window.location.hostname,e),A(-2),W(!1)},template:"template-product-page"})})})})]})}},6095:function(e,t,n){function i(e,t){let n=0;let i=new MutationObserver((function(){document.querySelector("."+e)?(t(),i.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),i.disconnect()}),8e3))}));i.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{A:function(){return i}})},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return d},y4:function(){return c},PB:function(){return u},Z2:function(){return l}});var i=n(9854),o=n(7753),r=n(778);var a=n(733);const s={[r.K.EVENT_VIEW]:"whatmore_video_click_event",[r.K.VIDEO_LIKED]:"whatmore_video_like_event",[r.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[r.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[r.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event"};function d(e){var t;let{userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}=e;(0,a.s)({userInteractionType:n,userInteractionMetadata:d,widgetSourceDetails:l,event:c,productList:u,ctaList:p}),n in s&&function(e,t){const n=(0,o.MO)("whatmoreShopId");(e!=r.K.EVENT_VIEW||(0,i.UAB)(n))&&(e!=r.K.SHOPNOW_ATC_CLICKED&&e!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(n))&&(e!=r.K.VIDEO_LIKED||(0,i.sKB)(n))&&(e!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(n))&&"function"==typeof fbq&&(async()=>{console.log("hello"),fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link})})()}(n,null!==(t=null===u||void 0===u?void 0:u[1])&&void 0!==t?t:null===u||void 0===u?void 0:u[0])}function l(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function c(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s}=e;(0,a.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:s})}}}]);
|