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

package/dist/hooks.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_react15, _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_react15 = __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_react15.useState)(false), _useState2 = _slicedToArray(_useState, 2), animationLoaded = _useState2[0], setAnimationLoaded = _useState2[1];
-      var animationInstanceRef = (0, import_react15.useRef)();
-      var animationContainer = (0, import_react15.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_react15.useEffect)(function() {
-        var onUnmount = loadAnimation2();
-        return function() {
-          return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
-        };
-      }, [animationData2, loop]);
-      (0, import_react15.useEffect)(function() {
-        if (!animationInstanceRef.current) {
-          return;
-        }
-        animationInstanceRef.current.autoplay = !!autoplay;
-      }, [autoplay]);
-      (0, import_react15.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_react15.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_react15.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_react15.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_react15.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/hooks/index.tsx
 var hooks_exports = {};
 __export(hooks_exports, {
@@ -17195,10 +16702,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react36 = require("react");
+var import_react35 = require("react");
 
 // src/MatchContext.tsx
-var import_react35 = require("react");
+var import_react34 = require("react");
 
 // src/store/useModalStore.ts
 var import_zustand2 = require("zustand");
@@ -18103,23 +17610,312 @@ var import_jsx_runtime75 = require("react/jsx-runtime");
 // src/ui/Tabs/index.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
 
+// node_modules/lottie-react/build/index.es.js
+var import_lottie_web = __toESM(require_lottie());
+var import_lottie_web2 = __toESM(require_lottie());
+var import_react15 = __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_react15.useState)(false), _useState2 = _slicedToArray(_useState, 2), animationLoaded = _useState2[0], setAnimationLoaded = _useState2[1];
+  var animationInstanceRef = (0, import_react15.useRef)();
+  var animationContainer = (0, import_react15.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_react15.useEffect)(function() {
+    var onUnmount = loadAnimation2();
+    return function() {
+      return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
+    };
+  }, [animationData2, loop]);
+  (0, import_react15.useEffect)(function() {
+    if (!animationInstanceRef.current) {
+      return;
+    }
+    animationInstanceRef.current.autoplay = !!autoplay;
+  }, [autoplay]);
+  (0, import_react15.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_react15.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_react15.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_react16 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
 var LazyLottie = (props) => {
-  const [LottieReact, setLottieReact] = (0, import_react16.useState)(null);
-  (0, import_react16.useEffect)(() => {
-    Promise.resolve().then(() => (init_index_es(), index_es_exports)).then((mod2) => {
-      setLottieReact(mod2.default || mod2);
-    });
-  }, []);
-  if (!LottieReact) return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: "Loading..." });
-  return /* @__PURE__ */ (0, import_jsx_runtime77.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;
 
 // src/components/EVMModal/index.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 
 // src/hooks/eventManager.ts
 var EventManager = class {
@@ -18153,15 +17949,15 @@ var eventManager_default = eventManager;
 var import_react_intl10 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
-var import_react17 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_rainbowkit = require("@rainbow-me/rainbowkit");
 var import_wagmi2 = require("wagmi");
 
 // src/hooks/useWalletBox.ts
-var import_react18 = require("react");
+var import_react17 = require("react");
 
 // src/hooks/useEthersSigner.ts
 var React6 = __toESM(require("react"));
@@ -18171,54 +17967,54 @@ var import_ethers = require("ethers");
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/components/TRONModal/index.tsx
-var import_react21 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var import_react_intl11 = require("react-intl");
 
 // src/hooks/useTRONWallet.ts
-var import_react20 = require("react");
+var import_react19 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
-var import_react22 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_react_intl12 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
-var import_react24 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_react_intl13 = require("react-intl");
 
 // src/lib/btc/XverseAdapter.ts
 var import_sats_connect = require("sats-connect");
 
 // src/hooks/useBTCWallet.ts
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
-var import_react26 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function AlphaAvatar2({ name: name2, size = 40, className = "" }) {
-  const [avatar, setAvatar] = (0, import_react26.useState)(void 0);
-  (0, import_react26.useEffect)(() => {
+  const [avatar, setAvatar] = (0, import_react25.useState)(void 0);
+  (0, import_react25.useEffect)(() => {
     if (name2) {
       const char = name2[0].toUpperCase();
       setAvatar(char);
     }
   }, [name2]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -18226,13 +18022,13 @@ function AlphaAvatar2({ name: name2, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_viem2 = require("viem");
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -18242,8 +18038,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "input",
       {
         placeholder,
@@ -18254,7 +18050,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -18267,22 +18063,22 @@ function TokenSend({
   const intl = (0, import_react_intl15.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
-  const chain = (0, import_react27.useMemo)(() => {
+  const chain = (0, import_react26.useMemo)(() => {
     return chainList?.find((m) => m.id.toString() === token.chain_id);
   }, [chainList, token.chain_id]);
-  const walletClient = (0, import_react27.useMemo)(() => {
+  const walletClient = (0, import_react26.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
       chain: (0, import_viem2.defineChain)(chain),
       transport: (0, import_viem2.http)()
     });
   }, [chain]);
-  const [amount, setAmount] = (0, import_react27.useState)("");
-  const [address, setAddress] = (0, import_react27.useState)("");
-  const [loading, setLoading] = (0, import_react27.useState)(false);
-  const [sending, setSending] = (0, import_react27.useState)(false);
-  const [txError, setTxError] = (0, import_react27.useState)("");
-  const transaction = (0, import_react27.useMemo)(() => {
+  const [amount, setAmount] = (0, import_react26.useState)("");
+  const [address, setAddress] = (0, import_react26.useState)("");
+  const [loading, setLoading] = (0, import_react26.useState)(false);
+  const [sending, setSending] = (0, import_react26.useState)(false);
+  const [txError, setTxError] = (0, import_react26.useState)("");
+  const transaction = (0, import_react26.useMemo)(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
       return;
@@ -18313,7 +18109,7 @@ function TokenSend({
       setLoading(false);
     }
   };
-  const error = (0, import_react27.useMemo)(() => {
+  const error = (0, import_react26.useMemo)(() => {
     setTxError("");
     let amountError = "";
     let addressError = "";
@@ -18356,7 +18152,7 @@ function TokenSend({
       setAmount(value2);
     }
   };
-  const canSend = (0, import_react27.useMemo)(() => {
+  const canSend = (0, import_react26.useMemo)(() => {
     return !error.amount && !error.address && amount && address;
   }, [error]);
   const onNext = async () => {
@@ -18366,7 +18162,7 @@ function TokenSend({
     }
     onClose();
   };
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -18382,24 +18178,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-send-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-token-send-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "amount" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           Input2,
           {
             type: "text",
@@ -18412,18 +18208,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           Input2,
           {
             type: "text",
@@ -18439,7 +18235,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       Button,
       {
         size: "lg",
@@ -18448,7 +18244,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
@@ -18456,12 +18252,12 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl16 = require("react-intl");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_react_intl17 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -18469,20 +18265,20 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = (0, import_react28.useState)();
+  const [checked, setChecked] = (0, import_react27.useState)();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index2) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index2) => {
       const chain = list?.find((m) => m.id.toString() === n.chain_id);
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -18490,10 +18286,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -18501,7 +18297,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -18510,9 +18306,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -18520,13 +18316,13 @@ function TokenSendList({ close }) {
         index2
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl17.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl17.FormattedMessage, { id: "next" }) })
   ] });
 }
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react29 = require("react");
+var import_react28 = require("react");
 var import_viem3 = require("viem");
 var import_viem4 = require("viem");
 
@@ -18588,12 +18384,12 @@ var useContractStore_default = useContractStore;
 
 // src/components/TransactionList/index.tsx
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
-var import_react30 = require("react");
+var import_react29 = require("react");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query3 = require("@tanstack/react-query");
@@ -18611,15 +18407,15 @@ var useStore = (0, import_zustand4.create)((set) => ({
 var useStore_default = useStore;
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_react31 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var ModalContext = (0, import_react31.createContext)(null);
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var ModalContext = (0, import_react30.createContext)(null);
 function useModal() {
-  const context = (0, import_react31.useContext)(ModalContext);
+  const context = (0, import_react30.useContext)(ModalContext);
   if (!context) {
     throw new Error("useModal must be used within a ModalProvider");
   }
@@ -18627,12 +18423,12 @@ function useModal() {
 }
 
 // src/context/ToastContext.tsx
-var import_react32 = require("react");
+var import_react31 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime93 = require("react/jsx-runtime");
-var ToastContext = (0, import_react32.createContext)(null);
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var ToastContext = (0, import_react31.createContext)(null);
 function useToast() {
-  const context = (0, import_react32.useContext)(ToastContext);
+  const context = (0, import_react31.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -18640,14 +18436,14 @@ function useToast() {
 }
 
 // src/context/index.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react33 = require("react");
+var import_react32 = require("react");
 var AppClientId = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react34 = require("react");
+var import_react33 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query4 = require("@tanstack/react-query");
@@ -18720,7 +18516,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem6.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi3 = require("wagmi");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var queryClient = new import_react_query4.QueryClient();
 var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
   appName: "MatchID",
@@ -18739,9 +18535,9 @@ var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
   ],
   chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
 });
-var MatchContext = (0, import_react35.createContext)(void 0);
+var MatchContext = (0, import_react34.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react35.useContext)(MatchContext);
+  const context = (0, import_react34.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -18775,7 +18571,7 @@ function useUserInfo() {
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
-  const isLogin = (0, import_react36.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react35.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -19046,9 +18842,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-var import_react37 = require("react");
+var import_react36 = require("react");
 function useMatchEvents(handlers) {
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -19068,7 +18864,7 @@ function useMatchEvents(handlers) {
 var import_viem7 = require("viem");
 var import_accounts = require("viem/accounts");
 var import_viem8 = require("viem");
-var import_react38 = require("react");
+var import_react37 = require("react");
 var import_viem9 = require("viem");
 
 // src/store/useTransactionStore.ts
@@ -19102,7 +18898,7 @@ var useTransactionStore = (0, import_zustand5.create)((0, import_middleware3.dev
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var AppClientId2 = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -19153,7 +18949,7 @@ function useWallet() {
       throw error;
     }
   };
-  const evmAccount = (0, import_react38.useMemo)(() => {
+  const evmAccount = (0, import_react37.useMemo)(() => {
     try {
       return address ? (0, import_accounts.toAccount)({
         address,
@@ -19192,7 +18988,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -19276,12 +19072,12 @@ function useWallet() {
             address: evmAccount.address
           });
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
           });
           return txHash;
         } catch (error) {
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
           });
           throw error;
         }
@@ -19335,14 +19131,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react39 = require("react");
+var import_react38 = require("react");
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = (0, import_react39.useState)(false);
-  const staticCopy = (0, import_react39.useCallback)((text2) => {
+  const [isCopied, setIsCopied] = (0, import_react38.useState)(false);
+  const staticCopy = (0, import_react38.useCallback)((text2) => {
     const didCopy = (0, import_copy_to_clipboard.default)(text2);
     setIsCopied(didCopy);
   }, []);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -19412,16 +19208,16 @@ function useImportTokenListQuery({
 }
 
 // src/hooks/useMatchChain.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_viem10 = require("viem");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
   const intl = (0, import_react_intl21.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
-  const chainId = (0, import_react40.useMemo)(() => {
+  const chainId = (0, import_react39.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -19430,7 +19226,7 @@ function useMatchChain() {
     }
     return chainListQuery.data[0].id;
   }, [storeChainId, chainListQuery.data]);
-  const chain = (0, import_react40.useMemo)(() => {
+  const chain = (0, import_react39.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -19444,30 +19240,30 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = (0, import_react40.useState)(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = (0, import_react39.useState)(storeChainId2);
     const isDownMd = useDownMd();
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index2) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index2) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index2
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl21.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -19476,7 +19272,7 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
-  const publicClient = (0, import_react40.useMemo)(() => {
+  const publicClient = (0, import_react39.useMemo)(() => {
     if (!chain) {
       return null;
     }
@@ -19504,13 +19300,13 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react42 = require("react");
+var import_react41 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
 var import_react_intl23 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react41 = require("react");
+var import_react40 = require("react");
 var import_react_intl22 = require("react-intl");
 var import_react_query7 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
@@ -19540,14 +19336,14 @@ function useIsContract({
 }
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function ImportToken({ close }) {
-  const [status, setStatus] = (0, import_react41.useState)("");
+  const [status, setStatus] = (0, import_react40.useState)("");
   const { token } = useUserInfo();
-  const [address, setAddress] = (0, import_react41.useState)("");
-  const [symbol, setSymbol] = (0, import_react41.useState)("");
-  const [decimals, setDecimals] = (0, import_react41.useState)("");
-  const [error, setError] = (0, import_react41.useState)({});
+  const [address, setAddress] = (0, import_react40.useState)("");
+  const [symbol, setSymbol] = (0, import_react40.useState)("");
+  const [decimals, setDecimals] = (0, import_react40.useState)("");
+  const [error, setError] = (0, import_react40.useState)({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
@@ -19581,7 +19377,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = (0, import_react_intl22.useIntl)();
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -19600,7 +19396,7 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = (0, import_react41.useState)(false);
+  const [loading, setLoading] = (0, import_react40.useState)(false);
   const toast = useToast();
   const queryClient2 = (0, import_react_query7.useQueryClient)();
   const onImport = async () => {
@@ -19628,7 +19424,7 @@ function ImportToken({ close }) {
       setLoading(false);
     }
   };
-  const canImport = (0, import_react41.useMemo)(() => {
+  const canImport = (0, import_react40.useMemo)(() => {
     if (!address) {
       return false;
     }
@@ -19651,22 +19447,22 @@ function ImportToken({ close }) {
     enabled: canImport
   });
   if (status == "success" || status == "fail") {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
           width: "96px",
           height: "96px"
         } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "importFail" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "back" }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-import-token`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-import-token-form", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-import-token-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSmartContract"
-      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -19677,9 +19473,9 @@ function ImportToken({ close }) {
           maxLength: 42
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSymbol"
-      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -19690,9 +19486,9 @@ function ImportToken({ close }) {
           maxLength: 16
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
         id: "tokenDecimals"
-      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -19704,7 +19500,7 @@ function ImportToken({ close }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Button,
       {
         size: "lg",
@@ -19713,14 +19509,14 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "import" })
       }
     )
   ] });
 }
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var ReceiveModal = () => {
   const chain = useMatchChain();
   const { address } = useWallet();
@@ -19734,10 +19530,10 @@ var ReceiveModal = () => {
     }));
   };
   const chainLink = chain.explorerLink("address/" + address);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-receive-modal`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.FormattedMessage, { id: "receiveQrcode" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl23.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         import_react_qrcode.QRCode,
         {
           margin: "0",
@@ -19745,7 +19541,7 @@ var ReceiveModal = () => {
           value: address
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "a",
         {
           href: chainLink,
@@ -19755,7 +19551,7 @@ var ReceiveModal = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       import_react_intl23.FormattedMessage,
       {
         id: "copyAddress"
@@ -19797,12 +19593,12 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react42.useState)(true);
-  const [items, setItems] = (0, import_react42.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react41.useState)(true);
+  const [items, setItems] = (0, import_react41.useState)([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = (0, import_react42.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react42.useRef)(void 0);
+  const hasMoreRef = (0, import_react41.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react41.useRef)(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -19829,7 +19625,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
@@ -19885,7 +19681,7 @@ function useMatchWalletRecords() {
       setContracts(contractMap);
     }
   };
-  const list = (0, import_react42.useMemo)(() => {
+  const list = (0, import_react41.useMemo)(() => {
     const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
@@ -19927,7 +19723,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react42.useMemo)(() => {
+  const mergedAssets = (0, import_react41.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -20014,7 +19810,7 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react42.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20Tokens = (0, import_react41.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
   const erc20BalanceQuery = (0, import_react_query8.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
@@ -20042,7 +19838,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react42.useMemo)(() => {
+  const enrichedAssets = (0, import_react41.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -20064,7 +19860,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value: value2, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -20089,14 +19885,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 var import_react_query9 = require("@tanstack/react-query");
 var import_viem14 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
 function useReceiptCache() {
-  const [cache, setCache] = (0, import_react43.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react42.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -20107,7 +19903,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -20126,7 +19922,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react43.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react42.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -20143,7 +19939,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const set = (0, import_react43.useCallback)((key2, value2) => {
+  const set = (0, import_react42.useCallback)((key2, value2) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -20161,7 +19957,7 @@ function useReceiptCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react43.useCallback)((key2) => {
+  const get = (0, import_react42.useCallback)((key2) => {
     const entry = cache.get(key2);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL) {
@@ -20175,7 +19971,7 @@ function useReceiptCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react43.useCallback)((key2) => {
+  const del = (0, import_react42.useCallback)((key2) => {
     if (cache.has(key2)) {
       const newCache = new Map(cache);
       newCache.delete(key2);
@@ -20183,7 +19979,7 @@ function useReceiptCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react43.useCallback)(() => {
+  const clear = (0, import_react42.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY);
@@ -20198,7 +19994,7 @@ function useReceipt2({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react43.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react42.useState)(true);
   const query = (0, import_react_query9.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
@@ -20224,7 +20020,7 @@ function useReceipt2({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -20233,14 +20029,14 @@ function useReceipt2({
 }
 
 // src/hooks/useTransaction.tsx
-var import_react44 = require("react");
+var import_react43 = require("react");
 var import_react_query10 = require("@tanstack/react-query");
 var import_viem15 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
 function useTransactionCache() {
-  const [cache, setCache] = (0, import_react44.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react43.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -20251,7 +20047,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -20270,7 +20066,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react44.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react43.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -20287,7 +20083,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const set = (0, import_react44.useCallback)((key2, value2) => {
+  const set = (0, import_react43.useCallback)((key2, value2) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -20305,7 +20101,7 @@ function useTransactionCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react44.useCallback)((key2) => {
+  const get = (0, import_react43.useCallback)((key2) => {
     const entry = cache.get(key2);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL2) {
@@ -20319,7 +20115,7 @@ function useTransactionCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react44.useCallback)((key2) => {
+  const del = (0, import_react43.useCallback)((key2) => {
     if (cache.has(key2)) {
       const newCache = new Map(cache);
       newCache.delete(key2);
@@ -20327,7 +20123,7 @@ function useTransactionCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react44.useCallback)(() => {
+  const clear = (0, import_react43.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY2);
@@ -20342,7 +20138,7 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react44.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react43.useState)(true);
   const query = (0, import_react_query10.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
@@ -20368,7 +20164,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -20403,8 +20199,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=hooks.js.map