whatmore-react-assets 1.0.1376 → 1.0.1378
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/static/js/707.dadb50f5.chunk.js +1 -0
- package/static/js/{733.a1c82e7f.chunk.js → 733.701e966b.chunk.js} +1 -1
- package/static/js/carousel-template-f.cc86fab6.chunk.js +1 -0
- package/static/js/{homepage-carousel-view.4c9ccc86.chunk.js → homepage-carousel-view.aa23f9a7.chunk.js} +1 -1
- package/static/js/{product-page-view.c72d39c7.chunk.js → product-page-view.6f93465d.chunk.js} +1 -1
- package/whatmore.js +2 -2
- package/static/js/800.38fa0179.chunk.js +0 -2
- package/static/js/carousel-template-f.230832d3.chunk.js +0 -1
package/package.json
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[707],{9723:function(e,t,r){var o=r(5318);t.Z=void 0;var n=o(r(5045)),i=r(6417),a=(0,n.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,r){var o=r(5318);t.Z=void 0;var n=o(r(5045)),i=r(6417),a=(0,n.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,r){var o=r(5318);t.Z=void 0;var n=o(r(5045)),i=r(6417),a=(0,n.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,r){r(8021)},8021:function(e,t,r){var o=r(7313),n=r(6417),i=(r(1168),Object.defineProperty),a=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0,configurable:!0,set:e=>t[r]=()=>e})};if("function"!==typeof o.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 s(){return["NOD","E_EN","V"].join("")}var u=()=>["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[u()][s()]||"production"===window.process[u()][s()]&&"undefined"!==typeof window&&"undefined"!==typeof window.remotion_puppeteerTimeout);return{isStudio:"undefined"!==typeof window&&window.remotion_isStudio,isRendering:t,isPlayer:e,isReadOnlyStudio:"undefined"!==typeof window&&window.remotion_isReadOnlyStudio}},d=o.createElement,c=[],m=()=>{if(!l().isStudio)return;const e=new Proxy(d,{apply(e,t,r){if(c.includes(r[0])){const[o,n,...i]=r,a={...n??{},stack:(new Error).stack};return Reflect.apply(e,t,[o,a,...i])}return Reflect.apply(e,t,r)}});o.createElement=e},f=e=>{c.push(e),m()},p=(0,o.createContext)(!1),h=()=>(0,o.useContext)(p);function w(e){return Boolean(e)}var v="4.0.240",y=(0,o.forwardRef)(((e,t)=>{const{style:r,...i}=e,a=(0,o.useMemo)((()=>({position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",display:"flex",flexDirection:"column",...r})),[r]);return(0,n.jsx)("div",{ref:t,style:a,...i})})),g=(0,o.createContext)(null),b=o.createContext({registerSequence:()=>{throw new Error("SequenceManagerContext not initialized")},unregisterSequence:()=>{throw new Error("SequenceManagerContext not initialized")},sequences:[]}),E=o.createContext({hidden:{},setHidden:()=>{throw new Error("SequenceVisibilityToggle not initialized")}}),F=(0,o.createContext)({getNonce:()=>0,fastRefreshes:0}),T=()=>{const e=(0,o.useContext)(F),[t,r]=(0,o.useState)((()=>e.getNonce())),n=(0,o.useRef)(e);return(0,o.useEffect)((()=>{n.current!==e&&(n.current=e,r(e.getNonce))}),[e]),t},R={};a(R,{useTimelineSetFrame:()=>Z,useTimelinePosition:()=>J,usePlayingState:()=>G,persistCurrentFrame:()=>U,getInitialFrameState:()=>Y,getFrameForComposition:()=>H,TimelineContext:()=>O,SetTimelineContext:()=>z});var C=(0,o.createContext)({compositions:[],registerComposition:()=>{},unregisterComposition:()=>{},registerFolder:()=>{},unregisterFolder:()=>{},setCurrentCompositionMetadata:()=>{},updateCompositionDefaultProps:()=>{},folders:[],currentCompositionMetadata:null,canvasContent:null,setCanvasContent:()=>{}}),x=(0,o.createContext)({props:{},updateProps:()=>{throw new Error("Not implemented")},resetUnsaved:()=>{throw new Error("Not implemented")}}),k=(o.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,$=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 "${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 "${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 "${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 "${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 r;t.containsHex&&(r=`WARNING: You seem to pass an already encoded path (path contains ${t.hexCode}). Since Remotion 4.0, the encoding is done by staticFile() itself. You may want to remove a encodeURIComponent() wrapping.`,I[r]||(console.warn(r),I[r]=!0));const o=(e=>e.split("/").map((e=>encodeURIComponent(e))).join("/"))(e),n=(e=>{if("undefined"!==typeof window&&window.remotion_staticBase){if(e.startsWith(window.remotion_staticBase))throw new Error(`The value "${e}" is already prefixed with the static base ${window.remotion_staticBase}. You don't need to call staticFile() on it.`);return`${window.remotion_staticBase}/${S(e)}`}return`/${S(e)}`})(o);return n.startsWith("/")?n:`/${n}`},N="remotion-date:",M="remotion-file:",P=e=>JSON.parse(e,((e,t)=>"string"===typeof t&&t.startsWith(N)?new Date(t.replace(N,"")):"string"===typeof t&&t.startsWith(M)?$(t.replace(M,"")):t)),A=!1,_=()=>{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 P(e)};function V(e,t,r){if("number"!==typeof e)throw new Error(`The "${t}" prop ${r} must be a number, but you passed a value of type ${typeof e}`);if(isNaN(e))throw new TypeError(`The "${t}" prop ${r} must not be NaN, but is NaN.`);if(!Number.isFinite(e))throw new TypeError(`The "${t}" prop ${r} must be finite, but is ${e}.`);if(e%1!==0)throw new TypeError(`The "${t}" prop ${r} must be an integer, but is ${e}.`);if(e<=0)throw new TypeError(`The "${t}" prop ${r} must be positive, but got ${e}.`)}function D(e,t){const{allowFloats:r,component:o}=t;if("undefined"===typeof e)throw new Error(`The "durationInFrames" prop ${o} is missing.`);if("number"!==typeof e)throw new Error(`The "durationInFrames" prop ${o} must be a number, but you passed a value of type ${typeof e}`);if(e<=0)throw new TypeError(`The "durationInFrames" prop ${o} must be positive, but got ${e}.`);if(!r&&e%1!==0)throw new TypeError(`The "durationInFrames" prop ${o} must be an integer, but got ${e}.`);if(!Number.isFinite(e))throw new TypeError(`The "durationInFrames" prop ${o} must be finite, but got ${e}.`)}function L(e,t,r){if("number"!==typeof e)throw new Error(`"fps" must be a number, but you passed a value of type ${typeof e} ${t}`);if(!Number.isFinite(e))throw new Error(`"fps" must be a finite, but you passed ${e} ${t}`);if(isNaN(e))throw new Error(`"fps" must not be NaN, but got ${e} ${t}`);if(e<=0)throw new TypeError(`"fps" must be positive, but got ${e} ${t}`);if(r&&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 j=(0,o.createContext)(null),B=((0,o.createRef)(),e=>Boolean(e.calculateMetadata)),W=e=>{const t=(0,o.useContext)(j),{props:r}=(0,o.useContext)(x),{compositions:n,canvasContent:i,currentCompositionMetadata:a}=(0,o.useContext)(C),s="composition"===(null===i||void 0===i?void 0:i.type)?i.compositionId:null,u=e??s,d=n.find((e=>e.id===u)),c=(0,o.useMemo)((()=>d?r[d.id]??{}:{}),[r,d]);return(0,o.useMemo)((()=>d?a?{type:"success",result:{...a,id:d.id,props:a.props,defaultProps:d.defaultProps??{},defaultCodec:a.defaultCodec}}:B(d)?t[d.id]?t[d.id]:null:(D(d.durationInFrames,{allowFloats:!1,component:`in <Composition id="${d.id}">`}),L(d.fps,`in <Composition id="${d.id}">`,!1),V(d.width,"width",`in <Composition id="${d.id}">`),V(d.height,"height",`in <Composition id="${d.id}">`),{type:"success",result:{width:d.width,height:d.height,fps:d.fps,id:d.id,durationInFrames:d.durationInFrames,defaultProps:d.defaultProps??{},props:{...d.defaultProps??{},...c??{},..."undefined"===typeof window||l().isPlayer?{}:_()??{}},defaultCodec:null}}):null),[d,t,a,c])},q=()=>{const{canvasContent:e,compositions:t,currentCompositionMetadata:r}=(0,o.useContext)(C),n=t.find((t=>"composition"===(null===e||void 0===e?void 0:e.type)&&t.id===e.compositionId)),i=W((null===n||void 0===n?void 0:n.id)??null);return(0,o.useMemo)((()=>i?"error"===i.type||"loading"===i.type?null:n?{...i.result,defaultProps:n.defaultProps??{},id:n.id,...r??{},component:n.component}:null:null),[r,i,n])},O=(0,o.createContext)({frame:{},playing:!1,playbackRate:1,rootId:"",imperativePlaying:{current:!1},setPlaybackRate:()=>{throw new Error("default")},audioAndVideoTags:{current:[]}}),z=(0,o.createContext)({setFrame:()=>{throw new Error("default")},setPlaying:()=>{throw new Error("default")}}),U=e=>{localStorage.setItem("remotion.time-all",JSON.stringify(e))},Y=()=>{const e=localStorage.getItem("remotion.time-all")??"{}";return JSON.parse(e)},H=e=>{const t=localStorage.getItem("remotion.time-all")??"{}",r=JSON.parse(t);return void 0!==r[e]?Number(r[e]):"undefined"===typeof window?0:window.remotion_initialFrame??0},J=()=>{const e=q(),t=(0,o.useContext)(O);if(!e)return"undefined"===typeof window?0:window.remotion_initialFrame??0;const r=t.frame[e.id]??(l().isPlayer?0:H(e.id));return Math.min(e.durationInFrames-1,r)},Z=()=>{const{setFrame:e}=(0,o.useContext)(z);return e},G=()=>{const{playing:e,imperativePlaying:t}=(0,o.useContext)(O),{setPlaying:r}=(0,o.useContext)(z);return(0,o.useMemo)((()=>[e,r,t]),[t,e,r])},K=(0,o.createContext)(!1),Q=()=>{const e=(0,o.useContext)(g),t=(null===e||void 0===e?void 0:e.width)??null,r=(null===e||void 0===e?void 0:e.height)??null,n=(null===e||void 0===e?void 0:e.durationInFrames)??null,i=q();return(0,o.useMemo)((()=>{if(!i)return null;const{id:e,durationInFrames:o,fps:a,height:s,width:u,defaultProps:l,props:d,defaultCodec:c}=i;return{id:e,width:t??u,height:r??s,fps:a,durationInFrames:n??o,defaultProps:l,props:d,defaultCodec:c}}),[n,r,t,i])},X=()=>{const e=Q(),t=(0,o.useContext)(K),r=h();if(!e){if("undefined"!==typeof window&&window.remotion_isPlayer||r)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,o.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=J(),t=(0,o.useContext)(g);return e-(t?t.cumulatedFrom+t.relativeFrom:0)},te=e=>{let{frame:t,children:r,active:i=!0}=e;const a=ee(),s=X();if("undefined"===typeof t)throw new Error("The <Freeze /> component requires a 'frame' prop, but none was passed.");if("number"!==typeof t)throw new Error("The 'frame' prop of <Freeze /> must be a number, but is of type "+typeof t);if(Number.isNaN(t))throw new Error("The 'frame' prop of <Freeze /> must be a real number, but it is NaN.");if(!Number.isFinite(t))throw new Error(`The 'frame' prop of <Freeze /> must be a finite number, but it is ${t}.`);const u=(0,o.useMemo)((()=>"boolean"===typeof i?i:"function"===typeof i?i(a):void 0),[i,a]),l=(0,o.useContext)(O),d=(0,o.useContext)(g),c=(null===d||void 0===d?void 0:d.relativeFrom)??0,m=(0,o.useMemo)((()=>u?{...l,playing:!1,imperativePlaying:{current:!1},frame:{[s.id]:t+c}}:l),[u,l,s.id,t,c]);return(0,n.jsx)(O.Provider,{value:m,children:r})},re=(0,o.forwardRef)(((e,t)=>{let{from:r=0,durationInFrames:i=1/0,children:a,name:s,height:u,width:d,showInTimeline:c=!0,_remotionInternalLoopDisplay:m,_remotionInternalStack:f,_remotionInternalPremountDisplay:p,...h}=e;const{layout:w="absolute-fill"}=h,[v]=(0,o.useState)((()=>String(Math.random()))),F=(0,o.useContext)(g),{rootId:R}=(0,o.useContext)(O),C=F?F.cumulatedFrom+F.relativeFrom:0,x=T();if("absolute-fill"!==w&&"none"!==w)throw new TypeError(`The layout prop of <Sequence /> expects either "absolute-fill" or "none", but you passed: ${w}`);if("none"===w&&"undefined"!==typeof h.style)throw new TypeError('If layout="none", you may not pass a style.');if("number"!==typeof i)throw new TypeError(`You passed to durationInFrames an argument of type ${typeof i}, but it must be a number.`);if(i<=0)throw new TypeError(`durationInFrames must be positive, but got ${i}`);if("number"!==typeof r)throw new TypeError(`You passed to the "from" props of your <Sequence> an argument of type ${typeof r}, but it must be a number.`);if(!Number.isFinite(r))throw new TypeError(`The "from" prop of a sequence must be finite, but got ${r}.`);const k=J(),I=X(),S=F?Math.min(F.durationInFrames-r,i):i,$=Math.max(0,Math.min(I.durationInFrames-r,S)),{registerSequence:N,unregisterSequence:M}=(0,o.useContext)(b),{hidden:P}=(0,o.useContext)(E),A=(0,o.useMemo)((()=>(null===F||void 0===F?void 0:F.premounting)??Boolean(h._remotionInternalIsPremounting)),[h._remotionInternalIsPremounting,null===F||void 0===F?void 0:F.premounting]),_=(0,o.useMemo)((()=>({cumulatedFrom:C,relativeFrom:r,durationInFrames:$,parentFrom:(null===F||void 0===F?void 0:F.relativeFrom)??0,id:v,height:u??(null===F||void 0===F?void 0:F.height)??null,width:d??(null===F||void 0===F?void 0:F.width)??null,premounting:A})),[C,r,$,F,v,u,d,A]),V=(0,o.useMemo)((()=>s??""),[s]);(0,o.useEffect)((()=>{if(l().isStudio)return N({from:r,duration:$,id:v,displayName:V,parent:(null===F||void 0===F?void 0:F.id)??null,type:"sequence",rootId:R,showInTimeline:c,nonce:x,loopDisplay:m,stack:f??null,premountDisplay:p??null}),()=>{M(v)}}),[i,v,s,N,V,M,null===F||void 0===F?void 0:F.id,$,R,r,c,x,m,f,p]);const D=Math.ceil(C+r+i-1),L=k<C+r||k>D?null:a,j="none"===h.layout?void 0:h.style,B=(0,o.useMemo)((()=>({flexDirection:void 0,...d?{width:d}:{},...u?{height:u}:{},...j??{}})),[u,j,d]);if(null!==t&&"none"===w)throw new TypeError('It is not supported to pass both a `ref` and `layout="none"` to <Sequence />.');return P[v]??!1?null:(0,n.jsx)(g.Provider,{value:_,children:null===L?null:"none"===h.layout?L:(0,n.jsx)(y,{ref:t,style:B,className:h.className,children:L})})})),oe=(0,o.forwardRef)(((e,t)=>{const r=ee();if("none"===e.layout)throw new Error('`<Sequence>` with `premountFor` prop does not support layout="none"');const{style:i,from:a=0,premountFor:s=0,...u}=e,l=r<a&&r>=a-s,d=(0,o.useMemo)((()=>({...i,opacity:l?0:1,pointerEvents:l?"none":(null===i||void 0===i?void 0:i.pointerEvents)??void 0})),[l,i]);return(0,n.jsx)(te,{frame:a,active:l,children:(0,n.jsx)(ne,{ref:t,from:a,style:d,_remotionInternalPremountDisplay:s,_remotionInternalIsPremounting:l,...u})})})),ne=(0,o.forwardRef)(((e,t)=>"none"!==e.layout&&e.premountFor&&!l().isRendering?(0,n.jsx)(oe,{...e,ref:t}):(0,n.jsx)(re,{...e,ref:t}))),ie=(0,o.createContext)({registerRenderAsset:()=>{},unregisterRenderAsset:()=>{},renderAssets:[]}),ae=e=>"undefined"===typeof window?e:new URL(e,window.origin).href,se=e=>{let{endAt:t,mediaDuration:r,playbackRate:o,startFrom:n}=e,i=r;"undefined"!==typeof t&&(i=t),"undefined"!==typeof n&&(i-=n);const a=i/o;return Math.floor(a)};function ue(e){let t;throw(e=>e instanceof Error||null!==e&&"object"===typeof e&&"stack"in e&&"string"===typeof e.stack&&"message"in e&&"string"===typeof e.message)(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=(0,o.createContext)(null),de=e=>{let{durationInFrames:t,times:r=1/0,children:i,name:a,...s}=e;const u=ee(),{durationInFrames:l}=X();if(D(t,{component:"of the <Loop /> component",allowFloats:!0}),"number"!==typeof r)throw new TypeError(`You passed to "times" an argument of type ${typeof r}, but it must be a number.`);if(r!==1/0&&r%1!==0)throw new TypeError(`The "times" prop of a loop must be an integer, but got ${r}.`);if(r<0)throw new TypeError(`The "times" prop of a loop must be at least 0, but got ${r}`);const d=Math.ceil(l/t),c=Math.min(d,r),m="none"===s.layout?void 0:s.style,f=t*(c-1),p=Math.floor(u/t)*t,h=Math.min(p,f),w=(0,o.useMemo)((()=>({numberOfTimes:c,startOffset:-h,durationInFrames:t})),[c,t,h]),v=(0,o.useMemo)((()=>({iteration:Math.floor(u/t),durationInFrames:t})),[u,t]);return(0,n.jsx)(le.Provider,{value:v,children:(0,n.jsx)(ne,{durationInFrames:t,from:h,name:a??"<Loop>",_remotionInternalLoopDisplay:w,layout:s.layout,style:m,children:i})})};de.useLoop=()=>o.useContext(le);var ce=(0,o.createContext)({}),me=e=>(0,o.useContext)(ce)[e]??e,fe=(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 ${typeof e.volume} to your <${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 <${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 ${typeof e.playbackRate} to your <${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 ${e.playbackRate} to your <${t} /> component. Playback rate must be a real number above 0.`)},pe=(e,t)=>{if("undefined"!==typeof e){if("number"!==typeof e)throw new TypeError(`type of startFrom prop must be a number, instead got type ${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 ${e}.`)}if("undefined"!==typeof t){if("number"!==typeof t)throw new TypeError(`type of endAt prop must be a number, instead got type ${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 ${t}.`)}if(t<e)throw new TypeError("endAt prop must be greater than startFrom prop.")},he=(0,o.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 ve=(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,r=0,o=0;for(t=0;t<e.length;t++)r=e.charCodeAt(t),o=(o<<5)-o+r,o|=0;return o}(e));if("number"===typeof e)return we(1e10*e);throw new Error("random() argument must be a number or a string")},ye=()=>{const e=(0,o.useContext)(g);return Math.min(0,(null===e||void 0===e?void 0:e.relativeFrom)??0)},ge=e=>{const t=de.useLoop(),r=ee(),o=ye();return"repeat"===e||null===t?r+o:r+o+t.durationInFrames*t.iteration},be=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]},Ee=(e,t,r)=>{const{current:o}=e;if(!o)return;const n=o.play();n.catch&&n.catch((e=>{if(o&&!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")||!o.muted)&&(console.log(`Could not play ${t} due to following error: `,e),!o.muted)){if(r)return void r();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."),o.muted=!0,o.play()}}))},Fe=e=>{let{frame:t,volume:r,mediaVolume:o=1,allowAmplificationDuringRender:n}=e;const i=n?1/0:1;if("number"===typeof r)return Math.min(i,r*o);if("undefined"===typeof r)return Number(o);const a=r(t)*o;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 ${typeof a} for frame ${t}`);if(Number.isNaN(a))throw new TypeError(`You passed in a function to the volume prop but it returned NaN for frame ${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 ${t}.`);return Math.max(0,Math.min(i,a))},Te={},Re=e=>{let{volume:t,mediaVolume:r,mediaRef:n,src:i,mediaType:a,playbackRate:s,displayName:u,id:d,stack:c,showInTimeline:m,premountDisplay:f,onAutoPlayError:p,isPremounting:h}=e;const w=X(),{rootId:v,audioAndVideoTags:y}=(0,o.useContext)(O),E=(0,o.useContext)(g),F=E?E.relativeFrom+E.cumulatedFrom:0,{imperativePlaying:R}=(0,o.useContext)(O),C=ye(),{registerSequence:x,unregisterSequence:k}=(0,o.useContext)(b),[I]=(0,o.useState)((()=>t)),S=T(),$=E?Math.min(E.durationInFrames,w.durationInFrames):w.durationInFrames,N="function"===typeof t,M=(0,o.useMemo)((()=>"number"===typeof t?t:new Array(Math.floor(Math.max(0,$+C))).fill(!0).map(((e,o)=>Fe({frame:o+C,volume:t,mediaVolume:r,allowAmplificationDuringRender:!1}))).join(",")),[$,C,t,r]);(0,o.useEffect)((()=>{var e;"number"===typeof t&&t!==I&&(Te[e=`Remotion: The ${a} with src ${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`]||(console.warn(e),Te[e]=!0))}),[I,a,i,t]),(0,o.useEffect)((()=>{var e,t;if(n.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 x({type:a,src:i,id:d,duration:$,from:0,parent:(null===E||void 0===E?void 0:E.id)??null,displayName:u??be(i),rootId:v,volume:M,showInTimeline:!0,nonce:S,startMediaFrom:0-C,doesVolumeChange:N,loopDisplay:void 0,playbackRate:s,stack:c,premountDisplay:f}),()=>{k(d)}}}),[F,$,d,E,i,x,v,k,w,M,N,S,n,a,C,s,u,c,m,f]),(0,o.useEffect)((()=>{const e={id:d,play:()=>{if(R.current&&!h)return Ee(n,a,p)}};return y.current.push(e),()=>{y.current=y.current.filter((e=>e.id!==d))}}),[y,d,n,a,p,R,h])},Ce=o.createContext(null),xe=()=>{const e=(0,o.useContext)(Ce),t=e?e.addBlock:null;return(0,o.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 ke(e,t){if(t.length<2)throw new Error(e+" must have at least 2 elements");for(const r of t){if("number"!==typeof r)throw new Error(`${e} must contain only numbers`);if(!Number.isFinite(r))throw new Error(`${e} must contain only finite numbers, but got [${t.join(",")}]`)}}function Ie(e,t,r,o){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 r)throw new Error("outputRange can not be undefined");if(t.length!==r.length)throw new Error("inputRange ("+t.length+") and outputRange ("+r.length+") must have the same length");ke("inputRange",t),ke("outputRange",r),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 [${e.join(",")}]`)}(t);const n=(null===o||void 0===o?void 0:o.easing)??(e=>e);let i="extend";void 0!==(null===o||void 0===o?void 0:o.extrapolateLeft)&&(i=o.extrapolateLeft);let a="extend";if(void 0!==(null===o||void 0===o?void 0:o.extrapolateRight)&&(a=o.extrapolateRight),"number"!==typeof e)throw new TypeError("Cannot interpolate an input which is not a number");const s=function(e,t){let r;for(r=1;r<t.length-1&&!(t[r]>=e);++r);return r-1}(e,t);return function(e,t,r,o){const{extrapolateLeft:n,extrapolateRight:i,easing:a}=o;let s=e;const[u,l]=t,[d,c]=r;if(s<u){if("identity"===n)return s;if("clamp"===n)s=u;else if("wrap"===n){const e=l-u;s=((s-u)%e+e)%e+u}}if(s>l){if("identity"===i)return s;if("clamp"===i)s=l;else if("wrap"===i){const e=l-u;s=((s-u)%e+e)%e+u}}return d===c?d:(s=(s-u)/(l-u),s=a(s),s=s*(c-d)+d,s)}(e,[t[s],t[s+1]],[r[s],r[s+1]],{easing:n,extrapolateLeft:i,extrapolateRight:a})}var Se=e=>{let{frame:t,playbackRate:r,startFrom:o}=e;return Ie(t,[-1,o,o+1],[-1,o,o+r])},$e=e=>{let{fps:t,frame:r,playbackRate:o,startFrom:n}=e;return Se({frame:r,playbackRate:o,startFrom:n})*(1e3/t)/1e3},Ne=(e,t)=>Math.round(e/t*100)/100,Me=()=>{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},Pe=e=>{let{actualFrom:t,fps:r}=e;return Ne(Math.max(0,-t),r)},Ae=e=>{let{duration:t,fps:r}=e;return Ne(t,r)},_e=e=>{let{actualSrc:t,actualFrom:r,duration:o,fps:n}=e;if((e=>Me()&&e.startsWith("blob:"))(t))return t;if(t.startsWith("data:"))return t;if(Boolean(new URL(t,("undefined"===typeof window?null:window.location.href)??"http://localhost:3000").hash))return t;if(!Number.isFinite(r))return t;const i=`${t}#t=${Pe({actualFrom:r,fps:n})}`;return Number.isFinite(o)?`${i},${Ae({duration:o,fps:n})}`:i},Ve=e=>{let{actualSrc:t,actualFrom:r,duration:n,fps:i}=e;const a=(0,o.useRef)(r),s=(0,o.useRef)(n),u=(0,o.useRef)(t);(e=>{let{prevStartFrom:t,newStartFrom:r,prevDuration:o,newDuration:n,fps:i}=e;const a=Pe({actualFrom:t,fps:i}),s=Pe({actualFrom:r,fps:i}),u=Ae({duration:o,fps:i}),l=Ae({duration:n,fps:i});return!(s<a)&&!(l>u)})({prevStartFrom:a.current,newStartFrom:r,prevDuration:s.current,newDuration:n,fps:i})&&t===u.current||(a.current=r,s.current=n,u.current=t);return _e({actualSrc:u.current,actualFrom:a.current,duration:s.current,fps:i})},De={},Le=.45,je=(e,t)=>{if(!e.current)return;const r=Me()?Number(t.toFixed(1)):t;e.current.currentTime=r},Be=e=>{let{mediaRef:t,src:r,mediaType:n,playbackRate:i,onlyWarnForMediaSeekingError:a,acceptableTimeshift:s,pauseWhenBuffering:u,isPremounting:l,debugSeeking:d,onAutoPlayError:c}=e;const{playbackRate:m}=(0,o.useContext)(O),f=ee(),p=J(),[h]=G(),w=(0,o.useContext)(Ce),{fps:v}=X(),y=ye(),g=(0,o.useRef)(null),b=(0,o.useRef)(null);if(!w)throw new Error("useMediaPlayback must be used inside a <BufferingContext>");const E=(0,o.useRef)({}),F=(0,o.useCallback)((()=>{r&&(d&&console.log(`Detected ${r} as a variable FPS video. Disabling buffering while seeking.`),E.current[r]=!0)}),[d,r]),T=(e=>{let{mediaRef:t,mediaType:r,lastSeek:n,onVariableFpsVideoDetected:i}=e;const a=(0,o.useRef)(null);return(0,o.useEffect)((()=>{const{current:e}=t;if(!e)return void(a.current=null);if(a.current=e.currentTime,"video"!==r)return void(a.current=null);const o=e;if(!o.requestVideoFrameCallback)return;let s=()=>{};const u=()=>{if(!o)return;const e=o.requestVideoFrameCallback(((e,t)=>{if(null!==a.current){const e=Math.abs(a.current-t.mediaTime),r=Math.abs(null===n.current?1/0:t.mediaTime-n.current);e>.5&&r>.5&&t.mediaTime>a.current&&i()}a.current=t.mediaTime,u()}));s=()=>{o.cancelVideoFrameCallback(e),s=()=>{}}};return u(),()=>{s()}}),[n,t,r,i]),a})({mediaRef:t,mediaType:n,lastSeek:b,onVariableFpsVideoDetected:F}),R=$e({frame:f,playbackRate:i,startFrom:-y,fps:v}),C=(e=>{let{element:t,shouldBuffer:r,isPremounting:n}=e;const i=xe(),[a,s]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{let e=[];const{current:o}=t;if(!o)return;if(!r)return;if(n)return void(o.readyState<o.HAVE_FUTURE_DATA&&(navigator.userAgent.includes("Firefox/")||o.load()));const a=()=>{e.forEach((e=>e())),e=[],s(!1)},u=()=>{s(!0);const{unblock:t}=i.delayPlayback(),r=()=>{a(),l()},n=()=>{a(),l()};o.addEventListener("canplay",r,{once:!0}),e.push((()=>{o.removeEventListener("canplay",r)})),o.addEventListener("error",n,{once:!0}),e.push((()=>{o.removeEventListener("error",n)})),e.push((()=>{t()}))},l=()=>{o.readyState<o.HAVE_FUTURE_DATA?(u(),navigator.userAgent.includes("Firefox/")||o.load()):(o.addEventListener("waiting",u),e.push((()=>{o.removeEventListener("waiting",u)})))};return l(),()=>{a()}}),[i,t,n,r]),a})({element:t,shouldBuffer:u,isPremounting:l}),{bufferUntilFirstFrame:x,isBuffering:k}=(e=>{let{mediaRef:t,mediaType:r,onVariableFpsVideoDetected:n,pauseWhenBuffering:i}=e;const a=(0,o.useRef)(!1),{delayPlayback:s}=xe(),u=(0,o.useCallback)((e=>{if("video"!==r)return;if(!i)return;const o=t.current;if(!o)return;if(!o.requestVideoFrameCallback)return;a.current=!0;const u=s(),l=()=>{u.unblock(),o.removeEventListener("ended",l,{once:!0}),o.removeEventListener("pause",l,{once:!0}),a.current=!1},d=()=>{l()};o.requestVideoFrameCallback(((t,r)=>{Math.abs(r.mediaTime-e)>.5&&n(),l()})),o.addEventListener("ended",d,{once:!0}),o.addEventListener("pause",d,{once:!0}),o.addEventListener("canplay",d,{once:!0})}),[s,t,r,n,i]);return(0,o.useMemo)((()=>({isBuffering:()=>a.current,bufferUntilFirstFrame:u})),[u])})({mediaRef:t,mediaType:n,onVariableFpsVideoDetected:F,pauseWhenBuffering:u}),I=i*m,S=(()=>{var e;return null!==(e=t.current)&&void 0!==e&&e.duration?Math.min(t.current.duration,s??Le):s})(),$=(e=>{const[t,r]=(0,o.useState)(e.buffering.current);return(0,o.useEffect)((()=>(e.listenForBuffering((()=>{r(!0)})),e.listenForResume((()=>{r(!1)})),()=>{e.listenForBuffering((()=>{})),e.listenForResume((()=>{}))})),[e]),t})(w);(0,o.useEffect)((()=>{var e;if(!h)return void(null===(e=t.current)||void 0===e||e.pause());const r=C||k();var o;$&&!r&&(null===(o=t.current)||void 0===o||o.pause())}),[k,C,$,t,h]),(0,o.useEffect)((()=>{const e="audio"===n?"<Audio>":"<Video>";if(!t.current)throw new Error(`No ${n} ref found`);if(!r)throw new Error(`No 'src' attribute was passed to the ${e} element.`);const o=Math.max(0,I);t.current.playbackRate!==o&&(t.current.playbackRate=o);const{duration:i}=t.current,s=!Number.isNaN(i)&&Number.isFinite(i)?Math.min(i,R):R,u=t.current.currentTime,l=T.current??null,m=E.current[r],f=Math.abs(s-u),v=l?Math.abs(s-l):null,y=v&&!m?v:f;if(d&&console.log({mediaTagTime:u,rvcTime:l,shouldBeTime:s,state:t.current.readyState,playing:!t.current.paused,isVariableFpsVideo:m}),y>S&&g.current!==s)return d&&console.log("Seeking",{shouldBeTime:s,isTime:u,rvcTime:l,timeShift:y,isVariableFpsVideo:m}),je(t,s),b.current=s,g.current=s,h&&!m&&(I>0&&x(s),t.current.paused&&Ee(t,n,c)),void(a||((e,t)=>{if(null===e)return;if(0===e.seekable.length)return;if(e.seekable.length>1)return;if(De[e.src])return;const r=e.seekable.start(0),o=e.seekable.end(0);if(0===r&&0===o){const r=[`The media ${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(r);else{if("console-warning"!==t)throw new Error(r);console.warn(`The media ${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.`)}De[e.src]=!0}})(t.current,a?"console-warning":"console-error"));const F=h?.15:1e-5,$=Math.abs(t.current.currentTime-s)>F,N=C||k(),M=w.buffering.current&&!N;h&&!M?(t.current.paused&&!t.current.ended||0===p)&&($&&(je(t,s),b.current=s),Ee(t,n,c),m||I>0&&x(s)):$&&(je(t,s),b.current=s)}),[p,S,x,w.buffering,T,d,R,k,C,t,n,a,I,h,r,c])},We=e=>{const[t,r]=(0,o.useState)(1);return(0,o.useEffect)((()=>{const t=e.current;if(!t)return;const o=()=>{r(t.volume)};return t.addEventListener("volumechange",o),()=>t.removeEventListener("volumechange",o)}),[e]),(0,o.useEffect)((()=>{const o=e.current;o&&o.volume!==t&&r(o.volume)}),[t,e]),t},qe=(e,t)=>Math.abs(e-t)<1e-5,Oe=e=>{let{volumePropFrame:t,actualVolume:r,volume:n,mediaVolume:i,mediaRef:a}=e;(0,o.useEffect)((()=>{const e=Fe({frame:t,volume:n,mediaVolume:i,allowAmplificationDuringRender:!1});!qe(e,r)&&a.current&&(a.current.volume=e)}),[r,t,a,n,i])},ze=(0,o.createContext)({mediaMuted:!1,mediaVolume:1}),Ue=(0,o.createContext)({setMediaMuted:()=>{throw new Error("default")},setMediaVolume:()=>{throw new Error("default")}}),Ye=()=>{const{mediaVolume:e}=(0,o.useContext)(ze),{setMediaVolume:t}=(0,o.useContext)(Ue);return(0,o.useMemo)((()=>[e,t]),[e,t])},He=()=>{const{mediaMuted:e}=(0,o.useContext)(ze),{setMediaMuted:t}=(0,o.useContext)(Ue);return(0,o.useMemo)((()=>[e,t]),[e,t])},Je=(0,o.createContext)(null),Ze=(0,o.forwardRef)(((e,t)=>{const[r]=(0,o.useState)(e.shouldPreMountAudioTags);if(e.shouldPreMountAudioTags!==r)throw new Error("Cannot change the behavior for pre-mounting audio tags dynamically.");const{volume:i,muted:a,playbackRate:s,shouldPreMountAudioTags:u,src:l,onDuration:d,acceptableTimeShiftInSeconds:c,_remotionInternalNeedsDurationCalculation:m,_remotionInternalNativeLoopPassed:f,_remotionInternalStack:p,_remotionDebugSeeking:h,allowAmplificationDuringRender:w,name:v,pauseWhenBuffering:y,showInTimeline:b,loopVolumeCurveBehavior:F,stack:T,...R}=e,[C]=Ye(),[x]=He(),k=ge(F??"repeat"),{hidden:I}=(0,o.useContext)(E);if(!l)throw new TypeError("No 'src' was passed to <Audio>.");const S=me(l),$=(0,o.useContext)(g),[N]=(0,o.useState)((()=>String(Math.random()))),M=I[N]??!1,P=Fe({frame:k,volume:i,mediaVolume:C,allowAmplificationDuringRender:!1}),A=(0,o.useMemo)((()=>({muted:a||x||M||P<=0,src:S,loop:f,...R})),[f,M,x,a,R,S,P]),_=((e,t)=>{const r=(0,o.useContext)(Je),[n]=(0,o.useState)((()=>r&&r.numberOfAudioTags>0?r.registerAudio(e,t):{el:o.createRef(),id:Math.random(),props:e,audioId:t})),i=o.useInsertionEffect??o.useLayoutEffect;return"undefined"!==typeof document&&(i((()=>{r&&r.numberOfAudioTags>0&&r.updateAudio({id:n.id,aud:e,audioId:t})}),[e,r,n.id,t]),i((()=>()=>{r&&r.numberOfAudioTags>0&&r.unregisterAudio(n.id)}),[r,n.id])),n})(A,(0,o.useMemo)((()=>`audio-${ve(l??"")}-${null===$||void 0===$?void 0:$.relativeFrom}-${null===$||void 0===$?void 0:$.cumulatedFrom}-${null===$||void 0===$?void 0:$.durationInFrames}-muted:${e.muted}-loop:${e.loop}`),[l,null===$||void 0===$?void 0:$.relativeFrom,null===$||void 0===$?void 0:$.cumulatedFrom,null===$||void 0===$?void 0:$.durationInFrames,e.muted,e.loop])).el,V=We(_);Oe({volumePropFrame:k,actualVolume:V,volume:i,mediaVolume:C,mediaRef:_}),Re({volume:i,mediaVolume:C,mediaRef:_,src:l,mediaType:"audio",playbackRate:s??1,displayName:v??null,id:N,stack:p,showInTimeline:b,premountDisplay:null,onAutoPlayError:null,isPremounting:Boolean(null===$||void 0===$?void 0:$.premounting)}),Be({mediaRef:_,src:l,mediaType:"audio",playbackRate:s??1,onlyWarnForMediaSeekingError:!1,acceptableTimeshift:c??Le,isPremounting:Boolean(null===$||void 0===$?void 0:$.premounting),pauseWhenBuffering:y,debugSeeking:h,onAutoPlayError:null}),(0,o.useImperativeHandle)(t,(()=>_.current),[_]);const D=(0,o.useRef)(d);return D.current=d,(0,o.useEffect)((()=>{const{current:e}=_;if(!e)return;var t;if(e.duration)return void(null===(t=D.current)||void 0===t||t.call(D,e.src,e.duration));const r=()=>{var t;null===(t=D.current)||void 0===t||t.call(D,e.src,e.duration)};return e.addEventListener("loadedmetadata",r),()=>{e.removeEventListener("loadedmetadata",r)}}),[_,l]),r?null:(0,n.jsx)("audio",{ref:_,preload:"metadata",...A})}));"undefined"!==typeof window&&(window.remotion_renderReady=!1);var Ge=[];"undefined"!==typeof window&&(window.remotion_delayRenderTimeouts={});var Ke="The delayRender was called:",Qe=(e,t)=>{var r;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 o=Math.random();Ge.push(o);const n=(null===(r=Error().stack)||void 0===r?void 0:r.replace(/^Error/g,""))??"";if(l().isRendering){const r=((null===t||void 0===t?void 0:t.timeoutInMilliseconds)??("undefined"===typeof window?3e4:window.remotion_puppeteerTimeout??3e4))-2e3;if("undefined"!==typeof window){const i=((null===t||void 0===t?void 0:t.retries)??0)-(window.remotion_attempt-1);window.remotion_delayRenderTimeouts[o]={label:e??null,timeout:setTimeout((()=>{const t=["A delayRender()",e?`"${e}"`:null,`was called but not cleared after ${r}ms. See https://remotion.dev/docs/timeout for help.`,i>0?"Retries left: "+i:null,i>0?"- Rendering the frame will be retried.":null,Ke,n].filter(w).join(" ");ue(Error(t))}),r)}}}return"undefined"!==typeof window&&(window.remotion_renderReady=!1),o},Xe=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===(Ge=Ge.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)},et=(0,o.forwardRef)(((e,t)=>{const r=(0,o.useRef)(null),{volume:i,playbackRate:a,allowAmplificationDuringRender:s,onDuration:u,toneFrequency:l,_remotionInternalNeedsDurationCalculation:d,_remotionInternalNativeLoopPassed:c,acceptableTimeShiftInSeconds:m,name:f,onError:p,delayRenderRetries:h,delayRenderTimeoutInMilliseconds:w,loopVolumeCurveBehavior:v,pauseWhenBuffering:y,...b}=e,E=J(),F=ge(v??"repeat"),T=ee(),R=(0,o.useContext)(g),{registerRenderAsset:C,unregisterRenderAsset:x}=(0,o.useContext)(ie),k=(0,o.useMemo)((()=>`audio-${ve(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}`),[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=Fe({volume:i,frame:F,mediaVolume:1,allowAmplificationDuringRender:s??!1});(0,o.useImperativeHandle)(t,(()=>r.current),[]),(0,o.useEffect)((()=>{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:e.playbackRate??1,allowAmplificationDuringRender:s??!1,toneFrequency:l??null,audioStartFrame:Math.max(0,-((null===R||void 0===R?void 0:R.relativeFrom)??0))}),()=>x(k)}),[e.muted,e.src,C,E,k,x,I,F,T,a,e.playbackRate,s,l,null===R||void 0===R?void 0:R.relativeFrom]);const{src:S}=e,$=t||d;return(0,o.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(!$)return;const o=Qe("Loading <Audio> duration with src="+S,{retries:h??void 0,timeoutInMilliseconds:w??void 0}),{current:n}=r,i=()=>{null!==n&&void 0!==n&&n.duration&&u(n.src,n.duration),Xe(o)};return null!==n&&void 0!==n&&n.duration?(u(n.src,n.duration),Xe(o)):null===n||void 0===n||n.addEventListener("loadedmetadata",i,{once:!0}),()=>{null===n||void 0===n||n.removeEventListener("loadedmetadata",i),Xe(o)}}),[S,u,$,h,w]),$?(0,n.jsx)("audio",{ref:r,...b}):null})),tt=(0,o.forwardRef)(((e,t)=>{const r=(0,o.useContext)(Je),{startFrom:i,endAt:a,name:s,stack:u,pauseWhenBuffering:d,showInTimeline:c,_remotionDebugSeeking:m,...f}=e,{loop:p,...h}=e,{fps:w}=X(),v=l(),{durations:y,setDurations:g}=(0,o.useContext)(he);if("string"!==typeof e.src)throw new TypeError(`The \`<Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(e.src)} instead.`);const b=me(e.src),E=(0,o.useCallback)((e=>{console.log(e.currentTarget.error);const t=`Could not play audio with src ${b}: ${e.currentTarget.error}. See https://remotion.dev/docs/media-playback-error for help.`;p?ue(new Error(t)):console.warn(t)}),[p,b]),F=(0,o.useCallback)(((e,t)=>{g({type:"got-duration",durationInSeconds:t,src:e})}),[g]),T=y[ae(b)]??y[ae(e.src)];if(p&&void 0!==T){if(!Number.isFinite(T))return(0,n.jsx)(tt,{...h,ref:t,_remotionInternalNativeLoopPassed:!0});const r=T*w;return(0,n.jsx)(de,{layout:"none",durationInFrames:se({endAt:a,mediaDuration:r,playbackRate:e.playbackRate??1,startFrom:i}),children:(0,n.jsx)(tt,{...h,ref:t,_remotionInternalNativeLoopPassed:!0})})}if("undefined"!==typeof i||"undefined"!==typeof a){pe(i,a);const e=i??0,r=a??1/0;return(0,n.jsx)(ne,{layout:"none",from:0-e,showInTimeline:!1,durationInFrames:r,name:s,children:(0,n.jsx)(tt,{_remotionInternalNeedsDurationCalculation:Boolean(p),pauseWhenBuffering:d??!1,...f,ref:t})})}return fe(e,"Audio"),v.isRendering?(0,n.jsx)(et,{onDuration:F,...e,ref:t,onError:E,_remotionInternalNeedsDurationCalculation:Boolean(p)}):(0,n.jsx)(Ze,{_remotionInternalNativeLoopPassed:e._remotionInternalNativeLoopPassed??!1,_remotionDebugSeeking:m??!1,_remotionInternalStack:u??null,shouldPreMountAudioTags:null!==r&&r.numberOfAudioTags>0,...e,ref:t,onError:E,onDuration:F,pauseWhenBuffering:d??!1,_remotionInternalNeedsDurationCalculation:Boolean(p),showInTimeline:c??!0})}));f(tt);String(/^([a-zA-Z0-9-\u4E00-\u9FFF])+$/g),(0,o.createContext)({folderName:null,parentName:null}),String(/^([a-zA-Z0-9-\u4E00-\u9FFF])+$/g),o.createRef();(0,o.forwardRef)(((e,t)=>{let{onLoad:r,onError:i,delayRenderRetries:a,delayRenderTimeoutInMilliseconds:s,...u}=e;const[l]=(0,o.useState)((()=>Qe(`Loading <IFrame> with source ${u.src}`,{retries:a??void 0,timeoutInMilliseconds:s??void 0}))),d=(0,o.useCallback)((e=>{Xe(l),null===r||void 0===r||r(e)}),[l,r]),c=(0,o.useCallback)((e=>{Xe(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,n.jsx)("iframe",{...u,ref:t,onError:c,onLoad:d})}));(0,o.forwardRef)(((e,t)=>{let{onError:r,maxRetries:i=2,src:a,pauseWhenLoading:s,delayRenderRetries:u,delayRenderTimeoutInMilliseconds:l,onImageFrame:d,...c}=e;const m=(0,o.useRef)(null),f=(0,o.useRef)({}),{delayPlayback:p}=xe(),h=(0,o.useContext)(g);if(!a)throw new Error('No "src" prop was passed to <Img>.');(0,o.useImperativeHandle)(t,(()=>m.current),[]);const w=me(a),v=(0,o.useCallback)((e=>{if(!m.current)return;const t=m.current.src;setTimeout((()=>{var e;if(!m.current)return;const r=null===(e=m.current)||void 0===e?void 0:e.src;r===t&&(m.current.removeAttribute("src"),m.current.setAttribute("src",r))}),e)}),[]),y=(0,o.useCallback)((e=>{var t,o,n,a,s;if(f.current)if(f.current[null===(t=m.current)||void 0===t?void 0:t.src]=(f.current[null===(o=m.current)||void 0===o?void 0:o.src]??0)+1,r&&(f.current[null===(n=m.current)||void 0===n?void 0:n.src]??0)>i)r(e);else{if((f.current[null===(a=m.current)||void 0===a?void 0:a.src]??0)<=i){var u,l;const e=1e3*2**((f.current[null===(u=m.current)||void 0===u?void 0:u.src]??0)-1);return console.warn(`Could not load image with source ${null===(l=m.current)||void 0===l?void 0:l.src}, retrying again in ${e}ms`),void v(e)}ue("Error loading image with src: "+(null===(s=m.current)||void 0===s?void 0:s.src))}}),[i,r,v]);if("undefined"!==typeof window){const e=Boolean(null===h||void 0===h?void 0:h.premounting);(0,o.useLayoutEffect)((()=>{var t,r;if("test"===(null===(t=window.process)||void 0===t||null===(r=t.env)||void 0===r?void 0:r.NODE_ENV))return void(m.current&&(m.current.src=w));const{current:o}=m;if(!o)return;const n=Qe("Loading <Img> with src="+w,{retries:u??void 0,timeoutInMilliseconds:l??void 0}),i=s&&!e?p().unblock:()=>{};let a=!1;const c=()=>{var e;if(a)Xe(n);else{var t,r;if((f.current[null===(e=m.current)||void 0===e?void 0:e.src]??0)>0)delete f.current[null===(t=m.current)||void 0===t?void 0:t.src],console.info(`Retry successful - ${null===(r=m.current)||void 0===r?void 0:r.src} is now loaded`);o&&(null===d||void 0===d||d(o)),i(),Xe(n)}};if(m.current)return o.src=w,o.complete?c():o.decode().then(c).catch((e=>{console.warn(e),o.complete?c():o.addEventListener("load",c)})),()=>{a=!0,o.removeEventListener("load",c),i(),Xe(n)};c()}),[w,p,u,l,s,e,d])}return(0,n.jsx)("img",{...c,ref:m,onError:y})}));var rt={};a(rt,{makeDefaultPreviewCSS:()=>at,injectCSS:()=>nt,OFFTHREAD_VIDEO_CLASS_NAME:()=>it});var ot={},nt=e=>{if("undefined"===typeof document)return;if(ot[e])return;const t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.appendChild(document.createTextNode(e)),t.prepend(r),ot[e]=!0},it="__remotion_offthreadvideo",at=(e,t)=>e?`\n ${e} * {\n box-sizing: border-box;\n }\n ${e} *:-webkit-full-screen {\n width: 100%;\n height: 100%;\n }\n ${e} .${it} {\n object-fit: contain;\n }\n `:`\n * {\n box-sizing: border-box;\n }\n body {\n margin: 0;\n\t background-color: ${t};\n }\n .${it} {\n object-fit: contain;\n }\n `;o.createContext(null),(0,o.createContext)({setSize:()=>{},size:{size:"auto",translation:{x:0,y:0}}});var st=(0,o.createContext)(!1),ut=e=>{let{children:t}=e;return(0,n.jsx)(st.Provider,{value:!1,children:t})},lt=(0,o.forwardRef)(((e,t)=>{let{children:r}=e;return(()=>{if(!o.useContext(st))throw new Error("This component must be inside a <Series /> component.")})(),(0,n.jsx)(ut,{children:r})}));f(lt);new Map;var dt=(0,o.forwardRef)(((e,t)=>{const r=(0,o.useRef)(null),{volume:i,muted:a,playbackRate:s,onlyWarnForMediaSeekingError:u,src:l,onDuration:d,acceptableTimeShift:c,acceptableTimeShiftInSeconds:m,toneFrequency:f,name:p,_remotionInternalNativeLoopPassed:h,_remotionInternalStack:w,_remotionDebugSeeking:v,style:y,pauseWhenBuffering:b,showInTimeline:F,loopVolumeCurveBehavior:T,onError:R,onAutoPlayError:C,onVideoFrame:x,crossOrigin:k,...I}=e,S=ge(T??"repeat"),{fps:$,durationInFrames:N}=X(),M=(0,o.useContext)(g),{hidden:P}=(0,o.useContext)(E),[A]=(0,o.useState)((()=>String(Math.random()))),_=P[A]??!1;if("undefined"!==typeof c)throw new Error("acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.");const V=We(r),[D]=Ye(),[L]=He();Re({mediaRef:r,volume:i,mediaVolume:D,mediaType:"video",src:l,playbackRate:e.playbackRate??1,displayName:p??null,id:A,stack:w,showInTimeline:F,premountDisplay:null,onAutoPlayError:C??null,isPremounting:Boolean(null===M||void 0===M?void 0:M.premounting)}),Oe({volumePropFrame:S,actualVolume:V,volume:i,mediaVolume:D,mediaRef:r}),Be({mediaRef:r,src:l,mediaType:"video",playbackRate:e.playbackRate??1,onlyWarnForMediaSeekingError:u,acceptableTimeshift:m??Le,isPremounting:Boolean(null===M||void 0===M?void 0:M.premounting),pauseWhenBuffering:b,debugSeeking:v,onAutoPlayError:C??null});const j=M?M.relativeFrom:0,B=M?Math.min(M.durationInFrames,N):N,W=Ve({actualSrc:me(l),actualFrom:j,duration:B,fps:$});(0,o.useImperativeHandle)(t,(()=>r.current),[]),(0,o.useEffect)((()=>{const{current:e}=r;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),R){const t=new Error(`Code ${e.error.code}: ${e.error.message}`);return void R(t)}throw new Error(`The browser threw an error while playing the video ${l}: Code ${e.error.code} - ${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(!R)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 ${l}`);R(e)}};return e.addEventListener("error",t,{once:!0}),()=>{e.removeEventListener("error",t)}}),[R,l]);const q=(0,o.useRef)(d);q.current=d,(e=>{let{ref:t,onVideoFrame:r}=e;(0,o.useEffect)((()=>{const{current:e}=t;if(!e)return;if(!r)return;let o=0;const n=()=>{t.current&&(r(t.current),o=t.current.requestVideoFrameCallback(n))};return n(),()=>{e.cancelVideoFrameCallback(o)}}),[r,t])})({ref:r,onVideoFrame:x}),(0,o.useEffect)((()=>{const{current:e}=r;if(!e)return;var t;if(e.duration)return void(null===(t=q.current)||void 0===t||t.call(q,l,e.duration));const o=()=>{var t;null===(t=q.current)||void 0===t||t.call(q,l,e.duration)};return e.addEventListener("loadedmetadata",o),()=>{e.removeEventListener("loadedmetadata",o)}}),[l]),(0,o.useEffect)((()=>{const{current:e}=r;e&&(Me()?e.preload="metadata":e.preload="auto")}),[]);const O=(0,o.useMemo)((()=>({...y,opacity:_?0:(null===y||void 0===y?void 0:y.opacity)??1})),[_,y]),z=k??(x?"anonymous":void 0);return(0,n.jsx)("video",{ref:r,muted:a||L,playsInline:!0,src:W,loop:h,style:O,disableRemotePlayback:!0,crossOrigin:z,...I})})),ct=e=>Math.round(1e5*e)/1e5,mt=(e,t)=>{if(qe(e.currentTime,t))return{wait:Promise.resolve(t),cancel:()=>{}};let r;e.currentTime=t;let o=null;const n=new Promise((t=>{r=e.requestVideoFrameCallback(((e,r)=>{const o=r.expectedDisplayTime-e;o<=0?t(r.mediaTime):setTimeout((()=>{t(r.mediaTime)}),o+150)}))})),i=new Promise((t=>{const r=()=>{t()};e.addEventListener("seeked",r,{once:!0}),o=()=>{e.removeEventListener("seeked",r)}}));return{wait:Promise.all([n,i]).then((e=>{let[t]=e;return t})),cancel:()=>{var t;null===(t=o)||void 0===t||t(),e.cancelVideoFrameCallback(r)}}},ft=(0,o.forwardRef)(((e,t)=>{let{onError:r,volume:i,allowAmplificationDuringRender:a,playbackRate:s,onDuration:u,toneFrequency:d,name:c,acceptableTimeShiftInSeconds:m,delayRenderRetries:f,delayRenderTimeoutInMilliseconds:p,loopVolumeCurveBehavior:h,...w}=e;const v=J(),y=ee(),b=ge(h??"repeat"),E=Q(),F=(0,o.useRef)(null),T=(0,o.useContext)(g),R=ye(),C=l(),{registerRenderAsset:x,unregisterRenderAsset:k}=(0,o.useContext)(ie),I=(0,o.useMemo)((()=>`video-${ve(w.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}`),[w.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=Fe({volume:i,frame:b,mediaVolume:1,allowAmplificationDuringRender:a??!1});(0,o.useEffect)((()=>{if(!w.src)throw new Error("No src passed");if(!w.muted&&!(S<=0)&&window.remotion_audioEnabled)return x({type:"video",src:ae(w.src),id:I,frame:v,volume:S,mediaFrame:y,playbackRate:s??1,allowAmplificationDuringRender:a??!1,toneFrequency:d??null,audioStartFrame:Math.max(0,-((null===T||void 0===T?void 0:T.relativeFrom)??0))}),()=>k(I)}),[w.muted,w.src,x,I,k,S,y,v,s,a,d,null===T||void 0===T?void 0:T.relativeFrom]),(0,o.useImperativeHandle)(t,(()=>F.current),[]),(0,o.useEffect)((()=>{var e,t;if(!window.remotion_videoEnabled)return;const{current:o}=F;if(!o)return;const n=$e({frame:y,playbackRate:s||1,startFrom:-R,fps:E.fps}),i=Qe(`Rendering <Video /> with src="${w.src}" at time ${n}`,{retries:f??void 0,timeoutInMilliseconds: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 Xe(i);if(qe(o.currentTime,n)){if(o.readyState>=2)return void Xe(i);const e=()=>{Xe(i)};return o.addEventListener("loadeddata",e,{once:!0}),()=>{o.removeEventListener("loadeddata",e)}}const a=()=>{Xe(i)},u=((e,t,r)=>{const o=1/r/2;let n=()=>{};return Number.isFinite(e.duration)&&e.currentTime>=e.duration&&t>=e.duration?{prom:Promise.resolve(),cancel:()=>{}}:{prom:new Promise(((r,i)=>{const a=mt(e,t+o);a.wait.then((a=>{if(Math.abs(t-a)<=o)return r();const s=mt(e,a+o*(t>a?1:-1));n=s.cancel,s.wait.then((a=>{const s=Math.abs(t-a);if(ct(s)<=ct(o))return r();const u=mt(e,t+o);return n=u.cancel,u.wait.then((()=>{r()})).catch((e=>{i(e)}))})).catch((e=>{i(e)}))})),n=a.cancel})),cancel:()=>{n()}}})(o,n,E.fps);u.prom.then((()=>{Xe(i)})),o.addEventListener("ended",a,{once:!0});const l=()=>{if(null!==o&&void 0!==o&&o.error){var e;if(console.error("Error occurred in video",null===o||void 0===o?void 0:o.error),r)return;throw new Error(`The browser threw an error while playing the video ${w.src}: Code ${o.error.code} - ${null===o||void 0===o||null===(e=o.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 o.addEventListener("error",l,{once:!0}),()=>{u.cancel(),o.removeEventListener("ended",a),o.removeEventListener("error",l),Xe(i)}}),[b,w.src,s,E.fps,y,R,r,f,p]);const{src:$}=w;return C.isRendering&&(0,o.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 r=Qe("Loading <Video> duration with src="+$,{retries:f??void 0,timeoutInMilliseconds:p??void 0}),{current:o}=F,n=()=>{null!==o&&void 0!==o&&o.duration&&u($,o.duration),Xe(r)};return null!==o&&void 0!==o&&o.duration?(u($,o.duration),Xe(r)):null===o||void 0===o||o.addEventListener("loadedmetadata",n,{once:!0}),()=>{null===o||void 0===o||o.removeEventListener("loadedmetadata",n),Xe(r)}}),[$,u,f,p]),(0,n.jsx)("video",{ref:F,disableRemotePlayback:!0,...w})})),pt=(0,o.forwardRef)(((e,t)=>{const{startFrom:r,endAt:i,name:a,pauseWhenBuffering:s,stack:u,_remotionInternalNativeLoopPassed:d,showInTimeline:c,onAutoPlayError:m,...f}=e,{loop:p,_remotionDebugSeeking:h,...w}=e,{fps:v}=X(),y=l(),{durations:g,setDurations:b}=(0,o.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 ${JSON.stringify(e.src)} instead.`);const E=me(e.src),F=(0,o.useCallback)(((e,t)=>{b({type:"got-duration",durationInSeconds:t,src:e})}),[b]),T=(0,o.useCallback)((()=>{}),[]),R=g[ae(E)]??g[ae(e.src)];if(p&&void 0!==R){if(!Number.isFinite(R))return(0,n.jsx)(pt,{...w,ref:t,_remotionInternalNativeLoopPassed:!0});const o=R*v;return(0,n.jsx)(de,{durationInFrames:se({endAt:i,mediaDuration:o,playbackRate:e.playbackRate??1,startFrom:r}),layout:"none",name:a,children:(0,n.jsx)(pt,{...w,ref:t,_remotionInternalNativeLoopPassed:!0})})}if("undefined"!==typeof r||"undefined"!==typeof i){pe(r,i);const e=r??0,o=i??1/0;return(0,n.jsx)(ne,{layout:"none",from:0-e,showInTimeline:!1,durationInFrames:o,name:a,children:(0,n.jsx)(pt,{pauseWhenBuffering:s??!1,...f,ref:t})})}return fe(e,"Video"),y.isRendering?(0,n.jsx)(ft,{onDuration:F,onVideoFrame:T??null,...f,ref:t}):(0,n.jsx)(dt,{onlyWarnForMediaSeekingError:!1,...f,ref:t,onVideoFrame:null,pauseWhenBuffering:s??!1,onDuration:F,_remotionInternalStack:u??null,_remotionInternalNativeLoopPassed:d??!1,_remotionDebugSeeking:h??!1,showInTimeline:c??!0,onAutoPlayError:m??void 0})}));f(pt),(()=>{if("undefined"===typeof globalThis)return;const e=()=>{globalThis.remotion_imported=v,"undefined"!==typeof window&&(window.remotion_imported=v)},t=globalThis.remotion_imported||"undefined"!==typeof window&&window.remotion_imported;if(t){if(t===v)return;if("string"===typeof t&&t.includes("webcodecs"))return void e();throw new TypeError(`\ud83d\udea8 Multiple versions of Remotion detected: ${[v,"string"===typeof t?t:"an older version"].filter(w).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(ne)}}]);
|
@@ -1 +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=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:()=>{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(){}}]);
|
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=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:()=>{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(){}}]);
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[116],{9085:function(t,e,o){o.r(e),o.d(e,{default:function(){return N}});var n=o(7313),i=(o(3439),o(6090)),r=o(32),l=o(7616),a=(o(6143),o(4444),o(7244),o(123),o(5892),o(9302)),s=o(2575),d=o(9821),c=o(8866),p=o(2279),u=o.n(p),h=o(7753),v=o(7129),m=o(1855),x=o(9854),y=o(364),f=o(4522),g=o(778),w=o(4892),j=o(5945),P=o(9219),M=o(6805),C=o(8984),b=o(7053),S=o(5416),I=o(6417);var E=function(t){var e,o,i,r,l,a,s,c,p,u,m,y,f,g,E,O,k,Y,_,N,T,z,Z,A,D;const[L,R,W,F,$]=(0,d.Z)(),V=(0,h.MO)("whatmoreShopId"),U=(0,h.MO)("whatmoreLandingLocationType"),G="portrait"===$[M.YP],B=(G?1.076*R*(0,x.pEd)(V):R*(0,x.H4g)(V))+"px",H=(G?1.076*R*(0,x.pEd)(V):R*(0,x.H4g)(V))+"px",K=(G?.965*R*(0,x.pEd)(V):.859*R*(0,x.H4g)(V))+"px",[X,q]=(0,n.useState)(t.event),J=(0,h.MO)("whatmoreSecondaryColor");var Q=(0,n.useContext)(v.V);const tt=null===(e=t.isOnFocus)||void 0===e||e,et=null!==(o=t.playOnUnfocus)&&void 0!==o&&o,ot=t.onClick,nt=(0,h.MO)("whatmoreUITheme"),it=null!==(i=t.animateOnFocus&&(0,x.iWI)(V))&&void 0!==i&&i,[rt,lt]=(0,n.useState)(!1),at=(0,h.MO)("whatmorePrimaryFont"),st=Math.round(+(null===(r=X.products[0])||void 0===r?void 0:r.price)),dt=Math.round(+(null===(l=X.products[0])||void 0===l?void 0:l.compare_price)),ct=dt&&0!=dt&&dt>st?Math.round((dt-st)/dt*100):NaN,[pt,ut]=(0,n.useState)(ct),[ht,vt]=(0,n.useState)(),mt="55143268394"===V;return(0,n.useEffect)((()=>{(0,x.N8M)(V)&&(0,P.p_)(X,(0,x.Ipo)(V),V).then((t=>{var e,o,n;q(t),(null===t||void 0===t||null===(e=t.products)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.discount)&&ut(null===t||void 0===t||null===(n=t.products[0])||void 0===n?void 0:n.discount),lt(!0)}));(async()=>{var t;const e=await(0,b.p)(null===X||void 0===X||null===(t=X.products)||void 0===t?void 0:t[0],(0,x.Ipo)(V),V);vt(e),lt(!0)})()}),[]),(0,I.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",Q.tileTopMargin+"px"),t.style.setProperty("margin-bottom",Q.tileBottomMMargin+"px"))},className:it&&!G?tt?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",style:{margin:"0 auto",cursor:"pointer",width:R},onClick:()=>{ot(X)},children:[(0,I.jsx)("div",{style:{borderRadius:"round"==nt?"5%":"0px",boxShadow:"round"==nt?"0px 0px 5px 0px #B0B0B0":null,height:L,borderWidth:(0,x.alU)(V),borderColor:(0,x.qPe)(V),overflow:"hidden"},children:(0,I.jsx)(w.Z,{height:(0,x.dXm)(V)+" !important",width:"100%",url:X.thumbnail_image,isPlaying:tt||et||(0,C.gE)(),event:X})}),(0,I.jsxs)("div",{className:"wht-prod-info",style:{display:(0,x.pvY)(V)?"flex":"none",flexDirection:"column",padding:"12px 4px",gap:mt?"8px":"5px",alignItems:mt?"center":"flex-start"},children:[(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,x.anz)(V),"important"),t.style.setProperty("font-size","45034766485"==V&&"product"==U?"9px":B),t.style.setProperty("line-height","120%"),t.style.setProperty("font-family",at,"important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},children:(0,j.s)(null===(a=X.products[0])||void 0===a?void 0:a.title)}),rt&&(0,x.QaY)(V)&&(0,I.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:(0,x.$zZ)(V)?"row":"row-reverse",justifyContent:mt?"center":(0,x.$zZ)(V)?"flex-start":"flex-end"},children:[(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,x.anz)(V),"important"),t.style.setProperty("font-size","45034766485"==V&&"product"==U?"8px":H),t.style.setProperty("font-family",at,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textAlign:"left",fontWeight:"normal"==(0,x.rPP)(V)?"normal":"bold"},children:(0,P.jx)(parseFloat((0,S.G)()?"61916709004"==V?(null===ht||void 0===ht||null===(s=ht.variants)||void 0===s||null===(c=s[0])||void 0===c?void 0:c.price)>0?null===ht||void 0===ht||null===(p=ht.variants)||void 0===p||null===(u=p[0])||void 0===u?void 0:u.price:null===ht||void 0===ht?void 0:ht.price:(null===ht||void 0===ht?void 0:ht.price)>0?null===ht||void 0===ht?void 0:ht.price:null===ht||void 0===ht||null===(m=ht.variants)||void 0===m||null===(y=m[0])||void 0===y?void 0:y.price:(null===X||void 0===X||null===(f=X.products)||void 0===f||null===(g=f[0])||void 0===g?void 0:g.price)>0?null===X||void 0===X||null===(E=X.products)||void 0===E||null===(O=E[0])||void 0===O?void 0:O.price:null===X||void 0===X||null===(k=X.products)||void 0===k||null===(Y=k[0])||void 0===Y?void 0:Y.price_max)," ",V,null===(_=X.products[0])||void 0===_?void 0:_.currency)}),!isNaN(dt)&&dt>st&&(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,x.kPs)(V),"important"),t.style.setProperty("font-size",H),t.style.setProperty("font-family",at,"important"),t.style.setProperty("overflow","hidden","important"))},style:{textDecoration:"line-through",alignItems:mt?"center":void 0},children:(0,P.jx)(parseFloat((0,S.G)()?"61916709004"==V&&null!==(N=null===ht||void 0===ht||null===(T=ht.variants)||void 0===T||null===(z=T[0])||void 0===z?void 0:z.compare_at_price)&&void 0!==N?N:null===ht||void 0===ht?void 0:ht.compare_at_price:null===X||void 0===X||null===(Z=X.products)||void 0===Z||null===(A=Z[0])||void 0===A?void 0:A.compare_price)," ",V,null===(D=X.products[0])||void 0===D?void 0:D.currency)})]}),((0,x.QaY)(V)&&!isNaN(pt)&&0!=pt&&rt||mt)&&(0,I.jsx)("div",{style:{display:(0,x.aKo)(V)?"flex":"none",backgroundColor:mt?J:"green"===(0,x.ZJm)(V)?"#343434"===J?(0,x.ZJm)(V):J:(0,x.ZJm)(V),alignItems:"center",justifyContent:mt?"center":void 0,borderRadius:mt?"25px":(0,x.CF_)(V)+"px",width:mt?.5*R:"fit-content",padding:(0,x.Spx)(V)?mt?"12px 12px":"3px 6px":"0px",margin:mt?"0 auto":void 0,textAlign:mt?"center":void 0,height:mt?"7%":void 0},children:(0,x.Spx)(V)?(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,x.mso)(V),"important"),t.style.setProperty("font-size",K,"important"),t.style.setProperty("font-family",at,"important"),t.style.setProperty("font-weight",mt?"600":"normal","important"))},children:mt?"BUY NOW":`${pt}% Off`}):(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,x.aUT)(V),"important"),t.style.setProperty("font-size",K,"important"),t.style.setProperty("font-family",(0,x.V3Y)(V),"important"))},children:(0,x.sG7)(V)})})]})]})},O=o(7381);const k=(0,s.Z)({key:"whatmore-css-hv"});function Y(t){const[e,o,i]=(0,d.Z)(),r=(0,h.MO)("whatmoreShopId"),l=t.events,a=t.onClick,{whatmoreWidgetSourceDetails:s}=(0,n.useContext)(y.I),c=Math.ceil(i),p=2*c,[u,v]=(0,n.useState)(p),[w,j]=(0,n.useState)(2*c),P=0===(0,x.WGf)(r)?24:(0,x.WGf)(r),[M,C]=(0,n.useState)({touchX:0,touchY:0}),b=()=>(0,I.jsx)("div",{className:"navigation-button-next-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,I.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right-portrait"})}),S=()=>(0,I.jsx)("div",{className:"navigation-button-prev-container",style:{width:"50px",borderRadius:"50%",height:"50px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,I.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left-portrait"})}),O=t=>{if("next"===t){const t=2;j((t=>Math.min(t+Math.floor(i),l.length+c+1))),v((e=>Math.min(e+t,l.length+c+1)))}else j((t=>Math.max(t-Math.floor(i),p)));(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:s})};return(0,I.jsxs)("div",{className:"whatmore-events-carousel-portrait",style:{display:"flex",justifyContent:"45034766485"==r&&"product"==whatmoreLandingLocationType?"center":"flex-start",paddingLeft:"12px",overflow:"hidden",position:"relative"},onTouchStart:t=>{C({touchX:t.touches[0].clientX,touchY:t.touches[0].clientY})},onTouchEnd:t=>{var e,o,n,i;const r=(null===(e=t.changedTouches)||void 0===e||null===(o=e[0])||void 0===o?void 0:o.clientX)-M.touchX,l=(null===(n=t.changedTouches)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.clientY)-M.touchY;Math.sqrt(r**2+l**2)>10&&Math.abs(r)>Math.abs(l)&&O(r>0?"prev":"next")},children:[(0,x.Yxs)(r)&&(0,I.jsxs)(I.Fragment,{children:[w<=l.length+c&&(0,I.jsx)("div",{onClick:()=>O("next"),style:{position:"absolute",zIndex:1,top:"50%",right:"0",transform:"translateY(-100%)"},children:(0,I.jsx)(b,{})}),w>2*c&&(0,I.jsx)("div",{onClick:()=>O("prev"),style:{position:"absolute",left:"0",zIndex:1,top:"50%",transform:"translateY(-100%)"},children:(0,I.jsx)(S,{})})]}),(0,I.jsx)("div",{style:{display:"flex",gap:P,transform:`translateX(-${(w-p)*(o+P)}px)`,transition:"transform 0.4s ease-in-out"},children:l.map(((t,e)=>e<u?(0,I.jsx)("div",{children:(0,I.jsx)(E,{isOnFocus:e<=w-c-1&&e>=Math.max(0,w-p),playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>a(t)})},`whatmore-carousel-tile-${e}`):(0,I.jsx)(m.Z,{})))})]})}function _(t){const[e,o,i,r]=(0,d.Z)(),[l,a]=(0,n.useState)(-1),s=(0,h.MO)("whatmoreShopId"),[c,p]=(0,n.useState)("next"),v=t.onClick,m=t.events,{whatmoreWidgetSourceDetails:w}=(0,n.useContext)(y.I),j=Math.min(Math.ceil(i),m.length),[P,M]=(0,n.useState)(0),C=0===(0,x.WGf)(s)?24:(0,x.WGf)(s),b=()=>(0,I.jsx)("div",{children:(0,I.jsx)("button",{onClick:Y,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,I.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-right"})})}),S=()=>(0,I.jsx)("div",{children:(0,I.jsx)("button",{onClick:k,style:{width:"50px",borderRadius:"6px",height:"100px",backgroundColor:"rgba(0, 0, 0, 0.3)"},children:(0,I.jsx)("div",{style:{display:"flex"},className:"whatmore-arrow-left"})})});(0,n.useEffect)((()=>{P<=j&&M((t=>t+j))}),[j]);const O=()=>{a(-1)},k=()=>{P!==j&&(p("prev"),M((t=>Math.max(Math.ceil(t-i),j))),(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},Y=()=>{P>m.length+i||(p("next"),M((t=>Math.floor(t+i))),(0,f.y4)({userInteractionType:g.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:w}))},_=P>m.length?m.length-j+1:P-j,N=P>=m.length?m.length:_+j,T=m.slice(_,N);return(0,I.jsxs)("div",{className:"whatmore-events-carousel-landscape",style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:`${r}px`,paddingRight:`${r}px`},children:[("83584942374"===s||"56783601836"===s?m.length>j&&P>j:m.length>=i-1&&m.length>4)&&(0,I.jsx)("div",{style:{position:"absolute",left:r+"px",zIndex:1,top:"50%",transform:"translateY(-65%)"},children:P!==j&&(0,I.jsx)(S,{})}),(0,I.jsx)("div",{className:"wht-hide-scrollbar",style:{display:"flex",gap:C+"px",width:o*i*(0,x.Su5)(s)+"px",justifyContent:"83584942374"===s||"56783601836"===s||m.length<=i-1||m.length<5?"center":"flex-start",overflow:"auto"},children:T.map(((t,e)=>{const o=`whatmore-event-tile-landscape-${t.index}${e===j-1?"-last":""}`,n=e===l;return(0,I.jsx)("div",{className:"whatmore-event-tile-horizontal-swipe-animation-"+("next"===c?"next":"prev"),onMouseEnter:()=>(t=>{const e=u()((()=>a(t)),300);return e(),e.cancel})(e),onMouseLeave:O,children:(0,I.jsx)(E,{isOnFocus:n,playOnUnfocus:!0,animateOnFocus:!0,event:t,onClick:()=>(t=>{v(t)})(t)})},o)}))}),("83584942374"===s||"56783601836"===s?m.length>j&&P>j:m.length>=i-1&&m.length>4)&&(0,I.jsx)("div",{style:{position:"absolute",zIndex:1,top:"50%",right:r+"px",transform:"translateY(-65%)"},children:P<=m.length&&(0,I.jsx)(b,{})})]})}var N=function(t){const[e,o,s]=(0,c.Z)(),[d]=(0,h.j1)("whatmoreShopId"),[p]=(0,h.j1)("whatmorePrimaryColor"),[u]=(0,h.j1)("whatmoreSecondaryColor"),[m]=(0,h.j1)("whatmoreTitleFont"),f="portrait"==e?(0,h.MO)("whatmoreTitleFontSizePortrait"):(0,h.MO)("whatmoreTitleFontSize"),{whatmoreRootId:g}=(0,n.useContext)(y.I),w=((0,h.MO)("isInDesignMode"),(0,h.MO)("whatmoreCollectionHeading")),{whatmoreIsCollectionsTemplate:j}=(0,n.useContext)(y.I),P=t.events,M=t.onClick,C=m;function b(t){M(t)}return(0,n.useEffect)((()=>{(0,O.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{r.IR.forEach((t=>{var e;const o=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-f"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-f"]');if(!o)return;o&&t&&(t.style.minHeight="0px")}))}),[]),delete l.ZP.styles.global,(0,I.jsx)(a.C,{value:k,children:(0,I.jsx)("div",{className:"whatmore-carousel-events",children:(0,I.jsx)(i.x,{theme:l.ZP,cssVarsRoot:g,resetCSS:!1,children:(0,I.jsxs)(v.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!0},children:[t.heading.trim().length>0||j?(0,I.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"62636458233"==d?"flex-start":"center"},children:(0,I.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",C,"important"),t.style.setProperty("font-size",f+"px","important"))},style:{color:p,backgroundClip:"text",textAlign:"center",fontWeight:(0,x.wOV)(d),lineHeight:(0,x.vY4)(d),letterSpacing:(0,x.X2K)(d)},children:j?"W"!==w?w:"":t.heading})}):(0,I.jsx)(I.Fragment,{}),"landscape"===e?(0,I.jsx)(_,{events:P,onClick:b}):(0,I.jsx)(Y,{events:P,onClick:b})]})})})})}},7129:function(t,e,o){o.d(e,{V:function(){return n}});const n=(0,o(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},1855:function(t,e,o){var n=o(7313),i=o(9821),r=o(7129),l=o(7753),a=o(6417);e.Z=function(t){var[e,o]=(0,i.Z)();(0,n.useContext)(r.V);const s=(0,l.MO)("whatmoreShopId");return t.event,(0,a.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==s?void 0:o,aspectRatio:"8968077397"==s?9/16:void 0,height:"8968077397"==s?"100%":e,overflow:"hidden"}})}},6805:function(t,e,o){o.d(e,{$I:function(){return a},$w:function(){return d},AK:function(){return r},AL:function(){return l},YP:function(){return i},me:function(){return n},rE:function(){return s}});const n="device_type",i="device_mode",r="mobile",l="tablet",a="desktop",s="portrait",d="landscape"},9821:function(t,e,o){var n=o(7753),i=o(8866),r=o(6805),l=o(9854);e.Z=function(t){const[e,o,a]=(0,i.Z)(),[s]=(0,n.j1)("whatmoreLandscapePadding"),[d]=(0,n.j1)("whatmoreShopId"),[c]=(0,n.j1)("whatmoreVideoTileSize"),[p]=(0,n.j1)("whatmoreVideoTileSizePortrait"),u=a>=1025,h="portrait"==e?p:c,v=!("portrait"!=e||!(a>=481)),m=h/100*1.3*.5,x=h/100;var y=Math.min(a,o),[f,g,w,j]=[.6*y*(16/9),.6*y,1.4,0];function P(t){return Math.round(10*t)/10}var M={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(u){const t=g*m,e=f*m;[f,g,w,j]=[e,t,(a-2*s-2*(0,l.mZU)(d))/(1.1*t),s],M[r.me]=r.$I,M[r.YP]=r.$w}else if(v){var C=.8*g,b=.8*f;"portrait"==e?(C*=x,b*=x,[f,g,w,j]=[b,C,P(a/(1.2*C)),0],M[r.me]=r.AL,M[r.YP]=r.rE):([f,g,w,j]=[b,C,(a-2*s)/(1.1*C),s],M[r.me]=r.AL,M[r.YP]=r.$w)}else{C=g,b=f;"portrait"==e?(C=C*x*.9,b=b*x*.9,[f,g,w,j]=[b,C,P(a/(1.15*C)),0],M[r.me]=r.AK,M[r.YP]=r.rE):(C=.7*g,b=.7*f,[f,g,w,j]=[b,C,(a-2*s)/(1.1*C),s],M[r.me]=r.AK,M[r.YP]=r.$w)}return[f,g,w,j,M]}},3439:function(){},7244:function(){},5892:function(){},4444:function(){}}]);
|
@@ -1 +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),r=n(5160),l=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(577),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(577),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(577),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(577),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]=(0,i.useState)(-1),[Q,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 re,le;!(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!==(re=null===te||void 0===te||null===(le=te[t])||void 0===le?void 0:le.in_stock)&&void 0!==re&&!re||(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,r.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 l=0;null!=i&&ce[e].events.map(((e,t)=>{e.event_id==i&&(l=t)})),Z(l),X(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)(),Z(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,r.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:$,setScreen:Z,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:$,setScreen:Z,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:$,setScreen:Z,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:$,setScreen:Z,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:$,setScreen:Z,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:$,setScreen:Z,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==$||-2==$?(0,b.jsx)(me,{}):(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.EVENT_VIEW,event:ee[$],productList:ee[$].products,cta:ee[$].cta,triggerFlag:!t&&!n,children:(0,b.jsx)(T,{events:se,index:$,onBack:function(e){(0,l.n2L)(W)&&(0,a.MO)("whatmoreAddedToCart")&&(0,_.D)(W,(()=>{}),100,window.location.hostname,e),Z(-1),J(!1)},slideDirection:P||"horizontal"===(0,l.e8z)(W)?"horizontal":"vertical",eventsStories:ce,initialStoryIndex:Q,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)),{}),r=Object.keys(o);if("60960964855"==i&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var l={};fera.getRatings(r,(e=>{new Promise(((t,n)=>{e.forEach((e=>{l[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(l)})).then((e=>n(e)))}))}if("23114481744"==i){const e="1e6MQXxzYR19mpw9Km6Dcm86";l={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+r.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{l[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),l))).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)(),[r,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,l.cZT)(S)?(0,l._uv)(S)?C:window.location.href.split(/[?#]/)[0]:I,[A,K]=(0,a.j1)("productRatings"),[R,V]=(0,i.useState)(!1);var z=(0,l.efR)(S)?o.Dm+"/v2/events/":o.Gc+"/v2/events/",F=(0,l.efR)(S)?o.Dm+"/v3/events/":o.Gc+"/v3/events/",U=(0,l.efR)(S)?o.Dm+"/v4/events/":o.Gc+"/v4/events/",Y=(0,l.efR)(S)?o.Dm+"/v5/events/":o.Gc+"/v5/events/",J=(0,l.efR)(S)?o.Dm+"/v6/events/":o.Gc+"/v6/events/",$=(0,l.efR)(S)?o.Dm+"/get_eventset/":o.Gc+"/get_eventset/",Z=(0,l.efR)(S)?o.Dm+"/v2/collection":o.Gc+"/v2/collection",Q=(0,l.efR)(S)?o.Dm+"/v3/collection":o.Gc+"/v3/collection",X=(0,l.efR)(S)?o.Dm+"/v4/collection":o.Gc+"/v4/collection",ee=(0,l.efR)(S)?o.Dm+"/v2/brand/"+S+"/product-events":o.Gc+"/v2/brand/"+S+"/product-events",te=e.shopId,ne="live,upcoming",ae="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,l.C86)(S))e=z.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString()+(v?"&template_type=stories":"");else{var t=(0,a.MO)("whatmoreProductId");t=(0,l.iXA)(S)?function(e,t){return"STRQMPNF7QK"==t?encodeURIComponent(e):e.split(/[?#]/)[0]}(window.location.href,S):t,e=ee.toString()+"?client_product_id="+t.toString()+"&status="+ne.toString()+"&event_type=video"}else if(f||"invalid-url"!==C)e=(0,l.YGB)(S)?`${Q.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`:"78232846646"==S?`${X.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`:`${Z.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`;else if(y){const t=h.ls,n=(0,h.H1)(k);e=$.toString()+te.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+S}else{var i,o,r,c;if(("72201044272"==S||"2665447536"==S&&T)&&!v)e=F.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.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!==(r=null===(c=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===c?void 0:c.longitude)&&void 0!==r?r:"")+"&user_type="+(null!==j&&void 0!==j&&j.userType?"olduser":"newuser");else if((0,l.YGB)(S)&&!v)e=U.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString();else if("78232846646"==S&&T){var d,_,p,g;e=J.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.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="78232846646"==S?Y.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString():z.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.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,l.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,te)))).then((e=>(null!=e&&0!=e.length&&(0,l.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,l.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"]'),r=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"]'),l=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||l||r||o)&&(r&&c||o&&c||s&&c||l&&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:r}))},z=n(6775);var F=function(e){const[t]=(0,a.j1)("whatmoreShopId"),[n]=(0,a.j1)("whatmoreHeading"),[o,r]=(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,l.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,r(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,l.wc0)(t)||(0,l.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),r=n(6417);const l=a.memo((()=>{if(!(0,o.MO)("isLandingSharedLink"))return(0,r.jsx)(r.Fragment,{});const[e]=(0,i.Z)();return(0,r.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,r.jsx)("div",{className:"shimmer-item portrait-full",children:(0,r.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,r.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,r.jsx)("div",{className:"shimmer-effect"})},t))),(0,r.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=l},3388:function(e,t,n){n.d(t,{OC:function(){return l},e8:function(){return o},kT:function(){return a},kW:function(){return r},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},r=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const l=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const 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 r(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=(0,i.MO)("whatmoreShopId");(e!=o.K.EVENT_VIEW||(0,a.UAB)(r))&&(e!=o.K.VIDEO_PLAYBACK||(0,a.JP0)(r))&&(e!=o.K.SHOPNOW_ATC_CLICKED&&e!=o.K.PRODUCT_TILE_ATC_CLICKED||(0,a.Tn_)(r))&&(e!=o.K.VIDEO_LIKED||(0,a.sKB)(r))&&(e!=o.K.VIDEO_SHARE_CTA_CLICKED||(0,a.YOU)(r))&&(e!=o.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=o.K.SHOPNOW_CLICKED||(0,a.ejq)(r))&&"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 l=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,l.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&r(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,l.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&r(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:r}=e;(0,l.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r})}function _(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r}=e;(0,l.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r})}}}]);
|
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),r=n(5160),l=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(577),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(577),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(577),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(577),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]=(0,i.useState)(-1),[Q,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 re,le;!(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!==(re=null===te||void 0===te||null===(le=te[t])||void 0===le?void 0:le.in_stock)&&void 0!==re&&!re||(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,r.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 l=0;null!=i&&ce[e].events.map(((e,t)=>{e.event_id==i&&(l=t)})),Z(l),X(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)(),Z(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,r.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:$,setScreen:Z,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:$,setScreen:Z,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:$,setScreen:Z,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:$,setScreen:Z,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:$,setScreen:Z,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:$,setScreen:Z,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==$||-2==$?(0,b.jsx)(me,{}):(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.EVENT_VIEW,event:ee[$],productList:ee[$].products,cta:ee[$].cta,triggerFlag:!t&&!n,children:(0,b.jsx)(T,{events:se,index:$,onBack:function(e){(0,l.n2L)(W)&&(0,a.MO)("whatmoreAddedToCart")&&(0,_.D)(W,(()=>{}),100,window.location.hostname,e),Z(-1),J(!1)},slideDirection:P||"horizontal"===(0,l.e8z)(W)?"horizontal":"vertical",eventsStories:ce,initialStoryIndex:Q,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)),{}),r=Object.keys(o);if("60960964855"==i&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var l={};fera.getRatings(r,(e=>{new Promise(((t,n)=>{e.forEach((e=>{l[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(l)})).then((e=>n(e)))}))}if("23114481744"==i){const e="1e6MQXxzYR19mpw9Km6Dcm86";l={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+r.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{l[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),l))).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)(),[r,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,l.cZT)(S)?(0,l._uv)(S)?C:window.location.href.split(/[?#]/)[0]:I,[A,K]=(0,a.j1)("productRatings"),[R,V]=(0,i.useState)(!1);var z=(0,l.efR)(S)?o.Dm+"/v2/events/":o.Gc+"/v2/events/",F=(0,l.efR)(S)?o.Dm+"/v3/events/":o.Gc+"/v3/events/",U=(0,l.efR)(S)?o.Dm+"/v4/events/":o.Gc+"/v4/events/",Y=(0,l.efR)(S)?o.Dm+"/v5/events/":o.Gc+"/v5/events/",J=(0,l.efR)(S)?o.Dm+"/v6/events/":o.Gc+"/v6/events/",$=(0,l.efR)(S)?o.Dm+"/get_eventset/":o.Gc+"/get_eventset/",Z=(0,l.efR)(S)?o.Dm+"/v2/collection":o.Gc+"/v2/collection",Q=(0,l.efR)(S)?o.Dm+"/v3/collection":o.Gc+"/v3/collection",X=(0,l.efR)(S)?o.Dm+"/v4/collection":o.Gc+"/v4/collection",ee=(0,l.efR)(S)?o.Dm+"/v2/brand/"+S+"/product-events":o.Gc+"/v2/brand/"+S+"/product-events",te=e.shopId,ne="live,upcoming",ae="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,l.C86)(S))e=z.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString()+(v?"&template_type=stories":"");else{var t=(0,a.MO)("whatmoreProductId");t=(0,l.iXA)(S)?function(e,t){return"STRQMPNF7QK"==t?encodeURIComponent(e):e.split(/[?#]/)[0]}(window.location.href,S):t,e=ee.toString()+"?client_product_id="+t.toString()+"&status="+ne.toString()+"&event_type=video"}else if(f||"invalid-url"!==C)e=(0,l.YGB)(S)?`${Q.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`:"78232846646"==S?`${X.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`:`${Z.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`;else if(y){const t=h.ls,n=(0,h.H1)(k);e=$.toString()+te.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+S}else{var i,o,r,c;if(("72201044272"==S||"2665447536"==S&&T)&&!v)e=F.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.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!==(r=null===(c=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===c?void 0:c.longitude)&&void 0!==r?r:"")+"&user_type="+(null!==j&&void 0!==j&&j.userType?"olduser":"newuser");else if((0,l.YGB)(S)&&!v)e=U.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString();else if("78232846646"==S&&T){var d,_,p,g;e=J.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.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="78232846646"==S?Y.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString():z.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.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,l.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,te)))).then((e=>(null!=e&&0!=e.length&&(0,l.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,l.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"]'),r=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"]'),l=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||l||r||o)&&(r&&c||o&&c||s&&c||l&&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:r}))},z=n(6775);var F=function(e){const[t]=(0,a.j1)("whatmoreShopId"),[n]=(0,a.j1)("whatmoreHeading"),[o,r]=(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,l.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,r(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,l.wc0)(t)||(0,l.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),r=n(6417);const l=a.memo((()=>{if(!(0,o.MO)("isLandingSharedLink"))return(0,r.jsx)(r.Fragment,{});const[e]=(0,i.Z)();return(0,r.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,r.jsx)("div",{className:"shimmer-item portrait-full",children:(0,r.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,r.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,r.jsx)("div",{className:"shimmer-effect"})},t))),(0,r.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=l},3388:function(e,t,n){n.d(t,{OC:function(){return l},e8:function(){return o},kT:function(){return a},kW:function(){return r},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},r=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const l=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const 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 r(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=(0,i.MO)("whatmoreShopId");(e!=o.K.EVENT_VIEW||(0,a.UAB)(r))&&(e!=o.K.VIDEO_PLAYBACK||(0,a.JP0)(r))&&(e!=o.K.SHOPNOW_ATC_CLICKED&&e!=o.K.PRODUCT_TILE_ATC_CLICKED||(0,a.Tn_)(r))&&(e!=o.K.VIDEO_LIKED||(0,a.sKB)(r))&&(e!=o.K.VIDEO_SHARE_CTA_CLICKED||(0,a.YOU)(r))&&(e!=o.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=o.K.SHOPNOW_CLICKED||(0,a.ejq)(r))&&"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 l=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,l.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&r(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,l.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&r(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:r}=e;(0,l.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r})}function _(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r}=e;(0,l.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r})}}}]);
|