whatmore-react-assets 1.0.1334 → 1.0.1335

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whatmore-react-assets",
-  "version": "1.0.1334",
+  "version": "1.0.1335",
   "description": "public repo for all whatmore js and css assets",
   "main": "whatmore.js",
   "scripts": {

package/static/js/707.66345c25.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[707],{9723:function(e,t,o){var n=o(5318);t.Z=void 0;var r=n(o(5045)),i=o(6417),a=(0,r.default)((0,i.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=a},9212:function(e,t,o){var n=o(5318);t.Z=void 0;var r=n(o(5045)),i=o(6417),a=(0,r.default)([(0,i.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,i.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");t.Z=a},237:function(e,t,o){var n=o(5318);t.Z=void 0;var r=n(o(5045)),i=o(6417),a=(0,r.default)((0,i.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=a},8134:function(e,t,o){o(8021)},8021:function(e,t,o){var n=o(7313),r=o(6417),i=(o(1168),Object.defineProperty),a=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0,configurable:!0,set:e=>t[o]=()=>e})};if("function"!==typeof n.createContext){throw new Error(['Remotion requires React.createContext, but it is "undefined".','If you are in a React Server Component, turn it into a client component by adding "use client" at the top of the file.',"","Before:",'  import {useCurrentFrame} from "remotion";',"","After:",'  "use client";','  import {useCurrentFrame} from "remotion";'].join("\n"))}function u(){return["NOD","E_EN","V"].join("")}var s=()=>["e","nv"].join(""),l=()=>{const e="undefined"!==typeof window&&window.remotion_isPlayer,t="undefined"!==typeof window&&"undefined"!==typeof window.process&&"undefined"!==typeof window.process.env&&("test"===window.process[s()][u()]||"production"===window.process[s()][u()]&&"undefined"!==typeof window&&"undefined"!==typeof window.remotion_puppeteerTimeout);return{isStudio:"undefined"!==typeof window&&window.remotion_isStudio,isRendering:t,isPlayer:e}},d=n.createElement,c=[],m=()=>{if(!l().isStudio)return;const e=new Proxy(d,{apply(e,t,o){if(c.includes(o[0])){const[n,r,...i]=o,a={...null!==r&&void 0!==r?r:{},stack:(new Error).stack};return Reflect.apply(e,t,[n,a,...i])}return Reflect.apply(e,t,o)}});n.createElement=e},f=e=>{c.push(e),m()},p=(0,n.createContext)(!1),v=()=>(0,n.useContext)(p);function h(e){return Boolean(e)}var w="4.0.231",y=(0,n.forwardRef)(((e,t)=>{const{style:o,...i}=e,a=(0,n.useMemo)((()=>({position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",display:"flex",flexDirection:"column",...o})),[o]);return(0,r.jsx)("div",{ref:t,style:a,...i})})),g=(0,n.createContext)(null),b=n.createContext({registerSequence:()=>{throw new Error("SequenceManagerContext not initialized")},unregisterSequence:()=>{throw new Error("SequenceManagerContext not initialized")},sequences:[]}),E=n.createContext({hidden:{},setHidden:()=>{throw new Error("SequenceVisibilityToggle not initialized")}}),F=(0,n.createContext)({getNonce:()=>0,fastRefreshes:0}),T=()=>{const e=(0,n.useContext)(F),[t,o]=(0,n.useState)((()=>e.getNonce())),r=(0,n.useRef)(e);return(0,n.useEffect)((()=>{r.current!==e&&(r.current=e,o(e.getNonce))}),[e]),t},R={};a(R,{useTimelineSetFrame:()=>G,useTimelinePosition:()=>Z,usePlayingState:()=>$,persistCurrentFrame:()=>U,getInitialFrameState:()=>H,getFrameForComposition:()=>J,TimelineContext:()=>z,SetTimelineContext:()=>Y});var C=(0,n.createContext)({compositions:[],registerComposition:()=>{},unregisterComposition:()=>{},registerFolder:()=>{},unregisterFolder:()=>{},setCurrentCompositionMetadata:()=>{},updateCompositionDefaultProps:()=>{},folders:[],currentCompositionMetadata:null,canvasContent:null,setCanvasContent:()=>{}}),x=(0,n.createContext)({props:{},updateProps:()=>{throw new Error("Not implemented")},resetUnsaved:()=>{throw new Error("Not implemented")}}),k=(n.createRef(),{"%3A":":","%2F":"/","%3F":"?","%23":"#","%5B":"[","%5D":"]","%40":"@","%21":"!","%24":"$","%26":"&","%27":"'","%28":"(","%29":")","%2A":"*","%2B":"+","%2C":",","%3B":";"}),I={},S=e=>e.startsWith("/")?S(e.substring(1)):e,N=e=>{if(null===e)throw new TypeError("null was passed to staticFile()");if("undefined"===typeof e)throw new TypeError("undefined was passed to staticFile()");if(e.startsWith("http://")||e.startsWith("https://"))throw new TypeError('staticFile() does not support remote URLs - got "'.concat(e,'". Instead, pass the URL without wrapping it in staticFile(). See: https://remotion.dev/docs/staticfile-remote-urls'));if(e.startsWith("..")||e.startsWith("./"))throw new TypeError('staticFile() does not support relative paths - got "'.concat(e,'". Instead, pass the name of a file that is inside the public/ folder. See: https://remotion.dev/docs/staticfile-relative-paths'));if(e.startsWith("/Users")||e.startsWith("/home")||e.startsWith("/tmp")||e.startsWith("/etc")||e.startsWith("/opt")||e.startsWith("/var")||e.startsWith("C:")||e.startsWith("D:")||e.startsWith("E:"))throw new TypeError('staticFile() does not support absolute paths - got "'.concat(e,'". Instead, pass the name of a file that is inside the public/ folder. See: https://remotion.dev/docs/staticfile-relative-paths'));if(e.startsWith("public/"))throw new TypeError('Do not include the public/ prefix when using staticFile() - got "'.concat(e,'". See: https://remotion.dev/docs/staticfile-relative-paths'));const t=(e=>{for(const t of Object.keys(k))if(e.includes(t))return{containsHex:!0,hexCode:t};return{containsHex:!1}})(e);var o;t.containsHex&&(o="WARNING: You seem to pass an already encoded path (path contains ".concat(t.hexCode,"). Since Remotion 4.0, the encoding is done by staticFile() itself. You may want to remove a encodeURIComponent() wrapping."),I[o]||(console.warn(o),I[o]=!0));const n=(e=>e.split("/").map((e=>encodeURIComponent(e))).join("/"))(e),r=(e=>{if("undefined"!==typeof window&&window.remotion_staticBase){if(e.startsWith(window.remotion_staticBase))throw new Error('The value "'.concat(e,'" is already prefixed with the static base ').concat(window.remotion_staticBase,". You don't need to call staticFile() on it."));return"".concat(window.remotion_staticBase,"/").concat(S(e))}return"/".concat(S(e))})(n);return r.startsWith("/")?r:"/".concat(r)},M="remotion-date:",P="remotion-file:",V=e=>JSON.parse(e,((e,t)=>"string"===typeof t&&t.startsWith(M)?new Date(t.replace(M,"")):"string"===typeof t&&t.startsWith(P)?N(t.replace(P,"")):t)),A=!1,D=()=>{if("undefined"===typeof window)return A||(A=!0,console.warn("Called `getInputProps()` on the server. This function is not available server-side and has returned an empty object."),console.warn("To hide this warning, don't call this function on the server:"),console.warn("  typeof window === 'undefined' ? {} : getInputProps()")),{};if(l().isPlayer)throw new Error("You cannot call `getInputProps()` from a <Player>. Instead, the props are available as React props from component that you passed as `component` prop.");const e=window.remotion_inputProps;if(!e)return{};return V(e)};function _(e,t,o){if("number"!==typeof e)throw new Error('The "'.concat(t,'" prop ').concat(o," must be a number, but you passed a value of type ").concat(typeof e));if(isNaN(e))throw new TypeError('The "'.concat(t,'" prop ').concat(o," must not be NaN, but is NaN."));if(!Number.isFinite(e))throw new TypeError('The "'.concat(t,'" prop ').concat(o," must be finite, but is ").concat(e,"."));if(e%1!==0)throw new TypeError('The "'.concat(t,'" prop ').concat(o," must be an integer, but is ").concat(e,"."));if(e<=0)throw new TypeError('The "'.concat(t,'" prop ').concat(o," must be positive, but got ").concat(e,"."))}function L(e,t){const{allowFloats:o,component:n}=t;if("undefined"===typeof e)throw new Error('The "durationInFrames" prop '.concat(n," is missing."));if("number"!==typeof e)throw new Error('The "durationInFrames" prop '.concat(n," must be a number, but you passed a value of type ").concat(typeof e));if(e<=0)throw new TypeError('The "durationInFrames" prop '.concat(n," must be positive, but got ").concat(e,"."));if(!o&&e%1!==0)throw new TypeError('The "durationInFrames" prop '.concat(n," must be an integer, but got ").concat(e,"."));if(!Number.isFinite(e))throw new TypeError('The "durationInFrames" prop '.concat(n," must be finite, but got ").concat(e,"."))}function j(e,t,o){if("number"!==typeof e)throw new Error('"fps" must be a number, but you passed a value of type '.concat(typeof e," ").concat(t));if(!Number.isFinite(e))throw new Error('"fps" must be a finite, but you passed '.concat(e," ").concat(t));if(isNaN(e))throw new Error('"fps" must not be NaN, but got '.concat(e," ").concat(t));if(e<=0)throw new TypeError('"fps" must be positive, but got '.concat(e," ").concat(t));if(o&&e>50)throw new TypeError("The FPS for a GIF cannot be higher than 50. Use the --every-nth-frame option to lower the FPS: https://remotion.dev/docs/render-as-gif")}var B=(0,n.createContext)(null),W=((0,n.createRef)(),e=>Boolean(e.calculateMetadata)),q=e=>{const t=(0,n.useContext)(B),{props:o}=(0,n.useContext)(x),{compositions:r,canvasContent:i,currentCompositionMetadata:a}=(0,n.useContext)(C),u="composition"===(null===i||void 0===i?void 0:i.type)?i.compositionId:null,s=null!==e&&void 0!==e?e:u,d=r.find((e=>e.id===s)),c=(0,n.useMemo)((()=>{var e;return d&&null!==(e=o[d.id])&&void 0!==e?e:{}}),[o,d]);return(0,n.useMemo)((()=>{return d?a?{type:"success",result:{...a,id:d.id,props:a.props,defaultProps:null!==(e=d.defaultProps)&&void 0!==e?e:{},defaultCodec:a.defaultCodec}}:W(d)?t[d.id]?t[d.id]:null:(L(d.durationInFrames,{allowFloats:!1,component:'in <Composition id="'.concat(d.id,'">')}),j(d.fps,'in <Composition id="'.concat(d.id,'">'),!1),_(d.width,"width",'in <Composition id="'.concat(d.id,'">')),_(d.height,"height",'in <Composition id="'.concat(d.id,'">')),{type:"success",result:{width:d.width,height:d.height,fps:d.fps,id:d.id,durationInFrames:d.durationInFrames,defaultProps:null!==(o=d.defaultProps)&&void 0!==o?o:{},props:{...null!==(n=d.defaultProps)&&void 0!==n?n:{},...null!==c&&void 0!==c?c:{},..."undefined"===typeof window||l().isPlayer?{}:null!==(r=D())&&void 0!==r?r:{}},defaultCodec:null}}):null;var e,o,n,r}),[d,t,a,c])},O=()=>{var e;const{canvasContent:t,compositions:o,currentCompositionMetadata:r}=(0,n.useContext)(C),i=o.find((e=>"composition"===(null===t||void 0===t?void 0:t.type)&&e.id===t.compositionId)),a=q(null!==(e=null===i||void 0===i?void 0:i.id)&&void 0!==e?e:null);return(0,n.useMemo)((()=>{var e;return a?"error"===a.type||"loading"===a.type?null:i?{...a.result,defaultProps:null!==(e=i.defaultProps)&&void 0!==e?e:{},id:i.id,...null!==r&&void 0!==r?r:{},component:i.component}:null:null}),[r,a,i])},z=(0,n.createContext)({frame:{},playing:!1,playbackRate:1,rootId:"",imperativePlaying:{current:!1},setPlaybackRate:()=>{throw new Error("default")},audioAndVideoTags:{current:[]}}),Y=(0,n.createContext)({setFrame:()=>{throw new Error("default")},setPlaying:()=>{throw new Error("default")}}),U=e=>{localStorage.setItem("remotion.time-all",JSON.stringify(e))},H=()=>{var e;const t=null!==(e=localStorage.getItem("remotion.time-all"))&&void 0!==e?e:"{}";return JSON.parse(t)},J=e=>{var t,o;const n=null!==(t=localStorage.getItem("remotion.time-all"))&&void 0!==t?t:"{}",r=JSON.parse(n);return void 0!==r[e]?Number(r[e]):"undefined"===typeof window?0:null!==(o=window.remotion_initialFrame)&&void 0!==o?o:0},Z=()=>{var e;const t=O(),o=(0,n.useContext)(z);var r;if(!t)return"undefined"===typeof window?0:null!==(r=window.remotion_initialFrame)&&void 0!==r?r:0;const i=null!==(e=o.frame[t.id])&&void 0!==e?e:l().isPlayer?0:J(t.id);return Math.min(t.durationInFrames-1,i)},G=()=>{const{setFrame:e}=(0,n.useContext)(Y);return e},$=()=>{const{playing:e,imperativePlaying:t}=(0,n.useContext)(z),{setPlaying:o}=(0,n.useContext)(Y);return(0,n.useMemo)((()=>[e,o,t]),[t,e,o])},K=(0,n.createContext)(!1),Q=()=>{var e,t,o;const r=(0,n.useContext)(g),i=null!==(e=null===r||void 0===r?void 0:r.width)&&void 0!==e?e:null,a=null!==(t=null===r||void 0===r?void 0:r.height)&&void 0!==t?t:null,u=null!==(o=null===r||void 0===r?void 0:r.durationInFrames)&&void 0!==o?o:null,s=O();return(0,n.useMemo)((()=>{if(!s)return null;const{id:e,durationInFrames:t,fps:o,height:n,width:r,defaultProps:l,props:d,defaultCodec:c}=s;return{id:e,width:null!==i&&void 0!==i?i:r,height:null!==a&&void 0!==a?a:n,fps:o,durationInFrames:null!==u&&void 0!==u?u:t,defaultProps:l,props:d,defaultCodec:c}}),[u,a,i,s])},X=()=>{const e=Q(),t=(0,n.useContext)(K),o=v();if(!e){if("undefined"!==typeof window&&window.remotion_isPlayer||o)throw new Error(["No video config found. Likely reasons:","- You are probably calling useVideoConfig() from outside the component passed to <Player />. See https://www.remotion.dev/docs/player/examples for how to set up the Player correctly.","- You have multiple versions of Remotion installed which causes the React context to get lost."].join("-"));throw new Error("No video config found. You are probably calling useVideoConfig() from a component which has not been registered as a <Composition />. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions for more information.")}if(!t)throw new Error("Called useVideoConfig() outside a Remotion composition.");return e},ee=()=>{if(!(0,n.useContext)(K)){if(l().isPlayer)throw new Error("useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples");throw new Error("useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions")}const e=Z(),t=(0,n.useContext)(g);return e-(t?t.cumulatedFrom+t.relativeFrom:0)},te=e=>{var t;let{frame:o,children:i,active:a=!0}=e;const u=ee(),s=X();if("undefined"===typeof o)throw new Error("The <Freeze /> component requires a 'frame' prop, but none was passed.");if("number"!==typeof o)throw new Error("The 'frame' prop of <Freeze /> must be a number, but is of type ".concat(typeof o));if(Number.isNaN(o))throw new Error("The 'frame' prop of <Freeze /> must be a real number, but it is NaN.");if(!Number.isFinite(o))throw new Error("The 'frame' prop of <Freeze /> must be a finite number, but it is ".concat(o,"."));const l=(0,n.useMemo)((()=>"boolean"===typeof a?a:"function"===typeof a?a(u):void 0),[a,u]),d=(0,n.useContext)(z),c=(0,n.useContext)(g),m=null!==(t=null===c||void 0===c?void 0:c.relativeFrom)&&void 0!==t?t:0,f=(0,n.useMemo)((()=>l?{...d,playing:!1,imperativePlaying:{current:!1},frame:{[s.id]:o+m}}:d),[l,d,s.id,o,m]);return(0,r.jsx)(z.Provider,{value:f,children:i})},oe=(0,n.forwardRef)(((e,t)=>{var o;let{from:i=0,durationInFrames:a=1/0,children:u,name:s,height:d,width:c,showInTimeline:m=!0,_remotionInternalLoopDisplay:f,_remotionInternalStack:p,_remotionInternalPremountDisplay:v,...h}=e;const{layout:w="absolute-fill"}=h,[F]=(0,n.useState)((()=>String(Math.random()))),R=(0,n.useContext)(g),{rootId:C}=(0,n.useContext)(z),x=R?R.cumulatedFrom+R.relativeFrom:0,k=T();if("absolute-fill"!==w&&"none"!==w)throw new TypeError('The layout prop of <Sequence /> expects either "absolute-fill" or "none", but you passed: '.concat(w));if("none"===w&&"undefined"!==typeof h.style)throw new TypeError('If layout="none", you may not pass a style.');if("number"!==typeof a)throw new TypeError("You passed to durationInFrames an argument of type ".concat(typeof a,", but it must be a number."));if(a<=0)throw new TypeError("durationInFrames must be positive, but got ".concat(a));if("number"!==typeof i)throw new TypeError('You passed to the "from" props of your <Sequence> an argument of type '.concat(typeof i,", but it must be a number."));if(!Number.isFinite(i))throw new TypeError('The "from" prop of a sequence must be finite, but got '.concat(i,"."));const I=Z(),S=X(),N=R?Math.min(R.durationInFrames-i,a):a,M=Math.max(0,Math.min(S.durationInFrames-i,N)),{registerSequence:P,unregisterSequence:V}=(0,n.useContext)(b),{hidden:A}=(0,n.useContext)(E),D=(0,n.useMemo)((()=>{var e;return null!==(e=null===R||void 0===R?void 0:R.premounting)&&void 0!==e?e:Boolean(h._remotionInternalIsPremounting)}),[h._remotionInternalIsPremounting,null===R||void 0===R?void 0:R.premounting]),_=(0,n.useMemo)((()=>{var e,t,o;return{cumulatedFrom:x,relativeFrom:i,durationInFrames:M,parentFrom:null!==(e=null===R||void 0===R?void 0:R.relativeFrom)&&void 0!==e?e:0,id:F,height:null!==(t=null!==d&&void 0!==d?d:null===R||void 0===R?void 0:R.height)&&void 0!==t?t:null,width:null!==(o=null!==c&&void 0!==c?c:null===R||void 0===R?void 0:R.width)&&void 0!==o?o:null,premounting:D}}),[x,i,M,R,F,d,c,D]),L=(0,n.useMemo)((()=>null!==s&&void 0!==s?s:""),[s]);(0,n.useEffect)((()=>{var e;if(l().isStudio)return P({from:i,duration:M,id:F,displayName:L,parent:null!==(e=null===R||void 0===R?void 0:R.id)&&void 0!==e?e:null,type:"sequence",rootId:C,showInTimeline:m,nonce:k,loopDisplay:f,stack:null!==p&&void 0!==p?p:null,premountDisplay:null!==v&&void 0!==v?v:null}),()=>{V(F)}}),[a,F,s,P,L,V,null===R||void 0===R?void 0:R.id,M,C,i,m,k,f,p,v]);const j=Math.ceil(x+i+a-1),B=I<x+i||I>j?null:u,W="none"===h.layout?void 0:h.style,q=(0,n.useMemo)((()=>({flexDirection:void 0,...c?{width:c}:{},...d?{height:d}:{},...null!==W&&void 0!==W?W:{}})),[d,W,c]);if(null!==t&&"none"===w)throw new TypeError('It is not supported to pass both a `ref` and `layout="none"` to <Sequence />.');return null!==(o=A[F])&&void 0!==o&&o?null:(0,r.jsx)(g.Provider,{value:_,children:null===B?null:"none"===h.layout?B:(0,r.jsx)(y,{ref:t,style:q,className:h.className,children:B})})})),ne=(0,n.forwardRef)(((e,t)=>{const o=ee();if("none"===e.layout)throw new Error('`<Sequence>` with `premountFor` prop does not support layout="none"');const{style:i,from:a=0,premountFor:u=0,...s}=e,l=o<a&&o>=a-u,d=(0,n.useMemo)((()=>{var e;return{...i,opacity:l?0:1,pointerEvents:l?"none":null!==(e=null===i||void 0===i?void 0:i.pointerEvents)&&void 0!==e?e:void 0}}),[l,i]);return(0,r.jsx)(te,{frame:a,active:l,children:(0,r.jsx)(re,{ref:t,from:a,style:d,_remotionInternalPremountDisplay:u,_remotionInternalIsPremounting:l,...s})})})),re=(0,n.forwardRef)(((e,t)=>"none"!==e.layout&&e.premountFor&&!l().isRendering?(0,r.jsx)(ne,{...e,ref:t}):(0,r.jsx)(oe,{...e,ref:t}))),ie=(0,n.createContext)({registerRenderAsset:()=>{},unregisterRenderAsset:()=>{},renderAssets:[]}),ae=e=>"undefined"===typeof window?e:new URL(e,window.origin).href,ue=e=>{let{endAt:t,mediaDuration:o,playbackRate:n,startFrom:r}=e,i=o;"undefined"!==typeof t&&(i=t),"undefined"!==typeof r&&(i-=r);const a=i/n;return Math.floor(a)};function se(e){let t;throw le(e)?(t=e,t.stack||(t.stack=new Error(t.message).stack)):t="string"===typeof e?Error(e):Error("Rendering was cancelled"),window.remotion_cancelledError=t.stack,t}var le=e=>e instanceof Error||null!==e&&("object"===typeof e&&("stack"in e&&("string"===typeof e.stack&&("message"in e&&"string"===typeof e.message)))),de=(0,n.createContext)(null),ce=e=>{let{durationInFrames:t,times:o=1/0,children:i,name:a,...u}=e;const s=ee(),{durationInFrames:l}=X();if(L(t,{component:"of the <Loop /> component",allowFloats:!0}),"number"!==typeof o)throw new TypeError('You passed to "times" an argument of type '.concat(typeof o,", but it must be a number."));if(o!==1/0&&o%1!==0)throw new TypeError('The "times" prop of a loop must be an integer, but got '.concat(o,"."));if(o<0)throw new TypeError('The "times" prop of a loop must be at least 0, but got '.concat(o));const d=Math.ceil(l/t),c=Math.min(d,o),m="none"===u.layout?void 0:u.style,f=t*(c-1),p=Math.floor(s/t)*t,v=Math.min(p,f),h=(0,n.useMemo)((()=>({numberOfTimes:c,startOffset:-v,durationInFrames:t})),[c,t,v]),w=(0,n.useMemo)((()=>({iteration:Math.floor(s/t),durationInFrames:t})),[s,t]);return(0,r.jsx)(de.Provider,{value:w,children:(0,r.jsx)(re,{durationInFrames:t,from:v,name:null!==a&&void 0!==a?a:"<Loop>",_remotionInternalLoopDisplay:h,layout:u.layout,style:m,children:i})})};ce.useLoop=()=>n.useContext(de);var me=(0,n.createContext)({}),fe=e=>{var t;return null!==(t=(0,n.useContext)(me)[e])&&void 0!==t?t:e},pe=(e,t)=>{if("number"!==typeof e.volume&&"function"!==typeof e.volume&&"undefined"!==typeof e.volume)throw new TypeError("You have passed a volume of type ".concat(typeof e.volume," to your <").concat(t," /> component. Volume must be a number or a function with the signature '(frame: number) => number' undefined."));if("number"===typeof e.volume&&e.volume<0)throw new TypeError("You have passed a volume below 0 to your <".concat(t," /> component. Volume must be between 0 and 1"));if("number"!==typeof e.playbackRate&&"undefined"!==typeof e.playbackRate)throw new TypeError("You have passed a playbackRate of type ".concat(typeof e.playbackRate," to your <").concat(t," /> component. Playback rate must a real number or undefined."));if("number"===typeof e.playbackRate&&(isNaN(e.playbackRate)||!Number.isFinite(e.playbackRate)||e.playbackRate<=0))throw new TypeError("You have passed a playbackRate of ".concat(e.playbackRate," to your <").concat(t," /> component. Playback rate must be a real number above 0."))},ve=(e,t)=>{if("undefined"!==typeof e){if("number"!==typeof e)throw new TypeError("type of startFrom prop must be a number, instead got type ".concat(typeof e,"."));if(isNaN(e)||e===1/0)throw new TypeError("startFrom prop can not be NaN or Infinity.");if(e<0)throw new TypeError("startFrom must be greater than equal to 0 instead got ".concat(e,"."))}if("undefined"!==typeof t){if("number"!==typeof t)throw new TypeError("type of endAt prop must be a number, instead got type ".concat(typeof t,"."));if(isNaN(t))throw new TypeError("endAt prop can not be NaN.");if(t<=0)throw new TypeError("endAt must be a positive number, instead got ".concat(t,"."))}if(t<e)throw new TypeError("endAt prop must be greater than startFrom prop.")},he=(0,n.createContext)({durations:{},setDurations:()=>{throw new Error("context missing")}});function we(e){let t=e+1831565813;return t=Math.imul(t^t>>>15,1|t),t^=t+Math.imul(t^t>>>7,61|t),((t^t>>>14)>>>0)/4294967296}var ye=(e,t)=>{if(void 0!==t)throw new TypeError("random() takes only one argument");if(null===e)return Math.random();if("string"===typeof e)return we(function(e){let t=0,o=0,n=0;for(t=0;t<e.length;t++)o=e.charCodeAt(t),n=(n<<5)-n+o,n|=0;return n}(e));if("number"===typeof e)return we(1e10*e);throw new Error("random() argument must be a number or a string")},ge=()=>{var e;const t=(0,n.useContext)(g);return Math.min(0,null!==(e=null===t||void 0===t?void 0:t.relativeFrom)&&void 0!==e?e:0)},be=e=>{const t=ce.useLoop(),o=ee(),n=ge();return"repeat"===e||null===t?o+n:o+n+t.durationInFrames*t.iteration},Ee=e=>{if(/data:|blob:/.test(e.substring(0,5)))return"Data URL";const t=e.split("/").map((e=>e.split("\\"))).flat(1);return t[t.length-1]},Fe=(e,t,o)=>{const{current:n}=e;if(!n)return;const r=n.play();r.catch&&r.catch((e=>{if(n&&!e.message.includes("request was interrupted by a call to pause")&&!e.message.includes("The operation was aborted.")&&!e.message.includes("The fetching process for the media resource was aborted by the user agent")&&!e.message.includes("request was interrupted by a new load request")&&!e.message.includes("because the media was removed from the document")&&(!e.message.includes("user didn't interact with the document")||!n.muted)&&(console.log("Could not play ".concat(t," due to following error: "),e),!n.muted)){if(o)return void o();console.log("The video will be muted and we'll retry playing it."),"video"===t&&l().isPlayer&&console.log("Use onAutoPlayError() to handle this error yourself."),n.muted=!0,n.play()}}))},Te=e=>{let{frame:t,volume:o,mediaVolume:n=1,allowAmplificationDuringRender:r}=e;const i=r?1/0:1;if("number"===typeof o)return Math.min(i,o*n);if("undefined"===typeof o)return Number(n);const a=o(t)*n;if("number"!==typeof a)throw new TypeError("You passed in a a function to the volume prop but it did not return a number but a value of type ".concat(typeof a," for frame ").concat(t));if(Number.isNaN(a))throw new TypeError("You passed in a function to the volume prop but it returned NaN for frame ".concat(t,"."));if(!Number.isFinite(a))throw new TypeError("You passed in a function to the volume prop but it returned a non-finite number for frame ".concat(t,"."));return Math.max(0,Math.min(i,a))},Re={},Ce=e=>{let{volume:t,mediaVolume:o,mediaRef:r,src:i,mediaType:a,playbackRate:u,displayName:s,id:d,stack:c,showInTimeline:m,premountDisplay:f,onAutoPlayError:p}=e;const v=X(),{rootId:h,audioAndVideoTags:w}=(0,n.useContext)(z),y=(0,n.useContext)(g),E=y?y.relativeFrom+y.cumulatedFrom:0,[F]=$(),R=ge(),{registerSequence:C,unregisterSequence:x}=(0,n.useContext)(b),[k]=(0,n.useState)((()=>t)),I=T(),S=y?Math.min(y.durationInFrames,v.durationInFrames):v.durationInFrames,N="function"===typeof t,M=(0,n.useMemo)((()=>"number"===typeof t?t:new Array(Math.floor(Math.max(0,S+R))).fill(!0).map(((e,n)=>Te({frame:n+R,volume:t,mediaVolume:o,allowAmplificationDuringRender:!1}))).join(",")),[S,R,t,o]);(0,n.useEffect)((()=>{var e;"number"===typeof t&&t!==k&&(e="Remotion: The ".concat(a," with src ").concat(i," has changed it's volume. Prefer the callback syntax for setting volume to get better timeline display: https://www.remotion.dev/docs/using-audio/#controlling-volume"),Re[e]||(console.warn(e),Re[e]=!0))}),[k,a,i,t]),(0,n.useEffect)((()=>{var e,t,o;if(r.current){if(!i)throw new Error("No src passed");if((l().isStudio||"test"===(null===(e=window.process)||void 0===e||null===(t=e.env)||void 0===t?void 0:t.NODE_ENV))&&m)return C({type:a,src:i,id:d,duration:S,from:0,parent:null!==(o=null===y||void 0===y?void 0:y.id)&&void 0!==o?o:null,displayName:null!==s&&void 0!==s?s:Ee(i),rootId:h,volume:M,showInTimeline:!0,nonce:I,startMediaFrom:0-R,doesVolumeChange:N,loopDisplay:void 0,playbackRate:u,stack:c,premountDisplay:f}),()=>{x(d)}}}),[E,S,d,y,i,C,h,x,v,M,N,I,r,a,R,u,s,c,m,f]),(0,n.useEffect)((()=>{const e={id:d,play:()=>{if(F)return Fe(r,a,p)}};return w.current.push(e),()=>{w.current=w.current.filter((e=>e.id!==d))}}),[w,d,r,a,p,F])},xe=n.createContext(null),ke=()=>{const e=(0,n.useContext)(xe),t=e?e.addBlock:null;return(0,n.useMemo)((()=>({delayPlayback:()=>{if(!t)throw new Error("Tried to enable the buffering state, but a Remotion context was not found. This API can only be called in a component that was passed to the Remotion Player or a <Composition>. Or you might have experienced a version mismatch - run `npx remotion versions` and ensure all packages have the same version. This error is thrown by the buffer state https://remotion.dev/docs/player/buffer-state");const{unblock:e}=t({id:String(Math.random())});return{unblock:e}}})),[t])};function Ie(e,t){if(t.length<2)throw new Error(e+" must have at least 2 elements");for(const o of t){if("number"!==typeof o)throw new Error("".concat(e," must contain only numbers"));if(!Number.isFinite(o))throw new Error("".concat(e," must contain only finite numbers, but got [").concat(t.join(","),"]"))}}function Se(e,t,o,n){var r;if("undefined"===typeof e)throw new Error("input can not be undefined");if("undefined"===typeof t)throw new Error("inputRange can not be undefined");if("undefined"===typeof o)throw new Error("outputRange can not be undefined");if(t.length!==o.length)throw new Error("inputRange ("+t.length+") and outputRange ("+o.length+") must have the same length");Ie("inputRange",t),Ie("outputRange",o),function(e){for(let t=1;t<e.length;++t)if(!(e[t]>e[t-1]))throw new Error("inputRange must be strictly monotonically increasing but got [".concat(e.join(","),"]"))}(t);const i=null!==(r=null===n||void 0===n?void 0:n.easing)&&void 0!==r?r:e=>e;let a="extend";void 0!==(null===n||void 0===n?void 0:n.extrapolateLeft)&&(a=n.extrapolateLeft);let u="extend";if(void 0!==(null===n||void 0===n?void 0:n.extrapolateRight)&&(u=n.extrapolateRight),"number"!==typeof e)throw new TypeError("Cannot interpolate an input which is not a number");const s=function(e,t){let o;for(o=1;o<t.length-1&&!(t[o]>=e);++o);return o-1}(e,t);return function(e,t,o,n){const{extrapolateLeft:r,extrapolateRight:i,easing:a}=n;let u=e;const[s,l]=t,[d,c]=o;if(u<s){if("identity"===r)return u;if("clamp"===r)u=s;else if("wrap"===r){const e=l-s;u=((u-s)%e+e)%e+s}}if(u>l){if("identity"===i)return u;if("clamp"===i)u=l;else if("wrap"===i){const e=l-s;u=((u-s)%e+e)%e+s}}return d===c?d:(u=(u-s)/(l-s),u=a(u),u=u*(c-d)+d,u)}(e,[t[s],t[s+1]],[o[s],o[s+1]],{easing:i,extrapolateLeft:a,extrapolateRight:u})}var Ne=e=>{let{frame:t,playbackRate:o,startFrom:n}=e;return Se(t,[-1,n,n+1],[-1,n,n+o])},Me=e=>{let{fps:t,frame:o,playbackRate:n,startFrom:r}=e;return Ne({frame:o,playbackRate:n,startFrom:r})*(1e3/t)/1e3},Pe=(e,t)=>Math.round(e/t*100)/100,Ve=()=>{if("undefined"===typeof window)return!1;const e=/iP(ad|od|hone)/i.test(window.navigator.userAgent),t=/AppleWebKit/.test(window.navigator.userAgent);return e&&t},Ae=e=>{let{actualFrom:t,fps:o}=e;return Pe(Math.max(0,-t),o)},De=e=>{let{duration:t,fps:o}=e;return Pe(t,o)},_e=e=>{var t;let{actualSrc:o,actualFrom:n,duration:r,fps:i}=e;if((e=>Ve()&&e.startsWith("blob:"))(o))return o;if(o.startsWith("data:"))return o;if(Boolean(new URL(o,null!==(t="undefined"===typeof window?null:window.location.href)&&void 0!==t?t:"http://localhost:3000").hash))return o;if(!Number.isFinite(n))return o;const a="".concat(o,"#t=").concat(Ae({actualFrom:n,fps:i}));return Number.isFinite(r)?"".concat(a,",").concat(De({duration:r,fps:i})):a},Le=e=>{let{actualSrc:t,actualFrom:o,duration:r,fps:i}=e;const a=(0,n.useRef)(o),u=(0,n.useRef)(r),s=(0,n.useRef)(t);(e=>{let{prevStartFrom:t,newStartFrom:o,prevDuration:n,newDuration:r,fps:i}=e;const a=Ae({actualFrom:t,fps:i}),u=Ae({actualFrom:o,fps:i}),s=De({duration:n,fps:i}),l=De({duration:r,fps:i});return!(u<a)&&!(l>s)})({prevStartFrom:a.current,newStartFrom:o,prevDuration:u.current,newDuration:r,fps:i})&&t===s.current||(a.current=o,u.current=r,s.current=t);return _e({actualSrc:s.current,actualFrom:a.current,duration:u.current,fps:i})},je={},Be=.45,We=(e,t)=>{if(!e.current)return;const o=Ve()?Number(t.toFixed(1)):t;e.current.currentTime=o},qe=e=>{let{mediaRef:t,src:o,mediaType:r,playbackRate:i,onlyWarnForMediaSeekingError:a,acceptableTimeshift:u,pauseWhenBuffering:s,isPremounting:l,debugSeeking:d,onAutoPlayError:c}=e;const{playbackRate:m}=(0,n.useContext)(z),f=ee(),p=Z(),[v]=$(),h=(0,n.useContext)(xe),{fps:w}=X(),y=ge(),g=(0,n.useRef)(null),b=(0,n.useRef)(null);if(!h)throw new Error("useMediaPlayback must be used inside a <BufferingContext>");const E=(0,n.useRef)({}),F=(0,n.useCallback)((()=>{o&&(d&&console.log("Detected ".concat(o," as a variable FPS video. Disabling buffering while seeking.")),E.current[o]=!0)}),[d,o]),T=(e=>{let{mediaRef:t,mediaType:o,lastSeek:r,onVariableFpsVideoDetected:i}=e;const a=(0,n.useRef)(null);return(0,n.useEffect)((()=>{const{current:e}=t;if(!e)return void(a.current=null);if(a.current=e.currentTime,"video"!==o)return void(a.current=null);const n=e;if(!n.requestVideoFrameCallback)return;let u=()=>{};const s=()=>{if(!n)return;const e=n.requestVideoFrameCallback(((e,t)=>{if(null!==a.current){const e=Math.abs(a.current-t.mediaTime),o=Math.abs(null===r.current?1/0:t.mediaTime-r.current);e>.5&&o>.5&&t.mediaTime>a.current&&i()}a.current=t.mediaTime,s()}));u=()=>{n.cancelVideoFrameCallback(e),u=()=>{}}};return s(),()=>{u()}}),[r,t,o,i]),a})({mediaRef:t,mediaType:r,lastSeek:b,onVariableFpsVideoDetected:F}),R=Me({frame:f,playbackRate:i,startFrom:-y,fps:w}),C=(e=>{let{element:t,shouldBuffer:o,isPremounting:r}=e;const i=ke(),[a,u]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{let e=[];const{current:n}=t;if(!n)return;if(!o)return;if(r)return;const a=()=>{e.forEach((e=>e())),e=[],u(!1)},s=()=>{u(!0);const{unblock:t}=i.delayPlayback(),o=()=>{a(),l()},r=()=>{a(),l()};n.addEventListener("canplay",o,{once:!0}),e.push((()=>{n.removeEventListener("canplay",o)})),n.addEventListener("error",r,{once:!0}),e.push((()=>{n.removeEventListener("error",r)})),e.push((()=>{t()}))},l=()=>{n.readyState<n.HAVE_FUTURE_DATA?(s(),navigator.userAgent.includes("Firefox/")||n.load()):(n.addEventListener("waiting",s),e.push((()=>{n.removeEventListener("waiting",s)})))};return l(),()=>{a()}}),[i,t,r,o]),a})({element:t,shouldBuffer:s,isPremounting:l}),{bufferUntilFirstFrame:x,isBuffering:k}=(e=>{let{mediaRef:t,mediaType:o,onVariableFpsVideoDetected:r,pauseWhenBuffering:i}=e;const a=(0,n.useRef)(!1),{delayPlayback:u}=ke(),s=(0,n.useCallback)((e=>{if("video"!==o)return;if(!i)return;const n=t.current;if(!n)return;if(!n.requestVideoFrameCallback)return;a.current=!0;const s=u(),l=()=>{s.unblock(),n.removeEventListener("ended",l,{once:!0}),n.removeEventListener("pause",l,{once:!0}),a.current=!1},d=()=>{l()};n.requestVideoFrameCallback(((t,o)=>{Math.abs(o.mediaTime-e)>.5&&r(),l()})),n.addEventListener("ended",d,{once:!0}),n.addEventListener("pause",d,{once:!0}),n.addEventListener("canplay",d,{once:!0})}),[u,t,o,r,i]);return(0,n.useMemo)((()=>({isBuffering:()=>a.current,bufferUntilFirstFrame:s})),[s])})({mediaRef:t,mediaType:r,onVariableFpsVideoDetected:F,pauseWhenBuffering:s}),I=i*m,S=(()=>{var e;return null!==(e=t.current)&&void 0!==e&&e.duration?Math.min(t.current.duration,null!==u&&void 0!==u?u:Be):u})(),N=(e=>{const[t,o]=(0,n.useState)(e.buffering.current);return(0,n.useEffect)((()=>(e.listenForBuffering((()=>{o(!0)})),e.listenForResume((()=>{o(!1)})),()=>{e.listenForBuffering((()=>{})),e.listenForResume((()=>{}))})),[e]),t})(h);(0,n.useEffect)((()=>{var e;if(!v)return void(null===(e=t.current)||void 0===e||e.pause());const o=C||k();var n;N&&!o&&(null===(n=t.current)||void 0===n||n.pause())}),[k,C,N,t,v]),(0,n.useEffect)((()=>{var e;const n="audio"===r?"<Audio>":"<Video>";if(!t.current)throw new Error("No ".concat(r," ref found"));if(!o)throw new Error("No 'src' attribute was passed to the ".concat(n," element."));const i=Math.max(0,I);t.current.playbackRate!==i&&(t.current.playbackRate=i);const{duration:u}=t.current,s=!Number.isNaN(u)&&Number.isFinite(u)?Math.min(u,R):R,l=t.current.currentTime,m=null!==(e=T.current)&&void 0!==e?e:null,f=E.current[o],w=Math.abs(s-l),y=m?Math.abs(s-m):null,F=y&&!f?y:w;if(d&&console.log({mediaTagTime:l,rvcTime:m,shouldBeTime:s,state:t.current.readyState,playing:!t.current.paused,isVariableFpsVideo:f}),F>S&&g.current!==s)return d&&console.log("Seeking",{shouldBeTime:s,isTime:l,rvcTime:m,timeShift:F,isVariableFpsVideo:f}),We(t,s),b.current=s,g.current=s,v&&!f&&(I>0&&x(s),t.current.paused&&Fe(t,r,c)),void(a||((e,t)=>{if(null===e)return;if(0===e.seekable.length)return;if(e.seekable.length>1)return;if(je[e.src])return;const o=e.seekable.start(0),n=e.seekable.end(0);if(0===o&&0===n){const o=["The media ".concat(e.src," cannot be seeked. This could be one of few reasons:"),"1) The media resource was replaced while the video is playing but it was not loaded yet.","2) The media does not support seeking.","3) The media was loaded with security headers prventing it from being included.","Please see https://remotion.dev/docs/non-seekable-media for assistance."].join("\n");if("console-error"===t)console.error(o);else{if("console-warning"!==t)throw new Error(o);console.warn("The media ".concat(e.src," does not support seeking. The video will render fine, but may not play correctly in the Remotion Studio and in the <Player>. See https://remotion.dev/docs/non-seekable-media for an explanation."))}je[e.src]=!0}})(t.current,a?"console-warning":"console-error"));const N=v?.15:1e-5,M=Math.abs(t.current.currentTime-s)>N,P=C||k(),V=h.buffering.current&&!P;v&&!V?(t.current.paused&&!t.current.ended||0===p)&&(M&&(We(t,s),b.current=s),Fe(t,r,c),f||I>0&&x(s)):M&&(We(t,s),b.current=s)}),[p,S,x,h.buffering,T,d,R,k,C,t,r,a,I,v,o,c])},Oe=e=>{const[t,o]=(0,n.useState)(1);return(0,n.useEffect)((()=>{const t=e.current;if(!t)return;const n=()=>{o(t.volume)};return t.addEventListener("volumechange",n),()=>t.removeEventListener("volumechange",n)}),[e]),(0,n.useEffect)((()=>{const n=e.current;n&&n.volume!==t&&o(n.volume)}),[t,e]),t},ze=(e,t)=>Math.abs(e-t)<1e-5,Ye=e=>{let{volumePropFrame:t,actualVolume:o,volume:r,mediaVolume:i,mediaRef:a}=e;(0,n.useEffect)((()=>{const e=Te({frame:t,volume:r,mediaVolume:i,allowAmplificationDuringRender:!1});!ze(e,o)&&a.current&&(a.current.volume=e)}),[o,t,a,r,i])},Ue=(0,n.createContext)({mediaMuted:!1,mediaVolume:1}),He=(0,n.createContext)({setMediaMuted:()=>{throw new Error("default")},setMediaVolume:()=>{throw new Error("default")}}),Je=()=>{const{mediaVolume:e}=(0,n.useContext)(Ue),{setMediaVolume:t}=(0,n.useContext)(He);return(0,n.useMemo)((()=>[e,t]),[e,t])},Ze=()=>{const{mediaMuted:e}=(0,n.useContext)(Ue),{setMediaMuted:t}=(0,n.useContext)(He);return(0,n.useMemo)((()=>[e,t]),[e,t])},Ge=(0,n.createContext)(null),$e=(0,n.forwardRef)(((e,t)=>{var o;const[i]=(0,n.useState)(e.shouldPreMountAudioTags);if(e.shouldPreMountAudioTags!==i)throw new Error("Cannot change the behavior for pre-mounting audio tags dynamically.");const{volume:a,muted:u,playbackRate:s,shouldPreMountAudioTags:l,src:d,onDuration:c,acceptableTimeShiftInSeconds:m,_remotionInternalNeedsDurationCalculation:f,_remotionInternalNativeLoopPassed:p,_remotionInternalStack:v,_remotionDebugSeeking:h,allowAmplificationDuringRender:w,name:y,pauseWhenBuffering:b,showInTimeline:F,loopVolumeCurveBehavior:T,stack:R,...C}=e,[x]=Je(),[k]=Ze(),I=be(null!==T&&void 0!==T?T:"repeat"),{hidden:S}=(0,n.useContext)(E);if(!d)throw new TypeError("No 'src' was passed to <Audio>.");const N=fe(d),M=(0,n.useContext)(g),[P]=(0,n.useState)((()=>String(Math.random()))),V=null!==(o=S[P])&&void 0!==o&&o,A=Te({frame:I,volume:a,mediaVolume:x,allowAmplificationDuringRender:!1}),D=(0,n.useMemo)((()=>({muted:u||k||V||A<=0,src:N,loop:p,...C})),[p,V,k,u,C,N,A]),_=((e,t)=>{var o;const r=(0,n.useContext)(Ge),[i]=(0,n.useState)((()=>r&&r.numberOfAudioTags>0?r.registerAudio(e,t):{el:n.createRef(),id:Math.random(),props:e,audioId:t})),a=null!==(o=n.useInsertionEffect)&&void 0!==o?o:n.useLayoutEffect;return"undefined"!==typeof document&&(a((()=>{r&&r.numberOfAudioTags>0&&r.updateAudio({id:i.id,aud:e,audioId:t})}),[e,r,i.id,t]),a((()=>()=>{r&&r.numberOfAudioTags>0&&r.unregisterAudio(i.id)}),[r,i.id])),i})(D,(0,n.useMemo)((()=>"audio-".concat(ye(null!==d&&void 0!==d?d:""),"-").concat(null===M||void 0===M?void 0:M.relativeFrom,"-").concat(null===M||void 0===M?void 0:M.cumulatedFrom,"-").concat(null===M||void 0===M?void 0:M.durationInFrames,"-muted:").concat(e.muted,"-loop:").concat(e.loop)),[d,null===M||void 0===M?void 0:M.relativeFrom,null===M||void 0===M?void 0:M.cumulatedFrom,null===M||void 0===M?void 0:M.durationInFrames,e.muted,e.loop])).el,L=Oe(_);Ye({volumePropFrame:I,actualVolume:L,volume:a,mediaVolume:x,mediaRef:_}),Ce({volume:a,mediaVolume:x,mediaRef:_,src:d,mediaType:"audio",playbackRate:null!==s&&void 0!==s?s:1,displayName:null!==y&&void 0!==y?y:null,id:P,stack:v,showInTimeline:F,premountDisplay:null,onAutoPlayError:null}),qe({mediaRef:_,src:d,mediaType:"audio",playbackRate:null!==s&&void 0!==s?s:1,onlyWarnForMediaSeekingError:!1,acceptableTimeshift:null!==m&&void 0!==m?m:Be,isPremounting:Boolean(null===M||void 0===M?void 0:M.premounting),pauseWhenBuffering:b,debugSeeking:h,onAutoPlayError:null}),(0,n.useImperativeHandle)(t,(()=>_.current),[_]);const j=(0,n.useRef)();return j.current=c,(0,n.useEffect)((()=>{const{current:e}=_;if(!e)return;var t;if(e.duration)return void(null===(t=j.current)||void 0===t||t.call(j,e.src,e.duration));const o=()=>{var t;null===(t=j.current)||void 0===t||t.call(j,e.src,e.duration)};return e.addEventListener("loadedmetadata",o),()=>{e.removeEventListener("loadedmetadata",o)}}),[_,d]),i?null:(0,r.jsx)("audio",{ref:_,preload:"metadata",...D})}));"undefined"!==typeof window&&(window.remotion_renderReady=!1);var Ke=[];"undefined"!==typeof window&&(window.remotion_delayRenderTimeouts={});var Qe="The delayRender was called:",Xe=(e,t)=>{var o,n;if("string"!==typeof e&&"undefined"!==typeof e)throw new Error("The label parameter of delayRender() must be a string or undefined, got: "+JSON.stringify(e));const r=Math.random();Ke.push(r);const i=null!==(o=null===(n=Error().stack)||void 0===n?void 0:n.replace(/^Error/g,""))&&void 0!==o?o:"";if(l().isRendering){var a,u;const o=(null!==(a=null===t||void 0===t?void 0:t.timeoutInMilliseconds)&&void 0!==a?a:"undefined"===typeof window?3e4:null!==(u=window.remotion_puppeteerTimeout)&&void 0!==u?u:3e4)-2e3;if("undefined"!==typeof window){var s;const n=(null!==(s=null===t||void 0===t?void 0:t.retries)&&void 0!==s?s:0)-(window.remotion_attempt-1);window.remotion_delayRenderTimeouts[r]={label:null!==e&&void 0!==e?e:null,timeout:setTimeout((()=>{const t=["A delayRender()",e?'"'.concat(e,'"'):null,"was called but not cleared after ".concat(o,"ms. See https://remotion.dev/docs/timeout for help."),n>0?"Retries left: "+n:null,n>0?"- Rendering the frame will be retried.":null,Qe,i].filter(h).join(" ");se(Error(t))}),o)}}}return"undefined"!==typeof window&&(window.remotion_renderReady=!1),r},et=e=>{if("undefined"===typeof e)throw new TypeError("The continueRender() method must be called with a parameter that is the return value of delayRender(). No value was passed.");if("number"!==typeof e)throw new TypeError("The parameter passed into continueRender() must be the return value of delayRender() which is a number. Got: "+JSON.stringify(e));0===(Ke=Ke.filter((t=>t!==e||(l().isRendering&&(clearTimeout(window.remotion_delayRenderTimeouts[e].timeout),delete window.remotion_delayRenderTimeouts[e]),!1)))).length&&"undefined"!==typeof window&&(window.remotion_renderReady=!0)},tt=(0,n.forwardRef)(((e,t)=>{const o=(0,n.useRef)(null),{volume:i,playbackRate:a,allowAmplificationDuringRender:u,onDuration:s,toneFrequency:l,_remotionInternalNeedsDurationCalculation:d,_remotionInternalNativeLoopPassed:c,acceptableTimeShiftInSeconds:m,name:f,onError:p,delayRenderRetries:v,delayRenderTimeoutInMilliseconds:h,loopVolumeCurveBehavior:w,pauseWhenBuffering:y,...b}=e,E=Z(),F=be(null!==w&&void 0!==w?w:"repeat"),T=ee(),R=(0,n.useContext)(g),{registerRenderAsset:C,unregisterRenderAsset:x}=(0,n.useContext)(ie),k=(0,n.useMemo)((()=>{var t;return"audio-".concat(ye(null!==(t=e.src)&&void 0!==t?t:""),"-").concat(null===R||void 0===R?void 0:R.relativeFrom,"-").concat(null===R||void 0===R?void 0:R.cumulatedFrom,"-").concat(null===R||void 0===R?void 0:R.durationInFrames)}),[e.src,null===R||void 0===R?void 0:R.relativeFrom,null===R||void 0===R?void 0:R.cumulatedFrom,null===R||void 0===R?void 0:R.durationInFrames]),I=Te({volume:i,frame:F,mediaVolume:1,allowAmplificationDuringRender:null!==u&&void 0!==u&&u});(0,n.useImperativeHandle)(t,(()=>o.current),[]),(0,n.useEffect)((()=>{var t,o;if(!e.src)throw new Error("No src passed");if(window.remotion_audioEnabled&&!e.muted&&!(I<=0))return C({type:"audio",src:ae(e.src),id:k,frame:E,volume:I,mediaFrame:T,playbackRate:null!==(t=e.playbackRate)&&void 0!==t?t:1,allowAmplificationDuringRender:null!==u&&void 0!==u&&u,toneFrequency:null!==l&&void 0!==l?l:null,audioStartFrame:Math.max(0,-(null!==(o=null===R||void 0===R?void 0:R.relativeFrom)&&void 0!==o?o:0))}),()=>x(k)}),[e.muted,e.src,C,E,k,x,I,F,T,a,e.playbackRate,u,l,null===R||void 0===R?void 0:R.relativeFrom]);const{src:S}=e,N=t||d;return(0,n.useLayoutEffect)((()=>{var e,t;if("test"===(null===(e=window.process)||void 0===e||null===(t=e.env)||void 0===t?void 0:t.NODE_ENV))return;if(!N)return;const n=Xe("Loading <Audio> duration with src="+S,{retries:null!==v&&void 0!==v?v:void 0,timeoutInMilliseconds:null!==h&&void 0!==h?h:void 0}),{current:r}=o,i=()=>{null!==r&&void 0!==r&&r.duration&&s(r.src,r.duration),et(n)};return null!==r&&void 0!==r&&r.duration?(s(r.src,r.duration),et(n)):null===r||void 0===r||r.addEventListener("loadedmetadata",i,{once:!0}),()=>{null===r||void 0===r||r.removeEventListener("loadedmetadata",i),et(n)}}),[S,s,N,v,h]),N?(0,r.jsx)("audio",{ref:o,...b}):null})),ot=(0,n.forwardRef)(((e,t)=>{var o,i;const a=(0,n.useContext)(Ge),{startFrom:u,endAt:s,name:d,stack:c,pauseWhenBuffering:m,showInTimeline:f,_remotionDebugSeeking:p,...v}=e,{loop:h,...w}=e,{fps:y}=X(),g=l(),{durations:b,setDurations:E}=(0,n.useContext)(he);if("string"!==typeof e.src)throw new TypeError("The `<Audio>` tag requires a string for `src`, but got ".concat(JSON.stringify(e.src)," instead."));const F=fe(e.src),T=(0,n.useCallback)((e=>{console.log(e.currentTarget.error);const t="Could not play audio with src ".concat(F,": ").concat(e.currentTarget.error,". See https://remotion.dev/docs/media-playback-error for help.");h?se(new Error(t)):console.warn(t)}),[h,F]),R=(0,n.useCallback)(((e,t)=>{E({type:"got-duration",durationInSeconds:t,src:e})}),[E]),C=null!==(o=b[ae(F)])&&void 0!==o?o:b[ae(e.src)];if(h&&void 0!==C){var x;if(!Number.isFinite(C))return(0,r.jsx)(ot,{...w,ref:t,_remotionInternalNativeLoopPassed:!0});const o=C*y;return(0,r.jsx)(ce,{layout:"none",durationInFrames:ue({endAt:s,mediaDuration:o,playbackRate:null!==(x=e.playbackRate)&&void 0!==x?x:1,startFrom:u}),children:(0,r.jsx)(ot,{...w,ref:t,_remotionInternalNativeLoopPassed:!0})})}if("undefined"!==typeof u||"undefined"!==typeof s){ve(u,s);const e=null!==u&&void 0!==u?u:0,o=null!==s&&void 0!==s?s:1/0;return(0,r.jsx)(re,{layout:"none",from:0-e,showInTimeline:!1,durationInFrames:o,name:d,children:(0,r.jsx)(ot,{_remotionInternalNeedsDurationCalculation:Boolean(h),pauseWhenBuffering:null!==m&&void 0!==m&&m,...v,ref:t})})}return pe(e,"Audio"),g.isRendering?(0,r.jsx)(tt,{onDuration:R,...e,ref:t,onError:T,_remotionInternalNeedsDurationCalculation:Boolean(h)}):(0,r.jsx)($e,{_remotionInternalNativeLoopPassed:null!==(i=e._remotionInternalNativeLoopPassed)&&void 0!==i&&i,_remotionDebugSeeking:null!==p&&void 0!==p&&p,_remotionInternalStack:null!==c&&void 0!==c?c:null,shouldPreMountAudioTags:null!==a&&a.numberOfAudioTags>0,...e,ref:t,onError:T,onDuration:R,pauseWhenBuffering:null!==m&&void 0!==m&&m,_remotionInternalNeedsDurationCalculation:Boolean(h),showInTimeline:null===f||void 0===f||f})}));f(ot);"Folder name must match ".concat(String(/^([a-zA-Z0-9-\u4E00-\u9FFF])+$/g)),(0,n.createContext)({folderName:null,parentName:null}),"Composition ID must match ".concat(String(/^([a-zA-Z0-9-\u4E00-\u9FFF])+$/g)),n.createRef();(0,n.forwardRef)(((e,t)=>{let{onLoad:o,onError:i,delayRenderRetries:a,delayRenderTimeoutInMilliseconds:u,...s}=e;const[l]=(0,n.useState)((()=>Xe("Loading <IFrame> with source ".concat(s.src),{retries:null!==a&&void 0!==a?a:void 0,timeoutInMilliseconds:null!==u&&void 0!==u?u:void 0}))),d=(0,n.useCallback)((e=>{et(l),null===o||void 0===o||o(e)}),[l,o]),c=(0,n.useCallback)((e=>{et(l),i?i(e):console.error("Error loading iframe:",e,"Handle the event using the onError() prop to make this message disappear.")}),[l,i]);return(0,r.jsx)("iframe",{...s,ref:t,onError:c,onLoad:d})}));(0,n.forwardRef)(((e,t)=>{let{onError:o,maxRetries:i=2,src:a,pauseWhenLoading:u,delayRenderRetries:s,delayRenderTimeoutInMilliseconds:l,onImageFrame:d,...c}=e;const m=(0,n.useRef)(null),f=(0,n.useRef)({}),{delayPlayback:p}=ke(),v=(0,n.useContext)(g);if(!a)throw new Error('No "src" prop was passed to <Img>.');(0,n.useImperativeHandle)(t,(()=>m.current),[]);const h=fe(a),w=(0,n.useCallback)((e=>{if(!m.current)return;const t=m.current.src;setTimeout((()=>{var e;if(!m.current)return;const o=null===(e=m.current)||void 0===e?void 0:e.src;o===t&&(m.current.removeAttribute("src"),m.current.setAttribute("src",o))}),e)}),[]),y=(0,n.useCallback)((e=>{var t,n,r,a,u,s,l,d;if(f.current)if(f.current[null===(t=m.current)||void 0===t?void 0:t.src]=(null!==(n=f.current[null===(r=m.current)||void 0===r?void 0:r.src])&&void 0!==n?n:0)+1,o&&(null!==(a=f.current[null===(u=m.current)||void 0===u?void 0:u.src])&&void 0!==a?a:0)>i)o(e);else{if((null!==(s=f.current[null===(l=m.current)||void 0===l?void 0:l.src])&&void 0!==s?s:0)<=i){var c,p,v;const e=1e3*2**((null!==(c=f.current[null===(p=m.current)||void 0===p?void 0:p.src])&&void 0!==c?c:0)-1);return console.warn("Could not load image with source ".concat(null===(v=m.current)||void 0===v?void 0:v.src,", retrying again in ").concat(e,"ms")),void w(e)}se("Error loading image with src: "+(null===(d=m.current)||void 0===d?void 0:d.src))}}),[i,o,w]);if("undefined"!==typeof window){const e=Boolean(null===v||void 0===v?void 0:v.premounting);(0,n.useLayoutEffect)((()=>{var t,o;if("test"===(null===(t=window.process)||void 0===t||null===(o=t.env)||void 0===o?void 0:o.NODE_ENV))return void(m.current&&(m.current.src=h));const n=Xe("Loading <Img> with src="+h,{retries:null!==s&&void 0!==s?s:void 0,timeoutInMilliseconds:null!==l&&void 0!==l?l:void 0}),r=u&&!e?p().unblock:()=>{},{current:i}=m;let a=!1;const c=()=>{var e,t;if(!a){var o,u;if((null!==(e=f.current[null===(t=m.current)||void 0===t?void 0:t.src])&&void 0!==e?e:0)>0)delete f.current[null===(o=m.current)||void 0===o?void 0:o.src],console.info("Retry successful - ".concat(null===(u=m.current)||void 0===u?void 0:u.src," is now loaded"));i&&(i.src=h,null===d||void 0===d||d(i)),r(),et(n)}},v=new Image;return v.src=h,v.decode().then(c).catch((e=>{console.warn(e),v.complete?c():v.addEventListener("load",c)})),()=>{a=!0,v.removeEventListener("load",c),r(),et(n)}}),[h,p,s,l,u,e,d])}return(0,r.jsx)("img",{...c,ref:m,onError:y})}));var nt={};a(nt,{makeDefaultPreviewCSS:()=>ut,injectCSS:()=>it,OFFTHREAD_VIDEO_CLASS_NAME:()=>at});var rt={},it=e=>{if("undefined"===typeof document)return;if(rt[e])return;const t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.appendChild(document.createTextNode(e)),t.prepend(o),rt[e]=!0},at="__remotion_offthreadvideo",ut=(e,t)=>e?"\n    ".concat(e," * {\n      box-sizing: border-box;\n    }\n    ").concat(e," *:-webkit-full-screen {\n      width: 100%;\n      height: 100%;\n    }\n    ").concat(e," .").concat(at," {\n      object-fit: contain;\n    }\n  "):"\n    * {\n      box-sizing: border-box;\n    }\n    body {\n      margin: 0;\n\t    background-color: ".concat(t,";\n    }\n    .").concat(at," {\n      object-fit: contain;\n    }\n    ");n.createContext(null),(0,n.createContext)({setSize:()=>{},size:{size:"auto",translation:{x:0,y:0}}});var st=(0,n.createContext)(!1),lt=e=>{let{children:t}=e;return(0,r.jsx)(st.Provider,{value:!1,children:t})},dt=(0,n.forwardRef)(((e,t)=>{let{children:o}=e;return(()=>{if(!n.useContext(st))throw new Error("This component must be inside a <Series /> component.")})(),(0,r.jsx)(lt,{children:o})}));f(dt);new Map;var ct=(0,n.forwardRef)(((e,t)=>{var o,i,a;const u=(0,n.useRef)(null),{volume:s,muted:l,playbackRate:d,onlyWarnForMediaSeekingError:c,src:m,onDuration:f,acceptableTimeShift:p,acceptableTimeShiftInSeconds:v,toneFrequency:h,name:w,_remotionInternalNativeLoopPassed:y,_remotionInternalStack:b,_remotionDebugSeeking:F,style:T,pauseWhenBuffering:R,showInTimeline:C,loopVolumeCurveBehavior:x,onError:k,onAutoPlayError:I,onVideoFrame:S,crossOrigin:N,...M}=e,P=be(null!==x&&void 0!==x?x:"repeat"),{fps:V,durationInFrames:A}=X(),D=(0,n.useContext)(g),{hidden:_}=(0,n.useContext)(E),[L]=(0,n.useState)((()=>String(Math.random()))),j=null!==(o=_[L])&&void 0!==o&&o;if("undefined"!==typeof p)throw new Error("acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.");const B=Oe(u),[W]=Je(),[q]=Ze();Ce({mediaRef:u,volume:s,mediaVolume:W,mediaType:"video",src:m,playbackRate:null!==(i=e.playbackRate)&&void 0!==i?i:1,displayName:null!==w&&void 0!==w?w:null,id:L,stack:b,showInTimeline:C,premountDisplay:null,onAutoPlayError:null!==I&&void 0!==I?I:null}),Ye({volumePropFrame:P,actualVolume:B,volume:s,mediaVolume:W,mediaRef:u}),qe({mediaRef:u,src:m,mediaType:"video",playbackRate:null!==(a=e.playbackRate)&&void 0!==a?a:1,onlyWarnForMediaSeekingError:c,acceptableTimeshift:null!==v&&void 0!==v?v:Be,isPremounting:Boolean(null===D||void 0===D?void 0:D.premounting),pauseWhenBuffering:R,debugSeeking:F,onAutoPlayError:null!==I&&void 0!==I?I:null});const O=D?D.relativeFrom:0,z=D?Math.min(D.durationInFrames,A):A,Y=Le({actualSrc:fe(m),actualFrom:O,duration:z,fps:V});(0,n.useImperativeHandle)(t,(()=>u.current),[]),(0,n.useEffect)((()=>{const{current:e}=u;if(!e)return;const t=()=>{if(e.error){var t;if(console.error("Error occurred in video",null===e||void 0===e?void 0:e.error),k){const t=new Error("Code ".concat(e.error.code,": ").concat(e.error.message));return void k(t)}throw new Error("The browser threw an error while playing the video ".concat(m,": Code ").concat(e.error.code," - ").concat(null===e||void 0===e||null===(t=e.error)||void 0===t?void 0:t.message,". See https://remotion.dev/docs/media-playback-error for help. Pass an onError() prop to handle the error."))}if(!k)throw new Error("The browser threw an error while playing the video");{const e=new Error("The browser threw an error while playing the video ".concat(m));k(e)}};return e.addEventListener("error",t,{once:!0}),()=>{e.removeEventListener("error",t)}}),[k,m]);const U=(0,n.useRef)();U.current=f,(e=>{let{ref:t,onVideoFrame:o}=e;(0,n.useEffect)((()=>{const{current:e}=t;if(!e)return;if(!o)return;let n=0;const r=()=>{t.current&&(o(t.current),n=t.current.requestVideoFrameCallback(r))};return r(),()=>{e.cancelVideoFrameCallback(n)}}),[o,t])})({ref:u,onVideoFrame:S}),(0,n.useEffect)((()=>{const{current:e}=u;if(!e)return;var t;if(e.duration)return void(null===(t=U.current)||void 0===t||t.call(U,m,e.duration));const o=()=>{var t;null===(t=U.current)||void 0===t||t.call(U,m,e.duration)};return e.addEventListener("loadedmetadata",o),()=>{e.removeEventListener("loadedmetadata",o)}}),[m]),(0,n.useEffect)((()=>{const{current:e}=u;e&&(Ve()?e.preload="metadata":e.preload="auto")}),[]);const H=(0,n.useMemo)((()=>{var e;return{...T,opacity:j?0:null!==(e=null===T||void 0===T?void 0:T.opacity)&&void 0!==e?e:1}}),[j,T]),J=null!==N&&void 0!==N?N:S?"anonymous":void 0;return(0,r.jsx)("video",{ref:u,muted:l||q,playsInline:!0,src:Y,loop:y,style:H,disableRemotePlayback:!0,crossOrigin:J,...M})})),mt=e=>Math.round(1e5*e)/1e5,ft=(e,t)=>{if(ze(e.currentTime,t))return{wait:Promise.resolve(t),cancel:()=>{}};let o;e.currentTime=t;let n=null;const r=new Promise((t=>{o=e.requestVideoFrameCallback(((e,o)=>{const n=o.expectedDisplayTime-e;n<=0?t(o.mediaTime):setTimeout((()=>{t(o.mediaTime)}),n+150)}))})),i=new Promise((t=>{const o=()=>{t()};e.addEventListener("seeked",o,{once:!0}),n=()=>{e.removeEventListener("seeked",o)}}));return{wait:Promise.all([r,i]).then((e=>{let[t]=e;return t})),cancel:()=>{var t;null===(t=n)||void 0===t||t(),e.cancelVideoFrameCallback(o)}}},pt=(0,n.forwardRef)(((e,t)=>{let{onError:o,volume:i,allowAmplificationDuringRender:a,playbackRate:u,onDuration:s,toneFrequency:d,name:c,acceptableTimeShiftInSeconds:m,delayRenderRetries:f,delayRenderTimeoutInMilliseconds:p,loopVolumeCurveBehavior:v,...h}=e;const w=Z(),y=ee(),b=be(null!==v&&void 0!==v?v:"repeat"),E=Q(),F=(0,n.useRef)(null),T=(0,n.useContext)(g),R=ge(),C=l(),{registerRenderAsset:x,unregisterRenderAsset:k}=(0,n.useContext)(ie),I=(0,n.useMemo)((()=>{var e;return"video-".concat(ye(null!==(e=h.src)&&void 0!==e?e:""),"-").concat(null===T||void 0===T?void 0:T.cumulatedFrom,"-").concat(null===T||void 0===T?void 0:T.relativeFrom,"-").concat(null===T||void 0===T?void 0:T.durationInFrames)}),[h.src,null===T||void 0===T?void 0:T.cumulatedFrom,null===T||void 0===T?void 0:T.relativeFrom,null===T||void 0===T?void 0:T.durationInFrames]);if(!E)throw new Error("No video config found");const S=Te({volume:i,frame:b,mediaVolume:1,allowAmplificationDuringRender:null!==a&&void 0!==a&&a});(0,n.useEffect)((()=>{var e;if(!h.src)throw new Error("No src passed");if(!h.muted&&!(S<=0)&&window.remotion_audioEnabled)return x({type:"video",src:ae(h.src),id:I,frame:w,volume:S,mediaFrame:y,playbackRate:null!==u&&void 0!==u?u:1,allowAmplificationDuringRender:null!==a&&void 0!==a&&a,toneFrequency:null!==d&&void 0!==d?d:null,audioStartFrame:Math.max(0,-(null!==(e=null===T||void 0===T?void 0:T.relativeFrom)&&void 0!==e?e:0))}),()=>k(I)}),[h.muted,h.src,x,I,k,S,y,w,u,a,d,null===T||void 0===T?void 0:T.relativeFrom]),(0,n.useImperativeHandle)(t,(()=>F.current),[]),(0,n.useEffect)((()=>{var e,t;if(!window.remotion_videoEnabled)return;const{current:n}=F;if(!n)return;const r=Me({frame:y,playbackRate:u||1,startFrom:-R,fps:E.fps}),i=Xe('Rendering <Video /> with src="'.concat(h.src,'" at time ').concat(r),{retries:null!==f&&void 0!==f?f:void 0,timeoutInMilliseconds:null!==p&&void 0!==p?p:void 0});if("test"===(null===(e=window.process)||void 0===e||null===(t=e.env)||void 0===t?void 0:t.NODE_ENV))return void et(i);if(ze(n.currentTime,r)){if(n.readyState>=2)return void et(i);const e=()=>{et(i)};return n.addEventListener("loadeddata",e,{once:!0}),()=>{n.removeEventListener("loadeddata",e)}}const a=()=>{et(i)},s=((e,t,o)=>{const n=1/o/2;let r=()=>{};return Number.isFinite(e.duration)&&e.currentTime>=e.duration&&t>=e.duration?{prom:Promise.resolve(),cancel:()=>{}}:{prom:new Promise(((o,i)=>{const a=ft(e,t+n);a.wait.then((a=>{if(Math.abs(t-a)<=n)return o();const u=ft(e,a+n*(t>a?1:-1));r=u.cancel,u.wait.then((a=>{const u=Math.abs(t-a);if(mt(u)<=mt(n))return o();const s=ft(e,t+n);return r=s.cancel,s.wait.then((()=>{o()})).catch((e=>{i(e)}))})).catch((e=>{i(e)}))})),r=a.cancel})),cancel:()=>{r()}}})(n,r,E.fps);s.prom.then((()=>{et(i)})),n.addEventListener("ended",a,{once:!0});const l=()=>{if(null!==n&&void 0!==n&&n.error){var e;if(console.error("Error occurred in video",null===n||void 0===n?void 0:n.error),o)return;throw new Error("The browser threw an error while playing the video ".concat(h.src,": Code ").concat(n.error.code," - ").concat(null===n||void 0===n||null===(e=n.error)||void 0===e?void 0:e.message,". See https://remotion.dev/docs/media-playback-error for help. Pass an onError() prop to handle the error."))}throw new Error("The browser threw an error")};return n.addEventListener("error",l,{once:!0}),()=>{s.cancel(),n.removeEventListener("ended",a),n.removeEventListener("error",l),et(i)}}),[b,h.src,u,E.fps,y,R,o,f,p]);const{src:N}=h;return C.isRendering&&(0,n.useLayoutEffect)((()=>{var e,t;if("test"===(null===(e=window.process)||void 0===e||null===(t=e.env)||void 0===t?void 0:t.NODE_ENV))return;const o=Xe("Loading <Video> duration with src="+N,{retries:null!==f&&void 0!==f?f:void 0,timeoutInMilliseconds:null!==p&&void 0!==p?p:void 0}),{current:n}=F,r=()=>{null!==n&&void 0!==n&&n.duration&&s(N,n.duration),et(o)};return null!==n&&void 0!==n&&n.duration?(s(N,n.duration),et(o)):null===n||void 0===n||n.addEventListener("loadedmetadata",r,{once:!0}),()=>{null===n||void 0===n||n.removeEventListener("loadedmetadata",r),et(o)}}),[N,s,f,p]),(0,r.jsx)("video",{ref:F,disableRemotePlayback:!0,...h})})),vt=(0,n.forwardRef)(((e,t)=>{var o;const{startFrom:i,endAt:a,name:u,pauseWhenBuffering:s,stack:d,_remotionInternalNativeLoopPassed:c,showInTimeline:m,onAutoPlayError:f,...p}=e,{loop:v,_remotionDebugSeeking:h,...w}=e,{fps:y}=X(),g=l(),{durations:b,setDurations:E}=(0,n.useContext)(he);if("string"===typeof t)throw new Error("string refs are not supported");if("string"!==typeof e.src)throw new TypeError("The `<Video>` tag requires a string for `src`, but got ".concat(JSON.stringify(e.src)," instead."));const F=fe(e.src),T=(0,n.useCallback)(((e,t)=>{E({type:"got-duration",durationInSeconds:t,src:e})}),[E]),R=(0,n.useCallback)((()=>{}),[]),C=null!==(o=b[ae(F)])&&void 0!==o?o:b[ae(e.src)];if(v&&void 0!==C){var x;if(!Number.isFinite(C))return(0,r.jsx)(vt,{...w,ref:t,_remotionInternalNativeLoopPassed:!0});const o=C*y;return(0,r.jsx)(ce,{durationInFrames:ue({endAt:a,mediaDuration:o,playbackRate:null!==(x=e.playbackRate)&&void 0!==x?x:1,startFrom:i}),layout:"none",name:u,children:(0,r.jsx)(vt,{...w,ref:t,_remotionInternalNativeLoopPassed:!0})})}if("undefined"!==typeof i||"undefined"!==typeof a){ve(i,a);const e=null!==i&&void 0!==i?i:0,o=null!==a&&void 0!==a?a:1/0;return(0,r.jsx)(re,{layout:"none",from:0-e,showInTimeline:!1,durationInFrames:o,name:u,children:(0,r.jsx)(vt,{pauseWhenBuffering:null!==s&&void 0!==s&&s,...p,ref:t})})}return pe(e,"Video"),g.isRendering?(0,r.jsx)(pt,{onDuration:T,onVideoFrame:null!==R&&void 0!==R?R:null,...p,ref:t}):(0,r.jsx)(ct,{onlyWarnForMediaSeekingError:!1,...p,ref:t,onVideoFrame:null,pauseWhenBuffering:null!==s&&void 0!==s&&s,onDuration:T,_remotionInternalStack:null!==d&&void 0!==d?d:null,_remotionInternalNativeLoopPassed:null!==c&&void 0!==c&&c,_remotionDebugSeeking:null!==h&&void 0!==h&&h,showInTimeline:null===m||void 0===m||m,onAutoPlayError:null!==f&&void 0!==f?f:void 0})}));f(vt),(()=>{if("undefined"===typeof globalThis)return;const e=()=>{globalThis.remotion_imported=w,"undefined"!==typeof window&&(window.remotion_imported=w)},t=globalThis.remotion_imported||"undefined"!==typeof window&&window.remotion_imported;if(t){if(t===w)return;if("string"===typeof t&&t.includes("webcodecs"))return void e();throw new TypeError("\ud83d\udea8 Multiple versions of Remotion detected: ".concat([w,"string"===typeof t?t:"an older version"].filter(h).join(" and "),". This will cause things to break in an unexpected way.\nCheck that all your Remotion packages are on the same version. If your dependencies depend on Remotion, make them peer dependencies. You can also run `npx remotion versions` from your terminal to see which versions are mismatching."))}e()})();var ht=new Proxy({},{get:(e,t)=>"Bundling"===t||"Rendering"===t||"Log"===t||"Puppeteer"===t||"Output"===t?ht:()=>{console.warn("\u26a0\ufe0f  The CLI configuration has been extracted from Remotion Core."),console.warn("Update the import from the config file:"),console.warn(),console.warn("- Delete:"),console.warn('import {Config} from "remotion";'),console.warn("+ Replace:"),console.warn('import {Config} from "@remotion/cli/config";'),console.warn(),console.warn("For more information, see https://www.remotion.dev/docs/4-0-migration."),process.exit(1)}});f(re)}}]);

package/static/js/{733.a74f661a.chunk.js → 733.0fe24032.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[733],{1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"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:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.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})},8390:function(t,e,i){var n=i(7313),o=i(7753),r=i(9821),l=i(5945),s=(i(3439),i(9854)),a=i(9363),d=i(6417);e.Z=function(t){var e,i,p,c,[h,m]=(0,r.Z)();const x=(0,o.MO)("whatmoreUITheme"),[f]=(0,o.j1)("whatmorePrimaryFont"),[y,u]=(0,n.useState)(0),w=(0,o.MO)("whatmoreShopId"),g=t.event;if(0==g.products.length)return(0,d.jsx)(d.Fragment,{});const v=.3*m,j=v+"px",b=v+"px",P=.07*m,C=P+"px";return(0,d.jsx)("div",{style:{width:m+"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,d.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",b,"important")},style:{width:(0,s.uNj)(w)?j:"auto",boxShadow:"round"==x?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==x?"5px":"0px",borderWidth:(0,s.alU)(w),borderColor:(0,s.qPe)(w),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,s.yOX)(w),"important"),t.style.setProperty("max-width",j,"important"))},src:(0,a.s)(g.products[y].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:"100%",height:"100%",borderRadius:"round"==x?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:m-5-v+"px",height:"100%",borderRadius:"round"==x?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",C,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",f,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,l.s)(g.products[y].title)})}),(null===(e=g.products[y])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:m-5-v+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==x?"3px":"0"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",m-5-v+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",f,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(p=g.products[y])||void 0===p||null===(c=p.product_metadata)||void 0===c?void 0:c.product_type})})]})]},y)})}},2891:function(t,e,i){i.d(e,{Z:function(){return v}});var n=i(7313),o=i(9821),r=(i(3439),i(9723)),l=i(7753),s=i(4892),a=i(7129),d=i(6805),p=i(9854),c=i(1092),h=i(8390),m=i(6775),x=i(8984),f=i(9212),y=(i(3169),i(123),i(6417));function u(t){var e,[i,s]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[c,f,u]=(0,m.Z)({triggerOnce:!0});var w=(0,n.useContext)(a.V);const g=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,x.gE)()?t.isOnFocus:f;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:"    "})}),w.showPlayButton&&!v?(0,y.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==g.event_type&&(0,y.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)("div",{ref:c,children:b&&(0,p.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(h.Z,{event:g})}):(0,y.jsx)("div",{height:"20px"})})]})})}function w(t){var[e,i]=(0,o.Z)();const[n]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,y.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,y.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,y.jsx)("p",{style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:"         "}),(0,y.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",n,"important")},style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,y.jsx)(y.Fragment,{})}function g(t){const[e,i,n,r,s]=(0,o.Z)(),[a]=(0,l.j1)("whatmoreShowViews"),h=(0,l.MO)("whatmoreShopId"),m=t.event,x=t.isOnFocus;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,y.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",alignItems:"center"},children:["show"===a&&"show"===(0,p.qcC)(h)?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(c.Z,{event:m,fontSize:.07*i+"px"})})}):(0,y.jsx)(y.Fragment,{}),!1]})}),d.$w===s[d.YP]?(0,y.jsx)(y.Fragment,{}):x?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,y.jsx)(w,{event:m})}):(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(w,{event:m})})]})})}var v=function(t){var e,i,r;const[c,h,m,x,w]=(0,o.Z)();var v=(0,n.useContext)(a.V);const j=(0,l.MO)("whatmoreUITheme"),b=(0,l.MO)("whatmoreShopId"),[P]=(0,l.MO)("whatmorePrimaryFont"),C=t.event,I=t.onClick,F=null===(e=t.isOnFocus)||void 0===e||e,k=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,S=null!==(r=t.animateOnFocus&&(0,p.iWI)(b))&&void 0!==r&&r,M=(0,p.nzC)(b);return(0,y.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",v.tileTopMargin+"px"),t.style.setProperty("margin-bottom",v.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==b||"19501891"==b?void 0:h,aspectRatio:"8968077397"==b||"19501891"==b?9/16:void 0,height:"8968077397"==b||"19501891"==b?"100%":c,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j||"61187850326"==b||"19501891"==b?M:null,borderWidth:(0,p.alU)(b),borderColor:(0,p.qPe)(b),overflow:"hidden",cursor:"pointer",position:"relative"},className:S?F?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{var t,e;"12326200"==b&&"image"==C.event_type?window.location.href=null===(t=C.products)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.product_link:I(C)},children:[(0,y.jsx)(s.Z,{height:(0,p.dXm)(b)+" !important",width:"100%",url:C.thumbnail_image,isPlaying:F||k,event:C}),"51394281658"===b?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,fontSize:"1.4rem",fontWeight:"600",width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis",fontFamily:P+" !important"},children:null===C||void 0===C?void 0:C.title}),(0,y.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,y.jsx)(f.Z,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,p.wxm)(b)&&(0,y.jsxs)("div",{style:{width:h,height:c},children:[(0,y.jsx)(g,{event:C,isOnFocus:F}),"87043703105"===b||"76467011883"===b||!F&&d.$w!==w[d.YP]?null:(0,y.jsx)(u,{event:C,unfocusedDisplay:!F,isOnFocus:F})]})]})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},6805:function(t,e,i){i.d(e,{$I:function(){return s},$w:function(){return d},AK:function(){return r},AL:function(){return l},YP:function(){return o},me:function(){return n},rE:function(){return a}});const n="device_type",o="device_mode",r="mobile",l="tablet",s="desktop",a="portrait",d="landscape"},9821:function(t,e,i){var n=i(7753),o=i(8866),r=i(6805),l=i(9854);e.Z=function(t){const[e,i,s]=(0,o.Z)(),[a]=(0,n.j1)("whatmoreLandscapePadding"),[d]=(0,n.j1)("whatmoreShopId"),[p]=(0,n.j1)("whatmoreVideoTileSize"),[c]=(0,n.j1)("whatmoreVideoTileSizePortrait"),h=s>=1025,m="portrait"==e?c:p,x=!("portrait"!=e||!(s>=481)),f=m/100*1.3*.5,y=m/100;var u=Math.min(s,i),[w,g,v,j]=[.6*u*(16/9),.6*u,1.4,0];function b(t){return Math.round(10*t)/10}var P={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(h){const t=g*f,e=w*f;[w,g,v,j]=[e,t,(s-2*a-2*(0,l.mZU)(d))/(1.1*t),a],P[r.me]=r.$I,P[r.YP]=r.$w}else if(x){var C=.8*g,I=.8*w;"portrait"==e?(C*=y,I*=y,[w,g,v,j]=[I,C,b(s/(1.2*C)),0],P[r.me]=r.AL,P[r.YP]=r.rE):([w,g,v,j]=[I,C,(s-2*a)/(1.1*C),a],P[r.me]=r.AL,P[r.YP]=r.$w)}else{C=g,I=w;"portrait"==e?(C=C*y*.9,I=I*y*.9,[w,g,v,j]=[I,C,b(s/(1.15*C)),0],P[r.me]=r.AK,P[r.YP]=r.rE):(C=.7*g,I=.7*w,[w,g,v,j]=[I,C,(s-2*a)/(1.1*C),a],P[r.me]=r.AK,P[r.YP]=r.$w)}return[w,g,v,j,P]}},3439:function(){},7244:function(){}}]);
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[733],{1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"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:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.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})},8390:function(t,e,i){var n=i(7313),o=i(7753),r=i(9821),l=i(5945),s=(i(3439),i(9854)),a=i(9363),d=i(6417);e.Z=function(t){var e,i,p,c,[h,m]=(0,r.Z)();const x=(0,o.MO)("whatmoreUITheme"),[f]=(0,o.j1)("whatmorePrimaryFont"),[y,u]=(0,n.useState)(0),w=(0,o.MO)("whatmoreShopId"),g=t.event;if(0==g.products.length)return(0,d.jsx)(d.Fragment,{});const v=.3*m,j=v+"px",b=v+"px",P=.07*m,C=P+"px";return(0,d.jsx)("div",{style:{width:m+"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,d.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",b,"important")},style:{width:(0,s.uNj)(w)?j:"auto",boxShadow:"round"==x?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==x?"5px":"0px",borderWidth:(0,s.alU)(w),borderColor:(0,s.qPe)(w),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,s.yOX)(w),"important"),t.style.setProperty("max-width",j,"important"))},src:(0,a.s)(g.products[y].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:"100%",height:"100%",borderRadius:"round"==x?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:m-5-v+"px",height:"100%",borderRadius:"round"==x?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",C,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",f,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,l.s)(g.products[y].title)})}),(null===(e=g.products[y])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:m-5-v+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==x?"3px":"0"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",m-5-v+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",f,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(p=g.products[y])||void 0===p||null===(c=p.product_metadata)||void 0===c?void 0:c.product_type})})]})]},y)})}},2891:function(t,e,i){i.d(e,{Z:function(){return v}});var n=i(7313),o=i(9821),r=(i(3439),i(9723)),l=i(7753),s=i(4892),a=i(7129),d=i(6805),p=i(9854),c=i(1092),h=i(8390),m=i(6775),x=i(8984),f=i(9212),y=(i(8134),i(123),i(6417));function u(t){var e,[i,s]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[c,f,u]=(0,m.Z)({triggerOnce:!0});var w=(0,n.useContext)(a.V);const g=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,x.gE)()?t.isOnFocus:f;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)("p",{children:"    "})}),w.showPlayButton&&!v?(0,y.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==g.event_type&&(0,y.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)("div",{ref:c,children:b&&(0,p.PWD)(d)?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(h.Z,{event:g})}):(0,y.jsx)("div",{height:"20px"})})]})})}function w(t){var[e,i]=(0,o.Z)();const[n]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,y.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,y.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,y.jsx)("p",{style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:"         "}),(0,y.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",n,"important")},style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,y.jsx)(y.Fragment,{})}function g(t){const[e,i,n,r,s]=(0,o.Z)(),[a]=(0,l.j1)("whatmoreShowViews"),h=(0,l.MO)("whatmoreShopId"),m=t.event,x=t.isOnFocus;return(0,y.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,y.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,y.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",alignItems:"center"},children:["show"===a&&"show"===(0,p.qcC)(h)?(0,y.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,y.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,y.jsx)(c.Z,{event:m,fontSize:.07*i+"px"})})}):(0,y.jsx)(y.Fragment,{}),!1]})}),d.$w===s[d.YP]?(0,y.jsx)(y.Fragment,{}):x?(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,y.jsx)(w,{event:m})}):(0,y.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,y.jsx)(w,{event:m})})]})})}var v=function(t){var e,i,r;const[c,h,m,x,w]=(0,o.Z)();var v=(0,n.useContext)(a.V);const j=(0,l.MO)("whatmoreUITheme"),b=(0,l.MO)("whatmoreShopId"),[P]=(0,l.MO)("whatmorePrimaryFont"),C=t.event,I=t.onClick,F=null===(e=t.isOnFocus)||void 0===e||e,k=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,S=null!==(r=t.animateOnFocus&&(0,p.iWI)(b))&&void 0!==r&&r,M=(0,p.nzC)(b);return(0,y.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",v.tileTopMargin+"px"),t.style.setProperty("margin-bottom",v.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==b||"19501891"==b?void 0:h,aspectRatio:"8968077397"==b||"19501891"==b?9/16:void 0,height:"8968077397"==b||"19501891"==b?"100%":c,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j||"61187850326"==b||"19501891"==b?M:null,borderWidth:(0,p.alU)(b),borderColor:(0,p.qPe)(b),overflow:"hidden",cursor:"pointer",position:"relative"},className:S?F?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{var t,e;"12326200"==b&&"image"==C.event_type?window.location.href=null===(t=C.products)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.product_link:I(C)},children:[(0,y.jsx)(s.Z,{height:(0,p.dXm)(b)+" !important",width:"100%",url:C.thumbnail_image,isPlaying:F||k,event:C}),"51394281658"===b?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,fontSize:"1.4rem",fontWeight:"600",width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis",fontFamily:P+" !important"},children:null===C||void 0===C?void 0:C.title}),(0,y.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,y.jsx)(f.Z,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,p.wxm)(b)&&(0,y.jsxs)("div",{style:{width:h,height:c},children:[(0,y.jsx)(g,{event:C,isOnFocus:F}),"87043703105"===b||"76467011883"===b||!F&&d.$w!==w[d.YP]?null:(0,y.jsx)(u,{event:C,unfocusedDisplay:!F,isOnFocus:F})]})]})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},6805:function(t,e,i){i.d(e,{$I:function(){return s},$w:function(){return d},AK:function(){return r},AL:function(){return l},YP:function(){return o},me:function(){return n},rE:function(){return a}});const n="device_type",o="device_mode",r="mobile",l="tablet",s="desktop",a="portrait",d="landscape"},9821:function(t,e,i){var n=i(7753),o=i(8866),r=i(6805),l=i(9854);e.Z=function(t){const[e,i,s]=(0,o.Z)(),[a]=(0,n.j1)("whatmoreLandscapePadding"),[d]=(0,n.j1)("whatmoreShopId"),[p]=(0,n.j1)("whatmoreVideoTileSize"),[c]=(0,n.j1)("whatmoreVideoTileSizePortrait"),h=s>=1025,m="portrait"==e?c:p,x=!("portrait"!=e||!(s>=481)),f=m/100*1.3*.5,y=m/100;var u=Math.min(s,i),[w,g,v,j]=[.6*u*(16/9),.6*u,1.4,0];function b(t){return Math.round(10*t)/10}var P={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(h){const t=g*f,e=w*f;[w,g,v,j]=[e,t,(s-2*a-2*(0,l.mZU)(d))/(1.1*t),a],P[r.me]=r.$I,P[r.YP]=r.$w}else if(x){var C=.8*g,I=.8*w;"portrait"==e?(C*=y,I*=y,[w,g,v,j]=[I,C,b(s/(1.2*C)),0],P[r.me]=r.AL,P[r.YP]=r.rE):([w,g,v,j]=[I,C,(s-2*a)/(1.1*C),a],P[r.me]=r.AL,P[r.YP]=r.$w)}else{C=g,I=w;"portrait"==e?(C=C*y*.9,I=I*y*.9,[w,g,v,j]=[I,C,b(s/(1.15*C)),0],P[r.me]=r.AK,P[r.YP]=r.rE):(C=.7*g,I=.7*w,[w,g,v,j]=[I,C,(s-2*a)/(1.1*C),a],P[r.me]=r.AK,P[r.YP]=r.$w)}return[w,g,v,j,P]}},3439:function(){},7244:function(){}}]);

package/static/js/{homepage-carousel-view.1a7aa502.chunk.js → homepage-carousel-view.bc0ef035.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[428],{5582:function(e,t,n){n.r(t),n.d(t,{default:function(){return F}});var a=n(7753),i=n(7313),o=n(2860),l=n(5160),r=n(9854),s=n(6967),c=n(8984),d=n(58),u=n(4669),_=n(513),p=n(364),m=n(7300),h=n(6524),v=n(7643),g=n(778),f=n(8181),y=n(6095),w=n(653),b=n(6417);const S=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(751),n.e(926),n.e(824),n.e(437)]).then(n.bind(n,4095)))),I=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(576),n.e(800),n.e(751),n.e(733),n.e(748)]).then(n.bind(n,5523)))),k=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(615)]).then(n.bind(n,3827)))),x=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(91)]).then(n.bind(n,6071)))),E=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(229)]).then(n.bind(n,1291)))),j=i.lazy((()=>Promise.all([n.e(302),n.e(751),n.e(441)]).then(n.bind(n,3580)))),T=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(576),n.e(745),n.e(751),n.e(926),n.e(824),n.e(348),n.e(950)]).then(n.bind(n,6348)))),C=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(800),n.e(751),n.e(926),n.e(824),n.e(733),n.e(978)]).then(n.bind(n,4048)))),O=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(751),n.e(824),n.e(116)]).then(n.bind(n,9085)))),D=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(751),n.e(926),n.e(892)]).then(n.bind(n,5090)))),L=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(210),n.e(751),n.e(926),n.e(824),n.e(562)]).then(n.bind(n,4784)))),A=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(576),n.e(800),n.e(751),n.e(824),n.e(733),n.e(796)]).then(n.bind(n,4362)))),K=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(576),n.e(745),n.e(751),n.e(926),n.e(824),n.e(348),n.e(876)]).then(n.bind(n,4658)))),R=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(105)]).then(n.bind(n,8767))));var N=function(e){const[t]=(0,a.j1)("isInDesignMode"),[n]=(0,a.j1)("isDemoBrand"),[N]=(0,a.j1)("whatmoreTopBottomPadding"),[q]=(0,a.j1)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:P}=(0,i.useContext)(p.I),[W]=(0,a.j1)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:M}=(0,i.useContext)(p.I),G=(0,a.MO)("isLandingSharedLink"),B=(0,a.MO)("whatmoreShareTemplateId"),H=(0,a.MO)("whatmoreShareStoryId"),V=(0,a.MO)("whatmoreShareEventId"),{whatmoreWidgetSourceDetails:z,whatmoreUserInfo:F}=(0,i.useContext)(p.I),U=G&&M===(0,h.zv)(B),[Y,J]=(0,i.useState)(U),[Z,Q]=(0,i.useState)(-1),[X,$]=(0,i.useState)(null);let ee=e.events,te=null===e||void 0===e?void 0:e.allEvents,ne=[],ae=[];if("template-banner-a"!==M){let e=0;for(let t=0;t<(null===ee||void 0===ee?void 0:ee.length);t++){var ie,oe;!(0,m.B6)(ee[t])&&!(0,m.WJ)(ee[t])||null!==(ie=null===(oe=ee[t])||void 0===oe?void 0:oe.in_stock)&&void 0!==ie&&!ie||(ne.push({...null===ee||void 0===ee?void 0:ee[t],index:e}),e++)}for(let t=0;t<(null===te||void 0===te?void 0:te.length);t++){var le,re;!(0,m.B6)(null===te||void 0===te?void 0:te[t])&&!(0,m.WJ)(null===te||void 0===te?void 0:te[t])||null!==(le=null===te||void 0===te||null===(re=te[t])||void 0===re?void 0:re.in_stock)&&void 0!==le&&!le||(ae.push({...null===te||void 0===te?void 0:te[t],index:e}),e++)}}let se=[...ne,...ae];var ce=null;P&&!ce&&(ce=function(e){var t=e.reduce(((e,t,n)=>{var a,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,storyset_dynamic_thumbnail:null!==(a=null===t||void 0===t?void 0:t.storyset_dynamic_thumbnail)&&void 0!==a&&a,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(ne));const de=z.landingLocationType,ue=z.templateType;function _e(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,c.KE)()&&(0,w.j)()&&!a&&(0,d.QV)(),t||n||(async()=>{const t=ce[e].events[0],n=(0,h.NY)(de)+(0,h.dS)(ue)+(null!==t&&void 0!==t&&t.isRelatedEvent?"R":"E")+"_"+(null===t||void 0===t?void 0:t.event_id);(0,l.wh)(t),(0,u.Tc)(W,o.Xh,o.OW),(0,s.H4)(t.event_id,t.products,"homepage","stories",n,null===t||void 0===t?void 0:t.location,null===F||void 0===F?void 0:F.userType)})();var r=0;null!=i&&ce[e].events.map(((e,t)=>{e.event_id==i&&(r=t)})),Q(r),$(e)}async function pe(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];(0,c.KE)()&&(0,w.j)()&&!a&&await(0,d.QV)(),Q(e.index),((0,m.B6)(e)||(0,m.WJ)(e))&&(t||n||(async()=>{const t=(0,h.NY)(de)+(0,h.dS)(ue)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,l.wh)(e),(0,u.Tc)(W,o.Xh,o.pR),(0,s.H4)(e.event_id,e.products,"homepage","carousel",t)})())}function me(e){return(0,b.jsx)(b.Fragment,{})}return(0,i.useEffect)((()=>{if(U)if((0,y.A)("whatmore-video-player",(()=>{J(!1)})),null!=H&&P){const e=ce.find((e=>H==e.id));if(e)return void _e(ce.indexOf(e),!0,V)}else if(null!=V){const e=ne.find((e=>V==e.event_id));if(e)return void pe(e,!0)}}),[]),(0,b.jsxs)(b.Fragment,{children:[Y&&(0,b.jsx)(f.Z,{}),(0,b.jsx)("div",{className:"whatmore-widget-container",style:{height:"100%",marginTop:(P?q:N)+"px",marginBottom:(P?q:N)+"px"},children:"template-b"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(S,{events:ne,onClick:pe,heading:e.heading})})}):"template-a-1"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(I,{events:ne,onClick:pe,heading:e.heading})}):"template-feed-a"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(A,{events:ne,onClick:pe,heading:e.heading})}):"template-collections-a"===M||"template-c"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(k,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-b"===M||"template-d"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(x,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-c"===M||"template-e"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(E,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-d"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(S,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-e"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(C,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-stories"===M||"template-stories"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(R,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-f"===M||"template-collections-f"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(O,{events:ne,onClick:pe,heading:e.heading})})}):"template-g"===M||"template-collections-g"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(D,{events:ne,onClick:pe,heading:e.heading})})}):"template-h"===M||"template-collections-h"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(L,{events:ne,onClick:pe,heading:e.heading})})}):"template-banner-a"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.BANNER_WIDGET_VIEW,event:ee[0],triggerFlag:!t&&!n,children:(0,b.jsx)(K,{events:ee})})}):P?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.STORIES_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(j,{eventsStories:ce,onClick:_e,template:M})})}):(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(C,{events:ne,onClick:pe,heading:e.heading})})})}),-1==Z||-2==Z?(0,b.jsx)(me,{}):(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.EVENT_VIEW,event:ee[Z],productList:ee[Z].products,cta:ee[Z].cta,triggerFlag:!t&&!n,children:(0,b.jsx)(T,{events:se,index:Z,onBack:function(e){(0,r.n2L)(W)&&(0,a.MO)("whatmoreAddedToCart")&&(0,_.D)(W,(()=>{}),100,window.location.hostname,e),Q(-1),J(!1)},slideDirection:P||"horizontal"===(0,r.e8z)(W)?"horizontal":"vertical",eventsStories:ce,initialStoryIndex:X,template:M})})})]})};const q=function(e,t,n){const i=(0,a.MO)("whatmoreShopId");var o=t.reduce(((e,t,n)=>(t.products.map((e=>e.client_product_id)).forEach((t=>{t in e||(e[t]=!0)})),e)),{}),l=Object.keys(o);if("60960964855"==i&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var r={};fera.getRatings(l,(e=>{new Promise(((t,n)=>{e.forEach((e=>{r[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(r)})).then((e=>n(e)))}))}if("23114481744"==i){const e="1e6MQXxzYR19mpw9Km6Dcm86";r={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+l.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{r[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),r))).then((e=>n(e))).catch((e=>console.error(e)))}};var P=n(3388),W=n(7381),M=n(4522),G=n(7008),B=n(32);const H=[{event_id:2333,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:204,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/sadabahaar-chanderi-suit-set",client_product_id:"6780183806018",price:"2800.00",currency:"INR",title:"Sadabahaar Chanderi Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/products/5_72f81f91-e027-4497-9dfe-20480b862c54.jpg?v=1684509430",compare_price:"6999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_b9c6f02e-6d5e-4250-97f8-71551c18c4e8.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/b9c6f02e-6d5e-4250-97f8-71551c18c4e8.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:1,event_state:"ready",poster_image:null,total_views:37,total_like:1,total_share:0,total_whatsapp:0},{event_id:2335,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:2108,brand:"whatmore-dev",product_link:"https://www.ordinaree.com/products/grease-black-designer-blackless-long-dress-for-women-online",client_product_id:"7210211311652",price:"5040.00",currency:"INR",title:"Grease Backless Long Dress",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0106/4897/7444/products/DSC_0377_45ee56eb-1240-4a17-9332-841809f132cf.jpg?v=1673001396",compare_price:"5600.00",product_metadata:null,product_status:"active"},{product_id:1955,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/black-anarkali-and-pant-with-dupatta",client_product_id:"7600010723466",price:"4125.00",currency:"INR",title:"BLACK ANARKALI AND PANT WITH DUPATTA",description:"BLACK ANARKALI AND PANT WITH DUPATTA",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/salwarsuitonlineindia-07285.jpg?v=1669434027&width=823",compare_price:"5200.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_e433898b-a5ec-4af6-b74f-2153ad609ffb.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/e433898b-a5ec-4af6-b74f-2153ad609ffb.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:4,event_state:"ready",poster_image:null,total_views:31,total_like:0,total_share:0,total_whatsapp:0},{event_id:2336,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:632,brand:"whatmore-dev",product_link:"https://www.meerasplussizestore.com/products/basil-brick-ajrakh-handblock-printed-kurta",client_product_id:"6864880173194",price:"876.00",currency:"INR",title:"Basil & Brick Ajrakh Handblock Printed Kurta",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0363/0075/0986/products/Dark-Green-Maroon-Pati-Ajrakh-Kurti-SCL_6948.jpg?v=1653729466",compare_price:"2190.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_5ddea9a1-4839-4db8-aa1c-843c14dd1cbb.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/5ddea9a1-4839-4db8-aa1c-843c14dd1cbb.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:5,event_state:"ready",poster_image:null,total_views:21,total_like:0,total_share:0,total_whatsapp:0},{event_id:2338,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:1728,brand:"whatmore-dev",product_link:"https://suta.in/products/ratri-kamal",client_product_id:"6916488003649",price:"4200.00",currency:"INR",title:"Ratri kamal",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/products/ratri-kamal-293774.jpg?v=1668084259",compare_price:null,product_metadata:null,product_status:"active"},{product_id:1732,brand:"whatmore-dev",product_link:"https://suta.in/products/kedar-ki-dor-blouse",client_product_id:"6625859502145",price:"4200.00",currency:"INR",title:"Kedar Ki Dor",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/files/DSC01009.jpg?v=1712326816",compare_price:null,product_metadata:null,product_status:"active"},{product_id:1736,brand:"whatmore-dev",product_link:"https://suta.in/products/swarna-kamal",client_product_id:"6916483317825",price:"4200.00",currency:"INR",title:"Swarna Kamal",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/products/swarna-kamal-472043.jpg?v=1668093054",compare_price:null,product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_496a26de-50cd-4823-8731-a97e0757efcf.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_496a26de-50cd-4823-8731-a97e0757efcf.mp4?v=1677477938",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:6,event_state:"ready",poster_image:null,total_views:28,total_like:0,total_share:0,total_whatsapp:0},{event_id:3255,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:3636,brand:"whatmore-dev",product_link:"https://buysohi.com/products/sohear8383",client_product_id:"7679599771864",price:"543.00",currency:"INR",title:"Gold Plated Pearl Stud",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0626/0218/2872/products/SS22_SOHEAR8383_1.jpg?v=1651755514",compare_price:"1699.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-01-24",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_b0045891-f042-47d4-a87a-187c96a1857e.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/b0045891-f042-47d4-a87a-187c96a1857e.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:7,event_state:"ready",poster_image:null,total_views:36,total_like:1,total_share:3,total_whatsapp:0},{event_id:3877,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:1955,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/black-anarkali-and-pant-with-dupatta",client_product_id:"7600010723466",price:"4125.00",currency:"INR",title:"BLACK ANARKALI AND PANT WITH DUPATTA",description:"BLACK ANARKALI AND PANT WITH DUPATTA",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/salwarsuitonlineindia-07285.jpg?v=1669434027&width=823",compare_price:"5200.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-02-03",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_CoH_liSAYOj.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_CoH_liSAYOj_b1999a62-134d-4301-9808-5d09e64a8979.mp4?v=1677477812",presenter_email:null,presenter_phone:null,room_id:null,event_type:"video",is_active:!0,rank:20,event_state:"ready",poster_image:null,total_views:16,total_like:0,total_share:0,total_whatsapp:0},{event_id:4188,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:4459,brand:"whatmore-dev",product_link:"https://theethnic.co/products/black-ruching-jacket-kurta-set",client_product_id:"8011323769076",price:"7499.00",currency:"INR",title:"Black Ruching Jacket Kurta Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0650/7937/8164/products/1_5102cd2e-a419-4682-abf1-d9619e6e96d7.jpg?v=1674275880",compare_price:"9999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-02-07",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_c398aa0e-f0ac-4aba-91f5-4b1bcc5b1d51.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_7acda7d8-9762-47c7-9ee2-35e14db4c3fb.mp4?v=1677477803",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:23,event_state:"ready",poster_image:null,total_views:8,total_like:0,total_share:1,total_whatsapp:0},{event_id:28701,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:364,cta_link:"https://lovechild.in/collections/fragrances",client_cta_id:"https://lovechild.in/collections/fragrances",cta_title:"Explore",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-01-10",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_20c05e5e-43cd-45cd-b1a4-5c942fb732d1.mp4",discount_coupon_image:"",event_hls_url:"https://d1zl4k1t5o4s75.cloudfront.net/whatmoredev/1080p_20c05e5e-43cd-45cd-b1a4-5c942fb732d1.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:57,event_state:"ready",poster_image:null,total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:28767,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-01-11",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_4820fd98-246f-46b7-8af6-be1e949ff0e2.mp4?v=1704973716",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_4820fd98-246f-46b7-8af6-be1e949ff0e2.mp4?v=1704973708",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:58,event_state:"ready",poster_image:null,total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:48,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:24,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/evil-eye-adjustable-ring-gold",client_product_id:"6923301748874",price:"1250.00",currency:"INR",title:"Evil Eye adjustable ring -  Gold",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/WhatsAppImage2020-09-21at11.38.01AM_1_700x_c51dd690-b6d8-4059-b3e0-13a2edf3feea.jpg?v=1656673474",compare_price:"1300",product_metadata:null,product_status:"active"},{product_id:23,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/rose-water-200ml",client_product_id:"6923319771274",price:"250.00",currency:"INR",title:"ROSE WATER 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/RoseWaterFront-01_250x_2x_c4cd34f3-625d-463a-bf36-3b159322b7ed.png?v=1656673764",compare_price:null,product_metadata:null,product_status:"active"},{product_id:21,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/honey-lemon-face-cleanser-200ml-1",client_product_id:"6923307647114",price:"1300.00",currency:"INR",title:"HONEY & LEMON FACE CLEANSER 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/C5D_9156-01_250x_2x_2f91ab64-e5a4-42f1-baf3-5f3ecffb2b50_1.png?v=1656673584",compare_price:"1340",product_metadata:null,product_status:"active"},{product_id:22,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/honey-lemon-face-cleanser-200ml-1",client_product_id:"6923317051530",price:"350.00",currency:"INR",title:"HONEY AND ROSE BODY CREAM 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/2_250x_2x_47ffd4b3-4100-4afb-b4c8-a09867e40ddb.png?v=1656673726",compare_price:null,product_metadata:null,product_status:"active"}],cta:[{cta_id:73,cta_link:"https://honeyandspice.in/collections/central-indian",client_cta_id:"https://honeyandspice.in/collections/central-indian",cta_title:"Shop Now",thumbnail_image:"",cta_type:""}],title:"BTS of HoneyAndSpice",description:"",brand:"whatmore-dev",scheduled_date:"2023-08-10",status:"upcoming",start_time:"19:00",end_time:"20:00",actual_start_time:null,actual_end_time:null,presenter_name:"Honey and Spice",thumbnail_image:"https://d28nus7q7qajdn.cloudfront.net/videos/whatmore-video-01942fec-68a5-4417-aa28-a0bff121a3ec.mp4",discount_coupon_image:"",event_hls_url:"https://d28nus7q7qajdn.cloudfront.net/videos/whatmore-video-2f0d18e6-a519-4e70-b8b3-529b90a04c28.mp4",presenter_email:null,presenter_phone:"+919888988889",room_id:null,event_type:"video",is_active:!0,rank:59,event_state:"ready",poster_image:null,total_views:13,total_like:0,total_share:0,total_whatsapp:0},{event_id:33888,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[{cta_id:402,cta_link:"https://custom.com",client_cta_id:"https://custom.com",cta_title:"custom",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_2b78b138-b18f-45e3-b8dc-6ce59075872f.mp4?v=1708937498",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_2b78b138-b18f-45e3-b8dc-6ce59075872f.mp4?v=1708937490",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:60,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_2b78b138-b18f-45e3-b8dc-6ce59075872f.webp?v=1708937505",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:33890,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[{cta_id:402,cta_link:"https://custom.com",client_cta_id:"https://custom.com",cta_title:"custom",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.mp4?v=1708937809",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.mp4?v=1708937801",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:61,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.webp?v=1708937816",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:33947,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:403,cta_link:"https://test.com",client_cta_id:"https://test.com",cta_title:"test",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_81844dee-68c7-425e-96bf-d3ac63c664e7.mp4?v=1708947355",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_81844dee-68c7-425e-96bf-d3ac63c664e7.mp4?v=1708947347",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:62,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_81844dee-68c7-425e-96bf-d3ac63c664e7.webp?v=1708947362",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41975,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:482,cta_link:"https://tests.com",client_cta_id:"https://tests.com",cta_title:"",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_51411814-cff2-491f-aca3-303e84307049.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_51411814-cff2-491f-aca3-303e84307049.mp4?v=1714033514",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:69,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_51411814-cff2-491f-aca3-303e84307049.webp?v=1714033531",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41976,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:481,cta_link:"https://test1231.com",client_cta_id:"https://test1231.com",cta_title:" ",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_c2a47941-cafb-4765-ac6c-d6414679c6bd.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_c2a47941-cafb-4765-ac6c-d6414679c6bd.mp4?v=1714033514",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:70,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_c2a47941-cafb-4765-ac6c-d6414679c6bd.webp?v=1714033530",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41977,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:403,cta_link:"https://test.com",client_cta_id:"https://test.com",cta_title:"test",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_a0f26d1d-462b-4548-848c-806702cf9c95.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_a0f26d1d-462b-4548-848c-806702cf9c95.mp4?v=1714033513",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:71,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_a0f26d1d-462b-4548-848c-806702cf9c95.webp?v=1714033530",total_views:0,total_like:0,total_share:0,total_whatsapp:0}];var V=function(e){const[t,n]=(0,i.useState)(),[l,u]=(0,i.useState)([]),[_,m]=(0,i.useState)(),{whatmoreIsStoriesTemplate:v}=(0,i.useContext)(p.I),{whatmoreIsCollectionsTemplate:f}=(0,i.useContext)(p.I),{whatmoreIsBannerTemplate:y}=(0,i.useContext)(p.I),[S]=(0,a.j1)("whatmoreShopId"),[I]=(0,a.j1)("whatmoreCollectionId"),k=(0,a.MO)("whatmoreLandingLocationType"),x=(0,a.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:E}=(0,i.useContext)(p.I),{whatmoreUserInfo:j,whatmoreIsPreviewMode:T}=(0,i.useContext)(p.I),C=(0,a.MO)("whatmoreCollectionUrl"),[O]=(0,a.j1)("isInDesignMode"),[D]=(0,a.j1)("isDemoBrand"),L=(0,r.cZT)(S)?(0,r._uv)(S)?C:window.location.href.split(/[?#]/)[0]:I,[A,K]=(0,a.j1)("productRatings"),[R,V]=(0,i.useState)(!1);var z=(0,r.efR)(S)?o.Dm+"/v2/events/":o.Gc+"/v2/events/",F=(0,r.efR)(S)?o.Dm+"/v3/events/":o.Gc+"/v3/events/",U=(0,r.efR)(S)?o.Dm+"/v4/events/":o.Gc+"/v4/events/",Y=((0,r.efR)(S)?o.Dm:o.Gc,(0,r.efR)(S)?o.Dm+"/v6/events/":o.Gc+"/v6/events/"),J=(0,r.efR)(S)?o.Dm+"/get_eventset/":o.Gc+"/get_eventset/",Z=(0,r.efR)(S)?o.Dm+"/v2/collection":o.Gc+"/v2/collection",Q=(0,r.efR)(S)?o.Dm+"/v3/collection":o.Gc+"/v3/collection",X=(0,r.efR)(S)?o.Dm+"/v4/collection":o.Gc+"/v4/collection",$=(0,r.efR)(S)?o.Dm+"/v2/brand/"+S+"/product-events":o.Gc+"/v2/brand/"+S+"/product-events",ee=e.shopId,te="live,upcoming",ne="true";return(0,i.useEffect)((()=>{(0,s.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,G.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{null!=t&&0!=t.length&&!_&&(0,c.KE)()&&!(0,a.MO)("whatmoreVideoPlayerPoolInitiated")&&(0,w.j)()&&(0,d.b5)(d.UD)}),[t]),(0,i.useEffect)((()=>{var e;if(k.startsWith("product"))if((0,r.C86)(S))e=z.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString()+(v?"&template_type=stories":"");else{var t=(0,a.MO)("whatmoreProductId");t=(0,r.iXA)(S)?function(e,t){return"STRQMPNF7QK"==t?encodeURIComponent(e):e.split(/[?#]/)[0]}(window.location.href,S):t,e=$.toString()+"?client_product_id="+t.toString()+"&status="+te.toString()+"&event_type=video"}else if(f||"invalid-url"!==C)e=(0,r.YGB)(S)?"".concat(Q.toString(),"?store_id=").concat(ee.toString(),"&client_collection_id=").concat("index"==k&&(0,r.igW)(S).length>0?(0,r.igW)(S)[0]:L):"78232846646"==S?"".concat(X.toString(),"?store_id=").concat(ee.toString(),"&client_collection_id=").concat("index"==k&&(0,r.igW)(S).length>0?(0,r.igW)(S)[0]:L):"".concat(Z.toString(),"?store_id=").concat(ee.toString(),"&client_collection_id=").concat("index"==k&&(0,r.igW)(S).length>0?(0,r.igW)(S)[0]:L);else if(y){const t=h.ls,n=(0,h.H1)(k);e=J.toString()+ee.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+S}else{var i,o,l,c;if(("72201044272"==S||"2665447536"==S&&T)&&!v)e=F.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString()+"&latitude="+(null!==(i=null===(o=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===o?void 0:o.latitude)&&void 0!==i?i:"")+"&longitude="+(null!==(l=null===(c=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===c?void 0:c.longitude)&&void 0!==l?l:"")+"&user_type="+(null!==j&&void 0!==j&&j.userType?"olduser":"newuser");else if((0,r.YGB)(S)&&!v)e=U.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString();else if("78232846646"==S){var d,_,p,g;e=Y.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString()+"&latitude="+(null!==(d=null===(_=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===_?void 0:_.latitude)&&void 0!==d?d:"")+"&longitude="+(null!==(p=null===(g=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===g?void 0:g.longitude)&&void 0!==p?p:"")+"&user_type="+(null!==j&&void 0!==j&&j.userType?"olduser":"newuser")}else e=z.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString()+(v?"&template_type=stories":"")}fetch(e).then((e=>e.json())).then((e=>{var t;if(y){const t=h.ls;return(0,P.OC)(e,t)}return(0,r.YGB)(S)&&(null===e||void 0===e||null===(t=e.questions)||void 0===t?void 0:t.length)>0&&(null==localStorage.getItem("_whatmore_qview_index")&&localStorage.setItem("_whatmore_qview_index",0),(0,s.xV)(null===e||void 0===e?void 0:e.questions)),(null===e||void 0===e?void 0:e.all_events)&&u(null===e||void 0===e?void 0:e.all_events),(0,P.kW)(e,f||"invalid-url"!==C)})).then((e=>(x&&console.debug("initial received events size : "+e.length),v||f||y?e:(0,P.e8)(e,ee)))).then((e=>(null!=e&&0!=e.length&&(0,r.LUY)(S)&&function(e,t,n){const i=setInterval((()=>{null===(0,a.MO)("productRatings")&&q(e,t,n)}),1e3);setTimeout((()=>{clearInterval(i)}),1e4)}(S,e,(e=>{K(e)})),e))).then((e=>{n((D||O)&&null==e?H:e),V(!0)})).catch((e=>{m(e.message),V(!0)}))}),[]),(0,i.useEffect)((()=>{"index"===k?t&&t.length>0&&(0,M.PB)({userInteractionType:g.K.HOMEPAGE_VISITED,widgetSourceDetails:E}):"collection"===k&&(t&&t.length>0||(0,r.miB)(S))&&(0,M.PB)({userInteractionType:g.K.COLLECTION_PAGE_VISITED,widgetSourceDetails:E})}),[t]),R&&(null==t||0==t.length||_)&&B.IR.forEach((e=>{var t,n,a,i;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]'),l=null!==(n=e.querySelector('.whatmore-template-type[data-wh="template-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-a-1"]')||e.querySelector('.whatmore-template-type[data-wh="template-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==n?n:e.querySelector('.whatmore-template-type[data="template-a"]')||e.querySelector('.whatmore-template-type[data="template-b"]')||e.querySelector('.whatmore-template-type[data="template-f"]')||e.querySelector('.whatmore-template-type[data="template-stories"]')||e.querySelector('.whatmore-template-type[data="template-e"]')||e.querySelector('.whatmore-template-type[data="template-a-1"]')||e.querySelector('.whatmore-template-type[data="template-g"]')||e.querySelector('.whatmore-template-type[data="template-h"]'),r=null!==(a=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-d"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-h"]'))&&void 0!==a?a:e.querySelector('.whatmore-template-type[data="template-collections-a"]')||e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-collections-e"]')||e.querySelector('.whatmore-template-type[data="template-collections-d"]')||e.querySelector('.whatmore-template-type[data="template-collections-f"]')||e.querySelector('.whatmore-template-type[data="template-collections-g"]')||e.querySelector('.whatmore-template-type[data="template-collections-h"]'),s=null!==(i=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==i?i:e.querySelector('.whatmore-template-type[data="template-banner-a"]'),c=e;if(v){const t=e.querySelector(".whatmore-shimmer-stories");t&&(t.style.display="none")}else if(!f){const t=e.querySelector(".loading-skeleton-wrapper");t&&(t.style.display="none")}(s||r||l||o)&&(l&&c||o&&c||s&&c||r&&c)&&(c.style.minHeight="0px")})),null==t||0==t.length||_?(0,b.jsx)("div",{}):(x&&(0,W.EI)(t),function(e){if(null!=e){var t=0;e.forEach((e=>{e.index=t++}))}}(t),x&&console.debug("final transformed events data : "+JSON.stringify(t)),x&&console.debug("valid events size : "+t.length),(0,b.jsx)(N,{heading:e.heading,events:t,allEvents:l}))},z=n(6775);var F=function(e){const[t]=(0,a.j1)("whatmoreShopId"),[n]=(0,a.j1)("whatmoreHeading"),[o,l]=(0,i.useState)(["initial",window.pageYOffset]),[s,c]=(0,i.useState)(!1),d="2665447536"==t?30:10,_=(0,a.MO)("isLandingSharedLink");(0,i.useEffect)((()=>{if((0,u.ll)(t),!(0,r.wc0)(t))return;const e=d;let n=window.pageYOffset,a=!1;const i=()=>{const t=window.pageYOffset;var i,o;Math.abs(t-n)<e?a=!1:(o=!0,l(i=[t>n?"scrolled-down":"scrolled-up",t]),i[1]>d&&c(o),n=t>0?t:0,a=!1)},o=()=>{a||(window.requestAnimationFrame(i),a=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[]);const[p,m,h]=(0,z.Z)({triggerOnce:!0});return(0,b.jsx)("div",{ref:p,style:{display:"block",height:"100%"},children:s||m||_||!(0,r.wc0)(t)||(0,r.dhc)(t)?(0,b.jsx)(V,{heading:n,shopId:t}):(0,b.jsx)("div",{})})}},8181:function(e,t,n){var a=n(7313),i=n(8866),o=n(7753),l=n(6417);const r=a.memo((()=>{if(!(0,o.MO)("isLandingSharedLink"))return(0,l.jsx)(l.Fragment,{});const[e]=(0,i.Z)();return(0,l.jsxs)("div",{className:"shimmer-container ".concat(e),children:["portrait"===e?(0,l.jsx)("div",{className:"shimmer-item portrait-full",children:(0,l.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,l.jsx)("div",{className:"shimmer-item landscape-item ".concat(1===t?"center-item":""),children:(0,l.jsx)("div",{className:"shimmer-effect"})},t))),(0,l.jsx)("style",{children:"\n                    .shimmer-container {\n                        display: flex;\n                        position: fixed;\n                        top: 0;\n                        left: 0;\n                        width: 100vw;\n                        height: 100vh;\n                        overflow-x: scroll;\n                        scroll-snap-type: x mandatory;\n                        scroll-behavior: smooth;\n                        z-index: 1000;\n                    }\n\n                    .portrait {\n                        justify-content: center;\n                        align-items: center;\n                        background: rgba(0, 0, 0, 0.6);\n                    }\n\n                    .landscape {\n                        justify-content: center;\n                        align-items: center;\n                        background: rgba(0, 0, 0, 0.8);\n                    }\n\n                    .shimmer-item {\n                        scroll-snap-align: start;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        position: relative;\n                        transition: transform 0.3s ease;\n                    }\n\n                    .portrait-full {\n                        width: 100vw;\n                        height: 100vh;\n                        margin: 0; \n                    }\n\n                    .landscape-item {\n                        width: 250px;\n                        height: 450px;\n                        background: #D3D3D3;\n                        border-radius: 8px;\n                        margin-left: -50px; \n                    }\n\n                    .center-item {\n                        width: 360px;\n                        height: 620px;\n                        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n                        z-index: 10; \n                    }\n\n                    .shimmer-effect {\n                        position: absolute;\n                        top: 0;\n                        left: 0;\n                        width: 100%;\n                        height: 100%;\n                        background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n                        animation: shimmer 2s infinite;\n                        background-size: 200% 100%;\n                    }\n\n                    @keyframes shimmer {\n                        0% {\n                            background-position: -200% 0;\n                        }\n                        100% {\n                            background-position: 200% 0;\n                        }\n                    }\n                "})]})}));t.Z=r},3388:function(e,t,n){n.d(t,{OC:function(){return r},e8:function(){return o},kT:function(){return a},kW:function(){return l},xg:function(){return i}});const a=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},i=function(e,t){return!(void 0==e.products||0==e.products.length)},o=function(e,t){if(null!=e)return e},l=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 r=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const a=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return a?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(a):[]}},6095:function(e,t,n){function a(e,t){let n=0;let a=new MutationObserver((function(){document.querySelector("."+e)?(t(),a.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),a.disconnect()}),8e3))}));a.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{A:function(){return a}})},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return c},y4:function(){return u},PB:function(){return _},Z2:function(){return d}});var a=n(9854),i=n(7753),o=n(778);function l(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const l=(0,i.MO)("whatmoreShopId");(e!=o.K.EVENT_VIEW||(0,a.UAB)(l))&&(e!=o.K.VIDEO_PLAYBACK||(0,a.JP0)(l))&&(e!=o.K.SHOPNOW_ATC_CLICKED&&e!=o.K.PRODUCT_TILE_ATC_CLICKED||(0,a.Tn_)(l))&&(e!=o.K.VIDEO_LIKED||(0,a.sKB)(l))&&(e!=o.K.VIDEO_SHARE_CTA_CLICKED||(0,a.YOU)(l))&&(e!=o.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=o.K.SHOPNOW_CLICKED||(0,a.ejq)(l))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===o.K.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var r=n(733);const s={[o.K.EVENT_VIEW]:"whatmore_video_click_event",[o.K.VIDEO_LIKED]:"whatmore_video_like_event",[o.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[o.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[o.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[o.K.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[o.K.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[o.K.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function c(e){var t;let{userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}=e;(0,r.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&l(n,null!==(t=null===c||void 0===c?void 0:c[1])&&void 0!==t?t:null===c||void 0===c?void 0:c[0])}function d(e){var t;let{userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}=e;(0,r.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&l(n,null!==(t=null===c||void 0===c?void 0:c[1])&&void 0!==t?t:null===c||void 0===c?void 0:c[0],a)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:l}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:l})}function _(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:l}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:l})}}}]);
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[428],{5582:function(e,t,n){n.r(t),n.d(t,{default:function(){return F}});var a=n(7753),i=n(7313),o=n(2860),l=n(5160),r=n(9854),s=n(6967),c=n(8984),d=n(58),u=n(4669),_=n(513),p=n(364),m=n(7300),h=n(6524),v=n(7643),g=n(778),f=n(8181),y=n(6095),w=n(653),b=n(6417);const S=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(751),n.e(926),n.e(824),n.e(437)]).then(n.bind(n,4095)))),I=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(576),n.e(707),n.e(751),n.e(733),n.e(748)]).then(n.bind(n,5523)))),k=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(615)]).then(n.bind(n,3827)))),x=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(91)]).then(n.bind(n,6071)))),E=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(229)]).then(n.bind(n,1291)))),j=i.lazy((()=>Promise.all([n.e(302),n.e(751),n.e(441)]).then(n.bind(n,3580)))),T=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(576),n.e(745),n.e(751),n.e(926),n.e(824),n.e(348),n.e(950)]).then(n.bind(n,6348)))),C=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(707),n.e(751),n.e(926),n.e(824),n.e(733),n.e(978)]).then(n.bind(n,4048)))),O=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(751),n.e(824),n.e(116)]).then(n.bind(n,9085)))),D=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(751),n.e(926),n.e(892)]).then(n.bind(n,5090)))),L=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(210),n.e(751),n.e(926),n.e(824),n.e(562)]).then(n.bind(n,4784)))),A=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(576),n.e(707),n.e(751),n.e(824),n.e(733),n.e(796)]).then(n.bind(n,4362)))),K=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(576),n.e(745),n.e(751),n.e(926),n.e(824),n.e(348),n.e(876)]).then(n.bind(n,4658)))),R=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(105)]).then(n.bind(n,8767))));var N=function(e){const[t]=(0,a.j1)("isInDesignMode"),[n]=(0,a.j1)("isDemoBrand"),[N]=(0,a.j1)("whatmoreTopBottomPadding"),[q]=(0,a.j1)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:P}=(0,i.useContext)(p.I),[W]=(0,a.j1)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:M}=(0,i.useContext)(p.I),G=(0,a.MO)("isLandingSharedLink"),B=(0,a.MO)("whatmoreShareTemplateId"),H=(0,a.MO)("whatmoreShareStoryId"),V=(0,a.MO)("whatmoreShareEventId"),{whatmoreWidgetSourceDetails:z,whatmoreUserInfo:F}=(0,i.useContext)(p.I),U=G&&M===(0,h.zv)(B),[Y,J]=(0,i.useState)(U),[Z,Q]=(0,i.useState)(-1),[X,$]=(0,i.useState)(null);let ee=e.events,te=null===e||void 0===e?void 0:e.allEvents,ne=[],ae=[];if("template-banner-a"!==M){let e=0;for(let t=0;t<(null===ee||void 0===ee?void 0:ee.length);t++){var ie,oe;!(0,m.B6)(ee[t])&&!(0,m.WJ)(ee[t])||null!==(ie=null===(oe=ee[t])||void 0===oe?void 0:oe.in_stock)&&void 0!==ie&&!ie||(ne.push({...null===ee||void 0===ee?void 0:ee[t],index:e}),e++)}for(let t=0;t<(null===te||void 0===te?void 0:te.length);t++){var le,re;!(0,m.B6)(null===te||void 0===te?void 0:te[t])&&!(0,m.WJ)(null===te||void 0===te?void 0:te[t])||null!==(le=null===te||void 0===te||null===(re=te[t])||void 0===re?void 0:re.in_stock)&&void 0!==le&&!le||(ae.push({...null===te||void 0===te?void 0:te[t],index:e}),e++)}}let se=[...ne,...ae];var ce=null;P&&!ce&&(ce=function(e){var t=e.reduce(((e,t,n)=>{var a,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,storyset_dynamic_thumbnail:null!==(a=null===t||void 0===t?void 0:t.storyset_dynamic_thumbnail)&&void 0!==a&&a,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(ne));const de=z.landingLocationType,ue=z.templateType;function _e(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,c.KE)()&&(0,w.j)()&&!a&&(0,d.QV)(),t||n||(async()=>{const t=ce[e].events[0],n=(0,h.NY)(de)+(0,h.dS)(ue)+(null!==t&&void 0!==t&&t.isRelatedEvent?"R":"E")+"_"+(null===t||void 0===t?void 0:t.event_id);(0,l.wh)(t),(0,u.Tc)(W,o.Xh,o.OW),(0,s.H4)(t.event_id,t.products,"homepage","stories",n,null===t||void 0===t?void 0:t.location,null===F||void 0===F?void 0:F.userType)})();var r=0;null!=i&&ce[e].events.map(((e,t)=>{e.event_id==i&&(r=t)})),Q(r),$(e)}async function pe(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];(0,c.KE)()&&(0,w.j)()&&!a&&await(0,d.QV)(),Q(e.index),((0,m.B6)(e)||(0,m.WJ)(e))&&(t||n||(async()=>{const t=(0,h.NY)(de)+(0,h.dS)(ue)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,l.wh)(e),(0,u.Tc)(W,o.Xh,o.pR),(0,s.H4)(e.event_id,e.products,"homepage","carousel",t)})())}function me(e){return(0,b.jsx)(b.Fragment,{})}return(0,i.useEffect)((()=>{if(U)if((0,y.A)("whatmore-video-player",(()=>{J(!1)})),null!=H&&P){const e=ce.find((e=>H==e.id));if(e)return void _e(ce.indexOf(e),!0,V)}else if(null!=V){const e=ne.find((e=>V==e.event_id));if(e)return void pe(e,!0)}}),[]),(0,b.jsxs)(b.Fragment,{children:[Y&&(0,b.jsx)(f.Z,{}),(0,b.jsx)("div",{className:"whatmore-widget-container",style:{height:"100%",marginTop:(P?q:N)+"px",marginBottom:(P?q:N)+"px"},children:"template-b"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(S,{events:ne,onClick:pe,heading:e.heading})})}):"template-a-1"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(I,{events:ne,onClick:pe,heading:e.heading})}):"template-feed-a"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(A,{events:ne,onClick:pe,heading:e.heading})}):"template-collections-a"===M||"template-c"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(k,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-b"===M||"template-d"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(x,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-c"===M||"template-e"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(E,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-d"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(S,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-e"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(C,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-collections-stories"===M||"template-stories"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(R,{events:ne,index:Z,setScreen:Q,onClick:pe,heading:e.heading})})}):"template-f"===M||"template-collections-f"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(O,{events:ne,onClick:pe,heading:e.heading})})}):"template-g"===M||"template-collections-g"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(D,{events:ne,onClick:pe,heading:e.heading})})}):"template-h"===M||"template-collections-h"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(L,{events:ne,onClick:pe,heading:e.heading})})}):"template-banner-a"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.BANNER_WIDGET_VIEW,event:ee[0],triggerFlag:!t&&!n,children:(0,b.jsx)(K,{events:ee})})}):P?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.STORIES_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(j,{eventsStories:ce,onClick:_e,template:M})})}):(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(C,{events:ne,onClick:pe,heading:e.heading})})})}),-1==Z||-2==Z?(0,b.jsx)(me,{}):(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.EVENT_VIEW,event:ee[Z],productList:ee[Z].products,cta:ee[Z].cta,triggerFlag:!t&&!n,children:(0,b.jsx)(T,{events:se,index:Z,onBack:function(e){(0,r.n2L)(W)&&(0,a.MO)("whatmoreAddedToCart")&&(0,_.D)(W,(()=>{}),100,window.location.hostname,e),Q(-1),J(!1)},slideDirection:P||"horizontal"===(0,r.e8z)(W)?"horizontal":"vertical",eventsStories:ce,initialStoryIndex:X,template:M})})})]})};const q=function(e,t,n){const i=(0,a.MO)("whatmoreShopId");var o=t.reduce(((e,t,n)=>(t.products.map((e=>e.client_product_id)).forEach((t=>{t in e||(e[t]=!0)})),e)),{}),l=Object.keys(o);if("60960964855"==i&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var r={};fera.getRatings(l,(e=>{new Promise(((t,n)=>{e.forEach((e=>{r[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(r)})).then((e=>n(e)))}))}if("23114481744"==i){const e="1e6MQXxzYR19mpw9Km6Dcm86";r={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+l.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{r[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),r))).then((e=>n(e))).catch((e=>console.error(e)))}};var P=n(3388),W=n(7381),M=n(4522),G=n(7008),B=n(32);const H=[{event_id:2333,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:204,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/sadabahaar-chanderi-suit-set",client_product_id:"6780183806018",price:"2800.00",currency:"INR",title:"Sadabahaar Chanderi Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/products/5_72f81f91-e027-4497-9dfe-20480b862c54.jpg?v=1684509430",compare_price:"6999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_b9c6f02e-6d5e-4250-97f8-71551c18c4e8.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/b9c6f02e-6d5e-4250-97f8-71551c18c4e8.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:1,event_state:"ready",poster_image:null,total_views:37,total_like:1,total_share:0,total_whatsapp:0},{event_id:2335,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:2108,brand:"whatmore-dev",product_link:"https://www.ordinaree.com/products/grease-black-designer-blackless-long-dress-for-women-online",client_product_id:"7210211311652",price:"5040.00",currency:"INR",title:"Grease Backless Long Dress",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0106/4897/7444/products/DSC_0377_45ee56eb-1240-4a17-9332-841809f132cf.jpg?v=1673001396",compare_price:"5600.00",product_metadata:null,product_status:"active"},{product_id:1955,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/black-anarkali-and-pant-with-dupatta",client_product_id:"7600010723466",price:"4125.00",currency:"INR",title:"BLACK ANARKALI AND PANT WITH DUPATTA",description:"BLACK ANARKALI AND PANT WITH DUPATTA",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/salwarsuitonlineindia-07285.jpg?v=1669434027&width=823",compare_price:"5200.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_e433898b-a5ec-4af6-b74f-2153ad609ffb.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/e433898b-a5ec-4af6-b74f-2153ad609ffb.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:4,event_state:"ready",poster_image:null,total_views:31,total_like:0,total_share:0,total_whatsapp:0},{event_id:2336,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:632,brand:"whatmore-dev",product_link:"https://www.meerasplussizestore.com/products/basil-brick-ajrakh-handblock-printed-kurta",client_product_id:"6864880173194",price:"876.00",currency:"INR",title:"Basil & Brick Ajrakh Handblock Printed Kurta",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0363/0075/0986/products/Dark-Green-Maroon-Pati-Ajrakh-Kurti-SCL_6948.jpg?v=1653729466",compare_price:"2190.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_5ddea9a1-4839-4db8-aa1c-843c14dd1cbb.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/5ddea9a1-4839-4db8-aa1c-843c14dd1cbb.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:5,event_state:"ready",poster_image:null,total_views:21,total_like:0,total_share:0,total_whatsapp:0},{event_id:2338,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:1728,brand:"whatmore-dev",product_link:"https://suta.in/products/ratri-kamal",client_product_id:"6916488003649",price:"4200.00",currency:"INR",title:"Ratri kamal",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/products/ratri-kamal-293774.jpg?v=1668084259",compare_price:null,product_metadata:null,product_status:"active"},{product_id:1732,brand:"whatmore-dev",product_link:"https://suta.in/products/kedar-ki-dor-blouse",client_product_id:"6625859502145",price:"4200.00",currency:"INR",title:"Kedar Ki Dor",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/files/DSC01009.jpg?v=1712326816",compare_price:null,product_metadata:null,product_status:"active"},{product_id:1736,brand:"whatmore-dev",product_link:"https://suta.in/products/swarna-kamal",client_product_id:"6916483317825",price:"4200.00",currency:"INR",title:"Swarna Kamal",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/products/swarna-kamal-472043.jpg?v=1668093054",compare_price:null,product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_496a26de-50cd-4823-8731-a97e0757efcf.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_496a26de-50cd-4823-8731-a97e0757efcf.mp4?v=1677477938",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:6,event_state:"ready",poster_image:null,total_views:28,total_like:0,total_share:0,total_whatsapp:0},{event_id:3255,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:3636,brand:"whatmore-dev",product_link:"https://buysohi.com/products/sohear8383",client_product_id:"7679599771864",price:"543.00",currency:"INR",title:"Gold Plated Pearl Stud",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0626/0218/2872/products/SS22_SOHEAR8383_1.jpg?v=1651755514",compare_price:"1699.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-01-24",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_b0045891-f042-47d4-a87a-187c96a1857e.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/b0045891-f042-47d4-a87a-187c96a1857e.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:7,event_state:"ready",poster_image:null,total_views:36,total_like:1,total_share:3,total_whatsapp:0},{event_id:3877,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:1955,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/black-anarkali-and-pant-with-dupatta",client_product_id:"7600010723466",price:"4125.00",currency:"INR",title:"BLACK ANARKALI AND PANT WITH DUPATTA",description:"BLACK ANARKALI AND PANT WITH DUPATTA",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/salwarsuitonlineindia-07285.jpg?v=1669434027&width=823",compare_price:"5200.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-02-03",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_CoH_liSAYOj.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_CoH_liSAYOj_b1999a62-134d-4301-9808-5d09e64a8979.mp4?v=1677477812",presenter_email:null,presenter_phone:null,room_id:null,event_type:"video",is_active:!0,rank:20,event_state:"ready",poster_image:null,total_views:16,total_like:0,total_share:0,total_whatsapp:0},{event_id:4188,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:4459,brand:"whatmore-dev",product_link:"https://theethnic.co/products/black-ruching-jacket-kurta-set",client_product_id:"8011323769076",price:"7499.00",currency:"INR",title:"Black Ruching Jacket Kurta Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0650/7937/8164/products/1_5102cd2e-a419-4682-abf1-d9619e6e96d7.jpg?v=1674275880",compare_price:"9999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-02-07",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_c398aa0e-f0ac-4aba-91f5-4b1bcc5b1d51.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_7acda7d8-9762-47c7-9ee2-35e14db4c3fb.mp4?v=1677477803",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:23,event_state:"ready",poster_image:null,total_views:8,total_like:0,total_share:1,total_whatsapp:0},{event_id:28701,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:364,cta_link:"https://lovechild.in/collections/fragrances",client_cta_id:"https://lovechild.in/collections/fragrances",cta_title:"Explore",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-01-10",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_20c05e5e-43cd-45cd-b1a4-5c942fb732d1.mp4",discount_coupon_image:"",event_hls_url:"https://d1zl4k1t5o4s75.cloudfront.net/whatmoredev/1080p_20c05e5e-43cd-45cd-b1a4-5c942fb732d1.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:57,event_state:"ready",poster_image:null,total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:28767,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-01-11",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_4820fd98-246f-46b7-8af6-be1e949ff0e2.mp4?v=1704973716",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_4820fd98-246f-46b7-8af6-be1e949ff0e2.mp4?v=1704973708",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:58,event_state:"ready",poster_image:null,total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:48,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:24,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/evil-eye-adjustable-ring-gold",client_product_id:"6923301748874",price:"1250.00",currency:"INR",title:"Evil Eye adjustable ring -  Gold",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/WhatsAppImage2020-09-21at11.38.01AM_1_700x_c51dd690-b6d8-4059-b3e0-13a2edf3feea.jpg?v=1656673474",compare_price:"1300",product_metadata:null,product_status:"active"},{product_id:23,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/rose-water-200ml",client_product_id:"6923319771274",price:"250.00",currency:"INR",title:"ROSE WATER 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/RoseWaterFront-01_250x_2x_c4cd34f3-625d-463a-bf36-3b159322b7ed.png?v=1656673764",compare_price:null,product_metadata:null,product_status:"active"},{product_id:21,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/honey-lemon-face-cleanser-200ml-1",client_product_id:"6923307647114",price:"1300.00",currency:"INR",title:"HONEY & LEMON FACE CLEANSER 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/C5D_9156-01_250x_2x_2f91ab64-e5a4-42f1-baf3-5f3ecffb2b50_1.png?v=1656673584",compare_price:"1340",product_metadata:null,product_status:"active"},{product_id:22,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/honey-lemon-face-cleanser-200ml-1",client_product_id:"6923317051530",price:"350.00",currency:"INR",title:"HONEY AND ROSE BODY CREAM 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/2_250x_2x_47ffd4b3-4100-4afb-b4c8-a09867e40ddb.png?v=1656673726",compare_price:null,product_metadata:null,product_status:"active"}],cta:[{cta_id:73,cta_link:"https://honeyandspice.in/collections/central-indian",client_cta_id:"https://honeyandspice.in/collections/central-indian",cta_title:"Shop Now",thumbnail_image:"",cta_type:""}],title:"BTS of HoneyAndSpice",description:"",brand:"whatmore-dev",scheduled_date:"2023-08-10",status:"upcoming",start_time:"19:00",end_time:"20:00",actual_start_time:null,actual_end_time:null,presenter_name:"Honey and Spice",thumbnail_image:"https://d28nus7q7qajdn.cloudfront.net/videos/whatmore-video-01942fec-68a5-4417-aa28-a0bff121a3ec.mp4",discount_coupon_image:"",event_hls_url:"https://d28nus7q7qajdn.cloudfront.net/videos/whatmore-video-2f0d18e6-a519-4e70-b8b3-529b90a04c28.mp4",presenter_email:null,presenter_phone:"+919888988889",room_id:null,event_type:"video",is_active:!0,rank:59,event_state:"ready",poster_image:null,total_views:13,total_like:0,total_share:0,total_whatsapp:0},{event_id:33888,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[{cta_id:402,cta_link:"https://custom.com",client_cta_id:"https://custom.com",cta_title:"custom",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_2b78b138-b18f-45e3-b8dc-6ce59075872f.mp4?v=1708937498",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_2b78b138-b18f-45e3-b8dc-6ce59075872f.mp4?v=1708937490",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:60,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_2b78b138-b18f-45e3-b8dc-6ce59075872f.webp?v=1708937505",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:33890,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[{cta_id:402,cta_link:"https://custom.com",client_cta_id:"https://custom.com",cta_title:"custom",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.mp4?v=1708937809",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.mp4?v=1708937801",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:61,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.webp?v=1708937816",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:33947,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:403,cta_link:"https://test.com",client_cta_id:"https://test.com",cta_title:"test",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_81844dee-68c7-425e-96bf-d3ac63c664e7.mp4?v=1708947355",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_81844dee-68c7-425e-96bf-d3ac63c664e7.mp4?v=1708947347",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:62,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_81844dee-68c7-425e-96bf-d3ac63c664e7.webp?v=1708947362",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41975,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:482,cta_link:"https://tests.com",client_cta_id:"https://tests.com",cta_title:"",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_51411814-cff2-491f-aca3-303e84307049.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_51411814-cff2-491f-aca3-303e84307049.mp4?v=1714033514",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:69,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_51411814-cff2-491f-aca3-303e84307049.webp?v=1714033531",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41976,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:481,cta_link:"https://test1231.com",client_cta_id:"https://test1231.com",cta_title:" ",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_c2a47941-cafb-4765-ac6c-d6414679c6bd.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_c2a47941-cafb-4765-ac6c-d6414679c6bd.mp4?v=1714033514",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:70,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_c2a47941-cafb-4765-ac6c-d6414679c6bd.webp?v=1714033530",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41977,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:403,cta_link:"https://test.com",client_cta_id:"https://test.com",cta_title:"test",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_a0f26d1d-462b-4548-848c-806702cf9c95.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_a0f26d1d-462b-4548-848c-806702cf9c95.mp4?v=1714033513",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:71,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_a0f26d1d-462b-4548-848c-806702cf9c95.webp?v=1714033530",total_views:0,total_like:0,total_share:0,total_whatsapp:0}];var V=function(e){const[t,n]=(0,i.useState)(),[l,u]=(0,i.useState)([]),[_,m]=(0,i.useState)(),{whatmoreIsStoriesTemplate:v}=(0,i.useContext)(p.I),{whatmoreIsCollectionsTemplate:f}=(0,i.useContext)(p.I),{whatmoreIsBannerTemplate:y}=(0,i.useContext)(p.I),[S]=(0,a.j1)("whatmoreShopId"),[I]=(0,a.j1)("whatmoreCollectionId"),k=(0,a.MO)("whatmoreLandingLocationType"),x=(0,a.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:E}=(0,i.useContext)(p.I),{whatmoreUserInfo:j,whatmoreIsPreviewMode:T}=(0,i.useContext)(p.I),C=(0,a.MO)("whatmoreCollectionUrl"),[O]=(0,a.j1)("isInDesignMode"),[D]=(0,a.j1)("isDemoBrand"),L=(0,r.cZT)(S)?(0,r._uv)(S)?C:window.location.href.split(/[?#]/)[0]:I,[A,K]=(0,a.j1)("productRatings"),[R,V]=(0,i.useState)(!1);var z=(0,r.efR)(S)?o.Dm+"/v2/events/":o.Gc+"/v2/events/",F=(0,r.efR)(S)?o.Dm+"/v3/events/":o.Gc+"/v3/events/",U=(0,r.efR)(S)?o.Dm+"/v4/events/":o.Gc+"/v4/events/",Y=((0,r.efR)(S)?o.Dm:o.Gc,(0,r.efR)(S)?o.Dm+"/v6/events/":o.Gc+"/v6/events/"),J=(0,r.efR)(S)?o.Dm+"/get_eventset/":o.Gc+"/get_eventset/",Z=(0,r.efR)(S)?o.Dm+"/v2/collection":o.Gc+"/v2/collection",Q=(0,r.efR)(S)?o.Dm+"/v3/collection":o.Gc+"/v3/collection",X=(0,r.efR)(S)?o.Dm+"/v4/collection":o.Gc+"/v4/collection",$=(0,r.efR)(S)?o.Dm+"/v2/brand/"+S+"/product-events":o.Gc+"/v2/brand/"+S+"/product-events",ee=e.shopId,te="live,upcoming",ne="true";return(0,i.useEffect)((()=>{(0,s.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,G.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{null!=t&&0!=t.length&&!_&&(0,c.KE)()&&!(0,a.MO)("whatmoreVideoPlayerPoolInitiated")&&(0,w.j)()&&(0,d.b5)(d.UD)}),[t]),(0,i.useEffect)((()=>{var e;if(k.startsWith("product"))if((0,r.C86)(S))e=z.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString()+(v?"&template_type=stories":"");else{var t=(0,a.MO)("whatmoreProductId");t=(0,r.iXA)(S)?function(e,t){return"STRQMPNF7QK"==t?encodeURIComponent(e):e.split(/[?#]/)[0]}(window.location.href,S):t,e=$.toString()+"?client_product_id="+t.toString()+"&status="+te.toString()+"&event_type=video"}else if(f||"invalid-url"!==C)e=(0,r.YGB)(S)?"".concat(Q.toString(),"?store_id=").concat(ee.toString(),"&client_collection_id=").concat("index"==k&&(0,r.igW)(S).length>0?(0,r.igW)(S)[0]:L):"78232846646"==S?"".concat(X.toString(),"?store_id=").concat(ee.toString(),"&client_collection_id=").concat("index"==k&&(0,r.igW)(S).length>0?(0,r.igW)(S)[0]:L):"".concat(Z.toString(),"?store_id=").concat(ee.toString(),"&client_collection_id=").concat("index"==k&&(0,r.igW)(S).length>0?(0,r.igW)(S)[0]:L);else if(y){const t=h.ls,n=(0,h.H1)(k);e=J.toString()+ee.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+S}else{var i,o,l,c;if(("72201044272"==S||"2665447536"==S&&T)&&!v)e=F.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString()+"&latitude="+(null!==(i=null===(o=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===o?void 0:o.latitude)&&void 0!==i?i:"")+"&longitude="+(null!==(l=null===(c=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===c?void 0:c.longitude)&&void 0!==l?l:"")+"&user_type="+(null!==j&&void 0!==j&&j.userType?"olduser":"newuser");else if((0,r.YGB)(S)&&!v)e=U.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString();else if("78232846646"==S){var d,_,p,g;e=Y.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString()+"&latitude="+(null!==(d=null===(_=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===_?void 0:_.latitude)&&void 0!==d?d:"")+"&longitude="+(null!==(p=null===(g=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===g?void 0:g.longitude)&&void 0!==p?p:"")+"&user_type="+(null!==j&&void 0!==j&&j.userType?"olduser":"newuser")}else e=z.toString()+ee.toString()+"?status="+te.toString()+"&is_active="+ne.toString()+(v?"&template_type=stories":"")}fetch(e).then((e=>e.json())).then((e=>{var t;if(y){const t=h.ls;return(0,P.OC)(e,t)}return(0,r.YGB)(S)&&(null===e||void 0===e||null===(t=e.questions)||void 0===t?void 0:t.length)>0&&(null==localStorage.getItem("_whatmore_qview_index")&&localStorage.setItem("_whatmore_qview_index",0),(0,s.xV)(null===e||void 0===e?void 0:e.questions)),(null===e||void 0===e?void 0:e.all_events)&&u(null===e||void 0===e?void 0:e.all_events),(0,P.kW)(e,f||"invalid-url"!==C)})).then((e=>(x&&console.debug("initial received events size : "+e.length),v||f||y?e:(0,P.e8)(e,ee)))).then((e=>(null!=e&&0!=e.length&&(0,r.LUY)(S)&&function(e,t,n){const i=setInterval((()=>{null===(0,a.MO)("productRatings")&&q(e,t,n)}),1e3);setTimeout((()=>{clearInterval(i)}),1e4)}(S,e,(e=>{K(e)})),e))).then((e=>{n((D||O)&&null==e?H:e),V(!0)})).catch((e=>{m(e.message),V(!0)}))}),[]),(0,i.useEffect)((()=>{"index"===k?t&&t.length>0&&(0,M.PB)({userInteractionType:g.K.HOMEPAGE_VISITED,widgetSourceDetails:E}):"collection"===k&&(t&&t.length>0||(0,r.miB)(S))&&(0,M.PB)({userInteractionType:g.K.COLLECTION_PAGE_VISITED,widgetSourceDetails:E})}),[t]),R&&(null==t||0==t.length||_)&&B.IR.forEach((e=>{var t,n,a,i;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]'),l=null!==(n=e.querySelector('.whatmore-template-type[data-wh="template-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-a-1"]')||e.querySelector('.whatmore-template-type[data-wh="template-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==n?n:e.querySelector('.whatmore-template-type[data="template-a"]')||e.querySelector('.whatmore-template-type[data="template-b"]')||e.querySelector('.whatmore-template-type[data="template-f"]')||e.querySelector('.whatmore-template-type[data="template-stories"]')||e.querySelector('.whatmore-template-type[data="template-e"]')||e.querySelector('.whatmore-template-type[data="template-a-1"]')||e.querySelector('.whatmore-template-type[data="template-g"]')||e.querySelector('.whatmore-template-type[data="template-h"]'),r=null!==(a=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-d"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-h"]'))&&void 0!==a?a:e.querySelector('.whatmore-template-type[data="template-collections-a"]')||e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-collections-e"]')||e.querySelector('.whatmore-template-type[data="template-collections-d"]')||e.querySelector('.whatmore-template-type[data="template-collections-f"]')||e.querySelector('.whatmore-template-type[data="template-collections-g"]')||e.querySelector('.whatmore-template-type[data="template-collections-h"]'),s=null!==(i=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==i?i:e.querySelector('.whatmore-template-type[data="template-banner-a"]'),c=e;if(v){const t=e.querySelector(".whatmore-shimmer-stories");t&&(t.style.display="none")}else if(!f){const t=e.querySelector(".loading-skeleton-wrapper");t&&(t.style.display="none")}(s||r||l||o)&&(l&&c||o&&c||s&&c||r&&c)&&(c.style.minHeight="0px")})),null==t||0==t.length||_?(0,b.jsx)("div",{}):(x&&(0,W.EI)(t),function(e){if(null!=e){var t=0;e.forEach((e=>{e.index=t++}))}}(t),x&&console.debug("final transformed events data : "+JSON.stringify(t)),x&&console.debug("valid events size : "+t.length),(0,b.jsx)(N,{heading:e.heading,events:t,allEvents:l}))},z=n(6775);var F=function(e){const[t]=(0,a.j1)("whatmoreShopId"),[n]=(0,a.j1)("whatmoreHeading"),[o,l]=(0,i.useState)(["initial",window.pageYOffset]),[s,c]=(0,i.useState)(!1),d="2665447536"==t?30:10,_=(0,a.MO)("isLandingSharedLink");(0,i.useEffect)((()=>{if((0,u.ll)(t),!(0,r.wc0)(t))return;const e=d;let n=window.pageYOffset,a=!1;const i=()=>{const t=window.pageYOffset;var i,o;Math.abs(t-n)<e?a=!1:(o=!0,l(i=[t>n?"scrolled-down":"scrolled-up",t]),i[1]>d&&c(o),n=t>0?t:0,a=!1)},o=()=>{a||(window.requestAnimationFrame(i),a=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[]);const[p,m,h]=(0,z.Z)({triggerOnce:!0});return(0,b.jsx)("div",{ref:p,style:{display:"block",height:"100%"},children:s||m||_||!(0,r.wc0)(t)||(0,r.dhc)(t)?(0,b.jsx)(V,{heading:n,shopId:t}):(0,b.jsx)("div",{})})}},8181:function(e,t,n){var a=n(7313),i=n(8866),o=n(7753),l=n(6417);const r=a.memo((()=>{if(!(0,o.MO)("isLandingSharedLink"))return(0,l.jsx)(l.Fragment,{});const[e]=(0,i.Z)();return(0,l.jsxs)("div",{className:"shimmer-container ".concat(e),children:["portrait"===e?(0,l.jsx)("div",{className:"shimmer-item portrait-full",children:(0,l.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,l.jsx)("div",{className:"shimmer-item landscape-item ".concat(1===t?"center-item":""),children:(0,l.jsx)("div",{className:"shimmer-effect"})},t))),(0,l.jsx)("style",{children:"\n                    .shimmer-container {\n                        display: flex;\n                        position: fixed;\n                        top: 0;\n                        left: 0;\n                        width: 100vw;\n                        height: 100vh;\n                        overflow-x: scroll;\n                        scroll-snap-type: x mandatory;\n                        scroll-behavior: smooth;\n                        z-index: 1000;\n                    }\n\n                    .portrait {\n                        justify-content: center;\n                        align-items: center;\n                        background: rgba(0, 0, 0, 0.6);\n                    }\n\n                    .landscape {\n                        justify-content: center;\n                        align-items: center;\n                        background: rgba(0, 0, 0, 0.8);\n                    }\n\n                    .shimmer-item {\n                        scroll-snap-align: start;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        position: relative;\n                        transition: transform 0.3s ease;\n                    }\n\n                    .portrait-full {\n                        width: 100vw;\n                        height: 100vh;\n                        margin: 0; \n                    }\n\n                    .landscape-item {\n                        width: 250px;\n                        height: 450px;\n                        background: #D3D3D3;\n                        border-radius: 8px;\n                        margin-left: -50px; \n                    }\n\n                    .center-item {\n                        width: 360px;\n                        height: 620px;\n                        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n                        z-index: 10; \n                    }\n\n                    .shimmer-effect {\n                        position: absolute;\n                        top: 0;\n                        left: 0;\n                        width: 100%;\n                        height: 100%;\n                        background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n                        animation: shimmer 2s infinite;\n                        background-size: 200% 100%;\n                    }\n\n                    @keyframes shimmer {\n                        0% {\n                            background-position: -200% 0;\n                        }\n                        100% {\n                            background-position: 200% 0;\n                        }\n                    }\n                "})]})}));t.Z=r},3388:function(e,t,n){n.d(t,{OC:function(){return r},e8:function(){return o},kT:function(){return a},kW:function(){return l},xg:function(){return i}});const a=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},i=function(e,t){return!(void 0==e.products||0==e.products.length)},o=function(e,t){if(null!=e)return e},l=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 r=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const a=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return a?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(a):[]}},6095:function(e,t,n){function a(e,t){let n=0;let a=new MutationObserver((function(){document.querySelector("."+e)?(t(),a.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),a.disconnect()}),8e3))}));a.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{A:function(){return a}})},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return c},y4:function(){return u},PB:function(){return _},Z2:function(){return d}});var a=n(9854),i=n(7753),o=n(778);function l(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const l=(0,i.MO)("whatmoreShopId");(e!=o.K.EVENT_VIEW||(0,a.UAB)(l))&&(e!=o.K.VIDEO_PLAYBACK||(0,a.JP0)(l))&&(e!=o.K.SHOPNOW_ATC_CLICKED&&e!=o.K.PRODUCT_TILE_ATC_CLICKED||(0,a.Tn_)(l))&&(e!=o.K.VIDEO_LIKED||(0,a.sKB)(l))&&(e!=o.K.VIDEO_SHARE_CTA_CLICKED||(0,a.YOU)(l))&&(e!=o.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=o.K.SHOPNOW_CLICKED||(0,a.ejq)(l))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===o.K.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var r=n(733);const s={[o.K.EVENT_VIEW]:"whatmore_video_click_event",[o.K.VIDEO_LIKED]:"whatmore_video_like_event",[o.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[o.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[o.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[o.K.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[o.K.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[o.K.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function c(e){var t;let{userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}=e;(0,r.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&l(n,null!==(t=null===c||void 0===c?void 0:c[1])&&void 0!==t?t:null===c||void 0===c?void 0:c[0])}function d(e){var t;let{userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}=e;(0,r.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&l(n,null!==(t=null===c||void 0===c?void 0:c[1])&&void 0!==t?t:null===c||void 0===c?void 0:c[0],a)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:l}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:l})}function _(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:l}=e;(0,r.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:l})}}}]);

package/static/js/stories-template-a.fa6cf259.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[441],{3580:function(t,e,r){r.r(e),r.d(e,{default:function(){return x}});var o=r(7313),n=r(8866),i=r(7753),l=(r(9111),r(123),r(9778),r(9854)),s=r(868),a=r(9363),c=r(4892),p=r(6417);var d=function(t){var e,r;const n=(0,i.MO)("whatmorePrimaryFont"),d=(0,i.MO)("whatmoreSecondaryColor"),u=(0,i.MO)("whatmoreShopId"),[h,f]=(0,o.useState)(!1),x=t.storyId,m=(0,s.V)(t.imageUrl),g=t.title,v=t.onClick,w=t.template,y=(0,l.f63)(u),b="template-stories-a"===w?"50%":"30%",j=Math.floor(t.tileSize),S=.12*j*(0,l.LM2)(u),k=null!==(e=(0,l.QaQ)(u))&&void 0!==e?e:n,C=null!==(r=(0,l.u2W)(u))&&void 0!==r?r:[d,y,d,y,d],F=(0,o.useRef)(0),_=(0,o.useRef)(null),R=(0,o.useRef)(null);return(0,o.useEffect)((()=>{R.current&&R.current.play()}),[]),(0,o.useEffect)((()=>{const t=_.current,e=new IntersectionObserver(((t,e)=>{t.forEach((t=>{if(t.isIntersecting){const r=t.target;r.src=r.dataset.src,e.unobserve(r)}}))}),{rootMargin:"0px 100px 0px 0px",threshold:0});return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[m]),(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:j*(0,l.jJ6)(u)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{f(!0),v(x)},className:[h?"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:b,boxShadow:"0px 2px 1px 0px "+C[0]+"50, 0px -2px 1px 0px "+C[1]+"50, 2px 0px 1px 0px "+C[2]+"50, -2px 0px 1px 0px "+C[3]+"80, 2px -2px 1px 0px "+C[4]+"80, -2px 2px 1px 0px "+C[0]+"DA, 2px 2px 1px 0px "+C[1]+"DA, -2px -2px 1px 0px "+C[2]+"DA"},children:(0,p.jsx)("div",{className:"whatmore-story-thumbnail-wrapper",style:{flexShrink:0,objectFit:"cover",height:j+"px",width:j+"px",borderRadius:b,border:"3px solid white",backgroundColor:"#343434"===d?"#d3d3d3":d,overflow:"hidden"},children:"video"==(0,a.$)(m)?(0,p.jsx)(c.Z,{height:"100%",width:"100%",url:m,isPlaying:!0,event:{event_type:"video"},borderRadius:b}):(0,p.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center"},children:(0,p.jsx)("img",{ref:_,className:"whatmore-story-thumbnail","data-src":m.startsWith("https://cdn.shopify.com")?m.split("?")[0]+"?width=400&height=400":m,loading:"lazy",style:{objectFit:"cover",height:j+"px",width:j+"px",backgroundColor:"white"},alt:"story",onError:function(){if(F.current<3){let e=(0,s.V)(t.imageUrl);_.current.src="",_.current.src=e,F.current=F.current+1}else console.log("Failed to load image after several attempts"),_.current.src="https://d2oouab8j9eigo.cloudfront.net/background_white.png"}})})})}),(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,p.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",S+"px","important")},style:{textAlign:"center",color:(0,l.WS3)(u),fontFamily:k,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:null===g||void 0===g?void 0:g.substring(0,24)})})]})},u=r(32),h=r(9302);const f=(0,r(2575).Z)({key:"whatmore-stories-css"});var x=function(t){const[e,r,s]=(0,n.Z)(),[a]=(0,i.j1)("whatmoreStoryTileSize"),[c]=(0,i.j1)("whatmoreStoryTileSizeDesktop"),[x]=(0,i.j1)("whatmoreShopId"),[m,g]=(0,o.useState)("portrait"===e?"flex-start":"center"),v=(0,o.useRef)(null);var w=t.eventsStories;const y=t.onClick,b=t.template;(0,o.useEffect)((()=>{u.IR.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;t&&(t.style.minHeight="0px")}))}),[]);const j=t=>{if(v.current){const e="left"===t?4*-C:4*C;v.current.scrollBy({left:e,behavior:"smooth"})}};(0,o.useEffect)((()=>{!function(){if(v.current){const t=v.current.scrollWidth,e=v.current.offsetWidth;g(t>e?"flex-start":"center")}}()}),[m,s]);const[S,k]=(0,o.useState)([]);(0,o.useEffect)((()=>{k(w.map((t=>t.storyset_dynamic_thumbnail?Math.floor(Math.random()*(t.events.length-1)):0)))}),[]);const C="landscape"===e?r*(c/100)*.3:s*(a/100)*.5;return(0,p.jsx)(h.C,{value:f,children:"landscape"==e&&!(0,l.DF0)(x)||"portrait"==e&&!(0,l.JaA)(x)?(0,p.jsx)(p.Fragment,{}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:m,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:v,children:w.map(((t,e)=>{var r,o,n,i,s;const a=t.storyset_dynamic_thumbnail?null!==(r=null===(o=t.events[S[e]])||void 0===o?void 0:o.poster_image)&&void 0!==r?r:t.thumbnail_image:null!==(n=t.thumbnail_image)&&void 0!==n?n:null===t||void 0===t||null===(i=t.events)||void 0===i||null===(s=i[0])||void 0===s?void 0:s.thumbnail_image;return(0,p.jsx)(d,{storyId:t.id,tileSize:(0,l.OFP)(x)?100:C,onClick:t=>{y(e)},template:b,imageUrl:a,fallbackUrl:t.thumbnail_image,title:t.title},"whatmore-story-"+t.id)}))}),"landscape"===e&&(0,l.sMW)(x)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.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,p.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:"<"})}),(0,p.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,p.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:">"})})]})]})})}},9363:function(t,e,r){r.d(e,{$:function(){return l},s:function(){return i}});var o=r(9854),n=r(7753);function i(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const r=(0,n.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(r)?"STRNV8MHJTF"==r?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const r=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,n=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(r)?"image":null!==n&&void 0!==n&&n.test(r)?"video":void 0}},9111:function(){},9778:function(){}}]);