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

package/src/lib/widgets/DynamicWidget/views/EnterPasswordView/index.d.ts

@@ -0,0 +1,2 @@
+export { EnterPasswordView } from './EnterPasswordView';
+export type { EnterPasswordViewProps } from './EnterPasswordView';

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>;

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

@@ -32,7 +32,7 @@ const OPTIONS = [
         value: 'c',
     },
 ];
-const SetupPasswordKnowledgeCheckView = ({ onContinue, onBack, onReviewTerms }) => {
+const SetupPasswordKnowledgeCheckView = ({ onContinue, onBack }) => {
     const { t } = useTranslation();
     const [selectedAnswer, setSelectedAnswer] = useState('');
     const [showError, setShowError] = useState(false);
@@ -49,31 +49,23 @@ const SetupPasswordKnowledgeCheckView = ({ onContinue, onBack, onReviewTerms })
         }
     }, [selectedAnswer, onContinue]);
     const backButton = (jsx(IconButton, { type: 'button', onClick: onBack, "data-testid": 'setup-password-knowledge-check-back-button', children: jsx(SvgChevronLeft, {}) }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_setup_password.knowledge_check.title', children: t('dyn_setup_password.knowledge_check.title') }) }), jsx("div", { className: 'setup-password-knowledge-check-view', children: jsxs("div", { className: 'setup-password-knowledge-check-view__body', children: [jsxs("div", { children: [jsxs("div", { className: 'setup-password-knowledge-check-view__content', children: [jsx("div", { className: 'setup-password-knowledge-check-view__icon-container', children: jsx(Icon, { color: 'brand-primary', children: jsx(SvgKnowledgeCheckIcon, { width: 56, height: 56 }) }) }), jsx(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') })] }), jsxs("div", { className: 'setup-password-knowledge-check-view__alert', children: [jsx(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') }), jsx("div", { className: 'setup-password-knowledge-check-view__options', children: OPTIONS.map((option) => {
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_setup_password.knowledge_check.title', children: t('dyn_setup_password.knowledge_check.title') }) }), jsx("div", { className: 'setup-password-knowledge-check-view', children: jsxs("div", { className: 'setup-password-knowledge-check-view__body', children: [jsxs("div", { children: [jsxs("div", { className: 'setup-password-knowledge-check-view__content', children: [jsx("div", { className: 'setup-password-knowledge-check-view__icon-container', children: jsx(Icon, { color: 'brand-primary', children: jsx(SvgKnowledgeCheckIcon, { width: 56, height: 56 }) }) }), jsx(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') })] }), jsxs("div", { className: 'setup-password-knowledge-check-view__alert', children: [jsx(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') }), jsx("div", { className: 'setup-password-knowledge-check-view__options', children: OPTIONS.map((option) => {
                                                 const isSelected = selectedAnswer === option.value;
                                                 const hasError = showError && isSelected;
                                                 return (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: [jsx(Typography, { variant: 'body_normal', color: hasError
+                                                        : ''}`, onClick: () => handleAnswerChange({
+                                                        target: { value: option.value },
+                                                    }), children: [jsx(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 }), jsx(Typography, { variant: 'body_small', color: 'primary', children: t(option.translationKey) })] }, option.value));
-                                            }) })] })] }), jsxs("div", { children: [showError && (jsxs(Fragment, { children: [jsx(Alert, { variant: 'error', icon: jsx(SvgExclamationCircle, {}), className: 'setup-password-knowledge-check-view__error', children: t('dyn_setup_password.knowledge_check.error') }), jsx("div", { className: 'setup-password-knowledge-check-view__review-button', children: jsx(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 && (jsx("div", { className: 'setup-password-knowledge-check-view__actions', children: jsx(TypographyButton, { dataTestId: 'setup-password-knowledge-check-continue-button', onClick: handleContinue, disabled: !selectedAnswer, copykey: 'dyn_setup_password.button.confirm', buttonVariant: 'brand-primary', typographyProps: {
+                                            }) })] })] }), jsxs("div", { children: [showError && (jsx(Alert, { variant: 'error', icon: jsx(SvgExclamationCircle, {}), className: 'setup-password-knowledge-check-view__error', children: t('dyn_setup_password.knowledge_check.error') })), jsx("div", { className: 'setup-password-knowledge-check-view__actions', children: jsx(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') }) })] })] }) })] }));
 };
 
 export { SetupPasswordKnowledgeCheckView };

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

@@ -7,18 +7,19 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var Checkbox = require('../../../../components/Checkbox/Checkbox.cjs');
-var Icon = require('../../../../components/Icon/Icon.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
+var setupPasswordTermsIllustration = require('../../../../shared/assets/setup-password-terms-illustration.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
-var warningCircleOrange = require('../../../../shared/assets/warning-circle-orange.cjs');
+var settingsUtils = require('../../../../store/utils/settingsUtils/settingsUtils.cjs');
 
 const SetupPasswordTermsView = ({ onContinue, onBack, }) => {
     const { t } = reactI18next.useTranslation();
+    const appName = settingsUtils.useAppName();
     const [checkedItems, setCheckedItems] = React.useState({
         term1: false,
         term2: false,
@@ -28,8 +29,13 @@ const SetupPasswordTermsView = ({ onContinue, onBack, }) => {
         setCheckedItems((prev) => (Object.assign(Object.assign({}, prev), { [termKey]: !prev[termKey] })));
     }, []);
     const allChecked = Object.values(checkedItems).every(Boolean);
-    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onBack, "data-testid": 'setup-password-terms-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.terms.title', children: t('dyn_setup_password.terms.title') }) }), jsxRuntime.jsx("div", { className: 'setup-password-terms-view', children: jsxRuntime.jsxs("div", { className: 'setup-password-terms-view__body', children: [jsxRuntime.jsx("div", { className: 'setup-password-terms-view__icon-container', children: jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(warningCircleOrange.ReactComponent, { width: 64, height: 64 }) }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_setup_password.terms.description', className: 'setup-password-terms-view__description', children: t('dyn_setup_password.terms.description') }), jsxRuntime.jsxs("div", { className: 'setup-password-terms-view__checkboxes', children: [jsxRuntime.jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: checkedItems.term1, onChange: () => handleCheckboxChange('term1'), ariaLabel: t('dyn_setup_password.terms.checkbox_1') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_1', children: t('dyn_setup_password.terms.checkbox_1') })] }), jsxRuntime.jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: checkedItems.term2, onChange: () => handleCheckboxChange('term2'), ariaLabel: t('dyn_setup_password.terms.checkbox_2') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_2', children: t('dyn_setup_password.terms.checkbox_2') })] }), jsxRuntime.jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: checkedItems.term3, onChange: () => handleCheckboxChange('term3'), ariaLabel: t('dyn_setup_password.terms.checkbox_3') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_3', children: t('dyn_setup_password.terms.checkbox_3') })] })] }), jsxRuntime.jsx("div", { className: 'setup-password-terms-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'setup-password-terms-continue-button', onClick: onContinue, disabled: !allChecked, copykey: 'dyn_setup_password.button.continue', buttonVariant: 'brand-primary', typographyProps: {
+    const handleBack = React.useCallback(() => {
+        onBack === null || onBack === void 0 ? void 0 : onBack();
+    }, [onBack]);
+    const backButton = onBack !== undefined ? (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBack, "data-testid": 'setup-password-terms-back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) })) : undefined;
+    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.terms.title', children: t('dyn_setup_password.terms.title') }) }), jsxRuntime.jsx("div", { className: 'setup-password-terms-view', children: jsxRuntime.jsxs("div", { className: 'setup-password-terms-view__body', children: [jsxRuntime.jsx("div", { className: 'setup-password-terms-view__icon-container', children: jsxRuntime.jsx(setupPasswordTermsIllustration.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_setup_password.terms.description', className: 'setup-password-terms-view__description', children: t('dyn_setup_password.terms.description') }), jsxRuntime.jsxs("div", { className: 'setup-password-terms-view__checkboxes', children: [jsxRuntime.jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: checkedItems.term1, onChange: () => handleCheckboxChange('term1'), ariaLabel: t('dyn_setup_password.terms.checkbox_1') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_1', children: t('dyn_setup_password.terms.checkbox_1') })] }), jsxRuntime.jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: checkedItems.term2, onChange: () => handleCheckboxChange('term2'), ariaLabel: t('dyn_setup_password.terms.checkbox_2', {
+                                                appName,
+                                            }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_2', children: t('dyn_setup_password.terms.checkbox_2', { appName }) })] }), jsxRuntime.jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: checkedItems.term3, onChange: () => handleCheckboxChange('term3'), ariaLabel: t('dyn_setup_password.terms.checkbox_3') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_3', children: t('dyn_setup_password.terms.checkbox_3') })] })] }), jsxRuntime.jsx("div", { className: 'setup-password-terms-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'setup-password-terms-continue-button', onClick: onContinue, disabled: !allChecked, copykey: 'dyn_setup_password.button.continue', buttonVariant: 'brand-primary', typographyProps: {
                                     color: 'inherit',
                                 }, expanded: true, children: t('dyn_setup_password.button.continue') }) })] }) })] }));
 };

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

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 export type SetupPasswordTermsViewProps = {
     onContinue: () => void;
-    onBack: () => void;
+    onBack?: () => void;
 };
 export declare const SetupPasswordTermsView: FC<SetupPasswordTermsViewProps>;

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

@@ -3,18 +3,19 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Checkbox } from '../../../../components/Checkbox/Checkbox.js';
-import { Icon } from '../../../../components/Icon/Icon.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
+import { ReactComponent as SvgSetupPasswordTermsIllustration } from '../../../../shared/assets/setup-password-terms-illustration.js';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
-import { ReactComponent as SvgWarningCircleOrange } from '../../../../shared/assets/warning-circle-orange.js';
+import { useAppName } from '../../../../store/utils/settingsUtils/settingsUtils.js';
 
 const SetupPasswordTermsView = ({ onContinue, onBack, }) => {
     const { t } = useTranslation();
+    const appName = useAppName();
     const [checkedItems, setCheckedItems] = useState({
         term1: false,
         term2: false,
@@ -24,8 +25,13 @@ const SetupPasswordTermsView = ({ onContinue, onBack, }) => {
         setCheckedItems((prev) => (Object.assign(Object.assign({}, prev), { [termKey]: !prev[termKey] })));
     }, []);
     const allChecked = Object.values(checkedItems).every(Boolean);
-    const backButton = (jsx(IconButton, { type: 'button', onClick: onBack, "data-testid": 'setup-password-terms-back-button', children: jsx(SvgChevronLeft, {}) }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_setup_password.terms.title', children: t('dyn_setup_password.terms.title') }) }), jsx("div", { className: 'setup-password-terms-view', children: jsxs("div", { className: 'setup-password-terms-view__body', children: [jsx("div", { className: 'setup-password-terms-view__icon-container', children: jsx(Icon, { color: 'brand-primary', children: jsx(SvgWarningCircleOrange, { width: 64, height: 64 }) }) }), jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_setup_password.terms.description', className: 'setup-password-terms-view__description', children: t('dyn_setup_password.terms.description') }), jsxs("div", { className: 'setup-password-terms-view__checkboxes', children: [jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsx(Checkbox, { checked: checkedItems.term1, onChange: () => handleCheckboxChange('term1'), ariaLabel: t('dyn_setup_password.terms.checkbox_1') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_1', children: t('dyn_setup_password.terms.checkbox_1') })] }), jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsx(Checkbox, { checked: checkedItems.term2, onChange: () => handleCheckboxChange('term2'), ariaLabel: t('dyn_setup_password.terms.checkbox_2') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_2', children: t('dyn_setup_password.terms.checkbox_2') })] }), jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsx(Checkbox, { checked: checkedItems.term3, onChange: () => handleCheckboxChange('term3'), ariaLabel: t('dyn_setup_password.terms.checkbox_3') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_3', children: t('dyn_setup_password.terms.checkbox_3') })] })] }), jsx("div", { className: 'setup-password-terms-view__actions', children: jsx(TypographyButton, { dataTestId: 'setup-password-terms-continue-button', onClick: onContinue, disabled: !allChecked, copykey: 'dyn_setup_password.button.continue', buttonVariant: 'brand-primary', typographyProps: {
+    const handleBack = useCallback(() => {
+        onBack === null || onBack === void 0 ? void 0 : onBack();
+    }, [onBack]);
+    const backButton = onBack !== undefined ? (jsx(IconButton, { type: 'button', onClick: handleBack, "data-testid": 'setup-password-terms-back-button', children: jsx(SvgChevronLeft, {}) })) : undefined;
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_setup_password.terms.title', children: t('dyn_setup_password.terms.title') }) }), jsx("div", { className: 'setup-password-terms-view', children: jsxs("div", { className: 'setup-password-terms-view__body', children: [jsx("div", { className: 'setup-password-terms-view__icon-container', children: jsx(SvgSetupPasswordTermsIllustration, {}) }), jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_setup_password.terms.description', className: 'setup-password-terms-view__description', children: t('dyn_setup_password.terms.description') }), jsxs("div", { className: 'setup-password-terms-view__checkboxes', children: [jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsx(Checkbox, { checked: checkedItems.term1, onChange: () => handleCheckboxChange('term1'), ariaLabel: t('dyn_setup_password.terms.checkbox_1') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_1', children: t('dyn_setup_password.terms.checkbox_1') })] }), jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsx(Checkbox, { checked: checkedItems.term2, onChange: () => handleCheckboxChange('term2'), ariaLabel: t('dyn_setup_password.terms.checkbox_2', {
+                                                appName,
+                                            }) }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_2', children: t('dyn_setup_password.terms.checkbox_2', { appName }) })] }), jsxs("label", { className: 'setup-password-terms-view__checkbox-item', children: [jsx(Checkbox, { checked: checkedItems.term3, onChange: () => handleCheckboxChange('term3'), ariaLabel: t('dyn_setup_password.terms.checkbox_3') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_setup_password.terms.checkbox_3', children: t('dyn_setup_password.terms.checkbox_3') })] })] }), jsx("div", { className: 'setup-password-terms-view__actions', children: jsx(TypographyButton, { dataTestId: 'setup-password-terms-continue-button', onClick: onContinue, disabled: !allChecked, copykey: 'dyn_setup_password.button.continue', buttonVariant: 'brand-primary', typographyProps: {
                                     color: 'inherit',
                                 }, expanded: true, children: t('dyn_setup_password.button.continue') }) })] }) })] }));
 };

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

@@ -6,15 +6,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
-var SetupPasswordTermsView = require('../SetupPasswordTermsView/SetupPasswordTermsView.cjs');
+var SetupPasswordConfirmView = require('../SetupPasswordConfirmView/SetupPasswordConfirmView.cjs');
 var SetupPasswordEnterView = require('../SetupPasswordEnterView/SetupPasswordEnterView.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
-var SetupPasswordConfirmView = require('../SetupPasswordConfirmView/SetupPasswordConfirmView.cjs');
 var SetupPasswordKnowledgeCheckView = require('../SetupPasswordKnowledgeCheckView/SetupPasswordKnowledgeCheckView.cjs');
 var SetupPasswordSuccessView = require('../SetupPasswordSuccessView/SetupPasswordSuccessView.cjs');
+var SetupPasswordTermsView = require('../SetupPasswordTermsView/SetupPasswordTermsView.cjs');
 
 const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }) => {
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
@@ -58,26 +58,30 @@ const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }
     const handleKnowledgeCheckBack = React.useCallback(() => {
         setCurrentStep('confirm');
     }, []);
-    const handleKnowledgeCheckReviewTerms = React.useCallback(() => {
-        setCurrentStep('terms');
-    }, []);
+    const goToWallets = React.useCallback(() => {
+        setDynamicWidgetView('wallets');
+    }, [setDynamicWidgetView]);
     const handleSuccess = React.useCallback(() => {
         onComplete(password);
-        // Only navigate to account settings if onCancel wasn't provided
-        // (i.e., the caller isn't handling navigation themselves)
-        if (!onCancel) {
+        // Navigate to appropriate view based on where we came from:
+        // - If onCancel was provided (auto-create flow), go to wallets view
+        // - If onCancel wasn't provided (settings flow), go to account settings
+        if (onCancel) {
+            goToWallets();
+        }
+        else {
             goToAccountAndSecurity();
         }
-    }, [onComplete, password, onCancel, goToAccountAndSecurity]);
+    }, [onComplete, password, onCancel, goToAccountAndSecurity, goToWallets]);
     switch (currentStep) {
         case 'terms':
-            return (jsxRuntime.jsx(SetupPasswordTermsView.SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: handleCancel }));
+            return (jsxRuntime.jsx(SetupPasswordTermsView.SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: onCancel ? undefined : handleCancel }));
         case 'enter':
             return (jsxRuntime.jsx(SetupPasswordEnterView.SetupPasswordEnterView, { onContinue: handleEnterContinue, onBack: handleEnterBack }));
         case 'confirm':
             return (jsxRuntime.jsx(SetupPasswordConfirmView.SetupPasswordConfirmView, { password: password, onContinue: handleConfirmContinue, onBack: handleConfirmBack }));
         case 'knowledge-check':
-            return (jsxRuntime.jsx(SetupPasswordKnowledgeCheckView.SetupPasswordKnowledgeCheckView, { onContinue: handleKnowledgeCheckContinue, onBack: handleKnowledgeCheckBack, onReviewTerms: handleKnowledgeCheckReviewTerms }));
+            return (jsxRuntime.jsx(SetupPasswordKnowledgeCheckView.SetupPasswordKnowledgeCheckView, { onContinue: handleKnowledgeCheckContinue, onBack: handleKnowledgeCheckBack }));
         case 'success':
             return jsxRuntime.jsx(SetupPasswordSuccessView.SetupPasswordSuccessView, { onDone: handleSuccess });
         default:

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

@@ -2,15 +2,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
-import { SetupPasswordTermsView } from '../SetupPasswordTermsView/SetupPasswordTermsView.js';
+import { SetupPasswordConfirmView } from '../SetupPasswordConfirmView/SetupPasswordConfirmView.js';
 import { SetupPasswordEnterView } from '../SetupPasswordEnterView/SetupPasswordEnterView.js';
 import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
-import { SetupPasswordConfirmView } from '../SetupPasswordConfirmView/SetupPasswordConfirmView.js';
 import { SetupPasswordKnowledgeCheckView } from '../SetupPasswordKnowledgeCheckView/SetupPasswordKnowledgeCheckView.js';
 import { SetupPasswordSuccessView } from '../SetupPasswordSuccessView/SetupPasswordSuccessView.js';
+import { SetupPasswordTermsView } from '../SetupPasswordTermsView/SetupPasswordTermsView.js';
 
 const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }) => {
     const { setDynamicWidgetView } = useWidgetContext();
@@ -54,26 +54,30 @@ const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }
     const handleKnowledgeCheckBack = useCallback(() => {
         setCurrentStep('confirm');
     }, []);
-    const handleKnowledgeCheckReviewTerms = useCallback(() => {
-        setCurrentStep('terms');
-    }, []);
+    const goToWallets = useCallback(() => {
+        setDynamicWidgetView('wallets');
+    }, [setDynamicWidgetView]);
     const handleSuccess = useCallback(() => {
         onComplete(password);
-        // Only navigate to account settings if onCancel wasn't provided
-        // (i.e., the caller isn't handling navigation themselves)
-        if (!onCancel) {
+        // Navigate to appropriate view based on where we came from:
+        // - If onCancel was provided (auto-create flow), go to wallets view
+        // - If onCancel wasn't provided (settings flow), go to account settings
+        if (onCancel) {
+            goToWallets();
+        }
+        else {
             goToAccountAndSecurity();
         }
-    }, [onComplete, password, onCancel, goToAccountAndSecurity]);
+    }, [onComplete, password, onCancel, goToAccountAndSecurity, goToWallets]);
     switch (currentStep) {
         case 'terms':
-            return (jsx(SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: handleCancel }));
+            return (jsx(SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: onCancel ? undefined : handleCancel }));
         case 'enter':
             return (jsx(SetupPasswordEnterView, { onContinue: handleEnterContinue, onBack: handleEnterBack }));
         case 'confirm':
             return (jsx(SetupPasswordConfirmView, { password: password, onContinue: handleConfirmContinue, onBack: handleConfirmBack }));
         case 'knowledge-check':
-            return (jsx(SetupPasswordKnowledgeCheckView, { onContinue: handleKnowledgeCheckContinue, onBack: handleKnowledgeCheckBack, onReviewTerms: handleKnowledgeCheckReviewTerms }));
+            return (jsx(SetupPasswordKnowledgeCheckView, { onContinue: handleKnowledgeCheckContinue, onBack: handleKnowledgeCheckBack }));
         case 'success':
             return jsx(SetupPasswordSuccessView, { onDone: handleSuccess });
         default:

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

@@ -12,6 +12,7 @@ export { SetupPasswordEnterView } from './SetupPasswordEnterView';
 export { SetupPasswordConfirmView } from './SetupPasswordConfirmView';
 export { SetupPasswordKnowledgeCheckView } from './SetupPasswordKnowledgeCheckView';
 export { SetupPasswordSuccessView } from './SetupPasswordSuccessView';
+export { EnterPasswordView } from './EnterPasswordView';
 export { WalletsDelegatedSettingsView } from './WalletsDelegatedSettingsView';
 export { WaasBackupView } from './WaasBackupView';
 export { WaasBackupInfoView } from './WaasBackupView';

package/src/lib/views/SetupPasswordForWalletCreationView/SetupPasswordForWalletCreationView.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const SetupPasswordForWalletCreationView: FC;

package/src/lib/views/SetupPasswordForWalletCreationView/index.d.ts

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