@dynamic-labs/sdk-react-core 0.17.3 → 0.18.0-RC.1

package/src/lib/context/MockContext/MockContext.cjs

@@ -15,6 +15,7 @@ require('../../shared/logger.cjs');
 require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('ethers');

package/src/lib/context/MockContext/MockContext.js

@@ -11,6 +11,7 @@ import '../../shared/logger.js';
 import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import 'ethers';

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -12,6 +12,7 @@ require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
@@ -29,7 +30,6 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -8,6 +8,7 @@ import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import 'ethers';
 import '../../shared/consts/index.js';
@@ -25,7 +26,6 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -14,6 +14,7 @@ require('../../shared/logger.cjs');
 require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
@@ -31,7 +32,6 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -10,6 +10,7 @@ import '../../shared/logger.js';
 import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import 'ethers';
 import '../../shared/consts/index.js';
@@ -27,7 +28,6 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -14,6 +14,7 @@ require('../../config/ApiEndpoint.cjs');
 var logger = require('../../shared/logger.cjs');
 require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
@@ -30,7 +31,6 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -10,6 +10,7 @@ import '../../config/ApiEndpoint.js';
 import { logger } from '../../shared/logger.js';
 import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import 'ethers';
 import '../../shared/consts/index.js';
@@ -26,7 +27,6 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';

package/src/lib/context/ThemeContext/themesData.cjs

@@ -10,6 +10,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../ViewContext/ViewContext.cjs');
 require('react');
+require('@dynamic-labs/wallet-book');
 var index = require('../../shared/utils/functions/getValueByKey/index.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');

package/src/lib/context/ThemeContext/themesData.js

@@ -6,6 +6,7 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../ViewContext/ViewContext.js';
 import 'react';
+import '@dynamic-labs/wallet-book';
 import { getValueByKey } from '../../shared/utils/functions/getValueByKey/index.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';

package/src/lib/data/api.cjs

@@ -14,6 +14,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../context/ViewContext/ViewContext.cjs');
 require('react');
+require('@dynamic-labs/wallet-book');
 require('../utils/constants/colors.cjs');
 require('ethers');
 require('../shared/consts/index.cjs');

package/src/lib/data/api.js

@@ -10,6 +10,7 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../context/ViewContext/ViewContext.js';
 import 'react';
+import '@dynamic-labs/wallet-book';
 import '../utils/constants/colors.js';
 import 'ethers';
 import '../shared/consts/index.js';

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -17,6 +17,7 @@ require('../../shared/logger.cjs');
 require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('ethers');
@@ -32,7 +33,6 @@ require('@dynamic-labs/rpc-providers');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
-require('@dynamic-labs/wallet-book');
 var AnimatePresence = require('../../components/AnimatePresence/AnimatePresence.cjs');
 require('../../components/Alert/Alert.cjs');
 var MockContext = require('../../context/MockContext/MockContext.cjs');

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -13,6 +13,7 @@ import '../../shared/logger.js';
 import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import 'ethers';
@@ -28,7 +29,6 @@ import '@dynamic-labs/rpc-providers';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../components/IconButton/IconButton.js';
-import '@dynamic-labs/wallet-book';
 import { AnimatePresence } from '../../components/AnimatePresence/AnimatePresence.js';
 import '../../components/Alert/Alert.js';
 import { useMockContext } from '../../context/MockContext/MockContext.js';

package/src/lib/layout/DynamicAuthLayout/Footer/Footer.cjs

@@ -13,6 +13,7 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../context/ViewContext/ViewContext.cjs');
 var arrowDown = require('../../../shared/assets/arrow-down.cjs');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
 require('ethers');
@@ -33,7 +34,6 @@ require('@dynamic-labs/rpc-providers');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../components/Alert/Alert.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/layout/DynamicAuthLayout/Footer/Footer.js

@@ -9,6 +9,7 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgArrowDown } from '../../../shared/assets/arrow-down.js';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
 import 'ethers';
@@ -29,7 +30,6 @@ import '@dynamic-labs/rpc-providers';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../components/IconButton/IconButton.js';
-import '@dynamic-labs/wallet-book';
 import '../../../components/Alert/Alert.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/Item/Item.cjs

@@ -11,6 +11,7 @@ require('../../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../../utils/constants/colors.cjs');
 require('ethers');
@@ -29,7 +30,6 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/Item/Item.js

@@ -7,6 +7,7 @@ import '../../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../../utils/constants/colors.js';
 import 'ethers';
@@ -25,7 +26,6 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../components/IconButton/IconButton.js';
-import '@dynamic-labs/wallet-book';
 import '../../../../../components/Alert/Alert.js';
 import '../../../../../context/MockContext/MockContext.js';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -13,6 +13,7 @@ var setToLS = require('../../../../../shared/utils/functions/storage/setToLS.cjs
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
 var localStorage = require('../../../../../utils/constants/localStorage.cjs');
 require('../../../../../utils/constants/colors.cjs');
 require('ethers');
@@ -31,7 +32,6 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -9,6 +9,7 @@ import { setToLS } from '../../../../../shared/utils/functions/storage/setToLS.j
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
 import { NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY } from '../../../../../utils/constants/localStorage.js';
 import '../../../../../utils/constants/colors.js';
 import 'ethers';
@@ -27,7 +28,6 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../components/IconButton/IconButton.js';
-import '@dynamic-labs/wallet-book';
 import '../../../../../components/Alert/Alert.js';
 import '../../../../../context/MockContext/MockContext.js';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs

@@ -14,6 +14,7 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 var footerEyeIcon = require('../../../../shared/assets/footer-eye-icon.cjs');
 var footerGasIcon = require('../../../../shared/assets/footer-gas-icon.cjs');
 var footerKeyIcon = require('../../../../shared/assets/footer-key-icon.cjs');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('ethers');
@@ -33,7 +34,6 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
-require('@dynamic-labs/wallet-book');
 var PoweredByDynamic = require('../../../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.js

@@ -10,6 +10,7 @@ import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgFooterEyeIcon } from '../../../../shared/assets/footer-eye-icon.js';
 import { ReactComponent as SvgFooterGasIcon } from '../../../../shared/assets/footer-gas-icon.js';
 import { ReactComponent as SvgFooterKeyIcon } from '../../../../shared/assets/footer-key-icon.js';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import 'ethers';
@@ -29,7 +30,6 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
-import '@dynamic-labs/wallet-book';
 import { PoweredByDynamic } from '../../../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -13,6 +13,7 @@ require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var close = require('../../../shared/assets/close.cjs');
 var chevronLeft = require('../../../shared/assets/chevron-left.cjs');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
 require('ethers');
@@ -32,7 +33,6 @@ require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../components/Alert/Alert.cjs');
 var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
 require('../../../context/MockContext/MockContext.cjs');

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -9,6 +9,7 @@ import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../../shared/assets/close.js';
 import { ReactComponent as SvgChevronLeft } from '../../../shared/assets/chevron-left.js';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
 import 'ethers';
@@ -28,7 +29,6 @@ import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
-import '@dynamic-labs/wallet-book';
 import '../../../components/Alert/Alert.js';
 import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
 import '../../../context/MockContext/MockContext.js';

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.d.ts

@@ -0,0 +1,9 @@
+import { FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
+export type ConnectedWalletsListLayoutProps = {
+    title: ReactNode;
+    onClickClose?: MouseEventHandler<HTMLButtonElement>;
+    onClickBack?: MouseEventHandler<HTMLButtonElement>;
+    onClickAction?: MouseEventHandler<HTMLButtonElement>;
+    actionButtonText?: ReactNode;
+};
+export declare const ConnectedWalletsListLayout: FC<PropsWithChildren<ConnectedWalletsListLayoutProps>>;

package/src/lib/layouts/ConnectedWalletsListLayout/index.d.ts

@@ -0,0 +1 @@
+export { ConnectedWalletsListLayout } from './ConnectedWalletsListLayout';

package/src/lib/layouts/SelectWalletListLayout/SelectWalletListLayout.d.ts

@@ -0,0 +1,8 @@
+import { FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
+type SelectWalletListLayoutProps = {
+    title: ReactNode;
+    onClickClose?: MouseEventHandler<HTMLButtonElement>;
+    onClickBack?: MouseEventHandler<HTMLButtonElement>;
+};
+export declare const SelectWalletListLayout: FC<PropsWithChildren<SelectWalletListLayoutProps>>;
+export {};

package/src/lib/layouts/SelectWalletListLayout/index.d.ts

@@ -0,0 +1 @@
+export { SelectWalletListLayout } from './SelectWalletListLayout';

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

@@ -10,6 +10,7 @@ require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('ethers');
@@ -31,7 +32,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');

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

@@ -6,6 +6,7 @@ import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import 'ethers';
@@ -27,7 +28,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';

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

@@ -13,6 +13,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var close = require('../../shared/assets/close.cjs');
 var signCircle = require('../../shared/assets/sign-circle.cjs');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('ethers');
@@ -31,7 +32,6 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
-require('@dynamic-labs/wallet-book');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 var Button = require('../../components/Button/Button.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');

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

@@ -9,6 +9,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 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 '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import 'ethers';
@@ -27,7 +28,6 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
-import '@dynamic-labs/wallet-book';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import { Button } from '../../components/Button/Button.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';

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

@@ -10,6 +10,7 @@ require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('ethers');
@@ -27,7 +28,6 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var TransactionConfirmationView = require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../components/IconButton/IconButton.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');

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

@@ -6,6 +6,7 @@ import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import 'ethers';
@@ -23,7 +24,6 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { TransactionConfirmationView } from '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../components/IconButton/IconButton.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';

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

@@ -39,6 +39,8 @@ export interface WalletOption {
     key: string;
     name: string;
     walletConnector: WalletConnector;
+    group?: string;
+    groupedWallets?: WalletOption[];
 }
 export type ErrorWithCode = Error & {
     code: string;

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

@@ -7,25 +7,43 @@ var localStorage = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
 var getFromLS = require('../storage/getFromLS.cjs');
 require('../../../../config/LSSuffix.cjs');
+var isWalletGroup = require('../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 
 const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
 const comingSoonToMultiWalletDesktop = ['MyAlgo'];
-const getWalletListItemLabel = ({ walletName, usingMultiWallet, isInstalledOnBrowser, }) => {
-    let label;
+const getLastUsedWalletName = () => getFromLS.getFromLS(localStorage.LAST_USED_WALLET);
+const getWalletGroupLabel = (walletGroup) => {
+    const lastUsedWalletName = getLastUsedWalletName();
+    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName);
+    if (hasNestedLastUsedWallet) {
+        return 'Last used';
+    }
+    const hasNestedInstalledWallets = walletGroup.groupedWallets.some((walletOption) => walletOption.isInstalledOnBrowser);
+    if (hasNestedInstalledWallets) {
+        return 'Installed';
+    }
+    return 'Multichain';
+};
+const getWalletLabel = (walletOption, usingMultiWallet = false) => {
+    const lastUsedWalletName = getLastUsedWalletName();
+    const { name: walletName } = walletOption.walletConnector;
     const isComingSoon = usingMultiWallet &&
         ((utils.isMobile() && comingSoonToMultiWalletMobile.includes(walletName)) ||
             (!utils.isMobile() && comingSoonToMultiWalletDesktop.includes(walletName)));
-    const lastUsed = getFromLS.getFromLS(localStorage.LAST_USED_WALLET) === walletName;
-    if (isComingSoon) {
-        label = 'Coming soon';
-    }
-    else if (lastUsed) {
-        label = 'Last used';
-    }
-    else if (isInstalledOnBrowser) {
-        label = 'Installed';
+    if (isComingSoon)
+        return 'Coming soon';
+    const isLastUsedWallet = walletName === lastUsedWalletName;
+    if (isLastUsedWallet)
+        return 'Last used';
+    if (walletOption.isInstalledOnBrowser)
+        return 'Installed';
+    return undefined;
+};
+const getWalletListItemLabel = ({ usingMultiWallet, wallet, }) => {
+    if (isWalletGroup.isWalletGroup(wallet)) {
+        return getWalletGroupLabel(wallet);
     }
-    return label;
+    return getWalletLabel(wallet, usingMultiWallet);
 };
 
 exports.getWalletListItemLabel = getWalletListItemLabel;

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

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