@dynamic-labs/sdk-react-core 1.1.0-alpha.2 → 1.1.0-alpha.21

package/src/lib/shared/assets/wallet-v2.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgWalletV2 = function SvgWalletV2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
+    fill: "none",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.5 4a1 1 0 0 0 0 2h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-14a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12a1 1 0 1 1 0 2h-12Zm-1 3.83V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-14c-.35 0-.687-.06-1-.17Zm11 6.17a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z",
+    fill: "#ABACB2"
+  })));
+};
+
+exports.ReactComponent = SvgWalletV2;

package/src/lib/shared/assets/wallet-v2.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgWalletV2 = function SvgWalletV2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
+    fill: "none",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.5 4a1 1 0 0 0 0 2h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-14a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12a1 1 0 1 1 0 2h-12Zm-1 3.83V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-14c-.35 0-.687-.06-1-.17Zm11 6.17a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z",
+    fill: "#ABACB2"
+  })));
+};
+
+export { SvgWalletV2 as ReactComponent };

package/src/lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.cjs

@@ -8,7 +8,7 @@ var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 
 const PhantomLedgerIcon = () => {
     const { view } = ViewContext.useViewContext();
-    const renderSmallerIconSize = view !== 'pending-connect' && view !== 'pending-signature';
+    const renderSmallerIconSize = view.type !== 'pending-connect' && view.type !== 'pending-signature';
     const wrapperStyle = renderSmallerIconSize ? { height: 24, width: 24 } : {};
     const iconsStyle = renderSmallerIconSize
         ? {

package/src/lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.js

@@ -4,7 +4,7 @@ import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 
 const PhantomLedgerIcon = () => {
     const { view } = useViewContext();
-    const renderSmallerIconSize = view !== 'pending-connect' && view !== 'pending-signature';
+    const renderSmallerIconSize = view.type !== 'pending-connect' && view.type !== 'pending-signature';
     const wrapperStyle = renderSmallerIconSize ? { height: 24, width: 24 } : {};
     const iconsStyle = renderSmallerIconSize
         ? {

package/src/lib/shared/consts/index.cjs

@@ -26,6 +26,7 @@ const defaultWalletsForChains = {
     primary_chain: 'evm',
     wallets: {
         algorand: 'myalgo',
+        bitcoin: 'xverse',
         cosmos: 'keplr',
         evm: 'metamask',
         flow: 'blocto',

package/src/lib/shared/consts/index.js

@@ -22,6 +22,7 @@ const defaultWalletsForChains = {
     primary_chain: 'evm',
     wallets: {
         algorand: 'myalgo',
+        bitcoin: 'xverse',
         cosmos: 'keplr',
         evm: 'metamask',
         flow: 'blocto',

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { EvmRpcProvider, SolanaRpcProvider } from '@dynamic-labs/rpc-providers';
 import type { FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { WalletProviderEnum, ProjectSettings, UserFields, NameServiceData, JwtVerifiedCredential, OauthProviderRequest } from '@dynamic-labs/sdk-api';
+import { WalletProviderEnum, ProjectSettings, UserFields, NameServiceData, JwtVerifiedCredential, OauthProviderRequest, WalletAdditionalAddress } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap } from '@dynamic-labs/types';
 export type BrowserName = 'brave' | 'chrome' | 'edge' | 'firefox' | 'safari';
 export type Wallet = {
@@ -20,6 +20,11 @@ export type Wallet = {
      * to link it to their account
      */
     authenticated: boolean;
+    /**
+     * Additional addresses associated to the wallet
+     * like ordinals and payment addresses for bitcoin wallets
+     */
+    additionalAddresses?: WalletAdditionalAddress[];
 };
 export type WalletAction = 'select' | 'unlink';
 export type WalletWithAction = {
@@ -44,13 +49,15 @@ export type Icon = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
     title?: string | undefined;
 }>;
 export type WalletNamesUnion = 'Coinbase Wallet' | 'Coinbase Wallet (Solana)' | 'MetaMask' | 'Phantom' | 'Phantom (EVM)' | 'Phantom (Ledger)' | 'Venly' | 'Rainbow' | 'Solflare' | 'Glow' | 'Slope' | 'Blocto (Flow)' | 'Blocto (EVM)' | 'Blocto (App)' | 'Brave Wallet (EVM)' | 'Brave Wallet (Solana)' | 'Braavos' | 'Argent X' | 'Dapper' | 'Opera Wallet' | 'Injected Wallet' | 'Exodus Wallet (EVM)' | 'Exodus Wallet (Solana)' | 'ZenGo' | 'Lilico';
-export type ChainNamesUnion = 'Solana' | 'Ethereum' | 'Flow' | 'EVM' | 'Algorand' | 'Starknet' | 'Cosmos' | 'Axelar' | 'Osmosis';
+export type ChainNamesUnion = 'Solana' | 'Ethereum' | 'Flow' | 'EVM' | 'Algorand' | 'Starknet' | 'Cosmos' | 'Axelar' | 'Osmosis' | 'Bitcoin';
 export interface WalletOption {
     isInstalledOnBrowser: boolean;
     key: string;
     name: string;
     walletConnector: WalletConnector;
     group?: string;
+    chainGroup?: string;
+    walletGroup?: string;
     groupedWallets?: WalletOption[];
     injectedConfig?: Array<Record<string, unknown>>;
 }
@@ -83,6 +90,8 @@ export interface VerifyCallbackArgs {
     oauth?: OauthProviderRequest;
     publicWalletAddress: string;
     walletConnector: WalletConnector;
+    signedMessageOverride?: string;
+    messageToSignOverride?: string;
 }
 export interface VerifyWalletProps {
     verifyWallet: ({ walletConnector, fetchPublicAddressOpts, }: VerifyCallbackArgs) => Promise<void>;
@@ -102,6 +111,7 @@ export interface VerifyWallet {
     skipEmptyAccountCheck?: boolean;
     walletName: string;
     walletProvider: WalletProvider;
+    additionalWalletAddresses?: WalletAdditionalAddress[];
 }
 export type OnAuthSuccess = (params: {
     authToken: string;
@@ -157,6 +167,7 @@ export type ChainToWalletMap = {
     primary_chain: string;
     wallets: {
         algorand?: string;
+        bitcoin?: string;
         cosmos?: string;
         evm?: string;
         flow?: string;
@@ -176,6 +187,9 @@ export type DynamicEventsCallbacks = {
         messageToSign: string;
         signedMessage: string;
     }) => void;
+    /** Called when the auth modal is closed before reaching success (due to user cancel or fail) */
+    onAuthFlowCancel?: () => void;
+    /** Called whenever the auth modal is closed */
     onAuthFlowClose?: () => void;
     onAuthFlowOpen?: () => void;
     onAuthSuccess?: OnAuthSuccess;

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

@@ -2,8 +2,10 @@
 
 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 = {
@@ -49,7 +51,7 @@ class LocalStorage {
             [key]
                 .concat(connectedKeys[key] || [])
                 .forEach((_key) => LocalStorage.removeFromLS(_key));
-            window.dispatchEvent(new Event('logOut'));
+            dynamicEvents.dynamicEvents.emit('triggerLogout');
         }
         return undefined;
     }

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

@@ -1,5 +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 = {
@@ -45,7 +47,7 @@ class LocalStorage {
             [key]
                 .concat(connectedKeys[key] || [])
                 .forEach((_key) => LocalStorage.removeFromLS(_key));
-            window.dispatchEvent(new Event('logOut'));
+            dynamicEvents.emit('triggerLogout');
         }
         return undefined;
     }

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

@@ -4,14 +4,15 @@ 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 getLastUsedWalletName = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
+const getLastUsedWalletKey = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
-    const lastUsedWalletName = getLastUsedWalletName();
-    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName ||
-        walletOption.walletConnector.key === lastUsedWalletName);
+    const lastUsedWalletKey = getLastUsedWalletKey();
+    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.key === lastUsedWalletKey);
     if (hasNestedLastUsedWallet) {
         return 'Last used';
     }
@@ -19,23 +20,26 @@ 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 lastUsedWalletName = getLastUsedWalletName();
-    const { name: walletName, key: walletKey } = walletOption.walletConnector;
-    const isLastUsedWallet = walletName === lastUsedWalletName || walletKey === lastUsedWalletName;
+const getWalletLabel = (walletOption) => {
+    const lastUsedWalletKey = getLastUsedWalletKey();
+    const { key: walletKey } = walletOption.walletConnector;
+    const isLastUsedWallet = walletKey === lastUsedWalletKey;
     if (isLastUsedWallet)
         return 'Last used';
     if (walletOption.isInstalledOnBrowser)
         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,13 +1,14 @@
 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 getLastUsedWalletName = () => LocalStorage.getFromLS(LAST_USED_WALLET);
+const getLastUsedWalletKey = () => LocalStorage.getFromLS(LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
-    const lastUsedWalletName = getLastUsedWalletName();
-    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName ||
-        walletOption.walletConnector.key === lastUsedWalletName);
+    const lastUsedWalletKey = getLastUsedWalletKey();
+    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.key === lastUsedWalletKey);
     if (hasNestedLastUsedWallet) {
         return 'Last used';
     }
@@ -15,23 +16,26 @@ const getWalletGroupLabel = (walletGroup) => {
     if (hasNestedInstalledWallets) {
         return 'Installed';
     }
-    return 'Multichain';
+    if (getWalletGroupType(walletGroup) === 'multi-chain') {
+        return 'Multichain';
+    }
+    return undefined;
 };
-const getWalletLabel = (walletOption, usingMultiWallet = false) => {
-    const lastUsedWalletName = getLastUsedWalletName();
-    const { name: walletName, key: walletKey } = walletOption.walletConnector;
-    const isLastUsedWallet = walletName === lastUsedWalletName || walletKey === lastUsedWalletName;
+const getWalletLabel = (walletOption) => {
+    const lastUsedWalletKey = getLastUsedWalletKey();
+    const { key: walletKey } = walletOption.walletConnector;
+    const isLastUsedWallet = walletKey === lastUsedWalletKey;
     if (isLastUsedWallet)
         return 'Last used';
     if (walletOption.isInstalledOnBrowser)
         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/isUserLinkingWallet/isUserLinkingWallet.cjs

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const isUserLinkingWallet = (user, view, isMockedSDK) => (user === null || user === void 0 ? void 0 : user.verifiedCredentials) !== undefined &&
     (view === 'wallet-list' ||
-        view === 'login-with-email-or-wallet-full-wallet-list' ||
-        view === 'multi-wallet-wallet-list') &&
+        view === 'login-with-email-or-wallet-full-wallet-list') &&
     // Mocked SDK is used in the dashboard and the user is
     // the actual user that the user logged in to the dashboard
     !isMockedSDK;

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

@@ -1,7 +1,6 @@
 const isUserLinkingWallet = (user, view, isMockedSDK) => (user === null || user === void 0 ? void 0 : user.verifiedCredentials) !== undefined &&
     (view === 'wallet-list' ||
-        view === 'login-with-email-or-wallet-full-wallet-list' ||
-        view === 'multi-wallet-wallet-list') &&
+        view === 'login-with-email-or-wallet-full-wallet-list') &&
     // Mocked SDK is used in the dashboard and the user is
     // the actual user that the user logged in to the dashboard
     !isMockedSDK;

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/useOnClickOutside/index.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 const useOnClickOutside = (ref, handler) => {
+    const handlerRef = React.useRef(handler);
+    handlerRef.current = handler;
     React.useEffect(() => {
         const listener = (event) => {
             event.stopPropagation();
@@ -14,7 +16,7 @@ const useOnClickOutside = (ref, handler) => {
                 ref.current.contains(realTarget)) {
                 return;
             }
-            handler(event);
+            handlerRef.current(event);
         };
         document.addEventListener('touchstart', listener);
         document.addEventListener('click', listener);
@@ -22,7 +24,7 @@ const useOnClickOutside = (ref, handler) => {
             document.removeEventListener('touchstart', listener);
             document.removeEventListener('click', listener);
         };
-    }, [ref, handler]);
+    }, [ref]);
 };
 
 exports.useOnClickOutside = useOnClickOutside;

package/src/lib/shared/utils/hooks/useOnClickOutside/index.js

@@ -1,6 +1,8 @@
-import { useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 
 const useOnClickOutside = (ref, handler) => {
+    const handlerRef = useRef(handler);
+    handlerRef.current = handler;
     useEffect(() => {
         const listener = (event) => {
             event.stopPropagation();
@@ -10,7 +12,7 @@ const useOnClickOutside = (ref, handler) => {
                 ref.current.contains(realTarget)) {
                 return;
             }
-            handler(event);
+            handlerRef.current(event);
         };
         document.addEventListener('touchstart', listener);
         document.addEventListener('click', listener);
@@ -18,7 +20,7 @@ const useOnClickOutside = (ref, handler) => {
             document.removeEventListener('touchstart', listener);
             document.removeEventListener('click', listener);
         };
-    }, [ref, handler]);
+    }, [ref]);
 };
 
 export { useOnClickOutside };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 
+// This hook allows us to prevent page from scrolling ie. when a modal is open.
+// It adds a class to the html and body elements which disables scrolling.
 const usePreventPageScroll = (isOpen) => {
-    React.useEffect(() => {
+    const disableScroll = () => {
         var _a;
-        if (!isOpen)
-            return;
         const html = document.querySelector('html');
         const body = document.querySelector('body');
         /* istanbul ignore next */
@@ -25,10 +25,6 @@ const usePreventPageScroll = (isOpen) => {
             return;
         html.classList.add('dynamic-no-scroll');
         body.classList.add('dynamic-no-scroll');
-        const userScrollCoordinatesBeforeLock = {
-            x: window.scrollX,
-            y: window.scrollY,
-        };
         // IOS Safari needs to have a different class to prevent scroll
         // We need to add postion: fixed to lock the body scrolling
         // It breaks the scroll position, so we need to save the scroll position and restore it after the modal is closed
@@ -37,16 +33,33 @@ const usePreventPageScroll = (isOpen) => {
             html.classList.add('dynamic-no-scroll--ios');
             body.classList.add('dynamic-no-scroll--ios');
         }
+    };
+    const enableScroll = (userScrollCoordinatesBeforeLock) => {
+        const html = document.querySelector('html');
+        const body = document.querySelector('body');
+        /* istanbul ignore next */
+        if (!html || !body)
+            return;
+        html.classList.remove('dynamic-no-scroll');
+        body.classList.remove('dynamic-no-scroll');
+        // Restore the scroll position when user is using IOS
+        /* istanbul ignore else */
+        if (utils.isIOS()) {
+            html.classList.remove('dynamic-no-scroll--ios');
+            body.classList.remove('dynamic-no-scroll--ios');
+            window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
+        }
+    };
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        const userScrollCoordinatesBeforeLock = {
+            x: window.scrollX,
+            y: window.scrollY,
+        };
+        disableScroll();
         return () => {
-            html.classList.remove('dynamic-no-scroll');
-            body.classList.remove('dynamic-no-scroll');
-            // Restore the scroll position when user is using IOS
-            /* istanbul ignore else */
-            if (utils.isIOS()) {
-                html.classList.remove('dynamic-no-scroll--ios');
-                body.classList.remove('dynamic-no-scroll--ios');
-                window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
-            }
+            enableScroll(userScrollCoordinatesBeforeLock);
         };
     }, [isOpen]);
 };

package/src/lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js

@@ -1,11 +1,11 @@
 import { useEffect } from 'react';
 import { isIOS } from '@dynamic-labs/utils';
 
+// This hook allows us to prevent page from scrolling ie. when a modal is open.
+// It adds a class to the html and body elements which disables scrolling.
 const usePreventPageScroll = (isOpen) => {
-    useEffect(() => {
+    const disableScroll = () => {
         var _a;
-        if (!isOpen)
-            return;
         const html = document.querySelector('html');
         const body = document.querySelector('body');
         /* istanbul ignore next */
@@ -21,10 +21,6 @@ const usePreventPageScroll = (isOpen) => {
             return;
         html.classList.add('dynamic-no-scroll');
         body.classList.add('dynamic-no-scroll');
-        const userScrollCoordinatesBeforeLock = {
-            x: window.scrollX,
-            y: window.scrollY,
-        };
         // IOS Safari needs to have a different class to prevent scroll
         // We need to add postion: fixed to lock the body scrolling
         // It breaks the scroll position, so we need to save the scroll position and restore it after the modal is closed
@@ -33,16 +29,33 @@ const usePreventPageScroll = (isOpen) => {
             html.classList.add('dynamic-no-scroll--ios');
             body.classList.add('dynamic-no-scroll--ios');
         }
+    };
+    const enableScroll = (userScrollCoordinatesBeforeLock) => {
+        const html = document.querySelector('html');
+        const body = document.querySelector('body');
+        /* istanbul ignore next */
+        if (!html || !body)
+            return;
+        html.classList.remove('dynamic-no-scroll');
+        body.classList.remove('dynamic-no-scroll');
+        // Restore the scroll position when user is using IOS
+        /* istanbul ignore else */
+        if (isIOS()) {
+            html.classList.remove('dynamic-no-scroll--ios');
+            body.classList.remove('dynamic-no-scroll--ios');
+            window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
+        }
+    };
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const userScrollCoordinatesBeforeLock = {
+            x: window.scrollX,
+            y: window.scrollY,
+        };
+        disableScroll();
         return () => {
-            html.classList.remove('dynamic-no-scroll');
-            body.classList.remove('dynamic-no-scroll');
-            // Restore the scroll position when user is using IOS
-            /* istanbul ignore else */
-            if (isIOS()) {
-                html.classList.remove('dynamic-no-scroll--ios');
-                body.classList.remove('dynamic-no-scroll--ios');
-                window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
-            }
+            enableScroll(userScrollCoordinatesBeforeLock);
         };
     }, [isOpen]);
 };

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

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