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

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+## [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)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.6.3";
+var version = "4.7.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.628",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.6.3";
+var version = "4.7.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.628",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.6.3",
+  "version": "4.7.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.628",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -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.3",
-    "@dynamic-labs/iconic": "4.6.3",
-    "@dynamic-labs/logger": "4.6.3",
-    "@dynamic-labs/multi-wallet": "4.6.3",
-    "@dynamic-labs/rpc-providers": "4.6.3",
-    "@dynamic-labs/store": "4.6.3",
-    "@dynamic-labs/types": "4.6.3",
-    "@dynamic-labs/utils": "4.6.3",
-    "@dynamic-labs/wallet-book": "4.6.3",
-    "@dynamic-labs/wallet-connector-core": "4.6.3",
+    "@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/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