@dynamic-labs/sdk-react-core 4.18.6 → 4.18.8

package/CHANGELOG.md

@@ -1,4 +1,31 @@
 
+### [4.18.8](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.7...v4.18.8) (2025-05-22)
+
+### Bug Fixes
+
+* allow closing widget right after login ([#8760](https://github.com/dynamic-labs/dynamic-auth/issues/8760)) ([a9afff0](https://github.com/dynamic-labs/dynamic-auth/commit/a9afff0ab2a685853b39aed88e10bf1e700e4c8c))
+* user wallets turning empty when linking new wallets ([#8775](https://github.com/dynamic-labs/dynamic-auth/issues/8775)) ([04215f5](https://github.com/dynamic-labs/dynamic-auth/commit/04215f5307e16ec4e1a7ff235a0d7df2340c3447))
+
+### [4.18.7](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.6...v4.18.7) (2025-05-21)
+
+
+### Features
+
+* add zero dev kernel migration to v3.3 ([#8747](https://github.com/dynamic-labs/dynamic-auth/issues/8747)) ([ce10ef8](https://github.com/dynamic-labs/dynamic-auth/commit/ce10ef85d12452c2c21758c909f1e28f9fa5fbae))
+* bump [@dynamic-labs-wallet](https://github.com/dynamic-labs-wallet) to v0.0.74 ([#8746](https://github.com/dynamic-labs/dynamic-auth/issues/8746)) ([98e3a0b](https://github.com/dynamic-labs/dynamic-auth/commit/98e3a0b845e7d6c34a2c748597198825713f4bcf))
+* support kernel versio 0.3.2 and 0.3.3 ([#8738](https://github.com/dynamic-labs/dynamic-auth/issues/8738)) ([1115830](https://github.com/dynamic-labs/dynamic-auth/commit/1115830966318960d39a497c8b29188d9d9a447f))
+* v3 solana confirmation ui ([#8731](https://github.com/dynamic-labs/dynamic-auth/issues/8731)) ([cfa5ba0](https://github.com/dynamic-labs/dynamic-auth/commit/cfa5ba07a946b847e60388c80afbd8aa233e9ebf))
+* v3 svm send balance ([#8726](https://github.com/dynamic-labs/dynamic-auth/issues/8726)) ([236ec48](https://github.com/dynamic-labs/dynamic-auth/commit/236ec4843152f4b720aa7332e650db68c2d111b2))
+
+
+### Bug Fixes
+
+* **alex/qntm-3201:** send empty data field when using zksync sendbalance ([#8733](https://github.com/dynamic-labs/dynamic-auth/issues/8733)) ([4c42035](https://github.com/dynamic-labs/dynamic-auth/commit/4c420350cf7404ac80db8b552594233a3de9fb57))
+* allow for continuing signing if zksync account exists while attempting to deploy ([#8736](https://github.com/dynamic-labs/dynamic-auth/issues/8736)) ([1ff82e4](https://github.com/dynamic-labs/dynamic-auth/commit/1ff82e418e14300b9dec662fba517c5533c1caac))
+* api kernel version on react native extension ([#8754](https://github.com/dynamic-labs/dynamic-auth/issues/8754)) ([c2f0bb4](https://github.com/dynamic-labs/dynamic-auth/commit/c2f0bb4ac86214f4e3bbdac5cf4b481a7a304449))
+* CTRL wallet eip6963 detection ([#8727](https://github.com/dynamic-labs/dynamic-auth/issues/8727)) ([194334f](https://github.com/dynamic-labs/dynamic-auth/commit/194334f7fd541917d9a7f6b452145a47cf7ae853))
+* **QNTM-3249:** fix mobile layout alignment in send view ([#8740](https://github.com/dynamic-labs/dynamic-auth/issues/8740)) ([7d8e02c](https://github.com/dynamic-labs/dynamic-auth/commit/7d8e02c11830f547b6fcfbc7b518ee3f045df41a))
+
 ### [4.18.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.5...v4.18.6) (2025-05-16)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.18.6";
+var version = "4.18.8";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.669",
+	"@dynamic-labs/sdk-api-core": "0.0.672",
 	"@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.18.6";
+var version = "4.18.8";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.669",
+	"@dynamic-labs/sdk-api-core": "0.0.672",
 	"@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.18.6",
+  "version": "4.18.8",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.669",
+    "@dynamic-labs/sdk-api-core": "0.0.672",
     "@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.18.6",
-    "@dynamic-labs/iconic": "4.18.6",
-    "@dynamic-labs/logger": "4.18.6",
-    "@dynamic-labs/multi-wallet": "4.18.6",
-    "@dynamic-labs/rpc-providers": "4.18.6",
-    "@dynamic-labs/store": "4.18.6",
-    "@dynamic-labs/types": "4.18.6",
-    "@dynamic-labs/utils": "4.18.6",
-    "@dynamic-labs/wallet-book": "4.18.6",
-    "@dynamic-labs/wallet-connector-core": "4.18.6",
+    "@dynamic-labs/assert-package-version": "4.18.8",
+    "@dynamic-labs/iconic": "4.18.8",
+    "@dynamic-labs/logger": "4.18.8",
+    "@dynamic-labs/multi-wallet": "4.18.8",
+    "@dynamic-labs/rpc-providers": "4.18.8",
+    "@dynamic-labs/store": "4.18.8",
+    "@dynamic-labs/types": "4.18.8",
+    "@dynamic-labs/utils": "4.18.8",
+    "@dynamic-labs/wallet-book": "4.18.8",
+    "@dynamic-labs/wallet-connector-core": "4.18.8",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -1,6 +1,6 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
 import { BaseButtonProps } from '../BaseButton';
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card';
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card' | 'danger';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none' | 'default' | 'login-screen-height';
 export declare const defaultButtonVariant: ButtonVariant;
 export type ButtonProps = BaseButtonProps & {

package/src/lib/components/ModalHeader/ModalHeader.cjs

@@ -8,7 +8,7 @@ var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var isGlobalWalletPopup = require('../../shared/utils/functions/isGlobalWalletPopup/isGlobalWalletPopup.cjs');
 
-const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, }) => {
+const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, variant = 'default', }) => {
     const hasLeading = displayLeading && leading && React.Children.count(leading);
     const hasTrailing = displayTrailing && trailing && React.Children.count(trailing);
     const trailingClassName = classNames.classNames('modal-header__content__trailing', {
@@ -17,6 +17,7 @@ const ModalHeader = ({ alignContent, children, leading, displayLeading = true, t
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('modal-header', {
             'modal-header--border': displayBorder,
             'modal-header--empty': !hasLeading && !children && !hasTrailing,
+            'modal-header--filled': variant === 'filled',
         }), style: style, children: [jsxRuntime.jsxs("div", { className: classNames.classNames('modal-header__content', alignContent &&
                     `modal-header__content--align-content-${alignContent}`), children: [displayLeading && (jsxRuntime.jsx("div", { className: classNames.classNames('modal-header__content__leading', {
                             'modal-header__content__leading--empty': !hasLeading,

package/src/lib/components/ModalHeader/ModalHeader.js

@@ -4,7 +4,7 @@ import { Children } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { isGlobalWalletPopup } from '../../shared/utils/functions/isGlobalWalletPopup/isGlobalWalletPopup.js';
 
-const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, }) => {
+const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, variant = 'default', }) => {
     const hasLeading = displayLeading && leading && Children.count(leading);
     const hasTrailing = displayTrailing && trailing && Children.count(trailing);
     const trailingClassName = classNames('modal-header__content__trailing', {
@@ -13,6 +13,7 @@ const ModalHeader = ({ alignContent, children, leading, displayLeading = true, t
     return (jsxs("div", { className: classNames('modal-header', {
             'modal-header--border': displayBorder,
             'modal-header--empty': !hasLeading && !children && !hasTrailing,
+            'modal-header--filled': variant === 'filled',
         }), style: style, children: [jsxs("div", { className: classNames('modal-header__content', alignContent &&
                     `modal-header__content--align-content-${alignContent}`), children: [displayLeading && (jsx("div", { className: classNames('modal-header__content__leading', {
                             'modal-header__content__leading--empty': !hasLeading,

package/src/lib/components/ModalHeader/ModalHeader.types.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactElement, ReactNode } from 'react';
+export type ModalHeaderVariant = 'default' | 'filled';
 export type ModalHeaderProps = {
     alignContent?: 'bottom';
     children?: ReactNode;
-    leading?: ReactElement | ReactElement[];
+    leading?: ReactNode;
     displayLeading?: boolean;
     positionAbsolute?: boolean;
     trailing?: ReactNode;
@@ -10,5 +11,6 @@ export type ModalHeaderProps = {
     style?: CSSProperties;
     displayBorder?: boolean;
     description?: ReactNode;
+    variant?: ModalHeaderVariant;
 };
 export type ModalHeaderComponent = (props: ModalHeaderProps) => ReactElement;

package/src/lib/components/TypographyButton/TypographyButton.cjs

@@ -12,6 +12,7 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',
     card: 'body_normal',
+    danger: 'button_primary',
     primary: 'button_primary',
     secondary: 'button_secondary',
     tertiary: 'button_tertiary',
@@ -19,6 +20,7 @@ const defaultTypographyVariantMap = {
 const defaultTypographyColorMap = {
     'brand-primary': 'primary',
     card: 'primary',
+    danger: 'white',
     primary: 'primary',
     secondary: 'primary',
     tertiary: 'secondary',

package/src/lib/components/TypographyButton/TypographyButton.js

@@ -8,6 +8,7 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',
     card: 'body_normal',
+    danger: 'button_primary',
     primary: 'button_primary',
     secondary: 'button_secondary',
     tertiary: 'button_tertiary',
@@ -15,6 +16,7 @@ const defaultTypographyVariantMap = {
 const defaultTypographyColorMap = {
     'brand-primary': 'primary',
     card: 'primary',
+    danger: 'white',
     primary: 'primary',
     secondary: 'primary',
     tertiary: 'secondary',

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.cjs

@@ -26,6 +26,12 @@ const useDynamicContext = () => {
         });
     }, [setShowAuthFlow]);
     const { initialWalletVerificationInProgress } = loadingAndLifecycle.useLoadingAndLifecycle();
+    // This ref ensures we don't return a value for primary wallet until useConnectAndSign has completely finished running
+    // Read UserWalletsContext.tsx explanation for more context
+    const verifiedPrimaryWallet = React.useRef(null);
+    if (!initialWalletVerificationInProgress || !primaryWallet) {
+        verifiedPrimaryWallet.current = primaryWallet;
+    }
     return {
         accountSwitchState,
         authMode,
@@ -41,7 +47,7 @@ const useDynamicContext = () => {
         multiWalletWidgetState,
         network,
         networkConfigurations,
-        primaryWallet: initialWalletVerificationInProgress ? null : primaryWallet,
+        primaryWallet: verifiedPrimaryWallet.current,
         qrcodeUri,
         refetchProjectSettings,
         removeWallet,

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.js

@@ -1,5 +1,5 @@
 'use client'
-import { useContext, useCallback } from 'react';
+import { useContext, useCallback, useRef } from 'react';
 import { DynamicContext } from '../DynamicContext.js';
 import { useLoadingAndLifecycle } from '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import { useOverrides } from './useOverrides/useOverrides.js';
@@ -22,6 +22,12 @@ const useDynamicContext = () => {
         });
     }, [setShowAuthFlow]);
     const { initialWalletVerificationInProgress } = useLoadingAndLifecycle();
+    // This ref ensures we don't return a value for primary wallet until useConnectAndSign has completely finished running
+    // Read UserWalletsContext.tsx explanation for more context
+    const verifiedPrimaryWallet = useRef(null);
+    if (!initialWalletVerificationInProgress || !primaryWallet) {
+        verifiedPrimaryWallet.current = primaryWallet;
+    }
     return {
         accountSwitchState,
         authMode,
@@ -37,7 +43,7 @@ const useDynamicContext = () => {
         multiWalletWidgetState,
         network,
         networkConfigurations,
-        primaryWallet: initialWalletVerificationInProgress ? null : primaryWallet,
+        primaryWallet: verifiedPrimaryWallet.current,
         qrcodeUri,
         refetchProjectSettings,
         removeWallet,

package/src/lib/context/UserWalletsContext/UserWalletsContext.cjs

@@ -65,13 +65,36 @@ const useInternalUserWallets = () => {
 };
 /** Provides access to the current user/session wallets */
 const useUserWallets = () => {
+    var _a;
     const context = React.useContext(UserWalletsContext);
+    // EXPLANATION:
+    //
+    // The problem:
+    // When we call useConnectAndSign, the wallet that is then added remains in an incomplete state until
+    // all tasks initiated by useConnectAndSign have completely finished running.
+    // If, say, a customer calls switchNetwork() on it in this meantime, the SDK will enter a broken state.
+    // Can be checked by attempting signMessage with wagmi after entering this broken state.
+    //
+    // The Solution:
+    // In order to prevent customers from accessing these wallets while they are incomplete,
+    // we return the old value of userWallets until useConnectAndSign has completely finished running.
+    //
+    // This is done by setting this "initialWalletVerificationInProgress" flag to true while it runs,
+    // and storing the previous value of userWallets in verifiedUserWallets.
+    // We then return this ref instead of the current userWallets.
+    //
+    // This ref is only updated when initialWalletVerificationInProgress is false, i.e. when
+    // there is no wallet being added at the moment.
+    //
+    // FYI this same logic is used in useDynamicContext for primaryWallet
+    const verifiedUserWallets = React.useRef([]);
     const { initialWalletVerificationInProgress } = loadingAndLifecycle.useLoadingAndLifecycle();
     if (!context)
         throw new Error('Can only call useUserWallets inside UserWalletsProvider');
-    if (initialWalletVerificationInProgress)
-        return [];
-    return context.userWallets;
+    if (!initialWalletVerificationInProgress) {
+        verifiedUserWallets.current = (_a = context === null || context === void 0 ? void 0 : context.userWallets) !== null && _a !== void 0 ? _a : [];
+    }
+    return verifiedUserWallets.current;
 };
 
 exports.UserWalletsContext = UserWalletsContext;

package/src/lib/context/UserWalletsContext/UserWalletsContext.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
+import { createContext, useContext, useRef, useState, useCallback, useEffect } from 'react';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 import { useLoadingAndLifecycle } from '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 
@@ -61,13 +61,36 @@ const useInternalUserWallets = () => {
 };
 /** Provides access to the current user/session wallets */
 const useUserWallets = () => {
+    var _a;
     const context = useContext(UserWalletsContext);
+    // EXPLANATION:
+    //
+    // The problem:
+    // When we call useConnectAndSign, the wallet that is then added remains in an incomplete state until
+    // all tasks initiated by useConnectAndSign have completely finished running.
+    // If, say, a customer calls switchNetwork() on it in this meantime, the SDK will enter a broken state.
+    // Can be checked by attempting signMessage with wagmi after entering this broken state.
+    //
+    // The Solution:
+    // In order to prevent customers from accessing these wallets while they are incomplete,
+    // we return the old value of userWallets until useConnectAndSign has completely finished running.
+    //
+    // This is done by setting this "initialWalletVerificationInProgress" flag to true while it runs,
+    // and storing the previous value of userWallets in verifiedUserWallets.
+    // We then return this ref instead of the current userWallets.
+    //
+    // This ref is only updated when initialWalletVerificationInProgress is false, i.e. when
+    // there is no wallet being added at the moment.
+    //
+    // FYI this same logic is used in useDynamicContext for primaryWallet
+    const verifiedUserWallets = useRef([]);
     const { initialWalletVerificationInProgress } = useLoadingAndLifecycle();
     if (!context)
         throw new Error('Can only call useUserWallets inside UserWalletsProvider');
-    if (initialWalletVerificationInProgress)
-        return [];
-    return context.userWallets;
+    if (!initialWalletVerificationInProgress) {
+        verifiedUserWallets.current = (_a = context === null || context === void 0 ? void 0 : context.userWallets) !== null && _a !== void 0 ? _a : [];
+    }
+    return verifiedUserWallets.current;
 };
 
 export { UserWalletsContext, UserWalletsProvider, useInternalUserWallets, useUserWallets };

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

@@ -960,6 +960,24 @@ const translation = {
       empty_screen: {
         title: 'Nothing to see here yet!',
       },
+      delete_account: {
+        title: 'Delete My Account',
+        description:
+          'Deleting your account will permanently remove all data, including wallet details and linked smart contract wallets. This action cannot be undone.',
+        backup_confirmation_embedded:
+          "I confirm I've backed up my wallet keys. If I proceed, a new wallet will be created. Any wallets or assets not backed up will be lost permanently.",
+        backup_confirmation_no_embedded:
+          'I confirm that all of my information will be deleted. If I return, a new user profile will be created. These changes cannot be undone.',
+        type_delete: 'Enter DELETE in the box below to confirm this action.',
+        cancel: 'Cancel',
+        confirm: 'Delete Account',
+        deleting: 'Deleting...',
+        type_delete_label: 'Type to confirm',
+      },
+      session_management: {
+        title: 'Security Settings',
+        session_management_button: 'Session Management',
+      },
     }
      */
     dyn_settings: {
@@ -1003,6 +1021,10 @@ const translation = {
             deleting: 'Deleting...',
             type_delete_label: 'Type to confirm',
         },
+        session_management: {
+            title: 'Security Settings',
+            session_management_button: 'Session Management',
+        },
     },
     /**
      * @description copy keys for global wallet view
@@ -1984,6 +2006,76 @@ const translation = {
         using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
         button: 'Connect',
     },
+    /**
+     * @description copy keys for session management view
+     * @default
+     * {
+        aria: {
+          back_button_label: 'Back',
+          info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+          title: 'No active sessions found',
+        },
+        info_view: {
+          title: 'Connected App Sessions',
+          description_bold: 'Easily manage which apps have access to your wallet. ',
+          description_2:
+            "Each session represents a connection you've made with a site or app.",
+          description_3:
+            'You can revoke access anytime to stay in control of where and how your wallet is used.',
+          continue_button: 'Continue',
+        },
+        revoke_access_view: {
+          title: 'Revoke Access',
+          description:
+            "You're removing this site's permissions. Confirm to revoke access.",
+          cancel_button: 'Cancel',
+          revoke_button: 'Revoke',
+        },
+        session_component: {
+          aria: {
+            collapse_permissions: 'Collapse',
+            expand_permissions: 'Expand',
+          },
+          permission_details: 'Permission details',
+          revoke_button: 'Revoke',
+        },
+      }
+    */
+    dyn_session_management: {
+        aria: {
+            back_button_label: 'Back',
+            info_button_label: 'Info',
+            close_button_label: 'Close',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+            title: 'No active sessions found',
+        },
+        info_view: {
+            title: 'Connected App Sessions',
+            description_bold: 'Easily manage which apps have access to your wallet. ',
+            description_2: "Each session represents a connection you've made with a site or app.",
+            description_3: 'You can revoke access anytime to stay in control of where and how your wallet is used.',
+            continue_button: 'Continue',
+        },
+        revoke_access_view: {
+            title: 'Revoke Access',
+            description: "You're removing this site's permissions. Confirm to revoke access.",
+            cancel_button: 'Cancel',
+            revoke_button: 'Revoke',
+        },
+        session_component: {
+            aria: {
+                collapse_permissions: 'Collapse',
+                expand_permissions: 'Expand',
+            },
+            permission_details: 'Permission details',
+            revoke_button: 'Revoke',
+        },
+    },
     /**
      * @description copy keys for sign message flow views
      * @default

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

@@ -954,6 +954,24 @@ export declare const translation: {
       empty_screen: {
         title: 'Nothing to see here yet!',
       },
+      delete_account: {
+        title: 'Delete My Account',
+        description:
+          'Deleting your account will permanently remove all data, including wallet details and linked smart contract wallets. This action cannot be undone.',
+        backup_confirmation_embedded:
+          "I confirm I've backed up my wallet keys. If I proceed, a new wallet will be created. Any wallets or assets not backed up will be lost permanently.",
+        backup_confirmation_no_embedded:
+          'I confirm that all of my information will be deleted. If I return, a new user profile will be created. These changes cannot be undone.',
+        type_delete: 'Enter DELETE in the box below to confirm this action.',
+        cancel: 'Cancel',
+        confirm: 'Delete Account',
+        deleting: 'Deleting...',
+        type_delete_label: 'Type to confirm',
+      },
+      session_management: {
+        title: 'Security Settings',
+        session_management_button: 'Session Management',
+      },
     }
      */
     dyn_settings: {
@@ -999,6 +1017,10 @@ export declare const translation: {
             deleting: string;
             type_delete_label: string;
         };
+        session_management: {
+            title: string;
+            session_management_button: string;
+        };
     };
     /**
      * @description copy keys for global wallet view
@@ -1980,6 +2002,76 @@ export declare const translation: {
         using_hardware_wallet_toggle_label: string;
         button: string;
     };
+    /**
+     * @description copy keys for session management view
+     * @default
+     * {
+        aria: {
+          back_button_label: 'Back',
+          info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+          title: 'No active sessions found',
+        },
+        info_view: {
+          title: 'Connected App Sessions',
+          description_bold: 'Easily manage which apps have access to your wallet. ',
+          description_2:
+            "Each session represents a connection you've made with a site or app.",
+          description_3:
+            'You can revoke access anytime to stay in control of where and how your wallet is used.',
+          continue_button: 'Continue',
+        },
+        revoke_access_view: {
+          title: 'Revoke Access',
+          description:
+            "You're removing this site's permissions. Confirm to revoke access.",
+          cancel_button: 'Cancel',
+          revoke_button: 'Revoke',
+        },
+        session_component: {
+          aria: {
+            collapse_permissions: 'Collapse',
+            expand_permissions: 'Expand',
+          },
+          permission_details: 'Permission details',
+          revoke_button: 'Revoke',
+        },
+      }
+    */
+    dyn_session_management: {
+        aria: {
+            back_button_label: string;
+            info_button_label: string;
+            close_button_label: string;
+        };
+        title: string;
+        empty_sessions_view: {
+            title: string;
+        };
+        info_view: {
+            title: string;
+            description_bold: string;
+            description_2: string;
+            description_3: string;
+            continue_button: string;
+        };
+        revoke_access_view: {
+            title: string;
+            description: string;
+            cancel_button: string;
+            revoke_button: string;
+        };
+        session_component: {
+            aria: {
+                collapse_permissions: string;
+                expand_permissions: string;
+            };
+            permission_details: string;
+            revoke_button: string;
+        };
+    };
     /**
      * @description copy keys for sign message flow views
      * @default