@dynamic-labs/sdk-react-core 4.6.2 → 4.7.0

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+## [4.7.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.6.3...v4.7.0) (2025-02-20)
+
+
+### Features
+
+* 7702 support ([14ee3cd](https://github.com/dynamic-labs/dynamic-auth/commit/14ee3cd3513ac8b3e8e866cc2026b042c706b7e6))
+
+
+### Bug Fixes
+
+* fallback to empty array when token balances is called with an invalid chain ID ([#8108](https://github.com/dynamic-labs/dynamic-auth/issues/8108)) ([7d14ded](https://github.com/dynamic-labs/dynamic-auth/commit/7d14ded6afa0de604901bbc8bc13620d03dc2e8c))
+* improve global connectivity sign typed data reliability ([#8103](https://github.com/dynamic-labs/dynamic-auth/issues/8103)) ([8b0d2dd](https://github.com/dynamic-labs/dynamic-auth/commit/8b0d2ddbeb62a11732a9d59bc6cd4b72d82b9855))
+* **QNTM-2902:** ensure react updates icons ([#8105](https://github.com/dynamic-labs/dynamic-auth/issues/8105)) ([1182c4c](https://github.com/dynamic-labs/dynamic-auth/commit/1182c4cc103c599e6bbff89af9b1312fb96b6d05))
+
+### [4.6.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.6.2...v4.6.3) (2025-02-14)
+
+
+### Bug Fixes
+
+* optimize zerodev connector initialization ([dff1b4d](https://github.com/dynamic-labs/dynamic-auth/commit/dff1b4d410ab06c45635e0114823cbba4b8c1905))
+
 ### [4.6.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.6.1...v4.6.2) (2025-02-14)
 
 

package/package.cjs

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

package/src/lib/Main.cjs

@@ -153,7 +153,7 @@ const Main = () => {
         }
         // Validate the network
         if (!isSupportedNetwork.isSupportedNetwork({
-            network: yield walletByConnectorKey.connector.getNetwork(),
+            network: yield walletByConnectorKey.connector.getNetwork(true),
             walletConnector: walletByConnectorKey.connector,
         })) {
             disconnectWallet(walletByConnectorKey.id);

package/src/lib/Main.js

@@ -149,7 +149,7 @@ const Main = () => {
         }
         // Validate the network
         if (!isSupportedNetwork({
-            network: yield walletByConnectorKey.connector.getNetwork(),
+            network: yield walletByConnectorKey.connector.getNetwork(true),
             walletConnector: walletByConnectorKey.connector,
         })) {
             disconnectWallet(walletByConnectorKey.id);

package/src/lib/components/BaseButton/BaseButton.cjs

@@ -0,0 +1,20 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Headless Button component for other buttons to extend.
+ *
+ * This component handles button basics such as:
+ * - Accessibility props
+ * - Refs
+ * - Test IDs
+ * - Click events
+ * - Disabled state
+ */
+const BaseButton = ({ children, className, dataTestId, disabled, onClick, type, style, ariaLabel, ariaExpanded, ariaControls, buttonRef, }) => (jsxRuntime.jsx("button", { type: type, className: className, ref: buttonRef, onClick: onClick, disabled: disabled, "data-testid": dataTestId, style: style, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, children: children }));
+
+exports.BaseButton = BaseButton;

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

@@ -0,0 +1,21 @@
+import { ButtonHTMLAttributes, FC, MouseEventHandler, PropsWithChildren, Ref } from 'react';
+import { ButtonAriaProps } from '../../utils/types/ButtonAriaProps';
+import { ClassStyleProps } from '../../utils/types/ClassStyleProps';
+export type BaseButtonProps = ClassStyleProps & ButtonAriaProps & PropsWithChildren & {
+    dataTestId?: string;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
+    buttonRef?: Ref<HTMLButtonElement>;
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+};
+/**
+ * Headless Button component for other buttons to extend.
+ *
+ * This component handles button basics such as:
+ * - Accessibility props
+ * - Refs
+ * - Test IDs
+ * - Click events
+ * - Disabled state
+ */
+export declare const BaseButton: FC<BaseButtonProps>;

package/src/lib/components/BaseButton/BaseButton.js

@@ -0,0 +1,16 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Headless Button component for other buttons to extend.
+ *
+ * This component handles button basics such as:
+ * - Accessibility props
+ * - Refs
+ * - Test IDs
+ * - Click events
+ * - Disabled state
+ */
+const BaseButton = ({ children, className, dataTestId, disabled, onClick, type, style, ariaLabel, ariaExpanded, ariaControls, buttonRef, }) => (jsx("button", { type: type, className: className, ref: buttonRef, onClick: onClick, disabled: disabled, "data-testid": dataTestId, style: style, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, children: children }));
+
+export { BaseButton };

package/src/lib/components/BaseButton/index.d.ts

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

package/src/lib/components/Button/Button.cjs

@@ -8,8 +8,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var spinner = require('../Spinner/spinner.cjs');
+var BaseButton = require('../BaseButton/BaseButton.cjs');
 
 const defaultButtonVariant = 'primary';
+/**
+ * A Button component with options for different variants, padding, and more.
+ */
 const Button = ({ buttonClassName = '', className, style, buttonPadding = 'medium', buttonVariant = defaultButtonVariant, buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = React.useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = React.useState(false);
@@ -41,7 +45,7 @@ const Button = ({ buttonClassName = '', className, style, buttonPadding = 'mediu
     });
     const buttonContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [startSlot && jsxRuntime.jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) &&
                 (isFeedbackVisible && feedback ? feedback : children), endSlot && jsxRuntime.jsx("div", { className: 'button__end-slot', children: endSlot })] }));
-    return (jsxRuntime.jsxs("button", { type: type, ref: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, style: style, children: [(internalButtonLoading || loading) && (jsxRuntime.jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }) })), buttonContent] }));
+    return (jsxRuntime.jsxs(BaseButton.BaseButton, { type: type, buttonRef: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, dataTestId: dataTestId, style: style, ariaExpanded: expanded, children: [(internalButtonLoading || loading) && (jsxRuntime.jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }) })), buttonContent] }));
 };
 
 exports.Button = Button;

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

@@ -1,15 +1,12 @@
-import { ButtonHTMLAttributes, FC, LegacyRef, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
-import { ClassStyleProps } from '../../utils/types/ClassStyleProps';
+import { FC, MouseEventHandler, ReactNode } from 'react';
+import { BaseButtonProps } from '../BaseButton';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none' | 'default' | 'login-screen-height';
 export declare const defaultButtonVariant: ButtonVariant;
-export type ButtonProps = ClassStyleProps & PropsWithChildren & {
+export type ButtonProps = BaseButtonProps & {
     buttonClassName?: string;
     buttonPadding?: ButtonPadding;
     buttonVariant?: ButtonVariant;
-    buttonRef?: LegacyRef<HTMLButtonElement>;
-    dataTestId?: string;
-    disabled?: boolean;
     endSlot?: JSX.Element;
     expanded?: boolean;
     feedback?: ReactNode;
@@ -17,7 +14,9 @@ export type ButtonProps = ClassStyleProps & PropsWithChildren & {
     loading?: boolean;
     startSlot?: JSX.Element;
     onClick?: MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
-    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
 };
+/**
+ * A Button component with options for different variants, padding, and more.
+ */
 export declare const Button: FC<ButtonProps>;
 export {};

package/src/lib/components/Button/Button.js

@@ -4,8 +4,12 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Spinner } from '../Spinner/spinner.js';
+import { BaseButton } from '../BaseButton/BaseButton.js';
 
 const defaultButtonVariant = 'primary';
+/**
+ * A Button component with options for different variants, padding, and more.
+ */
 const Button = ({ buttonClassName = '', className, style, buttonPadding = 'medium', buttonVariant = defaultButtonVariant, buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = useState(false);
@@ -37,7 +41,7 @@ const Button = ({ buttonClassName = '', className, style, buttonPadding = 'mediu
     });
     const buttonContent = (jsxs(Fragment, { children: [startSlot && jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) &&
                 (isFeedbackVisible && feedback ? feedback : children), endSlot && jsx("div", { className: 'button__end-slot', children: endSlot })] }));
-    return (jsxs("button", { type: type, ref: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, style: style, children: [(internalButtonLoading || loading) && (jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsx(Spinner, { className: 'button__spinner' }) })), buttonContent] }));
+    return (jsxs(BaseButton, { type: type, buttonRef: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, dataTestId: dataTestId, style: style, ariaExpanded: expanded, children: [(internalButtonLoading || loading) && (jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsx(Spinner, { className: 'button__spinner' }) })), buttonContent] }));
 };
 
 export { Button, defaultButtonVariant };

package/src/lib/components/NetworkPicker/components/NetworkSwitchControl/NetworkSwitchControl.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var utils = require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('react');
 var stroke = require('../../../../shared/assets/stroke.cjs');
@@ -15,6 +14,7 @@ require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../Alert/Alert.cjs');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
@@ -101,7 +101,7 @@ require('../../../Popper/PopperContext/PopperContext.cjs');
 
 const NetworkSwitchControl = ({ enabledNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
     var _a, _b;
-    const currentNetwork = enabledNetworks.find((element) => network && element.chainId === utils.parseChainId(network));
+    const currentNetwork = enabledNetworks.find((element) => network && element.chainId.toString() === network.toString());
     if (!enabledNetworks.length) {
         return (jsxRuntime.jsx("div", { "data-testid": 'NetworkSwitchControl', className: classNames.classNames('network-switch-control__container network-switch-control__container--error', className), children: jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName }) }));
     }

package/src/lib/components/NetworkPicker/components/NetworkSwitchControl/NetworkSwitchControl.js

@@ -1,6 +1,5 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { parseChainId } from '@dynamic-labs/utils';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js';
@@ -11,6 +10,7 @@ import '../../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../Alert/Alert.js';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
@@ -97,7 +97,7 @@ import '../../../Popper/PopperContext/PopperContext.js';
 
 const NetworkSwitchControl = ({ enabledNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
     var _a, _b;
-    const currentNetwork = enabledNetworks.find((element) => network && element.chainId === parseChainId(network));
+    const currentNetwork = enabledNetworks.find((element) => network && element.chainId.toString() === network.toString());
     if (!enabledNetworks.length) {
         return (jsx("div", { "data-testid": 'NetworkSwitchControl', className: classNames('network-switch-control__container network-switch-control__container--error', className), children: jsx(UnsupportedNetwork, { showMsg: showNetworkName }) }));
     }

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs

@@ -126,6 +126,7 @@ const useHandleLogout = (params) => {
         utils.StorageService.removeItem(localStorage.WALLET_PICKER_SEARCH_KEY);
         utils.StorageService.removeItem(localStorage.PHANTOM_SIGNATURE_STATE);
         utils.StorageService.removeItem(localStorage.AUTH_EXPIRES_AT);
+        utils.StorageService.removeItem(localStorage.ZERODEV_AUTHORIZATION);
         p.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js

@@ -7,7 +7,7 @@ import '../../../../config/ApiEndpoint.js';
 import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../shared/logger.js';
-import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT } from '../../../../utils/constants/localStorage.js';
+import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT, ZERODEV_AUTHORIZATION } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
@@ -122,6 +122,7 @@ const useHandleLogout = (params) => {
         StorageService.removeItem(WALLET_PICKER_SEARCH_KEY);
         StorageService.removeItem(PHANTOM_SIGNATURE_STATE);
         StorageService.removeItem(AUTH_EXPIRES_AT);
+        StorageService.removeItem(ZERODEV_AUTHORIZATION);
         p.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,

package/src/lib/context/DynamicContext/hooks/useNameService/useNameService.cjs

@@ -26,7 +26,7 @@ const useNameService = ({ currentWallet, user }) => {
     const lastFetchedNameServiceNetwork = React.useRef();
     const fetchNameServiceFromBlockchain = React.useCallback((wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { address, connector } = wallet;
-        const network = yield connector.getNetwork();
+        const network = yield connector.getNetwork(true);
         if (address === lastFetchedNameServiceAddress.current &&
             network === lastFetchedNameServiceNetwork.current) {
             return;
@@ -62,7 +62,7 @@ const useNameService = ({ currentWallet, user }) => {
         if (!currentWallet) {
             return;
         }
-        const network = yield currentWallet.connector.getNetwork();
+        const network = yield currentWallet.connector.getNetwork(true);
         const verifiedCredentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {

package/src/lib/context/DynamicContext/hooks/useNameService/useNameService.js

@@ -22,7 +22,7 @@ const useNameService = ({ currentWallet, user }) => {
     const lastFetchedNameServiceNetwork = useRef();
     const fetchNameServiceFromBlockchain = useCallback((wallet) => __awaiter(void 0, void 0, void 0, function* () {
         const { address, connector } = wallet;
-        const network = yield connector.getNetwork();
+        const network = yield connector.getNetwork(true);
         if (address === lastFetchedNameServiceAddress.current &&
             network === lastFetchedNameServiceNetwork.current) {
             return;
@@ -58,7 +58,7 @@ const useNameService = ({ currentWallet, user }) => {
         if (!currentWallet) {
             return;
         }
-        const network = yield currentWallet.connector.getNetwork();
+        const network = yield currentWallet.connector.getNetwork(true);
         const verifiedCredentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {

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';
+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 ViewMapConstraint = Record<ViewType, FC<any>>;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -105,7 +105,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, descr
     const { setError } = ErrorContext.useErrorContext();
     const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
     const { view, canGoBack, goBack } = ViewContext.useViewContext();
-    const { showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks.useAuthLayoutChecks();
+    const { showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, showBackButton, } = useAuthLayoutChecks.useAuthLayoutChecks();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const handleBackClick = React.useCallback(() => {
         var _a, _b;
@@ -117,7 +117,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, descr
     const closeButton = showCloseButton && handleClose && (jsxRuntime.jsx(IconButton.IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'layout-header__icon', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const infoButton = showHelpContent && (jsxRuntime.jsx(Tooltip.Tooltip, { content: 'Need some help?', className: 'layout-header__tooltip', children: jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'layout-header__icon', children: isWalletListTypeView ? jsxRuntime.jsx(questionMark.ReactComponent, {}) : jsxRuntime.jsx(footerInfoIcon.ReactComponent, {}) }) }, 'info-button'));
     const leadingButtons = [];
-    if (canGoBack) {
+    if (canGoBack && showBackButton) {
         leadingButtons.push(jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'layout-header__icon', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }, 'back-button'));
     }
     // if has close button and info button, info button should be on the right

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -101,7 +101,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, descr
     const { setError } = useErrorContext();
     const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
     const { view, canGoBack, goBack } = useViewContext();
-    const { showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks();
+    const { showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, showBackButton, } = useAuthLayoutChecks();
     const { setExistentAccountData } = useAccountExistsContext();
     const handleBackClick = useCallback(() => {
         var _a, _b;
@@ -113,7 +113,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, descr
     const closeButton = showCloseButton && handleClose && (jsx(IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'layout-header__icon', children: jsx(SvgClose, {}) }));
     const infoButton = showHelpContent && (jsx(Tooltip, { content: 'Need some help?', className: 'layout-header__tooltip', children: jsx(IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'layout-header__icon', children: isWalletListTypeView ? jsx(SvgQuestionMark, {}) : jsx(SvgFooterInfoIcon, {}) }) }, 'info-button'));
     const leadingButtons = [];
-    if (canGoBack) {
+    if (canGoBack && showBackButton) {
         leadingButtons.push(jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'layout-header__icon', children: jsx(SvgArrowLeft, {}) }, 'back-button'));
     }
     // if has close button and info button, info button should be on the right

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

@@ -990,6 +990,16 @@ 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: "I confirm I've backed up my wallet key. If I return, a new wallet will be created.",
+            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',
+        },
     },
     /**
      * @description copy keys for global wallet view

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

@@ -986,6 +986,16 @@ export declare const translation: {
         empty_screen: {
             title: string;
         };
+        delete_account: {
+            title: string;
+            description: string;
+            backup_confirmation: string;
+            type_delete: string;
+            cancel: string;
+            confirm: string;
+            deleting: string;
+            type_delete_label: string;
+        };
     };
     /**
      * @description copy keys for global wallet view

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

@@ -986,6 +986,16 @@ 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: "I confirm I've backed up my wallet key. If I return, a new wallet will be created.",
+            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',
+        },
     },
     /**
      * @description copy keys for global wallet view