@dynamic-labs/sdk-react-core 1.1.0-alpha.22 → 1.1.0-alpha.24

package/src/lib/widgets/DynamicWidget/views/WalletSettingsView/WalletSettingsView.cjs

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var reactI18next = require('react-i18next');
-require('react');
 require('../../../../events/dynamicEvents.cjs');
-require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
+var androidTouchId = require('../../../../shared/assets/android-touch-id.cjs');
 var checkCircle = require('../../../../shared/assets/check-circle.cjs');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
 var lock = require('../../../../shared/assets/lock.cjs');
-var faceId = require('../../../../shared/assets/face-id.cjs');
 var exportPrivateKey = require('../../../../shared/assets/export-private-key.cjs');
 var exportRecoveryPhrase = require('../../../../shared/assets/export-recovery-phrase.cjs');
 require('../../../../shared/logger.cjs');
@@ -38,6 +38,7 @@ require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
 var ThemeContext = require('../../../../context/ThemeContext/ThemeContext.cjs');
+var usePasskeyRecovery = require('../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');
@@ -67,34 +68,59 @@ var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var PasskeyDeviceIcon = require('../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 var useEmbeddedReveal = require('../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+var spinner = require('../../../../components/Spinner/spinner.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const WalletSettingsView = () => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     const { goToInitialDynamicWidgetView, setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const { authToken } = useInternalDynamicContext.useInternalDynamicContext();
+    const { authToken, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const { initExportProcess } = useEmbeddedReveal.useEmbeddedReveal();
     const { isTurnkeyWallet, isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { theme } = ThemeContext.useThemeContext();
     const { t } = reactI18next.useTranslation();
+    const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
+    const [isLoading, setIsLoading] = React.useState(false);
     const decodedJwt = decodeJwt.decodeJwt(authToken);
     const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+    const isPasskeyEnabled = Boolean((_f = (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.supportedSecurityMethods) === null || _e === void 0 ? void 0 : _e.passkey) === null || _f === void 0 ? void 0 : _f.isEnabled);
+    const isTurnkeyWalletWithAuthenticator = isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator;
+    const handlePasskeyClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (isTurnkeyWalletWithAuthenticator) {
+            return setDynamicWidgetView('manage-passkeys');
+        }
+        setIsLoading(true);
+        try {
+            yield initPasskeyRecoveryProcess('passkey');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    });
+    const renderPasskeysButtonEndSlot = () => {
+        if (isTurnkeyWalletWithAuthenticator)
+            return (jsxRuntime.jsx(checkCircle.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon-secondary--success' }));
+        if (isLoading)
+            return jsxRuntime.jsx(spinner.Spinner, {});
+        return undefined;
+    };
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: goToInitialDynamicWidgetView, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs("div", { className: 'wallet-settings-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'wallet-settings-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_wallet_settings.title', children: t('dyn_wallet_settings.title') }) }) }), jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body', children: [jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.signing_section.title') }), jsxRuntime.jsx(Button.Button, { dataTestId: 'manage-passkeys-button', onClick: () => setDynamicWidgetView('manage-passkeys'), buttonClassName: 'wallet-settings-view__body__section__button', startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'wallet-settings-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'wallet-settings-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_wallet_settings.title', children: t('dyn_wallet_settings.title') }) }) }), jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body', children: [isPasskeyEnabled && (jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.signing_section.title') }), jsxRuntime.jsx(Button.Button, { dataTestId: 'manage-passkeys-button', onClick: () => handlePasskeyClick(), buttonClassName: 'wallet-settings-view__body__section__button', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(faceId.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.passkey_button') })] }), endSlot: isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator ? (jsxRuntime.jsx(checkCircle.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon-secondary--success' })) : undefined, showInternalLoading: false })] }), jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.export_section.title') }), jsxRuntime.jsx(Button.Button, { dataTestId: 'embedded-reveal-account-button', onClick: () => initExportProcess(), buttonClassName: 'wallet-settings-view__body__section__button', disabled: !isTurnkeyWallet || isTurnkeyWalletWithoutAuthenticator, startSlot: 
+                                jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, { className: 'wallet-settings-view__body__section__button__icon', defaultIcon: jsxRuntime.jsx(androidTouchId.ReactComponent, { "data-testid": 'default-icon' }) }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.passkey_button') })] }), endSlot: renderPasskeysButtonEndSlot(), disabled: isLoading, showInternalLoading: false })] })), jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.export_section.title') }), jsxRuntime.jsx(Button.Button, { dataTestId: 'embedded-reveal-account-button', onClick: () => initExportProcess(), buttonClassName: 'wallet-settings-view__body__section__button', disabled: !isTurnkeyWallet || isTurnkeyWalletWithoutAuthenticator, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: `wallet-settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}` }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.export_section.private_key_button', children: t('dyn_wallet_settings.export_section.private_key_button') })] }), endSlot: isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator ? (jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon-secondary--rotate' })) : (jsxRuntime.jsx(lock.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon-secondary' })), showInternalLoading: false }), isTurnkeyHDWallet && (jsxRuntime.jsx(Button.Button, { dataTestId: 'embedded-reveal-button', onClick: () => initExportProcess(true), buttonClassName: 'wallet-settings-view__body__section__button', disabled: !isTurnkeyWallet || isTurnkeyWalletWithoutAuthenticator, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines

package/src/lib/widgets/DynamicWidget/views/WalletSettingsView/WalletSettingsView.js

@@ -1,18 +1,18 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import 'react';
 import '../../../../events/dynamicEvents.js';
-import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgAndroidTouchId } from '../../../../shared/assets/android-touch-id.js';
 import { ReactComponent as SvgCheckCircle } from '../../../../shared/assets/check-circle.js';
 import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgLock } from '../../../../shared/assets/lock.js';
-import { ReactComponent as SvgFaceId } from '../../../../shared/assets/face-id.js';
 import { ReactComponent as SvgExportPrivateKey } from '../../../../shared/assets/export-private-key.js';
 import { ReactComponent as SvgExportRecoveryPhrase } from '../../../../shared/assets/export-recovery-phrase.js';
 import '../../../../shared/logger.js';
@@ -34,6 +34,7 @@ import '../../../../config/ApiEndpoint.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
 import { useThemeContext } from '../../../../context/ThemeContext/ThemeContext.js';
+import { usePasskeyRecovery } from '../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';
@@ -63,34 +64,59 @@ import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { PasskeyDeviceIcon } from '../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 import { useEmbeddedReveal } from '../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
+import { Spinner } from '../../../../components/Spinner/spinner.js';
 import '../../../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const WalletSettingsView = () => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     const { goToInitialDynamicWidgetView, setDynamicWidgetView } = useWidgetContext();
-    const { authToken } = useInternalDynamicContext();
+    const { authToken, projectSettings } = useInternalDynamicContext();
     const { initExportProcess } = useEmbeddedReveal();
     const { isTurnkeyWallet, isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     const { theme } = useThemeContext();
     const { t } = useTranslation();
+    const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
+    const [isLoading, setIsLoading] = useState(false);
     const decodedJwt = decodeJwt(authToken);
     const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+    const isPasskeyEnabled = Boolean((_f = (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.supportedSecurityMethods) === null || _e === void 0 ? void 0 : _e.passkey) === null || _f === void 0 ? void 0 : _f.isEnabled);
+    const isTurnkeyWalletWithAuthenticator = isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator;
+    const handlePasskeyClick = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (isTurnkeyWalletWithAuthenticator) {
+            return setDynamicWidgetView('manage-passkeys');
+        }
+        setIsLoading(true);
+        try {
+            yield initPasskeyRecoveryProcess('passkey');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    });
+    const renderPasskeysButtonEndSlot = () => {
+        if (isTurnkeyWalletWithAuthenticator)
+            return (jsx(SvgCheckCircle, { className: 'wallet-settings-view__body__section__button__icon-secondary--success' }));
+        if (isLoading)
+            return jsx(Spinner, {});
+        return undefined;
+    };
     const backButton = (jsx(IconButton, { type: 'button', onClick: goToInitialDynamicWidgetView, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
-    return (jsxs("div", { className: 'wallet-settings-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'wallet-settings-view__header', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_wallet_settings.title', children: t('dyn_wallet_settings.title') }) }) }), jsxs("div", { className: 'wallet-settings-view__body', children: [jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.signing_section.title') }), jsx(Button, { dataTestId: 'manage-passkeys-button', onClick: () => setDynamicWidgetView('manage-passkeys'), buttonClassName: 'wallet-settings-view__body__section__button', startSlot: 
+    return (jsxs("div", { className: 'wallet-settings-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'wallet-settings-view__header', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_wallet_settings.title', children: t('dyn_wallet_settings.title') }) }) }), jsxs("div", { className: 'wallet-settings-view__body', children: [isPasskeyEnabled && (jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.signing_section.title') }), jsx(Button, { dataTestId: 'manage-passkeys-button', onClick: () => handlePasskeyClick(), buttonClassName: 'wallet-settings-view__body__section__button', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsx(SvgFaceId, { className: 'wallet-settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.passkey_button') })] }), endSlot: isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator ? (jsx(SvgCheckCircle, { className: 'wallet-settings-view__body__section__button__icon-secondary--success' })) : undefined, showInternalLoading: false })] }), jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.export_section.title') }), jsx(Button, { dataTestId: 'embedded-reveal-account-button', onClick: () => initExportProcess(), buttonClassName: 'wallet-settings-view__body__section__button', disabled: !isTurnkeyWallet || isTurnkeyWalletWithoutAuthenticator, startSlot: 
+                                jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsx(PasskeyDeviceIcon, { className: 'wallet-settings-view__body__section__button__icon', defaultIcon: jsx(SvgAndroidTouchId, { "data-testid": 'default-icon' }) }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.passkey_button') })] }), endSlot: renderPasskeysButtonEndSlot(), disabled: isLoading, showInternalLoading: false })] })), jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.export_section.title') }), jsx(Button, { dataTestId: 'embedded-reveal-account-button', onClick: () => initExportProcess(), buttonClassName: 'wallet-settings-view__body__section__button', disabled: !isTurnkeyWallet || isTurnkeyWalletWithoutAuthenticator, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsx(SvgExportPrivateKey, { className: `wallet-settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}` }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.export_section.private_key_button', children: t('dyn_wallet_settings.export_section.private_key_button') })] }), endSlot: isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator ? (jsx(SvgChevronLeft, { className: 'wallet-settings-view__body__section__button__icon-secondary--rotate' })) : (jsx(SvgLock, { className: 'wallet-settings-view__body__section__button__icon-secondary' })), showInternalLoading: false }), isTurnkeyHDWallet && (jsx(Button, { dataTestId: 'embedded-reveal-button', onClick: () => initExportProcess(true), buttonClassName: 'wallet-settings-view__body__section__button', disabled: !isTurnkeyWallet || isTurnkeyWalletWithoutAuthenticator, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.cjs

@@ -63,8 +63,8 @@ var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs');

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.js

@@ -59,8 +59,8 @@ import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.js';

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -57,8 +57,8 @@ require('formik');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -53,8 +53,8 @@ import 'formik';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/shared/assets/turnkey.cjs

@@ -1,79 +0,0 @@
-'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, _path2, _g, _defs;
-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 SvgTurnkey = function SvgTurnkey(_ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    width: 56,
-    height: 12,
-    viewBox: "0 0 56 12",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#turnkey_svg__a)"
-  }, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M34.892 0h1.388v9.261h-1.388V0ZM12.24 8.002V3.141h1.478V1.878H12.12c.094-.117.169-.248.223-.388.1-.255.153-.58.148-1.017V0h-1.338v.489a1.78 1.78 0 0 1-.164.805c-.174.357-.547.752-1.356.942l-.086.02v.885h1.291v5.193a.93.93 0 0 0 .93.928h1.971v-1.26H12.24Zm11.4-4.898c.54-.767 1.256-1.217 2.123-1.217h.692V3.23h-.845c-.592 0-1.067.192-1.404.596-.336.405-.538 1.037-.538 1.935v3.501h-1.416V1.887h1.388v1.217Zm30.22-1.217h1.355l.16.006-.059.148-3.537 9.144-.086-.033.01.004.075.029a1.336 1.336 0 0 1-1.2.815h-1.569v-1.246h1.52l.636-1.605-2.773-7.113-.058-.149h1.56l.027.075 1.951 5.433 1.962-5.434.026-.074Zm-34.422 0h1.4v7.377h-1.332v-.91c-.526.73-1.3 1.077-2.247 1.077-.964 0-1.624-.282-2.028-.773-.404-.49-.553-1.175-.553-1.954V1.887h1.403v4.952c0 .412.13.742.357.968.228.226.561.36.988.36.688 0 1.184-.228 1.514-.601.329-.373.497-.904.497-1.53V1.888Zm25.35-.166c-1.048 0-1.913.386-2.513 1.067-.6.682-.928 1.646-.928 2.793 0 1.148.34 2.118.95 2.793.61.675 1.486 1.054 2.533 1.054.833 0 1.549-.239 2.108-.678.56-.44.956-1.073 1.163-1.853l.037-.14h-1.444l-.027.074c-.318.874-.973 1.352-1.837 1.352-.621 0-1.1-.233-1.44-.623-.322-.37-.524-.884-.599-1.492h5.357l.011-.1a3.41 3.41 0 0 0 .014-.385c0-1.146-.313-2.112-.898-2.792-.585-.68-1.438-1.07-2.487-1.07Zm-1.947 3.071c.099-.518.304-.968.607-1.288a1.782 1.782 0 0 1 1.338-.55 1.738 1.738 0 0 1 1.278.515c.305.31.52.758.627 1.323h-3.85Zm-11.794-3.07c-.947 0-1.72.345-2.247 1.075v-.91h-1.332v7.375h1.401v-4.15c0-.624.17-1.156.498-1.53.33-.374.826-.6 1.514-.6.427 0 .76.134.988.36.227.226.357.556.357.967v4.954h1.403V4.446c0-.778-.15-1.462-.553-1.953-.405-.49-1.064-.772-2.029-.772Zm10.718.185-3.681 3.672 3.679 3.67-1.858-.003-2.687-2.682a1.39 1.39 0 0 1 0-1.97l2.694-2.688h1.853Z",
-    fill: "#383C48"
-  })), /*#__PURE__*/React__namespace.createElement("mask", {
-    id: "turnkey_svg__b",
-    style: {
-      maskType: "luminance"
-    },
-    maskUnits: "userSpaceOnUse",
-    x: 0,
-    y: 0,
-    width: 7,
-    height: 10
-  }, _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M.625 0h5.452v9.603H.625V0Z",
-    fill: "#fff"
-  }))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
-    mask: "url(#turnkey_svg__b)"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m3.634 4.258 2.444 5.345H.625l2.444-5.345a.31.31 0 0 1 .565 0Zm-.283-.829A1.716 1.716 0 0 0 4.008.13a1.716 1.716 0 0 0-1.87 2.798c.322.321.758.502 1.213.501Z",
-    fill: "#383C48"
-  })))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "turnkey_svg__a"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#fff",
-    transform: "translate(.625)",
-    d: "M0 0h54.75v12H0z"
-  })))));
-};
-
-exports.ReactComponent = SvgTurnkey;

package/src/lib/shared/assets/turnkey.js

@@ -1,55 +0,0 @@
-import * as React from 'react';
-
-var _path, _path2, _g, _defs;
-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 SvgTurnkey = function SvgTurnkey(_ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 56,
-    height: 12,
-    viewBox: "0 0 56 12",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#turnkey_svg__a)"
-  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M34.892 0h1.388v9.261h-1.388V0ZM12.24 8.002V3.141h1.478V1.878H12.12c.094-.117.169-.248.223-.388.1-.255.153-.58.148-1.017V0h-1.338v.489a1.78 1.78 0 0 1-.164.805c-.174.357-.547.752-1.356.942l-.086.02v.885h1.291v5.193a.93.93 0 0 0 .93.928h1.971v-1.26H12.24Zm11.4-4.898c.54-.767 1.256-1.217 2.123-1.217h.692V3.23h-.845c-.592 0-1.067.192-1.404.596-.336.405-.538 1.037-.538 1.935v3.501h-1.416V1.887h1.388v1.217Zm30.22-1.217h1.355l.16.006-.059.148-3.537 9.144-.086-.033.01.004.075.029a1.336 1.336 0 0 1-1.2.815h-1.569v-1.246h1.52l.636-1.605-2.773-7.113-.058-.149h1.56l.027.075 1.951 5.433 1.962-5.434.026-.074Zm-34.422 0h1.4v7.377h-1.332v-.91c-.526.73-1.3 1.077-2.247 1.077-.964 0-1.624-.282-2.028-.773-.404-.49-.553-1.175-.553-1.954V1.887h1.403v4.952c0 .412.13.742.357.968.228.226.561.36.988.36.688 0 1.184-.228 1.514-.601.329-.373.497-.904.497-1.53V1.888Zm25.35-.166c-1.048 0-1.913.386-2.513 1.067-.6.682-.928 1.646-.928 2.793 0 1.148.34 2.118.95 2.793.61.675 1.486 1.054 2.533 1.054.833 0 1.549-.239 2.108-.678.56-.44.956-1.073 1.163-1.853l.037-.14h-1.444l-.027.074c-.318.874-.973 1.352-1.837 1.352-.621 0-1.1-.233-1.44-.623-.322-.37-.524-.884-.599-1.492h5.357l.011-.1a3.41 3.41 0 0 0 .014-.385c0-1.146-.313-2.112-.898-2.792-.585-.68-1.438-1.07-2.487-1.07Zm-1.947 3.071c.099-.518.304-.968.607-1.288a1.782 1.782 0 0 1 1.338-.55 1.738 1.738 0 0 1 1.278.515c.305.31.52.758.627 1.323h-3.85Zm-11.794-3.07c-.947 0-1.72.345-2.247 1.075v-.91h-1.332v7.375h1.401v-4.15c0-.624.17-1.156.498-1.53.33-.374.826-.6 1.514-.6.427 0 .76.134.988.36.227.226.357.556.357.967v4.954h1.403V4.446c0-.778-.15-1.462-.553-1.953-.405-.49-1.064-.772-2.029-.772Zm10.718.185-3.681 3.672 3.679 3.67-1.858-.003-2.687-2.682a1.39 1.39 0 0 1 0-1.97l2.694-2.688h1.853Z",
-    fill: "#383C48"
-  })), /*#__PURE__*/React.createElement("mask", {
-    id: "turnkey_svg__b",
-    style: {
-      maskType: "luminance"
-    },
-    maskUnits: "userSpaceOnUse",
-    x: 0,
-    y: 0,
-    width: 7,
-    height: 10
-  }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M.625 0h5.452v9.603H.625V0Z",
-    fill: "#fff"
-  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#turnkey_svg__b)"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "m3.634 4.258 2.444 5.345H.625l2.444-5.345a.31.31 0 0 1 .565 0Zm-.283-.829A1.716 1.716 0 0 0 4.008.13a1.716 1.716 0 0 0-1.87 2.798c.322.321.758.502 1.213.501Z",
-    fill: "#383C48"
-  })))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "turnkey_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    transform: "translate(.625)",
-    d: "M0 0h54.75v12H0z"
-  })))));
-};
-
-export { SvgTurnkey as ReactComponent };