@blockend/widget 1.0.31 → 1.0.33

package/dist/index-baetUfmH.js

@@ -0,0 +1,252 @@
+import { jsxs as b, jsx as r, Fragment as A } from "react/jsx-runtime";
+import G, { useContext as H, useState as E, useEffect as v, useRef as _ } from "react";
+import { a as U, T as $, H as O, b as L, c as J, E as K, d as V } from "./EstGas-QSPrdq3Y.js";
+import { u as l, l as W } from "./index-DSlXIHtr.js";
+import { i as D, C as Q, S as X } from "./useRegisterError-C52MuupC.js";
+import { B as Y } from "./Box-BWDJCGbI.js";
+function Z() {
+  var d, w, i, e, u, c, m, g, x, s, h, y, p, C;
+  const t = l((T) => T.persist), n = l((T) => T.configuration), { defaultCoin: a } = D;
+  let f = (i = (w = (d = t == null ? void 0 : t.route) == null ? void 0 : d.providerDetails) == null ? void 0 : w.logoUrl) != null && i.length ? (u = (e = t == null ? void 0 : t.route) == null ? void 0 : e.providerDetails) == null ? void 0 : u.logoUrl : a;
+  return W.isEmpty(t.route) ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ b("div", { className: "bw-relative bw-mt-4 bw-flex bw-justify-center ", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          boxShadow: n && n.customTheme && ((m = (c = n.customTheme) == null ? void 0 : c.shadow) == null ? void 0 : m.boxShadow) || "1px 1px 10px 3px rgba(0, 0, 0, 0.15)"
+        },
+        className: "bw-w-[200px] bw-rounded-[50%] bw-absolute bw-right-auto bw-z-0 bw-left-auto bw-h-[40px]"
+      }
+    ),
+    /* @__PURE__ */ b("div", { className: "bw-flex bw-relative bw-bg-background-container bw-z-10 bw-mx-auto  bw-h-[41px] bw-w-[70%] bw-border-[0.5px] bw-border-border-primary bw-border-r-0 bw-border-l-0 bw-items-center bw-gap-x-1", children: [
+      " ",
+      /* @__PURE__ */ b("p", { className: "bw-text-sm bw-w-full bw-text-center bw-flex bw-justify-center bw-items-center bw-font-normal bw-my-1 bw-text-text-primary", children: [
+        /* @__PURE__ */ r("span", { className: "bw-text-sm bw-font-light", children: "via" }),
+        " ",
+        /* @__PURE__ */ r("img", { src: f, className: "bw-rounded-[50%] bw-mx-[4px] bw-min-w-[18px] bw-max-h-[18px] bw-min-h-[18px]", width: 18, height: 18 }),
+        ((x = (g = t == null ? void 0 : t.route) == null ? void 0 : g.providerDetails) == null ? void 0 : x.name) || "",
+        ": ",
+        (s = t == null ? void 0 : t.route) == null ? void 0 : s.protocolsUsed[0],
+        ((y = (h = t == null ? void 0 : t.route) == null ? void 0 : h.protocolsUsed) == null ? void 0 : y.length) <= 1 ? "" : /* @__PURE__ */ b("span", { className: "bw-ml-1 bw-text-xs bw-font-normal bw-leading-6", children: [
+          `+${((C = (p = t == null ? void 0 : t.route) == null ? void 0 : p.protocolsUsed) == null ? void 0 : C.length) - 1}`,
+          " More"
+        ] }),
+        " "
+      ] }),
+      " "
+    ] })
+  ] });
+}
+let N;
+function R() {
+  var u, c, m, g, x;
+  const t = l((s) => s.configuration), n = l((s) => s.persist), a = l((s) => s.setPersist), { isErrorMessage: f } = H(U), d = Math.floor(((/* @__PURE__ */ new Date()).getTime() - n.quoteStartTime) / 1e3);
+  let w = ((u = n == null ? void 0 : n.route) == null ? void 0 : u.deadline) || 60;
+  const [i, e] = E(w);
+  return v(() => {
+    d && e(w - d);
+  }, []), v(() => (N = setInterval(() => {
+    e((s) => {
+      var h;
+      return s <= 0 ? (clearInterval(N), a({
+        ...(h = l.getState()) == null ? void 0 : h.persist,
+        isQuoteTimer: !1,
+        showAcceptQuote: !0,
+        quoteStartTime: (/* @__PURE__ */ new Date()).getTime()
+      }), 0) : s - 1;
+    });
+  }, 1e3), () => clearInterval(N)), []), v(() => {
+    (f || !n.isQuoteTimer) && clearInterval(N);
+  }, [f, n.isQuoteTimer]), !(n != null && n.hash) && n.quote === "enable" ? /* @__PURE__ */ b("div", { className: "bw-absolute bw-top-0 bw-right-0 ", children: [
+    /* @__PURE__ */ r("svg", { className: "bw-absolute bw-w-[20px] bw-h-[20px]", children: /* @__PURE__ */ b("linearGradient", { id: "linearColors", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+      /* @__PURE__ */ r("stop", { offset: "1%", stopColor: (c = t == null ? void 0 : t.gradientStyle) != null && c.spinnerColor ? (m = t == null ? void 0 : t.gradientStyle) == null ? void 0 : m.spinnerColor : "#A45EFF" }),
+      /* @__PURE__ */ r("stop", { offset: "90%", stopColor: (g = t == null ? void 0 : t.gradientStyle) != null && g.spinnerColor ? (x = t == null ? void 0 : t.gradientStyle) == null ? void 0 : x.stopColor : "#2CFFE4" })
+    ] }) }),
+    /* @__PURE__ */ b(
+      Y,
+      {
+        sx: {
+          position: "relative",
+          display: "inline-flex"
+        },
+        children: [
+          /* @__PURE__ */ r(
+            Q,
+            {
+              variant: "determinate",
+              sx: {
+                color: "var(--tw-border-primary)"
+              },
+              size: 20,
+              thickness: 2,
+              value: 100
+            }
+          ),
+          /* @__PURE__ */ r(
+            Q,
+            {
+              variant: "determinate",
+              size: 20,
+              thickness: 5,
+              value: i / w * 100,
+              sx: {
+                "svg circle": { stroke: "url(#linearColors)" },
+                position: "absolute",
+                left: 0,
+                [`& .${X.circle}`]: {
+                  strokeLinecap: "round"
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ r(A, {});
+}
+const ee = G.memo(function({
+  handleOpenExchange: t,
+  amount: n,
+  route: a,
+  resetAmount: f,
+  resetBalance: d,
+  setExchange: w
+}) {
+  var k;
+  const i = l((o) => o.setPersist), e = l((o) => o.persist), u = l((o) => o.fromChain), c = l((o) => o.fromCoin), m = l((o) => o.toChain), g = l((o) => o.toCoin), [x, s] = E(!1), [h, y] = E(!1), [p, C] = E(!1), T = !e.stepData, { txnupdate: M } = D;
+  v(() => {
+    var o, j, z, F;
+    a != null && a.routeId && i({
+      ...(o = l.getState()) == null ? void 0 : o.persist,
+      routeId: a == null ? void 0 : a.routeId,
+      route: a,
+      toChain: m,
+      toCoin: g,
+      fromChain: u,
+      fromCoin: c,
+      amount: n,
+      quote: "enable",
+      openAt: (/* @__PURE__ */ new Date()).getTime(),
+      startTime: ((F = (z = (j = l) == null ? void 0 : j.getState()) == null ? void 0 : z.persist) == null ? void 0 : F.startTime) || (/* @__PURE__ */ new Date()).getTime()
+    });
+  }, [a]);
+  function I(o) {
+    s(o);
+  }
+  function S() {
+    ((e == null ? void 0 : e.openAt) + 60 * 60 * 1e3 - (/* @__PURE__ */ new Date()).getTime()) / 1e3 / 60 <= 0 && document.visibilityState === "visible" && (i({}), t(), f());
+  }
+  v(() => (e != null && e.openAt && window.addEventListener("visibilitychange", S), () => {
+    window.removeEventListener("visibilitychange", S);
+  }), [e == null ? void 0 : e.openAt]), v(() => (e != null && e.openAt && window.addEventListener("load", S), () => {
+    window.removeEventListener("load", S);
+  }), [e == null ? void 0 : e.openAt]);
+  function q(o) {
+    y(o);
+  }
+  function B(o) {
+    C(o);
+  }
+  function P() {
+    t(), i({}), h && d();
+  }
+  return /* @__PURE__ */ r($.Provider, { value: { isTxnSuccessful: h, handleTxnSuccess: q }, children: /* @__PURE__ */ r(U.Provider, { value: { isErrorMessage: p, handleErrorMessage: B }, children: /* @__PURE__ */ b("div", { className: "bw-w-full bw-relative bw-min-h-[610px] ", children: [
+    /* @__PURE__ */ r(O, { handleBack: P }),
+    /* @__PURE__ */ r("div", { className: "bw-mt-[-20px] ", children: /* @__PURE__ */ r(Z, {}) }),
+    e != null && e.isQuoteTimer ? /* @__PURE__ */ r(R, {}) : /* @__PURE__ */ r(A, {}),
+    /* @__PURE__ */ r("div", { className: "bw-flex bw-justify-between bw-items-center" }),
+    /* @__PURE__ */ b("div", { className: "bw-flex bw-w-full bw-mt-4 bw-justify-between bw-items-center", children: [
+      /* @__PURE__ */ b("div", { className: "bw-w-[40%] md:bw-w-auto", children: [
+        /* @__PURE__ */ r("p", { className: "bw-text-xs bw-mb-1 bw-text-text-secondary bw-font-medium", children: "Send" }),
+        /* @__PURE__ */ r(
+          L,
+          {
+            amount: e == null ? void 0 : e.amount,
+            coinData: e.fromCoin,
+            chainData: e.fromChain,
+            field: "from"
+          }
+        )
+      ] }),
+      p ? /* @__PURE__ */ r(
+        "div",
+        {
+          className: "bw-border bw-mt-5 bw-w-[65px] bw-h-[65px] bw-flex bw-items-center bw-justify-center bw-rounded-[50%] bw-bg-background-card  bw-relative bw-z-10  hover:bw-opacity-100  bw-border-border-primary ",
+          children: /* @__PURE__ */ r("img", { src: M, width: 33, height: 30, alt: "img" })
+        }
+      ) : /* @__PURE__ */ r(
+        J,
+        {
+          isTimerStarted: (e == null ? void 0 : e.isTimerStarted) || x,
+          startTimer: I,
+          error: p
+        }
+      ),
+      /* @__PURE__ */ r("div", { className: "bw-w-full bw-z-0 md:bw-w-full bw-mt-5  bw-absolute bw-h-[1px] bw-bg-border-primary " }),
+      /* @__PURE__ */ b("div", { className: "bw-w-[40%] md:bw-w-auto", children: [
+        /* @__PURE__ */ r("p", { className: "bw-text-xs bw-mb-1 bw-text-text-secondary bw-font-medium", children: "Receive" }),
+        /* @__PURE__ */ r(
+          L,
+          {
+            amount: Number(((k = e == null ? void 0 : e.route) == null ? void 0 : k.outputAmountDisplay) || ""),
+            coinData: e == null ? void 0 : e.toCoin,
+            chainData: e == null ? void 0 : e.toChain,
+            field: "to"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ b("div", { className: "bw-h-[320px] bw-pr-1 bw-flex bw-flex-col bw-mt-8 bw-overflow-y-auto", children: [
+      T ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ r(K, {}),
+      /* @__PURE__ */ r(
+        V,
+        {
+          handleOpenExchange: t,
+          setExchange: w,
+          amount: n,
+          startTimer: I,
+          handleBack: P,
+          isTimerStarted: (e == null ? void 0 : e.isTimerStarted) || x
+        }
+      )
+    ] })
+  ] }) }) });
+});
+function le({
+  handleConfirmClose: t,
+  routesData: n,
+  amount: a,
+  resetAmount: f,
+  resetBalance: d,
+  handleStopRoute: w
+}) {
+  const i = _();
+  v(() => {
+    var c, m;
+    !i.current && Number(
+      ((c = i == null ? void 0 : i.current) == null ? void 0 : c.minOutputAmount) || ((m = i == null ? void 0 : i.current) == null ? void 0 : m.outputAmountDisplay)
+    ) !== Number((n == null ? void 0 : n.minOutputAmount) || (n == null ? void 0 : n.outputAmountDisplay)) && (i.current = n);
+  }, [n]), v(() => {
+    w(!0);
+  }, []);
+  function e() {
+    w(!1), t(!1);
+  }
+  function u() {
+    t(!1);
+  }
+  return /* @__PURE__ */ r(
+    ee,
+    {
+      handleOpenExchange: e,
+      amount: a,
+      route: n,
+      resetAmount: f,
+      resetBalance: d,
+      setExchange: u
+    }
+  );
+}
+export {
+  le as default
+};

package/dist/index.es-D6RvS0tB.js

@@ -0,0 +1,366 @@
+import { M as z } from "./useRegisterError-C52MuupC.js";
+import G, { useEffect as C, useState as J, useRef as j } from "react";
+function E(t, e) {
+  (e == null || e > t.length) && (e = t.length);
+  for (var r = 0, n = Array(e); r < e; r++) n[r] = t[r];
+  return n;
+}
+function Q(t) {
+  if (Array.isArray(t)) return t;
+}
+function Z(t, e, r) {
+  return (e = oe(e)) in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function ee(t, e) {
+  var r = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
+  if (r != null) {
+    var n, c, f, i, b = [], d = !0, A = !1;
+    try {
+      if (f = (r = r.call(t)).next, e !== 0) for (; !(d = (n = f.call(r)).done) && (b.push(n.value), b.length !== e); d = !0) ;
+    } catch (g) {
+      A = !0, c = g;
+    } finally {
+      try {
+        if (!d && r.return != null && (i = r.return(), Object(i) !== i)) return;
+      } finally {
+        if (A) throw c;
+      }
+    }
+    return b;
+  }
+}
+function te() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function x(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(c) {
+      return Object.getOwnPropertyDescriptor(t, c).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function I(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? x(Object(r), !0).forEach(function(n) {
+      Z(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : x(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+function M(t, e) {
+  if (t == null) return {};
+  var r, n, c = ne(t, e);
+  if (Object.getOwnPropertySymbols) {
+    var f = Object.getOwnPropertySymbols(t);
+    for (n = 0; n < f.length; n++) r = f[n], e.includes(r) || {}.propertyIsEnumerable.call(t, r) && (c[r] = t[r]);
+  }
+  return c;
+}
+function ne(t, e) {
+  if (t == null) return {};
+  var r = {};
+  for (var n in t) if ({}.hasOwnProperty.call(t, n)) {
+    if (e.includes(n)) continue;
+    r[n] = t[n];
+  }
+  return r;
+}
+function re(t, e) {
+  return Q(t) || ee(t, e) || ie(t, e) || te();
+}
+function ae(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(t, e);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function oe(t) {
+  var e = ae(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function ie(t, e) {
+  if (t) {
+    if (typeof t == "string") return E(t, e);
+    var r = {}.toString.call(t).slice(8, -1);
+    return r === "Object" && t.constructor && (r = t.constructor.name), r === "Map" || r === "Set" ? Array.from(t) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? E(t, e) : void 0;
+  }
+}
+var ue = ["animationData", "loop", "autoplay", "initialSegment", "onComplete", "onLoopComplete", "onEnterFrame", "onSegmentStart", "onConfigReady", "onDataReady", "onDataFailed", "onLoadedImages", "onDOMLoaded", "onDestroy", "lottieRef", "renderer", "name", "assetsPath", "rendererSettings"], le = function(e, r) {
+  var n = e.animationData, c = e.loop, f = e.autoplay, i = e.initialSegment, b = e.onComplete, d = e.onLoopComplete, A = e.onEnterFrame, g = e.onSegmentStart, L = e.onConfigReady, _ = e.onDataReady, h = e.onDataFailed, u = e.onLoadedImages, w = e.onDOMLoaded, S = e.onDestroy;
+  e.lottieRef, e.renderer, e.name, e.assetsPath, e.rendererSettings;
+  var p = M(e, ue), D = J(!1), l = re(D, 2), O = l[0], R = l[1], o = j(), v = j(null), H = function() {
+    var a;
+    (a = o.current) === null || a === void 0 || a.play();
+  }, F = function() {
+    var a;
+    (a = o.current) === null || a === void 0 || a.stop();
+  }, V = function() {
+    var a;
+    (a = o.current) === null || a === void 0 || a.pause();
+  }, N = function(a) {
+    var s;
+    (s = o.current) === null || s === void 0 || s.setSpeed(a);
+  }, $ = function(a, s) {
+    var m;
+    (m = o.current) === null || m === void 0 || m.goToAndPlay(a, s);
+  }, k = function(a, s) {
+    var m;
+    (m = o.current) === null || m === void 0 || m.goToAndStop(a, s);
+  }, B = function(a) {
+    var s;
+    (s = o.current) === null || s === void 0 || s.setDirection(a);
+  }, W = function(a, s) {
+    var m;
+    (m = o.current) === null || m === void 0 || m.playSegments(a, s);
+  }, K = function(a) {
+    var s;
+    (s = o.current) === null || s === void 0 || s.setSubframe(a);
+  }, U = function(a) {
+    var s;
+    return (s = o.current) === null || s === void 0 ? void 0 : s.getDuration(a);
+  }, X = function() {
+    var a;
+    (a = o.current) === null || a === void 0 || a.destroy(), o.current = void 0;
+  }, Y = function() {
+    var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s;
+    if (v.current) {
+      (s = o.current) === null || s === void 0 || s.destroy();
+      var m = I(I(I({}, e), a), {}, {
+        container: v.current
+      });
+      return o.current = z.loadAnimation(m), R(!!o.current), function() {
+        var P;
+        (P = o.current) === null || P === void 0 || P.destroy(), o.current = void 0;
+      };
+    }
+  };
+  C(function() {
+    var y = Y();
+    return function() {
+      return y == null ? void 0 : y();
+    };
+  }, [n, c]), C(function() {
+    o.current && (o.current.autoplay = !!f);
+  }, [f]), C(function() {
+    if (o.current) {
+      if (!i) {
+        o.current.resetSegments(!0);
+        return;
+      }
+      !Array.isArray(i) || !i.length || ((o.current.currentRawFrame < i[0] || o.current.currentRawFrame > i[1]) && (o.current.currentRawFrame = i[0]), o.current.setSegment(i[0], i[1]));
+    }
+  }, [i]), C(function() {
+    var y = [{
+      name: "complete",
+      handler: b
+    }, {
+      name: "loopComplete",
+      handler: d
+    }, {
+      name: "enterFrame",
+      handler: A
+    }, {
+      name: "segmentStart",
+      handler: g
+    }, {
+      name: "config_ready",
+      handler: L
+    }, {
+      name: "data_ready",
+      handler: _
+    }, {
+      name: "data_failed",
+      handler: h
+    }, {
+      name: "loaded_images",
+      handler: u
+    }, {
+      name: "DOMLoaded",
+      handler: w
+    }, {
+      name: "destroy",
+      handler: S
+    }], a = y.filter(function(m) {
+      return m.handler != null;
+    });
+    if (a.length) {
+      var s = a.map(
+        /**
+         * Handle the process of adding an event listener
+         * @param {Listener} listener
+         * @return {Function} Function that deregister the listener
+         */
+        function(m) {
+          var P;
+          return (P = o.current) === null || P === void 0 || P.addEventListener(m.name, m.handler), function() {
+            var T;
+            (T = o.current) === null || T === void 0 || T.removeEventListener(m.name, m.handler);
+          };
+        }
+      );
+      return function() {
+        s.forEach(function(m) {
+          return m();
+        });
+      };
+    }
+  }, [b, d, A, g, L, _, h, u, w, S]);
+  var q = /* @__PURE__ */ G.createElement("div", I({
+    style: r,
+    ref: v
+  }, p));
+  return {
+    View: q,
+    play: H,
+    stop: F,
+    pause: V,
+    setSpeed: N,
+    goToAndStop: k,
+    goToAndPlay: $,
+    setDirection: B,
+    playSegments: W,
+    setSubframe: K,
+    getDuration: U,
+    destroy: X,
+    animationContainerRef: v,
+    animationLoaded: O,
+    animationItem: o.current
+  };
+};
+function se(t) {
+  var e = t.getBoundingClientRect(), r = e.top, n = e.height, c = window.innerHeight - r, f = window.innerHeight + n;
+  return c / f;
+}
+function de(t, e, r) {
+  var n = t.getBoundingClientRect(), c = n.top, f = n.left, i = n.width, b = n.height, d = (e - f) / i, A = (r - c) / b;
+  return {
+    x: d,
+    y: A
+  };
+}
+var ce = function(e) {
+  var r = e.wrapperRef, n = e.animationItem, c = e.mode, f = e.actions;
+  C(function() {
+    var i = r.current;
+    if (!(!i || !n || !f.length)) {
+      n.stop();
+      var b = function() {
+        var g = null, L = function() {
+          var h = se(i), u = f.find(function(S) {
+            var p = S.visibility;
+            return p && h >= p[0] && h <= p[1];
+          });
+          if (u) {
+            if (u.type === "seek" && u.visibility && u.frames.length === 2) {
+              var w = u.frames[0] + Math.ceil((h - u.visibility[0]) / (u.visibility[1] - u.visibility[0]) * u.frames[1]);
+              n.goToAndStop(w - n.firstFrame - 1, !0);
+            }
+            u.type === "loop" && (g === null || g !== u.frames || n.isPaused) && (n.playSegments(u.frames, !0), g = u.frames), u.type === "play" && n.isPaused && (n.resetSegments(!0), n.play()), u.type === "stop" && n.goToAndStop(u.frames[0] - n.firstFrame - 1, !0);
+          }
+        };
+        return document.addEventListener("scroll", L), function() {
+          document.removeEventListener("scroll", L);
+        };
+      }, d = function() {
+        var g = function(u, w) {
+          var S = u, p = w;
+          if (S !== -1 && p !== -1) {
+            var D = de(i, S, p);
+            S = D.x, p = D.y;
+          }
+          var l = f.find(function(o) {
+            var v = o.position;
+            return v && Array.isArray(v.x) && Array.isArray(v.y) ? S >= v.x[0] && S <= v.x[1] && p >= v.y[0] && p <= v.y[1] : v && !Number.isNaN(v.x) && !Number.isNaN(v.y) ? S === v.x && p === v.y : !1;
+          });
+          if (l) {
+            if (l.type === "seek" && l.position && Array.isArray(l.position.x) && Array.isArray(l.position.y) && l.frames.length === 2) {
+              var O = (S - l.position.x[0]) / (l.position.x[1] - l.position.x[0]), R = (p - l.position.y[0]) / (l.position.y[1] - l.position.y[0]);
+              n.playSegments(l.frames, !0), n.goToAndStop(Math.ceil((O + R) / 2 * (l.frames[1] - l.frames[0])), !0);
+            }
+            l.type === "loop" && n.playSegments(l.frames, !0), l.type === "play" && (n.isPaused && n.resetSegments(!1), n.playSegments(l.frames)), l.type === "stop" && n.goToAndStop(l.frames[0], !0);
+          }
+        }, L = function(u) {
+          g(u.clientX, u.clientY);
+        }, _ = function() {
+          g(-1, -1);
+        };
+        return i.addEventListener("mousemove", L), i.addEventListener("mouseout", _), function() {
+          i.removeEventListener("mousemove", L), i.removeEventListener("mouseout", _);
+        };
+      };
+      switch (c) {
+        case "scroll":
+          return b();
+        case "cursor":
+          return d();
+      }
+    }
+  }, [c, n]);
+}, me = function(e) {
+  var r = e.actions, n = e.mode, c = e.lottieObj, f = c.animationItem, i = c.View, b = c.animationContainerRef;
+  return ce({
+    actions: r,
+    animationItem: f,
+    mode: n,
+    wrapperRef: b
+  }), i;
+}, fe = ["style", "interactivity"], ge = function(e) {
+  var r, n, c, f = e.style, i = e.interactivity, b = M(e, fe), d = le(b, f), A = d.View, g = d.play, L = d.stop, _ = d.pause, h = d.setSpeed, u = d.goToAndStop, w = d.goToAndPlay, S = d.setDirection, p = d.playSegments, D = d.setSubframe, l = d.getDuration, O = d.destroy, R = d.animationContainerRef, o = d.animationLoaded, v = d.animationItem;
+  return C(function() {
+    e.lottieRef && (e.lottieRef.current = {
+      play: g,
+      stop: L,
+      pause: _,
+      setSpeed: h,
+      goToAndPlay: w,
+      goToAndStop: u,
+      setDirection: S,
+      playSegments: p,
+      setSubframe: D,
+      getDuration: l,
+      destroy: O,
+      animationContainerRef: R,
+      animationLoaded: o,
+      animationItem: v
+    });
+  }, [(r = e.lottieRef) === null || r === void 0 ? void 0 : r.current]), me({
+    lottieObj: {
+      View: A,
+      play: g,
+      stop: L,
+      pause: _,
+      setSpeed: h,
+      goToAndStop: u,
+      goToAndPlay: w,
+      setDirection: S,
+      playSegments: p,
+      setSubframe: D,
+      getDuration: l,
+      destroy: O,
+      animationContainerRef: R,
+      animationLoaded: o,
+      animationItem: v
+    },
+    actions: (n = i == null ? void 0 : i.actions) !== null && n !== void 0 ? n : [],
+    mode: (c = i == null ? void 0 : i.mode) !== null && c !== void 0 ? c : "scroll"
+  });
+};
+export {
+  ge as L
+};