@dynamic-labs/sdk-react-core 4.19.4 → 4.19.6

package/src/lib/utils/constants/authViewLayoutChecks.cjs

@@ -122,6 +122,7 @@ const viewsThatHideCloseButton = [
     'mfa-display-backup-codes',
     'mfa-recovery',
     'user-delete-account',
+    'backup-unsuccessful',
 ];
 
 exports.mfaViewsThatPreventModalClose = mfaViewsThatPreventModalClose;

package/src/lib/utils/constants/authViewLayoutChecks.js

@@ -118,6 +118,7 @@ const viewsThatHideCloseButton = [
     'mfa-display-backup-codes',
     'mfa-recovery',
     'user-delete-account',
+    'backup-unsuccessful',
 ];
 
 export { mfaViewsThatPreventModalClose, viewsThatHideCloseButton, viewsThatHideHeader, viewsThatHideHelpContent, viewsThatPreventBorderBelowHeader, viewsThatPreventModalClose, viewsThatShowConnectedWalletProgress, viewsThatShowDynamicFooter, viewsWithWalletListType };

package/src/lib/utils/functions/onrampConfigurationToOnrampOption/onrampConfigurationToOnrampOption.d.ts

@@ -1,6 +1,6 @@
-import type { OnrampConfiguration } from '@dynamic-labs/sdk-api-core';
+import type { RampConfiguration } from '@dynamic-labs/sdk-api-core';
 import type { OnrampOption } from '../../../context/DynamicContext';
 /**
  * Converts an OnrampConfiguration to an OnrampOption based on the provider's display mode
  */
-export declare const onrampConfigurationToOnrampOption: (provider: OnrampConfiguration) => OnrampOption;
+export declare const onrampConfigurationToOnrampOption: (provider: RampConfiguration) => OnrampOption;

package/src/lib/utils/functions/updatePrimaryWalletId/updatePrimaryWalletId.cjs

@@ -29,29 +29,36 @@ require('../../../locale/locale.cjs');
 var wallets = require('../../../data/api/wallets/wallets.cjs');
 
 const updatePrimaryWalletId = (walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _a;
     primaryWalletId.setPrimaryWalletId(walletId);
     const user$1 = user.getUser();
     if (user$1) {
         const environmentId = dynamicContextProps.getEnvironmentId();
-        // Get the last selected wallet for this user
-        const lastSelectedWalletCredential = user$1.verifiedCredentials.reduce((mostRecentSelectedCredential, credentialToCheck) => {
-            if (credentialToCheck.format !== 'blockchain' ||
-                !credentialToCheck.lastSelectedAt) {
-                return mostRecentSelectedCredential;
+        // We will compare the value of this wallet's lastSelectedAt to the latest
+        // selected credential's lastSelectedAt. If it's the same, we can skip the
+        // /select endpoint. This is to avoid unnecessary calls to the /select
+        // endpoint, which causes an update to the user's JWT.
+        const currentWalletLastSelectedAt = (_a = user$1.verifiedCredentials.find((credential) => credential.id === walletId)) === null || _a === void 0 ? void 0 : _a.lastSelectedAt;
+        if (currentWalletLastSelectedAt) {
+            const lastSelectedWalletCredential = user$1.verifiedCredentials.reduce((mostRecentSelectedCredential, credentialToCheck) => {
+                if (credentialToCheck.format !== 'blockchain' ||
+                    !credentialToCheck.lastSelectedAt) {
+                    return mostRecentSelectedCredential;
+                }
+                if (!mostRecentSelectedCredential ||
+                    !mostRecentSelectedCredential.lastSelectedAt) {
+                    return credentialToCheck;
+                }
+                return credentialToCheck.lastSelectedAt >
+                    mostRecentSelectedCredential.lastSelectedAt
+                    ? credentialToCheck
+                    : mostRecentSelectedCredential;
+            }, null);
+            if ((lastSelectedWalletCredential === null || lastSelectedWalletCredential === void 0 ? void 0 : lastSelectedWalletCredential.lastSelectedAt) &&
+                lastSelectedWalletCredential.lastSelectedAt.getTime() ===
+                    currentWalletLastSelectedAt.getTime()) {
+                return;
             }
-            if (!mostRecentSelectedCredential ||
-                !mostRecentSelectedCredential.lastSelectedAt) {
-                return credentialToCheck;
-            }
-            return credentialToCheck.lastSelectedAt >
-                mostRecentSelectedCredential.lastSelectedAt
-                ? credentialToCheck
-                : mostRecentSelectedCredential;
-        }, null);
-        // No need to select the primary if it's already the last selected wallet
-        if (lastSelectedWalletCredential &&
-            lastSelectedWalletCredential.id === walletId) {
-            return;
         }
         yield wallets.storeSelectedWallet({ environmentId, walletId });
     }

package/src/lib/utils/functions/updatePrimaryWalletId/updatePrimaryWalletId.js

@@ -25,29 +25,36 @@ import '../../../locale/locale.js';
 import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
 
 const updatePrimaryWalletId = (walletId) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
     setPrimaryWalletId(walletId);
     const user = getUser();
     if (user) {
         const environmentId = getEnvironmentId();
-        // Get the last selected wallet for this user
-        const lastSelectedWalletCredential = user.verifiedCredentials.reduce((mostRecentSelectedCredential, credentialToCheck) => {
-            if (credentialToCheck.format !== 'blockchain' ||
-                !credentialToCheck.lastSelectedAt) {
-                return mostRecentSelectedCredential;
+        // We will compare the value of this wallet's lastSelectedAt to the latest
+        // selected credential's lastSelectedAt. If it's the same, we can skip the
+        // /select endpoint. This is to avoid unnecessary calls to the /select
+        // endpoint, which causes an update to the user's JWT.
+        const currentWalletLastSelectedAt = (_a = user.verifiedCredentials.find((credential) => credential.id === walletId)) === null || _a === void 0 ? void 0 : _a.lastSelectedAt;
+        if (currentWalletLastSelectedAt) {
+            const lastSelectedWalletCredential = user.verifiedCredentials.reduce((mostRecentSelectedCredential, credentialToCheck) => {
+                if (credentialToCheck.format !== 'blockchain' ||
+                    !credentialToCheck.lastSelectedAt) {
+                    return mostRecentSelectedCredential;
+                }
+                if (!mostRecentSelectedCredential ||
+                    !mostRecentSelectedCredential.lastSelectedAt) {
+                    return credentialToCheck;
+                }
+                return credentialToCheck.lastSelectedAt >
+                    mostRecentSelectedCredential.lastSelectedAt
+                    ? credentialToCheck
+                    : mostRecentSelectedCredential;
+            }, null);
+            if ((lastSelectedWalletCredential === null || lastSelectedWalletCredential === void 0 ? void 0 : lastSelectedWalletCredential.lastSelectedAt) &&
+                lastSelectedWalletCredential.lastSelectedAt.getTime() ===
+                    currentWalletLastSelectedAt.getTime()) {
+                return;
             }
-            if (!mostRecentSelectedCredential ||
-                !mostRecentSelectedCredential.lastSelectedAt) {
-                return credentialToCheck;
-            }
-            return credentialToCheck.lastSelectedAt >
-                mostRecentSelectedCredential.lastSelectedAt
-                ? credentialToCheck
-                : mostRecentSelectedCredential;
-        }, null);
-        // No need to select the primary if it's already the last selected wallet
-        if (lastSelectedWalletCredential &&
-            lastSelectedWalletCredential.id === walletId) {
-            return;
         }
         yield storeSelectedWallet({ environmentId, walletId });
     }

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

@@ -76,3 +76,4 @@ export { useAggregateWalletEvents } from './useAggregateWalletEvents';
 export { useDeleteUserAccount } from './useDeleteUserAccount';
 export { useDynamicWaas } from './useDynamicWaas';
 export { useSyncDynamicWaas } from './useSyncDynamicWaas';
+export { useExchangeAccounts } from './useExchangeAccounts';

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

@@ -147,6 +147,10 @@ const useDynamicLayoutData = ({ view }) => {
                 copykey: 'dyn_account_exists.title',
                 heading: t('dyn_account_exists.title'),
             },
+            'backup-unsuccessful': {
+                copykey: 'dyn_waas.backup_unsuccessful.title',
+                heading: t('dyn_waas.backup_unsuccessful.title'),
+            },
             'chainalysis-blocked-wallet': {
                 copykey: 'dyn_chainalysis_blocked_wallet.title',
                 heading: t('dyn_chainalysis_blocked_wallet.title'),

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

@@ -143,6 +143,10 @@ const useDynamicLayoutData = ({ view }) => {
                 copykey: 'dyn_account_exists.title',
                 heading: t('dyn_account_exists.title'),
             },
+            'backup-unsuccessful': {
+                copykey: 'dyn_waas.backup_unsuccessful.title',
+                heading: t('dyn_waas.backup_unsuccessful.title'),
+            },
             'chainalysis-blocked-wallet': {
                 copykey: 'dyn_chainalysis_blocked_wallet.title',
                 heading: t('dyn_chainalysis_blocked_wallet.title'),

package/src/lib/utils/hooks/useExchangeAccounts/index.d.ts

@@ -0,0 +1 @@
+export * from './useExchangeAccounts';

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

@@ -0,0 +1,13 @@
+import { Account, CreateExchangeTransferRequest, ExchangeKeyEnum, ExchangeTransferResponse } from '@dynamic-labs/sdk-api-core';
+type Props = {
+    exchange: ExchangeKeyEnum;
+};
+type TransferProps = {
+    exchange: ExchangeKeyEnum;
+    transferRequest: CreateExchangeTransferRequest;
+};
+export declare const useExchangeAccounts: () => {
+    exchangeTransfer: ({ exchange, transferRequest, }: TransferProps) => Promise<ExchangeTransferResponse>;
+    getExchangeUserAccounts: ({ exchange, }: Props) => Promise<Account[]>;
+};
+export {};

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

@@ -10,7 +10,7 @@ var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
@@ -101,6 +101,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useSyncDynamicWaas = () => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { loading: globalLoading } = LoadingContext.useLoadingContext();
+    const { clearStackAndPush } = ViewContext.useViewContext();
     const { user: user$1 } = user.useUser();
     const projectSettings$1 = projectSettings.useProjectSettings();
     const walletConnectorOptions = walletOptions.useWalletConnectorOptions();
@@ -119,7 +120,8 @@ const useSyncDynamicWaas = () => {
             }
             catch (error) {
                 logger.logger.error('Error creating dynamic waas wallet', error);
-                setShowAuthFlow(false);
+                setShowAuthFlow(true);
+                clearStackAndPush('backup-unsuccessful');
             }
         });
         const shouldSyncCreateWallet = shouldAutoCreateDynamicWaasWallet && !triggeredCreate.current;

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

@@ -6,7 +6,7 @@ import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
-import '../../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../constants/colors.js';
@@ -97,6 +97,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useSyncDynamicWaas = () => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
     const { loading: globalLoading } = useLoadingContext();
+    const { clearStackAndPush } = useViewContext();
     const { user } = useUser();
     const projectSettings = useProjectSettings();
     const walletConnectorOptions = useWalletConnectorOptions();
@@ -115,7 +116,8 @@ const useSyncDynamicWaas = () => {
             }
             catch (error) {
                 logger.error('Error creating dynamic waas wallet', error);
-                setShowAuthFlow(false);
+                setShowAuthFlow(true);
+                clearStackAndPush('backup-unsuccessful');
             }
         });
         const shouldSyncCreateWallet = shouldAutoCreateDynamicWaasWallet && !triggeredCreate.current;

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

@@ -98,6 +98,7 @@ var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmat
 var SyncWalletPromptModal = require('../../../modals/SyncWalletPromptModal/SyncWalletPromptModal.cjs');
 var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
 var AddNetworkModal = require('../../../modals/AddNetworkModal/AddNetworkModal.cjs');
+var ZkSyncApprovalModal = require('../../../modals/ZkSyncApprovalModal/ZkSyncApprovalModal.cjs');
 
 const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const confirmationStateRef = React.useRef('enabled');
@@ -114,6 +115,9 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const { modal: addNetworkModal, open: openAddNetwork } = useConfirmationModal.useConfirmationModal({
         elementId: 'dynamic-prompt-to-add-network',
     });
+    const { modal: zkSyncCreateSessionModal, open: openZkSyncCreateSession } = useConfirmationModal.useConfirmationModal({
+        elementId: 'dynamic-zksync-approval',
+    });
     const shouldConfirmAction = React.useCallback(() => {
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
@@ -174,6 +178,9 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const addNetwork = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ handler, network, walletConnector }) {
         yield openAddNetwork((resolve) => (jsxRuntime.jsx(AddNetworkModal.AddNetworkModal, { network: network, walletConnector: walletConnector, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
     }), [openAddNetwork]);
+    const zkSyncCreateSession = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ session: sessionConfig }) {
+        return yield openZkSyncCreateSession((resolve, reject) => (jsxRuntime.jsx(ZkSyncApprovalModal.ZkSyncApprovalModal, { session: sessionConfig, onCancel: reject, onApproved: () => resolve(true) })));
+    }), [openZkSyncCreateSession]);
     const disabledConfirmationOnce = React.useCallback(() => {
         confirmationStateRef.current = 'disabled';
     }, []);
@@ -184,6 +191,7 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
         signMessage,
         signTransaction,
         syncWallet,
+        zkSyncCreateSession,
     }), [
         signMessage,
         signTransaction,
@@ -191,18 +199,21 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
         sendTransaction,
         syncWallet,
         addNetwork,
+        zkSyncCreateSession,
     ]);
     return React.useMemo(() => [
         signMessageModal ||
             sendTransactionModal ||
             syncWalletPromptModal ||
-            addNetworkModal,
+            addNetworkModal ||
+            zkSyncCreateSessionModal,
         walletUiUtils,
     ], [
         signMessageModal,
         sendTransactionModal,
         syncWalletPromptModal,
         addNetworkModal,
+        zkSyncCreateSessionModal,
         walletUiUtils,
     ]);
 };

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

@@ -94,6 +94,7 @@ import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirm
 import { SyncWalletPromptModal } from '../../../modals/SyncWalletPromptModal/SyncWalletPromptModal.js';
 import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
 import { AddNetworkModal } from '../../../modals/AddNetworkModal/AddNetworkModal.js';
+import { ZkSyncApprovalModal } from '../../../modals/ZkSyncApprovalModal/ZkSyncApprovalModal.js';
 
 const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const confirmationStateRef = useRef('enabled');
@@ -110,6 +111,9 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const { modal: addNetworkModal, open: openAddNetwork } = useConfirmationModal({
         elementId: 'dynamic-prompt-to-add-network',
     });
+    const { modal: zkSyncCreateSessionModal, open: openZkSyncCreateSession } = useConfirmationModal({
+        elementId: 'dynamic-zksync-approval',
+    });
     const shouldConfirmAction = useCallback(() => {
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
@@ -170,6 +174,9 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const addNetwork = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ handler, network, walletConnector }) {
         yield openAddNetwork((resolve) => (jsx(AddNetworkModal, { network: network, walletConnector: walletConnector, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
     }), [openAddNetwork]);
+    const zkSyncCreateSession = useCallback((_d) => __awaiter(void 0, [_d], void 0, function* ({ session: sessionConfig }) {
+        return yield openZkSyncCreateSession((resolve, reject) => (jsx(ZkSyncApprovalModal, { session: sessionConfig, onCancel: reject, onApproved: () => resolve(true) })));
+    }), [openZkSyncCreateSession]);
     const disabledConfirmationOnce = useCallback(() => {
         confirmationStateRef.current = 'disabled';
     }, []);
@@ -180,6 +187,7 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
         signMessage,
         signTransaction,
         syncWallet,
+        zkSyncCreateSession,
     }), [
         signMessage,
         signTransaction,
@@ -187,18 +195,21 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
         sendTransaction,
         syncWallet,
         addNetwork,
+        zkSyncCreateSession,
     ]);
     return useMemo(() => [
         signMessageModal ||
             sendTransactionModal ||
             syncWalletPromptModal ||
-            addNetworkModal,
+            addNetworkModal ||
+            zkSyncCreateSessionModal,
         walletUiUtils,
     ], [
         signMessageModal,
         sendTransactionModal,
         syncWalletPromptModal,
         addNetworkModal,
+        zkSyncCreateSessionModal,
         walletUiUtils,
     ]);
 };

package/src/lib/views/BackupUnsuccessfulView/BackupUnsuccessfulView.cjs

@@ -0,0 +1,138 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+require('@dynamic-labs/utils');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+var exclamation = require('../../shared/assets/exclamation.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
+var warningRed = require('../../shared/assets/warning-red.cjs');
+var backup = require('../../shared/assets/backup.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../store/state/authMode/authMode.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../store/state/user/user.cjs');
+require('../../locale/locale.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
+require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/walletOptions/walletOptions.cjs');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+var Icon = require('../../components/Icon/Icon.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../../components/Input/Input.cjs');
+require('../../components/OverlayCard/OverlayCard.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../index.cjs');
+var NeedHelpSection = require('../../components/NeedHelpSection/NeedHelpSection.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+
+const BackupUnsuccessfulView = () => {
+    const { t } = reactI18next.useTranslation();
+    const isProperlyMounted = React.useRef(false);
+    const refreshPage = () => {
+        window.location.reload();
+    };
+    // force refresh on component unmount
+    React.useEffect(() => {
+        const timer = setTimeout(() => {
+            isProperlyMounted.current = true;
+        }, 100);
+        return () => {
+            clearTimeout(timer);
+            // Only refresh if component was properly mounted and is now being unmounted
+            if (isProperlyMounted.current) {
+                setTimeout(() => {
+                    refreshPage();
+                }, 0);
+            }
+        };
+    }, []);
+    return (jsxRuntime.jsxs("div", { className: 'backup-unsuccessful-view', children: [jsxRuntime.jsxs("div", { className: 'backup-unsuccessful-view__content', children: [jsxRuntime.jsxs("div", { className: 'backup-icon-container', children: [jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(backup.ReactComponent, { className: 'backup-icon', width: 64, height: 64 }) }), jsxRuntime.jsxs("div", { className: 'warning-icon-container', children: [jsxRuntime.jsx(warningRed.ReactComponent, { className: 'combined-icon', width: 40, height: 40 }), jsxRuntime.jsx(exclamation.ReactComponent, { className: 'exclamation-icon', width: 20, height: 20, style: {
+                                            left: '50%',
+                                            position: 'absolute',
+                                            top: '50%',
+                                            transform: 'translate(-50%, -50%)',
+                                        } })] })] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'backup-message', color: 'primary', children: t('dyn_waas.backup_unsuccessful.description') }), jsxRuntime.jsx("div", { className: 'need-help-section', children: jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}) }), jsxRuntime.jsx("div", { className: 'button-group', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'retry-button', buttonVariant: 'brand-primary', type: 'submit', onClick: () => refreshPage(), copykey: 'dyn_waas.backup_unsuccessful.try_again', typographyProps: {
+                                color: 'inherit',
+                            }, children: t('dyn_waas.backup_unsuccessful.try_again') }) })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { asFooter: true })] }));
+};
+
+exports.BackupUnsuccessfulView = BackupUnsuccessfulView;
+exports["default"] = BackupUnsuccessfulView;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const BackupUnsuccessfulView: React.FC;
+export default BackupUnsuccessfulView;