@suilend/sui-fe-next 2.0.31 → 3.0.0

package/contexts/SettingsContext.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from "react";
-import { SuiJsonRpcClient } from "@mysten/sui/jsonRpc";
+import { SuiGraphQLClient } from "@mysten/sui/graphql";
+import { SuiGrpcClient } from "@mysten/sui/grpc";
 import { Explorer, ExplorerId, Rpc, RpcId } from "@suilend/sui-fe";
 interface SettingsContext {
     rpc: Rpc;
@@ -9,7 +10,8 @@ interface SettingsContext {
     setExplorerId: (id: ExplorerId) => void;
     gasBudget: string;
     setGasBudget: (value: string) => void;
-    suiClient: SuiJsonRpcClient;
+    suiGrpcClient: SuiGrpcClient;
+    suiGraphQLClient: SuiGraphQLClient;
 }
 declare const SettingsContext: import("react").Context<SettingsContext>;
 export declare const useSettingsContext: () => SettingsContext;

package/contexts/SettingsContext.jsx

@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { createContext, useContext, useMemo } from "react";
-import { SuiJsonRpcClient, getJsonRpcFullnodeUrl } from "@mysten/sui/jsonRpc";
+import { SuiGraphQLClient } from "@mysten/sui/graphql";
+import { SuiGrpcClient } from "@mysten/sui/grpc";
 import { useLocalStorage } from "usehooks-ts";
-import { EXPLORERS, RPCS, RpcId, } from "@suilend/sui-fe";
+import { EXPLORERS, RPCS, RPC_GRAPHQL_URL, RpcId, } from "@suilend/sui-fe";
 var defaultContextValue = {
     rpc: RPCS[0],
     setRpcId: function () {
@@ -29,8 +30,12 @@ var defaultContextValue = {
     setGasBudget: function () {
         throw Error("SettingsContextProvider not initialized");
     },
-    suiClient: new SuiJsonRpcClient({
-        url: getJsonRpcFullnodeUrl("mainnet"),
+    suiGrpcClient: new SuiGrpcClient({
+        baseUrl: "https://fullnode.mainnet.sui.io:443",
+        network: "mainnet",
+    }),
+    suiGraphQLClient: new SuiGraphQLClient({
+        url: RPC_GRAPHQL_URL,
         network: "mainnet",
     }),
 };
@@ -54,8 +59,9 @@ export function SettingsContextProvider(_a) {
     }, [explorerId]);
     // Gas budget
     var _e = useLocalStorage("gasBudget", defaultContextValue.gasBudget), gasBudget = _e[0], setGasBudget = _e[1];
-    // Sui client
-    var suiClient = useMemo(function () { return new SuiJsonRpcClient({ url: rpc.url, network: "mainnet" }); }, [rpc.url]);
+    // Sui clients
+    var suiGrpcClient = useMemo(function () { return new SuiGrpcClient({ baseUrl: rpc.url, network: "mainnet" }); }, [rpc.url]);
+    var suiGraphQLClient = useMemo(function () { return new SuiGraphQLClient({ url: RPC_GRAPHQL_URL, network: "mainnet" }); }, []);
     // Context
     var contextValue = useMemo(function () { return ({
         rpc: rpc,
@@ -65,7 +71,8 @@ export function SettingsContextProvider(_a) {
         setExplorerId: setExplorerId,
         gasBudget: gasBudget,
         setGasBudget: setGasBudget,
-        suiClient: suiClient,
+        suiGrpcClient: suiGrpcClient,
+        suiGraphQLClient: suiGraphQLClient,
     }); }, [
         rpc,
         setRpcId,
@@ -74,7 +81,8 @@ export function SettingsContextProvider(_a) {
         setExplorerId,
         gasBudget,
         setGasBudget,
-        suiClient,
+        suiGrpcClient,
+        suiGraphQLClient,
     ]);
     return (<SettingsContext.Provider value={contextValue}>
       {children}

package/contexts/WalletContext.d.ts

@@ -1,8 +1,9 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+import { UiWallet } from "@mysten/dapp-kit-core";
+import { SuiClientTypes } from "@mysten/sui/client";
 import { SignatureWithBytes } from "@mysten/sui/cryptography";
-import { DevInspectResults, SuiTransactionBlockResponse } from "@mysten/sui/jsonRpc";
 import { Transaction } from "@mysten/sui/transactions";
-import { ReadonlyUint8Array, WalletIcon, WalletAccount as WalletStandardWalletAccount, WalletWithRequiredFeatures } from "@mysten/wallet-standard";
+import { ReadonlyUint8Array, WalletIcon, WalletAccount as WalletStandardWalletAccount } from "@mysten/wallet-standard";
 export declare enum WalletType {
     EXTENSION = "extension",
     WEB = "web"
@@ -17,7 +18,7 @@ export type Wallet = {
     iconUrl?: WalletIcon;
     type: WalletType;
     downloadUrls?: Record<WalletPlatform, string | undefined>;
-    raw?: WalletWithRequiredFeatures;
+    raw?: UiWallet;
     walletConnect?: boolean;
 };
 declare enum WalletName {
@@ -50,8 +51,14 @@ export interface WalletContext {
     account?: WalletAccount;
     switchAccount: (account: WalletAccount, addressNameServiceName?: string) => void;
     address?: string;
-    dryRunTransaction: (transaction: Transaction, setGasBudget?: boolean) => Promise<DevInspectResults>;
-    signExecuteAndWaitForTransaction: (transaction: Transaction, onSetGasBudget?: (transaction: Transaction) => void, onSign?: (signedTransaction: SignatureWithBytes) => void, onExecute?: (res: SuiTransactionBlockResponse) => void) => Promise<SuiTransactionBlockResponse>;
+    dryRunTransaction: (transaction: Transaction, setGasBudget?: boolean) => Promise<SuiClientTypes.SimulateTransactionResult<{
+        commandResults: true;
+    }>>;
+    signExecuteAndWaitForTransaction: (transaction: Transaction, onSetGasBudget?: (transaction: Transaction) => void, onSign?: (signedTransaction: SignatureWithBytes) => void, onExecute?: (res: SuiClientTypes.Transaction) => void) => Promise<SuiClientTypes.Transaction<{
+        effects: true;
+        events: true;
+        balanceChanges: true;
+    }>>;
     isUsingLedger: boolean;
     setIsUsingLedger: (isUsingLedger: boolean) => void;
     signPersonalMessage: (message: Uint8Array) => Promise<{

package/contexts/WalletContext.jsx

@@ -57,11 +57,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 var _a, _b;
 import { useRouter } from "next/router";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
-import { WalletProvider as MystenWalletProvider, SuiClientProvider, createNetworkConfig, useSignPersonalMessage, } from "@mysten/dapp-kit";
-import { useAccounts, useConnectWallet, useCurrentAccount, useCurrentWallet, useDisconnectWallet, useSignTransaction, useSwitchAccount, useWallets, } from "@mysten/dapp-kit";
+import { createDAppKit, } from "@mysten/dapp-kit-core";
+import { DAppKitProvider, useCurrentAccount, useCurrentWallet, useDAppKit, useWalletConnection, useWallets, } from "@mysten/dapp-kit-react";
+import { SuiGrpcClient } from "@mysten/sui/grpc";
 import { Transaction } from "@mysten/sui/transactions";
-import { SUI_DECIMALS, toBase64 } from "@mysten/sui/utils";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { SUI_DECIMALS, fromBase64, toBase64 } from "@mysten/sui/utils";
 import BigNumber from "bignumber.js";
 import { useLDClient } from "launchdarkly-react-client-sdk";
 import { useLocalStorage } from "usehooks-ts";
@@ -211,16 +211,16 @@ export var useWalletContext = function () { return useContext(WalletContext); };
 function Inner(_a) {
     var _b;
     var _this = this;
-    var _c, _d, _e, _f;
+    var _c, _d, _e, _f, _g;
     var appName = _a.appName, children = _a.children;
     var router = useRouter();
     var queryParams = (_b = {},
         _b[WalletContextQueryParams.WALLET] = router.query[WalletContextQueryParams.WALLET],
         _b);
-    var _g = useSettingsContext(), rpc = _g.rpc, suiClient = _g.suiClient;
+    var _h = useSettingsContext(), rpc = _h.rpc, suiGrpcClient = _h.suiGrpcClient;
     // Only used for wallet connect
-    var _h = useState(), universalConnector = _h[0], setUniversalConnector = _h[1];
-    var _j = useState(), session = _j[0], setSession = _j[1];
+    var _j = useState(), universalConnector = _j[0], setUniversalConnector = _j[1];
+    var _k = useState(), session = _k[0], setSession = _k[1];
     var sessionAddressWithout0x = (_e = (_d = (_c = session === null || session === void 0 ? void 0 : session.namespaces) === null || _c === void 0 ? void 0 : _c.sui) === null || _d === void 0 ? void 0 : _d.accounts) === null || _e === void 0 ? void 0 : _e[0];
     var sessionAddress = sessionAddressWithout0x
         ? sessionAddressWithout0x.split(":").pop()
@@ -351,8 +351,9 @@ function Inner(_a) {
         wallets__web,
     ]);
     // Wallet
-    var _k = useState(false), isConnectWalletDropdownOpen = _k[0], setIsConnectWalletDropdownOpen = _k[1];
-    var rawWallet = useCurrentWallet().currentWallet;
+    var _l = useState(false), isConnectWalletDropdownOpen = _l[0], setIsConnectWalletDropdownOpen = _l[1];
+    var dAppKit = useDAppKit();
+    var rawWallet = useCurrentWallet();
     var wallet = useMemo(function () {
         if (sessionAddress) {
             return WALLET_CONNECT_WALLET;
@@ -361,9 +362,6 @@ function Inner(_a) {
             ? wallets.find(function (w) { return w.name === rawWallet.name; })
             : undefined;
     }, [rawWallet, wallets, sessionAddress]);
-    var connectWallet = useConnectWallet().mutate;
-    var disconnectWallet = useDisconnectWallet().mutate;
-    var signPersonalMessageRaw = useSignPersonalMessage().mutateAsync;
     var walletConnectSignPersonalMessage = useCallback(function (message) { return __awaiter(_this, void 0, void 0, function () {
         var res;
         return __generator(this, function (_a) {
@@ -388,31 +386,38 @@ function Inner(_a) {
         try {
             if (_wallet === null || _wallet === void 0 ? void 0 : _wallet.walletConnect) {
                 universalConnector.connect().then(function (res) {
-                    disconnectWallet();
-                    setSession(res.session);
+                    dAppKit
+                        .disconnectWallet()
+                        .then(function () {
+                        setSession(res.session);
+                    })
+                        .catch(function (err) {
+                        showErrorToast("Failed to connect ".concat(_wallet.name), err);
+                        console.error(err);
+                    });
                 });
                 return;
             }
             if (!_wallet.raw)
                 throw new Error("Missing wallet");
-            connectWallet({ wallet: _wallet.raw }, {
-                onSuccess: function () {
-                    universalConnector.disconnect();
-                    setSession(null);
-                    showInfoToast("Connected ".concat(_wallet.name));
-                    setIsConnectWalletDropdownOpen(false);
-                },
-                onError: function (err) {
-                    showErrorToast("Failed to connect ".concat(_wallet.name), err);
-                    console.error(err);
-                },
+            dAppKit
+                .connectWallet({ wallet: _wallet.raw })
+                .then(function (res) {
+                universalConnector.disconnect();
+                setSession(null);
+                showInfoToast("Connected ".concat(_wallet.name));
+                setIsConnectWalletDropdownOpen(false);
+            })
+                .catch(function (err) {
+                showErrorToast("Failed to connect ".concat(_wallet.name), err);
+                console.error(err);
             });
         }
         catch (err) {
             showErrorToast("Failed to connect ".concat(_wallet.name), err);
             console.error(err);
         }
-    }, [connectWallet, disconnectWallet, universalConnector]);
+    }, [universalConnector, dAppKit]);
     var disconnectWalletWrapper = useCallback(function () {
         try {
             if (sessionAddress) {
@@ -420,14 +425,14 @@ function Inner(_a) {
                 setSession(null);
             }
             else {
-                disconnectWallet(undefined, {
-                    onSuccess: function () {
-                        showInfoToast("Disconnected wallet");
-                    },
-                    onError: function (err) {
-                        showErrorToast("Failed to disconnect wallet", err);
-                        console.error(err);
-                    },
+                dAppKit
+                    .disconnectWallet()
+                    .then(function () {
+                    showInfoToast("Disconnected wallet");
+                })
+                    .catch(function (err) {
+                    showErrorToast("Failed to disconnect wallet", err);
+                    console.error(err);
                 });
             }
         }
@@ -435,11 +440,11 @@ function Inner(_a) {
             showErrorToast("Failed to disconnect wallet", err);
             console.error(err);
         }
-    }, [sessionAddress, universalConnector, disconnectWallet]);
+    }, [sessionAddress, universalConnector, dAppKit]);
     // Accounts
-    var accountsRes = useAccounts();
-    var accountRes = (_f = useCurrentAccount()) !== null && _f !== void 0 ? _f : undefined;
-    var switchAccount = useSwitchAccount().mutate;
+    var connection = useWalletConnection();
+    var accountsRes = useMemo(function () { var _a, _b; return (_b = (_a = connection === null || connection === void 0 ? void 0 : connection.wallet) === null || _a === void 0 ? void 0 : _a.accounts) !== null && _b !== void 0 ? _b : []; }, [(_f = connection === null || connection === void 0 ? void 0 : connection.wallet) === null || _f === void 0 ? void 0 : _f.accounts]);
+    var accountRes = (_g = useCurrentAccount()) !== null && _g !== void 0 ? _g : undefined;
     var account = useMemo(function () {
         return sessionAddress
             ? {
@@ -465,46 +470,26 @@ function Inner(_a) {
     var signPersonalMessage = useMemo(function () {
         return sessionAddress
             ? walletConnectSignPersonalMessage
-            : function (message) { return signPersonalMessageRaw({ message: message, account: account }); };
-    }, [
-        sessionAddress,
-        walletConnectSignPersonalMessage,
-        signPersonalMessageRaw,
-        account,
-    ]);
+            : function (message) { return dAppKit.signPersonalMessage({ message: message }); };
+    }, [sessionAddress, walletConnectSignPersonalMessage, dAppKit]);
     var switchAccountWrapper = useCallback(function (_account, addressNameServiceName) {
-        var _a, _b, _c;
+        var _a, _b;
         var accountLabel = (_b = (_a = _account === null || _account === void 0 ? void 0 : _account.label) !== null && _a !== void 0 ? _a : addressNameServiceName) !== null && _b !== void 0 ? _b : formatAddress(_account.address);
         try {
-            switchAccount(
-            // only address needed here. rest for type compatibility
-            {
-                account: {
-                    address: _account.address,
-                    chains: _account.chains,
-                    features: _account.features,
-                    icon: _account.icon,
-                    label: _account.label,
-                    publicKey: (_c = _account.publicKey) !== null && _c !== void 0 ? _c : new Uint8Array(),
-                },
-            }, {
-                onSuccess: function () {
-                    showInfoToast("Switched to ".concat(accountLabel), {
-                        description: (_account === null || _account === void 0 ? void 0 : _account.label)
-                            ? (addressNameServiceName !== null && addressNameServiceName !== void 0 ? addressNameServiceName : formatAddress(_account.address))
-                            : undefined,
-                    });
-                },
-                onError: function (err) {
-                    showErrorToast("Failed to switch to ".concat(accountLabel), err);
-                },
+            dAppKit.switchAccount({
+                account: _account,
+            });
+            showInfoToast("Switched to ".concat(accountLabel), {
+                description: (_account === null || _account === void 0 ? void 0 : _account.label)
+                    ? (addressNameServiceName !== null && addressNameServiceName !== void 0 ? addressNameServiceName : formatAddress(_account.address))
+                    : undefined,
             });
         }
         catch (err) {
             showErrorToast("Failed to switch to ".concat(accountLabel), err);
             console.error(err);
         }
-    }, [switchAccount]);
+    }, [dAppKit]);
     // LaunchDarkly
     var ldClient = useLDClient();
     var ldKeyRef = useRef(undefined);
@@ -563,53 +548,55 @@ function Inner(_a) {
     }, [impersonatedAddress, account === null || account === void 0 ? void 0 : account.address, wallet === null || wallet === void 0 ? void 0 : wallet.name, appName]);
     // Tx
     var gasBudget = useSettingsContext().gasBudget;
-    var signTransaction = useSignTransaction().mutateAsync;
     var dryRunTransaction = useCallback(function (transaction_1) {
         var args_1 = [];
         for (var _i = 1; _i < arguments.length; _i++) {
             args_1[_i - 1] = arguments[_i];
         }
         return __awaiter(_this, __spreadArray([transaction_1], args_1, true), void 0, function (transaction, setGasBudget) {
-            var _address, _transaction, inspectResults, err_2;
+            var _address, _transaction, simResult, err_2;
+            var _a, _b;
             if (setGasBudget === void 0) { setGasBudget = true; }
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
                         _address = impersonatedAddress !== null && impersonatedAddress !== void 0 ? impersonatedAddress : account === null || account === void 0 ? void 0 : account.address;
                         _transaction = Transaction.from(transaction);
-                        _a.label = 1;
+                        _c.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
+                        _c.trys.push([1, 3, , 4]);
                         // Gas budget
                         if (setGasBudget && gasBudget !== "")
                             _transaction.setGasBudget(+new BigNumber(gasBudget)
                                 .times(Math.pow(10, SUI_DECIMALS))
                                 .integerValue(BigNumber.ROUND_DOWN));
-                        return [4 /*yield*/, suiClient.devInspectTransactionBlock({
-                                sender: _address !== null && _address !== void 0 ? _address : "0x0000000000000000000000000000000000000000000000000000000000000000",
-                                transactionBlock: _transaction,
+                        // Set sender for simulation
+                        _transaction.setSender(_address !== null && _address !== void 0 ? _address : "0x0000000000000000000000000000000000000000000000000000000000000000");
+                        return [4 /*yield*/, suiGrpcClient.simulateTransaction({
+                                transaction: _transaction,
+                                checksEnabled: false,
+                                include: { commandResults: true },
                             })];
                     case 2:
-                        inspectResults = _a.sent();
-                        console.log("[WalletContext] dryRunTransaction - inspectResults:", inspectResults);
-                        if (inspectResults.error)
-                            throw new Error(inspectResults.error);
-                        return [2 /*return*/, inspectResults];
+                        simResult = _c.sent();
+                        console.log("[WalletContext] dryRunTransaction - simResult:", simResult);
+                        if (simResult.FailedTransaction)
+                            throw new Error((_b = (_a = simResult.FailedTransaction.status.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : "Simulation failed");
+                        return [2 /*return*/, simResult];
                     case 3:
-                        err_2 = _a.sent();
-                        // _transaction.getData().inputs.filter(input=>!!input.Object).map(input=>input.)
+                        err_2 = _c.sent();
                         console.error(err_2);
                         throw err_2;
                     case 4: return [2 /*return*/];
                 }
             });
         });
-    }, [impersonatedAddress, account === null || account === void 0 ? void 0 : account.address, gasBudget, suiClient]);
+    }, [impersonatedAddress, account === null || account === void 0 ? void 0 : account.address, gasBudget, suiGrpcClient]);
     var signExecuteAndWaitForTransaction = useCallback(function (transaction, onSetGasBudget, onSign, onExecute) { return __awaiter(_this, void 0, void 0, function () {
-        var _address, signedTransaction, txBytes, res, res1, res2, err_3;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var _address, signedTransaction, txBytes, res, execResult, execTx, waitResult, tx, err_3;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
                 case 0:
                     _address = impersonatedAddress !== null && impersonatedAddress !== void 0 ? impersonatedAddress : account === null || account === void 0 ? void 0 : account.address;
                     if (_address) {
@@ -618,9 +605,9 @@ function Inner(_a) {
                         }
                         catch (err) { }
                     }
-                    _c.label = 1;
+                    _e.label = 1;
                 case 1:
-                    _c.trys.push([1, 9, , 10]);
+                    _e.trys.push([1, 9, , 10]);
                     // Gas budget
                     if (gasBudget !== "")
                         transaction.setGasBudget(+new BigNumber(gasBudget)
@@ -632,9 +619,9 @@ function Inner(_a) {
                     signedTransaction = void 0;
                     if (!(sessionAddress && universalConnector)) return [3 /*break*/, 4];
                     transaction.setSender(sessionAddress);
-                    return [4 /*yield*/, transaction.build({ client: suiClient })];
+                    return [4 /*yield*/, transaction.build({ client: suiGrpcClient })];
                 case 2:
-                    txBytes = _c.sent();
+                    txBytes = _e.sent();
                     return [4 /*yield*/, universalConnector.request({
                             method: "sui_signTransaction",
                             params: {
@@ -643,63 +630,68 @@ function Inner(_a) {
                             },
                         }, "sui:mainnet")];
                 case 3:
-                    res = _c.sent();
+                    res = _e.sent();
                     signedTransaction = {
                         bytes: res.transactionBytes,
                         signature: res.signature,
                     };
                     return [3 /*break*/, 6];
-                case 4: return [4 /*yield*/, signTransaction({
+                case 4: return [4 /*yield*/, dAppKit.signTransaction({
                         transaction: transaction,
-                        chain: "sui:mainnet",
                     })];
                 case 5:
                     // Sign
-                    signedTransaction = _c.sent();
-                    _c.label = 6;
+                    signedTransaction = _e.sent();
+                    _e.label = 6;
                 case 6:
+                    if (!signedTransaction)
+                        throw new Error("Failed to sign transaction");
                     onSign === null || onSign === void 0 ? void 0 : onSign(signedTransaction);
-                    return [4 /*yield*/, suiClient.executeTransactionBlock({
-                            transactionBlock: signedTransaction.bytes,
-                            signature: signedTransaction.signature,
+                    return [4 /*yield*/, suiGrpcClient.executeTransaction({
+                            transaction: fromBase64(signedTransaction.bytes),
+                            signatures: [signedTransaction.signature],
                         })];
                 case 7:
-                    res1 = _c.sent();
-                    onExecute === null || onExecute === void 0 ? void 0 : onExecute(res1);
-                    return [4 /*yield*/, suiClient.waitForTransaction({
-                            digest: res1.digest,
-                            options: {
-                                showBalanceChanges: true,
-                                showEffects: true,
-                                showEvents: true,
-                                showObjectChanges: true,
+                    execResult = _e.sent();
+                    execTx = (_a = execResult.Transaction) !== null && _a !== void 0 ? _a : execResult.FailedTransaction;
+                    if (!execTx)
+                        throw new Error("Transaction not found");
+                    onExecute === null || onExecute === void 0 ? void 0 : onExecute(execTx);
+                    return [4 /*yield*/, suiGrpcClient.waitForTransaction({
+                            digest: execTx.digest,
+                            include: {
+                                effects: true,
+                                events: true,
+                                balanceChanges: true,
                             },
                         })];
                 case 8:
-                    res2 = _c.sent();
-                    if (((_a = res2.effects) === null || _a === void 0 ? void 0 : _a.status) !== undefined &&
-                        res2.effects.status.status === "failure")
-                        throw new Error((_b = res2.effects.status.error) !== null && _b !== void 0 ? _b : "Transaction failed");
-                    return [2 /*return*/, res2];
+                    waitResult = _e.sent();
+                    tx = (_b = waitResult.Transaction) !== null && _b !== void 0 ? _b : waitResult.FailedTransaction;
+                    if (!tx)
+                        throw new Error("Transaction not found");
+                    if (!tx.status.success)
+                        throw new Error((_d = (_c = tx.status.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : "Transaction failed");
+                    return [2 /*return*/, tx];
                 case 9:
-                    err_3 = _c.sent();
+                    err_3 = _e.sent();
                     console.error(err_3);
                     throw err_3;
                 case 10: return [2 /*return*/];
             }
         });
     }); }, [
-        universalConnector,
-        sessionAddress,
-        gasBudget,
         impersonatedAddress,
         account === null || account === void 0 ? void 0 : account.address,
         dryRunTransaction,
-        suiClient,
-        signTransaction,
+        gasBudget,
+        sessionAddress,
+        universalConnector,
+        suiGrpcClient,
+        dAppKit,
     ]);
     // Using Ledger
-    var _l = useLocalStorage("isUsingLedger-".concat(impersonatedAddress !== null && impersonatedAddress !== void 0 ? impersonatedAddress : account === null || account === void 0 ? void 0 : account.address), false), isUsingLedger = _l[0], setIsUsingLedger = _l[1];
+    var _m = useLocalStorage("isUsingLedger-".concat(impersonatedAddress !== null && impersonatedAddress !== void 0 ? impersonatedAddress : account === null || account === void 0 ? void 0 : account.address), false), isUsingLedger = _m[0], setIsUsingLedger = _m[1];
     // Context
     var contextValue = useMemo(function () {
         return {
@@ -743,15 +735,17 @@ function Inner(_a) {
 export function WalletContextProvider(_a) {
     var appName = _a.appName, children = _a.children;
     var rpc = useSettingsContext().rpc;
-    var networkConfig = createNetworkConfig({
-        mainnet: { url: rpc.url },
-    }).networkConfig;
-    var queryClient = new QueryClient();
-    return (<QueryClientProvider client={queryClient}>
-      <SuiClientProvider networks={networkConfig} defaultNetwork="mainnet">
-        <MystenWalletProvider preferredWallets={DEFAULT_EXTENSION_WALLET_NAMES} autoConnect slushWallet={{ name: appName }}>
-          <Inner appName={appName}>{children}</Inner>
-        </MystenWalletProvider>
-      </SuiClientProvider>
-    </QueryClientProvider>);
+    var dAppKitInstance = useMemo(function () {
+        return createDAppKit({
+            networks: ["mainnet"],
+            createClient: function (network) {
+                return new SuiGrpcClient({ network: network, baseUrl: rpc.url });
+            },
+            autoConnect: true,
+            slushWalletConfig: { appName: appName },
+        });
+    }, [rpc.url, appName]);
+    return (<DAppKitProvider dAppKit={dAppKitInstance}>
+      <Inner appName={appName}>{children}</Inner>
+    </DAppKitProvider>);
 }

package/fetchers/useFetchBalances.js

@@ -53,25 +53,26 @@ import { useWalletContext } from "../contexts/WalletContext";
 import { showErrorToast } from "../lib/toasts";
 export default function useFetchBalances() {
     var _this = this;
-    var suiClient = useSettingsContext().suiClient;
+    var suiGrpcClient = useSettingsContext().suiGrpcClient;
     var address = useWalletContext().address;
     var dataFetcher = function () { return __awaiter(_this, void 0, void 0, function () {
-        var balancesMap, rawBalances, _i, rawBalances_1, rawBalance, totalBalance;
+        var balancesMap, balances, rawBalances, _i, rawBalances_1, rawBalance, totalBalance;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     balancesMap = {};
                     if (!address) return [3 /*break*/, 2];
-                    return [4 /*yield*/, suiClient.getAllBalances({
+                    return [4 /*yield*/, suiGrpcClient.listBalances({
                             owner: address,
                         })];
                 case 1:
-                    rawBalances = (_a.sent())
-                        .map(function (cb) { return (__assign(__assign({}, cb), { coinType: normalizeStructTag(cb.coinType) })); })
+                    balances = (_a.sent()).balances;
+                    rawBalances = balances
+                        .map(function (b) { return (__assign(__assign({}, b), { coinType: normalizeStructTag(b.coinType) })); })
                         .sort(function (a, b) { return (a.coinType < b.coinType ? -1 : 1); });
                     for (_i = 0, rawBalances_1 = rawBalances; _i < rawBalances_1.length; _i++) {
                         rawBalance = rawBalances_1[_i];
-                        totalBalance = new BigNumber(rawBalance.totalBalance);
+                        totalBalance = new BigNumber(rawBalance.balance);
                         if (totalBalance.gt(0))
                             balancesMap[rawBalance.coinType] = totalBalance;
                     }

package/hooks/useCoinMetadataMap.d.ts

@@ -1,3 +1,3 @@
-import { CoinMetadata } from "@mysten/sui/jsonRpc";
-declare const useCoinMetadataMap: (coinTypes: string[]) => Record<string, CoinMetadata> | undefined;
+import { SuiClientTypes } from "@mysten/sui/client";
+declare const useCoinMetadataMap: (coinTypes: string[]) => Record<string, SuiClientTypes.CoinMetadata> | undefined;
 export default useCoinMetadataMap;

package/hooks/useLedgerHashDialog.js

@@ -39,7 +39,7 @@ import { getLedgerHash } from "@suilend/sui-fe";
 import { useSettingsContext } from "../contexts/SettingsContext";
 import { useWalletContext } from "../contexts/WalletContext";
 var useLedgerHashDialog = function () {
-    var suiClient = useSettingsContext().suiClient;
+    var suiGrpcClient = useSettingsContext().suiGrpcClient;
     var _a = useWalletContext(), address = _a.address, isUsingLedger = _a.isUsingLedger;
     var _b = useState(undefined), ledgerHash = _b[0], setLedgerHash = _b[1];
     var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
@@ -52,7 +52,7 @@ var useLedgerHashDialog = function () {
                         return [2 /*return*/];
                     if (!isUsingLedger)
                         return [2 /*return*/];
-                    return [4 /*yield*/, getLedgerHash(address, transaction, suiClient)];
+                    return [4 /*yield*/, getLedgerHash(address, transaction, suiGrpcClient)];
                 case 1:
                     transactionLedgerHash = _a.sent();
                     setLedgerHash(transactionLedgerHash);
@@ -60,7 +60,7 @@ var useLedgerHashDialog = function () {
                     return [2 /*return*/];
             }
         });
-    }); }, [address, isUsingLedger, suiClient]);
+    }); }, [address, isUsingLedger, suiGrpcClient]);
     var close = useCallback(function () {
         setIsOpen(false);
     }, []);