@dappworks/kit 0.4.182 → 0.4.184

package/dist/wallet.mjs

@@ -12,7 +12,7 @@ import './chunk-K7LFG5BA.mjs';
 import { __commonJS, __spreadValues, __spreadProps, __toESM } from './chunk-2EXDWOHY.mjs';
 import { RainbowKitProvider, darkTheme, lightTheme, getDefaultConfig, useConnectModal } from '@rainbow-me/rainbowkit';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import React2, { useEffect } from 'react';
+import React6, { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { WagmiProvider, useWalletClient, useAccount, useSwitchChain, useConnect, useDisconnect } from 'wagmi';
 import BigNumber from 'bignumber.js';
@@ -20,6 +20,7 @@ import EventEmitter from 'events';
 import { encodeFunctionData, hashMessage, hashTypedData } from 'viem';
 import { iopayWallet, metaMaskWallet, walletConnectWallet, okxWallet, binanceWallet } from '@rainbow-me/rainbowkit/wallets';
 import { iotex, 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
 var require_utils = __commonJS({
@@ -2292,7 +2293,7 @@ var render = (icon, props, inline, ref) => {
     componentProps.dangerouslySetInnerHTML = {
       __html: cleanUpInnerHTML(replaceIDs(item.body, id ? () => id + "ID" + localCounter++ : "iconifyReact"))
     };
-    return React2.createElement("svg", componentProps);
+    return React6.createElement("svg", componentProps);
   }
   const { body, width, height } = icon;
   const useMask = mode === "mask" || (mode === "bg" ? false : body.indexOf("currentColor") !== -1);
@@ -2305,7 +2306,7 @@ var render = (icon, props, inline, ref) => {
     "width": fixSize(renderAttribs.width),
     "height": fixSize(renderAttribs.height)
   }), commonProps), useMask ? monotoneProps : coloredProps), customStyle);
-  return React2.createElement("span", componentProps);
+  return React6.createElement("span", componentProps);
 };
 allowSimpleNames(true);
 setAPIModule("", fetchAPIModule);
@@ -2352,7 +2353,7 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     }
   }
 }
-var IconComponent = class extends React2.Component {
+var IconComponent = class extends React6.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -2462,7 +2463,7 @@ var IconComponent = class extends React2.Component {
     const props = this.props;
     const icon = this.state.icon;
     if (icon === null) {
-      return props.children ? props.children : React2.createElement("span", {});
+      return props.children ? props.children : React6.createElement("span", {});
     }
     let newProps = props;
     if (icon.classes) {
@@ -2473,19 +2474,19 @@ var IconComponent = class extends React2.Component {
     return render(__spreadValues(__spreadValues({}, defaultIconProps), icon.data), newProps, props._inline, props._ref);
   }
 };
-var Icon = React2.forwardRef(function Icon2(props, ref) {
+var Icon = React6.forwardRef(function Icon2(props, ref) {
   const newProps = __spreadProps(__spreadValues({}, props), {
     _ref: ref,
     _inline: false
   });
-  return React2.createElement(IconComponent, newProps);
+  return React6.createElement(IconComponent, newProps);
 });
-React2.forwardRef(function InlineIcon2(props, ref) {
+React6.forwardRef(function InlineIcon2(props, ref) {
   const newProps = __spreadProps(__spreadValues({}, props), {
     _ref: ref,
     _inline: true
   });
-  return React2.createElement(IconComponent, newProps);
+  return React6.createElement(IconComponent, newProps);
 });
 
 // module/Wallet/walletPluginStore.tsx
@@ -2612,15 +2613,15 @@ var WalletRpcStore = class {
   }
   scoreIcon(score) {
     if (score < 0) {
-      return /* @__PURE__ */ React.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
+      return /* @__PURE__ */ React6.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
     }
     if (score < 1) {
-      return /* @__PURE__ */ React.createElement(Icon, { icon: "icon-park-solid:check-one", width: "18", height: "18", style: { color: "#289726" } });
+      return /* @__PURE__ */ React6.createElement(Icon, { icon: "icon-park-solid:check-one", width: "18", height: "18", style: { color: "#289726" } });
     }
     if (score < 2) {
-      return /* @__PURE__ */ React.createElement(Icon, { icon: "bxs:error", width: "18", height: "18", style: { color: "#FFA500" } });
+      return /* @__PURE__ */ React6.createElement(Icon, { icon: "bxs:error", width: "18", height: "18", style: { color: "#FFA500" } });
     }
-    return /* @__PURE__ */ React.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
+    return /* @__PURE__ */ React6.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
   }
   get wallet() {
     return RootStore.Get(WalletStore);
@@ -3236,20 +3237,20 @@ var sdk_default = SafeAppsSDK;
 // ../../node_modules/@safe-global/safe-apps-sdk/dist/esm/index.js
 var esm_default = sdk_default;
 var SuccessTxDialog = observer((props) => {
-  return /* @__PURE__ */ React2.createElement("div", { className: "flex-col gap-4 py-10" }, /* @__PURE__ */ React2.createElement("div", { className: "w-full flex items-center justify-center" }, /* @__PURE__ */ React2.createElement(Icon, { icon: "icon-park-solid:check-one", width: "48", height: "48", className: "text-green-500" })), /* @__PURE__ */ React2.createElement("div", { className: "text-2xl font-[900] text-center mt-4" }, props.msg), /* @__PURE__ */ React2.createElement(
+  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(
     "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__ */ React2.createElement(Icon, { icon: "material-symbols:chip-extraction-rounded", width: "18", height: "18" })
+    /* @__PURE__ */ React6.createElement(Icon, { icon: "material-symbols:chip-extraction-rounded", width: "18", height: "18" })
   ));
 });
 var ShowSuccessTxDialog = ({ msg, hash }) => {
   RootStore.Get(DialogStore).setData({
     title: "",
-    content: /* @__PURE__ */ React2.createElement(SuccessTxDialog, { msg, hash }),
+    content: /* @__PURE__ */ React6.createElement(SuccessTxDialog, { msg, hash }),
     isOpen: true
   });
 };
@@ -3379,6 +3380,9 @@ var WalletStore = class _WalletStore {
         this.event.emit("walletAccount:ready");
       }
     }, [address, isConnected, chain]);
+    useEffect(() => {
+      this.balance.call();
+    }, [this.updateTicker]);
   }
   //always return or return default chain
   get publicClient() {
@@ -3402,8 +3406,6 @@ var WalletStore = class _WalletStore {
     const promise = new Promise(async (res, rej) => {
       var _a, _b;
       try {
-        if (typeof window == "undefined")
-          return;
         if (this.account) {
           if (Number((_a = this.chain) == null ? void 0 : _a.id) == Number(chainId)) {
             res();
@@ -3643,14 +3645,57 @@ var WalletProvider = observer(({
   }, [appName]);
   return (
     //@ts-ignore
-    /* @__PURE__ */ React2.createElement(WagmiProvider, { config: walletConfig.rainbowKitConfig, reconnectOnMount: true }, /* @__PURE__ */ React2.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React2.createElement(RainbowKitProvider, { locale: "en", theme: theme == "dark" ? darkTheme() : lightTheme() }, children, /* @__PURE__ */ React2.createElement(WalletConnect, null))))
+    /* @__PURE__ */ React6.createElement(WagmiProvider, { config: walletConfig.rainbowKitConfig, 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))))
   );
 });
 var WalletConnect = () => {
   const wallet = RootStore.Get(WalletStore);
   wallet.use();
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null);
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null);
 };
+var RpcList = observer(() => {
+  var _a, _b;
+  RootStore.Get(WalletStore);
+  const rpcStore = RootStore.Get(WalletRpcStore);
+  useEffect(() => {
+    rpcStore.testRpc();
+  }, []);
+  return /* @__PURE__ */ React6.createElement("div", { className: "mb-3 mt-2" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full flex mb-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) => {
+    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(
+    Input,
+    {
+      type: "url",
+      className: "mb-4",
+      placeholder: "https://rpc.com",
+      value: rpcStore.customRpc,
+      onValueChange: (value) => {
+        rpcStore.customRpc = value;
+      }
+    }
+  ), /* @__PURE__ */ React6.createElement(Button, { color: "primary", isDisabled: !rpcStore.customRpc, onClick: (e) => rpcStore.addCustomRpc() }, "Save"))))), /* @__PURE__ */ React6.createElement(
+    Table,
+    {
+      color: "success",
+      selectionMode: "single",
+      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) => {
+        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) => {
+        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) => {
+        e.stopPropagation();
+        rpcStore.removeRpc(item.name);
+      } }, /* @__PURE__ */ React6.createElement(Icon, { icon: "solar:trash-bin-minimalistic-broken", width: "20", height: "20" }))))));
+    }))
+  ));
+});
 var iotex2 = __spreadValues({
   iconUrl: "https://icons.llamao.fi/icons/chains/rsz_iotex.jpg"
 }, iotex);
@@ -3658,6 +3703,6 @@ var iotexTestnet = __spreadValues({
   iconUrl: "https://icons.llamao.fi/icons/chains/rsz_iotex.jpg"
 }, iotexTestnet$1);
 
-export { WalletConfigStore, WalletHistoryStore, WalletProvider, WalletRpcStore, WalletStore, iotex2 as iotex, iotexTestnet };
+export { RpcList, WalletConfigStore, WalletHistoryStore, WalletProvider, WalletRpcStore, WalletStore, iotex2 as iotex, iotexTestnet };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=wallet.mjs.map