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

package/dist/components.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_react10, _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_react10 = __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_react10.useState)(false), _useState2 = _slicedToArray(_useState, 2), animationLoaded = _useState2[0], setAnimationLoaded = _useState2[1];
-      var animationInstanceRef = (0, import_react10.useRef)();
-      var animationContainer = (0, import_react10.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_react10.useEffect)(function() {
-        var onUnmount = loadAnimation2();
-        return function() {
-          return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
-        };
-      }, [animationData2, loop]);
-      (0, import_react10.useEffect)(function() {
-        if (!animationInstanceRef.current) {
-          return;
-        }
-        animationInstanceRef.current.autoplay = !!autoplay;
-      }, [autoplay]);
-      (0, import_react10.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_react10.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_react10.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_react10.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_react10.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/components/index.tsx
 var components_exports = {};
 __export(components_exports, {
@@ -16896,7 +16403,7 @@ __export(components_exports, {
 module.exports = __toCommonJS(components_exports);
 
 // src/components/EmailModal/index.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 
 // src/ui/Modal/index.tsx
 var import_react3 = require("react");
@@ -18734,10 +18241,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 
 // src/MatchContext.tsx
-var import_react24 = require("react");
+var import_react23 = require("react");
 
 // src/hooks/useMatchEvents.ts
 var import_react6 = require("react");
@@ -18788,11 +18295,11 @@ var useStore_default = useStore;
 // src/hooks/useWallet.tsx
 var import_accounts = require("viem/accounts");
 var import_viem3 = require("viem");
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_viem4 = require("viem");
 
 // src/context/ModalContext.tsx
-var import_react12 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 
 // src/ui/Drawer/index.tsx
@@ -19093,49 +18600,338 @@ var import_jsx_runtime65 = require("react/jsx-runtime");
 // src/ui/Tabs/index.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
 
-// src/ui/Lottie/index.tsx
-var import_react11 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var LazyLottie = (props) => {
-  const [LottieReact, setLottieReact] = (0, import_react11.useState)(null);
-  (0, import_react11.useEffect)(() => {
-    Promise.resolve().then(() => (init_index_es(), index_es_exports)).then((mod2) => {
-      setLottieReact(mod2.default || mod2);
-    });
-  }, []);
-  if (!LottieReact) return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: "Loading..." });
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(LottieReact, { loop: true, autoplay: true, ...props });
-};
-var Lottie_default = LazyLottie;
-
-// src/context/ModalContext.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var ModalContext = (0, import_react12.createContext)(null);
-function useModal() {
-  const context = (0, import_react12.useContext)(ModalContext);
-  if (!context) {
-    throw new Error("useModal must be used within a ModalProvider");
-  }
-  return context;
+// node_modules/lottie-react/build/index.es.js
+var import_lottie_web = __toESM(require_lottie());
+var import_lottie_web2 = __toESM(require_lottie());
+var import_react10 = __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;
 }
-
-// src/store/useTransactionStore.ts
-var import_zustand3 = require("zustand");
-var import_middleware2 = require("zustand/middleware");
-var persistedState2 = (0, import_middleware2.persist)(
-  (set, get) => ({
-    transactions: {},
-    addTransaction: (data2) => {
-      set((state) => {
-        const updatedTransactions = {
-          ...state.transactions,
-          [`${data2.chainId}-${data2.address}`]: [data2.info, ...state.transactions[`${data2.chainId}-${data2.address}`] || []]
-        };
-        return { transactions: updatedTransactions };
-      });
-    },
-    removeTransaction: (data2) => {
-      set((state) => {
+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_react10.useState)(false), _useState2 = _slicedToArray(_useState, 2), animationLoaded = _useState2[0], setAnimationLoaded = _useState2[1];
+  var animationInstanceRef = (0, import_react10.useRef)();
+  var animationContainer = (0, import_react10.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_react10.useEffect)(function() {
+    var onUnmount = loadAnimation2();
+    return function() {
+      return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
+    };
+  }, [animationData2, loop]);
+  (0, import_react10.useEffect)(function() {
+    if (!animationInstanceRef.current) {
+      return;
+    }
+    animationInstanceRef.current.autoplay = !!autoplay;
+  }, [autoplay]);
+  (0, import_react10.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_react10.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_react10.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 LazyLottie = (props) => {
+  const options = {
+    animationData: props.animationData,
+    loop: true,
+    autoplay: true
+  };
+  const { View } = useLottie(options, props.style);
+  return View;
+};
+var Lottie_default = LazyLottie;
+
+// src/context/ModalContext.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var ModalContext = (0, import_react11.createContext)(null);
+function useModal() {
+  const context = (0, import_react11.useContext)(ModalContext);
+  if (!context) {
+    throw new Error("useModal must be used within a ModalProvider");
+  }
+  return context;
+}
+
+// src/store/useTransactionStore.ts
+var import_zustand3 = require("zustand");
+var import_middleware2 = require("zustand/middleware");
+var persistedState2 = (0, import_middleware2.persist)(
+  (set, get) => ({
+    transactions: {},
+    addTransaction: (data2) => {
+      set((state) => {
+        const updatedTransactions = {
+          ...state.transactions,
+          [`${data2.chainId}-${data2.address}`]: [data2.info, ...state.transactions[`${data2.chainId}-${data2.address}`] || []]
+        };
+        return { transactions: updatedTransactions };
+      });
+    },
+    removeTransaction: (data2) => {
+      set((state) => {
         const updatedTransactions = {
           ...state.transactions,
           [`${data2.chainId}-${data2.address}`]: (state.transactions[`${data2.chainId}-${data2.address}`] || []).filter((tx) => tx.hash !== data2.hash)
@@ -19150,7 +18946,7 @@ var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.dev
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -19201,7 +18997,7 @@ function useWallet() {
       throw error;
     }
   };
-  const evmAccount = (0, import_react13.useMemo)(() => {
+  const evmAccount = (0, import_react12.useMemo)(() => {
     try {
       return address ? (0, import_accounts.toAccount)({
         address,
@@ -19240,7 +19036,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -19324,12 +19120,12 @@ function useWallet() {
             address: evmAccount.address
           });
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime69.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_runtime68.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
           });
           throw error;
         }
@@ -19383,14 +19179,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react14 = require("react");
+var import_react13 = require("react");
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = (0, import_react14.useState)(false);
-  const staticCopy = (0, import_react14.useCallback)((text2) => {
+  const [isCopied, setIsCopied] = (0, import_react13.useState)(false);
+  const staticCopy = (0, import_react13.useCallback)((text2) => {
     const didCopy = (0, import_copy_to_clipboard.default)(text2);
     setIsCopied(didCopy);
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -19405,10 +19201,10 @@ function useCopyClipboard(timeout = 500) {
 }
 
 // src/context/ToastContext.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var ToastContext = (0, import_react15.createContext)(null);
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var ToastContext = (0, import_react14.createContext)(null);
 
 // src/hooks/api/wallet.ts
 var import_react_query2 = require("@tanstack/react-query");
@@ -19466,16 +19262,16 @@ function useImportTokenListQuery({
 }
 
 // src/hooks/useMatchChain.tsx
-var import_react16 = require("react");
+var import_react15 = require("react");
 var import_viem5 = require("viem");
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
   const intl = (0, import_react_intl3.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
-  const chainId = (0, import_react16.useMemo)(() => {
+  const chainId = (0, import_react15.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -19484,7 +19280,7 @@ function useMatchChain() {
     }
     return chainListQuery.data[0].id;
   }, [storeChainId, chainListQuery.data]);
-  const chain = (0, import_react16.useMemo)(() => {
+  const chain = (0, import_react15.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -19498,30 +19294,30 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = (0, import_react16.useState)(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = (0, import_react15.useState)(storeChainId2);
     const isDownMd = useDownMd();
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index2) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index2) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index2
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_intl3.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_intl3.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -19530,7 +19326,7 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
-  const publicClient = (0, import_react16.useMemo)(() => {
+  const publicClient = (0, import_react15.useMemo)(() => {
     if (!chain) {
       return null;
     }
@@ -19558,7 +19354,7 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_react_query5 = require("@tanstack/react-query");
 
 // src/config/index.tsx
@@ -19629,7 +19425,7 @@ var useContractStore_default = useContractStore;
 var import_react_intl5 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_react_intl4 = require("react-intl");
 var import_react_query4 = require("@tanstack/react-query");
 var import_viem7 = require("viem");
@@ -19639,17 +19435,17 @@ var import_viem6 = require("viem");
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react18.useState)(true);
-  const [items, setItems] = (0, import_react18.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react17.useState)(true);
+  const [items, setItems] = (0, import_react17.useState)([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = (0, import_react18.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react18.useRef)(void 0);
+  const hasMoreRef = (0, import_react17.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react17.useRef)(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -19676,7 +19472,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
@@ -19732,7 +19528,7 @@ function useMatchWalletRecords() {
       setContracts(contractMap);
     }
   };
-  const list = (0, import_react18.useMemo)(() => {
+  const list = (0, import_react17.useMemo)(() => {
     const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
@@ -19774,7 +19570,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react18.useMemo)(() => {
+  const mergedAssets = (0, import_react17.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -19861,7 +19657,7 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react18.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20Tokens = (0, import_react17.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
   const erc20BalanceQuery = (0, import_react_query5.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
@@ -19889,7 +19685,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react18.useMemo)(() => {
+  const enrichedAssets = (0, import_react17.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -19911,7 +19707,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value: value2, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -19936,13 +19732,13 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
 var import_viem9 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 
 // src/hooks/useTransaction.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
 var import_viem10 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
@@ -19951,39 +19747,39 @@ var CACHE_TTL2 = 86400 * 30 * 1e3;
 var import_zustand5 = require("zustand");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 var WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 function useWalletConfig() {
   const isDownMd = useDownMd();
   const walletMap = {
     evm: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "EVM",
       method: "evm"
     },
     sol: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "SOL",
       method: "sol"
     },
     btc: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "BTC",
       method: "btc"
     },
     tron: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "TRON",
       method: "tron"
     },
     ton: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
       name: "TON",
       method: "ton"
     }
@@ -20033,23 +19829,23 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 }));
 
 // src/components/CEXBindModal/index.tsx
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query8 = require("@tanstack/react-query");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react22 = require("react");
+var import_react21 = require("react");
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query9 = require("@tanstack/react-query");
@@ -20122,7 +19918,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem12.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi = require("wagmi");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var queryClient = new import_react_query9.QueryClient();
 var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
   appName: "MatchID",
@@ -20141,9 +19937,9 @@ var wagmiConfig = (0, import_rainbowkit.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_react24.createContext)(void 0);
+var MatchContext = (0, import_react23.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react24.useContext)(MatchContext);
+  const context = (0, import_react23.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -20177,7 +19973,7 @@ function useUserInfo() {
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
-  const isLogin = (0, import_react25.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react24.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -20448,23 +20244,23 @@ function useUserInfo() {
 }
 
 // src/components/EmailModal/StepVerify.tsx
-var import_react26 = require("react");
+var import_react25 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function StepVerify(props) {
   const intl = (0, import_react_intl8.useIntl)();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
-  const [error, setError] = (0, import_react26.useState)("");
-  const [code, setCode] = (0, import_react26.useState)("");
-  const [sending, setSending] = (0, import_react26.useState)(false);
-  const [submitting, setSubmitting] = (0, import_react26.useState)(false);
-  const sendTimeRef = (0, import_react26.useRef)(0);
-  const [sendBtnText, setSendBtnText] = (0, import_react26.useState)(intl.formatMessage({
+  const [error, setError] = (0, import_react25.useState)("");
+  const [code, setCode] = (0, import_react25.useState)("");
+  const [sending, setSending] = (0, import_react25.useState)(false);
+  const [submitting, setSubmitting] = (0, import_react25.useState)(false);
+  const sendTimeRef = (0, import_react25.useRef)(0);
+  const [sendBtnText, setSendBtnText] = (0, import_react25.useState)(intl.formatMessage({
     id: "send"
   }));
   const intervalTime = EMAIL_INTERVAL;
   const codeLength = EMAIL_CODE_LENGTH;
-  const intervalRef = (0, import_react26.useRef)(null);
+  const intervalRef = (0, import_react25.useRef)(null);
   const isDownMd = useDownMd();
   const onSend = async () => {
     if (sendTimeRef.current > 0) {
@@ -20495,7 +20291,7 @@ function StepVerify(props) {
       setSending(false);
     }
   };
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     onSend();
     return () => {
       if (intervalRef.current) {
@@ -20503,7 +20299,7 @@ function StepVerify(props) {
       }
     };
   }, []);
-  const canContinue = (0, import_react26.useMemo)(() => {
+  const canContinue = (0, import_react25.useMemo)(() => {
     return code.length === codeLength;
   }, [code]);
   const onContinue = async () => {
@@ -20527,17 +20323,17 @@ function StepVerify(props) {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-email-verify-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-email-verify-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_intl8.FormattedMessage, { id: "sendEmailTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-email-verify-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-email-verify-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl8.FormattedMessage, { id: "sendEmailTips" }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Field, { label: intl.formatMessage({
       id: "verificationCode"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -20547,7 +20343,7 @@ function StepVerify(props) {
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
-        after: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        after: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           Button,
           {
             highlight: true,
@@ -20566,13 +20362,13 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_intl8.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl8.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function EmailModal({
   isOpen = false,
   width: width2 = 480,
@@ -20580,16 +20376,16 @@ function EmailModal({
   onBack,
   onLogin
 }) {
-  const [step, setStep] = (0, import_react27.useState)("input");
-  const [emailVal, setEmailVal] = (0, import_react27.useState)("");
+  const [step, setStep] = (0, import_react26.useState)("input");
+  const [emailVal, setEmailVal] = (0, import_react26.useState)("");
   const intl = (0, import_react_intl9.useIntl)();
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isOpen) {
       setStep("input");
       setEmailVal("");
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     ModalWithHeader,
     {
       isOpen,
@@ -20599,16 +20395,16 @@ function EmailModal({
         id: "email"
       }),
       onBack: step == "verify" ? () => setStep("input") : onBack,
-      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
+      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
     }
   );
 }
 
 // src/components/LoginBox/index.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_react_intl10 = require("react-intl");
 
 // src/hooks/useAppConfig.ts
@@ -20632,7 +20428,7 @@ function useAppConfig() {
 }
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var RecommendItem = ({
   icon,
   name: name2,
@@ -20641,20 +20437,20 @@ var RecommendItem = ({
   children,
   footer
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-recommend-method", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "matchid-login-recommend-method-name", children: name2 })
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-method", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "matchid-login-recommend-method-name", children: name2 })
       ] }),
-      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         ArrowDownIcon,
         {
           className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
           size: 20,
           color: "var(--matchid-arrow-color)"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         ArrowRightIcon,
         {
           className: "matchid-login-recommend-method-arrow",
@@ -20663,7 +20459,7 @@ var RecommendItem = ({
         }
       )
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    children && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "div",
       {
         className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
@@ -20679,7 +20475,7 @@ function LoginBox({
   inModal = false
 }) {
   const config = useAppConfig();
-  const methodConfig = (0, import_react28.useMemo)(() => {
+  const methodConfig = (0, import_react27.useMemo)(() => {
     if (recommendMethods || methods || walletMethods) {
       return {
         recommendMethods: recommendMethods ? recommendMethods : walletMethods ? ["wallet"] : [],
@@ -20721,82 +20517,82 @@ function LoginBox({
       walletMethods: walletMethodList
     };
   }, [config.platform, recommendMethods, methods, walletMethods]);
-  const [emailOpen, setEmailOpen] = (0, import_react28.useState)(false);
+  const [emailOpen, setEmailOpen] = (0, import_react27.useState)(false);
   const { login } = useUserInfo();
-  const [showWallet, setShowWallet] = (0, import_react28.useState)(false);
+  const [showWallet, setShowWallet] = (0, import_react27.useState)(false);
   const intl = (0, import_react_intl10.useIntl)();
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "wallet" }),
       onClick: () => setShowWallet(!showWallet),
       type: "wallet"
     },
     email: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "email" }),
       onClick: () => {
         setEmailOpen(true);
       }
     },
     google: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
       name: "Google",
       onClick: () => login("google")
     },
     twitter: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
       name: "X",
       onClick: () => login("twitter")
     },
     telegram: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
       name: "Telegram",
       onClick: () => login("telegram")
     },
     github: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
       name: "Github",
       onClick: () => login("github")
     },
     discord: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
       name: "Discord",
       onClick: () => login("discord")
     },
     linkedin: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
       name: "LinkedIn",
       onClick: () => login("linkedin")
     },
     facebook: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
       name: "Facebook",
       onClick: () => login("facebook")
     },
     youtube: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
       name: "Youtube",
       onClick: () => login("youtube")
     }
   };
   const { walletMap } = useWalletConfig();
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
-    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-box", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           RecommendItem,
           {
             icon: methodMap[m]?.icon,
             name: methodMap[m]?.name,
             onClick: methodMap[m]?.onClick,
             showChildren: m == "wallet" && showWallet,
-            children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
+            children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
                 const m2 = walletMap[n];
-                return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
                   "div",
                   {
                     className: "matchid-login-recommend-wallet-item",
@@ -20804,16 +20600,16 @@ function LoginBox({
                       login(m2.method);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
-                        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                           "div",
                           {
                             className: "matchid-login-recommend-wallet-item-hover-icon",
                             children: m2.activeIcon
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                           "span",
                           {
                             className: "matchid-login-recommend-wallet-item-name",
@@ -20821,7 +20617,7 @@ function LoginBox({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                         ArrowRightIcon,
                         {
                           className: "matchid-login-recommend-wallet-item-arrow",
@@ -20839,10 +20635,10 @@ function LoginBox({
           m
         );
       }) }),
-      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl10.FormattedMessage, { id: "otherLoginMethods" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-other", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_intl10.FormattedMessage, { id: "otherLoginMethods" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "div",
             {
               className: "matchid-login-method-item",
@@ -20855,7 +20651,7 @@ function LoginBox({
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       EmailModal,
       {
         isOpen: emailOpen,
@@ -20871,56 +20667,56 @@ function LoginBox({
 }
 
 // src/components/LoginButton/index.tsx
-var import_react30 = require("react");
+var import_react29 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl11 = require("react-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function LoginPanel({
   header,
   onClose,
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-login-panel", children: [
-    header ? header : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-login-panel-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl11.FormattedMessage, { id: "loginTitle" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl11.FormattedMessage, { id: "loginTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-panel", children: [
+    header ? header : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-panel-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl11.FormattedMessage, { id: "loginTitle" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl11.FormattedMessage, { id: "loginTips" }) })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-login-panel-divide" }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LoginBox, { ...props }) })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-divide" }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LoginBox, { ...props }) })
   ] });
 }
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function LoginModal({
   isOpen = false,
   width: width2 = 480,
   ...props
 }) {
   const { isLogin } = useUserInfo();
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     Modal,
     {
       isOpen: isOpen && !isLogin,
       width: width2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(LoginPanel, { ...props, inModal: true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LoginPanel, { ...props, inModal: true })
     }
   );
 }
 
 // src/components/UserPopover/index.tsx
-var import_react29 = require("react");
+var import_react28 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function ProfileIcon({ size = 24, color = "black", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -20929,7 +20725,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
         fill: color
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -20943,10 +20739,10 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 
 // src/components/UserPopover/index.tsx
 var import_react_intl12 = require("react-intl");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function UserContent() {
   const { logout, address, username } = useUserInfo();
-  const [logouting, setLogouting] = (0, import_react29.useState)(false);
+  const [logouting, setLogouting] = (0, import_react28.useState)(false);
   const onLogout = async () => {
     if (logouting) return;
     try {
@@ -20964,34 +20760,34 @@ function UserContent() {
     rightIcon,
     onClick
   }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-user-popover-item-text", children })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-user-popover-item-text", children })
       ] }),
       rightIcon
     ] });
   };
   const UserDivider = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-user-popover-divider` });
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-user-popover-divider` });
   };
-  const [usernameOpen, setUsernameOpen] = (0, import_react29.useState)(false);
+  const [usernameOpen, setUsernameOpen] = (0, import_react28.useState)(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = (0, import_react_intl12.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-user-popover-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-user-popover-list", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UserItem, { onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-user-popover-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-user-popover-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UserItem, { onClick: () => {
         setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UserDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UserItem, { onClick: () => {
+      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UserDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UserItem, { onClick: () => {
         setUsernameOpen(true);
-      }, icon: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
+      }, icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl12.FormattedMessage, { id: "disconnect" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl12.FormattedMessage, { id: "disconnect" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
       setUsernameOpen(false);
@@ -21002,12 +20798,12 @@ function UserPopover({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UserContent, {}), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UserContent, {}), children });
 }
 
 // src/components/LoginButton/index.tsx
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function LoginButton({
   loginRender,
   methods,
@@ -21021,10 +20817,10 @@ function LoginButton({
 }) {
   const intl = (0, import_react_intl13.useIntl)();
   const { isLogin, username } = useUserInfo();
-  const [loginOpen, setLoginOpen] = (0, import_react30.useState)(false);
+  const [loginOpen, setLoginOpen] = (0, import_react29.useState)(false);
   if (!isLogin) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         LoginModal,
         {
           methods,
@@ -21034,32 +20830,32 @@ function LoginButton({
           onClose: () => setLoginOpen(false)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UnLoginIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl13.FormattedMessage, { id: "login" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UnLoginIcon_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl13.FormattedMessage, { id: "login" }) })
       ] })
     ] });
   }
-  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(LoginIcon_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
+  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_jsx_runtime85.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(LoginIcon_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
       id: "user"
     }) })
   ] }) });
 }
 
 // src/components/UsernameModal/index.tsx
-var import_react31 = require("react");
+var import_react30 = require("react");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var ValidItem = ({
   success = false,
   text: text2
 }) => {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: text2 })
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
+    success ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: text2 })
   ] });
 };
 function UsernameModal({
@@ -21070,23 +20866,23 @@ function UsernameModal({
 }) {
   const { username, refreshOverview } = useUserInfo();
   const { isLogin } = useUserInfo();
-  const [val2, setVal] = (0, import_react31.useState)(username);
-  const [error, setError] = (0, import_react31.useState)("");
+  const [val2, setVal] = (0, import_react30.useState)(username);
+  const [error, setError] = (0, import_react30.useState)("");
   const isDownMd = useDownMd();
-  (0, import_react31.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (isOpen) {
       setVal(username);
       setError("");
     }
   }, [isOpen]);
-  const isValid = (0, import_react31.useMemo)(() => {
+  const isValid = (0, import_react30.useMemo)(() => {
     return isValidUsername(val2);
   }, [val2]);
-  const isLength = (0, import_react31.useMemo)(() => {
+  const isLength = (0, import_react30.useMemo)(() => {
     return val2.length >= 2 && val2.length <= 32;
   }, [val2]);
   const isSafe = isValid && isLength;
-  const [isSubmitting, setIsSubmitting] = (0, import_react31.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react30.useState)(false);
   const onSubmit = async () => {
     if (isSubmitting) return;
     try {
@@ -21107,12 +20903,12 @@ function UsernameModal({
     }
   };
   const intl = (0, import_react_intl14.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-username-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Field, { label: intl.formatMessage({
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-username-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Field, { label: intl.formatMessage({
       id: "username"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -21125,8 +20921,8 @@ function UsernameModal({
         value: val2
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-valid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-valid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ValidItem,
         {
           success: isValid,
@@ -21135,25 +20931,25 @@ function UsernameModal({
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
         id: "usernameLengthError"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl14.FormattedMessage, { id: "confirm" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { style: {
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl14.FormattedMessage, { id: "confirm" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl14.FormattedMessage, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl14.FormattedMessage, { id: "cancel" }) })
   ] }) });
 }
 
 // src/components/EVMModal/index.tsx
-var import_react34 = require("react");
+var import_react33 = require("react");
 var import_react_intl15 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
-var import_react32 = require("react");
+var import_react31 = require("react");
 
 // src/assets/wallet.ts
 var walletErrorImage = error_default;
@@ -21163,7 +20959,7 @@ var walletConnectImage = wallet_default;
 var walletSigningImage = signing_default;
 
 // src/components/WalletModalContent/index.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function WalletModalContent({
   status,
   error,
@@ -21174,7 +20970,7 @@ function WalletModalContent({
   address,
   connected
 }) {
-  const pageData = (0, import_react32.useMemo)(() => {
+  const pageData = (0, import_react31.useMemo)(() => {
     if (status == "success") {
       return {
         btnText: "Disconnect Wallet",
@@ -21233,15 +21029,15 @@ function WalletModalContent({
       statusImage: walletConnectImage
     };
   }, [visible, connected, status, error, address]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       Button,
       {
         block: true,
@@ -21255,8 +21051,8 @@ function WalletModalContent({
   ] }) });
 }
 function WalletModalContentV2(props) {
-  const [submitting, setSubmitting] = (0, import_react32.useState)(false);
-  const pageData = (0, import_react32.useMemo)(() => {
+  const [submitting, setSubmitting] = (0, import_react31.useState)(false);
+  const pageData = (0, import_react31.useMemo)(() => {
     const { status } = props;
     if (status == "success") {
       return {
@@ -21317,15 +21113,15 @@ function WalletModalContentV2(props) {
       statusImage: walletConnectImage
     };
   }, [props, submitting]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       Button,
       {
         block: true,
@@ -21344,14 +21140,14 @@ var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
 var import_wagmi3 = require("wagmi");
 
 // src/hooks/useWalletBox.ts
-var import_react33 = require("react");
+var import_react32 = require("react");
 function useWalletBox({
   onInit
 }) {
-  const [status, setStateStatus] = (0, import_react33.useState)("start");
-  const [error, setError] = (0, import_react33.useState)("");
-  const statusRef = (0, import_react33.useRef)(status);
-  const [nonce, setNonce] = (0, import_react33.useState)();
+  const [status, setStateStatus] = (0, import_react32.useState)("start");
+  const [error, setError] = (0, import_react32.useState)("");
+  const statusRef = (0, import_react32.useRef)(status);
+  const [nonce, setNonce] = (0, import_react32.useState)();
   const setStatus = (status2) => {
     statusRef.current = status2;
     setStateStatus(status2);
@@ -21360,7 +21156,7 @@ function useWalletBox({
     setError("");
     setNonce(null);
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     init();
     onInit({
       setStatus
@@ -21607,7 +21403,7 @@ async function getEthersSigner(config, { chainId } = {}) {
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function WalletContent({
   onSuccess,
   type
@@ -21618,16 +21414,16 @@ function WalletContent({
   const { disconnectAsync } = (0, import_wagmi3.useDisconnect)({ config });
   const chainId = (0, import_wagmi3.useChainId)();
   const { events, login } = useMatch();
-  const [inited, setInited] = (0, import_react34.useState)(false);
+  const [inited, setInited] = (0, import_react33.useState)(false);
   const { status, setStatus, error, setError, statusRef, nonce, setNonce, init } = useWalletBox({
     onInit: async ({ setStatus: setStatus2 }) => {
       setStatus2("start");
     }
   });
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     matchlog_default.log(`status=${status}`, `connectModalOpen=${connectModalOpen}`, `address=${address}`, `isConnected=${isConnected}`);
   }, [status, connectModalOpen, isConnected, address]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (connectModalOpen) {
       setStatus("connecting");
       return;
@@ -21640,7 +21436,7 @@ function WalletContent({
       setStatus("start");
     }
   }, [connectModalOpen, address]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (openConnectModal && !isConnected && !inited) {
       openConnectModal && openConnectModal();
       setInited(true);
@@ -21667,7 +21463,7 @@ function WalletContent({
       setError(error2.message);
     }
   };
-  const signature = (0, import_react34.useCallback)(async () => {
+  const signature = (0, import_react33.useCallback)(async () => {
     if (!nonce || status != "nonce") {
       return;
     }
@@ -21723,7 +21519,7 @@ function WalletContent({
       setError(error2.reason || error2.message);
     }
   }, [nonce, status, address]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (signature) {
       signature();
     }
@@ -21765,7 +21561,7 @@ function WalletContent({
     setNonce(void 0);
     setStatus("start");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     WalletModalContentV2,
     {
       status,
@@ -21783,18 +21579,18 @@ function EVMConnectModal({
   ...props
 }) {
   const intl = (0, import_react_intl15.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "EVM"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(WalletContent, { onSuccess, type }) });
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WalletContent, { onSuccess, type }) });
 }
 function EVMModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(EVMConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(EVMConnectModal, { ...props });
 }
 
 // src/components/TRONModal/index.tsx
-var import_react36 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var import_react_intl16 = require("react-intl");
 
 // src/lib/tron/TronLinkAdapter.ts
@@ -21828,7 +21624,7 @@ var TronLinkAdapter = class {
 };
 
 // src/hooks/useTRONWallet.ts
-var import_react35 = require("react");
+var import_react34 = require("react");
 
 // src/lib/tron/BitgetAdapter.ts
 var BitgetAdapter = class {
@@ -21873,9 +21669,9 @@ var OKXAdapter = class {
 // src/hooks/useTRONWallet.ts
 var useTRONWallet = () => {
   const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
-  const [installedWallets, setInstalledWallets] = (0, import_react35.useState)([]);
-  const [address, setAddress] = (0, import_react35.useState)(null);
-  (0, import_react35.useEffect)(() => {
+  const [installedWallets, setInstalledWallets] = (0, import_react34.useState)([]);
+  const [address, setAddress] = (0, import_react34.useState)(null);
+  (0, import_react34.useEffect)(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -21885,11 +21681,11 @@ var useTRONWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = (0, import_react35.useState)(null);
+  const [wallet, chooseWallet] = (0, import_react34.useState)(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -21905,7 +21701,7 @@ var useTRONWallet = () => {
 };
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function TRONConnectModal({
   type = "login",
   onSuccess,
@@ -21915,15 +21711,15 @@ function TRONConnectModal({
   const intl = (0, import_react_intl16.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react36.useState)("");
-  const statusRef = import_react36.default.useRef(status);
-  const [error, setError] = (0, import_react36.useState)("");
-  const connected = (0, import_react36.useMemo)(() => {
+  const [status, setStatus] = (0, import_react35.useState)("");
+  const statusRef = import_react35.default.useRef(status);
+  const [error, setError] = (0, import_react35.useState)("");
+  const connected = (0, import_react35.useMemo)(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
@@ -21991,7 +21787,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -21999,21 +21795,21 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TRON"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     WalletModalContent,
     {
       error,
@@ -22026,9 +21822,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -22041,14 +21837,14 @@ function TRONConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -22058,28 +21854,28 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
-var import_react37 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 var import_react_intl17 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function WalletContent2({
   onSuccess,
   type
 }) {
   const { events, login } = useMatch();
-  const [connected, setConnected] = (0, import_react37.useState)(false);
+  const [connected, setConnected] = (0, import_react36.useState)(false);
   const wallet = (0, import_ui_react.useTonWallet)();
   const userFriendlyAddress = (0, import_ui_react.useTonAddress)();
   const [tonConnectUI] = (0, import_ui_react.useTonConnectUI)();
   const { state, open, close } = (0, import_ui_react.useTonConnectModal)();
-  const [status, setStatus] = (0, import_react37.useState)("");
-  const statusRef = import_react37.default.useRef(status);
-  const [error, setError] = (0, import_react37.useState)("");
-  (0, import_react37.useEffect)(() => {
+  const [status, setStatus] = (0, import_react36.useState)("");
+  const statusRef = import_react36.default.useRef(status);
+  const [error, setError] = (0, import_react36.useState)("");
+  (0, import_react36.useEffect)(() => {
     const init = async () => {
       if (tonConnectUI.connected) {
         await tonConnectUI.disconnect();
@@ -22152,7 +21948,7 @@ function WalletContent2({
       }
     });
   }, []);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -22163,7 +21959,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     console.log({
       state,
       wallet
@@ -22192,7 +21988,7 @@ function WalletContent2({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     WalletModalContent,
     {
       connected,
@@ -22226,24 +22022,24 @@ function TONConnectModal({
   const intl = (0, import_react_intl17.useIntl)();
   const { endpoints, appid } = useLocalStore_default();
   const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     import_ui_react.TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(WalletContent2, { onSuccess, type })
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(WalletContent2, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
-var import_react39 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 var import_react_intl18 = require("react-intl");
 
 // src/lib/btc/UnisatAdapter.ts
@@ -22392,7 +22188,7 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-var import_react38 = require("react");
+var import_react37 = require("react");
 
 // src/lib/btc/PhantomAdapter.ts
 var PhantomAdapter = class {
@@ -22430,9 +22226,9 @@ var PhantomAdapter = class {
 // src/hooks/useBTCWallet.ts
 var useBTCWallet = () => {
   const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter(), new PhantomAdapter()];
-  const [installedWallets, setInstalledWallets] = (0, import_react38.useState)([]);
-  const [address, setAddress] = (0, import_react38.useState)(null);
-  (0, import_react38.useEffect)(() => {
+  const [installedWallets, setInstalledWallets] = (0, import_react37.useState)([]);
+  const [address, setAddress] = (0, import_react37.useState)(null);
+  (0, import_react37.useEffect)(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -22442,11 +22238,11 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = (0, import_react38.useState)(null);
+  const [wallet, chooseWallet] = (0, import_react37.useState)(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -22462,7 +22258,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function BTCConnectModal({
   type = "login",
   onSuccess,
@@ -22472,16 +22268,16 @@ function BTCConnectModal({
   const intl = (0, import_react_intl18.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
-    phantom: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
+    phantom: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react39.useState)("");
-  const statusRef = import_react39.default.useRef(status);
-  const [error, setError] = (0, import_react39.useState)("");
-  const connected = (0, import_react39.useMemo)(() => {
+  const [status, setStatus] = (0, import_react38.useState)("");
+  const statusRef = import_react38.default.useRef(status);
+  const [error, setError] = (0, import_react38.useState)("");
+  const connected = (0, import_react38.useMemo)(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
@@ -22545,7 +22341,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -22558,12 +22354,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -22575,11 +22371,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "BTC"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     WalletModalContent,
     {
       error,
@@ -22592,9 +22388,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -22607,14 +22403,14 @@ function BTCConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -22624,13 +22420,13 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
@@ -22640,7 +22436,7 @@ function WalletConnectModal({
   const { walletMap } = useWalletConfig();
   const { bind, login } = useUserInfo();
   const config = useAppConfig();
-  const methods = (0, import_react40.useMemo)(() => {
+  const methods = (0, import_react39.useMemo)(() => {
     if (_methods) return _methods;
     if (!config.platform) {
       return [];
@@ -22648,13 +22444,13 @@ function WalletConnectModal({
     const platform = config.platform.map((p) => p.toLowerCase());
     return WALLET_METHODS.filter((m) => platform.includes(m));
   }, [config.platform, _methods]);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index2) => {
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index2) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       RecommendItem,
       {
         icon: m?.icon,
@@ -22668,21 +22464,21 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
-var import_react41 = require("react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function AlphaAvatar2({ name: name2, size = 40, className = "" }) {
-  const [avatar, setAvatar] = (0, import_react41.useState)(void 0);
-  (0, import_react41.useEffect)(() => {
+  const [avatar, setAvatar] = (0, import_react40.useState)(void 0);
+  (0, import_react40.useEffect)(() => {
     if (name2) {
       const char = name2[0].toUpperCase();
       setAvatar(char);
     }
   }, [name2]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -22690,7 +22486,7 @@ function AlphaAvatar2({ name: name2, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -22700,7 +22496,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index2) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index2) => {
     const clickFunc = onAssetClick && onAssetClick(n);
     const chain = list?.find((m) => m.id.toString() === n.chain_id);
     const getFooterColor = () => {
@@ -22715,11 +22511,11 @@ function WalletAsset({
       }
       return "";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
+        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           AlphaAvatar2,
           {
             className: `matchid-wallet-asset-icon`,
@@ -22727,12 +22523,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
-        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             NumberFormatter,
             {
               value: n.price,
@@ -22740,7 +22536,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             NumberFormatter,
             {
               value: n.value,
@@ -22749,15 +22545,15 @@ function WalletAsset({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -22773,10 +22569,10 @@ function WalletAsset({
 }
 
 // src/components/TokenSend/index.tsx
-var import_react42 = require("react");
+var import_react41 = require("react");
 var import_viem15 = require("viem");
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -22786,8 +22582,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "input",
       {
         placeholder,
@@ -22798,7 +22594,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -22811,22 +22607,22 @@ function TokenSend({
   const intl = (0, import_react_intl20.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
-  const chain = (0, import_react42.useMemo)(() => {
+  const chain = (0, import_react41.useMemo)(() => {
     return chainList?.find((m) => m.id.toString() === token.chain_id);
   }, [chainList, token.chain_id]);
-  const walletClient = (0, import_react42.useMemo)(() => {
+  const walletClient = (0, import_react41.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
       chain: (0, import_viem15.defineChain)(chain),
       transport: (0, import_viem15.http)()
     });
   }, [chain]);
-  const [amount, setAmount] = (0, import_react42.useState)("");
-  const [address, setAddress] = (0, import_react42.useState)("");
-  const [loading, setLoading] = (0, import_react42.useState)(false);
-  const [sending, setSending] = (0, import_react42.useState)(false);
-  const [txError, setTxError] = (0, import_react42.useState)("");
-  const transaction = (0, import_react42.useMemo)(() => {
+  const [amount, setAmount] = (0, import_react41.useState)("");
+  const [address, setAddress] = (0, import_react41.useState)("");
+  const [loading, setLoading] = (0, import_react41.useState)(false);
+  const [sending, setSending] = (0, import_react41.useState)(false);
+  const [txError, setTxError] = (0, import_react41.useState)("");
+  const transaction = (0, import_react41.useMemo)(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
       return;
@@ -22857,7 +22653,7 @@ function TokenSend({
       setLoading(false);
     }
   };
-  const error = (0, import_react42.useMemo)(() => {
+  const error = (0, import_react41.useMemo)(() => {
     setTxError("");
     let amountError = "";
     let addressError = "";
@@ -22900,7 +22696,7 @@ function TokenSend({
       setAmount(value2);
     }
   };
-  const canSend = (0, import_react42.useMemo)(() => {
+  const canSend = (0, import_react41.useMemo)(() => {
     return !error.amount && !error.address && amount && address;
   }, [error]);
   const onNext = async () => {
@@ -22910,7 +22706,7 @@ function TokenSend({
     }
     onClose();
   };
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -22926,24 +22722,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-send-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-token-send-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-amount-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "amount" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl20.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl20.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Input2,
           {
             type: "text",
@@ -22956,18 +22752,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl20.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl20.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Input2,
           {
             type: "text",
@@ -22983,7 +22779,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Button,
       {
         size: "lg",
@@ -22992,7 +22788,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl20.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
@@ -23000,7 +22796,7 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
   token
@@ -23010,41 +22806,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
   const intl = (0, import_react_intl21.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
-  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-token-detail`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-token-main`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-token-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-detail`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-main`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-logo`, children: [
+          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-name`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
-      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
+      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-contract`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl21.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -23052,20 +22848,20 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = (0, import_react43.useState)();
+  const [checked, setChecked] = (0, import_react42.useState)();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index2) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime98.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -23073,10 +22869,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -23084,7 +22880,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -23093,9 +22889,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -23103,24 +22899,24 @@ function TokenSendList({ close }) {
         index2
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "next" }) })
   ] });
 }
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react44 = require("react");
+var import_react43 = require("react");
 var import_viem16 = require("viem");
 var import_viem17 = require("viem");
 var import_react_intl23 = require("react-intl");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var Item = ({ data: data2 }) => {
   const { address } = useWallet();
   const isOut = data2.from.toLowerCase() == address.toLowerCase();
   const { chain, chainId, explorerLink, formatUnits: chainFormatUnits } = useMatchChain();
   const { contracts } = useContractStore_default();
-  const [shouldRefetch, setShouldRefetch] = (0, import_react44.useState)(true);
-  const transferType = (0, import_react44.useMemo)(() => {
+  const [shouldRefetch, setShouldRefetch] = (0, import_react43.useState)(true);
+  const transferType = (0, import_react43.useMemo)(() => {
     const methodId = data2.input.substring(2, 10);
     if (methodId == "095ea7b3") {
       return "erc20_approve";
@@ -23130,7 +22926,7 @@ var Item = ({ data: data2 }) => {
     }
     return "unknown";
   }, [data2.input]);
-  const to = (0, import_react44.useMemo)(() => {
+  const to = (0, import_react43.useMemo)(() => {
     if (!isOut) {
       return data2.from;
     }
@@ -23143,7 +22939,7 @@ var Item = ({ data: data2 }) => {
     }
     return data2.to;
   }, [data2.input, transferType, data2.to, isOut]);
-  const amount = (0, import_react44.useMemo)(() => {
+  const amount = (0, import_react43.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       const decodeData = (0, import_viem16.decodeFunctionData)({
         abi: import_viem17.erc20Abi,
@@ -23161,7 +22957,7 @@ var Item = ({ data: data2 }) => {
     refetchInterval: shouldRefetch ? 3e3 : false,
     enabled: shouldRefetch && data2.source == "local"
   });
-  const status = (0, import_react44.useMemo)(() => {
+  const status = (0, import_react43.useMemo)(() => {
     if (data2.source == "matchain") {
       switch (data2.extra.status) {
         case "ok":
@@ -23188,30 +22984,30 @@ var Item = ({ data: data2 }) => {
     }
     return "loading";
   }, [data2.extra?.status, data2.source, hashQuery.data]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (data2.hash) {
       setShouldRefetch(status == "loading");
     }
   }, [status, data2.hash]);
-  const symbol = (0, import_react44.useMemo)(() => {
+  const symbol = (0, import_react43.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       const contract = contracts[`${chainId}-${data2.to.toLowerCase()}`];
       return contract?.symbol || contract?.name || "unknown";
     }
     return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
   }, [transferType, chain, contracts, chainId, data2.to]);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     "a",
     {
       href: explorerLink(`tx/${data2.hash}`),
       target: "_blank",
       className: `matchid-transaction-item`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -23220,11 +23016,11 @@ var Item = ({ data: data2 }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(InfoRoundIcon, { size: 16 })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -23234,19 +23030,19 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     import_react_infinite_scroll_component.default,
     {
       scrollableTarget,
       dataLength: items.length,
       next: fetchMoreData,
       hasMore,
-      loader: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+      loader: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-list-nomore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.FormattedMessage, { id: "noRecords" }) }),
-      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index2) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Item, { data: item }, index2)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl23.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl23.FormattedMessage, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index2) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Item, { data: item }, index2)) })
     }
   );
 }
@@ -23287,8 +23083,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=components.js.map