@matchain/matchid-sdk-react 0.1.55-alpha.15 → 0.1.55-alpha.16

package/dist/ui.js

@@ -6,9 +6,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
 var __commonJS = (cb, mod2) => function __require() {
   return mod2 || (0, cb[__getOwnPropNames(cb)[0]])((mod2 = { exports: {} }).exports, mod2), mod2.exports;
 };
@@ -16376,496 +16373,6 @@ var require_lottie = __commonJS({
   }
 });
 
-// node_modules/lottie-react/build/index.es.js
-var index_es_exports = {};
-__export(index_es_exports, {
-  LottiePlayer: () => import_lottie_web2.default,
-  default: () => Lottie,
-  useLottie: () => useLottie,
-  useLottieInteractivity: () => useLottieInteractivity
-});
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r] = t, e;
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e, n, i, u, a = [], f = true, o = false;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = false;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
-    } catch (r2) {
-      o = true, n = r2;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function getContainerVisibility(container) {
-  var _container$getBoundin = container.getBoundingClientRect(), top = _container$getBoundin.top, height2 = _container$getBoundin.height;
-  var current = window.innerHeight - top;
-  var max = window.innerHeight + height2;
-  return current / max;
-}
-function getContainerCursorPosition(container, cursorX, cursorY) {
-  var _container$getBoundin2 = container.getBoundingClientRect(), top = _container$getBoundin2.top, left = _container$getBoundin2.left, width2 = _container$getBoundin2.width, height2 = _container$getBoundin2.height;
-  var x = (cursorX - left) / width2;
-  var y = (cursorY - top) / height2;
-  return {
-    x,
-    y
-  };
-}
-var import_lottie_web, import_lottie_web2, import_react43, _excluded$1, useLottie, useInitInteractivity, useLottieInteractivity, _excluded, Lottie;
-var init_index_es = __esm({
-  "node_modules/lottie-react/build/index.es.js"() {
-    "use strict";
-    import_lottie_web = __toESM(require_lottie());
-    import_lottie_web2 = __toESM(require_lottie());
-    import_react43 = __toESM(require("react"));
-    _excluded$1 = ["animationData", "loop", "autoplay", "initialSegment", "onComplete", "onLoopComplete", "onEnterFrame", "onSegmentStart", "onConfigReady", "onDataReady", "onDataFailed", "onLoadedImages", "onDOMLoaded", "onDestroy", "lottieRef", "renderer", "name", "assetsPath", "rendererSettings"];
-    useLottie = function useLottie2(props, style) {
-      var animationData2 = props.animationData, loop = props.loop, autoplay = props.autoplay, initialSegment = props.initialSegment, onComplete = props.onComplete, onLoopComplete = props.onLoopComplete, onEnterFrame = props.onEnterFrame, onSegmentStart = props.onSegmentStart, onConfigReady = props.onConfigReady, onDataReady = props.onDataReady, onDataFailed = props.onDataFailed, onLoadedImages = props.onLoadedImages, onDOMLoaded = props.onDOMLoaded, onDestroy = props.onDestroy;
-      props.lottieRef;
-      props.renderer;
-      props.name;
-      props.assetsPath;
-      props.rendererSettings;
-      var rest = _objectWithoutProperties(props, _excluded$1);
-      var _useState = (0, import_react43.useState)(false), _useState2 = _slicedToArray(_useState, 2), animationLoaded = _useState2[0], setAnimationLoaded = _useState2[1];
-      var animationInstanceRef = (0, import_react43.useRef)();
-      var animationContainer = (0, import_react43.useRef)(null);
-      var play = function play2() {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.play();
-      };
-      var stop = function stop2() {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.stop();
-      };
-      var pause = function pause2() {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.pause();
-      };
-      var setSpeed = function setSpeed2(speed) {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.setSpeed(speed);
-      };
-      var goToAndPlay = function goToAndPlay2(value2, isFrame) {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.goToAndPlay(value2, isFrame);
-      };
-      var goToAndStop = function goToAndStop2(value2, isFrame) {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.goToAndStop(value2, isFrame);
-      };
-      var setDirection = function setDirection2(direction) {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.setDirection(direction);
-      };
-      var playSegments = function playSegments2(segments, forceFlag) {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.playSegments(segments, forceFlag);
-      };
-      var setSubframe = function setSubframe2(useSubFrames) {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.setSubframe(useSubFrames);
-      };
-      var getDuration = function getDuration2(inFrames) {
-        var _a;
-        return (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.getDuration(inFrames);
-      };
-      var destroy = function destroy2() {
-        var _a;
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
-        animationInstanceRef.current = void 0;
-      };
-      var loadAnimation2 = function loadAnimation3() {
-        var forcedConfigs = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-        var _a;
-        if (!animationContainer.current) {
-          return;
-        }
-        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
-        var config = _objectSpread2(_objectSpread2(_objectSpread2({}, props), forcedConfigs), {}, {
-          container: animationContainer.current
-        });
-        animationInstanceRef.current = import_lottie_web.default.loadAnimation(config);
-        setAnimationLoaded(!!animationInstanceRef.current);
-        return function() {
-          var _a2;
-          (_a2 = animationInstanceRef.current) === null || _a2 === void 0 ? void 0 : _a2.destroy();
-          animationInstanceRef.current = void 0;
-        };
-      };
-      (0, import_react43.useEffect)(function() {
-        var onUnmount = loadAnimation2();
-        return function() {
-          return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
-        };
-      }, [animationData2, loop]);
-      (0, import_react43.useEffect)(function() {
-        if (!animationInstanceRef.current) {
-          return;
-        }
-        animationInstanceRef.current.autoplay = !!autoplay;
-      }, [autoplay]);
-      (0, import_react43.useEffect)(function() {
-        if (!animationInstanceRef.current) {
-          return;
-        }
-        if (!initialSegment) {
-          animationInstanceRef.current.resetSegments(true);
-          return;
-        }
-        if (!Array.isArray(initialSegment) || !initialSegment.length) {
-          return;
-        }
-        if (animationInstanceRef.current.currentRawFrame < initialSegment[0] || animationInstanceRef.current.currentRawFrame > initialSegment[1]) {
-          animationInstanceRef.current.currentRawFrame = initialSegment[0];
-        }
-        animationInstanceRef.current.setSegment(initialSegment[0], initialSegment[1]);
-      }, [initialSegment]);
-      (0, import_react43.useEffect)(function() {
-        var partialListeners = [{
-          name: "complete",
-          handler: onComplete
-        }, {
-          name: "loopComplete",
-          handler: onLoopComplete
-        }, {
-          name: "enterFrame",
-          handler: onEnterFrame
-        }, {
-          name: "segmentStart",
-          handler: onSegmentStart
-        }, {
-          name: "config_ready",
-          handler: onConfigReady
-        }, {
-          name: "data_ready",
-          handler: onDataReady
-        }, {
-          name: "data_failed",
-          handler: onDataFailed
-        }, {
-          name: "loaded_images",
-          handler: onLoadedImages
-        }, {
-          name: "DOMLoaded",
-          handler: onDOMLoaded
-        }, {
-          name: "destroy",
-          handler: onDestroy
-        }];
-        var listeners = partialListeners.filter(function(listener) {
-          return listener.handler != null;
-        });
-        if (!listeners.length) {
-          return;
-        }
-        var deregisterList = listeners.map(
-          /**
-           * Handle the process of adding an event listener
-           * @param {Listener} listener
-           * @return {Function} Function that deregister the listener
-           */
-          function(listener) {
-            var _a;
-            (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener(listener.name, listener.handler);
-            return function() {
-              var _a2;
-              (_a2 = animationInstanceRef.current) === null || _a2 === void 0 ? void 0 : _a2.removeEventListener(listener.name, listener.handler);
-            };
-          }
-        );
-        return function() {
-          deregisterList.forEach(function(deregister) {
-            return deregister();
-          });
-        };
-      }, [onComplete, onLoopComplete, onEnterFrame, onSegmentStart, onConfigReady, onDataReady, onDataFailed, onLoadedImages, onDOMLoaded, onDestroy]);
-      var View = /* @__PURE__ */ import_react43.default.createElement("div", _objectSpread2({
-        style,
-        ref: animationContainer
-      }, rest));
-      return {
-        View,
-        play,
-        stop,
-        pause,
-        setSpeed,
-        goToAndStop,
-        goToAndPlay,
-        setDirection,
-        playSegments,
-        setSubframe,
-        getDuration,
-        destroy,
-        animationContainerRef: animationContainer,
-        animationLoaded,
-        animationItem: animationInstanceRef.current
-      };
-    };
-    useInitInteractivity = function useInitInteractivity2(_ref) {
-      var wrapperRef = _ref.wrapperRef, animationItem = _ref.animationItem, mode = _ref.mode, actions = _ref.actions;
-      (0, import_react43.useEffect)(function() {
-        var wrapper = wrapperRef.current;
-        if (!wrapper || !animationItem || !actions.length) {
-          return;
-        }
-        animationItem.stop();
-        var scrollModeHandler = function scrollModeHandler2() {
-          var assignedSegment = null;
-          var scrollHandler = function scrollHandler2() {
-            var currentPercent = getContainerVisibility(wrapper);
-            var action = actions.find(function(_ref2) {
-              var visibility = _ref2.visibility;
-              return visibility && currentPercent >= visibility[0] && currentPercent <= visibility[1];
-            });
-            if (!action) {
-              return;
-            }
-            if (action.type === "seek" && action.visibility && action.frames.length === 2) {
-              var frameToGo = action.frames[0] + Math.ceil((currentPercent - action.visibility[0]) / (action.visibility[1] - action.visibility[0]) * action.frames[1]);
-              animationItem.goToAndStop(frameToGo - animationItem.firstFrame - 1, true);
-            }
-            if (action.type === "loop") {
-              if (assignedSegment === null) {
-                animationItem.playSegments(action.frames, true);
-                assignedSegment = action.frames;
-              } else {
-                if (assignedSegment !== action.frames) {
-                  animationItem.playSegments(action.frames, true);
-                  assignedSegment = action.frames;
-                } else if (animationItem.isPaused) {
-                  animationItem.playSegments(action.frames, true);
-                  assignedSegment = action.frames;
-                }
-              }
-            }
-            if (action.type === "play" && animationItem.isPaused) {
-              animationItem.resetSegments(true);
-              animationItem.play();
-            }
-            if (action.type === "stop") {
-              animationItem.goToAndStop(action.frames[0] - animationItem.firstFrame - 1, true);
-            }
-          };
-          document.addEventListener("scroll", scrollHandler);
-          return function() {
-            document.removeEventListener("scroll", scrollHandler);
-          };
-        };
-        var cursorModeHandler = function cursorModeHandler2() {
-          var handleCursor = function handleCursor2(_x, _y) {
-            var x = _x;
-            var y = _y;
-            if (x !== -1 && y !== -1) {
-              var pos = getContainerCursorPosition(wrapper, x, y);
-              x = pos.x;
-              y = pos.y;
-            }
-            var action = actions.find(function(_ref3) {
-              var position2 = _ref3.position;
-              if (position2 && Array.isArray(position2.x) && Array.isArray(position2.y)) {
-                return x >= position2.x[0] && x <= position2.x[1] && y >= position2.y[0] && y <= position2.y[1];
-              }
-              if (position2 && !Number.isNaN(position2.x) && !Number.isNaN(position2.y)) {
-                return x === position2.x && y === position2.y;
-              }
-              return false;
-            });
-            if (!action) {
-              return;
-            }
-            if (action.type === "seek" && action.position && Array.isArray(action.position.x) && Array.isArray(action.position.y) && action.frames.length === 2) {
-              var xPercent = (x - action.position.x[0]) / (action.position.x[1] - action.position.x[0]);
-              var yPercent = (y - action.position.y[0]) / (action.position.y[1] - action.position.y[0]);
-              animationItem.playSegments(action.frames, true);
-              animationItem.goToAndStop(Math.ceil((xPercent + yPercent) / 2 * (action.frames[1] - action.frames[0])), true);
-            }
-            if (action.type === "loop") {
-              animationItem.playSegments(action.frames, true);
-            }
-            if (action.type === "play") {
-              if (animationItem.isPaused) {
-                animationItem.resetSegments(false);
-              }
-              animationItem.playSegments(action.frames);
-            }
-            if (action.type === "stop") {
-              animationItem.goToAndStop(action.frames[0], true);
-            }
-          };
-          var mouseMoveHandler = function mouseMoveHandler2(ev) {
-            handleCursor(ev.clientX, ev.clientY);
-          };
-          var mouseOutHandler = function mouseOutHandler2() {
-            handleCursor(-1, -1);
-          };
-          wrapper.addEventListener("mousemove", mouseMoveHandler);
-          wrapper.addEventListener("mouseout", mouseOutHandler);
-          return function() {
-            wrapper.removeEventListener("mousemove", mouseMoveHandler);
-            wrapper.removeEventListener("mouseout", mouseOutHandler);
-          };
-        };
-        switch (mode) {
-          case "scroll":
-            return scrollModeHandler();
-          case "cursor":
-            return cursorModeHandler();
-        }
-      }, [mode, animationItem]);
-    };
-    useLottieInteractivity = function useLottieInteractivity2(_ref4) {
-      var actions = _ref4.actions, mode = _ref4.mode, lottieObj = _ref4.lottieObj;
-      var animationItem = lottieObj.animationItem, View = lottieObj.View, animationContainerRef = lottieObj.animationContainerRef;
-      useInitInteractivity({
-        actions,
-        animationItem,
-        mode,
-        wrapperRef: animationContainerRef
-      });
-      return View;
-    };
-    _excluded = ["style", "interactivity"];
-    Lottie = function Lottie2(props) {
-      var _a, _b, _c;
-      var style = props.style, interactivity = props.interactivity, lottieProps = _objectWithoutProperties(props, _excluded);
-      var _useLottie = useLottie(lottieProps, style), View = _useLottie.View, play = _useLottie.play, stop = _useLottie.stop, pause = _useLottie.pause, setSpeed = _useLottie.setSpeed, goToAndStop = _useLottie.goToAndStop, goToAndPlay = _useLottie.goToAndPlay, setDirection = _useLottie.setDirection, playSegments = _useLottie.playSegments, setSubframe = _useLottie.setSubframe, getDuration = _useLottie.getDuration, destroy = _useLottie.destroy, animationContainerRef = _useLottie.animationContainerRef, animationLoaded = _useLottie.animationLoaded, animationItem = _useLottie.animationItem;
-      (0, import_react43.useEffect)(function() {
-        if (props.lottieRef) {
-          props.lottieRef.current = {
-            play,
-            stop,
-            pause,
-            setSpeed,
-            goToAndPlay,
-            goToAndStop,
-            setDirection,
-            playSegments,
-            setSubframe,
-            getDuration,
-            destroy,
-            animationContainerRef,
-            animationLoaded,
-            animationItem
-          };
-        }
-      }, [(_a = props.lottieRef) === null || _a === void 0 ? void 0 : _a.current]);
-      return useLottieInteractivity({
-        lottieObj: {
-          View,
-          play,
-          stop,
-          pause,
-          setSpeed,
-          goToAndStop,
-          goToAndPlay,
-          setDirection,
-          playSegments,
-          setSubframe,
-          getDuration,
-          destroy,
-          animationContainerRef,
-          animationLoaded,
-          animationItem
-        },
-        actions: (_b = interactivity === null || interactivity === void 0 ? void 0 : interactivity.actions) !== null && _b !== void 0 ? _b : [],
-        mode: (_c = interactivity === null || interactivity === void 0 ? void 0 : interactivity.mode) !== null && _c !== void 0 ? _c : "scroll"
-      });
-    };
-  }
-});
-
 // src/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
@@ -18401,18 +17908,307 @@ function Tabs(props) {
   }) });
 }
 
+// node_modules/lottie-react/build/index.es.js
+var import_lottie_web = __toESM(require_lottie());
+var import_lottie_web2 = __toESM(require_lottie());
+var import_react43 = __toESM(require("react"));
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e, n, i, u, a = [], f = true, o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = false;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
+    } catch (r2) {
+      o = true, n = r2;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o, r, i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+var _excluded$1 = ["animationData", "loop", "autoplay", "initialSegment", "onComplete", "onLoopComplete", "onEnterFrame", "onSegmentStart", "onConfigReady", "onDataReady", "onDataFailed", "onLoadedImages", "onDOMLoaded", "onDestroy", "lottieRef", "renderer", "name", "assetsPath", "rendererSettings"];
+var useLottie = function useLottie2(props, style) {
+  var animationData2 = props.animationData, loop = props.loop, autoplay = props.autoplay, initialSegment = props.initialSegment, onComplete = props.onComplete, onLoopComplete = props.onLoopComplete, onEnterFrame = props.onEnterFrame, onSegmentStart = props.onSegmentStart, onConfigReady = props.onConfigReady, onDataReady = props.onDataReady, onDataFailed = props.onDataFailed, onLoadedImages = props.onLoadedImages, onDOMLoaded = props.onDOMLoaded, onDestroy = props.onDestroy;
+  props.lottieRef;
+  props.renderer;
+  props.name;
+  props.assetsPath;
+  props.rendererSettings;
+  var rest = _objectWithoutProperties(props, _excluded$1);
+  var _useState = (0, import_react43.useState)(false), _useState2 = _slicedToArray(_useState, 2), animationLoaded = _useState2[0], setAnimationLoaded = _useState2[1];
+  var animationInstanceRef = (0, import_react43.useRef)();
+  var animationContainer = (0, import_react43.useRef)(null);
+  var play = function play2() {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.play();
+  };
+  var stop = function stop2() {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.stop();
+  };
+  var pause = function pause2() {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.pause();
+  };
+  var setSpeed = function setSpeed2(speed) {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.setSpeed(speed);
+  };
+  var goToAndPlay = function goToAndPlay2(value2, isFrame) {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.goToAndPlay(value2, isFrame);
+  };
+  var goToAndStop = function goToAndStop2(value2, isFrame) {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.goToAndStop(value2, isFrame);
+  };
+  var setDirection = function setDirection2(direction) {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.setDirection(direction);
+  };
+  var playSegments = function playSegments2(segments, forceFlag) {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.playSegments(segments, forceFlag);
+  };
+  var setSubframe = function setSubframe2(useSubFrames) {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.setSubframe(useSubFrames);
+  };
+  var getDuration = function getDuration2(inFrames) {
+    var _a;
+    return (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.getDuration(inFrames);
+  };
+  var destroy = function destroy2() {
+    var _a;
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
+    animationInstanceRef.current = void 0;
+  };
+  var loadAnimation2 = function loadAnimation3() {
+    var forcedConfigs = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var _a;
+    if (!animationContainer.current) {
+      return;
+    }
+    (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
+    var config = _objectSpread2(_objectSpread2(_objectSpread2({}, props), forcedConfigs), {}, {
+      container: animationContainer.current
+    });
+    animationInstanceRef.current = import_lottie_web.default.loadAnimation(config);
+    setAnimationLoaded(!!animationInstanceRef.current);
+    return function() {
+      var _a2;
+      (_a2 = animationInstanceRef.current) === null || _a2 === void 0 ? void 0 : _a2.destroy();
+      animationInstanceRef.current = void 0;
+    };
+  };
+  (0, import_react43.useEffect)(function() {
+    var onUnmount = loadAnimation2();
+    return function() {
+      return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
+    };
+  }, [animationData2, loop]);
+  (0, import_react43.useEffect)(function() {
+    if (!animationInstanceRef.current) {
+      return;
+    }
+    animationInstanceRef.current.autoplay = !!autoplay;
+  }, [autoplay]);
+  (0, import_react43.useEffect)(function() {
+    if (!animationInstanceRef.current) {
+      return;
+    }
+    if (!initialSegment) {
+      animationInstanceRef.current.resetSegments(true);
+      return;
+    }
+    if (!Array.isArray(initialSegment) || !initialSegment.length) {
+      return;
+    }
+    if (animationInstanceRef.current.currentRawFrame < initialSegment[0] || animationInstanceRef.current.currentRawFrame > initialSegment[1]) {
+      animationInstanceRef.current.currentRawFrame = initialSegment[0];
+    }
+    animationInstanceRef.current.setSegment(initialSegment[0], initialSegment[1]);
+  }, [initialSegment]);
+  (0, import_react43.useEffect)(function() {
+    var partialListeners = [{
+      name: "complete",
+      handler: onComplete
+    }, {
+      name: "loopComplete",
+      handler: onLoopComplete
+    }, {
+      name: "enterFrame",
+      handler: onEnterFrame
+    }, {
+      name: "segmentStart",
+      handler: onSegmentStart
+    }, {
+      name: "config_ready",
+      handler: onConfigReady
+    }, {
+      name: "data_ready",
+      handler: onDataReady
+    }, {
+      name: "data_failed",
+      handler: onDataFailed
+    }, {
+      name: "loaded_images",
+      handler: onLoadedImages
+    }, {
+      name: "DOMLoaded",
+      handler: onDOMLoaded
+    }, {
+      name: "destroy",
+      handler: onDestroy
+    }];
+    var listeners = partialListeners.filter(function(listener) {
+      return listener.handler != null;
+    });
+    if (!listeners.length) {
+      return;
+    }
+    var deregisterList = listeners.map(
+      /**
+       * Handle the process of adding an event listener
+       * @param {Listener} listener
+       * @return {Function} Function that deregister the listener
+       */
+      function(listener) {
+        var _a;
+        (_a = animationInstanceRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener(listener.name, listener.handler);
+        return function() {
+          var _a2;
+          (_a2 = animationInstanceRef.current) === null || _a2 === void 0 ? void 0 : _a2.removeEventListener(listener.name, listener.handler);
+        };
+      }
+    );
+    return function() {
+      deregisterList.forEach(function(deregister) {
+        return deregister();
+      });
+    };
+  }, [onComplete, onLoopComplete, onEnterFrame, onSegmentStart, onConfigReady, onDataReady, onDataFailed, onLoadedImages, onDOMLoaded, onDestroy]);
+  var View = /* @__PURE__ */ import_react43.default.createElement("div", _objectSpread2({
+    style,
+    ref: animationContainer
+  }, rest));
+  return {
+    View,
+    play,
+    stop,
+    pause,
+    setSpeed,
+    goToAndStop,
+    goToAndPlay,
+    setDirection,
+    playSegments,
+    setSubframe,
+    getDuration,
+    destroy,
+    animationContainerRef: animationContainer,
+    animationLoaded,
+    animationItem: animationInstanceRef.current
+  };
+};
+
 // src/ui/Lottie/index.tsx
-var import_react44 = require("react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
 var LazyLottie = (props) => {
-  const [LottieReact, setLottieReact] = (0, import_react44.useState)(null);
-  (0, import_react44.useEffect)(() => {
-    Promise.resolve().then(() => (init_index_es(), index_es_exports)).then((mod2) => {
-      setLottieReact(mod2.default || mod2);
-    });
-  }, []);
-  if (!LottieReact) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: "Loading..." });
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(LottieReact, { loop: true, autoplay: true, ...props });
+  const options = {
+    animationData: props.animationData,
+    loop: true,
+    autoplay: true
+  };
+  const { View } = useLottie(options, props.style);
+  return View;
 };
 var Lottie_default = LazyLottie;
 // Annotate the CommonJS export names for ESM import in node:
@@ -18446,8 +18242,5 @@ lottie-web/build/player/lottie.js:
    Contributions by leeoniya.
    License: MIT, header required.
    *)
-
-lottie-react/build/index.es.js:
-  (*! goToAndStop must be relative to the start of the current segment *)
 */
 //# sourceMappingURL=ui.js.map