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

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

@@ -97,23 +97,23 @@ 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, {
+            pushView('mfa-recovery', undefined, {
                 onBackClick: () => {
-                    setView('mfa-choose-device', { isInitialSetup: false });
+                    pushView('mfa-choose-device', { isInitialSetup: false });
                     return 'override';
                 },
             });
             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,24 @@ 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 });
+            pushView('mfa-secure-device', { type });
             return 'override';
         };
-        setView('mfa-verification', { deviceId: data === null || data === void 0 ? void 0 : data.id, isInitialSetup, showBackButton: true, type }, {
+        pushView('mfa-verification', { deviceId: data === null || data === void 0 ? void 0 : data.id, isInitialSetup, showBackButton: true, type }, {
             onBackClick: onMfaVerificationBackClick,
         });
     };
     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,24 @@ 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 });
+            pushView('mfa-secure-device', { type });
             return 'override';
         };
-        setView('mfa-verification', { deviceId: data === null || data === void 0 ? void 0 : data.id, isInitialSetup, showBackButton: true, type }, {
+        pushView('mfa-verification', { deviceId: data === null || data === void 0 ? void 0 : data.id, isInitialSetup, showBackButton: true, type }, {
             onBackClick: onMfaVerificationBackClick,
         });
     };
     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 }));
 };
 

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

@@ -91,7 +91,7 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const EditProfileView = () => {
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { goToProfileView } = useDynamicBridgeWidgetContext();
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { updateUser } = useUserUpdateRequestInternal({
@@ -105,9 +105,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 (jsx(UserProfileForm, { onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView }));
 };
 

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.cjs

@@ -9,17 +9,14 @@ var Icon = require('../../../../components/Icon/Icon.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 var Dropdown = require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var DotsMenuDropdown = require('../DotsMenuDropdown/DotsMenuDropdown.cjs');
-var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
 var threeDots = require('../../../../shared/assets/three-dots.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 
 const DotsMenu = ({ options, buttonClassName, buttonClassNameWithOpenMenu, direction = 'right', iconOverride, }) => {
     const dotsMenuRef = React.useRef(null);
-    const popperContentRef = React.useRef(null);
     const [showMenu, setShowMenu] = React.useState(false);
-    index.useOnClickOutside(popperContentRef, () => setShowMenu(false));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconButton.IconButton, { ref: dotsMenuRef, onClick: () => setShowMenu(true), "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName, children: iconOverride ? (iconOverride) : (jsxRuntime.jsx(Icon.Icon, { children: jsxRuntime.jsx(threeDots.ReactComponent, {}) })) }), jsxRuntime.jsx(Dropdown.Dropdown, { isOpen: showMenu, onClickOutside: () => setShowMenu(false), onScroll: () => setShowMenu(false), anchorRef: dotsMenuRef, ref: popperContentRef, anchorOrigin: direction === 'right' ? 'bottom-left' : 'top-right', transformOrigin: direction === 'right' ? 'top-left' : 'bottom-right', children: jsxRuntime.jsx(DotsMenuDropdown.DotsMenuDropdown, { options: options, setShowMenu: setShowMenu }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconButton.IconButton, { ref: dotsMenuRef, onClick: () => setShowMenu(true), "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName, children: iconOverride ? (iconOverride) : (jsxRuntime.jsx(Icon.Icon, { children: jsxRuntime.jsx(threeDots.ReactComponent, {}) })) }), jsxRuntime.jsx(Dropdown.Dropdown, { isOpen: showMenu, onClickOutside: () => setShowMenu(false), onScroll: () => setShowMenu(false), anchorRef: dotsMenuRef, anchorOrigin: direction === 'right' ? 'bottom-left' : 'top-right', transformOrigin: direction === 'right' ? 'top-left' : 'bottom-right', children: jsxRuntime.jsx(DotsMenuDropdown.DotsMenuDropdown, { options: options, setShowMenu: setShowMenu }) })] }));
 };
 
 exports.DotsMenu = DotsMenu;

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.js

@@ -5,17 +5,14 @@ import { Icon } from '../../../../components/Icon/Icon.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import { Dropdown } from '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { DotsMenuDropdown } from '../DotsMenuDropdown/DotsMenuDropdown.js';
-import { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
 import { ReactComponent as SvgThreeDots } from '../../../../shared/assets/three-dots.js';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 
 const DotsMenu = ({ options, buttonClassName, buttonClassNameWithOpenMenu, direction = 'right', iconOverride, }) => {
     const dotsMenuRef = useRef(null);
-    const popperContentRef = useRef(null);
     const [showMenu, setShowMenu] = useState(false);
-    useOnClickOutside(popperContentRef, () => setShowMenu(false));
-    return (jsxs(Fragment, { children: [jsx(IconButton, { ref: dotsMenuRef, onClick: () => setShowMenu(true), "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName, children: iconOverride ? (iconOverride) : (jsx(Icon, { children: jsx(SvgThreeDots, {}) })) }), jsx(Dropdown, { isOpen: showMenu, onClickOutside: () => setShowMenu(false), onScroll: () => setShowMenu(false), anchorRef: dotsMenuRef, ref: popperContentRef, anchorOrigin: direction === 'right' ? 'bottom-left' : 'top-right', transformOrigin: direction === 'right' ? 'top-left' : 'bottom-right', children: jsx(DotsMenuDropdown, { options: options, setShowMenu: setShowMenu }) })] }));
+    return (jsxs(Fragment, { children: [jsx(IconButton, { ref: dotsMenuRef, onClick: () => setShowMenu(true), "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName, children: iconOverride ? (iconOverride) : (jsx(Icon, { children: jsx(SvgThreeDots, {}) })) }), jsx(Dropdown, { isOpen: showMenu, onClickOutside: () => setShowMenu(false), onScroll: () => setShowMenu(false), anchorRef: dotsMenuRef, anchorOrigin: direction === 'right' ? 'bottom-left' : 'top-right', transformOrigin: direction === 'right' ? 'top-left' : 'bottom-right', children: jsx(DotsMenuDropdown, { options: options, setShowMenu: setShowMenu }) })] }));
 };
 
 export { DotsMenu };

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

@@ -96,7 +96,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 
 const EditProfileView = ({ rootClassName, }) => {
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { setShowAuthFlow, multiWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToProfileView } = DynamicWidgetContext.useWidgetContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
@@ -111,9 +111,9 @@ const EditProfileView = ({ rootClassName, }) => {
                 initializeWalletConnect: false,
                 performMultiWalletChecks: false,
             });
-            setView(isEmailVerificationRequired ? 'verify-email' : 'verify-sms');
+            pushView(isEmailVerificationRequired ? 'verify-email' : 'verify-sms');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, setShowAuthFlow, pushView, updateUser]);
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!multiWallet && isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My information" })), jsxRuntime.jsx(UserProfileForm.UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };

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

@@ -92,7 +92,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 
 const EditProfileView = ({ rootClassName, }) => {
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { setShowAuthFlow, multiWallet, user } = useInternalDynamicContext();
     const { goToProfileView } = useWidgetContext();
     const { updateUser } = useUserUpdateRequestInternal({
@@ -107,9 +107,9 @@ const EditProfileView = ({ rootClassName, }) => {
                 initializeWalletConnect: false,
                 performMultiWalletChecks: false,
             });
-            setView(isEmailVerificationRequired ? 'verify-email' : 'verify-sms');
+            pushView(isEmailVerificationRequired ? 'verify-email' : 'verify-sms');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, setShowAuthFlow, pushView, updateUser]);
     const isKYCEnabled = useKYCFlag();
     return (jsxs(Fragment, { children: [!multiWallet && isKYCEnabled && (jsx(Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My information" })), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };

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

@@ -103,7 +103,7 @@ const GlobalWalletView = () => {
     var _a;
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView, goToInitialDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { primaryWallet } = useDynamicContext.useDynamicContext();
     const [walletConnectUri, setWalletConnectUri] = React.useState('');
@@ -125,7 +125,7 @@ const GlobalWalletView = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     const handleConfirmView = (pairingInfo) => {
-        setView('global-wallet-confirm', {
+        pushView('global-wallet-confirm', {
             onCancel: () => {
                 setDynamicWidgetView('global-wallet');
                 setShowAuthFlow(false, {
@@ -166,7 +166,7 @@ const GlobalWalletView = () => {
         const pairingInfo = { icons, name, url };
         const isDefinitelyMalicious = yield blockaid.isMaliciousUrl({ environmentId, url });
         if (isDefinitelyMalicious || isDefinitelyMalicious === undefined) {
-            setView('global-wallet-malicious', {
+            pushView('global-wallet-malicious', {
                 maliciousSiteInfo: {
                     isDefinitelyMalicious: isDefinitelyMalicious !== null && isDefinitelyMalicious !== void 0 ? isDefinitelyMalicious : false,
                     proceedFlow: () => handleConfirmView(pairingInfo),
@@ -222,7 +222,7 @@ const GlobalWalletView = () => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [walletConnectUri]);
     const renderHeader = () => (jsxRuntime.jsxs("div", { className: 'header', children: [jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: goToInitialDynamicWidgetView, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', color: 'primary', as: 'h1', copykey: 'global_wallet.connect_to_apps', children: t('global_wallet.connect_to_apps') }), utils.isMobile() && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => {
-                    setView('global-wallet-info');
+                    pushView('global-wallet-info');
                     setShowAuthFlow(true, {
                         ignoreIfIsEmbeddedWidget: false,
                         performMultiWalletChecks: false,