@dynamic-labs/sdk-react-core 4.48.2 → 4.50.1

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

@@ -106,6 +106,12 @@ export declare const viewToComponentMap: {
     'user-delete-account': import("react").FC<{}>;
     'verify-email': import("react").FC<import("./EmailVerification/EmailVerification").EmailVerificationProps>;
     'verify-sms': import("react").FC;
+    'waas-backup-cloud-provider-view': import("react").FC;
+    'waas-backup-download-view': import("react").FC;
+    'waas-backup-info-view': import("react").FC;
+    'waas-backup-progress-view': import("react").FC;
+    'waas-backup-success-view': import("react").FC<import("../widgets/DynamicWidget/views/WaasBackupView/WaasBackupSuccessView").WaasBackupSuccessViewProps>;
+    'waas-backup-view': import("react").FC;
     'waas-upgrade-view': import("react").FC<import("./WaasUpgradeView").WaasUpgradeViewProps>;
     'wait-for-email-confirmation-view': () => JSX.Element;
     'wallet-cannot-be-transferred': () => JSX.Element;

package/src/lib/views/viewToComponentMap.js

@@ -1,5 +1,14 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '@dynamic-labs/iconic';
+import '../context/ViewContext/ViewContext.js';
+import { WaasBackupCloudProviderView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupCloudProviderView.js';
+import { WaasBackupDownloadView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupDownloadView.js';
+import { WaasBackupInfoView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupInfoView.js';
+import { WaasBackupProgressView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupProgressView.js';
+import { WaasBackupSuccessView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupSuccessView.js';
+import { WaasBackupView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupView.js';
 import { AccessBlockedView } from './AccessBlockedView/AccessBlockedView.js';
 import { AccountExistsView } from './AccountExistsView/AccountExistsView.js';
 import { AccountUpgradedView } from './AccountUpgradedView/AccountUpgradedView.js';
@@ -49,9 +58,6 @@ import { EmbeddedAuthChoice } from './Passkey/EmbeddedAuthChoice/EmbeddedAuthCho
 import 'react-i18next';
 import '@dynamic-labs/utils';
 import '../components/Accordion/components/AccordionItem/AccordionItem.js';
-import 'react';
-import '@dynamic-labs/iconic';
-import '../context/ViewContext/ViewContext.js';
 import '../../../_virtual/_tslib.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../shared/logger.js';
@@ -233,6 +239,12 @@ const viewToComponentMap = {
     'user-delete-account': UserDeleteAccountView,
     'verify-email': EmailVerification,
     'verify-sms': SmsVerification,
+    'waas-backup-cloud-provider-view': WaasBackupCloudProviderView,
+    'waas-backup-download-view': WaasBackupDownloadView,
+    'waas-backup-info-view': WaasBackupInfoView,
+    'waas-backup-progress-view': WaasBackupProgressView,
+    'waas-backup-success-view': WaasBackupSuccessView,
+    'waas-backup-view': WaasBackupView,
     'waas-upgrade-view': WaasUpgradeView,
     'wait-for-email-confirmation-view': EmailConfirmationWaitingView,
     'wallet-cannot-be-transferred': WalletCannotBeTransferredView,

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceItem/TokenBalanceItem.cjs

@@ -119,7 +119,7 @@ const TokenBalanceItem = ({ tokenBalance, }) => {
             ? currencyFormatter.format(parseFloat((_a = tokenBalance.marketValue) === null || _a === void 0 ? void 0 : _a.toFixed(2)))
             : '<$0.01';
     };
-    return (jsxRuntime.jsxs("div", { className: 'token-balance-item', children: [jsxRuntime.jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsxRuntime.jsx(Image.Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxRuntime.jsxs("div", { className: 'flex', children: [showFiat ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsxRuntime.jsx("div", { className: 'token-balance-item__value', children: jsxRuntime.jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
+    return (jsxRuntime.jsxs("div", { className: 'token-balance-item', children: [jsxRuntime.jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsxRuntime.jsx(Image.Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxRuntime.jsxs("div", { className: 'flex', children: [showFiat ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsxRuntime.jsx("div", { className: 'token-balance-item__value', children: jsxRuntime.jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'token-balance-item__symbol', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
 };
 
 exports.TokenBalanceItem = TokenBalanceItem;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceItem/TokenBalanceItem.js

@@ -115,7 +115,7 @@ const TokenBalanceItem = ({ tokenBalance, }) => {
             ? currencyFormatter.format(parseFloat((_a = tokenBalance.marketValue) === null || _a === void 0 ? void 0 : _a.toFixed(2)))
             : '<$0.01';
     };
-    return (jsxs("div", { className: 'token-balance-item', children: [jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsx(Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsx("div", { children: jsx(Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxs("div", { className: 'flex', children: [showFiat ? (jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsx("div", { className: 'token-balance-item__value', children: jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsx(Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
+    return (jsxs("div", { className: 'token-balance-item', children: [jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsx(Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsx("div", { children: jsx(Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxs("div", { className: 'flex', children: [showFiat ? (jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsx("div", { className: 'token-balance-item__value', children: jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'token-balance-item__symbol', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
 };
 
 export { TokenBalanceItem };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.cjs

@@ -13,14 +13,101 @@ var SettingsView = require('../../views/SettingsView/SettingsView.cjs');
 var AccountAndSecuritySettingsView = require('../../views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.cjs');
 var SessionManagementView = require('../../views/SessionManagementView/SessionManagementView.cjs');
 var WalletsDelegatedSettingsView = require('../../views/WalletsDelegatedSettingsView/WalletsDelegatedSettingsView.cjs');
-var WaasBackupView = require('../../views/WaasBackupView/WaasBackupView.cjs');
-var WaasBackupInfoView = require('../../views/WaasBackupView/WaasBackupInfoView.cjs');
-var CryptoComOnramp = require('../../views/CryptoComOnramp/CryptoComOnramp.cjs');
+require('react/jsx-runtime');
+require('react');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('../../../../../../_virtual/_tslib.cjs');
+require('react-i18next');
+require('@dynamic-labs/sdk-api-core');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
+require('../../../../shared/consts/index.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/types');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../../../events/dynamicEvents.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('@dynamic-labs-sdk/client/core');
+require('../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/locale');
+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('../../../../store/state/authMode/authMode.cjs');
+require('../../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../../utils/functions/compareChains/compareChains.cjs');
+require('../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../views/CollectUserDataView/useFields.cjs');
+require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
+require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletContext/WalletContext.cjs');
+require('../../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/Input/Input.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.cjs');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/DynamicWidgetContext.cjs');
+require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('../../../../store/state/sendBalances.cjs');
+require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var ChooseLinkedWalletView = require('../../views/ChooseLinkedWalletView/ChooseLinkedWalletView.cjs');
 var ChooseOnrampProviderView = require('../../views/ChooseOnrampProviderView/ChooseOnrampProviderView.cjs');
 var ChooseWalletFundingMethod = require('../../views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.cjs');
 var ConfirmExchangeTransferView = require('../../views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.cjs');
 var ConnectedAppsView = require('../../views/ConnectedAppsView/ConnectedAppsView.cjs');
+var CryptoComOnramp = require('../../views/CryptoComOnramp/CryptoComOnramp.cjs');
 var DepositedExchangeView = require('../../views/DepositedExchangeView/DepositedExchangeView.cjs');
 var DepositView = require('../../views/DepositView/DepositView.cjs');
 var ExportAndRecoveryView = require('../../views/ExportAndRecoveryView/ExportAndRecoveryView.cjs');
@@ -31,6 +118,13 @@ var ManageTotpMfaWidgetView = require('../../views/ManageTotpMfaWidgetView/Manag
 var ReceiveWalletFunds = require('../../views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var RevokeAccessView = require('../../views/SessionManagementView/RevokeAccessView/RevokeAccessView.cjs');
 var SessionManagementInfoView = require('../../views/SessionManagementView/SessionManagementInfoView/SessionManagementInfoView.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../../index.cjs');
+require('../../../../store/state/tokenBalances.cjs');
+require('../../../../store/state/multichainBalances.cjs');
+require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var WaasBackupInfoView = require('../../views/WaasBackupView/WaasBackupInfoView.cjs');
+var WaasBackupView = require('../../views/WaasBackupView/WaasBackupView.cjs');
 
 const mapViewToComponent = {
     'account-and-security-settings': AccountAndSecuritySettingsView.AccountAndSecuritySettingsView,

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.js

@@ -9,14 +9,101 @@ import { SettingsView } from '../../views/SettingsView/SettingsView.js';
 import { AccountAndSecuritySettingsView } from '../../views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.js';
 import { SessionManagementView } from '../../views/SessionManagementView/SessionManagementView.js';
 import { WalletsDelegatedSettingsView } from '../../views/WalletsDelegatedSettingsView/WalletsDelegatedSettingsView.js';
-import { WaasBackupView } from '../../views/WaasBackupView/WaasBackupView.js';
-import { WaasBackupInfoView } from '../../views/WaasBackupView/WaasBackupInfoView.js';
-import { CryptoComOnramp } from '../../views/CryptoComOnramp/CryptoComOnramp.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@dynamic-labs/iconic';
+import '../../../../context/ViewContext/ViewContext.js';
+import '../../../../../../_virtual/_tslib.js';
+import 'react-i18next';
+import '@dynamic-labs/sdk-api-core';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
+import '../../../../shared/consts/index.js';
+import '../../../../components/IconButton/IconButton.js';
+import '@dynamic-labs/types';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../../../events/dynamicEvents.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/locale';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../../store/state/authMode/authMode.js';
+import '../../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../../../utils/functions/compareChains/compareChains.js';
+import '../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import 'yup';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../views/CollectUserDataView/useFields.js';
+import '../../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../store/state/walletOptions/walletOptions.js';
+import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletContext/WalletContext.js';
+import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/Input/Input.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.js';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../context/DynamicWidgetContext.js';
+import '../../helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import '../../../../store/state/sendBalances.js';
+import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { ChooseLinkedWalletView } from '../../views/ChooseLinkedWalletView/ChooseLinkedWalletView.js';
 import { ChooseOnrampProviderView } from '../../views/ChooseOnrampProviderView/ChooseOnrampProviderView.js';
 import { ChooseWalletFundingMethod } from '../../views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.js';
 import { ConfirmExchangeTransferView } from '../../views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.js';
 import { ConnectedAppsView } from '../../views/ConnectedAppsView/ConnectedAppsView.js';
+import { CryptoComOnramp } from '../../views/CryptoComOnramp/CryptoComOnramp.js';
 import { DepositedExchangeView } from '../../views/DepositedExchangeView/DepositedExchangeView.js';
 import { DepositView } from '../../views/DepositView/DepositView.js';
 import { ExportAndRecoveryView } from '../../views/ExportAndRecoveryView/ExportAndRecoveryView.js';
@@ -27,6 +114,13 @@ import { ManageTotpMfaWidgetView } from '../../views/ManageTotpMfaWidgetView/Man
 import { ReceiveWalletFunds } from '../../views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { RevokeAccessView } from '../../views/SessionManagementView/RevokeAccessView/RevokeAccessView.js';
 import { SessionManagementInfoView } from '../../views/SessionManagementView/SessionManagementInfoView/SessionManagementInfoView.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../../index.js';
+import '../../../../store/state/tokenBalances.js';
+import '../../../../store/state/multichainBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { WaasBackupInfoView } from '../../views/WaasBackupView/WaasBackupInfoView.js';
+import { WaasBackupView } from '../../views/WaasBackupView/WaasBackupView.js';
 
 const mapViewToComponent = {
     'account-and-security-settings': AccountAndSecuritySettingsView,

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.cjs

@@ -9,6 +9,7 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var Badge = require('../../../../../components/Badge/Badge.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
 require('../../../../../context/DynamicContext/DynamicContext.cjs');
@@ -17,7 +18,7 @@ require('@dynamic-labs/iconic');
 var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
 var exportPrivateKey = require('../../../../../shared/assets/export-private-key.cjs');
 var exportRecoveryPhrase = require('../../../../../shared/assets/export-recovery-phrase.cjs');
-require('../../../../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../../../../context/ViewContext/ViewContext.cjs');
 var backupArrow = require('../../../../../shared/assets/backupArrow.cjs');
 require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
@@ -84,11 +85,12 @@ require('qrcode');
 require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+var useWalletBackup = require('../../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
+require('../../../context/DynamicWidgetContext.cjs');
 require('../../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
@@ -115,8 +117,8 @@ const EmbeddedWalletExportSection = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const { t } = reactI18next.useTranslation();
     const { theme } = ThemeContext.useThemeContext();
-    const { primaryWallet, user, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const { primaryWallet, user, projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { pushView } = ViewContext.useViewContext();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { initExportProcess } = useEmbeddedReveal.useEmbeddedReveal();
@@ -147,20 +149,20 @@ const EmbeddedWalletExportSection = () => {
         isSessionKeyCompatible,
     ]);
     const handleExportButtonClick = React.useCallback(() => {
-        if (isV3WaasWallet) {
-            setDynamicWidgetView('export-and-recovery');
-        }
-        else {
-            handleExportClick();
-        }
-    }, [handleExportClick, isV3WaasWallet, setDynamicWidgetView]);
+        handleExportClick();
+    }, [handleExportClick]);
     const handleExportWithPhraseClick = React.useCallback(() => handleExportClick(true), [handleExportClick]);
     const exportIconClasses = React.useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
     const isGoogleDriveBackupEnabled = Boolean((_l = (_k = (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.waas) === null || _k === void 0 ? void 0 : _k.backupOptions) === null || _l === void 0 ? void 0 : _l.includes(sdkApiCore.WaasBackupOptionsEnum.GoogleDrive));
     const shouldShowBackupOption = isV3WaasWallet && isGoogleDriveBackupEnabled;
+    const { areAllWalletsBackedUp } = useWalletBackup.useWalletBackup();
     const handleBackupClick = React.useCallback(() => {
-        setDynamicWidgetView('waas-backup');
-    }, [setDynamicWidgetView]);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView(areAllWalletsBackedUp ? 'waas-backup-download-view' : 'waas-backup-view');
+    }, [setShowAuthFlow, pushView, areAllWalletsBackedUp]);
     const exportButtonStartSlot = React.useMemo(() => (jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: isV3WaasWallet
                     ? 'dyn_settings.export_section.export_button'
                     : 'dyn_settings.export_section.private_key_button', children: isV3WaasWallet
@@ -172,7 +174,7 @@ const EmbeddedWalletExportSection = () => {
     }
     return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && !isV3WaasWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: recoveryPhraseButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(backupArrow.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.backup_button', children: t('dyn_settings.export_section.backup_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] }));
+                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(backupArrow.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.backup_button', children: t('dyn_settings.export_section.backup_button') })] }), endSlot: areAllWalletsBackedUp ? (jsxRuntime.jsx(Badge.Badge, { variant: 'primary', text: t('dyn_waas.backup.backed_up'), copykey: 'dyn_waas.backup.backed_up' })) : (jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' })), showInternalLoading: false }))] }));
 };
 
 exports.EmbeddedWalletExportSection = EmbeddedWalletExportSection;

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.js

@@ -5,6 +5,7 @@ import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { WaasBackupOptionsEnum } from '@dynamic-labs/sdk-api-core';
 import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
+import { Badge } from '../../../../../components/Badge/Badge.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
 import '../../../../../context/DynamicContext/DynamicContext.js';
@@ -13,7 +14,7 @@ import '@dynamic-labs/iconic';
 import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgExportPrivateKey } from '../../../../../shared/assets/export-private-key.js';
 import { ReactComponent as SvgExportRecoveryPhrase } from '../../../../../shared/assets/export-recovery-phrase.js';
-import '../../../../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgBackupArrow } from '../../../../../shared/assets/backupArrow.js';
 import '../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
@@ -80,11 +81,12 @@ import 'qrcode';
 import 'formik';
 import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
+import { useWalletBackup } from '../../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
+import '../../../context/DynamicWidgetContext.js';
 import '../../../helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
@@ -111,8 +113,8 @@ const EmbeddedWalletExportSection = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const { t } = useTranslation();
     const { theme } = useThemeContext();
-    const { primaryWallet, user, projectSettings } = useInternalDynamicContext();
-    const { setDynamicWidgetView } = useWidgetContext();
+    const { primaryWallet, user, projectSettings, setShowAuthFlow } = useInternalDynamicContext();
+    const { pushView } = useViewContext();
     const { getEOAWallet } = useSmartWallets();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { initExportProcess } = useEmbeddedReveal();
@@ -143,20 +145,20 @@ const EmbeddedWalletExportSection = () => {
         isSessionKeyCompatible,
     ]);
     const handleExportButtonClick = useCallback(() => {
-        if (isV3WaasWallet) {
-            setDynamicWidgetView('export-and-recovery');
-        }
-        else {
-            handleExportClick();
-        }
-    }, [handleExportClick, isV3WaasWallet, setDynamicWidgetView]);
+        handleExportClick();
+    }, [handleExportClick]);
     const handleExportWithPhraseClick = useCallback(() => handleExportClick(true), [handleExportClick]);
     const exportIconClasses = useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
     const isGoogleDriveBackupEnabled = Boolean((_l = (_k = (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.waas) === null || _k === void 0 ? void 0 : _k.backupOptions) === null || _l === void 0 ? void 0 : _l.includes(WaasBackupOptionsEnum.GoogleDrive));
     const shouldShowBackupOption = isV3WaasWallet && isGoogleDriveBackupEnabled;
+    const { areAllWalletsBackedUp } = useWalletBackup();
     const handleBackupClick = useCallback(() => {
-        setDynamicWidgetView('waas-backup');
-    }, [setDynamicWidgetView]);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView(areAllWalletsBackedUp ? 'waas-backup-download-view' : 'waas-backup-view');
+    }, [setShowAuthFlow, pushView, areAllWalletsBackedUp]);
     const exportButtonStartSlot = useMemo(() => (jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportPrivateKey, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: isV3WaasWallet
                     ? 'dyn_settings.export_section.export_button'
                     : 'dyn_settings.export_section.private_key_button', children: isV3WaasWallet
@@ -168,7 +170,7 @@ const EmbeddedWalletExportSection = () => {
     }
     return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsx(TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportButtonStartSlot, endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && !isV3WaasWallet && (jsx(TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: recoveryPhraseButtonStartSlot, endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsx(TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgBackupArrow, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.backup_button', children: t('dyn_settings.export_section.backup_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] }));
+                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgBackupArrow, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.backup_button', children: t('dyn_settings.export_section.backup_button') })] }), endSlot: areAllWalletsBackedUp ? (jsx(Badge, { variant: 'primary', text: t('dyn_waas.backup.backed_up'), copykey: 'dyn_waas.backup.backed_up' })) : (jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' })), showInternalLoading: false }))] }));
 };
 
 export { EmbeddedWalletExportSection };

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

@@ -162,7 +162,7 @@ const isCryptoComUrl = (url) => {
         return false;
     }
 };
-const CryptoComOnramp = ({ onBack, hideBackButton = false, onPaymentCreated, quickSuggestions = defaultQuickSuggestions, currency: initialCurrency, }) => {
+const CryptoComOnramp = ({ onBack, hideBackButton = false, onPaymentCreated, quickSuggestions = defaultQuickSuggestions, currency: initialCurrency, merchantName, }) => {
     var _a, _b, _c, _d;
     const { t } = reactI18next.useTranslation();
     const { primaryWallet, setShowAuthFlow, setShowDynamicUserProfile, network } = useInternalDynamicContext.useInternalDynamicContext();
@@ -239,6 +239,7 @@ const CryptoComOnramp = ({ onBack, hideBackButton = false, onPaymentCreated, qui
                 currency: selectedCurrency,
                 environmentId,
                 includeDisabled: true,
+                merchantName,
                 networkId: selectedNetworkId ? String(selectedNetworkId) : undefined,
                 tokenAmount: parseFloat(fiatAmount),
                 walletAddress: primaryWallet.address,
@@ -271,6 +272,7 @@ const CryptoComOnramp = ({ onBack, hideBackButton = false, onPaymentCreated, qui
         environmentId,
         selectedNetworkId,
         onPaymentCreated,
+        merchantName,
     ]);
     const disableSubmit = !fiatAmount || parseFloat(fiatAmount) <= 0 || isCreatingPayment;
     const { backButton, closeButton } = createFundingButtons.createFundingButtons({

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

@@ -5,5 +5,6 @@ export interface CryptoComOnrampProps {
     onPaymentCreated?: (paymentUrl: string) => void;
     quickSuggestions?: number[];
     currency?: string;
+    merchantName?: string;
 }
 export declare const CryptoComOnramp: FC<CryptoComOnrampProps>;

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

@@ -158,7 +158,7 @@ const isCryptoComUrl = (url) => {
         return false;
     }
 };
-const CryptoComOnramp = ({ onBack, hideBackButton = false, onPaymentCreated, quickSuggestions = defaultQuickSuggestions, currency: initialCurrency, }) => {
+const CryptoComOnramp = ({ onBack, hideBackButton = false, onPaymentCreated, quickSuggestions = defaultQuickSuggestions, currency: initialCurrency, merchantName, }) => {
     var _a, _b, _c, _d;
     const { t } = useTranslation();
     const { primaryWallet, setShowAuthFlow, setShowDynamicUserProfile, network } = useInternalDynamicContext();
@@ -235,6 +235,7 @@ const CryptoComOnramp = ({ onBack, hideBackButton = false, onPaymentCreated, qui
                 currency: selectedCurrency,
                 environmentId,
                 includeDisabled: true,
+                merchantName,
                 networkId: selectedNetworkId ? String(selectedNetworkId) : undefined,
                 tokenAmount: parseFloat(fiatAmount),
                 walletAddress: primaryWallet.address,
@@ -267,6 +268,7 @@ const CryptoComOnramp = ({ onBack, hideBackButton = false, onPaymentCreated, qui
         environmentId,
         selectedNetworkId,
         onPaymentCreated,
+        merchantName,
     ]);
     const disableSubmit = !fiatAmount || parseFloat(fiatAmount) <= 0 || isCreatingPayment;
     const { backButton, closeButton } = createFundingButtons({

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/BackupStepper.cjs

@@ -0,0 +1,37 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var check = require('../../../../shared/assets/check.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs');
+
+const STEPS = ['Cloud Backup', 'Download'];
+const BackupStepper = ({ currentStep, completedSteps, }) => {
+    const getStepClassName = (index) => {
+        const classes = ['waas-backup-view__step'];
+        if (index < completedSteps) {
+            classes.push('waas-backup-view__step--completed');
+        }
+        else if (index === currentStep) {
+            classes.push('waas-backup-view__step--current');
+        }
+        else {
+            classes.push('waas-backup-view__step--upcoming');
+        }
+        return classes.join(' ');
+    };
+    const getSeparatorClassName = () => {
+        const classes = ['waas-backup-view__step-separator'];
+        if (completedSteps >= 1) {
+            classes.push('waas-backup-view__step-separator--solid');
+        }
+        return classes.join(' ');
+    };
+    return (jsxRuntime.jsx("div", { className: 'waas-backup-view__stepper', children: STEPS.map((step, index) => (jsxRuntime.jsxs("div", { className: 'waas-backup-view__step-container', children: [jsxRuntime.jsx("div", { className: getStepClassName(index), children: jsxRuntime.jsx("div", { className: 'waas-backup-view__step-indicator', children: index < completedSteps ? (jsxRuntime.jsx(check.ReactComponent, { className: 'waas-backup-view__step-check' })) : (jsxRuntime.jsx("div", { className: 'waas-backup-view__step-number', children: index + 1 })) }) }), index < STEPS.length - 1 && (jsxRuntime.jsx("div", { className: getSeparatorClassName() }))] }, step))) }));
+};
+
+exports.BackupStepper = BackupStepper;

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/BackupStepper.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface BackupStepperProps {
+    currentStep: 0 | 1;
+    completedSteps: 0 | 1 | 2;
+}
+export declare const BackupStepper: FC<BackupStepperProps>;
+export {};