@dynamic-labs/sdk-react-core 4.12.3 → 4.12.4

package/CHANGELOG.md

@@ -1,4 +1,6 @@
 
+### [4.12.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.12.3...v4.12.4) (2025-04-18)
+
 ### [4.12.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.12.2...v4.12.3) (2025-04-17)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.12.3",
+  "version": "4.12.4",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.658",
     "@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.12.3",
-    "@dynamic-labs/iconic": "4.12.3",
-    "@dynamic-labs/logger": "4.12.3",
-    "@dynamic-labs/multi-wallet": "4.12.3",
-    "@dynamic-labs/rpc-providers": "4.12.3",
-    "@dynamic-labs/store": "4.12.3",
-    "@dynamic-labs/types": "4.12.3",
-    "@dynamic-labs/utils": "4.12.3",
-    "@dynamic-labs/wallet-book": "4.12.3",
-    "@dynamic-labs/wallet-connector-core": "4.12.3",
+    "@dynamic-labs/assert-package-version": "4.12.4",
+    "@dynamic-labs/iconic": "4.12.4",
+    "@dynamic-labs/logger": "4.12.4",
+    "@dynamic-labs/multi-wallet": "4.12.4",
+    "@dynamic-labs/rpc-providers": "4.12.4",
+    "@dynamic-labs/store": "4.12.4",
+    "@dynamic-labs/types": "4.12.4",
+    "@dynamic-labs/utils": "4.12.4",
+    "@dynamic-labs/wallet-book": "4.12.4",
+    "@dynamic-labs/wallet-connector-core": "4.12.4",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/PoweredByDynamic/PoweredByDynamic.cjs

@@ -8,97 +8,8 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var Typography = require('../Typography/Typography.cjs');
 require('react');
 var dynamicLogo = require('../../assets/dynamic-logo.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
-require('../../utils/constants/colors.cjs');
-require('../../utils/constants/values.cjs');
-require('../../shared/consts/index.cjs');
-require('../../events/dynamicEvents.cjs');
-require('../../../../_virtual/_tslib.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../store/state/nonce/nonce.cjs');
-require('../../store/state/projectSettings/projectSettings.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('../../store/state/user/user.cjs');
-require('../../locale/locale.cjs');
-require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
-require('../../store/state/primaryWalletId/primaryWalletId.cjs');
-require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
-require('../../context/VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../utils/functions/compareChains/compareChains.cjs');
-require('../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
-require('../../context/ThemeContext/ThemeContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('bs58');
-require('@dynamic-labs/types');
-require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
-require('../../context/WalletContext/WalletContext.cjs');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
-require('yup');
-require('../../context/MockContext/MockContext.cjs');
-require('../../views/CollectUserDataView/useFields.cjs');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../store/state/walletOptions/walletOptions.cjs');
-require('react-i18next');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../Alert/Alert.cjs');
-require('../ShadowDOM/ShadowDOM.cjs');
-require('../IconButton/IconButton.cjs');
-require('../InlineWidget/InlineWidget.cjs');
-require('../Input/Input.cjs');
-require('../IsBrowser/IsBrowser.cjs');
-require('../MenuList/Dropdown/Dropdown.cjs');
-require('../OverlayCard/OverlayCard.cjs');
-require('../Transition/ZoomTransition/ZoomTransition.cjs');
-require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../Popper/Popper/Popper.cjs');
-require('../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var DynamicWidgetFooter = require('../../widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
-require('qrcode');
-require('formik');
-require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../context/ConnectWithOtpContext/constants.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../store/state/sendBalances.cjs');
-require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
-require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../context/OnrampContext/OnrampContext.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
-require('../../../index.cjs');
-require('../../store/state/tokenBalances.cjs');
-require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+var projectSettings = require('../../store/state/projectSettings/projectSettings.cjs');
 
 const URL = 'https://dynamic.xyz';
 const alignClassNames = {
@@ -107,8 +18,8 @@ const alignClassNames = {
 };
 const PoweredByDynamic = ({ align = 'center', classNameLogo, classNameRoot, classNameText, asFooter, }) => {
     var _a;
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    if (((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.displayDynamicMessaging) === false) {
+    const projectSettings$1 = projectSettings.useProjectSettings();
+    if (((_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _a === void 0 ? void 0 : _a.displayDynamicMessaging) === false) {
         return null;
     }
     const content = (jsxRuntime.jsxs("a", { target: '_blank', href: URL, className: classNames.classNames('powered-by-dynamic', alignClassNames[align], classNameRoot), rel: 'noreferrer', children: [jsxRuntime.jsx(Typography.Typography, { as: 'span', color: 'tertiary', weight: 'regular', variant: 'body_mini', className: classNames.classNames('powered-by-dynamic__text', classNameText), children: "Powered by" }), jsxRuntime.jsx(dynamicLogo.ReactComponent, { className: classNames.classNames('powered-by-dynamic__logo', classNameLogo) })] }));

package/src/lib/components/PoweredByDynamic/PoweredByDynamic.js

@@ -4,97 +4,8 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Typography } from '../Typography/Typography.js';
 import 'react';
 import { ReactComponent as SvgDynamicLogo } from '../../assets/dynamic-logo.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '@dynamic-labs/sdk-api-core';
-import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../utils/constants/colors.js';
-import '../../utils/constants/values.js';
-import '../../shared/consts/index.js';
-import '../../events/dynamicEvents.js';
-import '../../../../_virtual/_tslib.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../store/state/nonce/nonce.js';
-import '../../store/state/projectSettings/projectSettings.js';
-import '../../config/ApiEndpoint.js';
-import '../../store/state/user/user.js';
-import '../../locale/locale.js';
-import '../../store/state/dynamicContextProps/dynamicContextProps.js';
-import '../../store/state/primaryWalletId/primaryWalletId.js';
-import '../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
-import '../../context/VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../utils/functions/compareChains/compareChains.js';
-import '../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
-import '../../context/ThemeContext/ThemeContext.js';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import 'bs58';
-import '@dynamic-labs/types';
-import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/LoadingContext/LoadingContext.js';
-import '../../context/WalletContext/WalletContext.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import 'yup';
-import '../../context/MockContext/MockContext.js';
-import '../../views/CollectUserDataView/useFields.js';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import '../../store/state/walletOptions/walletOptions.js';
-import 'react-i18next';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
-import '../Alert/Alert.js';
-import '../ShadowDOM/ShadowDOM.js';
-import '../IconButton/IconButton.js';
-import '../InlineWidget/InlineWidget.js';
-import '../Input/Input.js';
-import '../IsBrowser/IsBrowser.js';
-import '../MenuList/Dropdown/Dropdown.js';
-import '../OverlayCard/OverlayCard.js';
-import '../Transition/ZoomTransition/ZoomTransition.js';
-import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../Transition/OpacityTransition/OpacityTransition.js';
-import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../Popper/Popper/Popper.js';
-import '../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { DynamicWidgetFooter } from '../../widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.js';
-import 'qrcode';
-import 'formik';
-import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../context/ConnectWithOtpContext/constants.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
-import '../../store/state/sendBalances.js';
-import '../../store/state/connectorsInitializing/connectorsInitializing.js';
-import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../context/OnrampContext/OnrampContext.js';
-import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
-import '../../../index.js';
-import '../../store/state/tokenBalances.js';
-import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+import { useProjectSettings } from '../../store/state/projectSettings/projectSettings.js';
 
 const URL = 'https://dynamic.xyz';
 const alignClassNames = {
@@ -103,7 +14,7 @@ const alignClassNames = {
 };
 const PoweredByDynamic = ({ align = 'center', classNameLogo, classNameRoot, classNameText, asFooter, }) => {
     var _a;
-    const { projectSettings } = useInternalDynamicContext();
+    const projectSettings = useProjectSettings();
     if (((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.displayDynamicMessaging) === false) {
         return null;
     }

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -172,10 +172,9 @@ const UserProfile = ({ rootClassName }) => {
                             }
                             return (jsxRuntime.jsx(UserProfileField.UserProfileField, { name: name, label: fieldLabel, value: fieldValue }, name));
                         }
-                        const { label: defaultLabel, key } = index$1.getValueByKey(fieldsConfig, name);
-                        label !== null && label !== void 0 ? label : (label = defaultLabel);
+                        const { key } = index$1.getValueByKey(fieldsConfig, name);
                         const value = mapFieldKeyToValue(name);
-                        return (jsxRuntime.jsx(UserProfileField.UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
+                        return (jsxRuntime.jsx(UserProfileField.UserProfileField, { copykey: key, name: name, label: t(`${key}`), value: value }, name));
                     }) }) })), canLink && !multiWallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.wallets.title'), children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'link-wallet-button', onClick: addNewWallet, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), showInternalLoading: false, children: jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_user_profile.wallets.link_wallet_button', children: t('dyn_user_profile.wallets.link_wallet_button') }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.social_accounts.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsxRuntime.jsx(UserProfileSocialAccount.UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 

package/src/lib/components/UserProfile/UserProfile.js

@@ -168,10 +168,9 @@ const UserProfile = ({ rootClassName }) => {
                             }
                             return (jsx(UserProfileField, { name: name, label: fieldLabel, value: fieldValue }, name));
                         }
-                        const { label: defaultLabel, key } = getValueByKey(fieldsConfig, name);
-                        label !== null && label !== void 0 ? label : (label = defaultLabel);
+                        const { key } = getValueByKey(fieldsConfig, name);
                         const value = mapFieldKeyToValue(name);
-                        return (jsx(UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
+                        return (jsx(UserProfileField, { copykey: key, name: name, label: t(`${key}`), value: value }, name));
                     }) }) })), canLink && !multiWallet && (jsx(UserProfileSection, { title: t('dyn_user_profile.wallets.title'), children: jsx(TypographyButton, { dataTestId: 'link-wallet-button', onClick: addNewWallet, startSlot: jsx(SvgAdd, {}), showInternalLoading: false, children: jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_user_profile.wallets.link_wallet_button', children: t('dyn_user_profile.wallets.link_wallet_button') }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.social_accounts.title'), children: jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsx(UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 require('react');
 require('react-dom');
 require('@dynamic-labs/sdk-api-core');
@@ -59,7 +60,6 @@ require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../store/state/walletOptions/walletOptions.cjs');
-require('react-i18next');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
@@ -129,25 +129,29 @@ const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { multiWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const { dynamicWidgetView, setDynamicWidgetView, overridenWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const { t } = reactI18next.useTranslation();
     const getNavBarOptions = () => {
         const options = [];
         if (multiWallet) {
             options.push({
+                copykey: 'dyn_nav_bar.wallets',
                 icon: jsxRuntime.jsx(walletOutlineV2.ReactComponent, {}),
-                label: 'Wallets',
+                label: t('dyn_nav_bar.wallets'),
                 value: 'wallets',
             });
         }
         if (isKYCEnabled) {
             options.push({
+                copykey: 'dyn_nav_bar.profile',
                 icon: jsxRuntime.jsx(profileOutline.ReactComponent, {}),
-                label: 'Profile',
+                label: t('dyn_nav_bar.profile'),
                 value: 'profile',
             });
         }
         options.push({
+            copykey: 'dyn_nav_bar.settings',
             icon: jsxRuntime.jsx(settingsOutline.ReactComponent, {}),
-            label: 'Settings',
+            label: t('dyn_nav_bar.settings'),
             value: 'settings',
         });
         return options;

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -1,5 +1,6 @@
 'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import 'react';
 import 'react-dom';
 import '@dynamic-labs/sdk-api-core';
@@ -55,7 +56,6 @@ import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../store/state/walletOptions/walletOptions.js';
-import 'react-i18next';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
@@ -125,25 +125,29 @@ const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { multiWallet } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
     const { dynamicWidgetView, setDynamicWidgetView, overridenWidgetView } = useWidgetContext();
+    const { t } = useTranslation();
     const getNavBarOptions = () => {
         const options = [];
         if (multiWallet) {
             options.push({
+                copykey: 'dyn_nav_bar.wallets',
                 icon: jsx(SvgWalletOutlineV2, {}),
-                label: 'Wallets',
+                label: t('dyn_nav_bar.wallets'),
                 value: 'wallets',
             });
         }
         if (isKYCEnabled) {
             options.push({
+                copykey: 'dyn_nav_bar.profile',
                 icon: jsx(SvgProfileOutline, {}),
-                label: 'Profile',
+                label: t('dyn_nav_bar.profile'),
                 value: 'profile',
             });
         }
         options.push({
+            copykey: 'dyn_nav_bar.settings',
             icon: jsx(SvgSettingsOutline, {}),
-            label: 'Settings',
+            label: t('dyn_nav_bar.settings'),
             value: 'settings',
         });
         return options;

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

@@ -251,7 +251,7 @@ const translation = {
                 label: 'Country',
             },
             email: {
-                label: 'Email',
+                label: 'E-mail',
                 validation: 'Email is not valid',
             },
             first_name: {
@@ -2181,6 +2181,21 @@ const translation = {
             title: 'Sign to confirm transfer',
         },
     },
+    /**
+     * @description copy keys for Dynamic widget nav bar
+     * @default
+     *
+    dyn_nav_bar: {
+      wallets: 'Wallets',
+      profile: 'Profile',
+      settings: 'Settings',
+    },
+    **/
+    dyn_nav_bar: {
+        wallets: 'Wallets',
+        profile: 'Profile',
+        settings: 'Settings',
+    },
     /**
      * @description copy keys for Dynamic widget
      * @default

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

@@ -2177,6 +2177,21 @@ export declare const translation: {
             title: string;
         };
     };
+    /**
+     * @description copy keys for Dynamic widget nav bar
+     * @default
+     *
+    dyn_nav_bar: {
+      wallets: 'Wallets',
+      profile: 'Profile',
+      settings: 'Settings',
+    },
+    **/
+    dyn_nav_bar: {
+        wallets: string;
+        profile: string;
+        settings: string;
+    };
     /**
      * @description copy keys for Dynamic widget
      * @default

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

@@ -247,7 +247,7 @@ const translation = {
                 label: 'Country',
             },
             email: {
-                label: 'Email',
+                label: 'E-mail',
                 validation: 'Email is not valid',
             },
             first_name: {
@@ -2177,6 +2177,21 @@ const translation = {
             title: 'Sign to confirm transfer',
         },
     },
+    /**
+     * @description copy keys for Dynamic widget nav bar
+     * @default
+     *
+    dyn_nav_bar: {
+      wallets: 'Wallets',
+      profile: 'Profile',
+      settings: 'Settings',
+    },
+    **/
+    dyn_nav_bar: {
+        wallets: 'Wallets',
+        profile: 'Profile',
+        settings: 'Settings',
+    },
     /**
      * @description copy keys for Dynamic widget
      * @default

package/src/lib/shared/assets/index.d.ts

@@ -31,6 +31,7 @@ export { ReactComponent as CurrencyIcon } from './currency.svg';
 export { ReactComponent as DefaultWallet } from './default-wallet.svg';
 export { ReactComponent as DeleteEmbeddedHero } from './delete-embedded-hero.svg';
 export { ReactComponent as DomainIcon } from './domain.svg';
+export { ReactComponent as DomainBlockedIcon } from './domain-blocked.svg';
 export { ReactComponent as DotsHorizontalIcon } from './dots-horizontal.svg';
 export { ReactComponent as DoubleArrowRightIcon } from './double-arrow-right.svg';
 export { ReactComponent as DownloadIcon } from './download.svg';

package/src/lib/utils/hooks/useIsLoadingEmbeddedWallet/useIsLoadingEmbeddedWallet.cjs

@@ -98,15 +98,22 @@ require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const useIsLoadingEmbeddedWallet = () => {
-    const { user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { user, authMode } = useInternalDynamicContext.useInternalDynamicContext();
     const projectSettings$1 = projectSettings.getProjectSettings();
     // we only want to show the loading state if the user has no wallets at all, and is creating a waas wallet
     // for example if they sign up with phantom wallet, we don't want to show the loading state
+    // always return false for connect-only mode, because verified credentials are not used in this mode
     const isLoadingEmbeddedWallet = React.useMemo(() => {
         var _a;
-        return usingV3Wallets.usingV3Wallets(projectSettings$1) &&
-            !((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ format }) => format === 'blockchain'));
-    }, [projectSettings$1, user]);
+        if (!usingV3Wallets.usingV3Wallets(projectSettings$1)) {
+            return false;
+        }
+        if (authMode === 'connect-only') {
+            return false;
+        }
+        // If user has NO blockchain credential, then we show loading state
+        return !((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.some((credential) => credential.format === 'blockchain'));
+    }, [projectSettings$1, user, authMode]);
     return { isLoadingEmbeddedWallet };
 };
 

package/src/lib/utils/hooks/useIsLoadingEmbeddedWallet/useIsLoadingEmbeddedWallet.js

@@ -94,15 +94,22 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const useIsLoadingEmbeddedWallet = () => {
-    const { user } = useInternalDynamicContext();
+    const { user, authMode } = useInternalDynamicContext();
     const projectSettings = getProjectSettings();
     // we only want to show the loading state if the user has no wallets at all, and is creating a waas wallet
     // for example if they sign up with phantom wallet, we don't want to show the loading state
+    // always return false for connect-only mode, because verified credentials are not used in this mode
     const isLoadingEmbeddedWallet = useMemo(() => {
         var _a;
-        return usingV3Wallets(projectSettings) &&
-            !((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ format }) => format === 'blockchain'));
-    }, [projectSettings, user]);
+        if (!usingV3Wallets(projectSettings)) {
+            return false;
+        }
+        if (authMode === 'connect-only') {
+            return false;
+        }
+        // If user has NO blockchain credential, then we show loading state
+        return !((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.some((credential) => credential.format === 'blockchain'));
+    }, [projectSettings, user, authMode]);
     return { isLoadingEmbeddedWallet };
 };
 

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.cjs

@@ -101,7 +101,7 @@ const BottomNavBar = ({ value, onChange, options }) => {
     const isActive = (_value) => _value === value;
     return (jsxRuntime.jsx("div", { className: 'footer-options-switcher__container', "data-testid": 'OptionsSwitcher', children: options.map((option) => (jsxRuntime.jsxs("div", { className: classNames.classNames('footer-options-switcher__tab', {
                 'footer-options-switcher__tab--active': isActive(option.value),
-            }), onClick: () => onChange(option.value), children: [option.icon, jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'footer-options-switcher__label', children: option.label })] }, option.value))) }));
+            }), onClick: () => onChange(option.value), children: [option.icon, jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'footer-options-switcher__label', copykey: option.copykey, children: option.label })] }, option.value))) }));
 };
 
 exports.BottomNavBar = BottomNavBar;

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.d.ts

@@ -4,6 +4,7 @@ export type OptionsSwitcherOption = {
     value: string;
     label: string;
     icon: ReactNode;
+    copykey?: string;
 };
 export declare const BottomNavBar: FC<{
     value: DynamicWidgetViews;

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.js

@@ -97,7 +97,7 @@ const BottomNavBar = ({ value, onChange, options }) => {
     const isActive = (_value) => _value === value;
     return (jsx("div", { className: 'footer-options-switcher__container', "data-testid": 'OptionsSwitcher', children: options.map((option) => (jsxs("div", { className: classNames('footer-options-switcher__tab', {
                 'footer-options-switcher__tab--active': isActive(option.value),
-            }), onClick: () => onChange(option.value), children: [option.icon, jsx(Typography, { variant: 'body_small', className: 'footer-options-switcher__label', children: option.label })] }, option.value))) }));
+            }), onClick: () => onChange(option.value), children: [option.icon, jsx(Typography, { variant: 'body_small', className: 'footer-options-switcher__label', copykey: option.copykey, children: option.label })] }, option.value))) }));
 };
 
 export { BottomNavBar };