@dynamic-labs/sdk-react-core 4.60.0 → 4.60.1

package/src/lib/utils/hooks/useSetupPassword/useSetupPassword.d.ts

@@ -5,6 +5,9 @@ export declare const PASSWORD_SETUP_CANCELLED_ERROR = "Password setup cancelled"
  * This hook checks if passcodeRequired is enabled in project settings,
  * and if so, prompts the user to set up a password before creating wallets.
  *
+ * If a custom setupWalletPassword handler is provided via DynamicContextProvider settings,
+ * it will be used instead of the default UI modal.
+ *
  * @returns An object containing:
  * - isPasscodeRequired: boolean indicating if password is required
  * - setupPassword: function that shows the password setup flow and returns the password

package/src/lib/utils/hooks/useSetupPassword/useSetupPassword.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useCallback } from 'react';
+import { useRef, useCallback } from 'react';
 import '@dynamic-labs-sdk/client/core';
 import '@dynamic-labs/sdk-api-core';
 import '../../../client/client.js';
@@ -26,7 +26,82 @@ import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
 import '../../../events/dynamicEvents.js';
 import { useProjectSettings } from '../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/authMode/authMode.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
+import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../store/state/walletOptions/walletOptions.js';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../useWalletBackup/useWalletBackup.js';
+import '../useWalletBackup/types.js';
+import '../useWalletBackup/cloudProviders.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
 import { useWidgetContext } from '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import '../../../store/state/sendBalances.js';
+import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
+import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
+import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../store/state/multichainBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const PASSWORD_SETUP_CANCELLED_ERROR = 'Password setup cancelled';
 /**
@@ -35,6 +110,9 @@ const PASSWORD_SETUP_CANCELLED_ERROR = 'Password setup cancelled';
  * This hook checks if passcodeRequired is enabled in project settings,
  * and if so, prompts the user to set up a password before creating wallets.
  *
+ * If a custom setupWalletPassword handler is provided via DynamicContextProvider settings,
+ * it will be used instead of the default UI modal.
+ *
  * @returns An object containing:
  * - isPasscodeRequired: boolean indicating if password is required
  * - setupPassword: function that shows the password setup flow and returns the password
@@ -43,11 +121,20 @@ const useSetupPassword = () => {
     var _a, _b;
     const projectSettings = useProjectSettings();
     const { setDynamicWidgetView } = useWidgetContext();
+    const { handlers } = useInternalDynamicContext();
+    // Use ref pattern to avoid callback recreation when handlers change
+    const setupWalletPasswordHandlerRef = useRef(handlers === null || handlers === void 0 ? void 0 : handlers.setupWalletPassword);
+    setupWalletPasswordHandlerRef.current = handlers === null || handlers === void 0 ? void 0 : handlers.setupWalletPassword;
     const isPasscodeRequired = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.waas) === null || _a === void 0 ? void 0 : _a.passcodeRequired) !== null && _b !== void 0 ? _b : false;
     const setupPassword = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!isPasscodeRequired) {
             return undefined;
         }
+        // If custom handler provided, use it
+        if (setupWalletPasswordHandlerRef.current) {
+            return setupWalletPasswordHandlerRef.current();
+        }
+        // Otherwise use default UI prompt
         return new Promise((resolve, reject) => {
             setDynamicWidgetView('setup-password', {
                 onCancel: () => {

package/src/lib/utils/hooks/useSmartWallets/useSmartWallets.cjs

@@ -77,6 +77,7 @@ require('qrcode');
 require('formik');
 require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../functions/compareChains/compareChains.cjs');
 require('../useWalletBackup/useWalletBackup.cjs');
 require('../useWalletBackup/types.cjs');
 require('../useWalletBackup/cloudProviders.cjs');
@@ -92,7 +93,6 @@ require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
-require('../../functions/compareChains/compareChains.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/utils/hooks/useSmartWallets/useSmartWallets.js

@@ -73,6 +73,7 @@ import 'qrcode';
 import 'formik';
 import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../functions/compareChains/compareChains.js';
 import '../useWalletBackup/useWalletBackup.js';
 import '../useWalletBackup/types.js';
 import '../useWalletBackup/cloudProviders.js';
@@ -88,7 +89,6 @@ import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../context/OnrampContext/OnrampContext.js';
-import '../../functions/compareChains/compareChains.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/utils/hooks/useSyncDynamicWaas/useSyncDynamicWaas.cjs

@@ -81,6 +81,7 @@ require('qrcode');
 require('formik');
 require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 require('../useWalletBackup/useWalletBackup.cjs');
 require('../useWalletBackup/types.cjs');
 require('../useWalletBackup/cloudProviders.cjs');
@@ -97,7 +98,6 @@ require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cj
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
 var useWalletDelegation = require('../useWalletDelegation/useWalletDelegation.cjs');
-var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/utils/hooks/useSyncDynamicWaas/useSyncDynamicWaas.js

@@ -77,6 +77,7 @@ import 'qrcode';
 import 'formik';
 import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
 import '../useWalletBackup/useWalletBackup.js';
 import '../useWalletBackup/types.js';
 import '../useWalletBackup/cloudProviders.js';
@@ -93,7 +94,6 @@ import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js'
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../context/OnrampContext/OnrampContext.js';
 import { useWalletDelegation } from '../useWalletDelegation/useWalletDelegation.js';
-import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/utils/hooks/useWalletBackup/useWalletBackup.cjs

@@ -77,6 +77,7 @@ require('qrcode');
 require('formik');
 require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 var types = require('./types.cjs');
 var cloudProviders = require('./cloudProviders.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -96,7 +97,6 @@ require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cj
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
 var useRefreshAuth = require('../useRefreshAuth/useRefreshAuth.cjs');
-var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/utils/hooks/useWalletBackup/useWalletBackup.js

@@ -73,6 +73,7 @@ import 'qrcode';
 import 'formik';
 import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
 import { CloudBackupProvider } from './types.js';
 import { getSupportedProviders, CLOUD_PROVIDER_CONFIGS } from './cloudProviders.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -92,7 +93,6 @@ import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js'
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../context/OnrampContext/OnrampContext.js';
 import { useRefreshAuth } from '../useRefreshAuth/useRefreshAuth.js';
-import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/utils/hooks/useWalletDelegation/useWalletDelegation.cjs

@@ -81,6 +81,7 @@ require('qrcode');
 require('formik');
 require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 require('../useWalletBackup/useWalletBackup.cjs');
 require('../useWalletBackup/types.cjs');
 require('../useWalletBackup/cloudProviders.cjs');
@@ -98,7 +99,6 @@ require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
 var waas = require('../../../data/api/waas/waas.cjs');
 var useRefreshAuth = require('../useRefreshAuth/useRefreshAuth.cjs');
-var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/utils/hooks/useWalletDelegation/useWalletDelegation.js

@@ -77,6 +77,7 @@ import 'qrcode';
 import 'formik';
 import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
 import '../useWalletBackup/useWalletBackup.js';
 import '../useWalletBackup/types.js';
 import '../useWalletBackup/cloudProviders.js';
@@ -94,7 +95,6 @@ import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../context/OnrampContext/OnrampContext.js';
 import { updateWaasWalletSettings } from '../../../data/api/waas/waas.js';
 import { useRefreshAuth } from '../useRefreshAuth/useRefreshAuth.js';
-import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/views/UnlockWalletView/UnlockWalletView.cjs

@@ -77,6 +77,7 @@ require('qrcode');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+var useDynamicWaas = require('../../utils/hooks/useDynamicWaas/useDynamicWaas.cjs');
 var EnterPasswordView = require('../../widgets/DynamicWidget/views/EnterPasswordView/EnterPasswordView.cjs');
 require('../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../utils/hooks/useWalletBackup/types.cjs');
@@ -110,18 +111,48 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 const UnlockWalletView = ({ accountAddress, chainName, }) => {
     const { t } = reactI18next.useTranslation();
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { getWaasWalletConnector } = useDynamicWaas.useDynamicWaas();
     const handleContinue = React.useCallback((password) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const connector = getWaasWalletConnector(chainName);
+        if (!connector) {
+            const error = new Error(t('dyn_enter_password.error.failed'));
+            dynamicEvents.dynamicEvents.emit('walletUnlockAttempt', {
+                accountAddress,
+                chainName,
+            });
+            dynamicEvents.dynamicEvents.emit('walletUnlockFailed', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            throw error;
+        }
         dynamicEvents.dynamicEvents.emit('walletUnlockAttempt', {
             accountAddress,
             chainName,
         });
+        try {
+            yield connector.unlockWallet({ accountAddress, password });
+        }
+        catch (error) {
+            dynamicEvents.dynamicEvents.emit('walletUnlockFailed', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            throw error;
+        }
+        dynamicEvents.dynamicEvents.emit('walletUnlockCompleted', {
+            accountAddress,
+            chainName,
+        });
         dynamicEvents.dynamicEvents.emit('walletUnlockPasswordProvided', {
             accountAddress,
             chainName,
             password,
         });
         setShowAuthFlow(false);
-    }), [accountAddress, chainName, setShowAuthFlow]);
+    }), [accountAddress, chainName, getWaasWalletConnector, setShowAuthFlow, t]);
     return (jsxRuntime.jsx(EnterPasswordView.EnterPasswordView, { onContinue: handleContinue, title: t('dyn_unlock_wallet.title'), description: t('dyn_unlock_wallet.description'), buttonLabel: t('dyn_unlock_wallet.button.continue') }));
 };
 

package/src/lib/views/UnlockWalletView/UnlockWalletView.js

@@ -73,6 +73,7 @@ import 'qrcode';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
+import { useDynamicWaas } from '../../utils/hooks/useDynamicWaas/useDynamicWaas.js';
 import { EnterPasswordView } from '../../widgets/DynamicWidget/views/EnterPasswordView/EnterPasswordView.js';
 import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../utils/hooks/useWalletBackup/types.js';
@@ -106,18 +107,48 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 const UnlockWalletView = ({ accountAddress, chainName, }) => {
     const { t } = useTranslation();
     const { setShowAuthFlow } = useInternalDynamicContext();
+    const { getWaasWalletConnector } = useDynamicWaas();
     const handleContinue = useCallback((password) => __awaiter(void 0, void 0, void 0, function* () {
+        const connector = getWaasWalletConnector(chainName);
+        if (!connector) {
+            const error = new Error(t('dyn_enter_password.error.failed'));
+            dynamicEvents.emit('walletUnlockAttempt', {
+                accountAddress,
+                chainName,
+            });
+            dynamicEvents.emit('walletUnlockFailed', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            throw error;
+        }
         dynamicEvents.emit('walletUnlockAttempt', {
             accountAddress,
             chainName,
         });
+        try {
+            yield connector.unlockWallet({ accountAddress, password });
+        }
+        catch (error) {
+            dynamicEvents.emit('walletUnlockFailed', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            throw error;
+        }
+        dynamicEvents.emit('walletUnlockCompleted', {
+            accountAddress,
+            chainName,
+        });
         dynamicEvents.emit('walletUnlockPasswordProvided', {
             accountAddress,
             chainName,
             password,
         });
         setShowAuthFlow(false);
-    }), [accountAddress, chainName, setShowAuthFlow]);
+    }), [accountAddress, chainName, getWaasWalletConnector, setShowAuthFlow, t]);
     return (jsx(EnterPasswordView, { onContinue: handleContinue, title: t('dyn_unlock_wallet.title'), description: t('dyn_unlock_wallet.description'), buttonLabel: t('dyn_unlock_wallet.button.continue') }));
 };
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.cjs

@@ -25,6 +25,8 @@ var SetupPasswordConfirmView = require('../../views/SetupPasswordConfirmView/Set
 var SetupPasswordKnowledgeCheckView = require('../../views/SetupPasswordKnowledgeCheckView/SetupPasswordKnowledgeCheckView.cjs');
 var SetupPasswordSuccessView = require('../../views/SetupPasswordSuccessView/SetupPasswordSuccessView.cjs');
 require('react-i18next');
+require('../../../../components/Input/Input.cjs');
+require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
@@ -32,8 +34,6 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/consts/index.cjs');
-require('../../../../components/Input/Input.cjs');
-require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.js

@@ -21,6 +21,8 @@ import { SetupPasswordConfirmView } from '../../views/SetupPasswordConfirmView/S
 import { SetupPasswordKnowledgeCheckView } from '../../views/SetupPasswordKnowledgeCheckView/SetupPasswordKnowledgeCheckView.js';
 import { SetupPasswordSuccessView } from '../../views/SetupPasswordSuccessView/SetupPasswordSuccessView.js';
 import 'react-i18next';
+import '../../../../components/Input/Input.js';
+import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
@@ -28,8 +30,6 @@ import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/consts/index.js';
-import '../../../../components/Input/Input.js';
-import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../events/dynamicEvents.js';
 import '../../../../context/DynamicContext/DynamicContext.js';

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

@@ -7,16 +7,17 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 var Input = require('../../../../components/Input/Input.cjs');
 var ToggleVisibilityButton = require('../../../../components/ToggleVisibilityButton/ToggleVisibilityButton.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+var errorCircleX = require('../../../../shared/assets/error-circle-x.cjs');
 var passwordLockIcon = require('../../../../shared/assets/password-lock-icon.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 
+const INVALID_PASSWORD_ERROR_MESSAGE = 'Decryption failed: Invalid password';
 const EnterPasswordView = ({ onContinue, title, description, buttonLabel, isLoading: externalLoading, }) => {
     const { t } = reactI18next.useTranslation();
     const [password, setPassword] = React.useState('');
@@ -41,9 +42,18 @@ const EnterPasswordView = ({ onContinue, title, description, buttonLabel, isLoad
             yield onContinue(password);
         }
         catch (err) {
-            const errorMessage = err instanceof Error
-                ? err.message
-                : t('dyn_enter_password.error.failed');
+            let errorMessage;
+            if (err instanceof Error) {
+                if (err.message.includes(INVALID_PASSWORD_ERROR_MESSAGE)) {
+                    errorMessage = t('dyn_enter_password.error.invalid_password');
+                }
+                else {
+                    errorMessage = err.message;
+                }
+            }
+            else {
+                errorMessage = t('dyn_enter_password.error.failed');
+            }
             setError(errorMessage);
         }
         finally {
@@ -51,7 +61,7 @@ const EnterPasswordView = ({ onContinue, title, description, buttonLabel, isLoad
         }
     }), [password, onContinue, t]);
     const loading = externalLoading || isLoading;
-    return (jsxRuntime.jsx("div", { className: 'enter-password-view', children: jsxRuntime.jsxs("div", { className: 'enter-password-view__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_enter_password.title', className: 'enter-password-view__title', style: { marginBottom: '24px', textAlign: 'center' }, children: title !== null && title !== void 0 ? title : t('dyn_enter_password.title') }), jsxRuntime.jsx("div", { className: 'enter-password-view__icon-container', children: jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(passwordLockIcon.ReactComponent, { width: 64, height: 64 }) }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_enter_password.description', className: 'enter-password-view__description', children: description !== null && description !== void 0 ? description : t('dyn_enter_password.description') }), error && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'enter-password-view__error', variant: 'error', withIcon: false, children: error })), jsxRuntime.jsx(Input.Input, { id: 'enter-password-input', type: showPassword ? 'text' : 'password', label: t('dyn_enter_password.label'), placeholder: t('dyn_enter_password.placeholder'), value: password, onChange: handlePasswordChange, variant: 'regular', suffix: 
+    return (jsxRuntime.jsx("div", { className: 'enter-password-view', children: jsxRuntime.jsxs("div", { className: 'enter-password-view__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_enter_password.title', className: 'enter-password-view__title', style: { marginBottom: '24px', textAlign: 'center' }, children: title !== null && title !== void 0 ? title : t('dyn_enter_password.title') }), jsxRuntime.jsx("div", { className: 'enter-password-view__icon-container', children: jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(passwordLockIcon.ReactComponent, { width: 64, height: 64 }) }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_enter_password.description', className: 'enter-password-view__description', children: description !== null && description !== void 0 ? description : t('dyn_enter_password.description') }), jsxRuntime.jsx(Input.Input, { id: 'enter-password-input', type: showPassword ? 'text' : 'password', label: t('dyn_enter_password.label'), placeholder: t('dyn_enter_password.placeholder'), value: password, onChange: handlePasswordChange, variant: 'regular', error: Boolean(error), message: error ? (jsxRuntime.jsxs("span", { className: 'enter-password-view__error-message', children: [jsxRuntime.jsx(errorCircleX.ReactComponent, { width: 14, height: 14 }), error] })) : undefined, suffix: 
                     // eslint-disable-next-line react/jsx-wrap-multilines
                     jsxRuntime.jsx(ToggleVisibilityButton.ToggleVisibilityButton, { initialState: true, onClick: handleToggleVisibility }) }), jsxRuntime.jsx("div", { className: 'enter-password-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'enter-password-continue-button', onClick: handleContinue, disabled: !password || loading, copykey: 'dyn_enter_password.button.continue', buttonVariant: 'brand-primary', typographyProps: {
                             color: 'inherit',

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

@@ -3,16 +3,17 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
 import { Input } from '../../../../components/Input/Input.js';
 import { ToggleVisibilityButton } from '../../../../components/ToggleVisibilityButton/ToggleVisibilityButton.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import { ReactComponent as SvgErrorCircleX } from '../../../../shared/assets/error-circle-x.js';
 import { ReactComponent as SvgPasswordLockIcon } from '../../../../shared/assets/password-lock-icon.js';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 
+const INVALID_PASSWORD_ERROR_MESSAGE = 'Decryption failed: Invalid password';
 const EnterPasswordView = ({ onContinue, title, description, buttonLabel, isLoading: externalLoading, }) => {
     const { t } = useTranslation();
     const [password, setPassword] = useState('');
@@ -37,9 +38,18 @@ const EnterPasswordView = ({ onContinue, title, description, buttonLabel, isLoad
             yield onContinue(password);
         }
         catch (err) {
-            const errorMessage = err instanceof Error
-                ? err.message
-                : t('dyn_enter_password.error.failed');
+            let errorMessage;
+            if (err instanceof Error) {
+                if (err.message.includes(INVALID_PASSWORD_ERROR_MESSAGE)) {
+                    errorMessage = t('dyn_enter_password.error.invalid_password');
+                }
+                else {
+                    errorMessage = err.message;
+                }
+            }
+            else {
+                errorMessage = t('dyn_enter_password.error.failed');
+            }
             setError(errorMessage);
         }
         finally {
@@ -47,7 +57,7 @@ const EnterPasswordView = ({ onContinue, title, description, buttonLabel, isLoad
         }
     }), [password, onContinue, t]);
     const loading = externalLoading || isLoading;
-    return (jsx("div", { className: 'enter-password-view', children: jsxs("div", { className: 'enter-password-view__body', children: [jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_enter_password.title', className: 'enter-password-view__title', style: { marginBottom: '24px', textAlign: 'center' }, children: title !== null && title !== void 0 ? title : t('dyn_enter_password.title') }), jsx("div", { className: 'enter-password-view__icon-container', children: jsx(Icon, { color: 'brand-primary', children: jsx(SvgPasswordLockIcon, { width: 64, height: 64 }) }) }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_enter_password.description', className: 'enter-password-view__description', children: description !== null && description !== void 0 ? description : t('dyn_enter_password.description') }), error && (jsx(ErrorContainer, { className: 'enter-password-view__error', variant: 'error', withIcon: false, children: error })), jsx(Input, { id: 'enter-password-input', type: showPassword ? 'text' : 'password', label: t('dyn_enter_password.label'), placeholder: t('dyn_enter_password.placeholder'), value: password, onChange: handlePasswordChange, variant: 'regular', suffix: 
+    return (jsx("div", { className: 'enter-password-view', children: jsxs("div", { className: 'enter-password-view__body', children: [jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_enter_password.title', className: 'enter-password-view__title', style: { marginBottom: '24px', textAlign: 'center' }, children: title !== null && title !== void 0 ? title : t('dyn_enter_password.title') }), jsx("div", { className: 'enter-password-view__icon-container', children: jsx(Icon, { color: 'brand-primary', children: jsx(SvgPasswordLockIcon, { width: 64, height: 64 }) }) }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_enter_password.description', className: 'enter-password-view__description', children: description !== null && description !== void 0 ? description : t('dyn_enter_password.description') }), jsx(Input, { id: 'enter-password-input', type: showPassword ? 'text' : 'password', label: t('dyn_enter_password.label'), placeholder: t('dyn_enter_password.placeholder'), value: password, onChange: handlePasswordChange, variant: 'regular', error: Boolean(error), message: error ? (jsxs("span", { className: 'enter-password-view__error-message', children: [jsx(SvgErrorCircleX, { width: 14, height: 14 }), error] })) : undefined, suffix: 
                     // eslint-disable-next-line react/jsx-wrap-multilines
                     jsx(ToggleVisibilityButton, { initialState: true, onClick: handleToggleVisibility }) }), jsx("div", { className: 'enter-password-view__actions', children: jsx(TypographyButton, { dataTestId: 'enter-password-continue-button', onClick: handleContinue, disabled: !password || loading, copykey: 'dyn_enter_password.button.continue', buttonVariant: 'brand-primary', typographyProps: {
                             color: 'inherit',

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

@@ -36,7 +36,7 @@ const OPTIONS = [
         value: 'c',
     },
 ];
-const SetupPasswordKnowledgeCheckView = ({ onContinue, onBack, onReviewTerms }) => {
+const SetupPasswordKnowledgeCheckView = ({ onContinue, onBack }) => {
     const { t } = reactI18next.useTranslation();
     const [selectedAnswer, setSelectedAnswer] = React.useState('');
     const [showError, setShowError] = React.useState(false);
@@ -53,31 +53,23 @@ const SetupPasswordKnowledgeCheckView = ({ onContinue, onBack, onReviewTerms })
         }
     }, [selectedAnswer, onContinue]);
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onBack, "data-testid": 'setup-password-knowledge-check-back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_setup_password.knowledge_check.title', children: t('dyn_setup_password.knowledge_check.title') }) }), jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view', children: jsxRuntime.jsxs("div", { className: 'setup-password-knowledge-check-view__body', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: 'setup-password-knowledge-check-view__content', children: [jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view__icon-container', children: jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(knowledgeCheckIcon.ReactComponent, { width: 56, height: 56 }) }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', copykey: 'dyn_setup_password.knowledge_check.description', className: 'setup-password-knowledge-check-view__description', children: t('dyn_setup_password.knowledge_check.description') })] }), jsxRuntime.jsxs("div", { className: 'setup-password-knowledge-check-view__alert', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'semibold', copykey: 'dyn_setup_password.knowledge_check.question', className: 'setup-password-knowledge-check-view__question', children: t('dyn_setup_password.knowledge_check.question') }), jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view__options', children: OPTIONS.map((option) => {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_setup_password.knowledge_check.title', children: t('dyn_setup_password.knowledge_check.title') }) }), jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view', children: jsxRuntime.jsxs("div", { className: 'setup-password-knowledge-check-view__body', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: 'setup-password-knowledge-check-view__content', children: [jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view__icon-container', children: jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(knowledgeCheckIcon.ReactComponent, { width: 56, height: 56 }) }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', weight: 'medium', copykey: 'dyn_setup_password.knowledge_check.description', className: 'setup-password-knowledge-check-view__description', children: t('dyn_setup_password.knowledge_check.description') })] }), jsxRuntime.jsxs("div", { className: 'setup-password-knowledge-check-view__alert', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', weight: 'semibold', copykey: 'dyn_setup_password.knowledge_check.question', className: 'setup-password-knowledge-check-view__question', children: t('dyn_setup_password.knowledge_check.question') }), jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view__options', children: OPTIONS.map((option) => {
                                                 const isSelected = selectedAnswer === option.value;
                                                 const hasError = showError && isSelected;
                                                 return (jsxRuntime.jsxs("div", { className: `setup-password-knowledge-check-view__option ${isSelected
                                                         ? 'setup-password-knowledge-check-view__option--selected'
                                                         : ''} ${hasError
                                                         ? 'setup-password-knowledge-check-view__option--error'
-                                                        : ''} ${showError
-                                                        ? 'setup-password-knowledge-check-view__option--disabled'
-                                                        : ''}`, onClick: () => {
-                                                        if (!showError) {
-                                                            handleAnswerChange({
-                                                                target: { value: option.value },
-                                                            });
-                                                        }
-                                                    }, children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: hasError
+                                                        : ''}`, onClick: () => handleAnswerChange({
+                                                        target: { value: option.value },
+                                                    }), children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: hasError
                                                                 ? 'error-1'
                                                                 : isSelected
                                                                     ? 'brand-primary'
                                                                     : 'tertiary', weight: 'bold', className: 'setup-password-knowledge-check-view__option-label', children: option.label }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', children: t(option.translationKey) })] }, option.value));
-                                            }) })] })] }), jsxRuntime.jsxs("div", { children: [showError && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Alert.Alert, { variant: 'error', icon: jsxRuntime.jsx(exclamationCircle.ReactComponent, {}), className: 'setup-password-knowledge-check-view__error', children: t('dyn_setup_password.knowledge_check.error') }), jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view__review-button', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: onReviewTerms, copykey: 'dyn_setup_password.knowledge_check.review_terms', dataTestId: 'setup-password-knowledge-check-review-button', buttonVariant: 'brand-primary', className: 'setup-password-knowledge-check-view__alert-button', typographyProps: {
-                                                    color: 'inherit',
-                                                }, expanded: true, children: t('dyn_setup_password.knowledge_check.review_terms') }) })] })), !showError && (jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'setup-password-knowledge-check-continue-button', onClick: handleContinue, disabled: !selectedAnswer, copykey: 'dyn_setup_password.button.confirm', buttonVariant: 'brand-primary', typographyProps: {
+                                            }) })] })] }), jsxRuntime.jsxs("div", { children: [showError && (jsxRuntime.jsx(Alert.Alert, { variant: 'error', icon: jsxRuntime.jsx(exclamationCircle.ReactComponent, {}), className: 'setup-password-knowledge-check-view__error', children: t('dyn_setup_password.knowledge_check.error') })), jsxRuntime.jsx("div", { className: 'setup-password-knowledge-check-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'setup-password-knowledge-check-continue-button', onClick: handleContinue, disabled: !selectedAnswer, copykey: 'dyn_setup_password.button.confirm', buttonVariant: 'brand-primary', typographyProps: {
                                             color: 'inherit',
-                                        }, expanded: true, children: t('dyn_setup_password.button.confirm') }) }))] })] }) })] }));
+                                        }, expanded: true, children: t('dyn_setup_password.button.confirm') }) })] })] }) })] }));
 };
 
 exports.SetupPasswordKnowledgeCheckView = SetupPasswordKnowledgeCheckView;

package/src/lib/widgets/DynamicWidget/views/SetupPasswordKnowledgeCheckView/SetupPasswordKnowledgeCheckView.d.ts

@@ -2,6 +2,5 @@ import { FC } from 'react';
 export type SetupPasswordKnowledgeCheckViewProps = {
     onContinue: () => void;
     onBack: () => void;
-    onReviewTerms: () => void;
 };
 export declare const SetupPasswordKnowledgeCheckView: FC<SetupPasswordKnowledgeCheckViewProps>;