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

package/CHANGELOG.md

@@ -1,4 +1,17 @@
 
+### [4.19.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.5...v4.19.6) (2025-06-04)
+
+
+### Features
+
+* backup unsuccessful popup when create wallet fails ([#8872](https://github.com/dynamic-labs/dynamic-auth/issues/8872)) ([c8f88f2](https://github.com/dynamic-labs/dynamic-auth/commit/c8f88f2cafdb7856764305764a230e159f09dadf))
+* **global-wallet:** new native api method to return the eoa wallet for a connected smart wallet ([#8864](https://github.com/dynamic-labs/dynamic-auth/issues/8864)) ([5d0e200](https://github.com/dynamic-labs/dynamic-auth/commit/5d0e2002caefb658f6120b102abe145d6caafaf4))
+
+
+### Bug Fixes
+
+* dont call select endpoint when signing in with 7702 wallet ([#8854](https://github.com/dynamic-labs/dynamic-auth/issues/8854)) ([9828a8f](https://github.com/dynamic-labs/dynamic-auth/commit/9828a8fb758b07dd4dc51cb9eadee483b884defe))
+
 ### [4.19.5](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.4...v4.19.5) (2025-06-02)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.19.5";
+var version = "4.19.6";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.672",
+	"@dynamic-labs/sdk-api-core": "0.0.681",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.19.5";
+var version = "4.19.6";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.672",
+	"@dynamic-labs/sdk-api-core": "0.0.681",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.19.5",
+  "version": "4.19.6",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.672",
+    "@dynamic-labs/sdk-api-core": "0.0.681",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.19.5",
-    "@dynamic-labs/iconic": "4.19.5",
-    "@dynamic-labs/logger": "4.19.5",
-    "@dynamic-labs/multi-wallet": "4.19.5",
-    "@dynamic-labs/rpc-providers": "4.19.5",
-    "@dynamic-labs/store": "4.19.5",
-    "@dynamic-labs/types": "4.19.5",
-    "@dynamic-labs/utils": "4.19.5",
-    "@dynamic-labs/wallet-book": "4.19.5",
-    "@dynamic-labs/wallet-connector-core": "4.19.5",
+    "@dynamic-labs/assert-package-version": "4.19.6",
+    "@dynamic-labs/iconic": "4.19.6",
+    "@dynamic-labs/logger": "4.19.6",
+    "@dynamic-labs/multi-wallet": "4.19.6",
+    "@dynamic-labs/rpc-providers": "4.19.6",
+    "@dynamic-labs/store": "4.19.6",
+    "@dynamic-labs/types": "4.19.6",
+    "@dynamic-labs/utils": "4.19.6",
+    "@dynamic-labs/wallet-book": "4.19.6",
+    "@dynamic-labs/wallet-connector-core": "4.19.6",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/AppOriginTile/AppOriginTile.cjs

@@ -10,18 +10,21 @@ var Typography = require('../Typography/Typography.cjs');
 var Chip = require('../Chip/Chip.cjs');
 var getGlobalWalletContext = require('../../shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.cjs');
 
-const AppOriginTile = () => {
+const AppOriginTile = ({ origin }) => {
     const { requesterOrigin } = getGlobalWalletContext.getGlobalWalletContext();
-    const origin = React.useMemo(() => {
+    const displayOrigin = React.useMemo(() => {
+        if (origin) {
+            return origin;
+        }
         if (requesterOrigin) {
             return requesterOrigin;
         }
         return utils.PlatformService.getDisplayOrigin();
-    }, [requesterOrigin]);
-    if (!origin) {
+    }, [origin, requesterOrigin]);
+    if (!displayOrigin) {
         return null;
     }
-    return (jsxRuntime.jsx(Chip.Chip, { className: 'app-origin-tile', children: jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', children: origin }) }));
+    return (jsxRuntime.jsx(Chip.Chip, { className: 'app-origin-tile', children: jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', as: 'span', children: displayOrigin }) }));
 };
 
 exports.AppOriginTile = AppOriginTile;

package/src/lib/components/AppOriginTile/AppOriginTile.d.ts

@@ -1,2 +1,5 @@
 import { FC } from 'react';
-export declare const AppOriginTile: FC;
+export interface AppOriginTileProps {
+    origin?: string;
+}
+export declare const AppOriginTile: FC<AppOriginTileProps>;

package/src/lib/components/AppOriginTile/AppOriginTile.js

@@ -6,18 +6,21 @@ import { Typography } from '../Typography/Typography.js';
 import { Chip } from '../Chip/Chip.js';
 import { getGlobalWalletContext } from '../../shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.js';
 
-const AppOriginTile = () => {
+const AppOriginTile = ({ origin }) => {
     const { requesterOrigin } = getGlobalWalletContext();
-    const origin = useMemo(() => {
+    const displayOrigin = useMemo(() => {
+        if (origin) {
+            return origin;
+        }
         if (requesterOrigin) {
             return requesterOrigin;
         }
         return PlatformService.getDisplayOrigin();
-    }, [requesterOrigin]);
-    if (!origin) {
+    }, [origin, requesterOrigin]);
+    if (!displayOrigin) {
         return null;
     }
-    return (jsx(Chip, { className: 'app-origin-tile', children: jsx(Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', children: origin }) }));
+    return (jsx(Chip, { className: 'app-origin-tile', children: jsx(Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', as: 'span', children: displayOrigin }) }));
 };
 
 export { AppOriginTile };

package/src/lib/components/Chip/Chip.cjs

@@ -7,8 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var Typography = require('../Typography/Typography.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const Chip = ({ children, icon, className, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('chip', className, {
-        'chip__with-icon': Boolean(icon),
-    }), children: [Boolean(icon) && jsxRuntime.jsx("div", { className: 'chip--icon', children: icon }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: children })] }));
+/** An outlined chip component that displays a label and optional leading and trailing icons. */
+const Chip = ({ children, leading, trailing, className, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('chip', className), children: [Boolean(leading) && jsxRuntime.jsx("div", { className: 'chip--leading', children: leading }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: children }), Boolean(trailing) && jsxRuntime.jsx("div", { className: 'chip--trailing', children: trailing })] }));
 
 exports.Chip = Chip;

package/src/lib/components/Chip/Chip.d.ts

@@ -1,7 +1,8 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
-type ChipProps = {
+export interface ChipProps {
     className?: string;
-    icon?: ReactNode;
-};
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+/** An outlined chip component that displays a label and optional leading and trailing icons. */
 export declare const Chip: FC<PropsWithChildren<ChipProps>>;
-export {};

package/src/lib/components/Chip/Chip.js

@@ -3,8 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const Chip = ({ children, icon, className, }) => (jsxs("div", { className: classNames('chip', className, {
-        'chip__with-icon': Boolean(icon),
-    }), children: [Boolean(icon) && jsx("div", { className: 'chip--icon', children: icon }), jsx(Typography, { variant: 'body_small', children: children })] }));
+/** An outlined chip component that displays a label and optional leading and trailing icons. */
+const Chip = ({ children, leading, trailing, className, }) => (jsxs("div", { className: classNames('chip', className), children: [Boolean(leading) && jsx("div", { className: 'chip--leading', children: leading }), jsx(Typography, { variant: 'body_small', children: children }), Boolean(trailing) && jsx("div", { className: 'chip--trailing', children: trailing })] }));
 
 export { Chip };

package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs

@@ -103,7 +103,7 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 
 const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
     var _a, _b, _c, _d, _e;
-    const { projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, user, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
     const { pushView } = ViewContext.useViewContext();
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
@@ -114,8 +114,9 @@ const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
         ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _c === void 0 ? void 0 : _c.find((p) => p.provider === sdkApiCore.ProviderEnum.Turnkey && p.enabledAt)) &&
         Boolean((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.embeddedWallets) === null || _e === void 0 ? void 0 : _e.emailRecoveryEnabled);
     const v2Wallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((credential) => { var _a; return ((_a = credential.walletProperties) === null || _a === void 0 ? void 0 : _a.version) === sdkApiCore.EmbeddedWalletVersionEnum.V2; });
+    const v3Wallet = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) === 'dynamicwaas';
     // revert to v2 wallet view (no passkey recovery) if passkey recovery is not enabled
-    const v1Wallet = !v2Wallet && isRecoveryEnabled;
+    const v1Wallet = !v3Wallet && !v2Wallet && isRecoveryEnabled;
     const hasContactInfo = Boolean(supportEmail || Object.keys(supportUrls || {}).length > 0);
     const getSupportHelpSession = () => {
         // For v1 wallets, only show the "Go here for support" link that triggers recovery

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -99,7 +99,7 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 
 const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
     var _a, _b, _c, _d, _e;
-    const { projectSettings, user } = useInternalDynamicContext();
+    const { projectSettings, user, primaryWallet } = useInternalDynamicContext();
     const { t } = useTranslation();
     const { pushView } = useViewContext();
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
@@ -110,8 +110,9 @@ const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
         ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _c === void 0 ? void 0 : _c.find((p) => p.provider === ProviderEnum.Turnkey && p.enabledAt)) &&
         Boolean((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.embeddedWallets) === null || _e === void 0 ? void 0 : _e.emailRecoveryEnabled);
     const v2Wallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((credential) => { var _a; return ((_a = credential.walletProperties) === null || _a === void 0 ? void 0 : _a.version) === EmbeddedWalletVersionEnum.V2; });
+    const v3Wallet = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) === 'dynamicwaas';
     // revert to v2 wallet view (no passkey recovery) if passkey recovery is not enabled
-    const v1Wallet = !v2Wallet && isRecoveryEnabled;
+    const v1Wallet = !v3Wallet && !v2Wallet && isRecoveryEnabled;
     const hasContactInfo = Boolean(supportEmail || Object.keys(supportUrls || {}).length > 0);
     const getSupportHelpSession = () => {
         // For v1 wallets, only show the "Go here for support" link that triggers recovery

package/src/lib/context/OnrampContext/useEnabledOnrampProviders/useEnabledOnrampProviders.d.ts

@@ -1,5 +1,5 @@
 import { type Wallet } from '@dynamic-labs/wallet-connector-core';
-import { type OnrampConfiguration, type OnrampProviders } from '@dynamic-labs/sdk-api-core';
+import { type RampConfiguration, type OnrampProviders } from '@dynamic-labs/sdk-api-core';
 export type EnabledOnrampProvidersTarget = {
     address?: string;
     token?: string;
@@ -11,5 +11,5 @@ type UseEnabledOnrampProvidersProps = {
     environmentId: string;
     target: EnabledOnrampProvidersTarget;
 };
-export declare const useEnabledOnrampProviders: ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }: UseEnabledOnrampProvidersProps) => OnrampConfiguration[];
+export declare const useEnabledOnrampProviders: ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }: UseEnabledOnrampProvidersProps) => RampConfiguration[];
 export {};

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'external-funding-wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account';
+export type ViewType = 'access-blocked' | 'backup-unsuccessful' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'external-funding-wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {

package/src/lib/data/api/exchangeAccounts/exchangeAccounts.d.ts

@@ -0,0 +1,45 @@
+import { Account, CreateExchangeTransferRequest, ExchangeKeyEnum, ExchangeTransferResponse } from '@dynamic-labs/sdk-api-core';
+/**
+ * Retrieve the list of exchange accounts linked to a user for a given exchange provider.
+ *
+ * @param environmentId – Dynamic environment ID
+ * @param exchangeKey – The key identifying the exchange provider (e.g., 'coinbase')
+ * @returns An array of `Account` objects representing the user's linked exchange accounts
+ */
+export declare const getUserExchangeAccounts: ({ environmentId, exchangeKey, }: {
+    environmentId: string;
+    exchangeKey: ExchangeKeyEnum;
+}) => Promise<Account[]>;
+/**
+ * Transfer funds from a user-linked exchange account to an external address
+ * or another Coinbase account.
+ *
+ * @param environmentId – Dynamic environment ID
+ * @param exchangeKey   – The key identifying the exchange provider (e.g., `'coinbase'`)
+ * @param accountId     – The exchange-account ID to transfer funds **from**
+ * @param transfer      – JSON body matching `CreateExchangeTransferRequest`
+ * @returns Details of the created transfer (`ExchangeTransferResponse`)
+ *
+ * @example
+ * ```ts
+ * await createExchangeAccountTransfer({
+ *   environmentId: 'env_123',
+ *   exchangeKey: ExchangeKeyEnum.COINBASE,
+ *   accountId: 'acc_456',
+ *   transfer: {
+ *     to: '0xRecipientAddress',
+ *     amount: 0.25,
+ *     currency: 'ETH',
+ *     network: 'ethereum',
+ *     description: 'Withdrawal to cold wallet',
+ *     mfaCode: '123456',
+ *   },
+ * });
+ * ```
+ */
+export declare const createExchangeAccountTransfer: ({ environmentId, exchangeKey, accountId, transfer, }: {
+    environmentId: string;
+    exchangeKey: ExchangeKeyEnum;
+    accountId: string;
+    transfer: CreateExchangeTransferRequest;
+}) => Promise<ExchangeTransferResponse>;

package/src/lib/data/api/exchangeAccounts/index.d.ts

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

package/src/lib/data/api/index.d.ts

@@ -1,5 +1,6 @@
 export * from './email';
 export * from './embeddedWallets';
+export * from './exchangeAccounts';
 export * from './externalAuth';
 export * from './mfa';
 export * from './oauth';

package/src/lib/data/api/onramp/onramp.d.ts

@@ -1,8 +1,8 @@
-import { OnrampConfiguration } from '@dynamic-labs/sdk-api-core';
+import { RampConfiguration } from '@dynamic-labs/sdk-api-core';
 export declare const getOnrampProviders: ({ chain, environmentId, networkId, token, walletAddress, }: {
     chain: string;
     environmentId: string;
     networkId?: string | number;
     token?: string;
     walletAddress: string;
-}) => Promise<OnrampConfiguration[]>;
+}) => Promise<RampConfiguration[]>;

package/src/lib/locale/en/translation.cjs

@@ -1167,6 +1167,22 @@ const translation = {
         no_devices: 'No authenticator apps configured',
         generate_backup_codes_button: 'Get new backup codes',
     },
+    /**
+     * @description copy keys for waas backup unsuccessful view
+     * @default
+     * {
+        title: 'Backup Unsuccessful',
+        description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+        try_again: 'Try Again',
+      },
+     */
+    dyn_waas: {
+        backup_unsuccessful: {
+            title: 'Backup Unsuccessful',
+            description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+            try_again: 'Try Again',
+        },
+    },
     /**
      * @description copy keys for mfa views
      * @default

package/src/lib/locale/en/translation.d.ts

@@ -1163,6 +1163,22 @@ export declare const translation: {
         no_devices: string;
         generate_backup_codes_button: string;
     };
+    /**
+     * @description copy keys for waas backup unsuccessful view
+     * @default
+     * {
+        title: 'Backup Unsuccessful',
+        description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+        try_again: 'Try Again',
+      },
+     */
+    dyn_waas: {
+        backup_unsuccessful: {
+            title: string;
+            description: string;
+            try_again: string;
+        };
+    };
     /**
      * @description copy keys for mfa views
      * @default

package/src/lib/locale/en/translation.js

@@ -1163,6 +1163,22 @@ const translation = {
         no_devices: 'No authenticator apps configured',
         generate_backup_codes_button: 'Get new backup codes',
     },
+    /**
+     * @description copy keys for waas backup unsuccessful view
+     * @default
+     * {
+        title: 'Backup Unsuccessful',
+        description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+        try_again: 'Try Again',
+      },
+     */
+    dyn_waas: {
+        backup_unsuccessful: {
+            title: 'Backup Unsuccessful',
+            description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+            try_again: 'Try Again',
+        },
+    },
     /**
      * @description copy keys for mfa views
      * @default

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -102,12 +102,12 @@ require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var getProperErrorMessage = require('./getProperErrorMessage.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');
-var NeedHelpSection = require('../../components/NeedHelpSection/NeedHelpSection.cjs');
 var PasskeyCreatedSuccessBanner = require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -98,12 +98,12 @@ import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { getProperErrorMessage } from './getProperErrorMessage.js';
 import '../../../index.js';
+import { NeedHelpSection } from '../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import { NeedHelpSection } from '../../components/NeedHelpSection/NeedHelpSection.js';
 import { PasskeyCreatedSuccessBanner } from '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.cjs

@@ -0,0 +1,22 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ConfirmationModal = require('../ConfirmationModal/ConfirmationModal.cjs');
+var useConfirmationPortal = require('../../utils/hooks/useConfirmationPortal/useConfirmationPortal.cjs');
+var SessionKeyApprovalView = require('../../views/SessionKeyApprovalView/SessionKeyApprovalView.cjs');
+
+const ZkSyncApprovalModal = ({ session, onCancel, onApproved, }) => {
+    const { onSuccess, show, handleOnModalUnmount, closeModal } = useConfirmationPortal.useConfirmationPortal({
+        defaultErrorMessage: 'User canceled',
+        onReject: onCancel,
+        onResolve: onApproved,
+    });
+    return (jsxRuntime.jsx(ConfirmationModal.ConfirmationModal, { modalId: 'zksync-approval-modal', show: show, 
+        // Disables the closing by clicking outside the modal
+        closeModal: () => { }, handleOnModalUnmount: handleOnModalUnmount, children: jsxRuntime.jsx(SessionKeyApprovalView.SessionKeyApprovalView, { session: session, onApprove: onSuccess, onReject: closeModal }) }));
+};
+
+exports.ZkSyncApprovalModal = ZkSyncApprovalModal;

package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type ZkSyncApprovalModalProps = {
+    session: unknown;
+    onCancel: (error: unknown) => void;
+    onApproved: () => void;
+};
+export declare const ZkSyncApprovalModal: FC<ZkSyncApprovalModalProps>;
+export {};

package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.js

@@ -0,0 +1,18 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+import { ConfirmationModal } from '../ConfirmationModal/ConfirmationModal.js';
+import { useConfirmationPortal } from '../../utils/hooks/useConfirmationPortal/useConfirmationPortal.js';
+import { SessionKeyApprovalView } from '../../views/SessionKeyApprovalView/SessionKeyApprovalView.js';
+
+const ZkSyncApprovalModal = ({ session, onCancel, onApproved, }) => {
+    const { onSuccess, show, handleOnModalUnmount, closeModal } = useConfirmationPortal({
+        defaultErrorMessage: 'User canceled',
+        onReject: onCancel,
+        onResolve: onApproved,
+    });
+    return (jsx(ConfirmationModal, { modalId: 'zksync-approval-modal', show: show, 
+        // Disables the closing by clicking outside the modal
+        closeModal: () => { }, handleOnModalUnmount: handleOnModalUnmount, children: jsx(SessionKeyApprovalView, { session: session, onApprove: onSuccess, onReject: closeModal }) }));
+};
+
+export { ZkSyncApprovalModal };

package/src/lib/modals/ZkSyncApprovalModal/index.d.ts

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

package/src/lib/modals/index.d.ts

@@ -6,3 +6,4 @@ export * from './SyncWalletPromptModal';
 export * from './TransactionConfirmationModal';
 export * from './UserFieldEditorModal';
 export * from './AddNetworkModal';
+export * from './ZkSyncApprovalModal';

package/src/lib/shared/assets/backup.cjs

@@ -0,0 +1,52 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var SvgBackup = function SvgBackup(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M32.5 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32Zm10.325 34.635a.89.89 0 0 0-1.258-.016l-1.8 1.757a.89.89 0 0 0-.016 1.258l1.758 1.801a.89.89 0 0 0 1.273-1.242l-.338-.346a7.119 7.119 0 1 1-5.245.735.89.89 0 1 0-.886-1.543 8.897 8.897 0 1 0 6.321-.975l.176-.171a.89.89 0 0 0 .015-1.258ZM20.45 15a4.95 4.95 0 0 0-4.95 4.95v23.1A4.95 4.95 0 0 0 20.45 48h8.11a12.481 12.481 0 0 1-.383-3.081c0-6.004 4.247-11.016 9.901-12.194a2.462 2.462 0 0 1 2.172-.256 12.403 12.403 0 0 1 8.25 2.795V26.55a4.95 4.95 0 0 0-4.95-4.95h-23.1a1.65 1.65 0 1 1 0-3.3h19.8a1.65 1.65 0 1 0 0-3.3h-19.8Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgBackup;

package/src/lib/shared/assets/backup.js

@@ -0,0 +1,28 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var SvgBackup = function SvgBackup(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M32.5 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32Zm10.325 34.635a.89.89 0 0 0-1.258-.016l-1.8 1.757a.89.89 0 0 0-.016 1.258l1.758 1.801a.89.89 0 0 0 1.273-1.242l-.338-.346a7.119 7.119 0 1 1-5.245.735.89.89 0 1 0-.886-1.543 8.897 8.897 0 1 0 6.321-.975l.176-.171a.89.89 0 0 0 .015-1.258ZM20.45 15a4.95 4.95 0 0 0-4.95 4.95v23.1A4.95 4.95 0 0 0 20.45 48h8.11a12.481 12.481 0 0 1-.383-3.081c0-6.004 4.247-11.016 9.901-12.194a2.462 2.462 0 0 1 2.172-.256 12.403 12.403 0 0 1 8.25 2.795V26.55a4.95 4.95 0 0 0-4.95-4.95h-23.1a1.65 1.65 0 1 1 0-3.3h19.8a1.65 1.65 0 1 0 0-3.3h-19.8Z",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgBackup as ReactComponent };