@dappworks/kit 0.4.198 → 0.4.200

package/dist/wallet.mjs

@@ -18,13 +18,14 @@ import EventEmitter from 'events';
 import { encodeFunctionData, hashMessage, hashTypedData } from 'viem';
 import { observer } from 'mobx-react-lite';
 import { iopayWallet, metaMaskWallet, walletConnectWallet, okxWallet, binanceWallet } from '@rainbow-me/rainbowkit/wallets';
+import { injected } from 'wagmi/connectors';
 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 +134,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 +171,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 +193,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 +213,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 +290,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 +320,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 +333,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 +352,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 +368,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 +381,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;
@@ -2692,10 +2693,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);
@@ -2709,7 +2710,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) => {
@@ -2736,7 +2737,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";
@@ -2758,7 +2759,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;
@@ -2818,15 +2819,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;
@@ -2865,7 +2866,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",
@@ -2882,7 +2883,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,
@@ -2958,11 +2959,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) {
@@ -2973,7 +2974,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;
@@ -3008,7 +3009,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;
@@ -3027,7 +3028,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")
@@ -3226,7 +3227,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;
@@ -3239,7 +3240,7 @@ 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__ */ 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(
@@ -3267,12 +3268,29 @@ var WalletConfigStore = class {
     this.projectId = "b69e844f38265667350efd78e3e1a5fb";
     this.defaultChainId = 4689;
     this.updateTicker = 1;
+    this.walletUpdateTick = 0;
+    this.isConnect = false;
+    // This mode to resolve and walletClient and nextui in some extreme cases cause page infinite redraw bugs
+    this.compatibleMode = true;
     Object.assign(this, args);
   }
   set(params) {
     Object.assign(this, params);
     this.updateTicker += 1;
   }
+  get reconnectOnMount() {
+    if (!this.compatibleMode)
+      return true;
+    if (!this.isConnect && this.walletUpdateTick == 0) {
+      return true;
+    }
+    if (!this.isConnect && this.walletUpdateTick != 0) {
+      return false;
+    }
+    if (this.isConnect) {
+      return true;
+    }
+  }
   get rainbowKitConfig() {
     var _a;
     return ObjectPool.get(`rainbowKitConfig-${(_a = this.supportedChains) == null ? void 0 : _a.map((i) => i.id).join("-")}`, () => {
@@ -3297,8 +3315,6 @@ var WalletConfigStore = class {
     });
   }
 };
-
-// module/Wallet/index.tsx
 var WalletStore = class _WalletStore {
   constructor(args) {
     this.sid = "wallet";
@@ -3347,17 +3363,6 @@ var WalletStore = class _WalletStore {
   get supportedChains() {
     return RootStore.Get(WalletConfigStore).supportedChains;
   }
-  get reconnectOnMount() {
-    if (!this.isConnect && this.updateTicker == 0) {
-      return true;
-    }
-    if (!this.isConnect && this.updateTicker != 0) {
-      return false;
-    }
-    if (this.isConnect) {
-      return true;
-    }
-  }
   use() {
     const { data: walletClient, isSuccess } = useWalletClient();
     const { chain, address, isConnected } = useAccount();
@@ -3365,6 +3370,7 @@ var WalletStore = class _WalletStore {
     const { openConnectModal } = useConnectModal();
     const { connect } = useConnect();
     const { disconnect } = useDisconnect();
+    const walletConfigStore = RootStore.Get(WalletConfigStore);
     this.set({
       //@ts-ignore
       connect,
@@ -3381,11 +3387,25 @@ var WalletStore = class _WalletStore {
         account: address,
         chain
       });
+      walletConfigStore.set({
+        isConnect: isConnected
+      });
       if (this.account) {
         this.updateTicker++;
+        walletConfigStore.set({
+          walletUpdateTick: this.updateTicker
+        });
         this.event.emit("walletAccount:ready");
       }
     }, [address, isConnected, chain]);
+    useEffect(() => {
+      if (!address) {
+        if (walletConfigStore.compatibleMode) {
+          console.log("%c[walletStore]: walletStore plugin is running in compatible mode", "color: yellow; font-weight: bold;");
+          connect(walletConfigStore.rainbowKitConfig, { connector: injected() });
+        }
+      }
+    }, []);
     useEffect(() => {
       setTimeout(() => {
         this.balance.call();
@@ -3651,7 +3671,8 @@ var WalletProvider = ({
   children,
   theme,
   appName,
-  supportedChains
+  supportedChains,
+  compatibleMode = true
 }) => {
   const walletConfig = RootStore.Get(WalletConfigStore, { args: { supportedChains: supportedChains != null ? supportedChains : [iotex] } });
   const [config, setConfig] = useState(walletConfig.rainbowKitConfig);
@@ -3665,10 +3686,13 @@ var WalletProvider = ({
     if (appName) {
       walletConfig.appName = appName;
     }
-  }, [appName]);
+    if (compatibleMode != void 0) {
+      walletConfig.compatibleMode = compatibleMode;
+    }
+  }, [appName, compatibleMode]);
   return (
     //@ts-ignore
-    /* @__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))))
+    /* @__PURE__ */ React5.createElement(WagmiProvider, { config, reconnectOnMount: walletConfig.reconnectOnMount }, /* @__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 = () => {