@dynamic-labs/sdk-react-core 1.1.0-alpha.13 → 1.1.0-alpha.15

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js

@@ -12,6 +12,7 @@ import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -16,6 +16,7 @@ require('../../context/ViewContext/ViewContext.cjs');
 var close = require('../../shared/assets/close.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -12,6 +12,7 @@ import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -17,6 +17,7 @@ var chevronLeft = require('../../shared/assets/chevron-left.cjs');
 var close = require('../../shared/assets/close.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -13,6 +13,7 @@ import { ReactComponent as SvgChevronLeft } from '../../shared/assets/chevron-le
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';

package/src/lib/locale/en/translation.cjs

@@ -49,6 +49,18 @@ const translation = {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
           },
+          widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+              address: 'Copy wallet address',
+              ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+          },
         }
      */
     dyn_bridge: {
@@ -61,6 +73,18 @@ const translation = {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
         },
+        widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+                address: 'Copy wallet address',
+                ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+        },
     },
     /**
      * @description copy keys for Dynamic Captcha
@@ -286,6 +310,9 @@ const translation = {
         wallet_group: {
           title: 'Select Chain',
         },
+        select_wallet_in_wallet_group: {
+          title: 'Select'
+        },
         wallet_list: {
           button_only: 'Continue with a wallet',
         },
@@ -337,6 +364,9 @@ const translation = {
         wallet_group: {
             title: 'Select Chain',
         },
+        select_wallet_in_wallet_group: {
+            title: 'Select',
+        },
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
@@ -982,6 +1012,17 @@ const translation = {
         description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
         using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
     },
+    /**
+     * @description copy keys for Select Wallet view
+     * @default
+     * {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
+      }
+     */
+    dyn_select_wallet: {
+        description: 'Select your preferred {{walletName}} wallet?',
+    },
     /**
      * @description copy keys for Select Chain view
      * @default
@@ -1196,6 +1237,16 @@ const translation = {
         empty_wallets_action_link: 'Link',
         empty_wallets_action_connect: 'Connect',
     },
+    /**
+     * @description copy keys for Dynamic wallet information card
+     * @default
+     * {
+        balance: 'Balance'
+      }
+     */
+    dyn_wallet_information: {
+        balance: 'Balance',
+    },
     /**
      * @description copy keys for Unlink wallet prompt
      * @default

package/src/lib/locale/en/translation.d.ts

@@ -44,6 +44,18 @@ export declare const translation: {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
           },
+          widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+              address: 'Copy wallet address',
+              ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+          },
         }
      */
     dyn_bridge: {
@@ -56,6 +68,18 @@ export declare const translation: {
             description: string;
             title: string;
         };
+        widget: {
+            address: string;
+            connect: string;
+            connect_with_network: string;
+            copy: {
+                address: string;
+                ens: string;
+            };
+            disconnect: string;
+            edit_profile: string;
+            wallet_network: string;
+        };
     };
     /**
      * @description copy keys for Dynamic Captcha
@@ -281,6 +305,9 @@ export declare const translation: {
         wallet_group: {
           title: 'Select Chain',
         },
+        select_wallet_in_wallet_group: {
+          title: 'Select'
+        },
         wallet_list: {
           button_only: 'Continue with a wallet',
         },
@@ -332,6 +359,9 @@ export declare const translation: {
         wallet_group: {
             title: string;
         };
+        select_wallet_in_wallet_group: {
+            title: string;
+        };
         wallet_list: {
             button_only: string;
         };
@@ -977,6 +1007,17 @@ export declare const translation: {
         description: string;
         using_hardware_wallet_toggle_label: string;
     };
+    /**
+     * @description copy keys for Select Wallet view
+     * @default
+     * {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
+      }
+     */
+    dyn_select_wallet: {
+        description: string;
+    };
     /**
      * @description copy keys for Select Chain view
      * @default
@@ -1191,6 +1232,16 @@ export declare const translation: {
         empty_wallets_action_link: string;
         empty_wallets_action_connect: string;
     };
+    /**
+     * @description copy keys for Dynamic wallet information card
+     * @default
+     * {
+        balance: 'Balance'
+      }
+     */
+    dyn_wallet_information: {
+        balance: string;
+    };
     /**
      * @description copy keys for Unlink wallet prompt
      * @default

package/src/lib/locale/en/translation.js

@@ -45,6 +45,18 @@ const translation = {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
           },
+          widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+              address: 'Copy wallet address',
+              ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+          },
         }
      */
     dyn_bridge: {
@@ -57,6 +69,18 @@ const translation = {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
         },
+        widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+                address: 'Copy wallet address',
+                ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+        },
     },
     /**
      * @description copy keys for Dynamic Captcha
@@ -282,6 +306,9 @@ const translation = {
         wallet_group: {
           title: 'Select Chain',
         },
+        select_wallet_in_wallet_group: {
+          title: 'Select'
+        },
         wallet_list: {
           button_only: 'Continue with a wallet',
         },
@@ -333,6 +360,9 @@ const translation = {
         wallet_group: {
             title: 'Select Chain',
         },
+        select_wallet_in_wallet_group: {
+            title: 'Select',
+        },
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
@@ -978,6 +1008,17 @@ const translation = {
         description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
         using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
     },
+    /**
+     * @description copy keys for Select Wallet view
+     * @default
+     * {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
+      }
+     */
+    dyn_select_wallet: {
+        description: 'Select your preferred {{walletName}} wallet?',
+    },
     /**
      * @description copy keys for Select Chain view
      * @default
@@ -1192,6 +1233,16 @@ const translation = {
         empty_wallets_action_link: 'Link',
         empty_wallets_action_connect: 'Connect',
     },
+    /**
+     * @description copy keys for Dynamic wallet information card
+     * @default
+     * {
+        balance: 'Balance'
+      }
+     */
+    dyn_wallet_information: {
+        balance: 'Balance',
+    },
     /**
      * @description copy keys for Unlink wallet prompt
      * @default

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.cjs

@@ -15,6 +15,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.js

@@ -11,6 +11,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -15,6 +15,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -11,6 +11,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -18,6 +18,7 @@ var close = require('../../shared/assets/close.cjs');
 var signCircle = require('../../shared/assets/sign-circle.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -14,6 +14,7 @@ import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import { ReactComponent as SvgSignCircle } from '../../shared/assets/sign-circle.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs

@@ -16,6 +16,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -12,6 +12,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.cjs

@@ -15,6 +15,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var index = require('../../shared/consts/index.cjs');

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.js

@@ -11,6 +11,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { authModalZIndex } from '../../shared/consts/index.js';

package/src/lib/shared/types/index.d.ts

@@ -56,6 +56,8 @@ export interface WalletOption {
     name: string;
     walletConnector: WalletConnector;
     group?: string;
+    chainGroup?: string;
+    walletGroup?: string;
     groupedWallets?: WalletOption[];
     injectedConfig?: Array<Record<string, unknown>>;
 }

package/src/lib/shared/utils/classes/storage/localStorage.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
 var localStorage = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
 var logger = require('../../../logger.cjs');
 
 const connectedKeys = {

package/src/lib/shared/utils/classes/storage/localStorage.js

@@ -1,6 +1,7 @@
 import { dynamicEvents } from '../../../../events/dynamicEvents.js';
 import { AUTH_TOKEN, AUTH_USER } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
 import { logger } from '../../../logger.js';
 
 const connectedKeys = {

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
 var localStorage = require('../../classes/storage/localStorage.cjs');
 var isWalletGroup = require('../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
+var getWalletGroupType = require('../../../../utils/functions/getWalletGroupType/getWalletGroupType.cjs');
 
 const getLastUsedWalletKey = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
@@ -18,9 +20,12 @@ const getWalletGroupLabel = (walletGroup) => {
     if (hasNestedInstalledWallets) {
         return 'Installed';
     }
-    return 'Multichain';
+    if (getWalletGroupType.getWalletGroupType(walletGroup) === 'multi-chain') {
+        return 'Multichain';
+    }
+    return undefined;
 };
-const getWalletLabel = (walletOption, usingMultiWallet = false) => {
+const getWalletLabel = (walletOption) => {
     const lastUsedWalletKey = getLastUsedWalletKey();
     const { key: walletKey } = walletOption.walletConnector;
     const isLastUsedWallet = walletKey === lastUsedWalletKey;
@@ -30,11 +35,11 @@ const getWalletLabel = (walletOption, usingMultiWallet = false) => {
         return 'Installed';
     return undefined;
 };
-const getWalletListItemLabel = ({ usingMultiWallet, wallet, }) => {
+const getWalletListItemLabel = ({ wallet }) => {
     if (isWalletGroup.isWalletGroup(wallet)) {
         return getWalletGroupLabel(wallet);
     }
-    return getWalletLabel(wallet, usingMultiWallet);
+    return getWalletLabel(wallet);
 };
 
 exports.getWalletListItemLabel = getWalletListItemLabel;

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.d.ts

@@ -1,8 +1,7 @@
 import { WalletOption } from '../../../types';
 type Args = {
-    usingMultiWallet: boolean;
     wallet: WalletOption;
 };
 type Label = 'Last used' | 'Installed' | 'Multichain' | undefined;
-export declare const getWalletListItemLabel: ({ usingMultiWallet, wallet, }: Args) => Label;
+export declare const getWalletListItemLabel: ({ wallet }: Args) => Label;
 export {};

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js

@@ -1,7 +1,9 @@
 import { LAST_USED_WALLET } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
 import { LocalStorage } from '../../classes/storage/localStorage.js';
 import { isWalletGroup } from '../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
+import { getWalletGroupType } from '../../../../utils/functions/getWalletGroupType/getWalletGroupType.js';
 
 const getLastUsedWalletKey = () => LocalStorage.getFromLS(LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
@@ -14,9 +16,12 @@ const getWalletGroupLabel = (walletGroup) => {
     if (hasNestedInstalledWallets) {
         return 'Installed';
     }
-    return 'Multichain';
+    if (getWalletGroupType(walletGroup) === 'multi-chain') {
+        return 'Multichain';
+    }
+    return undefined;
 };
-const getWalletLabel = (walletOption, usingMultiWallet = false) => {
+const getWalletLabel = (walletOption) => {
     const lastUsedWalletKey = getLastUsedWalletKey();
     const { key: walletKey } = walletOption.walletConnector;
     const isLastUsedWallet = walletKey === lastUsedWalletKey;
@@ -26,11 +31,11 @@ const getWalletLabel = (walletOption, usingMultiWallet = false) => {
         return 'Installed';
     return undefined;
 };
-const getWalletListItemLabel = ({ usingMultiWallet, wallet, }) => {
+const getWalletListItemLabel = ({ wallet }) => {
     if (isWalletGroup(wallet)) {
         return getWalletGroupLabel(wallet);
     }
-    return getWalletLabel(wallet, usingMultiWallet);
+    return getWalletLabel(wallet);
 };
 
 export { getWalletListItemLabel };

package/src/lib/shared/utils/functions/wallet/createWallet.cjs

@@ -6,14 +6,16 @@ var walletBook = require('@dynamic-labs/wallet-book');
 
 const createWallet = (walletBook$1, wallet) => {
     var _a;
-    const walletbookWallet = walletBook.findWalletBookWallet(walletBook$1, wallet.key);
+    const walletBookWallet = walletBook.findWalletBookWallet(walletBook$1, wallet.key);
     return {
-        group: walletbookWallet === null || walletbookWallet === void 0 ? void 0 : walletbookWallet.group,
-        injectedConfig: walletbookWallet === null || walletbookWallet === void 0 ? void 0 : walletbookWallet.injectedConfig,
+        chainGroup: walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.chainGroup,
+        group: (walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.chainGroup) || (walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.walletGroup),
+        injectedConfig: walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.injectedConfig,
         isInstalledOnBrowser: (_a = wallet.isInstalledOnBrowser()) !== null && _a !== void 0 ? _a : false,
         key: wallet.key,
         name: wallet.name,
         walletConnector: wallet,
+        walletGroup: walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.walletGroup,
     };
 };
 

package/src/lib/shared/utils/functions/wallet/createWallet.js

@@ -2,14 +2,16 @@ import { findWalletBookWallet } from '@dynamic-labs/wallet-book';
 
 const createWallet = (walletBook, wallet) => {
     var _a;
-    const walletbookWallet = findWalletBookWallet(walletBook, wallet.key);
+    const walletBookWallet = findWalletBookWallet(walletBook, wallet.key);
     return {
-        group: walletbookWallet === null || walletbookWallet === void 0 ? void 0 : walletbookWallet.group,
-        injectedConfig: walletbookWallet === null || walletbookWallet === void 0 ? void 0 : walletbookWallet.injectedConfig,
+        chainGroup: walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.chainGroup,
+        group: (walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.chainGroup) || (walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.walletGroup),
+        injectedConfig: walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.injectedConfig,
         isInstalledOnBrowser: (_a = wallet.isInstalledOnBrowser()) !== null && _a !== void 0 ? _a : false,
         key: wallet.key,
         name: wallet.name,
         walletConnector: wallet,
+        walletGroup: walletBookWallet === null || walletBookWallet === void 0 ? void 0 : walletBookWallet.walletGroup,
     };
 };
 

package/src/lib/shared/utils/hooks/index.d.ts

@@ -1,7 +1,8 @@
+export { useEffectOnce } from './useEffectOnce';
+export { useForwardedRef } from './useForwardedRef';
+export { useGlobalLoading } from './useGlobalLoading';
 export { useLocalStorage } from './useLocalStorage';
+export { useMediaQuery } from './useMediaQuery';
 export { useOnClickOutside } from './useOnClickOutside';
 export { usePreventPageScroll } from './usePreventPageScroll';
-export { useGlobalLoading } from './useGlobalLoading';
-export { useMediaQuery } from './useMediaQuery';
-export { useEffectOnce } from './useEffectOnce';
-export { useForwardedRef } from './useForwardedRef';
+export * from './useThrottle';

package/src/lib/shared/utils/hooks/useThrottle/index.d.ts

@@ -0,0 +1 @@
+export * from './useThrottle';

package/src/lib/shared/utils/hooks/useThrottle/useThrottle.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * useThrottle hook to throttle a callback function.
+ *
+ * @param callback - The callback function to be throttled. It must return void.
+ * @param delay - The time in milliseconds to wait before the next call.
+ * @returns A throttled version of the callback function.
+ */
+const useThrottle = (callback, delay) => {
+    const isThrottled = React.useRef(false);
+    const savedCallback = React.useRef(callback);
+    // Remember the latest callback if it changes.
+    savedCallback.current = callback;
+    return React.useCallback((...args) => {
+        if (!isThrottled.current) {
+            savedCallback.current(...args);
+            isThrottled.current = true;
+            // Set the throttle off after the delay
+            setTimeout(() => (isThrottled.current = false), delay);
+        }
+    }, [delay]);
+};
+
+exports.useThrottle = useThrottle;

package/src/lib/shared/utils/hooks/useThrottle/useThrottle.d.ts

@@ -0,0 +1,8 @@
+/**
+ * useThrottle hook to throttle a callback function.
+ *
+ * @param callback - The callback function to be throttled. It must return void.
+ * @param delay - The time in milliseconds to wait before the next call.
+ * @returns A throttled version of the callback function.
+ */
+export declare const useThrottle: <T extends (...args: unknown[]) => void>(callback: T, delay: number) => (...args: Parameters<T>) => void;