whatmore-react-assets 1.0.1323 → 1.0.1324

package/package.json

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

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

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

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

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

package/static/js/{carousel-template-b.c007bd37.chunk.js → carousel-template-b.33e85305.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[437],{3867:function(t,e,i){var n=i(8816),o=i(417),r=i(4885),l=i(7753),s=i(6417);e.Z=function(t){var e;const i=(0,l.MO)("whatmoreUITheme"),[a]=(0,l.j1)("whatmoreSecondaryColor"),[d,p]=(0,l.j1)("productRatings"),c=(0,l.MO)("whatmorePrimaryFont"),h=t.productId,x=t.fontSize,m=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(h in d)||d[h].avgRating>5)return(0,s.jsx)(s.Fragment,{});const u=d[h].avgRating,f=d[h].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(u))].map(((t,e)=>(0,s.jsx)(n.Z,{sx:{color:a,fontSize:x+"px"}},"star-icon"+e))),u-Math.floor(u)>.2?(0,s.jsx)(o.Z,{sx:{color:a,fontSize:x+"px"}},"star-half-icon"):u-Math.floor(u)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon"),[...Array(Math.floor(5-u))].map(((t,e)=>(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon-"+e))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:a,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",u,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",m,"important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+f+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return D}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),p=i(8486),c=i(9821),h=i(8866),x=i(2279),m=i.n(x),u=i(7753),f=i(7129),y=i(9854),g=i(364),w=i(1855),v=i(4892),j=i(6775),P=i(1092),C=i(5945),b=i(5456),I=i(3867),S=i(9219),k=i(9363),O=i(7053),M=i(5416),F=i(6417);const _=n.lazy((()=>Promise.all([i.e(576),i.e(745),i.e(348),i.e(842)]).then(i.bind(i,6163))));var z=function(t){var e,i,o,r;const l=(0,u.j1)("whatmoreUITheme");var[s,a]=(0,c.Z)();const[d]=(0,u.j1)("whatmorePrimaryFont"),[p]=(0,u.j1)("whatmoreSecondaryColorShade900"),[h]=(0,u.j1)("whatmoreShopId"),[x,m]=(0,n.useState)(0),[f,w]=(0,n.useState)(t.event),[v,j]=(0,n.useState)(),[P,z]=(0,n.useState)(!1),R=t.onClick,L=f.products.length,{whatmoreIsPreviewMode:Z}=(0,n.useContext)(g.I);if(0==L)return(0,F.jsx)(F.Fragment,{});(0,n.useEffect)((()=>{(0,y.N8M)(h)&&(0,S.p_)(f,(0,y.Ipo)(h),h).then((t=>{w(t),z(!0)}));(async()=>{var t;const e=await(0,O.p)(null===f||void 0===f||null===(t=f.products)||void 0===t?void 0:t[0],(0,y.Ipo)(h),h);j(e),z(!0)})()}),[]);const T=Z,W=.3*a,E=W+"px",A=W+"px",B=.05*a*(0,y.PI4)(h)+"px",U=.07*a*(0,y.wdV)(h),D=U+"px",V=.05*a;return(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*a,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:R,children:[(0,F.jsx)("div",{style:{width:E,height:A,overflow:"hidden",backgroundColor:p,borderRadius:"round"==l?"5px":"0px",borderWidth:"0px"==(0,y.alU)(h)?"2px":(0,y.alU)(h),borderColor:"white"==(0,y.qPe)(h)?p:(0,y.qPe)(h)},children:(0,F.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,y.yOX)(h),"important")},src:(0,k.s)(f.products[x].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:E,height:E,borderRadius:"round"==l?"5px":"0px",backgroundColor:p},alt:"product image"})}),(0,F.jsx)("div",{style:{width:.7*a+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==l?"5px":"0px"},children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",B,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,C.s)(f.products[x].title)})}),(0,F.jsxs)("div",{style:{display:"flex",flexFlow:(0,y.$zZ)(h)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,y.$zZ)(h)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[P&&(0,F.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.Uyp)(h),"important"),t.style.setProperty("font-size",D,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.price:null===f||void 0===f||null===(e=f.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",h,f.products[x].currency)]}),(0,b.B)(f.products[x].price,f.products[x].compare_price)&&P?(0,F.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,y.kPs)(h),"important"),t.style.setProperty("font-size",.9*U+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.compare_at_price:null===f||void 0===f||null===(o=f.products)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.compare_price),"",h,f.products[x].currency)]}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(I.Z,{storeId:h,productId:f.products[x].client_product_id,productLink:f.products[x].product_link,fontSize:V})]})})]},x),(0,y.IXJ)(h)||T&&"5141594210"==h?(0,F.jsx)(n.Suspense,{children:(0,F.jsx)(_,{baseFontSize:.05*a,event:f,product:f.products[0],width:.9*a,height:"fit-content"})}):(0,F.jsx)(F.Fragment,{})]})},R=i(3388);function L(t){const[e,i,n,o,r]=(0,c.Z)(),l=(0,u.MO)("whatmoreUITheme"),s=(0,u.MO)("whatmoreShowViews"),a=(0,u.MO)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,m,f]=(0,j.Z)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,F.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,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:"show"===s?(0,F.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,F.jsx)(P.Z,{event:g,fontSize:.07*i+"px"})})}):(0,F.jsx)(F.Fragment,{})}),(0,F.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,R.xg)(g,a)?(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,y.alU)(a),borderColor:(0,y.qPe)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,F.jsx)("div",{ref:x,children:m&&(0,y.PWD)(a)?(0,F.jsx)(z,{event:g,onClick:()=>{var e,i;(0,y.I6m)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,y.lj5)(a)?i.product_link+"?"+(0,y.awP)(a)+"&"+(0,y.n9s)(a)+"&"+(0,y.vaK)(a):i.product_link):t.onClick(g)}}):(0,F.jsx)("div",{height:"20px"})})}):(0,F.jsx)(F.Fragment,{})]})})}var Z=function(t){var e,i,o;const[r,l,s,a,d]=(0,c.Z)();var p=(0,n.useContext)(f.V);const h=(0,u.MO)("whatmoreUITheme"),x=(0,u.MO)("whatmoreShopId"),m=(0,u.MO)("whatmoreSecondaryColorShade600"),g=t.event,w=t.onClick,j=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,C=null!==(o=t.animateOnFocus&&(0,y.iWI)(x))&&void 0!==o&&o,b=(0,y.IXJ)(x)?.7:.8,I=r*b+"px",S=1-b,k=r*S,O=r*S+"px",M=r*S*.1,_=(0,y.nzC)(x);return(0,F.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*r+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?_:null,borderWidth:(0,y.alU)(x),borderColor:(0,y.qPe)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:C?j?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{w(g)},children:[(0,F.jsx)(v.Z,{height:I,width:"100%",url:g.thumbnail_image,isPlaying:j||P,event:g}),(0,y.wxm)(x)&&(0,R.xg)(g,x)?(0,F.jsx)("div",{style:{width:"100%",height:O,backgroundColor:m}}):(0,F.jsx)(F.Fragment,{})]}),(0,y.wxm)(x)&&(0,F.jsx)(L,{event:g,isOnFocus:j,PRODUCT_BOX_HEIGHT:k,PRODUCT_BOX_HEIGHT_IN_PX:O,PRODUCT_BOX_MARGIN:M,onClick:w})]})},T=i(778),W=i(4522),E=i(7381);const A=(0,a.Z)({key:"whatmore-css-hv"});function B(t){const[e,i,o]=(0,c.Z)(),r=(0,u.MO)("whatmoreShopId"),l=t.events,s=t.onClick,a=o*(0,y.u6l)(r),p=(0,y.yBw)(r),[h,x]=(0,n.useState)(p?l.length:a),{whatmoreWidgetSourceDetails:m}=(0,n.useContext)(g.I);return(0,n.useEffect)((()=>{h<=a&&x((t=>t+a))}),[a]),(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,F.jsx)(d.tq,{slidesPerView:l.length>1?a:1,initialSlide:l.length>1?1:0,centeredSlides:!0,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m}),t.realIndex>t.previousIndex&&x((t=>t+a))},loop:(0,y.yBw)(r),children:l.map(((t,e)=>e<=h&&(0,F.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return(0,F.jsx)(Z,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function U(t){const[e,i,o,r]=(0,c.Z)(),[l,s]=(0,n.useState)(-1),a=(0,u.MO)("whatmoreShopId"),h=t.onClick,x=t.events,f=(0,y.yBw)(a),[v,j]=(0,n.useState)(f?x.length:o),P=Math.min(o,x.length),{whatmoreWidgetSourceDetails:C}=(0,n.useContext)(g.I);return(0,n.useEffect)((()=>{v<=o&&j((t=>t+o))}),[o]),(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,F.jsx)("div",{style:{width:i*P*1.1+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:P,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(P),onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}),t.realIndex>t.previousIndex&&j((t=>t+o))},spaceBetween:(0,y.WGf)(a),loop:(0,y.yBw)(a),children:x.map(((t,e)=>{const i=m()((()=>s(e)),300);return e<=v&&(0,F.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:s}=i;return s?(0,F.jsx)(Z,{isOnFocus:e==l,playOnUnfocus:!(0,y.dHy)(a)||e==parseInt(P/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,F.jsx)(w.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var D=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,u.j1)("whatmorePrimaryColor"),[p]=(0,u.j1)("whatmoreShopId"),[c]=(0,u.j1)("whatmoreSecondaryColor"),[x]=(0,u.j1)("whatmoreTitleFont"),m="portrait"==e?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:y}=(0,n.useContext)(g.I),w=((0,u.MO)("isInDesignMode"),t.events),v=t.onClick,j=x,P=(0,u.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(g.I);function b(t){v(t)}function I(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,E.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,F.jsx)(s.C,{value:A,children:(0,F.jsx)("div",{className:"whatmore-carousel-events",children:(0,F.jsx)(o.x,{theme:r.ZP,cssVarsRoot:y,resetCSS:!1,children:(0,F.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||C)?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":t.heading})}):(0,F.jsx)(F.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,F.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==P?P:"":I(t.heading)[0]}),(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":I(t.heading)[1]})]})}):(0,F.jsx)(F.Fragment,{}),"landscape"===e?(0,F.jsx)(U,{events:w,onClick:b}):(0,F.jsx)(B,{events:w,onClick:b})]})})})})}},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})},1855:function(t,e,i){var n=i(7313),o=i(9821),r=i(7129),l=i(7753),s=i(6417);e.Z=function(t){var[e,i]=(0,o.Z)();(0,n.useContext)(r.V);const a=(0,l.MO)("whatmoreShopId");return t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},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}},5456:function(t,e,i){i.d(e,{B:function(){return n}});const n=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},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,x="portrait"==e?c:p,m=!("portrait"!=e||!(s>=481)),u=x/100*1.3*.5,f=x/100;var y=Math.min(s,i),[g,w,v,j]=[.6*y*(16/9),.6*y,1.4,0];function P(t){return Math.round(10*t)/10}var C={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(h){const t=w*u,e=g*u;[g,w,v,j]=[e,t,(s-2*a-2*(0,l.mZU)(d))/(1.1*t),a],C[r.me]=r.$I,C[r.YP]=r.$w}else if(m){var b=.8*w,I=.8*g;"portrait"==e?(b*=f,I*=f,[g,w,v,j]=[I,b,P(s/(1.2*b)),0],C[r.me]=r.AL,C[r.YP]=r.rE):([g,w,v,j]=[I,b,(s-2*a)/(1.1*b),a],C[r.me]=r.AL,C[r.YP]=r.$w)}else{b=w,I=g;"portrait"==e?(b=b*f*.9,I=I*f*.9,[g,w,v,j]=[I,b,P(s/(1.15*b)),0],C[r.me]=r.AK,C[r.YP]=r.rE):(b=.7*w,I=.7*g,[g,w,v,j]=[I,b,(s-2*a)/(1.1*b),a],C[r.me]=r.AK,C[r.YP]=r.$w)}return[g,w,v,j,C]}},8816:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=l},417:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=l},4885:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[437],{3867:function(t,e,i){var n=i(8816),o=i(417),r=i(4885),l=i(7753),s=i(6417);e.Z=function(t){var e;const i=(0,l.MO)("whatmoreUITheme"),[a]=(0,l.j1)("whatmoreSecondaryColor"),[d,p]=(0,l.j1)("productRatings"),c=(0,l.MO)("whatmorePrimaryFont"),h=t.productId,x=t.fontSize,m=null!==(e=t.fontColor)&&void 0!==e?e:"gray";if(null===d||"undefined"==typeof d||!(h in d)||d[h].avgRating>5)return(0,s.jsx)(s.Fragment,{});const u=d[h].avgRating,f=d[h].totalRatings;return(0,s.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,s.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center",gap:"0px"},children:[[...Array(Math.floor(u))].map(((t,e)=>(0,s.jsx)(n.Z,{sx:{color:a,fontSize:x+"px"}},"star-icon"+e))),u-Math.floor(u)>.2?(0,s.jsx)(o.Z,{sx:{color:a,fontSize:x+"px"}},"star-half-icon"):u-Math.floor(u)==0?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon"),[...Array(Math.floor(5-u))].map(((t,e)=>(0,s.jsx)(r.Z,{sx:{color:a,fontSize:x+"px"}},"star-outline-icon-"+e))),(0,s.jsx)("div",{children:(0,s.jsx)("div",{width:"2px"})}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{style:{backgroundColor:a,borderRadius:"round"==i?"2px":"0px",padding:"1px",overflow:"hidden"},children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0",u,"\xa0"]})})}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",m,"important"),t.style.setProperty("font-size",.8*x+"px","important"),t.style.setProperty("font-family",c,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:["\xa0","("+f+")"]})})]})})}},4095:function(t,e,i){i.r(e),i.d(e,{default:function(){return D}});var n=i(7313),o=i(6090),r=i(7616),l=i(32),s=(i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811),i(9302)),a=i(2575),d=i(2210),p=i(8486),c=i(9821),h=i(8866),x=i(2279),m=i.n(x),u=i(7753),f=i(7129),y=i(9854),g=i(364),w=i(1855),v=i(4892),j=i(6775),P=i(1092),C=i(5945),b=i(5456),I=i(3867),S=i(9219),k=i(9363),O=i(7053),M=i(5416),F=i(6417);const _=n.lazy((()=>Promise.all([i.e(576),i.e(745),i.e(348),i.e(842)]).then(i.bind(i,6163))));var z=function(t){var e,i,o,r;const l=(0,u.j1)("whatmoreUITheme");var[s,a]=(0,c.Z)();const[d]=(0,u.j1)("whatmorePrimaryFont"),[p]=(0,u.j1)("whatmoreSecondaryColorShade900"),[h]=(0,u.j1)("whatmoreShopId"),[x,m]=(0,n.useState)(0),[f,w]=(0,n.useState)(t.event),[v,j]=(0,n.useState)(),[P,z]=(0,n.useState)(!1),R=t.onClick,L=f.products.length,{whatmoreIsPreviewMode:Z}=(0,n.useContext)(g.I);if(0==L)return(0,F.jsx)(F.Fragment,{});(0,n.useEffect)((()=>{(0,y.N8M)(h)&&(0,S.p_)(f,(0,y.Ipo)(h),h).then((t=>{w(t),z(!0)}));(async()=>{var t;const e=await(0,O.p)(null===f||void 0===f||null===(t=f.products)||void 0===t?void 0:t[0],(0,y.Ipo)(h),h);j(e),z(!0)})()}),[]);const T=Z,W=.3*a,E=W+"px",A=W+"px",B=.05*a*(0,y.PI4)(h)+"px",U=.07*a*(0,y.wdV)(h),D=U+"px",V=.05*a;return(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-around",alignItems:"center",marginTop:"2px",marginBottom:"2px",gap:"0px"},children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:.95*a,height:"fit-content",paddingLeft:"4px",paddingRight:"4px",justifyContent:"space-between",alignItems:"center",gap:"4px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",onClick:R,children:[(0,F.jsx)("div",{style:{width:E,height:A,overflow:"hidden",backgroundColor:p,borderRadius:"round"==l?"5px":"0px",borderWidth:"0px"==(0,y.alU)(h)?"2px":(0,y.alU)(h),borderColor:"white"==(0,y.qPe)(h)?p:(0,y.qPe)(h)},children:(0,F.jsx)("img",{ref:t=>{t&&t.style.setProperty("object-fit",(0,y.yOX)(h),"important")},src:(0,k.s)(f.products[x].thumbnail_image,"&width=".concat(400,"&height=",400)),style:{width:E,height:E,borderRadius:"round"==l?"5px":"0px",backgroundColor:p},alt:"product image"})}),(0,F.jsx)("div",{style:{width:.7*a+"px",height:"100%",overflow:"visible",marginBottom:"2px",marginRight:"2px",borderRadius:"round"==l?"5px":"0px"},children:(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",paddingTop:"5px"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",width:"100%",height:"fit-content",justifyContent:"flex-start",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","black","important"),t.style.setProperty("font-size",B,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("-webkit-line-clamp",2,"important"),t.style.setProperty("line-clamp",2,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"medium"},children:(0,C.s)(f.products[x].title)})}),(0,F.jsxs)("div",{style:{display:"flex",flexFlow:(0,y.$zZ)(h)?"row nowrap":"row-reverse nowrap",width:"100%",height:"fit-content",justifyContent:(0,y.$zZ)(h)?"flex-start":"flex-end",alignItems:"center",gap:"4px"},children:[P&&(0,F.jsxs)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,y.Uyp)(h),"important"),t.style.setProperty("font-size",D,"important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.price:null===f||void 0===f||null===(e=f.products)||void 0===e||null===(i=e[0])||void 0===i?void 0:i.price),"",h,f.products[x].currency)]}),(0,b.B)(f.products[x].price,f.products[x].compare_price)&&P?(0,F.jsxs)("strike",{ref:t=>{t&&(t.style.setProperty("color",(0,y.kPs)(h),"important"),t.style.setProperty("font-size",.9*U+"px","important"),t.style.setProperty("line-height","140%","important"),t.style.setProperty("font-family",d,"important"),t.style.setProperty("text-decoration","line-through","important"))},style:{textAlign:"left",fontWeight:"medium",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden",textOverflow:"ellipsis"},children:[" ",(0,S.jx)(parseFloat((0,M.G)()?null===v||void 0===v?void 0:v.compare_at_price:null===f||void 0===f||null===(o=f.products)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.compare_price),"",h,f.products[x].currency)]}):(0,F.jsx)(F.Fragment,{})]}),(0,F.jsx)(I.Z,{storeId:h,productId:f.products[x].client_product_id,productLink:f.products[x].product_link,fontSize:V})]})})]},x),(0,y.IXJ)(h)||T&&"5141594210"==h?(0,F.jsx)(n.Suspense,{children:(0,F.jsx)(_,{baseFontSize:.05*a,event:f,product:f.products[0],width:.9*a,height:"fit-content"})}):(0,F.jsx)(F.Fragment,{})]})},R=i(3388);function L(t){const[e,i,n,o,r]=(0,c.Z)(),l=(0,u.MO)("whatmoreUITheme"),s=(0,u.MO)("whatmoreShowViews"),a=(0,u.MO)("whatmoreShopId"),d=t.PRODUCT_BOX_HEIGHT,p=t.PRODUCT_BOX_HEIGHT_IN_PX,h=t.PRODUCT_BOX_MARGIN,[x,m,f]=(0,j.Z)({triggerOnce:!0}),g=t.event;t.isOnFocus;return(0,F.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,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,F.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center",width:"100%"},onClick:()=>{t.onClick(g)},children:"show"===s?(0,F.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,F.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,F.jsx)(P.Z,{event:g,fontSize:.07*i+"px"})})}):(0,F.jsx)(F.Fragment,{})}),(0,F.jsx)("div",{style:{display:"flex",width:"100%",height:e-d+"px"},onClick:()=>{t.onClick(g)}}),(0,R.xg)(g,a)?(0,F.jsx)("div",{style:{position:"relative",zIndex:1,bottom:h+"px",display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",width:.95*i,height:p,marginLeft:h+"px",marginRight:h+"px",backgroundColor:"white",borderRadius:"round"==l?"5px":"0px",borderWidth:(0,y.alU)(a),borderColor:(0,y.qPe)(a),paddingLeft:"5px",paddingRight:"5px",overflow:"hidden"},children:(0,F.jsx)("div",{ref:x,children:m&&(0,y.PWD)(a)?(0,F.jsx)(z,{event:g,onClick:()=>{var e,i;(0,y.I6m)(a)?window.location.href=(i=null===(e=g.products)||void 0===e?void 0:e[0],(0,y.lj5)(a)?i.product_link+"?"+(0,y.awP)(a)+"&"+(0,y.n9s)(a)+"&"+(0,y.vaK)(a):i.product_link):t.onClick(g)}}):(0,F.jsx)("div",{height:"20px"})})}):(0,F.jsx)(F.Fragment,{})]})})}var Z=function(t){var e,i,o;const[r,l,s,a,d]=(0,c.Z)();var p=(0,n.useContext)(f.V);const h=(0,u.MO)("whatmoreUITheme"),x=(0,u.MO)("whatmoreShopId"),m=(0,u.MO)("whatmoreSecondaryColorShade600"),g=t.event,w=t.onClick,j=null===(e=t.isOnFocus)||void 0===e||e,P=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,C=null!==(o=t.animateOnFocus&&(0,y.iWI)(x))&&void 0!==o&&o,b=(0,y.IXJ)(x)?.7:.8,I=r*b+"px",S=1-b,k=r*S,O=r*S+"px",M=r*S*.1,_=(0,y.nzC)(x);return(0,F.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",p.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",p.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:l+"px",height:1.2*r+"px",borderRadius:"round"==h?"5px":"0px",boxShadow:"round"==h?_:null,borderWidth:(0,y.alU)(x),borderColor:(0,y.qPe)(x),overflow:"hidden",cursor:"pointer",position:"relative"},className:C?j?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",children:[(0,F.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"flex-start",alignItems:"center"},className:"whatmore-template-b-event-tile",onClick:()=>{w(g)},children:[(0,F.jsx)(v.Z,{height:I,width:"100%",url:g.thumbnail_image,isPlaying:j||P,event:g}),(0,y.wxm)(x)&&(0,R.xg)(g,x)?(0,F.jsx)("div",{style:{width:"100%",height:O,backgroundColor:m}}):(0,F.jsx)(F.Fragment,{})]}),(0,y.wxm)(x)&&(0,F.jsx)(L,{event:g,isOnFocus:j,PRODUCT_BOX_HEIGHT:k,PRODUCT_BOX_HEIGHT_IN_PX:O,PRODUCT_BOX_MARGIN:M,onClick:w})]})},T=i(778),W=i(4522),E=i(7381);const A=(0,a.Z)({key:"whatmore-css-hv"});function B(t){const[e,i,o]=(0,c.Z)(),r=(0,u.MO)("whatmoreShopId"),l=t.events,s=t.onClick,a=o*(0,y.u6l)(r),p=(0,y.yBw)(r),[h,x]=(0,n.useState)(p?l.length:a),{whatmoreWidgetSourceDetails:m}=(0,n.useContext)(g.I);return(0,n.useEffect)((()=>{h<=a&&x((t=>t+a))}),[a]),(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("div",{style:{width:window.innerWidth,height:"fit-content"},children:(0,F.jsx)(d.tq,{slidesPerView:l.length>1?a:1,initialSlide:"25075712047"===r?0:l.length>1?1:0,centeredSlides:"25075712047"!==r,centeredSlidesBounds:!1,watchSlidesProgress:!0,touchRatio:.5,onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:m}),t.realIndex>t.previousIndex&&x((t=>t+a))},loop:(0,y.yBw)(r),children:l.map(((t,e)=>e<=h&&(0,F.jsx)(d.o5,{children:e=>{let{isActive:i,isPrev:n,isNext:o,isVisible:r}=e;return(0,F.jsx)(Z,{isOnFocus:i&&r,playOnUnfocus:!1,animateOnFocus:!0,event:t,onClick:()=>{s(t)}})}},"whatmore-event-tile-portrait-"+t.index)))})})})}function U(t){const[e,i,o,r]=(0,c.Z)(),[l,s]=(0,n.useState)(-1),a=(0,u.MO)("whatmoreShopId"),h=t.onClick,x=t.events,f=(0,y.yBw)(a),[v,j]=(0,n.useState)(f?x.length:o),P=Math.min(o,x.length),{whatmoreWidgetSourceDetails:C}=(0,n.useContext)(g.I);return(0,n.useEffect)((()=>{v<=o&&j((t=>t+o))}),[o]),(0,F.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:r+"px",paddingRight:r+"px"},children:(0,F.jsx)("div",{style:{width:i*P*1.1+"px"},children:(0,F.jsx)(d.tq,{slidesPerView:P,watchSlidesProgress:!0,modules:[p.W_],navigation:!0,slidesPerGroup:parseInt(P),onSlideChange:t=>{(0,W.y4)({userInteractionType:T.K.HOMEPAGE_CAROUSEL_SWIPED,widgetSourceDetails:C}),t.realIndex>t.previousIndex&&j((t=>t+o))},spaceBetween:(0,y.WGf)(a),loop:(0,y.yBw)(a),children:x.map(((t,e)=>{const i=m()((()=>s(e)),300);return e<=v&&(0,F.jsx)(d.o5,{onMouseEnter:()=>{i()},onMouseLeave:()=>{i.cancel(),s(-1)},children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:s}=i;return s?(0,F.jsx)(Z,{isOnFocus:e==l,playOnUnfocus:!(0,y.dHy)(a)||e==parseInt(P/2)&&-1==l,animateOnFocus:!0,event:t,onClick:()=>{h(t)}}):(0,F.jsx)(w.Z,{})}},"whatmore-event-tile-landscape-"+t.index)}))})})})}var D=function(t){const[e,i,a]=(0,h.Z)(),[d]=(0,u.j1)("whatmorePrimaryColor"),[p]=(0,u.j1)("whatmoreShopId"),[c]=(0,u.j1)("whatmoreSecondaryColor"),[x]=(0,u.j1)("whatmoreTitleFont"),m="portrait"==e?(0,u.MO)("whatmoreTitleFontSizePortrait"):(0,u.MO)("whatmoreTitleFontSize"),{whatmoreRootId:y}=(0,n.useContext)(g.I),w=((0,u.MO)("isInDesignMode"),t.events),v=t.onClick,j=x,P=(0,u.MO)("whatmoreCollectionHeading"),{whatmoreIsCollectionsTemplate:C}=(0,n.useContext)(g.I);function b(t){v(t)}function I(t){const e=t.indexOf(" ",t.indexOf(" ")+1);return-1===e?[t,""]:[t.substring(0,e),t.substring(e)]}return(0,n.useEffect)((()=>{(0,E.Oo)("Video shopping powered by Whatmore!")}),[]),(0,n.useEffect)((()=>{l.IR.forEach((t=>{var e;const i=null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-b"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-b"]');if(!i)return;i&&t&&(t.style.minHeight="0px")}))}),[]),delete r.ZP.styles.global,(0,F.jsx)(s.C,{value:A,children:(0,F.jsx)("div",{className:"whatmore-carousel-events",children:(0,F.jsx)(o.x,{theme:r.ZP,cssVarsRoot:y,resetCSS:!1,children:(0,F.jsxs)(f.V.Provider,{value:{tileTopMargin:25,tileBottomMMargin:25,tileLeftMargin:4,tileRightMargin:4,showPlayButton:!1},children:["10588815418"!==p&&"2310668401"!==p&&"10648977444"!==p&&(t.heading.trim().length>0||C)?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":t.heading})}):(0,F.jsx)(F.Fragment,{}),"10588815418"==p||"2310668401"==p||"10648977444"==p?(0,F.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"left"},children:(0,F.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family",j,"important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center",fontStyle:"normal"},children:C?"W"!==P?P:"":I(t.heading)[0]}),(0,F.jsx)("p",{ref:t=>{t&&(t.style.setProperty("font-family","Austin Text SemiBold Trial","important"),t.style.setProperty("font-size",m+"px","important"))},style:{color:d,backgroundClip:"text",textAlign:"center"},children:C?"W"!==P?P:"":I(t.heading)[1]})]})}):(0,F.jsx)(F.Fragment,{}),"landscape"===e?(0,F.jsx)(U,{events:w,onClick:b}):(0,F.jsx)(B,{events:w,onClick:b})]})})})})}},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})},1855:function(t,e,i){var n=i(7313),o=i(9821),r=i(7129),l=i(7753),s=i(6417);e.Z=function(t){var[e,i]=(0,o.Z)();(0,n.useContext)(r.V);const a=(0,l.MO)("whatmoreShopId");return t.event,(0,s.jsx)("div",{style:{margin:"0 auto",width:"8968077397"==a?void 0:i,aspectRatio:"8968077397"==a?9/16:void 0,height:"8968077397"==a?"100%":e,overflow:"hidden"}})}},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}},5456:function(t,e,i){i.d(e,{B:function(){return n}});const n=function(t,e){return!(isNaN(e)||!e||("string"===typeof e||e instanceof String)&&!e.trim().length)&&!(parseInt(e)<=parseInt(t))}},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,x="portrait"==e?c:p,m=!("portrait"!=e||!(s>=481)),u=x/100*1.3*.5,f=x/100;var y=Math.min(s,i),[g,w,v,j]=[.6*y*(16/9),.6*y,1.4,0];function P(t){return Math.round(10*t)/10}var C={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(h){const t=w*u,e=g*u;[g,w,v,j]=[e,t,(s-2*a-2*(0,l.mZU)(d))/(1.1*t),a],C[r.me]=r.$I,C[r.YP]=r.$w}else if(m){var b=.8*w,I=.8*g;"portrait"==e?(b*=f,I*=f,[g,w,v,j]=[I,b,P(s/(1.2*b)),0],C[r.me]=r.AL,C[r.YP]=r.rE):([g,w,v,j]=[I,b,(s-2*a)/(1.1*b),a],C[r.me]=r.AL,C[r.YP]=r.$w)}else{b=w,I=g;"portrait"==e?(b=b*f*.9,I=I*f*.9,[g,w,v,j]=[I,b,P(s/(1.15*b)),0],C[r.me]=r.AK,C[r.YP]=r.rE):(b=.7*w,I=.7*g,[g,w,v,j]=[I,b,(s-2*a)/(1.1*b),a],C[r.me]=r.AK,C[r.YP]=r.$w)}return[g,w,v,j,C]}},8816:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star");e.Z=l},417:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarHalf");e.Z=l},4885:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"}),"StarOutline");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},7244:function(){},5892:function(){},4444:function(){},1811:function(){},7850:function(){}}]);