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

package/dist/index.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_react30, _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_react30 = __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_react30.useState)(false), _useState2 = _slicedToArray(_useState, 2), animationLoaded = _useState2[0], setAnimationLoaded = _useState2[1];
-      var animationInstanceRef = (0, import_react30.useRef)();
-      var animationContainer = (0, import_react30.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_react30.useEffect)(function() {
-        var onUnmount = loadAnimation2();
-        return function() {
-          return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
-        };
-      }, [animationData2, loop]);
-      (0, import_react30.useEffect)(function() {
-        if (!animationInstanceRef.current) {
-          return;
-        }
-        animationInstanceRef.current.autoplay = !!autoplay;
-      }, [autoplay]);
-      (0, import_react30.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_react30.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_react30.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_react30.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_react30.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/index.tsx
 var src_exports = {};
 __export(src_exports, {
@@ -16886,7 +16393,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/MatchContext.tsx
-var import_react44 = require("react");
+var import_react43 = require("react");
 
 // src/hooks/index.tsx
 var hooks_exports = {};
@@ -19268,11 +18775,11 @@ var RecoveryType = /* @__PURE__ */ ((RecoveryType3) => {
 // src/hooks/useWallet.tsx
 var import_accounts = require("viem/accounts");
 var import_viem8 = require("viem");
-var import_react33 = require("react");
+var import_react32 = require("react");
 var import_viem9 = require("viem");
 
 // src/context/ModalContext.tsx
-var import_react32 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 
 // src/ui/index.ts
@@ -22799,39 +22306,328 @@ function Tabs(props) {
   }) });
 }
 
+// node_modules/lottie-react/build/index.es.js
+var import_lottie_web = __toESM(require_lottie());
+var import_lottie_web2 = __toESM(require_lottie());
+var import_react30 = __toESM(require("react"));
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e, n, i, u, a = [], f = true, o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = false;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
+    } catch (r2) {
+      o = true, n = r2;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o, r, i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+var _excluded$1 = ["animationData", "loop", "autoplay", "initialSegment", "onComplete", "onLoopComplete", "onEnterFrame", "onSegmentStart", "onConfigReady", "onDataReady", "onDataFailed", "onLoadedImages", "onDOMLoaded", "onDestroy", "lottieRef", "renderer", "name", "assetsPath", "rendererSettings"];
+var useLottie = function useLottie2(props, style) {
+  var animationData2 = props.animationData, loop = props.loop, autoplay = props.autoplay, initialSegment = props.initialSegment, onComplete = props.onComplete, onLoopComplete = props.onLoopComplete, onEnterFrame = props.onEnterFrame, onSegmentStart = props.onSegmentStart, onConfigReady = props.onConfigReady, onDataReady = props.onDataReady, onDataFailed = props.onDataFailed, onLoadedImages = props.onLoadedImages, onDOMLoaded = props.onDOMLoaded, onDestroy = props.onDestroy;
+  props.lottieRef;
+  props.renderer;
+  props.name;
+  props.assetsPath;
+  props.rendererSettings;
+  var rest = _objectWithoutProperties(props, _excluded$1);
+  var _useState = (0, import_react30.useState)(false), _useState2 = _slicedToArray(_useState, 2), animationLoaded = _useState2[0], setAnimationLoaded = _useState2[1];
+  var animationInstanceRef = (0, import_react30.useRef)();
+  var animationContainer = (0, import_react30.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_react30.useEffect)(function() {
+    var onUnmount = loadAnimation2();
+    return function() {
+      return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
+    };
+  }, [animationData2, loop]);
+  (0, import_react30.useEffect)(function() {
+    if (!animationInstanceRef.current) {
+      return;
+    }
+    animationInstanceRef.current.autoplay = !!autoplay;
+  }, [autoplay]);
+  (0, import_react30.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_react30.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_react30.default.createElement("div", _objectSpread2({
+    style,
+    ref: animationContainer
+  }, rest));
+  return {
+    View,
+    play,
+    stop,
+    pause,
+    setSpeed,
+    goToAndStop,
+    goToAndPlay,
+    setDirection,
+    playSegments,
+    setSubframe,
+    getDuration,
+    destroy,
+    animationContainerRef: animationContainer,
+    animationLoaded,
+    animationItem: animationInstanceRef.current
+  };
+};
+
 // src/ui/Lottie/index.tsx
-var import_react31 = require("react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
 var LazyLottie = (props) => {
-  const [LottieReact, setLottieReact] = (0, import_react31.useState)(null);
-  (0, import_react31.useEffect)(() => {
-    Promise.resolve().then(() => (init_index_es(), index_es_exports)).then((mod2) => {
-      setLottieReact(mod2.default || mod2);
-    });
-  }, []);
-  if (!LottieReact) return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: "Loading..." });
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LottieReact, { loop: true, autoplay: true, ...props });
+  const options = {
+    animationData: props.animationData,
+    loop: true,
+    autoplay: true
+  };
+  const { View } = useLottie(options, props.style);
+  return View;
 };
 var Lottie_default = LazyLottie;
 
 // src/context/ModalContext.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
-var ModalContext = (0, import_react32.createContext)(null);
+var import_jsx_runtime89 = require("react/jsx-runtime");
+var ModalContext = (0, import_react31.createContext)(null);
 function ModalProvider({ children }) {
-  const [modalState, setModalState] = (0, import_react32.useState)({
+  const [modalState, setModalState] = (0, import_react31.useState)({
     modals: [],
     highestZIndex: 100
   });
-  const getNextIndex = (0, import_react32.useCallback)(() => {
+  const getNextIndex = (0, import_react31.useCallback)(() => {
     return Math.max(...modalState.modals.map((modal) => modal.index), 0) + 1 || 100;
   }, [modalState]);
-  const closeModal = (0, import_react32.useCallback)((index2) => {
+  const closeModal = (0, import_react31.useCallback)((index2) => {
     setModalState((prevState) => ({
       modals: prevState.modals.filter((modal) => modal.index !== index2),
       highestZIndex: prevState.highestZIndex
     }));
   }, []);
-  const show = (0, import_react32.useCallback)((content2, index2) => {
+  const show = (0, import_react31.useCallback)((content2, index2) => {
     setModalState((prevState) => {
       const modalIndex = index2 !== void 0 ? index2 : getNextIndex();
       const newZIndex = prevState.highestZIndex + 1;
@@ -22847,7 +22643,7 @@ function ModalProvider({ children }) {
       };
     });
   }, [getNextIndex, closeModal]);
-  const open = (0, import_react32.useCallback)((props) => {
+  const open = (0, import_react31.useCallback)((props) => {
     setModalState((prevState) => {
       const modalIndex = props.index !== void 0 ? props.index : getNextIndex();
       const newZIndex = prevState.highestZIndex + 1;
@@ -22857,7 +22653,7 @@ function ModalProvider({ children }) {
           index: modalIndex,
           zIndex: newZIndex,
           close: () => closeModal(modalIndex),
-          content: ({ close, zIndex }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalDrawer, { showClose: true, isOpen: true, onClose: close, title: props.title, zIndex, onBack: props.onBack, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(props.content, { close, zIndex }) })
+          content: ({ close, zIndex }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalDrawer, { showClose: true, isOpen: true, onClose: close, title: props.title, zIndex, onBack: props.onBack, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(props.content, { close, zIndex }) })
         }],
         highestZIndex: newZIndex
       };
@@ -22865,17 +22661,17 @@ function ModalProvider({ children }) {
   }, [getNextIndex, closeModal]);
   const modalElements = modalState.modals.sort((a, b) => b.zIndex - a.zIndex).map(
     (modal) => modal.visible ? (0, import_react_dom.createPortal)(
-      import_react32.default.createElement(modal.content, { zIndex: modal.zIndex, close: modal.close }),
+      import_react31.default.createElement(modal.content, { zIndex: modal.zIndex, close: modal.close }),
       document.body
     ) : null
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ModalContext.Provider, { value: { show, open }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ModalContext.Provider, { value: { show, open }, children: [
     children,
     modalElements
   ] });
 }
 function useModal() {
-  const context = (0, import_react32.useContext)(ModalContext);
+  const context = (0, import_react31.useContext)(ModalContext);
   if (!context) {
     throw new Error("useModal must be used within a ModalProvider");
   }
@@ -22913,7 +22709,7 @@ var useTransactionStore = (0, import_zustand5.create)((0, import_middleware3.dev
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -22964,7 +22760,7 @@ function useWallet() {
       throw error;
     }
   };
-  const evmAccount = (0, import_react33.useMemo)(() => {
+  const evmAccount = (0, import_react32.useMemo)(() => {
     try {
       return address ? (0, import_accounts.toAccount)({
         address,
@@ -23003,7 +22799,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -23087,12 +22883,12 @@ function useWallet() {
             address: evmAccount.address
           });
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime91.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_runtime90.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
           });
           throw error;
         }
@@ -23146,14 +22942,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react34 = require("react");
+var import_react33 = require("react");
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = (0, import_react34.useState)(false);
-  const staticCopy = (0, import_react34.useCallback)((text2) => {
+  const [isCopied, setIsCopied] = (0, import_react33.useState)(false);
+  const staticCopy = (0, import_react33.useCallback)((text2) => {
     const didCopy = (0, import_copy_to_clipboard.default)(text2);
     setIsCopied(didCopy);
   }, []);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -23168,49 +22964,49 @@ function useCopyClipboard(timeout = 500) {
 }
 
 // src/context/ToastContext.tsx
-var import_react35 = require("react");
+var import_react34 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var ToastContext = (0, import_react35.createContext)(null);
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var ToastContext = (0, import_react34.createContext)(null);
 function ToastProvider({ children, zIndex = 299 }) {
-  const [toasts, setToasts] = (0, import_react35.useState)([]);
-  const removeToast = (0, import_react35.useCallback)((id) => {
+  const [toasts, setToasts] = (0, import_react34.useState)([]);
+  const removeToast = (0, import_react34.useCallback)((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
-  const show = (0, import_react35.useCallback)(({ icon, timeout = 3e3, text: text2 }) => {
+  const show = (0, import_react34.useCallback)(({ icon, timeout = 3e3, text: text2 }) => {
     const id = Date.now() + Math.random();
     setToasts((prev) => [...prev, { id, icon, text: text2 }]);
     setTimeout(() => removeToast(id), timeout);
   }, [removeToast]);
-  const success = (0, import_react35.useCallback)((text2, timeout) => {
-    show({ icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CheckRoundIcon, { color: "#2FCC00", size: 24 }), text: text2, timeout });
+  const success = (0, import_react34.useCallback)((text2, timeout) => {
+    show({ icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckRoundIcon, { color: "#2FCC00", size: 24 }), text: text2, timeout });
   }, [show]);
-  const error = (0, import_react35.useCallback)((text2, timeout) => {
-    show({ icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ErrorRoundIcon, { size: 24 }), text: text2, timeout });
+  const error = (0, import_react34.useCallback)((text2, timeout) => {
+    show({ icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ErrorRoundIcon, { size: 24 }), text: text2, timeout });
   }, [show]);
   const ToastComponent = (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-toast-box", style: {
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-toast-box", style: {
       zIndex
-    }, children: toasts.reverse().map(({ id, icon, text: text2 }) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+    }, children: toasts.reverse().map(({ id, icon, text: text2 }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       "div",
       {
         className: "matchid-toast",
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: text2 })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: text2 })
         ]
       },
       id
     )) }),
     document.body
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToastContext.Provider, { value: { show, success, error }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ToastContext.Provider, { value: { show, success, error }, children: [
     children,
     ToastComponent
   ] });
 }
 function useToast() {
-  const context = (0, import_react35.useContext)(ToastContext);
+  const context = (0, import_react34.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -23346,16 +23142,16 @@ function useWalletAssetListQuery({
 }
 
 // src/hooks/useMatchChain.tsx
-var import_react36 = require("react");
+var import_react35 = require("react");
 var import_viem10 = require("viem");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
   const intl = (0, import_react_intl19.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
-  const chainId = (0, import_react36.useMemo)(() => {
+  const chainId = (0, import_react35.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -23364,7 +23160,7 @@ function useMatchChain() {
     }
     return chainListQuery.data[0].id;
   }, [storeChainId, chainListQuery.data]);
-  const chain = (0, import_react36.useMemo)(() => {
+  const chain = (0, import_react35.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -23378,30 +23174,30 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = (0, import_react36.useState)(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = (0, import_react35.useState)(storeChainId2);
     const isDownMd = useDownMd();
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index2) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index2) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index2
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl19.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl19.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -23410,7 +23206,7 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
-  const publicClient = (0, import_react36.useMemo)(() => {
+  const publicClient = (0, import_react35.useMemo)(() => {
     if (!chain) {
       return null;
     }
@@ -23438,13 +23234,13 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react38 = require("react");
+var import_react37 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
 var import_react_intl21 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react37 = require("react");
+var import_react36 = require("react");
 var import_react_intl20 = require("react-intl");
 var import_react_query5 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
@@ -23474,14 +23270,14 @@ function useIsContract({
 }
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function ImportToken({ close }) {
-  const [status, setStatus] = (0, import_react37.useState)("");
+  const [status, setStatus] = (0, import_react36.useState)("");
   const { token } = useUserInfo();
-  const [address, setAddress] = (0, import_react37.useState)("");
-  const [symbol, setSymbol] = (0, import_react37.useState)("");
-  const [decimals, setDecimals] = (0, import_react37.useState)("");
-  const [error, setError] = (0, import_react37.useState)({});
+  const [address, setAddress] = (0, import_react36.useState)("");
+  const [symbol, setSymbol] = (0, import_react36.useState)("");
+  const [decimals, setDecimals] = (0, import_react36.useState)("");
+  const [error, setError] = (0, import_react36.useState)({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
@@ -23515,7 +23311,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = (0, import_react_intl20.useIntl)();
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -23534,7 +23330,7 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = (0, import_react37.useState)(false);
+  const [loading, setLoading] = (0, import_react36.useState)(false);
   const toast = useToast();
   const queryClient2 = (0, import_react_query5.useQueryClient)();
   const onImport = async () => {
@@ -23562,7 +23358,7 @@ function ImportToken({ close }) {
       setLoading(false);
     }
   };
-  const canImport = (0, import_react37.useMemo)(() => {
+  const canImport = (0, import_react36.useMemo)(() => {
     if (!address) {
       return false;
     }
@@ -23585,22 +23381,22 @@ function ImportToken({ close }) {
     enabled: canImport
   });
   if (status == "success" || status == "fail") {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
           width: "96px",
           height: "96px"
         } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl20.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl20.FormattedMessage, { id: "importFail" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl20.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl20.FormattedMessage, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "back" }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-import-token`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-import-token-form", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-import-token-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSmartContract"
-      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -23611,9 +23407,9 @@ function ImportToken({ close }) {
           maxLength: 42
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSymbol"
-      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -23624,9 +23420,9 @@ function ImportToken({ close }) {
           maxLength: 16
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
         id: "tokenDecimals"
-      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -23638,7 +23434,7 @@ function ImportToken({ close }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       Button,
       {
         size: "lg",
@@ -23647,14 +23443,14 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl20.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "import" })
       }
     )
   ] });
 }
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var ReceiveModal = () => {
   const chain = useMatchChain();
   const { address } = useWallet();
@@ -23668,10 +23464,10 @@ var ReceiveModal = () => {
     }));
   };
   const chainLink = chain.explorerLink("address/" + address);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-receive-modal`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl21.FormattedMessage, { id: "receiveQrcode" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         import_react_qrcode.QRCode,
         {
           margin: "0",
@@ -23679,7 +23475,7 @@ var ReceiveModal = () => {
           value: address
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "a",
         {
           href: chainLink,
@@ -23689,7 +23485,7 @@ var ReceiveModal = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       import_react_intl21.FormattedMessage,
       {
         id: "copyAddress"
@@ -23731,12 +23527,12 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react38.useState)(true);
-  const [items, setItems] = (0, import_react38.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react37.useState)(true);
+  const [items, setItems] = (0, import_react37.useState)([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = (0, import_react38.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react38.useRef)(void 0);
+  const hasMoreRef = (0, import_react37.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react37.useRef)(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -23763,7 +23559,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
@@ -23819,7 +23615,7 @@ function useMatchWalletRecords() {
       setContracts(contractMap);
     }
   };
-  const list = (0, import_react38.useMemo)(() => {
+  const list = (0, import_react37.useMemo)(() => {
     const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
@@ -23861,7 +23657,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react38.useMemo)(() => {
+  const mergedAssets = (0, import_react37.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -23948,7 +23744,7 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react38.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20Tokens = (0, import_react37.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
   const erc20BalanceQuery = (0, import_react_query6.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
@@ -23976,7 +23772,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react38.useMemo)(() => {
+  const enrichedAssets = (0, import_react37.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -23998,7 +23794,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value: value2, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -24023,14 +23819,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react39 = require("react");
+var import_react38 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
 var import_viem14 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
 function useReceiptCache() {
-  const [cache, setCache] = (0, import_react39.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react38.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -24041,7 +23837,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -24060,7 +23856,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react39.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react38.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -24077,7 +23873,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const set = (0, import_react39.useCallback)((key2, value2) => {
+  const set = (0, import_react38.useCallback)((key2, value2) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -24095,7 +23891,7 @@ function useReceiptCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react39.useCallback)((key2) => {
+  const get = (0, import_react38.useCallback)((key2) => {
     const entry = cache.get(key2);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL) {
@@ -24109,7 +23905,7 @@ function useReceiptCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react39.useCallback)((key2) => {
+  const del = (0, import_react38.useCallback)((key2) => {
     if (cache.has(key2)) {
       const newCache = new Map(cache);
       newCache.delete(key2);
@@ -24117,7 +23913,7 @@ function useReceiptCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react39.useCallback)(() => {
+  const clear = (0, import_react38.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY);
@@ -24132,7 +23928,7 @@ function useReceipt2({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react38.useState)(true);
   const query = (0, import_react_query7.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
@@ -24158,7 +23954,7 @@ function useReceipt2({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -24167,14 +23963,14 @@ function useReceipt2({
 }
 
 // src/hooks/useTransaction.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
 var import_viem15 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
 function useTransactionCache() {
-  const [cache, setCache] = (0, import_react40.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react39.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -24185,7 +23981,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -24204,7 +24000,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react40.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react39.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -24221,7 +24017,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const set = (0, import_react40.useCallback)((key2, value2) => {
+  const set = (0, import_react39.useCallback)((key2, value2) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -24239,7 +24035,7 @@ function useTransactionCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react40.useCallback)((key2) => {
+  const get = (0, import_react39.useCallback)((key2) => {
     const entry = cache.get(key2);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL2) {
@@ -24253,7 +24049,7 @@ function useTransactionCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react40.useCallback)((key2) => {
+  const del = (0, import_react39.useCallback)((key2) => {
     if (cache.has(key2)) {
       const newCache = new Map(cache);
       newCache.delete(key2);
@@ -24261,7 +24057,7 @@ function useTransactionCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react40.useCallback)(() => {
+  const clear = (0, import_react39.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY2);
@@ -24276,7 +24072,7 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
   const query = (0, import_react_query8.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
@@ -24302,7 +24098,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -24311,9 +24107,9 @@ function useTransaction({
 }
 
 // src/components/CEXBindModal/index.tsx
-var import_react41 = require("react");
+var import_react40 = require("react");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function CEXBindModal({
   onClose,
   type,
@@ -24322,16 +24118,16 @@ function CEXBindModal({
 }) {
   const intl = (0, import_react_intl22.useIntl)();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = (0, import_react41.useState)("");
+  const [APIPassphrase, setAPIPassphrase] = (0, import_react40.useState)("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = (0, import_react41.useState)(false);
-  const [key2, setKey] = (0, import_react41.useState)("");
-  const [secret, setSecret] = (0, import_react41.useState)("");
-  const [error, setError] = (0, import_react41.useState)("");
-  const needPassphrase = (0, import_react41.useMemo)(() => {
+  const [loading, setLoading] = (0, import_react40.useState)(false);
+  const [key2, setKey] = (0, import_react40.useState)("");
+  const [secret, setSecret] = (0, import_react40.useState)("");
+  const [error, setError] = (0, import_react40.useState)("");
+  const needPassphrase = (0, import_react40.useMemo)(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -24368,20 +24164,20 @@ function CEXBindModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
     id: "CEXBindTitle"
   }, {
     type
-  }), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-cex-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindAttention" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips1" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips2" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips3" }) })
+  }), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-cex-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindAttention" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips1" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips2" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips3" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Field, { label: intl.formatMessage({
       id: "CEXBindApiKey"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Input,
       {
         value: key2,
@@ -24389,9 +24185,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Field, { label: intl.formatMessage({
       id: "CEXBindApiSecretKey"
-    }), error: !needPassphrase && error, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    }), error: !needPassphrase && error, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Input,
       {
         value: secret,
@@ -24399,9 +24195,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    needPassphrase && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Field, { error, label: intl.formatMessage({
+    needPassphrase && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Field, { error, label: intl.formatMessage({
       id: "CEXBindApiPassphrase"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Input,
       {
         value: APIPassphrase,
@@ -24409,7 +24205,7 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Button,
       {
         onClick: SubmitApi,
@@ -24417,7 +24213,7 @@ function CEXBindModal({
         block: true,
         loading,
         disabled: !key2 || !secret,
-        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl22.FormattedMessage, { id: "continue" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "continue" })
       }
     )
   ] }) });
@@ -24425,7 +24221,7 @@ function CEXBindModal({
 
 // src/context/BusinessProvider.tsx
 var import_react_query9 = require("@tanstack/react-query");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
   const { type: EVMType, isOpen: EVMIsOpen, close: EVMClose } = useEVMModalStore();
@@ -24459,8 +24255,8 @@ function BusinessProvider({ children }) {
     enabled: !!tgAppAuthCode,
     refetchInterval: 1e3 * 5
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       EVMModal,
       {
         isOpen: EVMIsOpen && (EVMType == "login" && !overview && !token || EVMType == "bind" && !!token && !!overview),
@@ -24470,7 +24266,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       TRONModal,
       {
         isOpen: TRONIsOpen && (TRONType == "login" && !overview && !token || TRONType == "bind" && !!token && !!overview),
@@ -24480,7 +24276,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       TONModal,
       {
         isOpen: TONIsOpen && (TONType == "login" && !overview && !token || TONType == "bind" && !!token && !!overview),
@@ -24490,7 +24286,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       BTCModal,
       {
         isOpen: BTCIsOpen && (BTCType == "login" && !overview && !token || BTCType == "bind" && !!token && !!overview),
@@ -24500,7 +24296,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       CEXBindModal,
       {
         isOpen: CEXIsOpen && (!!token && !!overview),
@@ -24509,7 +24305,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       WalletModal,
       {
         isOpen: WalletModalStore.isOpen && (WalletModalStore.type == "login" && !overview && !token || WalletModalStore.type == "bind" && !!token && !!overview),
@@ -24524,14 +24320,14 @@ function BusinessProvider({ children }) {
 }
 
 // src/context/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(BusinessProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(BusinessProvider, { children }) }) });
 };
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-var import_react42 = require("react");
+var import_react41 = require("react");
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data: data2, resolve, reject, timeout }) => {
@@ -24564,11 +24360,11 @@ function useWalletInit({
 }) {
   const { endpoints, token, setWallet, appid, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
-  const iframeReadyRef = (0, import_react42.useRef)(walletReady);
-  (0, import_react42.useEffect)(() => {
+  const iframeReadyRef = (0, import_react41.useRef)(walletReady);
+  (0, import_react41.useEffect)(() => {
     setWallet(config);
   }, [config]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -24585,7 +24381,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -24685,7 +24481,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -24766,7 +24562,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 function useInit({
   theme,
   appid,
@@ -24786,24 +24582,24 @@ function useInit({
     locale: realLocale
   } = useLocalStore_default();
   const walletModalStore = useWalletModalStore();
-  const overviewLoadingRef = (0, import_react43.useRef)(false);
+  const overviewLoadingRef = (0, import_react42.useRef)(false);
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const matchidt = searchParams.get("matchidt");
   const realEndpoints = endpoints || env_default.endpoints;
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setTheme(theme);
   }, [theme]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setAppid(appid);
   }, [appid]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setLocale(locale || "en");
   }, [locale]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -24814,7 +24610,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (matchidt) {
       const tokenData = decodeURIComponent(matchidt);
       const data2 = JSON.parse(decodeBase64(tokenData));
@@ -24844,7 +24640,7 @@ function useInit({
       }
     }
   }, [matchidt]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -24881,7 +24677,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (token) {
       loadOverview();
     }
@@ -25788,7 +25584,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem17.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi3 = require("wagmi");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var queryClient = new import_react_query10.QueryClient();
 var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
   appName: "MatchID",
@@ -25807,7 +25603,7 @@ var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
   ],
   chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
 });
-var MatchContext = (0, import_react44.createContext)(void 0);
+var MatchContext = (0, import_react43.createContext)(void 0);
 var MatchProvider = ({
   children,
   appid,
@@ -25827,7 +25623,7 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_wagmi3.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_rainbowkit2.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl23.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_wagmi3.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_rainbowkit2.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -25838,12 +25634,12 @@ var MatchProvider = ({
         theme,
         locale: realLocale
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(context_default, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(context_default, { children })
     }
   ) }) }) }) });
 };
 var useMatch = () => {
-  const context = (0, import_react44.useContext)(MatchContext);
+  const context = (0, import_react43.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -25962,8 +25758,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=index.js.map