@suilend/sui-fe-next 0.1.63 → 0.1.64

package/contexts/WalletContext.d.ts

@@ -2,11 +2,18 @@ import { Dispatch, PropsWithChildren, SetStateAction } from "react";
 import { DevInspectResults, SuiTransactionBlockResponse } from "@mysten/sui/client";
 import { SignatureWithBytes } from "@mysten/sui/cryptography";
 import { Transaction } from "@mysten/sui/transactions";
-import { WalletAccount, WalletIcon, WalletWithRequiredFeatures } from "@mysten/wallet-standard";
+import { IdentifierArray, WalletIcon, WalletWithRequiredFeatures } from "@mysten/wallet-standard";
 export declare enum WalletType {
     EXTENSION = "extension",
     WEB = "web"
 }
+export type WalletAccount = {
+    address: string;
+    label?: string;
+    icon?: WalletIcon;
+    chains: IdentifierArray;
+    features: IdentifierArray;
+};
 type WalletPlatform = "iOS" | "android" | "extension";
 export type Wallet = {
     name: string;
@@ -37,7 +44,9 @@ export interface WalletContext {
     setIsConnectWalletDropdownOpen: Dispatch<SetStateAction<boolean>>;
     wallets: Wallet[];
     wallet?: Wallet;
-    connectWallet: (wallet: Wallet) => void;
+    connectWallet: (wallet: Wallet & {
+        walletConnect: boolean;
+    }) => void;
     disconnectWallet: () => void;
     accounts: readonly WalletAccount[];
     account?: WalletAccount;

package/contexts/WalletContext.jsx

@@ -60,7 +60,7 @@ import { createContext, useCallback, useContext, useEffect, useMemo, useRef, use
 import { WalletProvider as MystenWalletProvider, SuiClientProvider, createNetworkConfig, } from "@mysten/dapp-kit";
 import { useAccounts, useConnectWallet, useCurrentAccount, useCurrentWallet, useDisconnectWallet, useSignTransaction, useSwitchAccount, useWallets, } from "@mysten/dapp-kit";
 import { Transaction } from "@mysten/sui/transactions";
-import { SUI_DECIMALS } from "@mysten/sui/utils";
+import { SUI_DECIMALS, toBase64 } from "@mysten/sui/utils";
 import * as Sentry from "@sentry/nextjs";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import BigNumber from "bignumber.js";
@@ -70,6 +70,7 @@ import { useLocalStorage } from "usehooks-ts";
 import { API_URL, formatAddress, isInMsafeApp } from "@suilend/sui-fe";
 import { showErrorToast, showInfoToast } from "../lib";
 import { useSettingsContext } from "./SettingsContext";
+import { getUniversalConnector } from "../lib/connector";
 export var WalletType;
 (function (WalletType) {
     WalletType["EXTENSION"] = "extension";
@@ -200,13 +201,32 @@ export var useWalletContext = function () { return useContext(WalletContext); };
 function Inner(_a) {
     var _b;
     var _this = this;
-    var _c;
+    var _c, _d, _e, _f;
     var appName = _a.appName, children = _a.children;
     var router = useRouter();
     var queryParams = (_b = {},
         _b[WalletContextQueryParams.WALLET] = router.query[WalletContextQueryParams.WALLET],
         _b);
-    var suiClient = useSettingsContext().suiClient;
+    var _g = useSettingsContext(), suiClient = _g.suiClient, rpc = _g.rpc;
+    // Only used for wallet connect
+    var _h = useState(), universalConnector = _h[0], setUniversalConnector = _h[1];
+    var _j = useState(), session = _j[0], setSession = _j[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() : undefined;
+    useEffect(function () {
+        (function () { return __awaiter(_this, void 0, void 0, function () {
+            var connector;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, getUniversalConnector(rpc.url)];
+                    case 1:
+                        connector = _a.sent();
+                        setUniversalConnector(connector);
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [rpc.url]);
     // Impersonated address
     var impersonatedAddress = queryParams[WalletContextQueryParams.WALLET];
     // Wallets
@@ -318,18 +338,28 @@ function Inner(_a) {
         wallets__web,
     ]);
     // Wallet
-    var _d = useState(false), isConnectWalletDropdownOpen = _d[0], setIsConnectWalletDropdownOpen = _d[1];
+    var _k = useState(false), isConnectWalletDropdownOpen = _k[0], setIsConnectWalletDropdownOpen = _k[1];
     var rawWallet = useCurrentWallet().currentWallet;
     var wallet = useMemo(function () {
         return rawWallet ? wallets.find(function (w) { return w.name === rawWallet.name; }) : undefined;
     }, [rawWallet, wallets]);
     var connectWallet = useConnectWallet().mutate;
+    var disconnectWallet = useDisconnectWallet().mutate;
     var connectWalletWrapper = useCallback(function (_wallet) {
         try {
             if (!_wallet.raw)
                 throw new Error("Missing wallet");
+            if (_wallet === null || _wallet === void 0 ? void 0 : _wallet.walletConnect) {
+                universalConnector.connect().then(function (res) {
+                    disconnectWallet();
+                    setSession(res.session);
+                });
+                return;
+            }
             connectWallet({ wallet: _wallet.raw }, {
                 onSuccess: function () {
+                    universalConnector.disconnect();
+                    setSession(null);
                     showInfoToast("Connected ".concat(_wallet.name));
                     setIsConnectWalletDropdownOpen(false);
                 },
@@ -343,8 +373,7 @@ function Inner(_a) {
             showErrorToast("Failed to connect ".concat(_wallet.name), err);
             console.error(err);
         }
-    }, [connectWallet]);
-    var disconnectWallet = useDisconnectWallet().mutate;
+    }, [connectWallet, disconnectWallet]);
     var disconnectWalletWrapper = useCallback(function () {
         try {
             disconnectWallet(undefined, {
@@ -363,14 +392,18 @@ function Inner(_a) {
         }
     }, [disconnectWallet]);
     // Accounts
-    var accounts = useAccounts();
-    var account = (_c = useCurrentAccount()) !== null && _c !== void 0 ? _c : undefined;
+    var accountsRes = useAccounts();
+    var accountRes = (_f = useCurrentAccount()) !== null && _f !== void 0 ? _f : undefined;
     var switchAccount = useSwitchAccount().mutate;
+    var account = sessionAddress ? { address: sessionAddress, publicKey: new Uint8Array(), chains: ['sui:mainnet'], features: [] } : accountRes;
+    var accounts = sessionAddress ? [{ address: sessionAddress, publicKey: new Uint8Array(), chains: ['sui:mainnet'], features: [] }] : accountsRes;
     var switchAccountWrapper = useCallback(function (_account, addressNameServiceName) {
-        var _a, _b;
+        var _a, _b, _c;
         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({ account: _account }, {
+            switchAccount(
+            // only address needed here. rest for type compatibility
+            { account: __assign(__assign({}, _account), { 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)
@@ -506,7 +539,7 @@ function Inner(_a) {
         });
     }, [impersonatedAddress, account === null || account === void 0 ? void 0 : account.address, gasBudget, suiClient]);
     var signExecuteAndWaitForTransaction = useCallback(function (transaction, options, onSetGasBudget, onSign, onExecute) { return __awaiter(_this, void 0, void 0, function () {
-        var _address, signedTransaction, err_3, res1, res2, err_4;
+        var _address, signedTransaction, txBytes, res, err_3, res1, res2, err_4;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -520,7 +553,7 @@ function Inner(_a) {
                     }
                     _c.label = 1;
                 case 1:
-                    _c.trys.push([1, 9, , 10]);
+                    _c.trys.push([1, 13, , 14]);
                     // Gas budget
                     if (gasBudget !== "")
                         transaction.setGasBudget(+new BigNumber(gasBudget)
@@ -529,29 +562,52 @@ function Inner(_a) {
                     onSetGasBudget === null || onSetGasBudget === void 0 ? void 0 : onSetGasBudget(transaction);
                     // Log
                     console.log("[WalletContext] signExecuteAndWaitForTransaction - transaction.getData():", transaction.getData());
-                    return [4 /*yield*/, signTransaction({
-                            transaction: transaction,
-                            chain: "sui:mainnet",
-                        })];
+                    signedTransaction = void 0;
+                    if (!(sessionAddress && universalConnector)) return [3 /*break*/, 4];
+                    transaction.setSender(sessionAddress);
+                    return [4 /*yield*/, transaction.build({ client: suiClient })];
                 case 2:
+                    txBytes = _c.sent();
+                    return [4 /*yield*/, universalConnector.request({
+                            method: "sui_signTransaction",
+                            params: {
+                                transaction: toBase64(txBytes),
+                                address: sessionAddress,
+                            },
+                        }, "sui:mainnet")];
+                case 3:
+                    res = _c.sent();
+                    signedTransaction = {
+                        bytes: res.transactionBytes,
+                        signature: res.signature,
+                    };
+                    return [3 /*break*/, 6];
+                case 4: return [4 /*yield*/, signTransaction({
+                        transaction: transaction,
+                        chain: "sui:mainnet",
+                    })];
+                case 5:
+                    // Sign
                     signedTransaction = _c.sent();
+                    _c.label = 6;
+                case 6:
                     onSign === null || onSign === void 0 ? void 0 : onSign(signedTransaction);
-                    if (!(options === null || options === void 0 ? void 0 : options.auction)) return [3 /*break*/, 6];
-                    _c.label = 3;
-                case 3:
-                    _c.trys.push([3, 5, , 6]);
+                    if (!(options === null || options === void 0 ? void 0 : options.auction)) return [3 /*break*/, 10];
+                    _c.label = 7;
+                case 7:
+                    _c.trys.push([7, 9, , 10]);
                     return [4 /*yield*/, executeAuction(signedTransaction.bytes, signedTransaction.signature)];
-                case 4:
+                case 8:
                     _c.sent();
-                    return [3 /*break*/, 6];
-                case 5:
+                    return [3 /*break*/, 10];
+                case 9:
                     err_3 = _c.sent();
-                    return [3 /*break*/, 6];
-                case 6: return [4 /*yield*/, suiClient.executeTransactionBlock({
+                    return [3 /*break*/, 10];
+                case 10: return [4 /*yield*/, suiClient.executeTransactionBlock({
                         transactionBlock: signedTransaction.bytes,
                         signature: signedTransaction.signature,
                     })];
-                case 7:
+                case 11:
                     res1 = _c.sent();
                     onExecute === null || onExecute === void 0 ? void 0 : onExecute(res1);
                     return [4 /*yield*/, suiClient.waitForTransaction({
@@ -563,21 +619,23 @@ function Inner(_a) {
                                 showObjectChanges: true,
                             },
                         })];
-                case 8:
+                case 12:
                     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];
-                case 9:
+                case 13:
                     err_4 = _c.sent();
                     Sentry.captureException(err_4);
                     console.error(err_4);
                     throw err_4;
-                case 10: return [2 /*return*/];
+                case 14: return [2 /*return*/];
             }
         });
     }); }, [
+        universalConnector,
+        sessionAddress,
         gasBudget,
         impersonatedAddress,
         account === null || account === void 0 ? void 0 : account.address,
@@ -586,25 +644,28 @@ function Inner(_a) {
         signTransaction,
     ]);
     // Using Ledger
-    var _e = useLocalStorage("isUsingLedger-".concat(impersonatedAddress !== null && impersonatedAddress !== void 0 ? impersonatedAddress : account === null || account === void 0 ? void 0 : account.address), false), isUsingLedger = _e[0], setIsUsingLedger = _e[1];
+    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];
     // Context
-    var contextValue = useMemo(function () { return ({
-        isImpersonating: !!impersonatedAddress,
-        isConnectWalletDropdownOpen: isConnectWalletDropdownOpen,
-        setIsConnectWalletDropdownOpen: setIsConnectWalletDropdownOpen,
-        wallets: wallets,
-        wallet: wallet,
-        connectWallet: connectWalletWrapper,
-        disconnectWallet: disconnectWalletWrapper,
-        accounts: accounts,
-        account: account,
-        switchAccount: switchAccountWrapper,
-        address: impersonatedAddress !== null && impersonatedAddress !== void 0 ? impersonatedAddress : account === null || account === void 0 ? void 0 : account.address,
-        dryRunTransaction: dryRunTransaction,
-        signExecuteAndWaitForTransaction: signExecuteAndWaitForTransaction,
-        isUsingLedger: isUsingLedger,
-        setIsUsingLedger: setIsUsingLedger,
-    }); }, [
+    var contextValue = useMemo(function () {
+        return ({
+            isImpersonating: !!impersonatedAddress,
+            isConnectWalletDropdownOpen: isConnectWalletDropdownOpen,
+            setIsConnectWalletDropdownOpen: setIsConnectWalletDropdownOpen,
+            wallets: wallets,
+            wallet: wallet,
+            connectWallet: connectWalletWrapper,
+            disconnectWallet: disconnectWalletWrapper,
+            accounts: accounts,
+            account: account,
+            switchAccount: switchAccountWrapper,
+            address: impersonatedAddress !== null && impersonatedAddress !== void 0 ? impersonatedAddress : account === null || account === void 0 ? void 0 : account.address,
+            dryRunTransaction: dryRunTransaction,
+            signExecuteAndWaitForTransaction: signExecuteAndWaitForTransaction,
+            isUsingLedger: isUsingLedger,
+            setIsUsingLedger: setIsUsingLedger,
+        });
+    }, [
+        session,
         impersonatedAddress,
         isConnectWalletDropdownOpen,
         wallets,

package/lib/connector.d.ts

@@ -0,0 +1,3 @@
+import { UniversalConnector } from '@reown/appkit-universal-connector';
+export declare const projectId = "8bd21cb34c6a79f37b99768f8f607a99";
+export declare function getUniversalConnector(rpcUrl: string): Promise<UniversalConnector>;

package/lib/connector.js

@@ -0,0 +1,78 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { UniversalConnector } from '@reown/appkit-universal-connector';
+// Get projectId from https://dashboard.reown.com
+export var projectId = "8bd21cb34c6a79f37b99768f8f607a99";
+if (!projectId) {
+    throw new Error('Project ID is not defined');
+}
+export function getUniversalConnector(rpcUrl) {
+    return __awaiter(this, void 0, void 0, function () {
+        var universalConnector;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, UniversalConnector.init({
+                        projectId: projectId,
+                        metadata: {
+                            name: 'Universal Connector',
+                            description: 'Universal Connector',
+                            url: 'http://localhost:3000',
+                            icons: ['https://appkit.reown.com/icon.png']
+                        },
+                        networks: [
+                            {
+                                methods: ['sui_signPersonalMessage', 'sui_signTransaction', 'sui_signAndExecuteTransaction'],
+                                chains: [{
+                                        id: 784,
+                                        chainNamespace: 'sui',
+                                        caipNetworkId: 'sui:mainnet',
+                                        name: 'Sui',
+                                        nativeCurrency: { name: 'SUI', symbol: 'SUI', decimals: 9 },
+                                        rpcUrls: { default: { http: [rpcUrl] } }
+                                    }],
+                                events: [],
+                                namespace: 'sui'
+                            }
+                        ]
+                    })];
+                case 1:
+                    universalConnector = _a.sent();
+                    return [2 /*return*/, universalConnector];
+            }
+        });
+    });
+}

package/package.json

@@ -1 +1 @@
-{"name":"@suilend/sui-fe-next","version":"0.1.63","private":false,"description":"A collection of TypeScript frontend components and hooks","author":"Suilend","license":"MIT","main":"./index.js","exports":{".":"./index.js","./contexts/SettingsContext":"./contexts/SettingsContext.jsx","./contexts/WalletContext":"./contexts/WalletContext.jsx","./contexts":"./contexts/index.js","./fetchers":"./fetchers/index.js","./fetchers/useFetchBalances":"./fetchers/useFetchBalances.js","./hooks":"./hooks/index.js","./hooks/keypair":"./hooks/keypair.js","./hooks/useCoinMetadataMap":"./hooks/useCoinMetadataMap.js","./hooks/useIsAndroid":"./hooks/useIsAndroid.jsx","./hooks/useIsTouchscreen":"./hooks/useIsTouchscreen.jsx","./hooks/useIsiOS":"./hooks/useIsiOS.jsx","./hooks/useLedgerHashDialog":"./hooks/useLedgerHashDialog.js","./hooks/useRefreshOnBalancesChange":"./hooks/useRefreshOnBalancesChange.js","./lib":"./lib/index.js","./lib/router":"./lib/router.js","./lib/toasts":"./lib/toasts.jsx"},"types":"./index.js","scripts":{"build":"rm -rf ./dist && bun tsc","eslint":"eslint --fix \"./src/**/*.ts\"","prettier":"prettier --write \"./src/**/*\"","lint":"bun eslint && bun prettier && bun tsc --noEmit","release":"bun run build && bun ts-node ./release.ts && cd ./dist && npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/suilend/sui-fe.git"},"bugs":{"url":"https://github.com/suilend/sui-fe/issues"},"dependencies":{"@sentry/nextjs":"^8.38.0","@tanstack/react-query":"^5.60.2","bignumber.js":"^9.1.2","launchdarkly-react-client-sdk":"^3.6.0","lodash":"^4.17.21","next":"^15.0.3","react":"18.3.1","react-dom":"18.3.1","react-responsive":"^10.0.0","shio-sdk":"^1.0.8","sonner":"1.4.41","swr":"^2.2.5","tailwind-merge":"^2.5.4","usehooks-ts":"^3.1.1"},"devDependencies":{"@tsconfig/next":"^2.0.3","@types/lodash":"^4.17.13","@types/node":"^22.9.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@typescript-eslint/eslint-plugin":"^8.14.0","@typescript-eslint/parser":"^8.14.0","eslint":"^9.14.0","eslint-config-next":"^15.0.3","eslint-config-prettier":"^9.1.0","eslint-plugin-import":"^2.31.0","eslint-plugin-prettier":"^5.2.1","prettier":"^3.3.3","ts-node":"^10.9.2","typescript":"^5.6.3"},"peerDependencies":{"@mysten/dapp-kit":"0.16.0","@mysten/sui":"1.28.2","@mysten/wallet-standard":"0.14.7","@suilend/sui-fe":"^0.3.31"}}
+{"name":"@suilend/sui-fe-next","version":"0.1.64","private":false,"description":"A collection of TypeScript frontend components and hooks","author":"Suilend","license":"MIT","main":"./index.js","exports":{".":"./index.js","./contexts/SettingsContext":"./contexts/SettingsContext.jsx","./contexts/WalletContext":"./contexts/WalletContext.jsx","./contexts":"./contexts/index.js","./fetchers":"./fetchers/index.js","./fetchers/useFetchBalances":"./fetchers/useFetchBalances.js","./hooks":"./hooks/index.js","./hooks/keypair":"./hooks/keypair.js","./hooks/useCoinMetadataMap":"./hooks/useCoinMetadataMap.js","./hooks/useIsAndroid":"./hooks/useIsAndroid.jsx","./hooks/useIsTouchscreen":"./hooks/useIsTouchscreen.jsx","./hooks/useIsiOS":"./hooks/useIsiOS.jsx","./hooks/useLedgerHashDialog":"./hooks/useLedgerHashDialog.js","./hooks/useRefreshOnBalancesChange":"./hooks/useRefreshOnBalancesChange.js","./lib/connector":"./lib/connector.js","./lib":"./lib/index.js","./lib/router":"./lib/router.js","./lib/toasts":"./lib/toasts.jsx"},"types":"./index.js","scripts":{"build":"rm -rf ./dist && bun tsc","eslint":"eslint --fix \"./src/**/*.ts\"","prettier":"prettier --write \"./src/**/*\"","lint":"bun eslint && bun prettier && bun tsc --noEmit","release":"bun run build && bun ts-node ./release.ts && cd ./dist && npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/suilend/sui-fe.git"},"bugs":{"url":"https://github.com/suilend/sui-fe/issues"},"dependencies":{"@sentry/nextjs":"^8.38.0","@tanstack/react-query":"^5.60.2","bignumber.js":"^9.1.2","launchdarkly-react-client-sdk":"^3.6.0","lodash":"^4.17.21","next":"^15.0.3","react":"18.3.1","react-dom":"18.3.1","react-responsive":"^10.0.0","shio-sdk":"^1.0.8","sonner":"1.4.41","swr":"^2.2.5","tailwind-merge":"^2.5.4","usehooks-ts":"^3.1.1"},"devDependencies":{"@tsconfig/next":"^2.0.3","@types/lodash":"^4.17.13","@types/node":"^22.9.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@typescript-eslint/eslint-plugin":"^8.14.0","@typescript-eslint/parser":"^8.14.0","eslint":"^9.14.0","eslint-config-next":"^15.0.3","eslint-config-prettier":"^9.1.0","eslint-plugin-import":"^2.31.0","eslint-plugin-prettier":"^5.2.1","prettier":"^3.3.3","ts-node":"^10.9.2","typescript":"^5.6.3"},"peerDependencies":{"@mysten/dapp-kit":"0.16.0","@mysten/sui":"1.28.2","@mysten/wallet-standard":"0.14.7","@suilend/sui-fe":"^0.3.31"}}