@dappworks/kit 0.4.195 → 0.4.197

package/dist/wallet.mjs

@@ -1,4 +1,4 @@
-import { AIem } from './chunk-5JMONDHE.mjs';
+import { AIem } from './chunk-F4ZZJHPJ.mjs';
 import './chunk-7MDKCI65.mjs';
 import { StorageState, ObjectPool, PromiseHook } from './chunk-SJ33JAK7.mjs';
 import './chunk-OISBIKAQ.mjs';
@@ -12,7 +12,7 @@ import './chunk-K7LFG5BA.mjs';
 import { __commonJS, __spreadValues, __spreadProps, __toESM } from './chunk-2EXDWOHY.mjs';
 import { getDefaultConfig, useConnectModal, RainbowKitProvider, darkTheme, lightTheme } from '@rainbow-me/rainbowkit';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import React6, { useEffect, useState } from 'react';
+import React5, { forwardRef, useEffect, useState, createElement } from 'react';
 import { useWalletClient, useAccount, useSwitchChain, useConnect, useDisconnect, WagmiProvider } from 'wagmi';
 import EventEmitter from 'events';
 import { encodeFunctionData, hashMessage, hashTypedData } from 'viem';
@@ -22,9 +22,9 @@ import { reaction } from 'mobx';
 import { iotex as iotex$1, iotexTestnet as iotexTestnet$1 } from 'viem/chains';
 import { Checkbox, Tooltip, Button, Popover, PopoverTrigger, PopoverContent, Input, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell } from '@nextui-org/react';
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/utils.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/utils.js
 var require_utils = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/utils.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/utils.js"(exports) {
     var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P, generator) {
       function adopt(value) {
         return value instanceof P ? value : new P(function(resolve) {
@@ -133,9 +133,9 @@ var require_utils = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/endpoint.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/endpoint.js
 var require_endpoint = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/endpoint.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/endpoint.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.getEndpoint = exports.deleteEndpoint = exports.putEndpoint = exports.postEndpoint = void 0;
     var utils_1 = require_utils();
@@ -170,18 +170,18 @@ var require_endpoint = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/config.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/config.js
 var require_config = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/config.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/config.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.DEFAULT_BASE_URL = void 0;
     exports.DEFAULT_BASE_URL = "https://safe-client.safe.global";
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-info.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-info.js
 var require_safe_info = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-info.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-info.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ImplementationVersionState = void 0;
     (function(ImplementationVersionState2) {
@@ -192,9 +192,9 @@ var require_safe_info = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-apps.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-apps.js
 var require_safe_apps = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-apps.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-apps.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SafeAppSocialPlatforms = exports.SafeAppFeatures = exports.SafeAppAccessPolicyTypes = void 0;
     (function(SafeAppAccessPolicyTypes2) {
@@ -212,9 +212,9 @@ var require_safe_apps = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/transactions.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/transactions.js
 var require_transactions = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/transactions.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/transactions.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LabelValue = exports.StartTimeValue = exports.DurationType = exports.DetailedExecutionInfoType = exports.TransactionListItemType = exports.ConflictType = exports.TransactionInfoType = exports.SettingsInfoType = exports.TransactionTokenType = exports.TransferDirection = exports.TransactionStatus = exports.Operation = void 0;
     (function(Operation3) {
@@ -289,9 +289,9 @@ var require_transactions = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/chains.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/chains.js
 var require_chains = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/chains.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/chains.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.FEATURES = exports.GAS_PRICE_TYPE = exports.RPC_AUTHENTICATION = void 0;
     (function(RPC_AUTHENTICATION2) {
@@ -319,9 +319,9 @@ var require_chains = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/common.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/common.js
 var require_common = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/common.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/common.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TokenType = void 0;
     (function(TokenType3) {
@@ -332,16 +332,16 @@ var require_common = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/master-copies.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/master-copies.js
 var require_master_copies = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/master-copies.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/master-copies.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/decoded-data.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/decoded-data.js
 var require_decoded_data = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/decoded-data.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/decoded-data.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ConfirmationViewTypes = void 0;
     (function(ConfirmationViewTypes2) {
@@ -351,9 +351,9 @@ var require_decoded_data = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-messages.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-messages.js
 var require_safe_messages = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-messages.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/safe-messages.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SafeMessageStatus = exports.SafeMessageListItemType = void 0;
     (function(SafeMessageListItemType2) {
@@ -367,9 +367,9 @@ var require_safe_messages = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/notifications.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/notifications.js
 var require_notifications = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/notifications.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/notifications.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.DeviceType = void 0;
     (function(DeviceType2) {
@@ -380,16 +380,16 @@ var require_notifications = __commonJS({
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/relay.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/relay.js
 var require_relay = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/relay.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/types/relay.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
   }
 });
 
-// ../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/index.js
+// node_modules/@safe-global/safe-gateway-typescript-sdk/dist/index.js
 var require_dist = __commonJS({
-  "../../node_modules/@safe-global/safe-gateway-typescript-sdk/dist/index.js"(exports) {
+  "node_modules/@safe-global/safe-gateway-typescript-sdk/dist/index.js"(exports) {
     var __createBinding = exports && exports.__createBinding || (Object.create ? function(o, m, k, k2) {
       if (k2 === void 0)
         k2 = k;
@@ -749,55 +749,6 @@ var require_dist = __commonJS({
     exports.putAccountDataSettings = putAccountDataSettings;
   }
 });
-var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
-  const colonSeparated = value.split(":");
-  if (value.slice(0, 1) === "@") {
-    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
-      return null;
-    }
-    provider = colonSeparated.shift().slice(1);
-  }
-  if (colonSeparated.length > 3 || !colonSeparated.length) {
-    return null;
-  }
-  if (colonSeparated.length > 1) {
-    const name2 = colonSeparated.pop();
-    const prefix = colonSeparated.pop();
-    const result = {
-      // Allow provider without '@': "provider:prefix:name"
-      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
-      prefix,
-      name: name2
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  const name = colonSeparated[0];
-  const dashSeparated = name.split("-");
-  if (dashSeparated.length > 1) {
-    const result = {
-      provider,
-      prefix: dashSeparated.shift(),
-      name: dashSeparated.join("-")
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  if (allowSimpleName && provider === "") {
-    const result = {
-      provider,
-      prefix: "",
-      name
-    };
-    return validate && !validateIconName(result, allowSimpleName) ? null : result;
-  }
-  return null;
-};
-var validateIconName = (icon, allowSimpleName) => {
-  if (!icon) {
-    return false;
-  }
-  return !!((icon.provider === "" || icon.provider.match(matchIconName)) && (allowSimpleName && icon.prefix === "" || icon.prefix.match(matchIconName)) && icon.name.match(matchIconName));
-};
 var defaultIconDimensions = Object.freeze(
   {
     left: 0,
@@ -901,6 +852,55 @@ function parseIconSet(data, callback) {
   }
   return names;
 }
+var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
+  const colonSeparated = value.split(":");
+  if (value.slice(0, 1) === "@") {
+    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
+      return null;
+    }
+    provider = colonSeparated.shift().slice(1);
+  }
+  if (colonSeparated.length > 3 || !colonSeparated.length) {
+    return null;
+  }
+  if (colonSeparated.length > 1) {
+    const name2 = colonSeparated.pop();
+    const prefix = colonSeparated.pop();
+    const result = {
+      // Allow provider without '@': "provider:prefix:name"
+      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
+      prefix,
+      name: name2
+    };
+    return validate && !validateIconName(result) ? null : result;
+  }
+  const name = colonSeparated[0];
+  const dashSeparated = name.split("-");
+  if (dashSeparated.length > 1) {
+    const result = {
+      provider,
+      prefix: dashSeparated.shift(),
+      name: dashSeparated.join("-")
+    };
+    return validate && !validateIconName(result) ? null : result;
+  }
+  if (allowSimpleName && provider === "") {
+    const result = {
+      provider,
+      prefix: "",
+      name
+    };
+    return validate && !validateIconName(result, allowSimpleName) ? null : result;
+  }
+  return null;
+};
+var validateIconName = (icon, allowSimpleName) => {
+  if (!icon) {
+    return false;
+  }
+  return !!((icon.provider === "" || icon.provider.match(matchIconName)) && (allowSimpleName && icon.prefix === "" || icon.prefix.match(matchIconName)) && icon.name.match(matchIconName));
+};
 var optionalPropertyDefaults = __spreadValues({
   provider: "",
   aliases: {},
@@ -1079,6 +1079,34 @@ function calculateSize(size, ratio, precision) {
     isNumber = !isNumber;
   }
 }
+function splitSVGDefs(content, tag = "defs") {
+  let defs = "";
+  const index = content.indexOf("<" + tag);
+  while (index >= 0) {
+    const start = content.indexOf(">", index);
+    const end = content.indexOf("</" + tag);
+    if (start === -1 || end === -1) {
+      break;
+    }
+    const endEnd = content.indexOf(">", end);
+    if (endEnd === -1) {
+      break;
+    }
+    defs += content.slice(start + 1, end).trim();
+    content = content.slice(0, index).trim() + content.slice(endEnd + 1);
+  }
+  return {
+    defs,
+    content
+  };
+}
+function mergeDefsAndContent(defs, content) {
+  return defs ? "<defs>" + defs + "</defs>" + content : content;
+}
+function wrapSVGContent(body, start, end) {
+  const split = splitSVGDefs(body);
+  return mergeDefsAndContent(split.defs, start + split.content + end);
+}
 var isUnsetKeyword = (value) => value === "unset" || value === "undefined" || value === "none";
 function iconToSVG(icon, customisations) {
   const fullIcon = __spreadValues(__spreadValues({}, defaultIconProps), icon);
@@ -1149,7 +1177,11 @@ function iconToSVG(icon, customisations) {
       }
     }
     if (transformations.length) {
-      body = '<g transform="' + transformations.join(" ") + '">' + body + "</g>";
+      body = wrapSVGContent(
+        body,
+        '<g transform="' + transformations.join(" ") + '">',
+        "</g>"
+      );
     }
   });
   const customisationsWidth = fullCustomisations.width;
@@ -1173,9 +1205,11 @@ function iconToSVG(icon, customisations) {
   };
   setAttr("width", width);
   setAttr("height", height);
-  attributes.viewBox = box.left.toString() + " " + box.top.toString() + " " + boxWidth.toString() + " " + boxHeight.toString();
+  const viewBox = [box.left, box.top, boxWidth, boxHeight];
+  attributes.viewBox = viewBox.join(" ");
   return {
     attributes,
+    viewBox,
     body
   };
 }
@@ -1794,6 +1828,7 @@ var browserCacheCountKey = browserCachePrefix + "-count";
 var browserCacheVersionKey = browserCachePrefix + "-version";
 var browserStorageHour = 36e5;
 var browserStorageCacheExpiration = 168;
+var browserStorageLimit = 50;
 function getStoredItem(func, key) {
   try {
     return func.getItem(key);
@@ -1945,7 +1980,7 @@ function storeInBrowserStorage(storage2, data) {
       set.delete(index = Array.from(set).shift());
     } else {
       index = getBrowserStorageItemsCount(func);
-      if (!setBrowserStorageItemsCount(func, index + 1)) {
+      if (index >= browserStorageLimit || !setBrowserStorageItemsCount(func, index + 1)) {
         return;
       }
     }
@@ -2222,15 +2257,29 @@ var inlineDefaults = __spreadProps(__spreadValues({}, defaultExtendedIconCustomi
 function fixSize(value) {
   return value + (value.match(/^[-0-9.]+$/) ? "px" : "");
 }
-var render = (icon, props, inline, ref) => {
-  const defaultProps = inline ? inlineDefaults : defaultExtendedIconCustomisations;
+var render = (icon, props, name) => {
+  const defaultProps = props.inline ? inlineDefaults : defaultExtendedIconCustomisations;
   const customisations = mergeCustomisations(defaultProps, props);
   const mode = props.mode || "svg";
   const style = {};
   const customStyle = props.style || {};
-  const componentProps = __spreadProps(__spreadValues({}, mode === "svg" ? svgDefaults : {}), {
-    ref
-  });
+  const componentProps = __spreadValues({}, mode === "svg" ? svgDefaults : {});
+  if (name) {
+    const iconName = stringToIcon(name, false, true);
+    if (iconName) {
+      const classNames = ["iconify"];
+      const props2 = [
+        "provider",
+        "prefix"
+      ];
+      for (const prop of props2) {
+        if (iconName[prop]) {
+          classNames.push("iconify--" + iconName[prop]);
+        }
+      }
+      componentProps.className = classNames.join(" ");
+    }
+  }
   for (let key in props) {
     const value = props[key];
     if (value === void 0) {
@@ -2242,8 +2291,13 @@ var render = (icon, props, inline, ref) => {
       case "children":
       case "onLoad":
       case "mode":
+      case "ssr":
+        break;
       case "_ref":
-      case "_inline":
+        componentProps.ref = value;
+        break;
+      case "className":
+        componentProps[key] = (componentProps[key] ? componentProps[key] + " " : "") + value;
         break;
       case "inline":
       case "hFlip":
@@ -2293,7 +2347,7 @@ var render = (icon, props, inline, ref) => {
     componentProps.dangerouslySetInnerHTML = {
       __html: cleanUpInnerHTML(replaceIDs(item.body, id ? () => id + "ID" + localCounter++ : "iconifyReact"))
     };
-    return React6.createElement("svg", componentProps);
+    return createElement("svg", componentProps);
   }
   const { body, width, height } = icon;
   const useMask = mode === "mask" || (mode === "bg" ? false : body.indexOf("currentColor") !== -1);
@@ -2306,7 +2360,7 @@ var render = (icon, props, inline, ref) => {
     "width": fixSize(renderAttribs.width),
     "height": fixSize(renderAttribs.height)
   }), commonProps), useMask ? monotoneProps : coloredProps), customStyle);
-  return React6.createElement("span", componentProps);
+  return createElement("span", componentProps);
 };
 allowSimpleNames(true);
 setAPIModule("", fetchAPIModule);
@@ -2353,141 +2407,93 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     }
   }
 }
-var IconComponent = class extends React6.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      // Render placeholder before component is mounted
-      icon: null
+function IconComponent(props) {
+  const [mounted, setMounted] = useState(!!props.ssr);
+  const [abort, setAbort] = useState({});
+  function getInitialState(mounted2) {
+    if (mounted2) {
+      const name2 = props.icon;
+      if (typeof name2 === "object") {
+        return {
+          name: "",
+          data: name2
+        };
+      }
+      const data2 = getIconData(name2);
+      if (data2) {
+        return {
+          name: name2,
+          data: data2
+        };
+      }
+    }
+    return {
+      name: ""
     };
   }
-  /**
-   * Abort loading icon
-   */
-  _abortLoading() {
-    if (this._loading) {
-      this._loading.abort();
-      this._loading = null;
-    }
-  }
-  /**
-   * Update state
-   */
-  _setData(icon) {
-    if (this.state.icon !== icon) {
-      this.setState({
-        icon
-      });
+  const [state, setState] = useState(getInitialState(!!props.ssr));
+  function cleanup() {
+    const callback = abort.callback;
+    if (callback) {
+      callback();
+      setAbort({});
     }
   }
-  /**
-   * Check if icon should be loaded
-   */
-  _checkIcon(changed) {
-    const state = this.state;
-    const icon = this.props.icon;
-    if (typeof icon === "object" && icon !== null && typeof icon.body === "string") {
-      this._icon = "";
-      this._abortLoading();
-      if (changed || state.icon === null) {
-        this._setData({
-          data: icon
-        });
-      }
-      return;
-    }
-    let iconName;
-    if (typeof icon !== "string" || (iconName = stringToIcon(icon, false, true)) === null) {
-      this._abortLoading();
-      this._setData(null);
-      return;
+  function changeState(newState) {
+    if (JSON.stringify(state) !== JSON.stringify(newState)) {
+      cleanup();
+      setState(newState);
+      return true;
     }
-    const data = getIconData(iconName);
-    if (!data) {
-      if (!this._loading || this._loading.name !== icon) {
-        this._abortLoading();
-        this._icon = "";
-        this._setData(null);
-        if (data !== null) {
-          this._loading = {
-            name: icon,
-            abort: loadIcons([iconName], this._checkIcon.bind(this, false))
-          };
-        }
-      }
+  }
+  function updateState() {
+    var _a;
+    const name2 = props.icon;
+    if (typeof name2 === "object") {
+      changeState({
+        name: "",
+        data: name2
+      });
       return;
     }
-    if (this._icon !== icon || state.icon === null) {
-      this._abortLoading();
-      this._icon = icon;
-      const classes = ["iconify"];
-      if (iconName.prefix !== "") {
-        classes.push("iconify--" + iconName.prefix);
-      }
-      if (iconName.provider !== "") {
-        classes.push("iconify--" + iconName.provider);
-      }
-      this._setData({
-        data,
-        classes
-      });
-      if (this.props.onLoad) {
-        this.props.onLoad(icon);
+    const data2 = getIconData(name2);
+    if (changeState({
+      name: name2,
+      data: data2
+    })) {
+      if (data2 === void 0) {
+        const callback = loadIcons([name2], updateState);
+        setAbort({
+          callback
+        });
+      } else if (data2) {
+        (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props, name2);
       }
     }
   }
-  /**
-   * Component mounted
-   */
-  componentDidMount() {
-    this._checkIcon(false);
-  }
-  /**
-   * Component updated
-   */
-  componentDidUpdate(oldProps) {
-    if (oldProps.icon !== this.props.icon) {
-      this._checkIcon(true);
-    }
-  }
-  /**
-   * Abort loading
-   */
-  componentWillUnmount() {
-    this._abortLoading();
-  }
-  /**
-   * Render
-   */
-  render() {
-    const props = this.props;
-    const icon = this.state.icon;
-    if (icon === null) {
-      return props.children ? props.children : React6.createElement("span", {});
-    }
-    let newProps = props;
-    if (icon.classes) {
-      newProps = __spreadProps(__spreadValues({}, props), {
-        className: (typeof props.className === "string" ? props.className + " " : "") + icon.classes.join(" ")
-      });
+  useEffect(() => {
+    setMounted(true);
+    return cleanup;
+  }, []);
+  useEffect(() => {
+    if (mounted) {
+      updateState();
     }
-    return render(__spreadValues(__spreadValues({}, defaultIconProps), icon.data), newProps, props._inline, props._ref);
+  }, [props.icon, mounted]);
+  const { name, data } = state;
+  if (!data) {
+    return props.children ? props.children : createElement("span", {});
   }
-};
-var Icon = React6.forwardRef(function Icon2(props, ref) {
-  const newProps = __spreadProps(__spreadValues({}, props), {
-    _ref: ref,
-    _inline: false
-  });
-  return React6.createElement(IconComponent, newProps);
-});
-React6.forwardRef(function InlineIcon2(props, ref) {
-  const newProps = __spreadProps(__spreadValues({}, props), {
-    _ref: ref,
-    _inline: true
-  });
-  return React6.createElement(IconComponent, newProps);
-});
+  return render(__spreadValues(__spreadValues({}, defaultIconProps), data), props, name);
+}
+var Icon = forwardRef((props, ref) => IconComponent(__spreadProps(__spreadValues({}, props), {
+  _ref: ref
+})));
+forwardRef((props, ref) => IconComponent(__spreadProps(__spreadValues({
+  inline: true
+}, props), {
+  _ref: ref
+})));
 
 // module/Wallet/walletPluginStore.tsx
 var defaultRPCList = [
@@ -2613,15 +2619,15 @@ var WalletRpcStore = class {
   }
   scoreIcon(score) {
     if (score < 0) {
-      return /* @__PURE__ */ React6.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
+      return /* @__PURE__ */ React5.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
     }
     if (score < 1) {
-      return /* @__PURE__ */ React6.createElement(Icon, { icon: "icon-park-solid:check-one", width: "18", height: "18", style: { color: "#289726" } });
+      return /* @__PURE__ */ React5.createElement(Icon, { icon: "icon-park-solid:check-one", width: "18", height: "18", style: { color: "#289726" } });
     }
     if (score < 2) {
-      return /* @__PURE__ */ React6.createElement(Icon, { icon: "bxs:error", width: "18", height: "18", style: { color: "#FFA500" } });
+      return /* @__PURE__ */ React5.createElement(Icon, { icon: "bxs:error", width: "18", height: "18", style: { color: "#FFA500" } });
     }
-    return /* @__PURE__ */ React6.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
+    return /* @__PURE__ */ React5.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
   }
   get wallet() {
     return RootStore.Get(WalletStore);
@@ -2686,10 +2692,10 @@ var WalletHistoryStore = class {
   }
 };
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/version.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/version.js
 var getSDKVersion = () => "9.1.0";
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/communication/utils.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/communication/utils.js
 var dec2hex = (dec) => dec.toString(16).padStart(2, "0");
 var generateId = (len) => {
   const arr = new Uint8Array((len) / 2);
@@ -2703,7 +2709,7 @@ var generateRequestId = () => {
   return (/* @__PURE__ */ new Date()).getTime().toString(36);
 };
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/communication/messageFormatter.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/communication/messageFormatter.js
 var MessageFormatter = class {
 };
 MessageFormatter.makeRequest = (method, params) => {
@@ -2730,7 +2736,7 @@ MessageFormatter.makeErrorResponse = (id, error, version) => ({
   version
 });
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/communication/methods.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/communication/methods.js
 var Methods;
 (function(Methods2) {
   Methods2["sendTransactions"] = "sendTransactions";
@@ -2752,7 +2758,7 @@ var RestrictedMethods;
   RestrictedMethods2["requestAddressBook"] = "requestAddressBook";
 })(RestrictedMethods || (RestrictedMethods = {}));
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/communication/index.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/communication/index.js
 var PostMessageCommunicator = class {
   constructor(allowedOrigins = null, debugMode = false) {
     this.allowedOrigins = null;
@@ -2812,15 +2818,15 @@ var PostMessageCommunicator = class {
 };
 var communication_default = PostMessageCommunicator;
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/types/sdk.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/types/sdk.js
 var isObjectEIP712TypedData = (obj) => {
   return typeof obj === "object" && obj != null && "domain" in obj && "types" in obj && "message" in obj;
 };
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/types/gateway.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/types/gateway.js
 var import_safe_gateway_typescript_sdk = __toESM(require_dist(), 1);
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/txs/index.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/txs/index.js
 var TXs = class {
   constructor(communicator) {
     this.communicator = communicator;
@@ -2859,7 +2865,7 @@ var TXs = class {
   }
 };
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/eth/constants.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/eth/constants.js
 var RPC_CALLS = {
   eth_call: "eth_call",
   eth_gasPrice: "eth_gasPrice",
@@ -2876,7 +2882,7 @@ var RPC_CALLS = {
   safe_setSettings: "safe_setSettings"
 };
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/eth/index.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/eth/index.js
 var inputFormatters = {
   defaultBlockParam: (arg = "latest") => arg,
   returnFullTxObjectParam: (arg = false) => arg,
@@ -2952,11 +2958,11 @@ var Eth = class {
   }
 };
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/safe/signatures.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/safe/signatures.js
 var MAGIC_VALUE = "0x1626ba7e";
 var MAGIC_VALUE_BYTES = "0x20c13b0b";
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/types/permissions.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/types/permissions.js
 var PERMISSIONS_REQUEST_REJECTED = 4001;
 var PermissionsError = class _PermissionsError extends Error {
   constructor(message, code, data) {
@@ -2967,7 +2973,7 @@ var PermissionsError = class _PermissionsError extends Error {
   }
 };
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/wallet/index.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/wallet/index.js
 var Wallet = class {
   constructor(communicator) {
     this.communicator = communicator;
@@ -3002,7 +3008,7 @@ var Wallet = class {
   }
 };
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/decorators/requirePermissions.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/decorators/requirePermissions.js
 var hasPermission = (required, permissions) => permissions.some((permission) => permission.parentCapability === required);
 var requirePermission = () => (_, propertyKey, descriptor) => {
   const originalMethod = descriptor.value;
@@ -3021,7 +3027,7 @@ var requirePermission = () => (_, propertyKey, descriptor) => {
 };
 var requirePermissions_default = requirePermission;
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/safe/index.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/safe/index.js
 var __decorate = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
@@ -3220,7 +3226,7 @@ __decorate([
   requirePermissions_default()
 ], Safe.prototype, "requestAddressBook", null);
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/sdk.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/sdk.js
 var SafeAppsSDK = class {
   constructor(opts = {}) {
     const { allowedDomains = null, debug = false } = opts;
@@ -3233,23 +3239,23 @@ var SafeAppsSDK = class {
 };
 var sdk_default = SafeAppsSDK;
 
-// ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/index.js
+// node_modules/@safe-global/safe-apps-sdk/dist/esm/index.js
 var esm_default = sdk_default;
 var SuccessTxDialog = observer((props) => {
-  return /* @__PURE__ */ React6.createElement("div", { className: "flex-col gap-4 py-10" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full flex items-center justify-center" }, /* @__PURE__ */ React6.createElement(Icon, { icon: "icon-park-solid:check-one", width: "48", height: "48", className: "text-green-500" })), /* @__PURE__ */ React6.createElement("div", { className: "text-2xl font-[900] text-center mt-4" }, props.msg), /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: "flex-col gap-4 py-10" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full flex items-center justify-center" }, /* @__PURE__ */ React5.createElement(Icon, { icon: "icon-park-solid:check-one", width: "48", height: "48", className: "text-green-500" })), /* @__PURE__ */ React5.createElement("div", { className: "text-2xl font-[900] text-center mt-4" }, props.msg), /* @__PURE__ */ React5.createElement(
     "div",
     {
       className: "flex items-center justify-center text-green-500 text-sm mt-6 gap-2 cursor-pointer hover:text-green-600 transition",
       onClick: (e) => window.open(`https://iotexscan.io/tx/${props.hash}`, "_blank")
     },
     "View on IoTeXScan ",
-    /* @__PURE__ */ React6.createElement(Icon, { icon: "material-symbols:chip-extraction-rounded", width: "18", height: "18" })
+    /* @__PURE__ */ React5.createElement(Icon, { icon: "material-symbols:chip-extraction-rounded", width: "18", height: "18" })
   ));
 });
 var ShowSuccessTxDialog = ({ msg, hash }) => {
   RootStore.Get(DialogStore).setData({
     title: "",
-    content: /* @__PURE__ */ React6.createElement(SuccessTxDialog, { msg, hash }),
+    content: /* @__PURE__ */ React5.createElement(SuccessTxDialog, { msg, hash }),
     isOpen: true
   });
 };
@@ -3662,13 +3668,13 @@ var WalletProvider = ({
   }, [appName]);
   return (
     //@ts-ignore
-    /* @__PURE__ */ React6.createElement(WagmiProvider, { config, reconnectOnMount: true }, /* @__PURE__ */ React6.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React6.createElement(RainbowKitProvider, { locale: "en", theme: theme == "dark" ? darkTheme() : lightTheme() }, children, /* @__PURE__ */ React6.createElement(WalletConnect, null))))
+    /* @__PURE__ */ React5.createElement(WagmiProvider, { config, reconnectOnMount: true }, /* @__PURE__ */ React5.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React5.createElement(RainbowKitProvider, { locale: "en", theme: theme == "dark" ? darkTheme() : lightTheme() }, children, /* @__PURE__ */ React5.createElement(WalletConnect, null))))
   );
 };
 var WalletConnect = () => {
   const wallet = RootStore.Get(WalletStore);
   wallet.use();
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null);
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null);
 };
 var RpcList = observer(() => {
   var _a, _b;
@@ -3677,9 +3683,9 @@ var RpcList = observer(() => {
   useEffect(() => {
     rpcStore.testRpc();
   }, []);
-  return /* @__PURE__ */ React6.createElement("div", { className: "mb-3 mt-4" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full flex mb-2 mt-2" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ React6.createElement(Checkbox, { size: "sm", isSelected: rpcStore.isAutoSelectRpc.value, onValueChange: (e) => rpcStore.isAutoSelectRpc.save(e) }, "Auto select rpc"), /* @__PURE__ */ React6.createElement(Tooltip, { content: /* @__PURE__ */ React6.createElement("div", { className: "w-[300px]" }, "Once selected, if the current RPC cannot send a request, an available RPC will be automatically chosen.") }, /* @__PURE__ */ React6.createElement(Icon, { icon: "ph:question", width: "18", height: "18", className: "text-gray-500" }))), /* @__PURE__ */ React6.createElement(Button, { startContent: /* @__PURE__ */ React6.createElement(Icon, { icon: "tabler:test-pipe", width: "18", height: "18" }), className: "ml-auto", onClick: (e) => {
+  return /* @__PURE__ */ React5.createElement("div", { className: "mb-3 mt-4" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full flex mb-2 mt-2" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ React5.createElement(Checkbox, { size: "sm", isSelected: rpcStore.isAutoSelectRpc.value, onValueChange: (e) => rpcStore.isAutoSelectRpc.save(e) }, "Auto select rpc"), /* @__PURE__ */ React5.createElement(Tooltip, { content: /* @__PURE__ */ React5.createElement("div", { className: "w-[300px]" }, "Once selected, if the current RPC cannot send a request, an available RPC will be automatically chosen.") }, /* @__PURE__ */ React5.createElement(Icon, { icon: "ph:question", width: "18", height: "18", className: "text-gray-500" }))), /* @__PURE__ */ React5.createElement(Button, { startContent: /* @__PURE__ */ React5.createElement(Icon, { icon: "tabler:test-pipe", width: "18", height: "18" }), className: "ml-auto", onClick: (e) => {
     rpcStore.testRpc();
-  } }, "Test"), /* @__PURE__ */ React6.createElement(Popover, { placement: "bottom", offset: 20, showArrow: true, isOpen: rpcStore.showCustomRpc, onOpenChange: (open) => rpcStore.showCustomRpc = open }, /* @__PURE__ */ React6.createElement(PopoverTrigger, null, /* @__PURE__ */ React6.createElement(Button, { color: "primary", startContent: /* @__PURE__ */ React6.createElement(Icon, { icon: "basil:add-solid", width: "18", height: "18" }), className: "ml-4" }, "Add custom rpc")), /* @__PURE__ */ React6.createElement(PopoverContent, null, /* @__PURE__ */ React6.createElement("div", { className: "px-1 py-2" }, /* @__PURE__ */ React6.createElement(
+  } }, "Test"), /* @__PURE__ */ React5.createElement(Popover, { placement: "bottom", offset: 20, showArrow: true, isOpen: rpcStore.showCustomRpc, onOpenChange: (open) => rpcStore.showCustomRpc = open }, /* @__PURE__ */ React5.createElement(PopoverTrigger, null, /* @__PURE__ */ React5.createElement(Button, { color: "primary", startContent: /* @__PURE__ */ React5.createElement(Icon, { icon: "basil:add-solid", width: "18", height: "18" }), className: "ml-4" }, "Add custom rpc")), /* @__PURE__ */ React5.createElement(PopoverContent, null, /* @__PURE__ */ React5.createElement("div", { className: "px-1 py-2" }, /* @__PURE__ */ React5.createElement(
     Input,
     {
       type: "url",
@@ -3690,7 +3696,7 @@ var RpcList = observer(() => {
         rpcStore.customRpc = value;
       }
     }
-  ), /* @__PURE__ */ React6.createElement(Button, { color: "primary", isDisabled: !rpcStore.customRpc, onClick: (e) => rpcStore.addCustomRpc() }, "Save"))))), /* @__PURE__ */ React6.createElement(
+  ), /* @__PURE__ */ React5.createElement(Button, { color: "primary", isDisabled: !rpcStore.customRpc, onClick: (e) => rpcStore.addCustomRpc() }, "Save"))))), /* @__PURE__ */ React5.createElement(
     Table,
     {
       color: "success",
@@ -3698,18 +3704,18 @@ var RpcList = observer(() => {
       defaultSelectedKeys: [rpcStore.curRpc.value],
       "aria-label": "Example static collection table"
     },
-    /* @__PURE__ */ React6.createElement(TableHeader, null, /* @__PURE__ */ React6.createElement(TableColumn, null, "RPC Server Address"), /* @__PURE__ */ React6.createElement(TableColumn, { align: "center" }, "Score"), /* @__PURE__ */ React6.createElement(TableColumn, { align: "center" }, "Height"), /* @__PURE__ */ React6.createElement(TableColumn, { align: "center" }, "Latency"), /* @__PURE__ */ React6.createElement(TableColumn, { align: "center" }, "Action")),
-    /* @__PURE__ */ React6.createElement(TableBody, null, (_b = (_a = rpcStore.rpcList) == null ? void 0 : _a.value) == null ? void 0 : _b.map((item, index) => {
-      return /* @__PURE__ */ React6.createElement(TableRow, { className: "cursor-pointer", key: item.name, onClick: (e) => {
+    /* @__PURE__ */ React5.createElement(TableHeader, null, /* @__PURE__ */ React5.createElement(TableColumn, null, "RPC Server Address"), /* @__PURE__ */ React5.createElement(TableColumn, { align: "center" }, "Score"), /* @__PURE__ */ React5.createElement(TableColumn, { align: "center" }, "Height"), /* @__PURE__ */ React5.createElement(TableColumn, { align: "center" }, "Latency"), /* @__PURE__ */ React5.createElement(TableColumn, { align: "center" }, "Action")),
+    /* @__PURE__ */ React5.createElement(TableBody, null, (_b = (_a = rpcStore.rpcList) == null ? void 0 : _a.value) == null ? void 0 : _b.map((item, index) => {
+      return /* @__PURE__ */ React5.createElement(TableRow, { className: "cursor-pointer", key: item.name, onClick: (e) => {
         rpcStore.curRpc.save(item.name);
         RootStore.Get(ToastPlugin).success("Set rpc success");
-      } }, /* @__PURE__ */ React6.createElement(TableCell, null, item.name), /* @__PURE__ */ React6.createElement(TableCell, null, rpcStore.scoreIcon(item.latency)), /* @__PURE__ */ React6.createElement(TableCell, null, item.height), /* @__PURE__ */ React6.createElement(TableCell, { className: rpcStore.latencyColor(item.latency) }, item.latency, "s"), /* @__PURE__ */ React6.createElement(TableCell, null, /* @__PURE__ */ React6.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React6.createElement(Tooltip, { content: "Add to metamask" }, /* @__PURE__ */ React6.createElement("span", { className: "text-lg text-danger cursor-pointer active:opacity-50", onClick: (e) => {
+      } }, /* @__PURE__ */ React5.createElement(TableCell, null, item.name), /* @__PURE__ */ React5.createElement(TableCell, null, rpcStore.scoreIcon(item.latency)), /* @__PURE__ */ React5.createElement(TableCell, null, item.height), /* @__PURE__ */ React5.createElement(TableCell, { className: rpcStore.latencyColor(item.latency) }, item.latency, "s"), /* @__PURE__ */ React5.createElement(TableCell, null, /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React5.createElement(Tooltip, { content: "Add to metamask" }, /* @__PURE__ */ React5.createElement("span", { className: "text-lg text-danger cursor-pointer active:opacity-50", onClick: (e) => {
         e.stopPropagation();
         rpcStore.addToMetamask(item.name);
-      } }, /* @__PURE__ */ React6.createElement(Icon, { icon: "logos:metamask-icon", width: "18", height: "18" }))), item.custom && /* @__PURE__ */ React6.createElement(Tooltip, { content: "Remove" }, /* @__PURE__ */ React6.createElement("span", { className: "text-lg text-danger cursor-pointer active:opacity-50", onClick: (e) => {
+      } }, /* @__PURE__ */ React5.createElement(Icon, { icon: "logos:metamask-icon", width: "18", height: "18" }))), item.custom && /* @__PURE__ */ React5.createElement(Tooltip, { content: "Remove" }, /* @__PURE__ */ React5.createElement("span", { className: "text-lg text-danger cursor-pointer active:opacity-50", onClick: (e) => {
         e.stopPropagation();
         rpcStore.removeRpc(item.name);
-      } }, /* @__PURE__ */ React6.createElement(Icon, { icon: "solar:trash-bin-minimalistic-broken", width: "20", height: "20" }))))));
+      } }, /* @__PURE__ */ React5.createElement(Icon, { icon: "solar:trash-bin-minimalistic-broken", width: "20", height: "20" }))))));
     }))
   ));
 });