@dynamic-labs/sdk-react-core 1.1.0-phantom.0 → 1.1.1

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -1,5 +1,6 @@
 import { useState, useRef, useMemo, useCallback, useEffect, isValidElement, Children, cloneElement } from 'react';
 import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
@@ -10,6 +11,7 @@ import 'react/jsx-runtime';
 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';
@@ -48,6 +50,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -56,7 +59,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -12,10 +12,12 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var embeddedWalletIcon = require('../../shared/assets/embedded-wallet-icon.cjs');
 require('../../utils/constants/colors.cjs');
+var values = require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
@@ -55,8 +57,10 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 var WalletIconWithStatus = require('../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.cjs');
+var WalletIconWithNetwork = require('../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
@@ -64,7 +68,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -98,6 +101,7 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
     return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
+    var _a, _b;
     const { primaryWallet, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
     const { deniedOauthProvider, deniedAddress } = AccessDeniedContext.useAccessDeniedContext();
     const findSocialIcon = useFindSocialIcon.useFindSocialIcon();
@@ -125,6 +129,12 @@ const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
         jwt,
         wallet: walletForIcon,
     });
+    const isEmbeddedWallet = (_b = (_a = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey');
+    if (isEmbeddedWallet && MagicEmailOrSocialIcon) {
+        const chain = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.chain;
+        const chainEnum = values.VerifiedCredentialNameToChainEnum[chain];
+        return (jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum, showNetwork: showStatus }));
+    }
     if (MagicEmailOrSocialIcon) {
         return showStatus ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, variant: walletForIcon.connected ? 'green' : 'red' })) : (jsxRuntime.jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
     }

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -8,10 +8,12 @@ import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgEmbeddedWalletIcon } from '../../shared/assets/embedded-wallet-icon.js';
 import '../../utils/constants/colors.js';
+import { VerifiedCredentialNameToChainEnum } from '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
+import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
@@ -51,8 +53,10 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import { WalletIconWithStatus } from '../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js';
+import { WalletIconWithNetwork } from '../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
@@ -60,7 +64,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -94,6 +97,7 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
     return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
+    var _a, _b;
     const { primaryWallet, selectedWalletConnector } = useInternalDynamicContext();
     const { deniedOauthProvider, deniedAddress } = useAccessDeniedContext();
     const findSocialIcon = useFindSocialIcon();
@@ -121,6 +125,12 @@ const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
         jwt,
         wallet: walletForIcon,
     });
+    const isEmbeddedWallet = (_b = (_a = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey');
+    if (isEmbeddedWallet && MagicEmailOrSocialIcon) {
+        const chain = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.chain;
+        const chainEnum = VerifiedCredentialNameToChainEnum[chain];
+        return (jsx(WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum, showNetwork: showStatus }));
+    }
     if (MagicEmailOrSocialIcon) {
         return showStatus ? (jsx(IconWithStatus, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, variant: walletForIcon.connected ? 'green' : 'red' })) : (jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
     }

package/src/lib/components/Badge/Badge.cjs

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const Badge = ({ className = '', dot, text }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('badge__container', className), children: [dot && jsxRuntime.jsx("span", { "data-testid": 'badge__dot', className: 'badge__dot' }), jsxRuntime.jsx("span", { children: text })] }));
+const Badge = ({ className = '', dot, text, copykey, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('badge__container', className), children: [dot && jsxRuntime.jsx("span", { "data-testid": 'badge__dot', className: 'badge__dot' }), jsxRuntime.jsx("span", { copykey: copykey, children: text })] }));
 
 exports.Badge = Badge;

package/src/lib/components/Badge/Badge.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import { CopyKey } from '../../shared';
 import { BadgeProps } from './Badge.types';
-export declare const Badge: ({ className, dot, text }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ className, dot, text, copykey, }: BadgeProps & CopyKey) => JSX.Element;

package/src/lib/components/Badge/Badge.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const Badge = ({ className = '', dot, text }) => (jsxs("div", { className: classNames('badge__container', className), children: [dot && jsx("span", { "data-testid": 'badge__dot', className: 'badge__dot' }), jsx("span", { children: text })] }));
+const Badge = ({ className = '', dot, text, copykey, }) => (jsxs("div", { className: classNames('badge__container', className), children: [dot && jsx("span", { "data-testid": 'badge__dot', className: 'badge__dot' }), jsx("span", { copykey: copykey, children: text })] }));
 
 export { Badge };

package/src/lib/components/Badge/Badge.types.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 export interface BadgeProps {
     className?: string;
     dot?: boolean;
-    text: string;
+    text: ReactNode;
 }

package/src/lib/components/Captcha/Captcha.cjs

@@ -13,11 +13,13 @@ 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('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -51,6 +53,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
@@ -58,7 +61,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/components/Captcha/Captcha.js

@@ -9,11 +9,13 @@ 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 '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -47,6 +49,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
@@ -54,7 +57,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/components/Checkbox/Checkbox.cjs

@@ -12,6 +12,7 @@ require('react');
 var check = require('../../shared/assets/check.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('@dynamic-labs/utils');

package/src/lib/components/Checkbox/Checkbox.js

@@ -8,6 +8,7 @@ import 'react';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.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 '@dynamic-labs/utils';

package/src/lib/components/CopyButton/CopyButton.cjs

@@ -9,23 +9,13 @@ var TextButton = require('../TextButton/TextButton.cjs');
 var Tooltip = require('../Tooltip/Tooltip.cjs');
 
 const CopyButton = ({ children, className = '', textToCopy, onClick, }) => {
-    const [hover, setHover] = React.useState(false);
     const [copied, setCopied] = React.useState(false);
-    React.useEffect(() => {
-        const timeout = setTimeout(() => {
-            /* istanbul ignore else */
-            if (!hover) {
-                setCopied(false);
-            }
-        }, 100);
-        return () => clearTimeout(timeout);
-    }, [hover]);
     const copyToClipboard = () => {
         navigator.clipboard.writeText(textToCopy);
         setCopied(true);
         onClick === null || onClick === void 0 ? void 0 : onClick();
     };
-    return (jsxRuntime.jsx(TextButton.TextButton, { className: classNames.classNames('copy-button__container', className), onClick: () => copyToClipboard(), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: jsxRuntime.jsx(Tooltip.Tooltip, { className: 'copy-button__tooltip', content: copied ? 'Copied' : 'Copy', children: children }) }));
+    return (jsxRuntime.jsx(TextButton.TextButton, { className: classNames.classNames('copy-button__container', className), onClick: () => copyToClipboard(), onMouseLeave: () => setCopied(false), children: jsxRuntime.jsx(Tooltip.Tooltip, { className: 'copy-button__tooltip', content: copied ? 'Copied' : 'Copy', children: children }) }));
 };
 
 exports.CopyButton = CopyButton;

package/src/lib/components/CopyButton/CopyButton.js

@@ -1,27 +1,17 @@
 import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { TextButton } from '../TextButton/TextButton.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 
 const CopyButton = ({ children, className = '', textToCopy, onClick, }) => {
-    const [hover, setHover] = useState(false);
     const [copied, setCopied] = useState(false);
-    useEffect(() => {
-        const timeout = setTimeout(() => {
-            /* istanbul ignore else */
-            if (!hover) {
-                setCopied(false);
-            }
-        }, 100);
-        return () => clearTimeout(timeout);
-    }, [hover]);
     const copyToClipboard = () => {
         navigator.clipboard.writeText(textToCopy);
         setCopied(true);
         onClick === null || onClick === void 0 ? void 0 : onClick();
     };
-    return (jsx(TextButton, { className: classNames('copy-button__container', className), onClick: () => copyToClipboard(), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: jsx(Tooltip, { className: 'copy-button__tooltip', content: copied ? 'Copied' : 'Copy', children: children }) }));
+    return (jsx(TextButton, { className: classNames('copy-button__container', className), onClick: () => copyToClipboard(), onMouseLeave: () => setCopied(false), children: jsx(Tooltip, { className: 'copy-button__tooltip', content: copied ? 'Copied' : 'Copy', children: children }) }));
 };
 
 export { CopyButton };

package/src/lib/components/Divider/Divider.cjs

@@ -6,6 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('react');
 require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
@@ -15,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');
 require('viem');
 require('../../shared/consts/index.cjs');
@@ -55,8 +57,8 @@ require('formik');
 require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');

package/src/lib/components/Divider/Divider.js

@@ -2,6 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import 'react';
 import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
@@ -11,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 'viem';
 import '../../shared/consts/index.js';
@@ -51,8 +53,8 @@ import 'formik';
 import '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs

@@ -13,6 +13,7 @@ require('@dynamic-labs/wallet-connector-core');
 var ViewContext = 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('@dynamic-labs/utils');
@@ -52,6 +53,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -60,7 +62,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js

@@ -9,6 +9,7 @@ import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../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 '@dynamic-labs/utils';
@@ -48,6 +49,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -56,7 +58,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/components/ErrorContainer/ErrorContainer.cjs

@@ -12,6 +12,7 @@ require('react');
 var error = require('../../shared/assets/error.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('@dynamic-labs/utils');

package/src/lib/components/ErrorContainer/ErrorContainer.js

@@ -8,6 +8,7 @@ import 'react';
 import { ReactComponent as SvgError } from '../../shared/assets/error.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 '@dynamic-labs/utils';

package/src/lib/components/HardwareWalletToggle/HardwareWalletToggle.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Toggle = require('../Toggle/Toggle.cjs');
+var Icon = require('../Icon/Icon.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('react');
+var check = require('../../shared/assets/check.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('@dynamic-labs/utils');
+require('../../shared/consts/index.cjs');
+var ListTile = require('../ListTile/ListTile.cjs');
+
+const HardwareWalletToggle = ({ connectors, label, copykey, }) => {
+    const toggle = (jsxRuntime.jsx(Toggle.Toggle, { defaultChecked: connectors.some((connector) => connector.isHardwareWalletEnabled), onChange: (event) => {
+            connectors.forEach((connector) => {
+                connector.isHardwareWalletEnabled = event.target.checked;
+            });
+        }, "data-testid": 'hardware-wallet-toggle', icon: 
+        // eslint-disable-next-line react/jsx-wrap-multilines
+        jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(check.ReactComponent, {}) }) }));
+    return (jsxRuntime.jsx(ListTile.ListTile, { disabled: true, trailing: toggle, children: jsxRuntime.jsx("span", { copykey, children: label }) }));
+};
+
+exports.HardwareWalletToggle = HardwareWalletToggle;

package/src/lib/components/HardwareWalletToggle/HardwareWalletToggle.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IHardwareWalletConnector } from '@dynamic-labs/wallet-connector-core';
+type HardwareWalletToggle = {
+    connectors: IHardwareWalletConnector[];
+    copykey?: string;
+    label: string;
+};
+export declare const HardwareWalletToggle: FC<HardwareWalletToggle>;
+export {};

package/src/lib/components/HardwareWalletToggle/HardwareWalletToggle.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { Toggle } from '../Toggle/Toggle.js';
+import { Icon } from '../Icon/Icon.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import 'react';
+import { ReactComponent as SvgCheck } from '../../shared/assets/check.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 '@dynamic-labs/utils';
+import '../../shared/consts/index.js';
+import { ListTile } from '../ListTile/ListTile.js';
+
+const HardwareWalletToggle = ({ connectors, label, copykey, }) => {
+    const toggle = (jsx(Toggle, { defaultChecked: connectors.some((connector) => connector.isHardwareWalletEnabled), onChange: (event) => {
+            connectors.forEach((connector) => {
+                connector.isHardwareWalletEnabled = event.target.checked;
+            });
+        }, "data-testid": 'hardware-wallet-toggle', icon: 
+        // eslint-disable-next-line react/jsx-wrap-multilines
+        jsx(Icon, { size: 'small', children: jsx(SvgCheck, {}) }) }));
+    return (jsx(ListTile, { disabled: true, trailing: toggle, children: jsx("span", { copykey, children: label }) }));
+};
+
+export { HardwareWalletToggle };

package/src/lib/components/Icon/Icon.cjs

@@ -8,6 +8,7 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 const Icon = ({ children, className = '', color, size, }) => {
     const colorClassNameMap = {
         'brand-primary': 'icon--color-brand-primary',
+        'success-1': 'icon--color-success-1',
         'text-error': 'icon--color-text-error',
         'text-primary': 'icon--color-text-primary',
         'text-secondary': 'icon--color-text-secondary',
@@ -16,6 +17,7 @@ const Icon = ({ children, className = '', color, size, }) => {
     const sizeClassNameMap = {
         large: 'icon--size-large',
         medium: 'icon--size-medium',
+        mini: 'icon--size-mini',
         small: 'icon--size-small',
         xsmall: 'icon--size-xsmall',
     };

package/src/lib/components/Icon/Icon.js

@@ -4,6 +4,7 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 const Icon = ({ children, className = '', color, size, }) => {
     const colorClassNameMap = {
         'brand-primary': 'icon--color-brand-primary',
+        'success-1': 'icon--color-success-1',
         'text-error': 'icon--color-text-error',
         'text-primary': 'icon--color-text-primary',
         'text-secondary': 'icon--color-text-secondary',
@@ -12,6 +13,7 @@ const Icon = ({ children, className = '', color, size, }) => {
     const sizeClassNameMap = {
         large: 'icon--size-large',
         medium: 'icon--size-medium',
+        mini: 'icon--size-mini',
         small: 'icon--size-small',
         xsmall: 'icon--size-xsmall',
     };

package/src/lib/components/Icon/Icon.types.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement } from 'react';
-export type IconColor = 'text-primary' | 'text-secondary' | 'text-tertiary' | 'text-error' | 'brand-primary';
-export type IconSize = 'xsmall' | 'small' | 'medium' | 'large';
+export type IconColor = 'text-primary' | 'text-secondary' | 'text-tertiary' | 'text-error' | 'brand-primary' | 'success-1';
+export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'mini';
 export type IconProps = {
     children: ReactElement;
     className?: string;

package/src/lib/components/IconWithSpinner/IconWithSpinner.cjs

@@ -13,9 +13,11 @@ require('@dynamic-labs/iconic');
 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');
+require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('viem/chains');

package/src/lib/components/IconWithSpinner/IconWithSpinner.js

@@ -9,9 +9,11 @@ import '@dynamic-labs/iconic';
 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';
+import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import 'viem/chains';

package/src/lib/components/IconWithSpinner/Indicator/Indicator.cjs

@@ -12,10 +12,12 @@ require('react');
 var walletConnectLogo = require('../../../shared/assets/wallet-connect-logo.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('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
+require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('viem/chains');

package/src/lib/components/IconWithSpinner/Indicator/Indicator.js

@@ -8,10 +8,12 @@ import 'react';
 import { ReactComponent as SvgWalletConnectLogo } from '../../../shared/assets/wallet-connect-logo.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 '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
+import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
 import 'viem/chains';

package/src/lib/components/IconWithSpinner/Spinner/Spinner.cjs

@@ -12,10 +12,12 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 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('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
+require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('viem/chains');