whatmore-react-assets 1.0.1293 → 1.0.1295

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. package/package.json +1 -1
  2. package/static/js/731.d4347a2a.chunk.js +1 -0
  3. package/static/js/{751.cd07d863.chunk.js → 751.a6abe3c2.chunk.js} +1 -1
  4. package/static/js/collections-template-a.d79da3e9.chunk.js +1 -0
  5. package/static/js/collections-template-b.d191151d.chunk.js +1 -0
  6. package/static/js/collections-template-c.bf95c46c.chunk.js +1 -0
  7. package/static/js/collections-template-stories.9696a048.chunk.js +1 -0
  8. package/whatmore.js +2 -2
  9. package/static/js/731.9b20cb62.chunk.js +0 -1
  10. package/static/js/collections-template-a.7e18c6fa.chunk.js +0 -1
  11. package/static/js/collections-template-b.0ceae9c0.chunk.js +0 -1
  12. package/static/js/collections-template-c.91c5038b.chunk.js +0 -1
  13. package/static/js/collections-template-stories.65f6b0c9.chunk.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.1293",
3
+ "version": "1.0.1295",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
package/static/js/731.d4347a2a.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[731],{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})},8631:function(e,t,i){var n=i(7313),o=i(9854),r=i(7753),a=(i(9111),i(123),i(9778),i(4892)),l=(i(7129),i(9821)),d=i(364),s=i(6417);t.Z=function(e){var t;const[i,p]=(0,l.Z)(),[c]=(0,r.j1)("whatmoreSecondaryColor"),[h]=(0,r.j1)("whatmoreShopId"),[x]=(0,r.j1)("whatmoreVideoTileSize"),[u]=(0,r.j1)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?u:x,f=(0,r.j1)("whatmorePrimaryFont"),{whatmoreWidgetSourceDetails:v}=(0,n.useContext)(d.I),[w,g]=(0,n.useState)(!1),y=(0,o.f63)(h),j=v.landingLocationType,b=e.event,E=e.onClick,P=e.removeBorders,S=i*m*.01,z=p*m*.01,L=null!==(t=e.borderRadius)&&void 0!==t?t:"0%";return(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:(0,o.XnJ)(h)?"auto":z+"px",marginLeft:P?"2px":"5px",marginRight:P?"2px":(0,o.VwM)(h)+"px",marginTop:P?"2px":"5px",marginBottom:P?"2px":"5px",cursor:"pointer"},onClick:()=>{g(!0),E(b)},className:[w?"whatmore-scale-on-tap":""].join(" "),children:[(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:L,overflow:"hidden",boxShadow:P?"":"0px 1px 1px 0px "+c+"50, 0px -1px 1px 0px "+y+"50, 1px 0px 1px 0px "+c+"50, -1px 0px 1px 0px "+y+"80, 1px -1px 1px 0px "+c+"80, -1px 1px 1px 0px "+y+"DA, 1px 1px 1px 0px "+c+"DA, -1px -1px 1px 0px "+y+"DA"},children:(0,s.jsx)("div",{className:"whatmore-collection-event-tile",style:{flexShrink:0,objectFit:"cover",height:S+"px",width:"40273707171"==h?"auto":z+"px",borderRadius:L,backgroundColor:"gray",overflow:"hidden"},children:(0,s.jsx)(a.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})}),j.startsWith("product")&&(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px 4px 0 4px"},children:(0,s.jsx)("p",{ref:t=>{var i;t&&(t.style.setProperty("font-family",f,"important"),t.style.setProperty("font-size",(null!==(i=e.fontSize)&&void 0!==i?i:10)+"px","important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:null===b||void 0===b?void 0:b.title})})]})}},8782:function(e,t,i){i.d(t,{P:function(){return l}});var n=i(6775),o=i(7313),r=(i(123),i(6417));function a(e){const[t,i,o]=(0,n.Z)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),a=i(6805),l=i(7753),d=i(9821);var s=function(e){const[t,i,n,o,r]=(0,d.Z)(),[s]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[p]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),c=r[a.YP]===a.$w?p/100:s/100*1.2;return[t*c,i*c,r]},p=i(9723),c=i(9461),h=i.n(c),x=i(1195),u=i(7108),m=(i(7244),i(123),i(9854)),f=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,c,v]=s();const w=(0,l.MO)("whatmoreUITheme"),[g]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[P]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[S]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,l.MO)("whatmoreShopId");var L=y,A=j,k=b;v[a.YP]===a.$w&&(L=E,A=P,k=S);const[C,I]=(0,o.useState)(["initial",window.pageYOffset]),[R,Z]=(0,o.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,V=v[a.YP]===a.$w?.7*(0,m.zGA)(z):(0,m.zGA)(z),Y=M?V:1;d*=Y,c*=Y;const F=M?(0,m.G0o)(z):L,$=M?(0,m.X8j)(z):(0,m.lVn)(z),[D,N]=(0,o.useState)(!M&&(0,m.eXi)(z));function T(e,t){I(e),e[1]<=100?Z(!1):t!=R&&(Z(t),N(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(T([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)}),[C]),(0,n.O3)({ref:i,handler:()=>{T(["scrolled-up",C[1]],!0)}});const _=e.event,O=e.inVideoClick,H=e.closeClick,W=.3*c,X=.6*c,B=.1*c,K=.1*(.5*c),G="round"==w?"10px":"0px",q=(0,m.Z$A)(z);var U=!1,J=0,Q=0;function ee(e){U=e}return(0,f.jsx)("div",{children:D&&!$?(0,f.jsx)(f.Fragment,{}):R&&$?(0,f.jsx)("div",{style:"left"===F?{left:"1px",bottom:M?(0,m.vnu)(z)+"px":k+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:M?(0,m.vnu)(z)+"px":k+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{onClick:()=>{T(["initial",C[1]],!1)},style:{margin:"1px",width:c+"px",height:d+"px"},className:"left"===F?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:_.thumbnail_image,isPlaying:!1,event:_})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(x.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:K+"px",bottom:K+"px"},onClick:H})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(u.Z,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(h(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,J=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-J)>5||Math.abs(t.y-Q)>5)?ee(!1):O(_)},children:(0,f.jsx)("div",{ref:i,style:"left"===F?{left:M?(0,m.$II)(z)+"px":A+"px",bottom:M?(0,m.vnu)(z)+"px":k+"px",position:"fixed",zIndex:q}:{right:M?(0,m.$II)(z)+"px":A+"px",bottom:M?(0,m.vnu)(z)+"px":k+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?d+"px":c+"px",height:e.isSpotlight&&"60122562760"==z?c+"px":d+"px"}),className:"left"===F?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==z?16/9:9/16},children:(0,f.jsx)(r.Z,{url:_.thumbnail_image,isMuted:!0,isPlaying:!0,event:_})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(x.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:H,style:{position:"relative",zIndex:1,left:B+"px",bottom:B+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(p.Z,{sx:{color:(0,m.Ya_)(z),fontSize:X+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},6805:function(e,t,i){i.d(t,{$I:function(){return l},$w:function(){return s},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return n},rE:function(){return d}});const n="device_type",o="device_mode",r="mobile",a="tablet",l="desktop",d="portrait",s="landscape"},9821:function(e,t,i){var n=i(7753),o=i(8866),r=i(6805),a=i(9854);t.Z=function(e){const[t,i,l]=(0,o.Z)(),[d]=(0,n.j1)("whatmoreLandscapePadding"),[s]=(0,n.j1)("whatmoreShopId"),[p]=(0,n.j1)("whatmoreVideoTileSize"),[c]=(0,n.j1)("whatmoreVideoTileSizePortrait"),h=l>=1025,x="portrait"==t?c:p,u=!("portrait"!=t||!(l>=481)),m=x/100*1.3*.5,f=x/100;var v=Math.min(l,i),[w,g,y,j]=[.6*v*(16/9),.6*v,1.4,0];function b(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(h){const e=g*m,t=w*m;[w,g,y,j]=[t,e,(l-2*d-2*(0,a.mZU)(s))/(1.1*e),d],E[r.me]=r.$I,E[r.YP]=r.$w}else if(u){var P=.8*g,S=.8*w;"portrait"==t?(P*=f,S*=f,[w,g,y,j]=[S,P,b(l/(1.2*P)),0],E[r.me]=r.AL,E[r.YP]=r.rE):([w,g,y,j]=[S,P,(l-2*d)/(1.1*P),d],E[r.me]=r.AL,E[r.YP]=r.$w)}else{P=g,S=w;"portrait"==t?(P=P*f*.9,S=S*f*.9,[w,g,y,j]=[S,P,b(l/(1.15*P)),0],E[r.me]=r.AK,E[r.YP]=r.rE):(P=.7*g,S=.7*w,[w,g,y,j]=[S,P,(l-2*d)/(1.1*P),d],E[r.me]=r.AK,E[r.YP]=r.$w)}return[w,g,y,j,E]}},9111:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);
package/static/js/{751.cd07d863.chunk.js → 751.a6abe3c2.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[751],{3317:function(e,t,n){n.d(t,{Z:function(){return s}});var c=n(7313),o=(n(8743),n(7753)),a=n(5254),r=n(6417);var i=function(e){return(0,c.useEffect)((()=>{const e=(0,a.oo)((0,o.MO)("whatmoreSecondaryColor"));!function(e,t,n,c){const o="rgba(".concat(e,",").concat(t,",").concat(n,",").concat(c,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(o,", 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(o,", 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(o,", 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(o,", 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(o,", -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(o,", -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(o,", -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(o,";\n }\n }\n "),r=document.createElement("style");r.type="text/css",r.innerHTML=a,document.head.appendChild(r)}(e[0],e[1],e[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})},m=n(5180);var s=function(e){var t,n;const c=null!==(t=e.height)&&void 0!==t?t:"100%",o=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.jsxs)("div",{style:{width:o,height:c,overflow:"hidden",minHeight:c,minWidth:o},children:[(0,r.jsx)(m.Z,{height:c,width:o}),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,r.jsx)(i,{})})})]})}},5180:function(e,t,n){var c=n(6417);t.Z=function(e){var t,n,o;const a=null!==(t=e.height)&&void 0!==t?t:"100%",r=null!==(n=e.width)&&void 0!==n?n:"100%",i=null!==(o=e.borderRadius)&&void 0!==o?o:"10px";return(0,c.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,c.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},6932:function(e,t,n){n.d(t,{G:function(){return c}});const c=()=>{if("undefined"!==typeof window){const e=navigator.userAgent.toLowerCase();return e.includes("safari")&&!e.includes("chrome")&&navigator.vendor.includes("Apple")}return!1}},2887:function(e,t,n){var c=n(7313),o=n(3317),a=n(6417);t.Z=function(e){var t,n,r;const[i,m]=(0,c.useState)(!1),s=c.useRef(0),d=(0,c.useRef)(null),l=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,c.useEffect)((()=>{s.current=0;const e=setInterval((()=>{s.current=s.current+.03,d.current&&l(s.current,5),s.current>=5&&(s.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,a.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,a.jsx)("img",{ref:d,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{m(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(o.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return g}});var c=n(7313),o=n(6775),a=n(868),r=n(8984),i=n(7300),m=n(2887),s=n(6932),d=n(7753),l=n(342),u=n(6417);var h=function(e){var t,n,a,i;const m=(0,c.useRef)(null),[h,g,p]=(0,o.Z)({triggerOnce:!0}),v=(0,d.MO)("whatmoreShopId"),b=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,c.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():(((0,s.G)()||(0,r.gE)())&&m.current.play(),"57939755089"==v?setTimeout((()=>{m.current.pause()}),300):m.current.pause()))}),[e.isPlaying,g]),(0,u.jsx)("div",{ref:h,style:{width:b,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:(0,u.jsxs)("video",{ref:m,className:"whatmore-video-player-muted",width:f,height:b,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(a=e.event)||void 0===a?void 0:a.index)&&"STRTFEDEDAP"!==v&&"STRY2V4XO5L"!==v?e.url:e.poster,muted:null===(i=e.isVideoMuted)||void 0===i||i,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,u.jsx)("source",{src:e.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,l.vW)(e.url),type:"video/mp4"})]})})};var g=function(e){var t,n,s,g,p,v,b,f,w;const[y,_,x]=(0,o.Z)({triggerOnce:!0}),j=(0,d.MO)("whatmoreShopId"),C=(0,c.useRef)(null);if((0,c.useEffect)((()=>{C.current&&(e.isPlaying?C.current.play():C.current.pause())}),[e.isPlaying,_]),(0,i.WJ)(e.event))return(0,u.jsx)(m.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const k=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,W=null!==e&&void 0!==e&&null!==(n=e.event)&&void 0!==n&&null!==(s=n.poster_image)&&void 0!==s&&s.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(g=e.event)||void 0===g||null===(p=g.poster_image)||void 0===p?void 0:p.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(v=e.event)||void 0===v?void 0:v.poster_image;if((0,r.KE)())return(0,u.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:W,url:(0,a.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:k});const z=null!==(b=e.height)&&void 0!==b?b:"100%",F=null!==(f=e.width)&&void 0!==f?f:"100%";return(0,u.jsx)("div",{ref:y,style:{width:z,height:F,overflow:"hidden",display:"flex",alignItems:"center"},children:(0,u.jsxs)("video",{ref:C,className:"whatmore-video-player-muted",width:F,height:z,preload:"metadata",loop:!0,playsInline:!0,muted:null===(w=e.isVideoMuted)||void 0===w||w,poster:"57939755089"==j?"":W,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,u.jsx)("source",{src:(0,a.V)(e.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,l.vW)(e.url),type:"video/mp4"})]})})}},868:function(e,t,n){n.d(t,{V:function(){return i}});var c=n(9854),o=n(7753);const a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},r={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},i=function(e){const t=(0,o.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,c.zpr)(t))return e;if("AZURECDN"==(0,c.zpr)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}if("BUNNYCDN"==(0,c.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(r))if(e.includes(t))return e.replace(t,r[t]);return e}}return e}},342:function(e,t,n){n.d(t,{$W:function(){return i},WN:function(){return r},uv:function(){return a},vW:function(){return m}});var c=n(9854);const o=(0,n(7753).MO)("whatmoreShopId"),a=function(e){var t,n;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(n=e.event_media_urls.primary.landscape)||void 0===n?void 0:n.content_video_1080p:e.event_hls_url},r=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},i=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,c.QFt)(o);if(!t)return e;const n=e.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-video-assets-720p.b-cdn.net/".concat(t,"/").concat(n)}return e},m=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,c.QFt)(o);if(!t)return e;const n=e.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-thumbnail-video-assets.b-cdn.net/".concat(t,"/").concat(n)}return e}},8743:function(){},123:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[751],{3317:function(e,t,n){n.d(t,{Z:function(){return s}});var c=n(7313),o=(n(8743),n(7753)),a=n(5254),r=n(6417);var i=function(e){return(0,c.useEffect)((()=>{const e=(0,a.oo)((0,o.MO)("whatmoreSecondaryColor"));!function(e,t,n,c){const o="rgba(".concat(e,",").concat(t,",").concat(n,",").concat(c,")"),a="\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ".concat(o,", 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.8em -1.8em 0 0em ").concat(o,", 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 2.5em 0em 0 0em ").concat(o,", 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 1.75em 1.75em 0 0em ").concat(o,", 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), 0em 2.5em 0 0em ").concat(o,", -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em 1.8em 0 0em ").concat(o,", -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -2.6em 0em 0 0em ").concat(o,", -1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.8em -1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 2.5em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 1.75em 1.75em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), 0em 2.5em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.2), -1.8em 1.8em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.5), -2.6em 0em 0 0em rgba(").concat(e,", ").concat(t,", ").concat(n,", 0.7), -1.8em -1.8em 0 0em ").concat(o,";\n }\n }\n "),r=document.createElement("style");r.type="text/css",r.innerHTML=a,document.head.appendChild(r)}(e[0],e[1],e[2],.2)}),[]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{className:"whatmore-loading-indicator"})})},m=n(5180);var s=function(e){var t,n;const c=null!==(t=e.height)&&void 0!==t?t:"100%",o=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.jsxs)("div",{style:{width:o,height:c,overflow:"hidden",minHeight:c,minWidth:o},children:[(0,r.jsx)(m.Z,{height:c,width:o}),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,r.jsx)(i,{})})})]})}},5180:function(e,t,n){var c=n(6417);t.Z=function(e){var t,n,o;const a=null!==(t=e.height)&&void 0!==t?t:"100%",r=null!==(n=e.width)&&void 0!==n?n:"100%",i=null!==(o=e.borderRadius)&&void 0!==o?o:"10px";return(0,c.jsx)("div",{style:{height:a,width:a,borderRadius:i,overflow:"hidden",minHeight:a,minWidth:r,maxHeight:a,maxWidth:r},children:(0,c.jsx)("div",{style:{minHeight:a,minWidth:r},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},6932:function(e,t,n){n.d(t,{G:function(){return c}});const c=()=>{if("undefined"!==typeof window){const e=navigator.userAgent.toLowerCase();return e.includes("safari")&&!e.includes("chrome")&&navigator.vendor.includes("Apple")}return!1}},2887:function(e,t,n){var c=n(7313),o=n(3317),a=n(6417);t.Z=function(e){var t,n,r;const[i,m]=(0,c.useState)(!1),s=c.useRef(0),d=(0,c.useRef)(null),l=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},u=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(r=e.width)&&void 0!==r?r:"100%";return(0,c.useEffect)((()=>{s.current=0;const e=setInterval((()=>{s.current=s.current+.03,d.current&&l(s.current,5),s.current>=5&&(s.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,a.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,a.jsx)("div",{style:{width:i?"100%":"0px",height:i?"100%":"0px"},children:(0,a.jsx)("img",{ref:d,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{m(!0)}})}),i?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(o.Z,{width:h,height:u})]})}},4892:function(e,t,n){n.d(t,{Z:function(){return g}});var c=n(7313),o=n(6775),a=n(868),r=n(8984),i=n(7300),m=n(2887),s=n(6932),d=n(7753),l=n(342),u=n(6417);var h=function(e){var t,n,a,i;const m=(0,c.useRef)(null),[h,g,p]=(0,o.Z)({triggerOnce:!0}),v=(0,d.MO)("whatmoreShopId"),b=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,c.useEffect)((()=>{m.current&&(e.isPlaying?m.current.play():(((0,s.G)()||(0,r.gE)())&&m.current.play(),"57939755089"==v?setTimeout((()=>{m.current.pause()}),300):m.current.pause()))}),[e.isPlaying,g]),(0,u.jsx)("div",{ref:h,style:{width:b,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:g||"51394281658"==v||"8968077397"==v?(0,u.jsxs)("video",{ref:m,className:"whatmore-video-player-muted",width:f,height:b,preload:"metadata",loop:!0,src:e.url,playsInline:!0,poster:e.isPlaying&&1!=(null===(a=e.event)||void 0===a?void 0:a.index)&&"STRTFEDEDAP"!==v&&"STRY2V4XO5L"!==v?e.url:e.poster,muted:null===(i=e.isVideoMuted)||void 0===i||i,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,u.jsx)("source",{src:e.url,type:"video/mp4"}),(0,u.jsx)("source",{src:(0,l.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:f,height:b,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var g=function(e){var t,n,s,g,p,v,b,f,w;const[y,_,x]=(0,o.Z)({triggerOnce:!0}),j=(0,d.MO)("whatmoreShopId"),k=(0,c.useRef)(null);if((0,c.useEffect)((()=>{k.current&&(e.isPlaying?k.current.play():k.current.pause())}),[e.isPlaying,_]),(0,i.WJ)(e.event))return(0,u.jsx)(m.Z,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const C=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,P=null!==e&&void 0!==e&&null!==(n=e.event)&&void 0!==n&&null!==(s=n.poster_image)&&void 0!==s&&s.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===(g=e.event)||void 0===g||null===(p=g.poster_image)||void 0===p?void 0:p.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(v=e.event)||void 0===v?void 0:v.poster_image;if((0,r.KE)())return(0,u.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:P,url:(0,a.V)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:C});const W=null!==(b=e.height)&&void 0!==b?b:"100%",z=null!==(f=e.width)&&void 0!==f?f:"100%";return(0,u.jsx)("div",{ref:y,style:{width:W,height:z,overflow:"hidden",display:"flex",alignItems:"center"},children:_||"51394281658"==j||"8968077397"==j?(0,u.jsxs)("video",{ref:k,className:"whatmore-video-player-muted",width:z,height:W,preload:"metadata",loop:!0,playsInline:!0,muted:null===(w=e.isVideoMuted)||void 0===w||w,poster:"57939755089"==j?"":P,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,u.jsx)("source",{src:(0,a.V)(e.url),type:"video/mp4"}),(0,u.jsx)("source",{src:(0,l.vW)(e.url),type:"video/mp4"})]}):(0,u.jsx)("div",{width:z,height:W,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}},868:function(e,t,n){n.d(t,{V:function(){return i}});var c=n(9854),o=n(7753);const a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},r={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},i=function(e){const t=(0,o.MO)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,c.zpr)(t))return e;if("AZURECDN"==(0,c.zpr)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}if("BUNNYCDN"==(0,c.zpr)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(r))if(e.includes(t))return e.replace(t,r[t]);return e}}return e}},342:function(e,t,n){n.d(t,{$W:function(){return i},WN:function(){return r},uv:function(){return a},vW:function(){return m}});var c=n(9854);const o=(0,n(7753).MO)("whatmoreShopId"),a=function(e){var t,n;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(n=e.event_media_urls.primary.landscape)||void 0===n?void 0:n.content_video_1080p:e.event_hls_url},r=function(e){return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:e.event_media_urls.primary.landscape.content_video_1080p:e.event_hls_url},i=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,c.QFt)(o);if(!t)return e;const n=e.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-video-assets-720p.b-cdn.net/".concat(t,"/").concat(n)}return e},m=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,c.QFt)(o);if(!t)return e;const n=e.split("whatmore_")[1].split("?")[0];return"https://whatmore-brand-thumbnail-video-assets.b-cdn.net/".concat(t,"/").concat(n)}return e}},8743:function(){},123:function(){}}]);
package/static/js/collections-template-a.d79da3e9.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[615],{3827:function(e,t,o){o.r(t);var r=o(7313),i=o(6090),n=o(7616),a=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),p=o(8866),s=o(7753),x=o(7129),d=o(364),h=o(8631),c=o(6066),m=o(8782),u=o(9821),g=o(7381),f=o(5380),w=o(6775),v=o(9854),j=o(32),y=o(6417);const b=(0,l.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o]=(0,p.Z)(),[l,C]=(0,u.Z)(),[S,k]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),R=(0,s.MO)("whatmoreVideoTileSize"),Z=(0,s.MO)("whatmoreVideoTileSizePortrait"),M="portrait"===o?Z:R,P="portrait"==o?0:(0,s.MO)("whatmoreLandscapePadding"),T=(0,s.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:B}=(0,r.useContext)(d.I),V=(0,s.MO)("whatmoreShopId"),{whatmoreRootId:I}=(0,r.useContext)(d.I),L=e.onClick;function O(e){L(e)}(0,r.useEffect)((()=>{(0,g.Oo)("Video shopping powered by Whatmore!")}),[]),delete n.ZP.styles.global;var A=[];for(let r=0,i=!1;r<t.length;)i&&r!=t.length-1&&S[r]>.2?(A.push((0,y.jsx)(c.Z,{mode:o,event1:t[r],event2:t[r+1],onClick:()=>{O(t[r-1])}},"collections-tile-"+r)),r+=2,i=!i):(A.push((0,y.jsx)(h.Z,{mode:o,event:t[r],onClick:()=>{O(t[r-1])},borderRadius:"10%",removeBorders:!1},"collections-tile-"+r)),r+=1,i=!i);(0,r.useEffect)((()=>{j.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-a"]')))return;e&&(e.style.minHeight="0px")}))}),[]);const[E,F,z]=(0,w.Z)({triggerOnce:!1});return(0,y.jsx)(a.C,{value:b,children:(0,y.jsx)("div",{className:B?"whatmore-collection-events":"whatmore-carousel-events",children:(0,y.jsx)(i.x,{theme:n.ZP,cssVarsRoot:I,resetCSS:!1,children:(0,y.jsxs)(x.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,y.jsx)("div",{ref:E,style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,y.jsx)(m.P,{renderElement:e=>(0,y.jsx)(y.Fragment,{children:e.eventData}),dataList:A,spacing:T,defaultHeight:l*M*.01+"px",defaultWidth:C*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,v.dhc)(V)&&B&&!F&&-1==e.index&&(0,y.jsx)(f.Z,{event:t[0],inVideoClick:O,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},6066:function(e,t,o){var r=o(7313),i=o(9854),n=o(7753),a=(o(9111),o(123),o(9778),o(4892)),l=o(9821),p=o(6417);t.Z=function(e){var t;const[o,s]=(0,l.Z)(),[x]=(0,n.j1)("whatmoreSecondaryColor"),[d]=(0,n.j1)("whatmoreShopId"),[h]=(0,n.j1)("whatmoreVideoTileSize"),[c]=(0,n.j1)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?c:h,[u,g]=(0,r.useState)(!1),f=(0,i.f63)(d),w=e.event1,v=e.event2,j=e.onClick,y=.01*m,b=o*y,C=o*y*.5,S=s*y,k=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",R="15%",Z=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:b+"px",width:S+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"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:Z?"0px":k,boxShadow:Z?"":"0px 1px 1px 0px "+x+"50, 0px -1px 1px 0px "+f+"50, 1px 0px 1px 0px "+x+"50, -1px 0px 1px 0px "+f+"80, 1px -1px 1px 0px "+x+"80, -1px 1px 1px 0px "+f+"DA, 1px 1px 1px 0px "+x+"DA, -1px -1px 1px 0px "+f+"DA"},onClick:()=>{g(!0),j(w)},className:[u?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C+"px",width:S+"px",borderTopLeftRadius:Z?"0px":R,borderTopRightRadius:Z?"0px":R,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(a.Z,{height:"100%",width:"100%",url:w.thumbnail_image,isPlaying:!0,event:w})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:C+"px",width:S+"px",borderBottomLeftRadius:Z?"0px":R,borderBottomRightRadius:Z?"0px":R,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(a.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:!0,event:v})})]})})}}}]);
package/static/js/collections-template-b.d191151d.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[91],{6071:function(e,t,o){o.r(t);var r=o(7313),i=o(6090),a=o(7616),n=(o(6143),o(7850),o(4444),o(7244),o(123),o(5892),o(1811),o(9302)),l=o(2575),p=o(8866),s=o(7753),d=o(7129),x=o(364),h=o(32),c=o(8631),m=o(6066),u=o(8782),g=o(9821),w=o(7381),f=o(9854),v=o(5380),y=o(6775),j=o(6417);const b=(0,l.Z)({key:"whatmore-css-cv"});t.default=function(e){const t=e.events,[o]=(0,p.Z)(),[l,S]=(0,r.useState)(Array(t.length).fill(0).map((()=>Math.random()))),[C,k]=(0,g.Z)(),R=(0,s.MO)("whatmoreVideoTileSize"),Z=(0,s.MO)("whatmoreVideoTileSizePortrait"),M="portrait"===o?Z:R,P="portrait"==o?0:(0,s.MO)("whatmoreLandscapePadding"),T=(0,s.MO)("whatmoreCollectionsTilesSpacing"),{whatmoreIsCollectionsTemplate:B}=(0,r.useContext)(x.I),V=(0,s.MO)("whatmoreShopId"),{whatmoreRootId:I}=(0,r.useContext)(x.I),L=e.onClick,[O,A,E]=(0,y.Z)({triggerOnce:!1});function F(e){L(e)}delete a.ZP.styles.global;var q=[];for(let r=0,i=!1;r<t.length;)i&&r!=t.length-1&&l[r]>.2?(q.push((0,j.jsx)(m.Z,{event1:t[r],event2:t[r+1],onClick:()=>{F(t[r-1])},removeBorders:!0},"collections-tile-"+r)),r+=2,i=!i):(q.push((0,j.jsx)(c.Z,{mode:o,event:t[r],onClick:()=>{F(t[r-1])},removeBorders:!0,borderRadius:"0%"},"collections-tile-"+r)),r+=1,i=!i);return(0,r.useEffect)((()=>{(0,w.Oo)("Video shopping powered by Whatmore!")}),[]),(0,r.useEffect)((()=>{h.IR.forEach((e=>{var t;if(!(null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-d"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-d"]')))return;e&&(e.style.minHeight="0px")}))}),[]),(0,j.jsx)(n.C,{value:b,children:(0,j.jsx)("div",{className:B?"whatmore-collection-events":"whatmore-carousel-events",children:(0,j.jsx)(i.x,{theme:a.ZP,cssVarsRoot:I,resetCSS:!1,children:(0,j.jsxs)(d.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,j.jsx)("div",{ref:O,style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,j.jsx)(u.P,{renderElement:e=>(0,j.jsx)(j.Fragment,{children:e.eventData}),dataList:q,spacing:T,defaultHeight:C*M*.01+"px",defaultWidth:k*M*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(V)&&B&&!A&&-1==e.index&&(0,j.jsx)(v.Z,{event:t[0],inVideoClick:F,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},6066:function(e,t,o){var r=o(7313),i=o(9854),a=o(7753),n=(o(9111),o(123),o(9778),o(4892)),l=o(9821),p=o(6417);t.Z=function(e){var t;const[o,s]=(0,l.Z)(),[d]=(0,a.j1)("whatmoreSecondaryColor"),[x]=(0,a.j1)("whatmoreShopId"),[h]=(0,a.j1)("whatmoreVideoTileSize"),[c]=(0,a.j1)("whatmoreVideoTileSizePortrait"),m="portrait"===e.mode?c:h,[u,g]=(0,r.useState)(!1),w=(0,i.f63)(x),f=e.event1,v=e.event2,y=e.onClick,j=.01*m,b=o*j,S=o*j*.5,C=s*j,k=null!==(t=e.borderRadius)&&void 0!==t?t:"10%",R="15%",Z=e.removeBorders;return(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",flexShrink:0,height:b+"px",width:C+"px",marginLeft:Z?"2px":"5px",marginRight:Z?"2px":"5px",marginTop:Z?"2px":"5px",marginBottom:Z?"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:Z?"0px":k,boxShadow:Z?"":"0px 1px 1px 0px "+d+"50, 0px -1px 1px 0px "+w+"50, 1px 0px 1px 0px "+d+"50, -1px 0px 1px 0px "+w+"80, 1px -1px 1px 0px "+d+"80, -1px 1px 1px 0px "+w+"DA, 1px 1px 1px 0px "+d+"DA, -1px -1px 1px 0px "+w+"DA"},onClick:()=>{g(!0),y(f)},className:[u?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:C+"px",borderTopLeftRadius:Z?"0px":R,borderTopRightRadius:Z?"0px":R,borderBottom:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(n.Z,{height:"100%",width:"100%",url:f.thumbnail_image,isPlaying:!0,event:f})}),(0,p.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:S+"px",width:C+"px",borderBottomLeftRadius:Z?"0px":R,borderBottomRightRadius:Z?"0px":R,borderTop:"2px solid transparent",backgroundColor:"transparent",overflow:"hidden"},children:(0,p.jsx)(n.Z,{height:"100%",width:"100%",url:v.thumbnail_image,isPlaying:!0,event:v})})]})})}}}]);
package/static/js/collections-template-c.bf95c46c.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[229],{1291:function(t,e,r){r.r(e);var o=r(7313),i=r(6090),a=r(7616),l=r(32),s=(r(6143),r(7850),r(4444),r(7244),r(123),r(5892),r(1811),r(9212)),n=r(9302),p=r(2575),c=r(8866),m=r(7753),h=r(7129),d=r(364),y=r(8631),x=r(9821),w=r(8782),v=r(7381),f=r(9854),g=r(5380),u=r(6775),P=r(6417);const j=(0,p.Z)({key:"whatmore-css-cv"});e.default=function(t){var e;const[r]=(0,c.Z)(),[p,S]=(0,x.Z)(),b=(0,m.MO)("whatmoreVideoTileSize"),M=(0,m.MO)("whatmoreVideoTileSizePortrait"),k="portrait"===r?M:b,C="portrait"==r?0:(0,m.MO)("whatmoreLandscapePadding"),V=(0,m.MO)("whatmoreCollectionsTilesSpacing"),z=(0,m.MO)("whatmoreShopId"),[O]=(0,m.MO)("whatmorePrimaryColor"),{whatmoreRootId:Z}=(0,o.useContext)(d.I),{whatmoreIsCollectionsTemplate:T}=(0,o.useContext)(d.I),R=t.events,I=t.onClick,F=(0,m.MO)("whatmoreTitleFont"),E="portrait"==r?(0,m.MO)("whatmoreTitleFontSizePortrait"):(0,m.MO)("whatmoreTitleFontSize"),H=null!==(e=(0,f.aRS)(z))&&void 0!==e?e:F,q=(0,m.MO)("whatmorePrimaryFont");function B(t){I(t)}delete a.ZP.styles.global;const L=.055*S;var X=[];for(let o=0;o<R.length;){const t=R[o],e="STR1EXZ7ZRD"===z;X.push((0,P.jsxs)("div",{style:{position:"relative"},children:[(0,P.jsx)(y.Z,{mode:r,event:t,onClick:()=>{B(R[o-1])},removeBorders:!0,borderRadius:"5%",fontSize:L},"collections-tile-"+o),e&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("position","absolute","important"),t.style.setProperty("bottom","4%","important"),t.style.setProperty("left","50%","important"),t.style.setProperty("transform","translateX(-50%)","important"),t.style.setProperty("color","white","important"),t.style.setProperty("padding","0.5rem 0rem 0rem 0.5rem","important"),t.style.setProperty("font-size",.9*L+"px","important"),t.style.setProperty("font-weight","600","important"),t.style.setProperty("width","90%","important"),t.style.setProperty("max-width","100%","important"),t.style.setProperty("word-wrap","break-word","important"),t.style.setProperty("text-shadow","2px 2px 4px rgba(0, 0, 0, 0.5)","important"),t.style.setProperty("font-family",q,"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"))},children:null===t||void 0===t?void 0:t.title}),(0,P.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,P.jsx)(s.Z,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]})]})),o++}(0,o.useEffect)((()=>{(0,v.Oo)("Video shopping powered by Whatmore!")}),[]),(0,o.useEffect)((()=>{l.IR.forEach((t=>{var e;const r=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||t.querySelector('.whatmore-template-type[data-wh="template-e"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-collections-c"]')||t.querySelector('.whatmore-template-type[data="template-e"]');if(!r)return;r&&t&&(t.style.minHeight="0px")}))}),[]);const[W,A,D]=(0,u.Z)({triggerOnce:!1});return(0,P.jsx)(n.C,{value:j,children:(0,P.jsx)("div",{className:T?"whatmore-collection-events":"whatmore-carousel-events",children:(0,P.jsx)(i.x,{theme:a.ZP,cssVarsRoot:Z,resetCSS:!1,children:(0,P.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[t.heading.trim().length>0&&!T&&(0,f.wXY)(z)?(0,P.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,P.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",H,"important"),t.style.setProperty("font-size",E+"px","important"))},style:{color:O,backgroundClip:"text",textAlign:"center",fontWeight:(0,f.wOV)(z),lineHeight:(0,f.vY4)(z),letterSpacing:(0,f.X2K)(z)},children:t.heading})}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)("div",{ref:W,style:{marginLeft:C+"px",marginRight:C+"px"},children:(0,P.jsx)(w.P,{renderElement:t=>(0,P.jsx)(P.Fragment,{children:t.eventData}),dataList:X,spacing:V,defaultHeight:p*k*.01+"px",defaultWidth:S*k*.01+"px",retainAlreadyRenderedElements:!0})}),(0,f.dhc)(z)&&T&&!A&&-1==t.index&&(0,P.jsx)(g.Z,{event:R[0],inVideoClick:B,closeClick:e=>{e.stopPropagation(),t.setScreen(-2)}})]})})})})}},9212:function(t,e,r){var o=r(5318);e.Z=void 0;var i=o(r(5045)),a=r(6417),l=(0,i.default)([(0,a.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2v12z",opacity:".3"},"0"),(0,a.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2v12z"},"1")],"ShoppingBagTwoTone");e.Z=l}}]);
package/static/js/collections-template-stories.9696a048.chunk.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[105],{8767:function(e,t,i){i.r(t),i.d(t,{default:function(){return E}});var n=i(7313),o=i(6090),r=i(7616),a=i(32),l=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),d=i(2575),s=i(8866),c=i(7753),h=i(7129),p=i(364),m=i(9854),x=(i(9111),i(9778),i(4892)),u=i(9821),f=i(6417);var v=function(e){var t;const[i,o,r,a,l]=(0,u.Z)(),d=(0,c.MO)("whatmoreSecondaryColor"),s=(0,c.MO)("whatmorePrimaryFont"),h=(0,c.MO)("whatmoreShopId"),p=(0,c.MO)("whatmoreVideoTileSize"),v=(0,c.MO)("whatmoreVideoTileSizePortrait"),w="portrait"===e.mode?v:p,[g,y]=(0,n.useState)(!1),j=(0,m.f63)(h),b=e.event,E=e.onClick,S=e.removeBorders,P=o*w*.01,z=(0,m.eHp)(h);return(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,marginRight:S?"2px":(0,m.VwM)(h)+"px",marginTop:S?"2px":"5px",marginBottom:S?"2px":"5px",cursor:"pointer"},onClick:()=>{y(!0),E(b)},className:[g?"whatmore-scale-on-tap":""].join(" "),children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,borderRadius:"50%",overflow:"hidden",boxShadow:S?"":"0px 1px 1px 0px "+d+"50, 0px -1px 1px 0px "+j+"50, 1px 0px 1px 0px "+d+"50, -1px 0px 1px 0px "+j+"80, 1px -1px 1px 0px "+d+"80, -1px 1px 1px 0px "+j+"DA, 1px 1px 1px 0px "+d+"DA, -1px -1px 1px 0px "+j+"DA"},children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{style:{flexShrink:0,objectFit:"cover",height:P*z+"px",width:P*z+"px",borderRadius:"50%",backgroundColor:d,overflow:"hidden",border:"3px solid white"},children:(0,f.jsx)(x.Z,{height:"100%",width:"100%",url:b.thumbnail_image,isPlaying:!0,event:b})})})}),(0,f.jsx)("div",{style:{fontFamily:s,paddingTop:"10px",fontSize:null!==(t=e.fontSize)&&void 0!==t?t:10},children:(0,f.jsx)("p",{children:b.title})})]})},w=i(8782),g=i(7381),y=i(5380),j=i(6775);const b=(0,d.Z)({key:"whatmore-css-cv"});var E=function(e){const[t]=(0,s.Z)(),[i,d]=(0,u.Z)(),x=(0,c.MO)("whatmoreVideoTileSize"),E=(0,c.MO)("whatmoreVideoTileSizePortrait"),S="portrait"===t?E:x,P="portrait"==t?0:(0,c.MO)("whatmoreLandscapePadding"),z=(0,c.MO)("whatmoreCollectionsTilesSpacing"),C=(0,c.MO)("whatmoreShopId"),{whatmoreRootId:L}=(0,n.useContext)(p.I),M=e.events,I=e.onClick,{whatmoreIsCollectionsTemplate:A}=(0,n.useContext)(p.I);function k(e){I(e)}const[R,Z,O]=(0,j.Z)({triggerOnce:!1});delete r.ZP.styles.global;const V=.055*d;var F=[];for(let n=0;n<M.length;)F.push((0,f.jsx)(v,{mode:t,event:M[n],onClick:()=>{k(M[n-1])},removeBorders:(0,m.Xtg)(C),fontSize:V},"collections-tile-"+n)),n+=1;return(0,n.useEffect)((()=>{(0,g.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{a.IR.forEach((e=>{var t;const i=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-stories"]');if(!i)return;i&&e&&(e.style.minHeight="0px")}))}),[]),(0,f.jsx)(l.C,{value:b,children:(0,f.jsx)("div",{className:A?"whatmore-collection-events":"whatmore-carousel-events",children:(0,f.jsx)(o.x,{theme:r.ZP,cssVarsRoot:L,resetCSS:!1,children:(0,f.jsxs)(h.V.Provider,{value:{tileTopMargin:0,tileBottomMMargin:0,tileLeftMargin:0,tileRightMargin:0,showPlayButton:!1},children:[(0,f.jsx)("div",{ref:R,style:{marginLeft:P+"px",marginRight:P+"px"},children:(0,f.jsx)(w.P,{renderElement:e=>(0,f.jsx)(f.Fragment,{children:e.eventData}),dataList:F,spacing:z,defaultHeight:i*S*.01+"px",defaultWidth:d*S*.01+"px",retainAlreadyRenderedElements:!0})}),(0,m.dhc)(C)&&!Z&&-1==e.index&&(0,f.jsx)(y.Z,{event:M[0],inVideoClick:k,closeClick:t=>{t.stopPropagation(),e.setScreen(-2)}})]})})})})}},7129:function(e,t,i){i.d(t,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},8782:function(e,t,i){i.d(t,{P:function(){return l}});var n=i(6775),o=i(7313),r=(i(123),i(6417));function a(e){const[t,i,o]=(0,n.Z)({triggerOnce:e.retainAlreadyRenderedElements});return(0,r.jsx)("div",{ref:t,children:i?e.renderElement({eventData:null===e||void 0===e?void 0:e.data}):(0,r.jsx)("div",{style:{minWidth:e.defaultHeight,minHeight:e.defaultWidth}})})}function l(e){var t,i;return(0,o.useEffect)((()=>{const e=document.querySelector(".whatmore-carousel-horizontal-flex");let t,i=!1;function n(e){e.touches&&(null===e||void 0===e?void 0:e.touches.length)>0?(i=!0,t=e.touches[0].clientX):(i=!0,t=e.clientX)}function o(n){if(!i)return;const o=n.touches?n.touches[0].clientX:n.clientX;e.style.pointerEvents="none";const r=2*(t-o);e.scrollLeft+=r,t=o}function r(t){e.style.pointerEvents="auto",i=!1}return e&&("ontouchstart"in window&&(e.addEventListener("touchstart",n),e.addEventListener("touchmove",o),e.addEventListener("touchend",r)),e.addEventListener("mousedown",n),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)),()=>{e&&("ontouchstart"in window&&(e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),e.removeEventListener("touchend",r)),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))}}),[]),(0,r.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",height:"fit-content",width:"100%",gap:null!==(t=e.spacing)&&void 0!==t?t:3},className:"whatmore-carousel-horizontal-flex",children:null===e||void 0===e||null===(i=e.dataList)||void 0===i?void 0:i.map(((t,i)=>(0,r.jsx)(a,{renderElement:e.renderElement,data:t,defaultHeight:e.defaultHeight,defaultWidth:e.defaultWidth,retainAlreadyRenderedElements:e.retainAlreadyRenderedElements},"key-"+i)))})}},5380:function(e,t,i){i.d(t,{Z:function(){return v}});var n=i(4959),o=i(7313),r=i(4892),a=i(6805),l=i(7753),d=i(9821);var s=function(e){const[t,i,n,o,r]=(0,d.Z)(),[s]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$w?c/100:s/100*1.2;return[t*h,i*h,r]},c=i(9723),h=i(9461),p=i.n(h),m=i(1195),x=i(7108),u=(i(7244),i(123),i(9854)),f=i(6417);var v=function(e){var t;const i=o.useRef(null);var[d,h,v]=s();const w=(0,l.MO)("whatmoreUITheme"),[g]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[y]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[j]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[b]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[S]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[P]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),z=(0,l.MO)("whatmoreShopId");var C=y,L=j,M=b;v[a.YP]===a.$w&&(C=E,L=S,M=P);const[I,A]=(0,o.useState)(["initial",window.pageYOffset]),[k,R]=(0,o.useState)(!1),Z=null!==(t=e.isSpotlight)&&void 0!==t&&t,O=v[a.YP]===a.$w?.7*(0,u.zGA)(z):(0,u.zGA)(z),V=Z?O:1;d*=V,h*=V;const F=Z?(0,u.G0o)(z):C,T=Z?(0,u.X8j)(z):(0,u.lVn)(z),[Y,$]=(0,o.useState)(!Z&&(0,u.eXi)(z));function D(e,t){A(e),e[1]<=100?R(!1):t!=k&&(R(t),$(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const i=()=>{const i=window.pageYOffset;Math.abs(i-e)<100||(D([i>e?"scrolled-down":"scrolled-up",i],!0),e=i>0?i:0),t=!1},n=()=>{t||(window.requestAnimationFrame(i),t=!0)};return window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)}),[I]),(0,n.O3)({ref:i,handler:()=>{D(["scrolled-up",I[1]],!0)}});const H=e.event,N=e.inVideoClick,_=e.closeClick,B=.3*h,W=.6*h,X=.1*h,q=.1*(.5*h),K="round"==w?"10px":"0px",G=(0,u.Z$A)(z);var U=!1,J=0,Q=0;function ee(e){U=e}return(0,f.jsx)("div",{children:Y&&!T?(0,f.jsx)(f.Fragment,{}):k&&T?(0,f.jsx)("div",{style:"left"===F?{left:"1px",bottom:Z?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:G}:{right:"5px",bottom:Z?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{onClick:()=>{D(["initial",I[1]],!1)},style:{margin:"1px",width:h+"px",height:d+"px"},className:"left"===F?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:H.thumbnail_image,isPlaying:!1,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(m.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},style:{position:"relative",zIndex:1,left:q+"px",bottom:q+"px"},onClick:_})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(x.Z,{sx:{color:"white",fontSize:2*B+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{nodeRef:i,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var i,n;i=t.x,n=t.y,J=i,Q=n},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{U&&(Math.abs(t.x-J)>5||Math.abs(t.y-Q)>5)?ee(!1):N(H)},children:(0,f.jsx)("div",{ref:i,style:"left"===F?{left:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:G}:{right:Z?(0,u.$II)(z)+"px":L+"px",bottom:Z?(0,u.vnu)(z)+"px":M+"px",position:"fixed",zIndex:G},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==z?d+"px":h+"px",height:e.isSpotlight&&"60122562760"==z?h+"px":d+"px"}),className:"left"===F?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==z?16/9:9/16},children:(0,f.jsx)(r.Z,{url:H.thumbnail_image,isMuted:!0,isPlaying:!0,event:H})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(m.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:B+"px"},onClick:_,style:{position:"relative",zIndex:1,left:X+"px",bottom:X+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,u.Ya_)(z),fontSize:W+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:K,borderBottomRightRadius:K,backgroundImage:g?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*B+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",g]})})]})})]})})})})}},6805:function(e,t,i){i.d(t,{$I:function(){return l},$w:function(){return s},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return n},rE:function(){return d}});const n="device_type",o="device_mode",r="mobile",a="tablet",l="desktop",d="portrait",s="landscape"},9821:function(e,t,i){var n=i(7753),o=i(8866),r=i(6805),a=i(9854);t.Z=function(e){const[t,i,l]=(0,o.Z)(),[d]=(0,n.j1)("whatmoreLandscapePadding"),[s]=(0,n.j1)("whatmoreShopId"),[c]=(0,n.j1)("whatmoreVideoTileSize"),[h]=(0,n.j1)("whatmoreVideoTileSizePortrait"),p=l>=1025,m="portrait"==t?h:c,x=!("portrait"!=t||!(l>=481)),u=m/100*1.3*.5,f=m/100;var v=Math.min(l,i),[w,g,y,j]=[.6*v*(16/9),.6*v,1.4,0];function b(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(p){const e=g*u,t=w*u;[w,g,y,j]=[t,e,(l-2*d-2*(0,a.mZU)(s))/(1.1*e),d],E[r.me]=r.$I,E[r.YP]=r.$w}else if(x){var S=.8*g,P=.8*w;"portrait"==t?(S*=f,P*=f,[w,g,y,j]=[P,S,b(l/(1.2*S)),0],E[r.me]=r.AL,E[r.YP]=r.rE):([w,g,y,j]=[P,S,(l-2*d)/(1.1*S),d],E[r.me]=r.AL,E[r.YP]=r.$w)}else{S=g,P=w;"portrait"==t?(S=S*f*.9,P=P*f*.9,[w,g,y,j]=[P,S,b(l/(1.15*S)),0],E[r.me]=r.AK,E[r.YP]=r.rE):(S=.7*g,P=.7*w,[w,g,y,j]=[P,S,(l-2*d)/(1.1*S),d],E[r.me]=r.AK,E[r.YP]=r.$w)}return[w,g,y,j,E]}},9111:function(){},7244:function(){},5892:function(){},4444:function(){},1811:function(){},6143:function(){},7850:function(){},9778:function(){}}]);