@dynamic-labs/sdk-react-core 4.4.2 → 4.4.4

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.cjs

@@ -94,7 +94,7 @@ require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const MergeUserAccountsView = (props) => {
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { mergeUserAccounts } = useMergeUserAccounts.useMergeUserAccounts();
     const { t } = reactI18next.useTranslation();
     const [error, setError] = React.useState('');
@@ -102,9 +102,9 @@ const MergeUserAccountsView = (props) => {
     const goToConflictsResolutionView = () => {
         // back button on conflicts resolution view should go back to this view
         const onConflictsResolutionBackClick = () => {
-            setView('merge-user-accounts', props);
+            pushView('merge-user-accounts', props);
         };
-        setView('merge-user-accounts-conflicts', { mergeConflicts: (mergeConflicts === null || mergeConflicts === void 0 ? void 0 : mergeConflicts.conflicts) || [] }, {
+        pushView('merge-user-accounts-conflicts', { mergeConflicts: (mergeConflicts === null || mergeConflicts === void 0 ? void 0 : mergeConflicts.conflicts) || [] }, {
             onBackClick: onConflictsResolutionBackClick,
         });
     };

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.js

@@ -90,7 +90,7 @@ import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const MergeUserAccountsView = (props) => {
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { mergeUserAccounts } = useMergeUserAccounts();
     const { t } = useTranslation();
     const [error, setError] = useState('');
@@ -98,9 +98,9 @@ const MergeUserAccountsView = (props) => {
     const goToConflictsResolutionView = () => {
         // back button on conflicts resolution view should go back to this view
         const onConflictsResolutionBackClick = () => {
-            setView('merge-user-accounts', props);
+            pushView('merge-user-accounts', props);
         };
-        setView('merge-user-accounts-conflicts', { mergeConflicts: (mergeConflicts === null || mergeConflicts === void 0 ? void 0 : mergeConflicts.conflicts) || [] }, {
+        pushView('merge-user-accounts-conflicts', { mergeConflicts: (mergeConflicts === null || mergeConflicts === void 0 ? void 0 : mergeConflicts.conflicts) || [] }, {
             onBackClick: onConflictsResolutionBackClick,
         });
     };

package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.cjs

@@ -104,7 +104,7 @@ const MergeUserAccountsWithSameEmailView = ({ returnToView }) => {
     const handleAuthenticatedUser = useHandleAuthenticatedUser.useHandleAuthenticatedUser();
     const { t } = reactI18next.useTranslation();
     const { setError } = ErrorContext.useErrorContext();
-    const { setView, goToInitialView } = ViewContext.useViewContext();
+    const { pushView, clearStackAndPushInitialView } = ViewContext.useViewContext();
     const { displayedDestination: email } = VerificationContext.useVerification();
     const handleMergeUserAccounts = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
@@ -122,20 +122,20 @@ const MergeUserAccountsWithSameEmailView = ({ returnToView }) => {
                 setShowAuthFlow(false, { emitCancelAuth: true });
                 return;
             }
-            goToInitialView();
+            clearStackAndPushInitialView();
         }
     });
     const handleUseDifferentEmail = () => {
         setError(undefined);
         if (returnToView) {
-            setView(returnToView);
+            pushView(returnToView);
             return;
         }
         if (user$1) {
             setShowAuthFlow(false);
             return;
         }
-        setView('collect-user-data');
+        pushView('collect-user-data');
     };
     return (jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__container', children: [jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts', children: [jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsxRuntime.jsx(walletBook.WalletIcon, { icon: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.metadata.icon, walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenWalletAddress.shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, 3, 3) })] }), jsxRuntime.jsx("div", { className: 'merge-user-accounts-with-same-email__accounts__divider', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-secondary', size: 'small', children: jsxRuntime.jsx(doubleArrowRight.ReactComponent, {}) }) }), jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsxRuntime.jsx(iconic.UserProfileIcon, { className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenEmail.shortenEmail(email, {
                                     breakpoint: 4,

package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.js

@@ -100,7 +100,7 @@ const MergeUserAccountsWithSameEmailView = ({ returnToView }) => {
     const handleAuthenticatedUser = useHandleAuthenticatedUser();
     const { t } = useTranslation();
     const { setError } = useErrorContext();
-    const { setView, goToInitialView } = useViewContext();
+    const { pushView, clearStackAndPushInitialView } = useViewContext();
     const { displayedDestination: email } = useVerification();
     const handleMergeUserAccounts = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
@@ -118,20 +118,20 @@ const MergeUserAccountsWithSameEmailView = ({ returnToView }) => {
                 setShowAuthFlow(false, { emitCancelAuth: true });
                 return;
             }
-            goToInitialView();
+            clearStackAndPushInitialView();
         }
     });
     const handleUseDifferentEmail = () => {
         setError(undefined);
         if (returnToView) {
-            setView(returnToView);
+            pushView(returnToView);
             return;
         }
         if (user) {
             setShowAuthFlow(false);
             return;
         }
-        setView('collect-user-data');
+        pushView('collect-user-data');
     };
     return (jsxs("div", { className: 'merge-user-accounts-with-same-email__container', children: [jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts', children: [jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsx(WalletIcon, { icon: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.metadata.icon, walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, 3, 3) })] }), jsx("div", { className: 'merge-user-accounts-with-same-email__accounts__divider', children: jsx(Icon, { color: 'text-secondary', size: 'small', children: jsx(SvgDoubleArrowRight, {}) }) }), jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsx(UserProfileIcon, { className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenEmail(email, {
                                     breakpoint: 4,

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.cjs

@@ -101,23 +101,18 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
     const { handleLogOut } = useDynamicContext.useDynamicContext();
     const { t } = reactI18next.useTranslation();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const mfaOptions = getMfaOptions.getMfaOptions(isInitialSetup);
     const handleClick = (option) => {
         if (option.type === 'backupCode') {
-            setView('mfa-recovery', undefined, {
-                onBackClick: () => {
-                    setView('mfa-choose-device', { isInitialSetup: false });
-                    return 'override';
-                },
-            });
+            pushView('mfa-recovery');
             return;
         }
         if (isInitialSetup) {
-            setView('mfa-secure-device', { type: option.type });
+            pushView('mfa-secure-device', { type: option.type });
             return;
         }
-        setView('mfa-verification', {
+        pushView('mfa-verification', {
             isInitialSetup,
             showBackButton: true,
             type: option.type,

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.js

@@ -97,23 +97,18 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
     const { handleLogOut } = useDynamicContext();
     const { t } = useTranslation();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const mfaOptions = getMfaOptions(isInitialSetup);
     const handleClick = (option) => {
         if (option.type === 'backupCode') {
-            setView('mfa-recovery', undefined, {
-                onBackClick: () => {
-                    setView('mfa-choose-device', { isInitialSetup: false });
-                    return 'override';
-                },
-            });
+            pushView('mfa-recovery');
             return;
         }
         if (isInitialSetup) {
-            setView('mfa-secure-device', { type: option.type });
+            pushView('mfa-secure-device', { type: option.type });
             return;
         }
-        setView('mfa-verification', {
+        pushView('mfa-verification', {
             isInitialSetup,
             showBackButton: true,
             type: option.type,

package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.cjs

@@ -101,24 +101,22 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 const MfaSecureDeviceView = ({ type, isInitialSetup = false, }) => {
     const { t } = reactI18next.useTranslation();
     const { handleLogOut } = useDynamicContext.useDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { addDevice } = useMfa.useMfa();
     const { data, isLoading } = usePromise.usePromise(() => addDevice(type));
     const onContinue = () => {
-        // back button on mfa verification view should go back to this view
-        const onMfaVerificationBackClick = () => {
-            setView('mfa-secure-device', { type });
-            return 'override';
-        };
-        setView('mfa-verification', { deviceId: data === null || data === void 0 ? void 0 : data.id, isInitialSetup, showBackButton: true, type }, {
-            onBackClick: onMfaVerificationBackClick,
+        pushView('mfa-verification', {
+            deviceId: data === null || data === void 0 ? void 0 : data.id,
+            isInitialSetup,
+            showBackButton: true,
+            type,
         });
     };
     const onHelpClick = ({ secret, uri }) => {
         const onMfaSecureDeviceHelpBackClick = () => {
-            setView('mfa-secure-device', { isInitialSetup, type });
+            pushView('mfa-secure-device', { isInitialSetup, type });
         };
-        setView('mfa-secure-device-help', {
+        pushView('mfa-secure-device-help', {
             secret,
             uri,
         }, { onBackClick: onMfaSecureDeviceHelpBackClick });

package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.js

@@ -97,24 +97,22 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 const MfaSecureDeviceView = ({ type, isInitialSetup = false, }) => {
     const { t } = useTranslation();
     const { handleLogOut } = useDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { addDevice } = useMfa();
     const { data, isLoading } = usePromise(() => addDevice(type));
     const onContinue = () => {
-        // back button on mfa verification view should go back to this view
-        const onMfaVerificationBackClick = () => {
-            setView('mfa-secure-device', { type });
-            return 'override';
-        };
-        setView('mfa-verification', { deviceId: data === null || data === void 0 ? void 0 : data.id, isInitialSetup, showBackButton: true, type }, {
-            onBackClick: onMfaVerificationBackClick,
+        pushView('mfa-verification', {
+            deviceId: data === null || data === void 0 ? void 0 : data.id,
+            isInitialSetup,
+            showBackButton: true,
+            type,
         });
     };
     const onHelpClick = ({ secret, uri }) => {
         const onMfaSecureDeviceHelpBackClick = () => {
-            setView('mfa-secure-device', { isInitialSetup, type });
+            pushView('mfa-secure-device', { isInitialSetup, type });
         };
-        setView('mfa-secure-device-help', {
+        pushView('mfa-secure-device-help', {
             secret,
             uri,
         }, { onBackClick: onMfaSecureDeviceHelpBackClick });

package/src/lib/views/MfaVerificationView/MfaVerificationView.cjs

@@ -97,7 +97,7 @@ require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, deviceId, }) => {
     const { t } = reactI18next.useTranslation();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { authDevice } = useMfa.useMfa();
     const [code, setCode] = React.useState('');
     const [error, setError] = React.useState();
@@ -119,7 +119,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
             const user$1 = user.getUser();
             if ((user$1 === null || user$1 === void 0 ? void 0 : user$1.mfaBackupCodeAcknowledgement) !==
                 sdkApiCore.MfaBackupCodeAcknowledgement.Complete) {
-                setView('mfa-display-backup-codes');
+                pushView('mfa-display-backup-codes');
             }
         }),
     });
@@ -132,12 +132,12 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
     };
     const onClickBack = () => {
         if (!isInitialSetup) {
-            setView('mfa-choose-device', { isInitialSetup });
+            pushView('mfa-choose-device', { isInitialSetup });
             return;
         }
-        setView('mfa-secure-device', { isInitialSetup, type });
+        pushView('mfa-secure-device', { isInitialSetup, type });
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { MainIcon: passwordHero.ReactComponent, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(isValid), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: showBackButton ? onClickBack : undefined, disabled: isRateLimited }), !isInitialSetup && (jsxRuntime.jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => setView('mfa-choose-device', { isInitialSetup }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { MainIcon: passwordHero.ReactComponent, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(isValid), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: showBackButton ? onClickBack : undefined, disabled: isRateLimited }), !isInitialSetup && (jsxRuntime.jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', { isInitialSetup }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
 };
 
 exports.MfaVerificationView = MfaVerificationView;

package/src/lib/views/MfaVerificationView/MfaVerificationView.js

@@ -93,7 +93,7 @@ import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, deviceId, }) => {
     const { t } = useTranslation();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { authDevice } = useMfa();
     const [code, setCode] = useState('');
     const [error, setError] = useState();
@@ -115,7 +115,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
             const user = getUser();
             if ((user === null || user === void 0 ? void 0 : user.mfaBackupCodeAcknowledgement) !==
                 MfaBackupCodeAcknowledgement.Complete) {
-                setView('mfa-display-backup-codes');
+                pushView('mfa-display-backup-codes');
             }
         }),
     });
@@ -128,12 +128,12 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
     };
     const onClickBack = () => {
         if (!isInitialSetup) {
-            setView('mfa-choose-device', { isInitialSetup });
+            pushView('mfa-choose-device', { isInitialSetup });
             return;
         }
-        setView('mfa-secure-device', { isInitialSetup, type });
+        pushView('mfa-secure-device', { isInitialSetup, type });
     };
-    return (jsxs(Fragment, { children: [jsx(OTPVerificationView, { MainIcon: SvgPasswordHero, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(isValid), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: showBackButton ? onClickBack : undefined, disabled: isRateLimited }), !isInitialSetup && (jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsx(TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => setView('mfa-choose-device', { isInitialSetup }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
+    return (jsxs(Fragment, { children: [jsx(OTPVerificationView, { MainIcon: SvgPasswordHero, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(isValid), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: showBackButton ? onClickBack : undefined, disabled: isRateLimited }), !isInitialSetup && (jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsx(TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', { isInitialSetup }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
 };
 
 export { MfaVerificationView };

package/src/lib/views/NoAccess/NoAccess.cjs

@@ -110,10 +110,10 @@ const NoAccess = () => {
         : undefined;
     const { selectedWalletConnector: walletConnector, socialMediaIconUrl, notInTheListImageUrl, accessDeniedButton, } = useInternalDynamicContext.useInternalDynamicContext();
     const { displayedDestination: email } = VerificationContext.useVerification();
-    const { goToInitialView } = ViewContext.useViewContext();
+    const { clearStackAndPushInitialView } = ViewContext.useViewContext();
     const { _socialMediaLinkText, _socialMediaUrl, isAccessListView, isGateBlockedView, subtitle, title, buttonTitle: _buttonTitle, } = useNoAccessText.useNoAccessText();
     const handleChangeWallet = () => {
-        goToInitialView();
+        clearStackAndPushInitialView();
         setDeniedAddress('');
         setDeniedOauthProvider(undefined);
         walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession();

package/src/lib/views/NoAccess/NoAccess.js

@@ -106,10 +106,10 @@ const NoAccess = () => {
         : undefined;
     const { selectedWalletConnector: walletConnector, socialMediaIconUrl, notInTheListImageUrl, accessDeniedButton, } = useInternalDynamicContext();
     const { displayedDestination: email } = useVerification();
-    const { goToInitialView } = useViewContext();
+    const { clearStackAndPushInitialView } = useViewContext();
     const { _socialMediaLinkText, _socialMediaUrl, isAccessListView, isGateBlockedView, subtitle, title, buttonTitle: _buttonTitle, } = useNoAccessText();
     const handleChangeWallet = () => {
-        goToInitialView();
+        clearStackAndPushInitialView();
         setDeniedAddress('');
         setDeniedOauthProvider(undefined);
         walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession();

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs

@@ -115,7 +115,7 @@ const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
     const [resendingCode, setResendingCode] = React.useState(false);
     const [isValid, setIsValid] = React.useState(false);
     const { t } = reactI18next.useTranslation();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { mutate, isLoading, error: error$1 } = useMutation.useMutation((bundleInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
@@ -136,9 +136,7 @@ const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
                     : setShowAuthFlow(false);
             };
             if (authenticatorType === 'passkey') {
-                return setView('passkey-recovery-complete', {
-                    goBack: () => goBack(),
-                });
+                return pushView('passkey-recovery-complete', { goBack });
             }
             if ((currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) === 'reveal') {
                 return;

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js

@@ -111,7 +111,7 @@ const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
     const [resendingCode, setResendingCode] = useState(false);
     const [isValid, setIsValid] = useState(false);
     const { t } = useTranslation();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { mutate, isLoading, error } = useMutation((bundleInput) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
@@ -132,9 +132,7 @@ const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
                     : setShowAuthFlow(false);
             };
             if (authenticatorType === 'passkey') {
-                return setView('passkey-recovery-complete', {
-                    goBack: () => goBack(),
-                });
+                return pushView('passkey-recovery-complete', { goBack });
             }
             if ((currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) === 'reveal') {
                 return;

package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs

@@ -94,9 +94,9 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 
 const SandboxMaximumThresholdReached = () => {
     const { t } = reactI18next.useTranslation();
-    const { goToInitialView } = ViewContext.useViewContext();
+    const { clearStackAndPushInitialView } = ViewContext.useViewContext();
     const handleGoBack = () => {
-        goToInitialView();
+        clearStackAndPushInitialView();
     };
     return (jsxRuntime.jsxs("div", { className: 'sandbox-threshold__main', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sandbox-threshold__title', children: t('dyn_sandbox_maximum_threshold.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'sandbox-threshold__description', children: t('dyn_sandbox_maximum_threshold.description') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: handleGoBack, className: 'sandbox-threshold__button', expanded: true, buttonPadding: 'large', children: t('dyn_sandbox_maximum_threshold.button') })] }));
 };

package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js

@@ -90,9 +90,9 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 
 const SandboxMaximumThresholdReached = () => {
     const { t } = useTranslation();
-    const { goToInitialView } = useViewContext();
+    const { clearStackAndPushInitialView } = useViewContext();
     const handleGoBack = () => {
-        goToInitialView();
+        clearStackAndPushInitialView();
     };
     return (jsxs("div", { className: 'sandbox-threshold__main', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sandbox-threshold__title', children: t('dyn_sandbox_maximum_threshold.title') }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'sandbox-threshold__description', children: t('dyn_sandbox_maximum_threshold.description') }), jsx(TypographyButton, { onClick: handleGoBack, className: 'sandbox-threshold__button', expanded: true, buttonPadding: 'large', children: t('dyn_sandbox_maximum_threshold.button') })] }));
 };

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs

@@ -96,7 +96,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 
 const WalletCannotBeTransferredView = () => {
-    const { goToInitialView } = ViewContext.useViewContext();
+    const { clearStackAndPushInitialView } = ViewContext.useViewContext();
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
     const { data: walletAddress } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -105,7 +105,7 @@ const WalletCannotBeTransferredView = () => {
     }), {
         deps: [walletConnector],
     });
-    return (jsxRuntime.jsxs("div", { className: 'wallet-cannot-be-transferred-view__container', children: [jsxRuntime.jsx(Typography.Typography, { className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium', copykey: 'dyn_wallet_link.cannot_link.title', children: t('dyn_wallet_link.cannot_link.title') }), jsxRuntime.jsx("div", { className: 'wallet-cannot-be-transferred-view__icon', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsxRuntime.jsx(Typography.Typography, { className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary', children: walletAddress }), jsxRuntime.jsx(Typography.Typography, { className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_wallet_link.cannot_link.description', children: t('dyn_wallet_link.cannot_link.description') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', expanded: true, buttonPadding: 'large', onClick: goToInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet', copykey: 'dyn_wallet_link.cannot_link.link_other_button', children: t('dyn_wallet_link.cannot_link.link_other_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', onClick: goToInitialView, copykey: 'dyn_wallet_link.cannot_link.cancel_button', children: t('dyn_wallet_link.cannot_link.cancel_button') })] }));
+    return (jsxRuntime.jsxs("div", { className: 'wallet-cannot-be-transferred-view__container', children: [jsxRuntime.jsx(Typography.Typography, { className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium', copykey: 'dyn_wallet_link.cannot_link.title', children: t('dyn_wallet_link.cannot_link.title') }), jsxRuntime.jsx("div", { className: 'wallet-cannot-be-transferred-view__icon', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsxRuntime.jsx(Typography.Typography, { className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary', children: walletAddress }), jsxRuntime.jsx(Typography.Typography, { className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_wallet_link.cannot_link.description', children: t('dyn_wallet_link.cannot_link.description') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', expanded: true, buttonPadding: 'large', onClick: clearStackAndPushInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet', copykey: 'dyn_wallet_link.cannot_link.link_other_button', children: t('dyn_wallet_link.cannot_link.link_other_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', onClick: clearStackAndPushInitialView, copykey: 'dyn_wallet_link.cannot_link.cancel_button', children: t('dyn_wallet_link.cannot_link.cancel_button') })] }));
 };
 
 exports.WalletCannotBeTransferredView = WalletCannotBeTransferredView;

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.js

@@ -92,7 +92,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 
 const WalletCannotBeTransferredView = () => {
-    const { goToInitialView } = useViewContext();
+    const { clearStackAndPushInitialView } = useViewContext();
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext();
     const { t } = useTranslation();
     const { data: walletAddress } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
@@ -101,7 +101,7 @@ const WalletCannotBeTransferredView = () => {
     }), {
         deps: [walletConnector],
     });
-    return (jsxs("div", { className: 'wallet-cannot-be-transferred-view__container', children: [jsx(Typography, { className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium', copykey: 'dyn_wallet_link.cannot_link.title', children: t('dyn_wallet_link.cannot_link.title') }), jsx("div", { className: 'wallet-cannot-be-transferred-view__icon', children: jsx(WalletIcon, { icon: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsx(Typography, { className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary', children: walletAddress }), jsx(Typography, { className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_wallet_link.cannot_link.description', children: t('dyn_wallet_link.cannot_link.description') }), jsx(TypographyButton, { buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', expanded: true, buttonPadding: 'large', onClick: goToInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet', copykey: 'dyn_wallet_link.cannot_link.link_other_button', children: t('dyn_wallet_link.cannot_link.link_other_button') }), jsx(TypographyButton, { dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', onClick: goToInitialView, copykey: 'dyn_wallet_link.cannot_link.cancel_button', children: t('dyn_wallet_link.cannot_link.cancel_button') })] }));
+    return (jsxs("div", { className: 'wallet-cannot-be-transferred-view__container', children: [jsx(Typography, { className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium', copykey: 'dyn_wallet_link.cannot_link.title', children: t('dyn_wallet_link.cannot_link.title') }), jsx("div", { className: 'wallet-cannot-be-transferred-view__icon', children: jsx(WalletIcon, { icon: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsx(Typography, { className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary', children: walletAddress }), jsx(Typography, { className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_wallet_link.cannot_link.description', children: t('dyn_wallet_link.cannot_link.description') }), jsx(TypographyButton, { buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', expanded: true, buttonPadding: 'large', onClick: clearStackAndPushInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet', copykey: 'dyn_wallet_link.cannot_link.link_other_button', children: t('dyn_wallet_link.cannot_link.link_other_button') }), jsx(TypographyButton, { dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', onClick: clearStackAndPushInitialView, copykey: 'dyn_wallet_link.cannot_link.cancel_button', children: t('dyn_wallet_link.cannot_link.cancel_button') })] }));
 };
 
 export { WalletCannotBeTransferredView };

package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs

@@ -103,7 +103,7 @@ const DefaultTile = ({ leading, name, onClick, trailing, }) => (jsxRuntime.jsx(L
 const WalletListItem = ({ disabled = false, wallet, onResetSearchValue, recommendedWallets, tile = DefaultTile, onSelectWallet, }) => {
     var _a, _b, _c, _d, _e;
     const { navigateToWalletGroup } = WalletGroupContext.useWalletGroupContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const _isWalletGroup = isWalletGroup.isWalletGroup(wallet);
     const walletGroups = walletOptions.useWalletGroups();
     const labelSettings = getWalletListItemLabel.getWalletListItemLabel({
@@ -121,7 +121,7 @@ const WalletListItem = ({ disabled = false, wallet, onResetSearchValue, recommen
         }
         if (walletConnectorCore.isHardwareWalletConnector(wallet.walletConnector) &&
             wallet.walletConnector.canConnectWithHardwareWallet()) {
-            setView('select-hardware-wallet', { onSelectWallet, wallet });
+            pushView('select-hardware-wallet', { onSelectWallet, wallet });
             return;
         }
         onSelectWallet(wallet);

package/src/lib/views/WalletList/WalletListItem/WalletListItem.js

@@ -99,7 +99,7 @@ const DefaultTile = ({ leading, name, onClick, trailing, }) => (jsx(ListTile, {
 const WalletListItem = ({ disabled = false, wallet, onResetSearchValue, recommendedWallets, tile = DefaultTile, onSelectWallet, }) => {
     var _a, _b, _c, _d, _e;
     const { navigateToWalletGroup } = useWalletGroupContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const _isWalletGroup = isWalletGroup(wallet);
     const walletGroups = useWalletGroups();
     const labelSettings = getWalletListItemLabel({
@@ -117,7 +117,7 @@ const WalletListItem = ({ disabled = false, wallet, onResetSearchValue, recommen
         }
         if (isHardwareWalletConnector(wallet.walletConnector) &&
             wallet.walletConnector.canConnectWithHardwareWallet()) {
-            setView('select-hardware-wallet', { onSelectWallet, wallet });
+            pushView('select-hardware-wallet', { onSelectWallet, wallet });
             return;
         }
         onSelectWallet(wallet);

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs

@@ -97,7 +97,7 @@ require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const WalletSignSpinnerView = () => {
-    const { goToInitialView } = ViewContext.useViewContext();
+    const { clearStackAndPushInitialView } = ViewContext.useViewContext();
     const { t } = reactI18next.useTranslation();
     const { setMultiWalletWidgetState, setSelectedWalletConnectorKey, selectedWalletConnector: walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     if (!walletConnector) {
@@ -106,7 +106,7 @@ const WalletSignSpinnerView = () => {
     const { key, metadata } = walletConnector;
     const iconSize = 96;
     const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        goToInitialView();
+        clearStackAndPushInitialView();
         setMultiWalletWidgetState('idle');
         setSelectedWalletConnectorKey(null);
         yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js

@@ -93,7 +93,7 @@ import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const WalletSignSpinnerView = () => {
-    const { goToInitialView } = useViewContext();
+    const { clearStackAndPushInitialView } = useViewContext();
     const { t } = useTranslation();
     const { setMultiWalletWidgetState, setSelectedWalletConnectorKey, selectedWalletConnector: walletConnector, } = useInternalDynamicContext();
     if (!walletConnector) {
@@ -102,7 +102,7 @@ const WalletSignSpinnerView = () => {
     const { key, metadata } = walletConnector;
     const iconSize = 96;
     const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
-        goToInitialView();
+        clearStackAndPushInitialView();
         setMultiWalletWidgetState('idle');
         setSelectedWalletConnectorKey(null);
         yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -103,7 +103,7 @@ const WalletUsedView = () => {
     const [isChecked, setIsChecked] = React.useState(false);
     const { t } = reactI18next.useTranslation();
     const { loading, setLoading } = LoadingContext.useLoadingContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { setShowAuthFlow, appName, siweStatement, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, handleLogOut, } = useInternalDynamicContext.useInternalDynamicContext();
     const { data: walletAddress } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const accounts = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getConnectedAccounts());
@@ -118,7 +118,7 @@ const WalletUsedView = () => {
             return;
         setMultiWalletWidgetState('awaiting_signature', undefined, 'transferring_wallet');
         setLoading(true);
-        setView('wallet-sign');
+        pushView('wallet-sign');
         const siweStatementToUse = getSiweStatement.getSiweStatement({ appName, siweStatement });
         // TODO refactor this block
         try {

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -99,7 +99,7 @@ const WalletUsedView = () => {
     const [isChecked, setIsChecked] = useState(false);
     const { t } = useTranslation();
     const { loading, setLoading } = useLoadingContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { setShowAuthFlow, appName, siweStatement, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, handleLogOut, } = useInternalDynamicContext();
     const { data: walletAddress } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         const accounts = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getConnectedAccounts());
@@ -114,7 +114,7 @@ const WalletUsedView = () => {
             return;
         setMultiWalletWidgetState('awaiting_signature', undefined, 'transferring_wallet');
         setLoading(true);
-        setView('wallet-sign');
+        pushView('wallet-sign');
         const siweStatementToUse = getSiweStatement({ appName, siweStatement });
         // TODO refactor this block
         try {

package/src/lib/widgets/DynamicBridgeWidget/views/EditProfileView/EditProfileView.cjs

@@ -95,7 +95,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const EditProfileView = () => {
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { goToProfileView } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
@@ -109,9 +109,9 @@ const EditProfileView = () => {
                 ignoreIfIsEmbeddedWidget: false,
                 performMultiWalletChecks: false,
             });
-            setView(isEmailVerificationRequired ? 'verify-email' : 'verify-sms');
+            pushView(isEmailVerificationRequired ? 'verify-email' : 'verify-sms');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, setShowAuthFlow, pushView, updateUser]);
     return (jsxRuntime.jsx(UserProfileForm.UserProfileForm, { onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView }));
 };