whatmore-react-assets 1.0.409 → 1.0.411

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.
Files changed (22) hide show
  1. package/package.json +1 -1
  2. package/static/css/554.a42a2e44.chunk.css +1 -0
  3. package/static/js/358.347c196f.chunk.js +1 -0
  4. package/static/js/364.d07c32df.chunk.js +1 -0
  5. package/static/js/554.3849a215.chunk.js +1 -0
  6. package/static/js/580.f760babe.chunk.js +1 -0
  7. package/static/js/607.ca99feff.chunk.js +1 -0
  8. package/static/js/{692.6b98bb43.chunk.js → 692.d432c48e.chunk.js} +1 -1
  9. package/static/js/{74.5d5a23a2.chunk.js → 74.12447a67.chunk.js} +1 -1
  10. package/static/js/891.af6bb2b8.chunk.js +1 -0
  11. package/static/js/959.07269a10.chunk.js +1 -0
  12. package/static/js/972.d336e20a.chunk.js +1 -0
  13. package/static/js/986.df6827ee.chunk.js +1 -0
  14. package/whatmore.js +2 -2
  15. package/static/js/358.25840fff.chunk.js +0 -1
  16. package/static/js/364.a1eb8927.chunk.js +0 -1
  17. package/static/js/580.f66935c3.chunk.js +0 -1
  18. package/static/js/607.79e43274.chunk.js +0 -1
  19. package/static/js/891.f23a7b3a.chunk.js +0 -1
  20. package/static/js/959.831ee947.chunk.js +0 -1
  21. package/static/js/972.919bfce5.chunk.js +0 -1
  22. package/static/js/986.82a241b8.chunk.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.409",
3
+ "version": "1.0.411",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
package/static/css/554.a42a2e44.chunk.css ADDED
@@ -0,0 +1 @@
1
+ .whatmore-ios-css-relative-fix{-webkit-transform:translateZ(0)}.whatmore-root{clip:auto;all:initial;-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:separate;-o-border-image:none;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;color:#000;-moz-column-fill:balance;column-fill:balance;-moz-column-gap:normal;-moz-column-rule:medium none currentColor;column-rule:medium none currentColor;-moz-column-span:1;column-span:1;-moz-columns:auto;-moz-column-count:auto;column-gap:normal;-moz-column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;-moz-tab-size:8;-o-tab-size:8;tab-size:8;table-layout:auto;text-align:left;-moz-text-align-last:auto;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.whatmore-video-player{display:inline!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;overflow:hidden!important;width:100%!important}.whatmore-story-horizontal-flex{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.whatmore-story-horizontal-flex::-webkit-scrollbar{display:none}.whatmore-carousel-horizontal-flex{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.whatmore-carousel-horizontal-flex::-webkit-scrollbar{display:none}.whatmore-carousel-horizontal-flex:after,.whatmore-carousel-horizontal-flex:before{content:"";margin:auto}.whatmore-loading-indicator{-webkit-animation:whatmore-loading-indicator-keyframe 1.1s ease infinite;animation:whatmore-loading-indicator-keyframe 1.1s ease infinite;border-radius:50%;font-size:10px;height:1em;position:relative;text-indent:-9999em;transform:translateZ(0);width:1em}
package/static/js/358.347c196f.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[358],{3827:function(e,t,n){n.r(t);var r=n(7313),i=n(6090),o=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(4136),h=n(8631),c=n(6066),u=n(8782),f=n(9821),m=n(4862),g=n(6417);const w=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,v]=(0,x.Z)(),[j,y,C,b,S]=(0,f.Z)(),[k,R]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),P=(0,p.MO)("whatmoreCollectionsTileSize"),Z="portrait"==n?0:(0,p.MO)("whatmoreLandscapePadding"),L=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:M}=(0,r.useContext)(s.I),B=e.onClick;function A(e){B(e)}delete o.ZP.styles.global;var E=[];for(let r=0,i=!1;r<t.length;)i&&r!=t.length-1&&k[r]>.2?(E.push((0,g.jsx)(c.Z,{event1:t[r],event2:t[r+1],onClick:()=>{A(t[r-1])}},"collections-tile-"+r)),r+=2,i=!i):(E.push((0,g.jsx)(h.Z,{event:t[r],onClick:()=>{A(t[r-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+r)),r+=1,i=!i);return(0,g.jsx)(l.C,{value:w,children:(0,g.jsx)("div",{children:(0,g.jsx)(i.x,{theme:o.ZP,cssVarsRoot:M,resetCSS:!1,children:(0,g.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,g.jsx)("div",{style:{marginLeft:Z+"px",marginRight:Z+"px"},children:(0,g.jsx)(u.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:E,spacing:L,defaultHeight:j*P*.01+"px",defaultWidth:y*P*.01+"px",retainAlreadyRenderedElements:!0,isScroll:m.gn})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,S=e.removeBorders,k=n*w*.01,R=d*w*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:R+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":"5px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:R+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,S=e.onClick,k=.01*w,R=n*k,P=n*k*.5,Z=d*k,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:Z+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":L,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),S(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return x}});var r=n(3933),i=n(8866),o=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,i.Z)();return(0,o.useEffect)((()=>{function t(e){e.preventDefault(),e.stopPropagation(),n.scrollLeft+=e.deltaX,n.scrollLeft+=e.deltaY}const n=document.querySelector(".whatmore-carousel-horizontal-flex");return e.isScroll&&(null===n||void 0===n||n.addEventListener("wheel",t)),()=>{document.removeEventListener("wheel",t)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
package/static/js/364.d07c32df.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[364],{8675:function(t,e,n){n.d(e,{Z:function(){return v}});var i,o,r=n(3271),l=n(5098),a=n(7313),s=n(9821),d=n(2634),c=n(5180),h=n(168),p=n(686);const x=(0,p.F4)(i||(i=(0,h.Z)(["\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(1.05);\n }\n"]))),m=(0,p.F4)(o||(o=(0,h.Z)(["\n 0% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n"]))),f="\n ".concat(x,"; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n"),g="\n ".concat(m,"; \n infinite;\n animation-duration:0.2s; \n animation-direction: linear ;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n");var u=n(7753),w=n(7129),y=n(6417);var v=function(t){var e,n,[i,o]=(0,s.Z)();const[h]=(0,u.j1)("whatmorePrimaryFont");var p=(0,a.useContext)(w.V);const x=t.event,m=t.onClick,v=null===(e=t.isOnFocus)||void 0===e||e,j=(t.playOnUnfocus,null!==(n=t.animateOnFocus)&&void 0!==n&&n);return(0,y.jsxs)(r.xu,{animation:j?v?f:g:"none",marginTop:p.tileTopMargin,marginBottom:p.tileBottomMMargin,marginLeft:p.tileLeftMargin,marginRight:p.tileRightMargin,width:o,height:i,borderRadius:"lg",sx:{boxShadow:"0px 0px 10px 3px #B0B0B0"},overflow:"hidden",onClick:()=>{m(x)},cursor:"pointer",children:[(0,y.jsx)(l.Ee,{width:"full",height:"full",src:x.thumbnail_image,objectFit:"cover",fallback:(0,y.jsx)(c.Z,{width:o,height:i}),borderRadius:"lg"}),(0,y.jsx)(r.xu,{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden"},width:"full",height:"full",borderRadius:"lg",overflow:"hidden",className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)(r.Kq,{direction:"column",height:"full",width:"full",justifyContent:"space-between",children:[(0,y.jsx)(r.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-t, transparent, blackAlpha.200, blackAlpha.400, blackAlpha.600)",children:(0,y.jsx)(r.Kq,{direction:"column",justifyContent:"flex-start",children:(0,y.jsx)(r.xu,{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px",children:(0,y.jsx)(r.Kq,{direction:"row",justifyContent:"space-between",children:(0,y.jsx)(d.Z,{event:x,fontSize:.05*i+"px",maxWidth:.8*o})})})})}),(0,y.jsx)(r.xu,{w:"100%",borderRadius:"lg",bgGradient:"linear(to-b, transparent, blackAlpha.300, blackAlpha.400, blackAlpha.500, blackAlpha.600)",children:(0,y.jsx)(r.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",alignContent:"center",children:(0,y.jsx)(r.xu,{width:"full",borderRadius:"lg",children:(0,y.jsxs)(r.Kq,{direction:"column",justifyContent:"space-between",alignContent:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px",children:[(0,y.jsx)(r.xv,{color:"white",fontSize:.08*o+"px",fontWeight:"normal",align:"left",children:" "}),(0,y.jsx)(r.xv,{fontSize:.08*o+"px",fontWeight:"normal",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:x.title.substring(0,40)}),(0,y.jsx)(r.xv,{fontSize:.08*o+"px",fontWeight:"bold",align:"left",sx:{fontFamily:h+" !important",color:"white !important"},children:x.presenter_name.substring(0,15)})]})})})})]})})]})}},2634:function(t,e,n){var i=n(3271),o=n(4897),r=n(499),l=n(6417);e.Z=function(t){var e,n=t.event,a=t.fontSize,s=null!==(e=t.maxWidth)&&void 0!==e?e:"100%",{status:d,bannerText:c,timeToStartInMins:h}=o.Z.getEventStatus(n);return d.name===r.Z.LIVE.name?(0,l.jsx)(i.xu,{maxWidth:s,width:"fit-content",borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"tomato",color:d.color,children:(0,l.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",paddingLeft:"2px",paddingRight:"2px",children:(0,l.jsx)(i.xv,{fontSize:a,fontWeight:"bold",color:"white",children:c})})}):(0,l.jsx)(i.xu,{maxWidth:s,borderRadius:"md",paddingLeft:"2px",paddingRight:"2px",backgroundColor:"white",color:d.color,children:(0,l.jsx)(i.Kq,{direction:"row",justifyContent:"flex-start",width:"fit-content",alignContent:"center",children:(0,l.jsx)(i.xv,{fontSize:a,fontWeight:"medium",children:c})})})}},1092:function(t,e,n){var i=n(237),o=n(9854),r=n(7753),l=n(4136),a=n(7313),s=n(6417);function d(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const{whatmoreUITheme:e}=(0,a.useContext)(l.I),n=(0,r.MO)("whatmoreShopId"),c=(0,r.MO)("whatmorePrimaryFont"),h=t.event,p=t.fontSize;if(h.total_views<=0)return(0,s.jsx)(s.Fragment,{});const x=(0,o.S_)(n);return"template-icon"==x?(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(i.Z,{sx:{color:(0,o.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aL)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==x?(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,s.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aL)(n),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(t,e,n){n.d(e,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},4920:function(t,e,n){n.d(e,{Z:function(){return j}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),l=n(7753),a=n(4892),s=n(7129),d=n(6805),c=n(9854),h=n(1092),p=n(5945),x=n(4136),m=n(6417);var f=function(t){var[e,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(x.I),[a]=(0,l.j1)("whatmorePrimaryFont"),[s]=(0,l.j1)("whatmorePrimaryColor"),[d]=(0,l.j1)("whatmoreSecondaryColor"),[h,f]=(0,i.useState)(0),g=(0,l.MO)("whatmoreShopId"),u=t.event;if(0==u.products.length)return(0,m.jsx)(m.Fragment,{});const w=.3*n,y=w+"px",v=w+"px",j=.07*n+"px";return(0,m.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,m.jsx)("div",{style:{width:y,height:v,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(g),borderColor:(0,c.qP)(g),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,m.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,c.yO)(g),"important")},src:u.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,m.jsx)("div",{style:{width:n-5-w+"px",height:v,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",j,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,p.s)(u.products[h].title)})})})]},h)})},g=n(3933),u=n(8984);function w(t){var e,[n,a]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[h,p,x]=(0,g.YD)({triggerOnce:!0});var w=(0,i.useContext)(s.V);const y=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*a;return(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)("p",{children:" "})}),w.showPlayButton&&!v?(0,m.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(r.Z,{sx:{color:"#F5F5F5 !important",opacity:(0,u.KE)()?0:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,m.jsx)(m.Fragment,{}),(0,m.jsx)("div",{ref:h,children:p&&(0,c.PW)(d)?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(f,{event:y})}):(0,m.jsx)("div",{height:"20px"})})]})})}function y(t){var[e,n]=(0,o.Z)();const[i]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,m.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,m.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,m.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,m.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,m.jsx)(m.Fragment,{})}function v(t){const[e,n,i,r,a]=(0,o.Z)(),[s]=(0,l.j1)("whatmoreShowViews"),p=(0,l.MO)("whatmoreShopId"),x=t.event,f=t.isOnFocus;return(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,m.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===s&&"show"===(0,c.qc)(p)?(0,m.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,m.jsx)(h.Z,{event:x,fontSize:.07*n+"px"})})}):(0,m.jsx)(m.Fragment,{})})}),d.$w===a[d.YP]?(0,m.jsx)(m.Fragment,{}):f?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,m.jsx)(y,{event:x})}):(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(y,{event:x})})]})})}var j=function(t){var e,n,r;const[h,p,f,g,u]=(0,o.Z)();var y=(0,i.useContext)(s.V);const{whatmoreUITheme:j}=(0,i.useContext)(x.I),b=(0,l.MO)("whatmoreShopId"),C=t.event,P=t.onClick,F=null===(e=t.isOnFocus)||void 0===e||e,I=null!==(n=t.playOnUnfocus)&&void 0!==n&&n,k=null!==(r=t.animateOnFocus&&(0,c.iW)(b))&&void 0!==r&&r,R=(0,c.nz)(b);return(0,m.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",y.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",y.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:p,height:h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j?R:null,borderWidth:(0,c.al)(b),borderColor:(0,c.qP)(b),overflow:"hidden",cursor:"pointer"},className:k?F?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(C)},children:[(0,m.jsx)(a.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:F||I,event:C}),(0,m.jsxs)("div",{style:{width:p,height:h},children:[(0,m.jsx)(v,{event:C,isOnFocus:F}),F||d.$w===u[d.YP]?(0,m.jsx)(w,{event:C,unfocusedDisplay:!F}):null]})]})}},9723:function(t,e,n){var i=n(5318);e.Z=void 0;var o=i(n(5045)),r=n(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=l},237:function(t,e,n){var i=n(5318);e.Z=void 0;var o=i(n(5045)),r=n(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},3439:function(){}}]);
package/static/js/554.3849a215.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[554],{9085:function(e,t,i){i.r(t),i.d(t,{default:function(){return I}});var n=i(7313),r=i(6090),o=i(7616),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),l=i(2575),a=i(2210),c=i(8486),d=i(9821),p=i(8866),h=i(2279),u=i.n(h),y=i(7753),m=i(7129),x=i(1855),f=i(9854),g=i(4136),v=i(7376),w=i(778),P=i(4892),j=i(5945),C=i(9219),M=i(6417);var S=function(e){var t,i,r;const[o,s,l,a,c,p]=(0,d.Z)(),h=.085*s+"px",u=.085*s+"px",x=.075*s+"px",v=e.event,w=(0,y.MO)("whatmoreShopId"),S=(0,y.MO)("whatmoreSecondaryColor");var b=(0,n.useContext)(m.V);const k=null===(t=e.isOnFocus)||void 0===t||t,O=null!==(i=e.playOnUnfocus)&&void 0!==i&&i,I=e.onClick,{whatmoreUITheme:F}=(0,n.useContext)(g.I),Z=((0,f.nz)(w),null!==(r=e.animateOnFocus&&(0,f.iW)(w))&&void 0!==r&&r),R=(0,y.MO)("whatmorePrimaryFont"),_=Math.round(+v.products[0].price),E=Math.round(+v.products[0].compare_price),N=E&&0!=E&&E>_?Math.ceil((E-_)/E*100):NaN;return(0,M.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",b.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",b.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:s,cursor:"pointer"},children:[(0,M.jsx)("div",{style:{borderRadius:"round"==F?"5%":"0px",height:o,borderWidth:(0,f.al)(w),borderColor:(0,f.qP)(w),overflow:"hidden"},className:Z?k?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{I(v)},children:(0,M.jsx)(P.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:k||O,event:v})}),(0,M.jsxs)("div",{style:{backgroundColor:"white",display:"flex",flexDirection:"column",padding:"12px 0px",gap:"4px"},children:[(0,M.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",h,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",R,"important"),e.style.setProperty("-webkit-line-clamp",1,"important"),e.style.setProperty("line-clamp",1,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},children:(0,j.s)(v.products[0].title)}),(0,M.jsxs)("div",{style:{display:"flex",gap:"12px"},children:[(0,M.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-size",u,"important"),e.style.setProperty("font-family",R,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"bold"},children:(0,C.jx)(parseFloat(v.products[0].price)," ",w,v.products[0].currency)}),!isNaN(E)&&E>_&&(0,M.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","#808191","important"),e.style.setProperty("font-size",u,"important"),e.style.setProperty("font-family",R,"important"),e.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through"},children:(0,C.jx)(parseFloat(v.products[0].compare_price)," ",w,v.products[0].currency)})]}),!isNaN(N)&&0!=N&&(0,M.jsx)("div",{style:{display:"flex",backgroundColor:"#343434"==S?(0,f.ZJ)(w):S,alignItems:"center",borderRadius:"4px",width:"fit-content",padding:"3px 6px"},children:(0,M.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,f.ms)(w),"important"),e.style.setProperty("font-size",x,"important"),e.style.setProperty("font-family",R,"important"))},children:"".concat(N,"% Off")})})]})]})};const b=(0,l.Z)({key:"whatmore-css-hv"});function k(e){const[t,i,r]=(0,d.Z)(),o=(0,y.MO)("whatmoreShopId"),s=e.events,l=e.onClick,c=r*(0,f.u6)(o),{whatmoreWidgetSourceDetails:p}=(0,n.useContext)(g.I);return(0,M.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,M.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,M.jsx)(a.tq,{slidesPerView:s.length>1?c:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,v.y4)({userInteractionType:w.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:p})},children:s.map((e=>(0,M.jsx)(a.o5,{children:t=>{let{isActive:i,isPrev:n,isNext:r,isVisible:o}=t;return n||r||i?(0,M.jsx)(S,{isOnFocus:i&&o,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{l(e)}}):(0,M.jsx)(x.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function O(e){const[t,i,r,o]=(0,d.Z)(),[s,l]=(0,n.useState)(-1),p=e.onClick,h=e.events,y=Math.min(r,h.length),{whatmoreWidgetSourceDetails:m}=(0,n.useContext)(g.I);return(0,M.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:o+"px",paddingRight:o+"px"},children:(0,M.jsx)("div",{style:{width:i*y*1.1+"px"},children:(0,M.jsx)(a.tq,{slidesPerView:y,watchSlidesProgress:!0,modules:[c.W_],navigation:!0,slidesPerGroup:parseInt(y),onSlideChange:()=>{(0,v.y4)({userInteractionType:w.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m})},children:h.map(((e,t)=>{const i=u()((()=>l(t)),300);return(0,M.jsx)(a.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),l(-1)},children:i=>{let{isActive:n,isPrev:r,isNext:o,isVisible:l}=i;return l?(0,M.jsx)(S,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{p(e)}}):(0,M.jsx)(x.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}var I=function(e){var t;const[i,l,a]=(0,p.Z)(),[c]=(0,y.j1)("whatmoreShopId"),[d]=(0,y.j1)("whatmorePrimaryColor"),[h]=(0,y.j1)("whatmoreSecondaryColor"),[u]=(0,y.j1)("whatmoreTitleFont"),x="portrait"==i?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:v}=(0,n.useContext)(g.I),w=e.events,P=e.onClick,j=null!==(t=(0,f.aR)(c))&&void 0!==t?t:u;function C(e){P(e)}return delete o.ZP.styles.global,(0,M.jsx)(s.C,{value:b,children:(0,M.jsx)("div",{children:(0,M.jsx)(r.x,{theme:o.ZP,cssVarsRoot:v,resetCSS:!1,children:(0,M.jsxs)(m.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0?(0,M.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,M.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",j,"important"),e.style.setProperty("font-size",x+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:e.heading})}):(0,M.jsx)(M.Fragment,{}),"landscape"===i?(0,M.jsx)(O,{events:w,onClick:C}):(0,M.jsx)(k,{events:w,onClick:C})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(e,t,i){var n=i(7313),r=i(9821),o=i(7129),s=i(6417);t.Z=function(e){var[t,i]=(0,r.Z)();return(0,n.useContext)(o.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:i,height:t,overflow:"hidden"}})}},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
package/static/js/580.f760babe.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[580],{3580:function(t,e,n){n.r(e),n.d(e,{default:function(){return u}});var r=n(7313),o=n(8866),i=n(7753),s=(n(9111),n(123),n(9778),n(9854)),a=n(868),l=n(3933),d=n(6417);var c=function(t){var e,n;const[c,p,h]=(0,o.Z)(),[u,f,x]=(0,l.YD)({triggerOnce:!0}),m=(0,i.MO)("whatmorePrimaryFont"),w=((0,i.MO)("whatmorePrimaryColor"),(0,i.MO)("whatmoreSecondaryColor")),g=(0,i.MO)("whatmoreShopId"),[v,y]=(0,r.useState)(!1),b=t.storyId,j=(0,a.V)(t.imageUrl),k=t.title,z=t.onClick,S=t.template,C=(0,s.f6)(g),F="template-stories-a"===S?"50%":"30%",L="portrait"==c?1:(0,s.Zy)(g),D=Math.floor(t.tileSize*L),E=.12*D*(0,s.LM)(g),M=null!==(e=(0,s.Q)(g))&&void 0!==e?e:m,O=null!==(n=(0,s.u2)(g))&&void 0!==n?n:[w,C,w,C,w];return(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:D*(0,s.jJ)(g)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{y(!0),z(b)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:F,boxShadow:"0px 2px 1px 0px "+O[0]+"50, 0px -2px 1px 0px "+O[1]+"50, 2px 0px 1px 0px "+O[2]+"50, -2px 0px 1px 0px "+O[3]+"80, 2px -2px 1px 0px "+O[4]+"80, -2px 2px 1px 0px "+O[0]+"DA, 2px 2px 1px 0px "+O[1]+"DA, -2px -2px 1px 0px "+O[2]+"DA"},children:(0,d.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:D+"px",width:D+"px",borderRadius:F,border:"3px solid white",backgroundColor:"#343434"===w?"#d3d3d3":w,overflow:"hidden"},ref:u,children:f&&(0,d.jsx)("img",{src:j,style:{objectFit:"cover",height:D+"px",width:D+"px",backgroundColor:"white"},alt:"story image"})})}),(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,d.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",E+"px","important")},style:{textAlign:"center",color:(0,s.WS)(g),fontFamily:M,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:k.substring(0,24)})})]})},p=n(9302);const h=(0,n(2575).Z)({key:"whatmore-stories-css"});var u=function(t){const[e,n,a]=(0,o.Z)(),[l]=(0,i.j1)("whatmoreLandscapePadding"),[u]=(0,i.j1)("whatmoreStoryTileSize"),[f]=(0,i.j1)("whatmoreStoryTileSizeDesktop"),[x]=(0,i.j1)("whatmoreShopId"),[m,w]=(0,r.useState)("portrait"===e?"flex-start":"center"),g=(0,r.useRef)(null);var v=t.eventsStories;const y=t.onClick,b=t.template,j=t=>{if(g.current){const e="left"===t?4*-k:4*k;g.current.scrollBy({left:e,behavior:"smooth"})}};(0,r.useEffect)((()=>{!function(){if(g.current){const t=g.current.scrollWidth,e=g.current.offsetWidth;w(t>e?"flex-start":"center")}}()}),[m,a]);const k="landscape"===e?n*(f/100)*.3:a*(u/100)*.5;return(0,d.jsx)(p.C,{value:h,children:(0,d.jsx)("div",{style:{left:l+"px",right:l+"px",marginBottom:"portrait"==e?(0,s.cj)(x):(0,s.TM)(x)},children:(0,d.jsx)("div",{style:{display:"flex",alignItems:"center",position:"relative"},children:"landscape"==e&&!(0,s.DF)(x)||"portrait"==e&&!(0,s.J)(x)?(0,d.jsx)(d.Fragment,{}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:m,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:g,children:v.map(((t,e)=>(0,d.jsx)(c,{storyId:t.id,tileSize:k,onClick:t=>{y(e)},template:b,imageUrl:t.thumbnail_image,title:t.title},"whatmore-story-"+t.id)))}),"landscape"===e&&(0,s.sM)(x)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("button",{onClick:()=>j("left"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",left:0},children:(0,d.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:"<"})}),(0,d.jsx)("button",{onClick:()=>j("right"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",right:0},children:(0,d.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:">"})})]})]})})})})}},868:function(t,e,n){n.d(e,{V:function(){return a}});var r=n(9854),o=n(7753);const i={"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"},s={"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"},a=function(t){const e=(0,o.MO)("whatmoreShopId");if(!t)return t;if(t.startsWith("https://cdn.shopify.com"))return t;if("AWSCDN"==(0,r.zp)(e))return t;if("AZURECDN"==(0,r.zp)(e)){if(t.includes(".azureedge.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(i))if(t.includes(e))return t.replace(e,i[e]);return t}}if("BUNNYCDN"==(0,r.zp)(e)){if(t.includes(".b-cdn.net"))return t;if(t.includes(".cloudfront.net")){for(const e of Object.keys(s))if(t.includes(e))return t.replace(e,s[e]);return t}}return t}},8866:function(t,e,n){var r=n(7313);function o(){return[window.innerHeight,window.innerWidth]}e.Z=function(t){var[e,n]=o();const[i,s]=(0,r.useState)([e>n?"portrait":"landscape",e,n]);return(0,r.useLayoutEffect)((()=>{function t(){var[t,e]=o();s(t>e?["portrait",t,e]:["landscape",t,e])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),i}},9111:function(){},123:function(){},9778:function(){}}]);
package/static/js/607.ca99feff.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[607],{6071:function(e,t,n){n.r(t);var r=n(7313),o=n(6090),i=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(4136),h=n(8631),c=n(6066),u=n(8782),f=n(9821),m=n(4862),g=n(6417);const v=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[n,a,w]=(0,x.Z)(),[j,y]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[C,b,S,k,R]=(0,f.Z)(),P=(0,p.MO)("whatmoreCollectionsTileSize"),Z="portrait"==n?0:(0,p.MO)("whatmoreLandscapePadding"),L=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:M}=(0,r.useContext)(s.I),B=e.onClick;function A(e){B(e)}delete i.ZP.styles.global;var E=[];for(let r=0,o=!1;r<t.length;)o&&r!=t.length-1&&j[r]>.2?(E.push((0,g.jsx)(c.Z,{event1:t[r],event2:t[r+1],onClick:()=>{A(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,o=!o):(E.push((0,g.jsx)(h.Z,{event:t[r],onClick:()=>{A(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,o=!o);return(0,g.jsx)(l.C,{value:v,children:(0,g.jsx)("div",{children:(0,g.jsx)(o.x,{theme:i.ZP,cssVarsRoot:M,resetCSS:!1,children:(0,g.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,g.jsx)("div",{style:{marginLeft:Z+"px",marginRight:Z+"px"},children:(0,g.jsx)(u.P,{renderElement:e=>(0,g.jsx)(g.Fragment,{children:e.eventData}),dataList:E,spacing:L,defaultHeight:C*P*.01+"px",defaultWidth:b*P*.01+"px",retainAlreadyRenderedElements:!0,isScroll:m.gn})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),o=n(9854),i=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,i.j1)("whatmorePrimaryFont"),[f]=(0,i.j1)("whatmorePrimaryColor"),[m]=(0,i.j1)("whatmoreSecondaryColor"),[g]=(0,i.j1)("whatmoreShopId"),[v]=(0,i.j1)("whatmoreCollectionsTileSize"),[w,j]=(0,r.useState)(!1),y=(0,o.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,S=e.removeBorders,k=n*v*.01,R=d*v*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:R+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":"5px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:k+"px",width:R+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),o=n(9854),i=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,i.j1)("whatmorePrimaryFont"),[f]=(0,i.j1)("whatmorePrimaryColor"),[m]=(0,i.j1)("whatmoreSecondaryColor"),[g]=(0,i.j1)("whatmoreShopId"),[v]=(0,i.j1)("whatmoreCollectionsTileSize"),[w,j]=(0,r.useState)(!1),y=(0,o.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,S=e.onClick,k=.01*v,R=n*k,P=n*k*.5,Z=d*k,L=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:R+"px",width:Z+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":L,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),S(C)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:Z+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return x}});var r=n(3933),o=n(8866),i=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:o}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,o.Z)();return(0,i.useEffect)((()=>{function t(e){e.preventDefault(),e.stopPropagation(),n.scrollLeft+=e.deltaX,n.scrollLeft+=e.deltaY}const n=document.querySelector(".whatmore-carousel-horizontal-flex");return e.isScroll&&(null===n||void 0===n||n.addEventListener("wheel",t)),()=>{document.removeEventListener("wheel",t)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
package/static/js/{692.6b98bb43.chunk.js → 692.d432c48e.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[692],{3388:function(e,t,n){n.d(t,{OC:function(){return l},e8:function(){return r},kT:function(){return i},kW:function(){return a},xg:function(){return o}});const i=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==i(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 n;if(null==e)return[];if(!("eventsets"in e))return[];const i=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return i?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(i):[]}},5380:function(e,t,n){n.d(t,{Z:function(){return v}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),l=n(7753),s=n(9821);var d=function(e){const[t,n,i,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,n*h,r]},c=n(9723),h=n(9461),p=n.n(h),u=n(1195),x=n(7108),f=(n(7244),n(123),n(9854)),g=n(4136),m=n(6417);var v=function(e){var t;const n=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:w}=(0,o.useContext)(g.I),[b]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,l.MO)("whatmoreShopId");var k=j,C=y,L=S;v[a.YP]===a.$w&&(k=E,C=I,L=z);const[O,M]=(0,o.useState)(["initial",window.pageYOffset]),[_,A]=(0,o.useState)(!1),T=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,f.zG)(P):(0,f.zG)(P),B=T?V:1;s*=B,h*=B;const F=T?(0,f.G0)(P):k,R=T?(0,f.X8)(P):(0,f.lV)(P),[Z,D]=(0,o.useState)(!T&&(0,f.eX)(P));function N(e,t){M(e),e[1]<=100?A(!1):t!=_&&(A(t),D(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(N([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)}),[O]),(0,i.O3)({ref:n,handler:()=>{N(["scrolled-up",O[1]],!0)}});const G=e.event,H=e.inVideoClick,W=e.closeClick,Y=.3*h,$=.6*h,K=.1*h,U=.1*(.5*h),X="round"==w?"10px":"0px",q=(0,f.Z$)(P);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,{}):_&&R?(0,m.jsx)("div",{style:"left"===F?{left:"1px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q},children:(0,m.jsxs)("div",{onClick:()=>{N(["initial",O[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:G.thumbnail_image,isPlaying:!1,event:G})})}),(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:Y+"px"},style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"},onClick:W})})}),(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*Y+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,m.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)=>{J&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):H(G)},children:(0,m.jsx)("div",{ref:n,style:"left"===F?{left:T?(0,f.$I)(P)+"px":C+"px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q}:{right:T?(0,f.$I)(P)+"px":C+"px",bottom:T?(0,f.vn)(P)+"px":L+"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:G.thumbnail_image,isMuted:!0,isPlaying:!0,event:G})})}),(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:Y+"px"},onClick:W,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:"white",fontSize:$+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,m.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:X,borderBottomRightRadius:X,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,m.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*Y+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},2209:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),l=n(5160),s=n(6967),d=n(5380),c=n(58),h=n(8984),p=n(4669),u=n(941),x=n(9302),f=n(7381),g=n(2575),m=n(7300),v=n(6524),w=n(3388),b=n(7643),j=n(778),y=n(6417);const S=(0,g.Z)({key:"whatmore-css-wsv"}),E=i.lazy((()=>Promise.all([n.e(819),n.e(576),n.e(210),n.e(803),n.e(926),n.e(303),n.e(660),n.e(708)]).then(n.bind(n,1660))));t.default=function(e){const[t,n]=(0,i.useState)(),[g,I]=(0,i.useState)(),[z]=(0,a.j1)("isInDesignMode"),[P]=(0,a.j1)("isDemoBrand"),[k,C]=(0,i.useState)(-2),[L]=(0,a.j1)("whatmoreShopId"),O=(0,a.MO)("isLandingSharedLink"),M=(0,a.MO)("whatmoreShareTemplateId"),_=((0,a.MO)("whatmoreShareStoryId"),(0,a.MO)("whatmoreShareEventId")),A=(0,a.MO)("whatmoreLandingLocationType"),T=(0,a.MO)("whatmoreLoggingActive");var V=(0,o.ef)(L)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,i.useEffect)((()=>{(0,s.hb)()}),[]),(0,i.useEffect)((()=>{(0,p.ll)(L)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||g||!(0,h.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{C(-1);const e=v.NX,t=(0,v.H1)(A),i=V.toString()+L.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+L;fetch(i).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{I(e.message)}))}),[]),(0,i.useEffect)((()=>{C(-2)}),[t]),(0,i.useEffect)((()=>{null==t||0==t.length||g||O&&"template-embed"==(0,v.zv)(M)&&null!=_&&t.forEach(((e,t)=>{_==e.event_id&&B(e,!0,t)}))}),[t]);const B=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,h.KE)()&&!t&&(0,c.QV)(),(0,m.B6)(e)||(0,m.WJ)(e))return z||P||(async()=>{(0,l.wh)(e),(0,p.Tc)(L,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup")})(),void C(n)};function F(){return(0,y.jsx)(y.Fragment,{})}return null==t||0==t.length||g?(0,y.jsx)("div",{}):(T&&(0,f.EI)(t),(0,y.jsx)(x.C,{value:S,children:-1===k||0===t.length?(0,y.jsx)(F,{}):-2===k&&t.length>0?(0,y.jsx)("div",{children:(0,y.jsx)(b.u,{userInteractionType:j.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!P,children:(0,y.jsx)(d.Z,{event:t[0],inVideoClick:B,closeClick:e=>{e.stopPropagation(),C(-1)},isSpotlight:!0})})}):(0,y.jsx)("div",{children:(0,y.jsx)(i.Suspense,{children:(0,y.jsx)(b.u,{userInteractionType:j.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!P,children:(0,y.jsx)(E,{events:t,index:k,onBack:function(){(0,o.n2)(L)&&(0,a.MO)("whatmoreAddedToCart")&&(0,u.D)(L,(()=>{}),100,window.location.hostname),C(-2)},template:"template-embed"})})})})}))}}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[692],{3388:function(e,t,n){n.d(t,{OC:function(){return l},e8:function(){return r},kT:function(){return i},kW:function(){return a},xg:function(){return o}});const i=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==i(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 n;if(null==e)return[];if(!("eventsets"in e))return[];const i=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return i?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(i):[]}},5380:function(e,t,n){n.d(t,{Z:function(){return v}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),l=n(7753),s=n(9821);var d=function(e){const[t,n,i,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,n*h,r]},c=n(9723),h=n(9461),p=n.n(h),u=n(1195),x=n(7108),f=(n(7244),n(123),n(9854)),g=n(4136),m=n(6417);var v=function(e){var t;const n=o.useRef(null);var[s,h,v]=d();const{whatmoreUITheme:w}=(0,o.useContext)(g.I),[b]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[I]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[z]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,l.MO)("whatmoreShopId");var k=j,C=y,L=S;v[a.YP]===a.$w&&(k=E,C=I,L=z);const[O,M]=(0,o.useState)(["initial",window.pageYOffset]),[_,A]=(0,o.useState)(!1),T=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,f.zG)(P):(0,f.zG)(P),B=T?V:1;s*=B,h*=B;const F=T?(0,f.G0)(P):k,R=T?(0,f.X8)(P):(0,f.lV)(P),[Z,D]=(0,o.useState)(!T&&(0,f.eX)(P));function N(e,t){M(e),e[1]<=100?A(!1):t!=_&&(A(t),D(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(N([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)}),[O]),(0,i.O3)({ref:n,handler:()=>{N(["scrolled-up",O[1]],!0)}});const G=e.event,H=e.inVideoClick,W=e.closeClick,Y=.3*h,$=.6*h,K=.1*h,U=.1*(.5*h),X="round"==w?"10px":"0px",q=(0,f.Z$)(P);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,{}):_&&R?(0,m.jsx)("div",{style:"left"===F?{left:"1px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q},children:(0,m.jsxs)("div",{onClick:()=>{N(["initial",O[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:G.thumbnail_image,isPlaying:!1,event:G})})}),(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:Y+"px"},style:{position:"relative",zIndex:1,left:U+"px",bottom:U+"px"},onClick:W})})}),(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*Y+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,m.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)=>{J&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):H(G)},children:(0,m.jsx)("div",{ref:n,style:"left"===F?{left:T?(0,f.$I)(P)+"px":C+"px",bottom:T?(0,f.vn)(P)+"px":L+"px",position:"fixed",zIndex:q}:{right:T?(0,f.$I)(P)+"px":C+"px",bottom:T?(0,f.vn)(P)+"px":L+"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:G.thumbnail_image,isMuted:!0,isPlaying:!0,event:G})})}),(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:Y+"px"},onClick:W,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:"white",fontSize:$+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,m.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:X,borderBottomRightRadius:X,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,m.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*Y+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",b]})})]})})]})})})})}},2209:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),l=n(5160),s=n(6967),d=n(5380),c=n(58),h=n(8984),p=n(4669),u=n(941),x=n(9302),f=n(7381),g=n(2575),m=n(7300),v=n(6524),w=n(3388),b=n(7643),j=n(778),y=n(6417);const S=(0,g.Z)({key:"whatmore-css-wsv"}),E=i.lazy((()=>Promise.all([n.e(819),n.e(210),n.e(576),n.e(803),n.e(926),n.e(303),n.e(660),n.e(708)]).then(n.bind(n,1660))));t.default=function(e){const[t,n]=(0,i.useState)(),[g,I]=(0,i.useState)(),[z]=(0,a.j1)("isInDesignMode"),[P]=(0,a.j1)("isDemoBrand"),[k,C]=(0,i.useState)(-2),[L]=(0,a.j1)("whatmoreShopId"),O=(0,a.MO)("isLandingSharedLink"),M=(0,a.MO)("whatmoreShareTemplateId"),_=((0,a.MO)("whatmoreShareStoryId"),(0,a.MO)("whatmoreShareEventId")),A=(0,a.MO)("whatmoreLandingLocationType"),T=(0,a.MO)("whatmoreLoggingActive");var V=(0,o.ef)(L)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,i.useEffect)((()=>{(0,s.hb)()}),[]),(0,i.useEffect)((()=>{(0,p.ll)(L)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||g||!(0,h.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||(0,c.b5)(c.UD)}),[t]),(0,i.useEffect)((()=>{C(-1);const e=v.NX,t=(0,v.H1)(A),i=V.toString()+L.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+L;fetch(i).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{I(e.message)}))}),[]),(0,i.useEffect)((()=>{C(-2)}),[t]),(0,i.useEffect)((()=>{null==t||0==t.length||g||O&&"template-embed"==(0,v.zv)(M)&&null!=_&&t.forEach(((e,t)=>{_==e.event_id&&B(e,!0,t)}))}),[t]);const B=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,h.KE)()&&!t&&(0,c.QV)(),(0,m.B6)(e)||(0,m.WJ)(e))return z||P||(async()=>{(0,l.wh)(e),(0,p.Tc)(L,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup")})(),void C(n)};function F(){return(0,y.jsx)(y.Fragment,{})}return null==t||0==t.length||g?(0,y.jsx)("div",{}):(T&&(0,f.EI)(t),(0,y.jsx)(x.C,{value:S,children:-1===k||0===t.length?(0,y.jsx)(F,{}):-2===k&&t.length>0?(0,y.jsx)("div",{children:(0,y.jsx)(b.u,{userInteractionType:j.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!P,children:(0,y.jsx)(d.Z,{event:t[0],inVideoClick:B,closeClick:e=>{e.stopPropagation(),C(-1)},isSpotlight:!0})})}):(0,y.jsx)("div",{children:(0,y.jsx)(i.Suspense,{children:(0,y.jsx)(b.u,{userInteractionType:j.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!z&&!P,children:(0,y.jsx)(E,{events:t,index:k,onBack:function(){(0,o.n2)(L)&&(0,a.MO)("whatmoreAddedToCart")&&(0,u.D)(L,(()=>{}),100,window.location.hostname),C(-2)},template:"template-embed"})})})})}))}}}]);
package/static/js/{74.5d5a23a2.chunk.js → 74.12447a67.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[74],{5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),a=i(4892),r=i(6805),s=i(7753),d=i(9821);var c=function(e){const[t,i,n,o,a]=(0,d.Z)(),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=a[r.YP]===r.$w?l/100:c/100*1.2;return[t*p,i*p,a]},l=i(9723),p=i(9461),u=i.n(p),h=i(1195),w=i(7108),x=(i(7244),i(123),i(9854)),f=i(4136),g=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,p,v]=c();const{whatmoreUITheme:m}=(0,o.useContext)(f.I),[y]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[L]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,s.MO)("whatmoreShopId");var z=j,T=b,_=I;v[r.YP]===r.$w&&(z=S,T=E,_=L);const[k,C]=(0,o.useState)(["initial",window.pageYOffset]),[D,M]=(0,o.useState)(!1),V=null!==(t=e.isSpotlight)&&void 0!==t&&t,A=v[r.YP]===r.$w?.7*(0,x.zG)(P):(0,x.zG)(P),O=V?A:1;d*=O,p*=O;const B=V?(0,x.G0)(P):z,F=V?(0,x.X8)(P):(0,x.lV)(P),[Z,R]=(0,o.useState)(!V&&(0,x.eX)(P));function N(e,t){C(e),e[1]<=100?M(!1):t!=D&&(M(t),R(!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)}),[k]),(0,n.O3)({ref:i,handler:()=>{N(["scrolled-up",k[1]],!0)}});const G=e.event,U=e.inVideoClick,W=e.closeClick,Y=.3*p,$=.6*p,K=.1*p,H=.1*(.5*p),X="round"==m?"10px":"0px",J=(0,x.Z$)(P);var q=!1,Q=0,ee=0;function te(e){q=e}return(0,g.jsx)("div",{children:Z&&!F?(0,g.jsx)(g.Fragment,{}):D&&F?(0,g.jsx)("div",{style:"left"===B?{left:"1px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{onClick:()=>{N(["initial",k[1]],!1)},style:{margin:"1px",width:p+"px",height:d+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(a.Z,{url:G.thumbnail_image,isPlaying:!1,event:G})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,g.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:Y+"px"},style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"},onClick:W})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(w.Z,{sx:{color:"white",fontSize:2*Y+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,g.jsx)(u(),{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)=>{q&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):U(G)},children:(0,g.jsx)("div",{ref:i,style:"left"===B?{left:V?(0,x.$I)(P)+"px":T+"px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J}:{right:V?(0,x.$I)(P)+"px":T+"px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:d+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(a.Z,{url:G.thumbnail_image,isMuted:!0,isPlaying:!0,event:G})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:Y+"px"},onClick:W,style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(l.Z,{sx:{color:"white",fontSize:$+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:X,borderBottomRightRadius:X,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,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*Y+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},4284:function(e,t,i){i.r(t);var n=i(7313),o=i(9854),a=i(2860),r=i(7753),s=i(5160),d=(i(4844),i(6967)),c=i(5380),l=i(58),p=i(8984),u=(i(7247),i(1824),i(4669)),h=i(941),w=i(9302),x=i(2575),f=i(7300),g=i(6524),v=i(4136),m=i(7376),y=i(778),j=i(7643),b=i(6417);const I=(0,x.Z)({key:"whatmore-css-ppv"}),S=n.lazy((()=>Promise.all([i.e(819),i.e(576),i.e(210),i.e(803),i.e(926),i.e(303),i.e(660),i.e(108)]).then(i.bind(i,1660))));function E(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,i]=(0,n.useState)(),[x,L]=(0,n.useState)(),[P]=(0,r.j1)("isInDesignMode"),[z]=(0,r.j1)("isDemoBrand"),[T]=(0,r.j1)("whatmoreEmbedAppUseVariant"),[_,k]=(0,n.useState)(-2),[C]=(0,r.j1)("whatmoreVariantId"),[D]=(0,r.j1)("whatmoreShopId");var[M]=(0,r.j1)("whatmoreProductId");const V=(0,r.MO)("isLandingSharedLink"),A=(0,r.MO)("whatmoreShareTemplateId"),O=((0,r.MO)("whatmoreShareStoryId"),(0,r.MO)("whatmoreShareEventId"));M=(0,o.iX)(D)?E(window.location.href):M;const[B,F]=(0,n.useState)((()=>"true"===T?C:M));var Z=a.Gc+"/v2/brand/"+D+"/product-events";const{whatmoreWidgetSourceDetails:R}=(0,n.useContext)(v.I);(0,n.useEffect)((()=>{(0,d.hb)()}),[]),(0,n.useEffect)((()=>{(0,u.ll)(D)}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||x||!(0,p.KE)()||(0,r.MO)("whatmoreVideoPlayerPoolInitiated")||(0,l.b5)(l.UD)}),[t]),(0,n.useEffect)((()=>{k(-1),fetch(Z.toString()+"?client_product_id="+B.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(i(e),e))).then((e=>((0,o.yo)(D)&&function(e,t){setTimeout((async()=>{const i=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!i||i.product_link==E(window.location.href))return;const n={product_id:i.product_id,product_link:E(window.location.href)};fetch(a.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)})}),500)}(e,B),e))).catch((e=>{L(e.message)}))}),[B]),(0,n.useEffect)((()=>{k(-2),t&&t.length>0&&(0,m.PB)({userInteractionType:y.K.PDP_VISITED,widgetSourceDetails:R,event:t[0],productList:t[0].products,ctaList:t[0].cta})}),[t]),(0,n.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"===T){const e=function(e){for(var t=window.location.search.substring(1).split("&"),i=0;i<t.length;i++){var n=t[i].split("=");if(n[0]==e)return n[1]}return!1}("variant");e&&""!==e&&F(e)}}))}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||x||V&&"template-embed"==(0,g.zv)(A)&&null!=O&&t.forEach(((e,t)=>{O==e.event_id&&N(e,!0,t)}))}),[t]);const N=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,p.KE)()&&!t&&(0,l.QV)(),(0,f.B6)(e)||(0,f.WJ)(e))return P||z||(async()=>{(0,s.wh)(e),(0,u.Tc)(D,a.h7,a.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup")})(),void k(i)};function G(){return(0,b.jsx)(b.Fragment,{})}return null==t||0==t.length||x?(0,b.jsx)("div",{}):(0,b.jsx)(w.C,{value:I,children:"no-product"===B||-1===_||0===t.length?(0,b.jsx)(G,{}):-2===_&&t.length>0?(0,b.jsx)("div",{children:(0,b.jsx)(j.u,{userInteractionType:y.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!z,children:(0,b.jsx)(c.Z,{event:t[0],inVideoClick:N,closeClick:e=>{e.stopPropagation(),k(-1)}})})}):(0,b.jsx)("div",{children:(0,b.jsx)(n.Suspense,{children:(0,b.jsx)(j.u,{userInteractionType:y.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!z,children:(0,b.jsx)(S,{events:t,index:_,onBack:function(){(0,o.n2)(D)&&(0,r.MO)("whatmoreAddedToCart")&&(0,h.D)(D,(()=>{}),100,window.location.hostname),k(-2)},template:"template-product-page"})})})})})}},7376:function(e,t,i){i.d(t,{GF:function(){return o},PB:function(){return s},Z2:function(){return a},y4:function(){return r}});var n=i(795);function o(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function a(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function r(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function s(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[74],{5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),a=i(4892),r=i(6805),s=i(7753),d=i(9821);var c=function(e){const[t,i,n,o,a]=(0,d.Z)(),[c]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[l]=(0,s.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),p=a[r.YP]===r.$w?l/100:c/100*1.2;return[t*p,i*p,a]},l=i(9723),p=i(9461),u=i.n(p),h=i(1195),w=i(7108),x=(i(7244),i(123),i(9854)),f=i(4136),g=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,p,v]=c();const{whatmoreUITheme:m}=(0,o.useContext)(f.I),[y]=(0,s.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,s.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[I]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[S]=(0,s.j1)("whatmoreEmbedAppPositionLandscape"),[E]=(0,s.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[L]=(0,s.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),P=(0,s.MO)("whatmoreShopId");var z=j,T=b,_=I;v[r.YP]===r.$w&&(z=S,T=E,_=L);const[k,C]=(0,o.useState)(["initial",window.pageYOffset]),[D,M]=(0,o.useState)(!1),V=null!==(t=e.isSpotlight)&&void 0!==t&&t,A=v[r.YP]===r.$w?.7*(0,x.zG)(P):(0,x.zG)(P),O=V?A:1;d*=O,p*=O;const B=V?(0,x.G0)(P):z,F=V?(0,x.X8)(P):(0,x.lV)(P),[Z,R]=(0,o.useState)(!V&&(0,x.eX)(P));function N(e,t){C(e),e[1]<=100?M(!1):t!=D&&(M(t),R(!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)}),[k]),(0,n.O3)({ref:i,handler:()=>{N(["scrolled-up",k[1]],!0)}});const G=e.event,U=e.inVideoClick,W=e.closeClick,Y=.3*p,$=.6*p,K=.1*p,H=.1*(.5*p),X="round"==m?"10px":"0px",J=(0,x.Z$)(P);var q=!1,Q=0,ee=0;function te(e){q=e}return(0,g.jsx)("div",{children:Z&&!F?(0,g.jsx)(g.Fragment,{}):D&&F?(0,g.jsx)("div",{style:"left"===B?{left:"1px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J}:{right:"5px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{onClick:()=>{N(["initial",k[1]],!1)},style:{margin:"1px",width:p+"px",height:d+"px"},className:"left"===B?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(a.Z,{url:G.thumbnail_image,isPlaying:!1,event:G})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,g.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:Y+"px"},style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"},onClick:W})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(w.Z,{sx:{color:"white",fontSize:2*Y+"px",filter:"drop-shadow(0 0 15px black);"}})})]})})]})}):(0,g.jsx)(u(),{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)=>{q&&(Math.abs(t.x-Q)>5||Math.abs(t.y-ee)>5)?te(!1):U(G)},children:(0,g.jsx)("div",{ref:i,style:"left"===B?{left:V?(0,x.$I)(P)+"px":T+"px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J}:{right:V?(0,x.$I)(P)+"px":T+"px",bottom:V?(0,x.vn)(P)+"px":_+"px",position:"fixed",zIndex:J},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:p+"px",height:d+"px"}),className:"left"===B?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{boxShadow:"0px 0px 10px 3px #B0B0B0",borderRadius:X,overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(a.Z,{url:G.thumbnail_image,isMuted:!0,isPlaying:!0,event:G})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 15px black);",color:"white",fontSize:Y+"px"},onClick:W,style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(l.Z,{sx:{color:"white",fontSize:$+"px",filter:"drop-shadow(0 0 15px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:X,borderBottomRightRadius:X,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,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*Y+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",y]})})]})})]})})})})}},4284:function(e,t,i){i.r(t);var n=i(7313),o=i(9854),a=i(2860),r=i(7753),s=i(5160),d=(i(4844),i(6967)),c=i(5380),l=i(58),p=i(8984),u=(i(7247),i(1824),i(4669)),h=i(941),w=i(9302),x=i(2575),f=i(7300),g=i(6524),v=i(4136),m=i(7376),y=i(778),j=i(7643),b=i(6417);const I=(0,x.Z)({key:"whatmore-css-ppv"}),S=n.lazy((()=>Promise.all([i.e(819),i.e(210),i.e(576),i.e(803),i.e(926),i.e(303),i.e(660),i.e(108)]).then(i.bind(i,1660))));function E(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,i]=(0,n.useState)(),[x,L]=(0,n.useState)(),[P]=(0,r.j1)("isInDesignMode"),[z]=(0,r.j1)("isDemoBrand"),[T]=(0,r.j1)("whatmoreEmbedAppUseVariant"),[_,k]=(0,n.useState)(-2),[C]=(0,r.j1)("whatmoreVariantId"),[D]=(0,r.j1)("whatmoreShopId");var[M]=(0,r.j1)("whatmoreProductId");const V=(0,r.MO)("isLandingSharedLink"),A=(0,r.MO)("whatmoreShareTemplateId"),O=((0,r.MO)("whatmoreShareStoryId"),(0,r.MO)("whatmoreShareEventId"));M=(0,o.iX)(D)?E(window.location.href):M;const[B,F]=(0,n.useState)((()=>"true"===T?C:M));var Z=a.Gc+"/v2/brand/"+D+"/product-events";const{whatmoreWidgetSourceDetails:R}=(0,n.useContext)(v.I);(0,n.useEffect)((()=>{(0,d.hb)()}),[]),(0,n.useEffect)((()=>{(0,u.ll)(D)}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||x||!(0,p.KE)()||(0,r.MO)("whatmoreVideoPlayerPoolInitiated")||(0,l.b5)(l.UD)}),[t]),(0,n.useEffect)((()=>{k(-1),fetch(Z.toString()+"?client_product_id="+B.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(i(e),e))).then((e=>((0,o.yo)(D)&&function(e,t){setTimeout((async()=>{const i=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!i||i.product_link==E(window.location.href))return;const n={product_id:i.product_id,product_link:E(window.location.href)};fetch(a.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)})}),500)}(e,B),e))).catch((e=>{L(e.message)}))}),[B]),(0,n.useEffect)((()=>{k(-2),t&&t.length>0&&(0,m.PB)({userInteractionType:y.K.PDP_VISITED,widgetSourceDetails:R,event:t[0],productList:t[0].products,ctaList:t[0].cta})}),[t]),(0,n.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"===T){const e=function(e){for(var t=window.location.search.substring(1).split("&"),i=0;i<t.length;i++){var n=t[i].split("=");if(n[0]==e)return n[1]}return!1}("variant");e&&""!==e&&F(e)}}))}),[]),(0,n.useEffect)((()=>{null==t||0==t.length||x||V&&"template-embed"==(0,g.zv)(A)&&null!=O&&t.forEach(((e,t)=>{O==e.event_id&&N(e,!0,t)}))}),[t]);const N=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,p.KE)()&&!t&&(0,l.QV)(),(0,f.B6)(e)||(0,f.WJ)(e))return P||z||(async()=>{(0,s.wh)(e),(0,u.Tc)(D,a.h7,a.dU),(0,d.H4)(e.event_id,e.products,"product_page","video_popup")})(),void k(i)};function G(){return(0,b.jsx)(b.Fragment,{})}return null==t||0==t.length||x?(0,b.jsx)("div",{}):(0,b.jsx)(w.C,{value:I,children:"no-product"===B||-1===_||0===t.length?(0,b.jsx)(G,{}):-2===_&&t.length>0?(0,b.jsx)("div",{children:(0,b.jsx)(j.u,{userInteractionType:y.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!z,children:(0,b.jsx)(c.Z,{event:t[0],inVideoClick:N,closeClick:e=>{e.stopPropagation(),k(-1)}})})}):(0,b.jsx)("div",{children:(0,b.jsx)(n.Suspense,{children:(0,b.jsx)(j.u,{userInteractionType:y.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!P&&!z,children:(0,b.jsx)(S,{events:t,index:_,onBack:function(){(0,o.n2)(D)&&(0,r.MO)("whatmoreAddedToCart")&&(0,h.D)(D,(()=>{}),100,window.location.hostname),k(-2)},template:"template-product-page"})})})})})}},7376:function(e,t,i){i.d(t,{GF:function(){return o},PB:function(){return s},Z2:function(){return a},y4:function(){return r}});var n=i(795);function o(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function a(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function r(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}function s(e){let{userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s}=e;(0,n.s)({userInteractionType:t,userInteractionMetadata:i,widgetSourceDetails:o,event:a,productList:r,ctaList:s})}}}]);
package/static/js/891.af6bb2b8.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[891],{3867:function(t,e,i){var n=i(8816),r=i(417),o=i(4885),l=i(7753),s=i(4136),a=i(7313),d=i(6417);e.Z=function(t){var e;const{whatmoreUITheme:i}=(0,a.useContext)(s.I),[p]=(0,l.j1)("whatmoreSecondaryColor"),[c,h]=(0,l.j1)("productRatings"),x=(0,l.MO)("whatmorePrimaryFont"),y=(t.storeId,t.productId),m=(t.productLink,t.fontSize),f=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===c||"undefined"==typeof c||!(y in c)||c[y].avgRating>5)return(0,d.jsx)(d.Fragment,{});const u=c[y].avgRating,g=c[y].totalRatings;return(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,d.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(u))].map(((t,e)=>(0,d.jsx)(n.Z,{sx:{color:p,fontSize:m+"px"}},"star-icon"+e))),u-Math.floor(u)>.2?(0,d.jsx)(r.Z,{sx:{color:p,fontSize:m+"px"}},"star-half-icon"):u-Math.floor(u)==0?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(o.Z,{sx:{color:p,fontSize:m+"px"}},"star-outline-icon"),[...Array(Math.floor(5-u))].map(((t,e)=>(0,d.jsx)(o.Z,{sx:{color:p,fontSize:m+"px"}},"star-outline-icon-"+e))),(0,d.jsx)("div",{children:(0,d.jsx)("div",{width:"2px"})}),(0,d.jsx)("div",{children:(0,d.jsx)("div",{style:{backgroundColor:p,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,d.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*m+"px","important"),t.style.setProperty("font-family",x,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",u,"\xa0"]})})}),(0,d.jsx)("div",{children:(0,d.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",f,"important"),t.style.setProperty("font-size",.8*m+"px","important"),t.style.setProperty("font-family",x,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+g+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return W}});var n=i(7313),r=i(6090),o=i(7616),l=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),s=i(2575),a=i(2210),d=i(8486),p=i(9821),c=i(8866),h=i(2279),x=i.n(h),y=i(7753),m=i(7129),f=i(9854),u=i(4136),g=i(1855),w=i(4892),v=i(3933),j=i(1092),P=i(5945),C=i(5456),b=i(3867),I=i(9219),S=i(6417);const k=n.lazy((()=>Promise.all([i.e(576),i.e(803),i.e(660),i.e(12)]).then(i.bind(i,6163))));var F=function(t){const{whatmoreUITheme:e}=(0,n.useContext)(u.I);var[i,r]=(0,p.Z)();const[o]=(0,y.j1)("whatmorePrimaryFont"),[l]=(0,y.j1)("whatmoreSecondaryColorShade900"),[s]=(0,y.j1)("whatmoreShopId"),[a,d]=(0,n.useState)(0),[c,h]=(0,n.useState)(t.event),x=t.onClick;if(0==c.products.length)return(0,S.jsx)(S.Fragment,{});(0,n.useEffect)((()=>{(0,f.N8)(s)&&(0,I.p_)(c,(0,f.Ip)(s),s).then((t=>{h(t)}))}),[]);const m=.3*r,g=m+"px",w=m+"px",v=.05*r+"px",j=.07*r,F=j+"px",O=.05*r;return(0,S.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,S.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*r,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:x,children:[(0,S.jsx)("div",{style:{width:g,height:w,overflow:"hidden",backgroundColor:l,borderRadius:"round"==e?"5px":"0px",borderWidth:"0px"==(0,f.al)(s)?"2px":(0,f.al)(s),borderColor:"white"==(0,f.qP)(s)?l:(0,f.qP)(s)},children:(0,S.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,f.yO)(s),"important")},src:c.products[a].thumbnail_image,style:{width:g,height:g,borderRadius:"round"==e?"5px":"0px",backgroundColor:l},alt:"product image"})}),(0,S.jsx)("div",{style:{width:.7*r+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==e?"5px":"0px"},children:(0,S.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,S.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,S.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",v,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",o,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,P.s)(c.products[a].title)})}),(0,S.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"4px"},children:[(0,S.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",o,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(c.products[a].price),"",s,c.products[a].currency)]}),(0,S.jsx)("div",{children:(0,C.B)(c.products[a].price,c.products[a].compare_price)?(0,S.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color","gray","important"),t.style.setProperty("font-size",.9*j+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",o,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,I.jx)(parseFloat(c.products[a].compare_price),"",s,c.products[a].currency)]}):(0,S.jsx)(S.Fragment,{})})]}),(0,S.jsx)(b.Z,{storeId:s,productId:c.products[a].client_product_id,productLink:c.products[a].product_link,fontSize:O})]})})]},a),(0,f.IX)(s)?(0,S.jsx)(n.Suspense,{children:(0,S.jsx)(k,{baseFontSize:.05*r,event:c,product:c.products[0],width:.9*r,height:"fit-content"})}):(0,S.jsx)(S.Fragment,{})]})},O=i(3388);function M(t){const[e,i,r,o,l]=(0,p.Z)(),{whatmoreUITheme:s}=(0,n.useContext)(u.I),a=(0,y.MO)("whatmoreShowViews"),d=(0,y.MO)("whatmoreShopId"),c=((0,y.MO)("whatmoreSecondaryColorShade600"),t.PRODUCT_BOX_HEIGHT),h=t.PRODUCT_BOX_HEIGHT_IN_PX,x=t.PRODUCT_BOX_MARGIN,[m,g,w]=(0,v.YD)({triggerOnce:!0}),P=t.event;t.isOnFocus;return(0,S.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,S.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,S.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(P)},children:"show"===a?(0,S.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,S.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,S.jsx)(j.Z,{event:P,fontSize:.07*i+"px"})})}):(0,S.jsx)(S.Fragment,{})}),(0,S.jsx)("div",{style:{display:"flex",width:"100%",height:e-c+"px"},onClick:()=>{t.onClick(P)}}),(0,O.xg)(P,d)?(0,S.jsx)("div",{style:{position:"relative",zIndex:1,bottom:x+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:h,marginLeft:x+"px",marginRight:x+"px",backgroundColor:"white",borderRadius:"round"==s?"5px":"0px",borderWidth:(0,f.al)(d),borderColor:(0,f.qP)(d),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,S.jsx)("div",{ref:m,children:g&&(0,f.PW)(d)?(0,S.jsx)(F,{event:P,onClick:()=>{t.onClick(P)}}):(0,S.jsx)("div",{height:"20px"})})}):(0,S.jsx)(S.Fragment,{})]})})}var R=function(t){var e,i,r;const[o,l,s,a,d]=(0,p.Z)();var c=(0,n.useContext)(m.V);const{whatmoreUITheme:h}=(0,n.useContext)(u.I),x=(0,y.MO)("whatmoreShopId"),g=(0,y.MO)("whatmoreSecondaryColorShade600"),v=t.event,j=t.onClick,P=null===(e=t.isOnFocus)||void 0===e||e,C=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,b=null!==(r=t.animateOnFocus&&(0,f.iW)(x))&&void 0!==r&&r,I=(0,f.IX)(x)?.7:.8,k=o*I+"px",F=1-I,R=o*F,_=o*F+"px",L=o*F*.1,z=(0,f.nz)(x);return(0,S.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",c.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",c.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*o+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?z:null,borderWidth:(0,f.al)(x),borderColor:(0,f.qP)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:b?P?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{},children:[(0,S.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},children:[(0,S.jsx)(w.Z,{height:k,width:"100%",url:v.thumbnail_image,isPlaying:P||C,event:v}),(0,O.xg)(v,x)?(0,S.jsx)("div",{style:{width:"100%",height:_,backgroundColor:g}}):(0,S.jsx)(S.Fragment,{})]}),(0,S.jsx)(M,{event:v,isOnFocus:P,PRODUCT_BOX_HEIGHT:R,PRODUCT_BOX_HEIGHT_IN_PX:_,PRODUCT_BOX_MARGIN:L,onClick:j})]})},_=i(778),L=i(7376);const z=(0,s.Z)({key:"whatmore-css-hv"});function Z(t){const[e,i,r]=(0,p.Z)(),o=(0,y.MO)("whatmoreShopId"),l=t.events,s=t.onClick,d=r*(0,f.u6)(o),{whatmoreWidgetSourceDetails:c}=(0,n.useContext)(u.I);return(0,S.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,S.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,S.jsx)(a.tq,{slidesPerView:l.length>1?d:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,L.y4)({userInteractionType:_.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:c})},children:l.map((t=>(0,S.jsx)(a.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:r,isVisible:o}=e;return n||r||i?(0,S.jsx)(R,{isOnFocus:i&&o,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}}):(0,S.jsx)(g.Z,{})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function T(t){const[e,i,r,o]=(0,p.Z)(),[l,s]=(0,n.useState)(-1),c=t.onClick,h=t.events,y=Math.min(r,h.length),{whatmoreWidgetSourceDetails:m}=(0,n.useContext)(u.I);return(0,S.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:o+"px",paddingRight:o+"px"},children:(0,S.jsx)("div",{style:{width:i*y*1.1+"px"},children:(0,S.jsx)(a.tq,{slidesPerView:y,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(y),onSlideChange:()=>{(0,L.y4)({userInteractionType:_.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m})},children:h.map(((t,e)=>{const i=x()((()=>s(e)),300);return(0,S.jsx)(a.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:n,isPrev:r,isNext:o,isVisible:s}=i;return s?(0,S.jsx)(R,{isOnFocus:e==l,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>{c(t)}}):(0,S.jsx)(g.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var W=function(t){var e;const[i,s,a]=(0,c.Z)(),[d]=(0,y.j1)("whatmorePrimaryColor"),[p]=(0,y.j1)("whatmoreShopId"),[h]=(0,y.j1)("whatmoreSecondaryColor"),[x]=(0,y.j1)("whatmoreTitleFont"),g="portrait"==i?(0,y.MO)("whatmoreTitleFontSizePortrait"):(0,y.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,n.useContext)(u.I),v=t.events,j=t.onClick,P=null!==(e=(0,f.aR)(p))&&void 0!==e?e:x;function C(t){j(t)}return delete o.ZP.styles.global,(0,S.jsx)(l.C,{value:z,children:(0,S.jsx)("div",{children:(0,S.jsx)(r.x,{theme:o.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,S.jsxs)(m.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:[t.heading.trim().length>0?(0,S.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,S.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",P,"important"),t.style.setProperty("font-size",g+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:t.heading})}):(0,S.jsx)(S.Fragment,{}),"landscape"===i?(0,S.jsx)(T,{events:v,onClick:C}):(0,S.jsx)(Z,{events:v,onClick:C})]})})})})}},1092:function(t,e,i){var n=i(237),r=i(9854),o=i(7753),l=i(4136),s=i(7313),a=i(6417);function d(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const{whatmoreUITheme:e}=(0,s.useContext)(l.I),i=(0,o.MO)("whatmoreShopId"),p=(0,o.MO)("whatmorePrimaryFont"),c=t.event,h=t.fontSize;if(c.total_views<=0)return(0,a.jsx)(a.Fragment,{});const x=(0,r.S_)(i);return"template-icon"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,r.al)(i),borderColor:(0,r.qP)(i)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(n.Z,{sx:{color:(0,r.aL)(i)+" !important",fontSize:h,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,r.aL)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",p,"important"),t.style.setProperty("font-size",h,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(c.total_views)+" "})})]})})}):"template-text"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,r.XC)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,r.al)(i),borderColor:(0,r.qP)(i)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,r.aL)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",p,"important"))},style:{fontSize:h,fontWeight:"bold"},children:" "+d(c.total_views)+" views"})})})})}):void 0}},7129:function(t,e,i){i.d(e,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,i){var n=i(7313),r=i(9821),o=i(7129),l=i(6417);e.Z=function(t){var[e,i]=(0,r.Z)();return(0,n.useContext)(o.V),t.event,(0,l.jsx)("div",{style:{margin:"0 auto",width:i,height:e,overflow:"hidden"}})}},5456:function(t,e,i){i.d(e,{B:function(){return n}});const n=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},8816:function(t,e,i){var n=i(5318);e.Z=void 0;var r=n(i(5045)),o=i(6417),l=(0,r.default)((0,o.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=l},417:function(t,e,i){var n=i(5318);e.Z=void 0;var r=n(i(5045)),o=i(6417),l=(0,r.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=l},4885:function(t,e,i){var n=i(5318);e.Z=void 0;var r=n(i(5045)),o=i(6417),l=(0,r.default)((0,o.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var r=n(i(5045)),o=i(6417),l=(0,r.default)((0,o.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
package/static/js/959.07269a10.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[959],{4048:function(e,t,n){n.r(t);var i=n(7313),o=n(6090),r=n(7616),s=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),l=n(2575),a=n(2210),d=n(8486),c=n(9821),h=n(8866),p=n(2279),x=n.n(p),m=n(7753),u=n(7129),f=n(1855),y=n(9854),g=n(4136),w=n(4920),v=n(7376),j=n(778),C=n(6417);const b=(0,l.Z)({key:"whatmore-css-hv"});function P(e){const[t,n,o]=(0,c.Z)(),r=(0,m.MO)("whatmoreShopId"),s=e.events,l=e.onClick,d=o*(0,y.u6)(r),{whatmoreWidgetSourceDetails:h}=(0,i.useContext)(g.I);return(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,C.jsx)(a.tq,{slidesPerView:s.length>1?d:1,initialSlide:s.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!0,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:e=>{(0,v.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:h})},children:s.map((e=>(0,C.jsx)(a.o5,{children:t=>{let{isActive:n,isPrev:i,isNext:o,isVisible:r}=t;return i||o||n?(0,C.jsx)(w.Z,{isOnFocus:n&&r,playOnUnfocus:!1,animateOnFocus:!0,event:e,onClick:()=>{l(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-portrait-"+e.index)))})})})}function I(e){const[t,n,o,r]=(0,c.Z)(),[s,l]=(0,i.useState)(-1),h=e.onClick,p=e.events,m=Math.min(o,p.length),{whatmoreWidgetSourceDetails:u}=(0,i.useContext)(g.I);return(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,C.jsx)("div",{style:{width:n*m*1.1+"px"},children:(0,C.jsx)(a.tq,{slidesPerView:m,watchSlidesProgress:!0,modules:[d.W_],navigation:!0,slidesPerGroup:parseInt(m),onSlideChange:()=>{(0,v.y4)({userInteractionType:j.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:u})},children:p.map(((e,t)=>{const n=x()((()=>l(t)),300);return(0,C.jsx)(a.o5,{onMouseEnter:()=>{n()},onMouseLeave:()=>{n.cancel(),l(-1)},children:n=>{let{isActive:i,isPrev:o,isNext:r,isVisible:l}=n;return l?(0,C.jsx)(w.Z,{isOnFocus:t==s,playOnUnfocus:!0,animateOnFocus:!0,event:e,onClick:()=>{h(e)}}):(0,C.jsx)(f.Z,{})}},"whatmore-event-tile-landscape-"+e.index)}))})})})}t.default=function(e){var t;const[n,l,a]=(0,h.Z)(),[d]=(0,m.j1)("whatmoreShopId"),[c]=(0,m.j1)("whatmorePrimaryColor"),[p]=(0,m.j1)("whatmoreSecondaryColor"),[x]=(0,m.j1)("whatmoreTitleFont"),f="portrait"==n?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),{whatmoreRootId:w}=(0,i.useContext)(g.I),v=e.events,j=e.onClick,S=null!==(t=(0,y.aR)(d))&&void 0!==t?t:x;function F(e){j(e)}return delete r.ZP.styles.global,(0,C.jsx)(s.C,{value:b,children:(0,C.jsx)("div",{children:(0,C.jsx)(o.x,{theme:r.ZP,cssVarsRoot:w,resetCSS:!1,children:(0,C.jsxs)(u.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[e.heading.trim().length>0?(0,C.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,C.jsx)("p",{ref:e=>{e&&(e.style.setProperty("font-family",S,"important"),e.style.setProperty("font-size",f+"px","important"))},style:{color:c,backgroundClip:"text",textAlign:"center"},children:e.heading})}):(0,C.jsx)(C.Fragment,{}),"landscape"===n?(0,C.jsx)(I,{events:v,onClick:F}):(0,C.jsx)(P,{events:v,onClick:F})]})})})})}},1092:function(e,t,n){var i=n(237),o=n(9854),r=n(7753),s=n(4136),l=n(7313),a=n(6417);function d(e){return e<1e3?e:e<1e5?(e/1e3).toFixed(0)+"K":(e/1e5).toFixed(0)+"L"}t.Z=function(e){const{whatmoreUITheme:t}=(0,l.useContext)(s.I),n=(0,r.MO)("whatmoreShopId"),c=(0,r.MO)("whatmorePrimaryFont"),h=e.event,p=e.fontSize;if(h.total_views<=0)return(0,a.jsx)(a.Fragment,{});const x=(0,o.S_)(n);return"template-icon"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)(i.Z,{sx:{color:(0,o.aL)(n)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"),e.style.setProperty("font-size",p,"important"),e.style.setProperty("min-height","0","important"),e.style.setProperty("display","inline","important"),e.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+d(h.total_views)+" "})})]})})}):"template-text"==x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XC)(n),color:"white",borderRadius:"round"==t?"5px":"0px",borderWidth:(0,o.al)(n),borderColor:(0,o.qP)(n)},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color",(0,o.aL)(n),"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",c,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+d(h.total_views)+" views"})})})})}):void 0}},7129:function(e,t,n){n.d(t,{V:function(){return i}});const i=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},5945:function(e,t,n){function i(e){return"undefined"==typeof e||"undefined"==e||null==e?"":e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()}))}n.d(t,{s:function(){return i}})},1855:function(e,t,n){var i=n(7313),o=n(9821),r=n(7129),s=n(6417);t.Z=function(e){var[t,n]=(0,o.Z)();return(0,i.useContext)(r.V),e.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:n,height:t,overflow:"hidden"}})}},4920:function(e,t,n){n.d(t,{Z:function(){return j}});var i=n(7313),o=n(9821),r=(n(3439),n(9723)),s=n(7753),l=n(4892),a=n(7129),d=n(6805),c=n(9854),h=n(1092),p=n(5945),x=n(4136),m=n(6417);var u=function(e){var[t,n]=(0,o.Z)();const{whatmoreUITheme:r}=(0,i.useContext)(x.I),[l]=(0,s.j1)("whatmorePrimaryFont"),[a]=(0,s.j1)("whatmorePrimaryColor"),[d]=(0,s.j1)("whatmoreSecondaryColor"),[h,u]=(0,i.useState)(0),f=(0,s.MO)("whatmoreShopId"),y=e.event;if(0==y.products.length)return(0,m.jsx)(m.Fragment,{});const g=.3*n,w=g+"px",v=g+"px",j=.07*n+"px";return(0,m.jsx)("div",{style:{width:n+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,m.jsx)("div",{style:{width:w,height:v,boxShadow:"round"==r?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==r?"5px":"0px",borderWidth:(0,c.al)(f),borderColor:(0,c.qP)(f),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,m.jsx)("img",{ref:e=>{e&&e.style.setProperty("object-fit",(0,c.yO)(f),"important")},src:y.products[h].thumbnail_image,style:{width:"100%",height:"100%",borderRadius:"round"==r?"5px":"0px"},alt:"product image"})}),(0,m.jsx)("div",{style:{width:n-5-g+"px",height:v,borderRadius:"round"==r?"5px":"0px",overflow:"visible"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",height:"100%",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("p",{ref:e=>{e&&(e.style.setProperty("color","white","important"),e.style.setProperty("font-size",j,"important"),e.style.setProperty("line-height","120%","important"),e.style.setProperty("font-family",l,"important"),e.style.setProperty("-webkit-line-clamp",3,"important"),e.style.setProperty("line-clamp",3,"important"),e.style.setProperty("-webkit-box-orient","vertical","important"),e.style.setProperty("display","-webkit-box","important"),e.style.setProperty("overflow","hidden","important"),e.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,p.s)(y.products[h].title)})})})]},h)})},f=n(3933),y=n(8984);function g(e){var t,[n,l]=(0,o.Z)();const[d]=(0,s.j1)("whatmoreShopId"),[h,p,x]=(0,f.YD)({triggerOnce:!0});var g=(0,i.useContext)(a.V);const w=e.event,v=null!==(t=e.unfocusedDisplay)&&void 0!==t&&t,j=.5*l;return(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)("p",{children:" "})}),g.showPlayButton&&!v?(0,m.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(r.Z,{sx:{color:"#F5F5F5 !important",opacity:(0,y.KE)()?0:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,m.jsx)(m.Fragment,{}),(0,m.jsx)("div",{ref:h,children:p&&(0,c.PW)(d)?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(u,{event:w})}):(0,m.jsx)("div",{height:"20px"})})]})})}function w(e){var[t,n]=(0,o.Z)();const[i]=(0,s.j1)("whatmorePrimaryFont"),r=e.event;return r.title.trim().length?(0,m.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,m.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,m.jsx)("p",{style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,m.jsx)("p",{ref:e=>{e&&e.style.setProperty("font-family",i,"important")},style:{color:"white",fontSize:.08*n+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,m.jsx)(m.Fragment,{})}function v(e){const[t,n,i,r,l]=(0,o.Z)(),[a]=(0,s.j1)("whatmoreShowViews"),p=(0,s.MO)("whatmoreShopId"),x=e.event,u=e.isOnFocus;return(0,m.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,m.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,c.qc)(p)?(0,m.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,m.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,m.jsx)(h.Z,{event:x,fontSize:.07*n+"px"})})}):(0,m.jsx)(m.Fragment,{})})}),d.$w===l[d.YP]?(0,m.jsx)(m.Fragment,{}):u?(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,m.jsx)(w,{event:x})}):(0,m.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,m.jsx)(w,{event:x})})]})})}var j=function(e){var t,n,r;const[h,p,u,f,y]=(0,o.Z)();var w=(0,i.useContext)(a.V);const{whatmoreUITheme:j}=(0,i.useContext)(x.I),C=(0,s.MO)("whatmoreShopId"),b=e.event,P=e.onClick,I=null===(t=e.isOnFocus)||void 0===t||t,S=null!==(n=e.playOnUnfocus)&&void 0!==n&&n,F=null!==(r=e.animateOnFocus&&(0,c.iW)(C))&&void 0!==r&&r,M=(0,c.nz)(C);return(0,m.jsxs)("div",{ref:e=>{e&&(e.style.setProperty("margin-top",w.tileTopMargin+"px","important"),e.style.setProperty("margin-bottom",w.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:p,height:h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j?M:null,borderWidth:(0,c.al)(C),borderColor:(0,c.qP)(C),overflow:"hidden",cursor:"pointer"},className:F?I?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(b)},children:[(0,m.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:I||S,event:b}),(0,m.jsxs)("div",{style:{width:p,height:h},children:[(0,m.jsx)(v,{event:b,isOnFocus:I}),I||d.$w===y[d.YP]?(0,m.jsx)(g,{event:b,unfocusedDisplay:!I}):null]})]})}},9723:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.Z=s},237:function(e,t,n){var i=n(5318);t.Z=void 0;var o=i(n(5045)),r=n(6417),s=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.Z=s},3439:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){}}]);
package/static/js/972.d336e20a.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[972],{3972:function(e,t,n){n.r(t),n.d(t,{default:function(){return U}});var i=n(7753),r=n(7313),a=n(2860),s=n(499),o=n(4897),c=n(5160),l=n(9854),u=n(6967),d=n(8984),h=n(58),g=n(4669),v=n(941),m=n(4136),p=n(7300),I=n(6524),f=n(7643),T=n(778),E=n(6417);const S=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(210),n.e(926),n.e(950),n.e(303),n.e(891)]).then(n.bind(n,4095)))),x=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(576),n.e(950),n.e(364),n.e(530)]).then(n.bind(n,5523)))),_=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(358)]).then(n.bind(n,3827)))),j=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(607)]).then(n.bind(n,6071)))),y=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(926),n.e(950),n.e(986)]).then(n.bind(n,1291)))),w=r.lazy((()=>Promise.all([n.e(302),n.e(580)]).then(n.bind(n,3580)))),M=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(576),n.e(803),n.e(926),n.e(303),n.e(660),n.e(68)]).then(n.bind(n,1660)))),C=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(210),n.e(926),n.e(950),n.e(959)]).then(n.bind(n,4048)))),O=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(210),n.e(926),n.e(950),n.e(303),n.e(554)]).then(n.bind(n,9085)))),L=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(367),n.e(240),n.e(576),n.e(950),n.e(303),n.e(364),n.e(67)]).then(n.bind(n,4362)))),D=r.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(576),n.e(803),n.e(926),n.e(303),n.e(660),n.e(334)]).then(n.bind(n,4658))));var b=function(e){const[t]=(0,i.j1)("isInDesignMode"),[n]=(0,i.j1)("isDemoBrand"),[b]=(0,i.j1)("whatmoreTopBottomPadding"),[P]=(0,i.j1)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:G}=(0,r.useContext)(m.I),[W]=(0,i.j1)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:V}=(0,r.useContext)(m.I),k=(0,i.MO)("isLandingSharedLink"),U=(0,i.MO)("whatmoreShareTemplateId"),z=(0,i.MO)("whatmoreShareStoryId"),N=(0,i.MO)("whatmoreShareEventId"),[F,Z]=(0,r.useState)(-1),[K,A]=(0,r.useState)(null);var R=e.events,B=null;function H(e){let i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,d.KE)()&&!i&&(0,h.QV)(),t||n||(async()=>{const t=B[e].events[0];(0,c.wh)(t),(0,g.Tc)(W,a.Xh,a.OW),(0,u.H4)(t.event_id,t.products,"homepage","stories")})();var s=0;null!=r&&B[e].events.map(((e,t)=>{e.event_id==r&&(s=t)})),Z(s),A(e)}function X(e){let i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,d.KE)()&&!i&&(0,h.QV)(),(0,p.B6)(e)||(0,p.WJ)(e))return t||n||(async()=>{(0,c.wh)(e),(0,g.Tc)(W,a.Xh,a.pR),(0,u.H4)(e.event_id,e.products,"homepage","carousel")})(),void Z(e.index);const r=20;var{status:l,bannerText:v,timeToStartInMins:m}=o.Z.getEventStatus(e);m<=r&&l.name!==s.Z.LIVE.name?console.debug(" TODO : show toast on upcoming live event."):Z(e.index)}function J(e){return(0,E.jsx)(E.Fragment,{})}return G&&!B&&(B=function(e){var t=e.reduce(((e,t,n)=>{var i=t.storyset_id;return i in e?(e[i].total_events=e[i].total_events+1,e[i].events.push(t)):e[i]={id:t.storyset_id,title:t.storyset_name,thumbnail_image:t.storyset_thumbnail_image,total_events:1,start_event_index:n,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(R)),(0,r.useEffect)((()=>{k&&V==(0,I.zv)(U)&&(null!=z&&G?B.forEach(((e,t)=>{z==e.id&&H(t,!0,N)})):null!=N&&R.forEach(((e,t)=>{N==e.event_id&&X(e,!0)})))}),[]),(0,E.jsxs)("div",{children:[(0,E.jsx)("div",{style:{marginTop:(G?P:b)+"px",marginBottom:(G?P:b)+"px"},children:"template-b"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(S,{events:R,onClick:X,heading:e.heading})}):"template-a-1"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(x,{events:R,onClick:X,heading:e.heading})}):"template-feed-a"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(L,{events:R,onClick:X,heading:e.heading})}):"template-collections-a"===V||"template-c"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(_,{events:R,onClick:X,heading:e.heading})})}):"template-collections-b"===V||"template-d"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(j,{events:R,onClick:X,heading:e.heading})})}):"template-collections-c"===V||"template-e"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(y,{events:R,onClick:X,heading:e.heading})})}):"template-collections-d"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(S,{events:R,onClick:X,heading:e.heading})})}):"template-collections-e"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(C,{events:R,onClick:X,heading:e.heading})})}):"template-f"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(O,{events:R,onClick:X,heading:e.heading})})}):"template-banner-a"===V?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.BANNER_WIDGET_VIEW,event:R[0],triggerFlag:!t&&!n,children:(0,E.jsx)(D,{events:R})})}):G?(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.STORIES_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(w,{eventsStories:B,onClick:H,template:V})})}):(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,E.jsx)(C,{events:R,onClick:X,heading:e.heading})})})}),-1==F?(0,E.jsx)(J,{}):(0,E.jsx)(r.Suspense,{children:(0,E.jsx)(f.u,{userInteractionType:T.K.EVENT_VIEW,event:R[F],productList:R[F].products,cta:R[F].cta,triggerFlag:!t&&!n,children:(0,E.jsx)(M,{events:R,index:F,onBack:function(e){(0,l.n2)(W)&&(0,i.MO)("whatmoreAddedToCart")&&(0,v.D)(W,(()=>{}),100,window.location.hostname),Z(-1)},slideDirection:G||"horizontal"===(0,l.e8)(W)?"horizontal":"vertical",eventsStories:B,initialStoryIndex:K,template:V})})})]})};const P=function(e,t,n){const r=(0,i.MO)("whatmoreShopId");var a=t.reduce(((e,t,n)=>(t.products.map((e=>e.client_product_id)).forEach((t=>{t in e||(e[t]=!0)})),e)),{}),s=Object.keys(a);if("60960964855"==r&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var o={};fera.getRatings(s,(e=>{new Promise(((t,n)=>{e.forEach((e=>{o[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(o)})).then((e=>n(e)))}))}if("23114481744"==r){const e="1e6MQXxzYR19mpw9Km6Dcm86";o={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+s.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{o[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),o))).then((e=>n(e))).catch((e=>console.error(e)))}};var G=n(3388),W=n(7381),V=n(7376);var k=function(e){const[t,n]=(0,r.useState)(),[s,o]=(0,r.useState)(),{whatmoreIsStoriesTemplate:c}=(0,r.useContext)(m.I),{whatmoreIsCollectionsTemplate:g}=(0,r.useContext)(m.I),{whatmoreIsBannerTemplate:v}=(0,r.useContext)(m.I),[p]=(0,i.j1)("whatmoreShopId"),[f]=(0,i.j1)("whatmoreCollectionId"),S=(0,i.MO)("whatmoreLandingLocationType"),x=(0,i.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:_}=(0,r.useContext)(m.I),{whatmoreCollectionUrl:j}=(0,r.useContext)(m.I),y=(0,l.cZ)(p)?(0,l._u)(p)?j:window.location.href.split(/[?#]/)[0]:f,[w,M]=(0,i.j1)("productRatings");var C=(0,l.ef)(p)?a.Dm+"/v2/events/":a.Gc+"/v2/events/",O=(0,l.ef)(p)?a.Dm+"/get_eventset/":a.Gc+"/get_eventset/",L=(0,l.ef)(p)?a.Dm+"/v2/collection":a.Gc+"/v2/collection",D=(0,l.ef)(p)?a.Dm+"/v2/brand/"+p+"/product-events":a.Gc+"/v2/brand/"+p+"/product-events",k=e.shopId,U="live,upcoming";return(0,r.useEffect)((()=>{(0,u.hb)()}),[]),(0,r.useEffect)((()=>{null==t||0==t.length||s||!(0,d.KE)()||(0,i.MO)("whatmoreVideoPlayerPoolInitiated")||(0,h.b5)(h.UD)}),[t]),(0,r.useEffect)((()=>{var e;if(S.startsWith("product")){var t=(0,i.MO)("whatmoreProductId");t=(0,l.iX)(p)?function(e){return e.split(/[?#]/)[0]}(window.location.href):t,e=D.toString()+"?client_product_id="+t.toString()+"&status="+U.toString()+"&event_type=video"}else if(g||"invalid-url"!==j)e=L.toString()+"?store_id="+k.toString()+"&client_collection_id="+y;else if(v){const t=I.ls,n=(0,I.H1)(S);e=O.toString()+k.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+p}else e=C.toString()+k.toString()+"?status="+U.toString()+"&is_active="+"true".toString()+(c?"&template_type=stories":"");fetch(e).then((e=>e.json())).then((e=>{if(v){const t=I.ls;return(0,G.OC)(e,t)}return(0,G.kW)(e,g||"invalid-url"!==j)})).then((e=>(x&&console.debug("initial received events size : "+e.length),c||v?e:(0,G.e8)(e,k)))).then((e=>(null!=e&&0!=e.length&&(0,l.LU)(p)&&function(e,t,n){const r=setInterval((()=>{null===(0,i.MO)("productRatings")&&P(e,t,n)}),1e3);setTimeout((()=>{clearInterval(r)}),1e4)}(p,e,(e=>{M(e)})),e))).then((e=>{null==e||0==e.length||c||(0,l.NO)(k,e),n(e)})).catch((e=>{o(e.message)}))}),[]),(0,r.useEffect)((()=>{"index"===S?t&&t.length>0&&(0,V.PB)({userInteractionType:T.K.HOMEPAGE_VISITED,widgetSourceDetails:_}):"collection"===S&&t&&t.length>0&&(0,V.PB)({userInteractionType:T.K.COLLECTION_PAGE_VISITED,widgetSourceDetails:_})}),[t]),null==t||0==t.length||s?(0,E.jsx)("div",{}):(x&&(0,W.EI)(t),function(e,t){if(null!=e){var n=0;e.forEach((e=>{e.index=n++}))}}(t),x&&console.debug("final transformed events data : "+JSON.stringify(t)),x&&console.debug("valid events size : "+t.length),(0,E.jsx)("div",{children:(0,E.jsx)(b,{heading:e.heading,events:t})},"whatmore-main-coponent"))};var U=function(e){const[t]=(0,i.j1)("isInDesignMode"),[n]=(0,i.j1)("isDemoBrand"),[s]=(0,i.j1)("whatmoreShopId"),[o]=(0,i.j1)("whatmoreHeading"),[c]=(0,i.j1)("whatmorePrimaryColor"),[l]=(0,i.j1)("whatmoreSecondaryColor");return(0,r.useEffect)((()=>{(0,g.ll)(s)}),[]),(0,E.jsx)(E.Fragment,{children:(0,E.jsx)("div",{children:t||n?(0,E.jsx)("div",{children:(0,E.jsx)(k,{heading:o,shopId:a.aA})}):(0,E.jsx)("div",{children:(0,E.jsx)(k,{heading:o,shopId:s})})})})}},499:function(e,t){t.Z={LIVE:{name:"LIVE",color:"gray.600"},UPCOMING:{name:"UPCOMING",color:"gray.600"},DEFAULT:{name:"LIVE EVENT",color:"gray.600"},COMPLETED:{name:"ENDED",color:"gray.600"}}},4897:function(e,t,n){var i=n(499);t.Z=class{static getEventStatus(e){e.time_zone="GMT+5:30";var t=e.start_time+":00",n=e.end_time,r=e.scheduled_date,a=e.status,s=e.time_zone;if(a.toUpperCase()==i.Z.LIVE.name)return{status:i.Z.LIVE,bannerText:" "+i.Z.LIVE.name+" ",timeToStartInMins:0};if(a.toUpperCase()==i.Z.UPCOMING.name){var o=new Date(r+" "+t+" "+s),c=(new Date(r+" "+n+" "+s),function(e){var t=new Date,n=(e.getTime()-t.getTime())/1e3,r=n/60,a=r/60,s=a/24;return n<=0?{status:i.Z.COMPLETED,bannerText:" "+i.Z.COMPLETED.name+" ",timeToStartInMins:0}:n>=1&&n<=30?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(n)+" sec ",timeToStartInMins:n/60}:r<60?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(r)+" min ",timeToStartInMins:r}:a<24?{status:i.Z.UPCOMING,bannerText:"Starts in "+Math.round(a)+" hr ",timeToStartInMins:60*a}:s<7?{status:i.Z.UPCOMING,bannerText:" "+["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]+" ",timeToStartInMins:60*s*24}:{status:i.Z.UPCOMING,bannerText:"Upcoming",timeToStartInMins:2880}}(o));return{status:c.status,bannerText:c.bannerText,timeToStartInMins:c.timeToStartInMins}}return console.error("invalid status for event :: id : "+e.event_id+", status : "+e.status),{status:i.Z.DEFAULT,bannerText:"live event",timeToStartInMins:2880}}}},3388:function(e,t,n){n.d(t,{OC:function(){return o},e8:function(){return a},kT:function(){return i},kW:function(){return s},xg:function(){return r}});const i=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},r=function(e,t){return!(void 0==e.products||0==e.products.length)},a=function(e,t){if(null!=e)return e.filter((e=>1==i(e)))},s=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 o=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const i=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return i?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(i):[]}},7376:function(e,t,n){n.d(t,{GF:function(){return r},PB:function(){return o},Z2:function(){return a},y4:function(){return s}});var i=n(795);function r(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:r,event:a,productList:s,ctaList:o}=e;(0,i.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:r,event:a,productList:s,ctaList:o})}function a(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:r,event:a,productList:s,ctaList:o}=e;(0,i.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:r,event:a,productList:s,ctaList:o})}function s(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:r,event:a,productList:s,ctaList:o}=e;(0,i.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:r,event:a,productList:s,ctaList:o})}function o(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:r,event:a,productList:s,ctaList:o}=e;(0,i.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:r,event:a,productList:s,ctaList:o})}}}]);
package/static/js/986.df6827ee.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[986],{1291:function(e,t,n){n.r(t);var r=n(7313),i=n(6090),o=n(7616),l=(n(6143),n(7850),n(4444),n(7244),n(123),n(5892),n(1811),n(9302)),a=n(2575),x=n(8866),p=n(7753),d=n(7129),s=n(4136),h=n(8631),c=(n(6066),n(9821)),u=n(8782),f=n(4862),m=n(6417);const g=(0,a.Z)({key:"whatmore-css-cv"});t.default=function(e){const[t,n,a]=(0,x.Z)(),[w,v,j,y,C]=(0,c.Z)(),b=(0,p.MO)("whatmoreCollectionsTileSize"),S="portrait"==t?0:(0,p.MO)("whatmoreLandscapePadding"),R=(0,p.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreRootId:k}=(0,r.useContext)(s.I),P=e.events,L=e.onClick;delete o.ZP.styles.global;var Z=[];for(let r=0;r<P.length;)Z.push((0,m.jsx)(h.Z,{event:P[r],onClick:()=>{var e;e=P[r-1],L(e)},removeBorders:!0,borderRadius:"5%"},"collections-tile-"+r)),r+=1;return(0,m.jsx)(l.C,{value:g,children:(0,m.jsx)("div",{children:(0,m.jsx)(i.x,{theme:o.ZP,cssVarsRoot:k,resetCSS:!1,children:(0,m.jsx)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:(0,m.jsx)("div",{style:{marginLeft:S+"px",marginRight:S+"px"},children:(0,m.jsx)(u.P,{renderElement:e=>(0,m.jsx)(m.Fragment,{children:e.eventData}),dataList:Z,spacing:R,defaultHeight:w*b*.01+"px",defaultWidth:v*b*.01+"px",retainAlreadyRenderedElements:!0,isScroll:f.gn})})})})})})}},7129:function(e,t,n){n.d(t,{V:function(){return r}});const r=(0,n(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8631:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event,b=e.onClick,S=e.removeBorders,R=n*w*.01,k=d*w*.01,P=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:k+"px",marginLeft:S?"2px":"5px",marginRight:S?"2px":"5px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{j(!0),b(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:P,overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:R+"px",width:k+"px",borderRadius:P,backgroundColor:"gray",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})})})})}},6066:function(e,t,n){var r=n(7313),i=n(9854),o=n(7753),l=(n(9111),n(123),n(9778),n(4892)),a=n(7129),x=n(9821),p=n(6417);t.Z=function(e){var t;const[n,d,s,h,c]=(0,x.Z)(),[u]=(0,o.j1)("whatmorePrimaryFont"),[f]=(0,o.j1)("whatmorePrimaryColor"),[m]=(0,o.j1)("whatmoreSecondaryColor"),[g]=(0,o.j1)("whatmoreShopId"),[w]=(0,o.j1)("whatmoreCollectionsTileSize"),[v,j]=(0,r.useState)(!1),y=(0,i.f6)(g);(0,r.useContext)(a.V);const C=e.event1,b=e.event2,S=e.onClick,R=.01*w,k=n*R,P=n*R*.5,L=d*R,Z=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",M="15%",B=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:k+"px",width:L+"px",marginLeft:B?"2px":"5px",marginRight:B?"2px":"5px",marginTop:B?"2px":"5px",marginBottom:B?"2px":"5px",cursor:"pointer"},children:(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:B?"0px":Z,boxShadow:B?"":"0px 1px 1px 0px "+m+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+m+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+m+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+m+"DA, -1px -1px 1px 0px "+y+"DA"},onClick:()=>{j(!0),S(C)},className:[v?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:L+"px",borderTopLeftRadius:B?"0px":M,borderTopRightRadius:B?"0px":M,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:C.thumbnail_image,isPlaying:!0,event:C})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P+"px",width:L+"px",borderBottomLeftRadius:B?"0px":M,borderBottomRightRadius:B?"0px":M,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(l.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})]})})}},8782:function(e,t,n){n.d(t,{P:function(){return x}});var r=n(3933),i=n(8866),o=n(7313),l=(n(123),n(6417));function a(e){const{ref:t,inView:n,entry:i}=(0,r.YD)({triggerOnce:e.retainAlreadyRenderedElements});return(0,l.jsx)("div",{ref:t,children:n?e.renderElement({eventData:e.data}):(0,l.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function x(e){var t;const[n,r,x]=(0,i.Z)();return(0,o.useEffect)((()=>{function t(e){e.preventDefault(),e.stopPropagation(),n.scrollLeft+=e.deltaX,n.scrollLeft+=e.deltaY}const n=document.querySelector(".whatmore-carousel-horizontal-flex");return e.isScroll&&(null===n||void 0===n||n.addEventListener("wheel",t)),()=>{document.removeEventListener("wheel",t)}}),[]),(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3,overflowX:"auto"},className:"whatmore-carousel-horizontal-flex",children:e.dataList.map(((t,n)=>(0,l.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+n)))})}},9111:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);