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

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.cjs

@@ -93,7 +93,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 /** Saves the values updated by the user */
-const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) => _tslib.__awaiter(void 0, [_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1], void 0, function* ({ fields: newValues, updateUserResult: { isEmailVerificationRequired, isSmsVerificationRequired, }, }, setShowAuthFlow, setView, resolve, reject) {
+const saveUserValues = (_a, setShowAuthFlow_1, pushView_1, resolve_1, reject_1) => _tslib.__awaiter(void 0, [_a, setShowAuthFlow_1, pushView_1, resolve_1, reject_1], void 0, function* ({ fields: newValues, updateUserResult: { isEmailVerificationRequired, isSmsVerificationRequired, }, }, setShowAuthFlow, pushView, resolve, reject) {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired && !isSmsVerificationRequired) {
         resolve(newValues);
@@ -105,7 +105,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
         performMultiWalletChecks: false,
     });
     if (isEmailVerificationRequired) {
-        setView('verify-email');
+        pushView('verify-email');
         // Subscribe to email verification result
         dynamicEvents.dynamicEvents.once('emailVerificationResult', (wasSuccessful, newEmail) => {
             // Make sure we're using the correct, updated email. User might have changed it mid-OTP
@@ -116,7 +116,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
         });
         return;
     }
-    setView('verify-sms');
+    pushView('verify-sms');
     // Subscribe to sms verification result
     dynamicEvents.dynamicEvents.once('smsVerificationResult', (wasSuccessful, { phone: newPhone }) => {
         // Make sure we're using the correct, updated phone number. User might have changed it mid-OTP
@@ -132,7 +132,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
  */
 const useUpdateUserWithModal = (updateUser) => {
     const { user, projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const editorContext = React.useContext(UserFieldEditorContext.UserFieldEditorContext);
     if (!editorContext)
         throw new utils.DynamicError('useUserUpdateRequest can only be used inside the context of DynamicContextProvider');
@@ -151,7 +151,7 @@ const useUpdateUserWithModal = (updateUser) => {
             subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
             title: options === null || options === void 0 ? void 0 : options.title,
         }, updateUser)
-            .then((updateValues) => saveUserValues(updateValues, setShowAuthFlow, setView, resolve, reject))
+            .then((updateValues) => saveUserValues(updateValues, setShowAuthFlow, pushView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -163,7 +163,7 @@ const useUpdateUserWithModal = (updateUser) => {
         promptUserForValues,
         updateUser,
         setShowAuthFlow,
-        setView,
+        pushView,
     ]);
     return updateUserWithModal;
 };

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.js

@@ -89,7 +89,7 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 /** Saves the values updated by the user */
-const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) => __awaiter(void 0, [_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1], void 0, function* ({ fields: newValues, updateUserResult: { isEmailVerificationRequired, isSmsVerificationRequired, }, }, setShowAuthFlow, setView, resolve, reject) {
+const saveUserValues = (_a, setShowAuthFlow_1, pushView_1, resolve_1, reject_1) => __awaiter(void 0, [_a, setShowAuthFlow_1, pushView_1, resolve_1, reject_1], void 0, function* ({ fields: newValues, updateUserResult: { isEmailVerificationRequired, isSmsVerificationRequired, }, }, setShowAuthFlow, pushView, resolve, reject) {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired && !isSmsVerificationRequired) {
         resolve(newValues);
@@ -101,7 +101,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
         performMultiWalletChecks: false,
     });
     if (isEmailVerificationRequired) {
-        setView('verify-email');
+        pushView('verify-email');
         // Subscribe to email verification result
         dynamicEvents.once('emailVerificationResult', (wasSuccessful, newEmail) => {
             // Make sure we're using the correct, updated email. User might have changed it mid-OTP
@@ -112,7 +112,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
         });
         return;
     }
-    setView('verify-sms');
+    pushView('verify-sms');
     // Subscribe to sms verification result
     dynamicEvents.once('smsVerificationResult', (wasSuccessful, { phone: newPhone }) => {
         // Make sure we're using the correct, updated phone number. User might have changed it mid-OTP
@@ -128,7 +128,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
  */
 const useUpdateUserWithModal = (updateUser) => {
     const { user, projectSettings, setShowAuthFlow } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const editorContext = useContext(UserFieldEditorContext);
     if (!editorContext)
         throw new DynamicError('useUserUpdateRequest can only be used inside the context of DynamicContextProvider');
@@ -147,7 +147,7 @@ const useUpdateUserWithModal = (updateUser) => {
             subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
             title: options === null || options === void 0 ? void 0 : options.title,
         }, updateUser)
-            .then((updateValues) => saveUserValues(updateValues, setShowAuthFlow, setView, resolve, reject))
+            .then((updateValues) => saveUserValues(updateValues, setShowAuthFlow, pushView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -159,7 +159,7 @@ const useUpdateUserWithModal = (updateUser) => {
         promptUserForValues,
         updateUser,
         setShowAuthFlow,
-        setView,
+        pushView,
     ]);
     return updateUserWithModal;
 };

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

@@ -106,7 +106,7 @@ require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
-    const { setView, goToInitialView } = ViewContext.useViewContext();
+    const { pushView, clearStackAndPushInitialView } = ViewContext.useViewContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
     const { multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setShowAuthFlow, siweStatement, connectedWallets, authMode, user, setAuthMode, removeConnectedWalletsInfo, events, primaryWallet, enableConnectOnlyFallback, selectedWalletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     const { addedWalletsIds } = UserWalletsContext.useInternalUserWallets();
@@ -169,11 +169,11 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
         // This is a special case where the user is trying to link a wallet
         // and the wallet is already linked and we don't want to kill the session.
         setShowAuthFlow(true);
-        setView('wallet-used');
+        pushView('wallet-used');
         setIsSingleWalletAccount(false);
         if (e.code === 'reassign_wallet_error') {
             if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.preventOrphanedAccounts) {
-                setView('wallet-cannot-be-transferred');
+                pushView('wallet-cannot-be-transferred');
             }
             setIsSingleWalletAccount(true);
         }
@@ -199,7 +199,7 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
                 type: 'wallet',
             }, { error: e });
         if (e instanceof utils.EmbeddedWalletExistsError) {
-            setView('embedded-wallet-exists');
+            pushView('embedded-wallet-exists');
             setShowAuthFlow(true);
             return;
         }
@@ -208,24 +208,24 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             return handleWalletUsedError(e);
         }
         if (e instanceof utils.MergeAccountsConfirmationError) {
-            setView('merge-user-accounts', Object.assign({}, e));
+            pushView('merge-user-accounts', Object.assign({}, e));
             setShowAuthFlow(true);
             return;
         }
         if (e instanceof utils.ChainalysisError) {
             handleDisconnectWallet({ walletConnector });
             setDeniedAddress(address);
-            setView('chainalysis-blocked-wallet');
+            pushView('chainalysis-blocked-wallet');
             return;
         }
         if (e instanceof utils.GateBlockedError) {
             handleDisconnectWallet({ walletConnector });
             setDeniedAddress(address);
-            setView('gate-blocked-wallet');
+            pushView('gate-blocked-wallet');
             return;
         }
         if (e instanceof utils.SandboxMaximumThresholdReachedError) {
-            setView('sandbox-maximum-threshold-reached');
+            pushView('sandbox-maximum-threshold-reached');
             return;
         }
         if (e instanceof utils.NoAccessError) {
@@ -235,13 +235,13 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             if (walletConnectorCore.isSocialWalletConnector(walletConnector)) {
                 setDeniedOauthProvider(oauth === null || oauth === void 0 ? void 0 : oauth.provider);
             }
-            setView('no-access');
+            pushView('no-access');
             return;
         }
         if (e instanceof utils.AccountExistsError) {
             handleDisconnectWallet({ walletConnector });
             setExistentAccountData(e.errorPayload);
-            setView('account-exists');
+            pushView('account-exists');
             return;
         }
         if (connectedWallets.length && authMode === 'connect-only') {
@@ -253,12 +253,12 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             logger.logger.warn('Verification failed, changing to connect-only');
             // verification failed for unknown reason, set authmode to connect-only and show wallet list
             setAuthMode('connect-only');
-            setView('wallet-list');
+            pushView('wallet-list');
             return;
         }
         else {
             handleDisconnectWallet({ walletConnector });
-            goToInitialView();
+            clearStackAndPushInitialView();
         }
         logger.logger.error(e);
         if (debugError) {

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

@@ -102,7 +102,7 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
     const { setExistentAccountData } = useAccountExistsContext();
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
-    const { setView, goToInitialView } = useViewContext();
+    const { pushView, clearStackAndPushInitialView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
     const { multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setShowAuthFlow, siweStatement, connectedWallets, authMode, user, setAuthMode, removeConnectedWalletsInfo, events, primaryWallet, enableConnectOnlyFallback, selectedWalletConnector, } = useInternalDynamicContext();
     const { addedWalletsIds } = useInternalUserWallets();
@@ -165,11 +165,11 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
         // This is a special case where the user is trying to link a wallet
         // and the wallet is already linked and we don't want to kill the session.
         setShowAuthFlow(true);
-        setView('wallet-used');
+        pushView('wallet-used');
         setIsSingleWalletAccount(false);
         if (e.code === 'reassign_wallet_error') {
             if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.preventOrphanedAccounts) {
-                setView('wallet-cannot-be-transferred');
+                pushView('wallet-cannot-be-transferred');
             }
             setIsSingleWalletAccount(true);
         }
@@ -195,7 +195,7 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
                 type: 'wallet',
             }, { error: e });
         if (e instanceof EmbeddedWalletExistsError) {
-            setView('embedded-wallet-exists');
+            pushView('embedded-wallet-exists');
             setShowAuthFlow(true);
             return;
         }
@@ -204,24 +204,24 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             return handleWalletUsedError(e);
         }
         if (e instanceof MergeAccountsConfirmationError) {
-            setView('merge-user-accounts', Object.assign({}, e));
+            pushView('merge-user-accounts', Object.assign({}, e));
             setShowAuthFlow(true);
             return;
         }
         if (e instanceof ChainalysisError) {
             handleDisconnectWallet({ walletConnector });
             setDeniedAddress(address);
-            setView('chainalysis-blocked-wallet');
+            pushView('chainalysis-blocked-wallet');
             return;
         }
         if (e instanceof GateBlockedError) {
             handleDisconnectWallet({ walletConnector });
             setDeniedAddress(address);
-            setView('gate-blocked-wallet');
+            pushView('gate-blocked-wallet');
             return;
         }
         if (e instanceof SandboxMaximumThresholdReachedError) {
-            setView('sandbox-maximum-threshold-reached');
+            pushView('sandbox-maximum-threshold-reached');
             return;
         }
         if (e instanceof NoAccessError) {
@@ -231,13 +231,13 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             if (isSocialWalletConnector(walletConnector)) {
                 setDeniedOauthProvider(oauth === null || oauth === void 0 ? void 0 : oauth.provider);
             }
-            setView('no-access');
+            pushView('no-access');
             return;
         }
         if (e instanceof AccountExistsError) {
             handleDisconnectWallet({ walletConnector });
             setExistentAccountData(e.errorPayload);
-            setView('account-exists');
+            pushView('account-exists');
             return;
         }
         if (connectedWallets.length && authMode === 'connect-only') {
@@ -249,12 +249,12 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             logger.warn('Verification failed, changing to connect-only');
             // verification failed for unknown reason, set authmode to connect-only and show wallet list
             setAuthMode('connect-only');
-            setView('wallet-list');
+            pushView('wallet-list');
             return;
         }
         else {
             handleDisconnectWallet({ walletConnector });
-            goToInitialView();
+            clearStackAndPushInitialView();
         }
         logger.error(e);
         if (debugError) {

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs

@@ -98,7 +98,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
     const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnectorKey, walletConnectorOptions, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
     const { mockedSDK } = MockContext.useMockContext();
     const { setError, setErrorMessage } = ErrorContext.useErrorContext();
-    const { setView, goToInitialView } = ViewContext.useViewContext();
+    const { pushView, clearStackAndPushInitialView } = ViewContext.useViewContext();
     const handleCustodialWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.debug('handleCustodialWalletClick', walletConnector);
         const twoStepAuthentication = requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector);
@@ -133,7 +133,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         const attemptConnection = () => {
             onConnectOnly({ shouldShowPendingConnectView: false, walletConnector });
         };
-        setView('mobile-wallet-redirect-view', { onRetry: attemptConnection });
+        pushView('mobile-wallet-redirect-view', { onRetry: attemptConnection });
         attemptConnection();
     });
     const handleInstalledExtensionClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -145,7 +145,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         logger.logger.debug('handleUninstalledClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         if (!walletConnector.canConnectViaQrCode) {
-            setView('no-qr-not-installed');
+            pushView('no-qr-not-installed');
         }
         else {
             onQrCodeConnect({
@@ -159,7 +159,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
                 },
                 walletConnector,
             });
-            setView('qr-code');
+            pushView('qr-code');
         }
         setError(undefined);
     });
@@ -224,13 +224,13 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         if (authMode !== 'connect-only' && isMetamask) {
             try {
                 setSelectedWalletConnectorKey(walletConnector.key);
-                setView('pending-connect');
+                pushView('pending-connect');
                 yield walletConnector.chooseAccountsToConnect();
             }
             catch (error) {
                 if (error instanceof utils.UserRejectedRequestError) {
                     setErrorMessage('connection_rejected');
-                    goToInitialView();
+                    clearStackAndPushInitialView();
                     return;
                 }
             }
@@ -248,7 +248,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         else if (utils.isMobile()) {
             // mobile wallets
             if (walletConnector.key === 'walletconnect') {
-                setView('wallet-connect-mobile-wallets-list');
+                pushView('wallet-connect-mobile-wallets-list');
             }
             else {
                 handleMobileWalletClick(walletConnector);

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js

@@ -94,7 +94,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
     const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnectorKey, walletConnectorOptions, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, authMode, } = useInternalDynamicContext();
     const { mockedSDK } = useMockContext();
     const { setError, setErrorMessage } = useErrorContext();
-    const { setView, goToInitialView } = useViewContext();
+    const { pushView, clearStackAndPushInitialView } = useViewContext();
     const handleCustodialWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         logger.debug('handleCustodialWalletClick', walletConnector);
         const twoStepAuthentication = requiresTwoStepAuthentication(walletConnector);
@@ -129,7 +129,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         const attemptConnection = () => {
             onConnectOnly({ shouldShowPendingConnectView: false, walletConnector });
         };
-        setView('mobile-wallet-redirect-view', { onRetry: attemptConnection });
+        pushView('mobile-wallet-redirect-view', { onRetry: attemptConnection });
         attemptConnection();
     });
     const handleInstalledExtensionClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
@@ -141,7 +141,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         logger.debug('handleUninstalledClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         if (!walletConnector.canConnectViaQrCode) {
-            setView('no-qr-not-installed');
+            pushView('no-qr-not-installed');
         }
         else {
             onQrCodeConnect({
@@ -155,7 +155,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
                 },
                 walletConnector,
             });
-            setView('qr-code');
+            pushView('qr-code');
         }
         setError(undefined);
     });
@@ -220,13 +220,13 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         if (authMode !== 'connect-only' && isMetamask) {
             try {
                 setSelectedWalletConnectorKey(walletConnector.key);
-                setView('pending-connect');
+                pushView('pending-connect');
                 yield walletConnector.chooseAccountsToConnect();
             }
             catch (error) {
                 if (error instanceof UserRejectedRequestError) {
                     setErrorMessage('connection_rejected');
-                    goToInitialView();
+                    clearStackAndPushInitialView();
                     return;
                 }
             }
@@ -244,7 +244,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         else if (isMobile()) {
             // mobile wallets
             if (walletConnector.key === 'walletconnect') {
-                setView('wallet-connect-mobile-wallets-list');
+                pushView('wallet-connect-mobile-wallets-list');
             }
             else {
                 handleMobileWalletClick(walletConnector);

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

@@ -95,10 +95,10 @@ require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useWalletItemActions = () => {
+    const { setMultiWalletWidgetState, authMode } = useInternalDynamicContext.useInternalDynamicContext();
     const { onlyConnectUser } = useConnectAndSignSplitSteps.useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign.useConnectAndSign();
-    const { setMultiWalletWidgetState, authMode } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     return useHandleWalletItem.useHandleWalletItem({
         allowAlreadyConnectedWallet: false,
         onConnectOnly: onlyConnectUser,
@@ -111,11 +111,11 @@ const useWalletItemActions = () => {
             else {
                 setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             }
-            setView('pending-signature');
+            pushView('pending-signature');
         }),
         onInstalledExtension: (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ walletConnector }) {
             if (authMode === 'connect-only') {
-                setView('pending-connect');
+                pushView('pending-connect');
                 onlyConnectUser({ walletConnector });
             }
             else {

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

@@ -91,10 +91,10 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useWalletItemActions = () => {
+    const { setMultiWalletWidgetState, authMode } = useInternalDynamicContext();
     const { onlyConnectUser } = useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign();
-    const { setMultiWalletWidgetState, authMode } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     return useHandleWalletItem({
         allowAlreadyConnectedWallet: false,
         onConnectOnly: onlyConnectUser,
@@ -107,11 +107,11 @@ const useWalletItemActions = () => {
             else {
                 setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             }
-            setView('pending-signature');
+            pushView('pending-signature');
         }),
         onInstalledExtension: (_b) => __awaiter(void 0, [_b], void 0, function* ({ walletConnector }) {
             if (authMode === 'connect-only') {
-                setView('pending-connect');
+                pushView('pending-connect');
                 onlyConnectUser({ walletConnector });
             }
             else {

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

@@ -106,7 +106,7 @@ const embeddedWalletsKeys = [
 const useWalletOptions = () => {
     const { walletConnectorOptions, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const walletGroups = walletOptions.useWalletGroups();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { navigateToWalletGroup } = WalletGroupContext.useWalletGroupContext();
     const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
     const getFilteredWalletOptions = React.useCallback((filter) => {
@@ -143,7 +143,7 @@ const useWalletOptions = () => {
         }
         else if (walletConnectorCore.isHardwareWalletConnector(walletOption.walletConnector) &&
             walletOption.walletConnector.canConnectWithHardwareWallet()) {
-            setView('select-hardware-wallet', {
+            pushView('select-hardware-wallet', {
                 onSelectWallet: handleWalletItemClick,
                 wallet: walletOption,
             });
@@ -156,7 +156,7 @@ const useWalletOptions = () => {
         handleWalletItemClick,
         navigateToWalletGroup,
         setShowAuthFlow,
-        setView,
+        pushView,
         walletConnectorOptions,
         walletGroups,
     ]);

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

@@ -102,7 +102,7 @@ const embeddedWalletsKeys = [
 const useWalletOptions = () => {
     const { walletConnectorOptions, setShowAuthFlow } = useInternalDynamicContext();
     const walletGroups = useWalletGroups();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { navigateToWalletGroup } = useWalletGroupContext();
     const { handleWalletItemClick } = useWalletItemActions();
     const getFilteredWalletOptions = useCallback((filter) => {
@@ -139,7 +139,7 @@ const useWalletOptions = () => {
         }
         else if (isHardwareWalletConnector(walletOption.walletConnector) &&
             walletOption.walletConnector.canConnectWithHardwareWallet()) {
-            setView('select-hardware-wallet', {
+            pushView('select-hardware-wallet', {
                 onSelectWallet: handleWalletItemClick,
                 wallet: walletOption,
             });
@@ -152,7 +152,7 @@ const useWalletOptions = () => {
         handleWalletItemClick,
         navigateToWalletGroup,
         setShowAuthFlow,
-        setView,
+        pushView,
         walletConnectorOptions,
         walletGroups,
     ]);

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs

@@ -95,7 +95,7 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 
 const BridgeNextWalletConnectionView = () => {
     const { setShowAuthFlow, bridgeChainsToConnect } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     if (!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length)) {
         throw new utils.DynamicError('No wallets to connect');
     }
@@ -106,7 +106,7 @@ const BridgeNextWalletConnectionView = () => {
     if (!chainInfo) {
         throw new utils.DynamicError('No chain info found for chain', chain);
     }
-    return (jsxRuntime.jsx(BridgeNextWalletToConnectLayout.BridgeNextWalletToConnectLayout, { chainName: chainInfo.blockchainName, chainIcon: jsxRuntime.jsx(ChainIcon, {}), onClickAction: () => setView('wallet-list'), onClickClose: () => setShowAuthFlow(false, { emitCancelAuth: true }) }));
+    return (jsxRuntime.jsx(BridgeNextWalletToConnectLayout.BridgeNextWalletToConnectLayout, { chainName: chainInfo.blockchainName, chainIcon: jsxRuntime.jsx(ChainIcon, {}), onClickAction: () => pushView('wallet-list'), onClickClose: () => setShowAuthFlow(false, { emitCancelAuth: true }) }));
 };
 
 exports.BridgeNextWalletConnectionView = BridgeNextWalletConnectionView;

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js

@@ -91,7 +91,7 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 
 const BridgeNextWalletConnectionView = () => {
     const { setShowAuthFlow, bridgeChainsToConnect } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     if (!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length)) {
         throw new DynamicError('No wallets to connect');
     }
@@ -102,7 +102,7 @@ const BridgeNextWalletConnectionView = () => {
     if (!chainInfo) {
         throw new DynamicError('No chain info found for chain', chain);
     }
-    return (jsx(BridgeNextWalletToConnectLayout, { chainName: chainInfo.blockchainName, chainIcon: jsx(ChainIcon, {}), onClickAction: () => setView('wallet-list'), onClickClose: () => setShowAuthFlow(false, { emitCancelAuth: true }) }));
+    return (jsx(BridgeNextWalletToConnectLayout, { chainName: chainInfo.blockchainName, chainIcon: jsx(ChainIcon, {}), onClickAction: () => pushView('wallet-list'), onClickClose: () => setShowAuthFlow(false, { emitCancelAuth: true }) }));
 };
 
 export { BridgeNextWalletConnectionView };

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.cjs

@@ -96,7 +96,7 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 const isChainInfoDefined = (chainInfo) => chainInfo !== undefined;
 const BridgeWelcomeView = () => {
     const { appName, bridgeChains = [], setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { t } = reactI18next.useTranslation();
     const body = React.useMemo(() => {
         const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
@@ -120,7 +120,7 @@ const BridgeWelcomeView = () => {
         return undefined;
     })
         .filter(isChainInfoDefined), [bridgeChains]);
-    return (jsxRuntime.jsx(BridgeWelcomeLayout.BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false, { emitCancelAuth: true }), title: t('dyn_bridge.welcome_view.title', { appName }), copykey: 'dyn_bridge.welcome_view.title', body: body, chains: chains, actionButtonText: t('dyn_bridge.welcome_view.button'), onClickAction: () => setView('wallet-list') }));
+    return (jsxRuntime.jsx(BridgeWelcomeLayout.BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false, { emitCancelAuth: true }), title: t('dyn_bridge.welcome_view.title', { appName }), copykey: 'dyn_bridge.welcome_view.title', body: body, chains: chains, actionButtonText: t('dyn_bridge.welcome_view.button'), onClickAction: () => pushView('wallet-list') }));
 };
 
 exports.BridgeWelcomeView = BridgeWelcomeView;

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.js

@@ -92,7 +92,7 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 const isChainInfoDefined = (chainInfo) => chainInfo !== undefined;
 const BridgeWelcomeView = () => {
     const { appName, bridgeChains = [], setShowAuthFlow, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { t } = useTranslation();
     const body = useMemo(() => {
         const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
@@ -116,7 +116,7 @@ const BridgeWelcomeView = () => {
         return undefined;
     })
         .filter(isChainInfoDefined), [bridgeChains]);
-    return (jsx(BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false, { emitCancelAuth: true }), title: t('dyn_bridge.welcome_view.title', { appName }), copykey: 'dyn_bridge.welcome_view.title', body: body, chains: chains, actionButtonText: t('dyn_bridge.welcome_view.button'), onClickAction: () => setView('wallet-list') }));
+    return (jsx(BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false, { emitCancelAuth: true }), title: t('dyn_bridge.welcome_view.title', { appName }), copykey: 'dyn_bridge.welcome_view.title', body: body, chains: chains, actionButtonText: t('dyn_bridge.welcome_view.button'), onClickAction: () => pushView('wallet-list') }));
 };
 
 export { BridgeWelcomeView };

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs

@@ -100,13 +100,13 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 
 const CoinbaseMPCClaimIntro = () => {
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { t } = reactI18next.useTranslation();
     const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => setShowAuthFlow(false), type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_create_password.intro.title', children: t('dyn_create_password.intro.title') }) }), jsxRuntime.jsx("div", { className: 'mpc-claim-intro', children: jsxRuntime.jsxs("div", { className: 'mpc-claim-intro__body', children: [jsxRuntime.jsx("div", { className: 'mpc-claim-intro__body__description', children: jsxRuntime.jsx(walletClaimHero.ReactComponent, {}) }), jsxRuntime.jsx("div", { className: 'confirm-password-description', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_create_password.intro.description', children: t('dyn_create_password.intro.description.title') }) }), jsxRuntime.jsxs("div", { className: 'mpc-claim-intro__body__card', children: [jsxRuntime.jsxs("div", { className: 'mpc-claim-intro__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'mpc-claim-intro__body__card__icon', children: jsxRuntime.jsx(lock.ReactComponent, {}) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_create_password.intro.description.additional_protection.title', children: t('dyn_create_password.intro.description.additional_protection.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_create_password.intro.description.additional_protection.description', children: t('dyn_create_password.intro.description.additional_protection.description') })] })] }), jsxRuntime.jsxs("div", { className: 'mpc-claim-intro__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'mpc-claim-intro__body__card__icon', children: jsxRuntime.jsx(altKey.ReactComponent, {}) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_create_password.intro.description.restore_access.title', children: t('dyn_create_password.intro.description.restore_access.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_create_password.intro.description.restore_access.description', children: t('dyn_create_password.intro.description.restore_access.description') })] })] })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'large', buttonVariant: 'brand-primary', typographyProps: {
                                 color: 'inherit',
                             }, onClick: () => {
-                                setView('create-password-view', {
+                                pushView('create-password-view', {
                                     notCalledFromWalletUtils: true,
                                 });
                             }, copykey: 'dyn_create_password.intro.continue', children: t('dyn_create_password.intro.continue') })] }) })] }));