@dynamic-labs/sdk-react-core 1.4.9 → 1.4.11

package/CHANGELOG.md

@@ -1,4 +1,21 @@
 
+### [1.4.11](https://github.com/dynamic-labs/DynamicAuth/compare/v1.4.10...v1.4.11) (2024-04-26)
+
+
+### Bug Fixes
+
+* display wallet tabs when linking a wallet ([#5493](https://github.com/dynamic-labs/DynamicAuth/issues/5493)) ([cf843bd](https://github.com/dynamic-labs/DynamicAuth/commit/cf843bd9f38c4aed8fe24387fe591ae045a8c3f0))
+* ensure zerodev viem client handles eth_accounts call ([#5477](https://github.com/dynamic-labs/DynamicAuth/issues/5477)) ([#5484](https://github.com/dynamic-labs/DynamicAuth/issues/5484)) ([5c6508a](https://github.com/dynamic-labs/DynamicAuth/commit/5c6508afbfa981b5dd3d2064ee32f9396c142efb))
+* network changes with keplr ([#5485](https://github.com/dynamic-labs/DynamicAuth/issues/5485)) ([#5490](https://github.com/dynamic-labs/DynamicAuth/issues/5490)) ([d54a74c](https://github.com/dynamic-labs/DynamicAuth/commit/d54a74c373a2db35add56bf7383b7243873624c3))
+* refetch nameservice data and display properly ([#5501](https://github.com/dynamic-labs/DynamicAuth/issues/5501)) ([59c9390](https://github.com/dynamic-labs/DynamicAuth/commit/59c9390a593e52d6883f5b3ec541279e52e8f45b))
+
+### [1.4.10](https://github.com/dynamic-labs/DynamicAuth/compare/v1.4.9...v1.4.10) (2024-04-23)
+
+
+### Bug Fixes
+
+* add autocomplete attribute to email and phone inputs ([#5444](https://github.com/dynamic-labs/DynamicAuth/issues/5444)) ([01fc1b0](https://github.com/dynamic-labs/DynamicAuth/commit/01fc1b0e0b93a5104112a7682907ea2948ece7b2))
+
 ### [1.4.9](https://github.com/dynamic-labs/DynamicAuth/compare/v1.4.8...v1.4.9) (2024-04-20)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.4.9";
+var version = "1.4.11";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.387",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.4.9";
+var version = "1.4.11";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.387",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.4.9",
+  "version": "1.4.11",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -16,16 +16,16 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "1.4.9",
-    "@dynamic-labs/iconic": "1.4.9",
-    "@dynamic-labs/logger": "1.4.9",
-    "@dynamic-labs/multi-wallet": "1.4.9",
-    "@dynamic-labs/rpc-providers": "1.4.9",
-    "@dynamic-labs/types": "1.4.9",
-    "@dynamic-labs/utils": "1.4.9",
-    "@dynamic-labs/viem-utils": "1.4.9",
-    "@dynamic-labs/wallet-book": "1.4.9",
-    "@dynamic-labs/wallet-connector-core": "1.4.9",
+    "@dynamic-labs/ethereum": "1.4.11",
+    "@dynamic-labs/iconic": "1.4.11",
+    "@dynamic-labs/logger": "1.4.11",
+    "@dynamic-labs/multi-wallet": "1.4.11",
+    "@dynamic-labs/rpc-providers": "1.4.11",
+    "@dynamic-labs/types": "1.4.11",
+    "@dynamic-labs/utils": "1.4.11",
+    "@dynamic-labs/viem-utils": "1.4.11",
+    "@dynamic-labs/wallet-book": "1.4.11",
+    "@dynamic-labs/wallet-connector-core": "1.4.11",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/views/CollectUserDataView/UserDataFields/index.cjs

@@ -82,7 +82,7 @@ const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, to
     const { fieldsConfig } = useFields.useFields();
     const { t } = reactI18next.useTranslation();
     return (jsxRuntime.jsx("div", { className: 'user-data-fields__fields-column', children: fields === null || fields === void 0 ? void 0 : fields.map(({ name, required, enabled }) => {
-            const { label, type, key } = index.getValueByKey(fieldsConfig, name);
+            const { label, type, key, autoComplete } = index.getValueByKey(fieldsConfig, name);
             if (name === 'tShirtSize') {
                 return (jsxRuntime.jsx(formik.Field, { copykey: key, as: Select.Select, type: type, id: name, name: name, label: label, error: errors[name] && touched[name], selectDataTestId: 'tShirtSizeSelect', message: touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]), children: index$1.tShirtSizes.map((size) => (jsxRuntime.jsx("option", { value: size, children: size }, size))) }, name));
             }
@@ -96,10 +96,10 @@ const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, to
                 return (jsxRuntime.jsx("div", { role: 'group', "aria-labelledby": 'checkbox-group', className: 'user-data-fields__checkbox-container', children: policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.map((component, index) => (jsxRuntime.jsxs("div", { className: 'user-data-fields__consent-checkbox', children: [jsxRuntime.jsx(formik.Field, { copykey: key, as: Checkbox.Checkbox, id: `policiesConsent_${index}`, name: 'policiesConsentArray', type: 'checkbox', value: `${index}` }, `policiesConsent_${index}`), jsxRuntime.jsx("label", { htmlFor: `policiesConsent_${index}`, className: 'user-data-fields__checkbox-label', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: component }) })] }, `policiesConsent_${index}`))) }, 'policiesConsentGroup'));
             }
             else if (name === 'email' && !enabled) {
-                return (jsxRuntime.jsx(Tooltip.Tooltip, { content: t('dyn_collect_user_data.update_email_tooltip'), className: 'user-data-fields__tooltip', copykey: 'dyn_collect_user_data.update_email_tooltip', children: jsxRuntime.jsx(formik.Field, { copykey: key, disabled: true, as: Input.Input, type: type, id: name, name: name, label: label }, name) }, 'disabled-email-tooltip'));
+                return (jsxRuntime.jsx(Tooltip.Tooltip, { content: t('dyn_collect_user_data.update_email_tooltip'), className: 'user-data-fields__tooltip', copykey: 'dyn_collect_user_data.update_email_tooltip', children: jsxRuntime.jsx(formik.Field, { copykey: key, disabled: true, as: Input.Input, type: type, id: name, name: name, label: label, autoComplete: autoComplete }, name) }, 'disabled-email-tooltip'));
             }
             else {
-                return (jsxRuntime.jsx(formik.Field, { copykey: key, disabled: !enabled, as: Input.Input, type: type, id: name, name: name, label: label, optional: enabled && !required, error: errors[name] && touched[name], message: touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]) }, name));
+                return (jsxRuntime.jsx(formik.Field, { copykey: key, disabled: !enabled, as: Input.Input, type: type, id: name, name: name, label: label, optional: enabled && !required, error: errors[name] && touched[name], message: touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]), autoComplete: autoComplete }, name));
             }
         }) }));
 };

package/src/lib/views/CollectUserDataView/UserDataFields/index.js

@@ -78,7 +78,7 @@ const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, to
     const { fieldsConfig } = useFields();
     const { t } = useTranslation();
     return (jsx("div", { className: 'user-data-fields__fields-column', children: fields === null || fields === void 0 ? void 0 : fields.map(({ name, required, enabled }) => {
-            const { label, type, key } = getValueByKey(fieldsConfig, name);
+            const { label, type, key, autoComplete } = getValueByKey(fieldsConfig, name);
             if (name === 'tShirtSize') {
                 return (jsx(Field, { copykey: key, as: Select, type: type, id: name, name: name, label: label, error: errors[name] && touched[name], selectDataTestId: 'tShirtSizeSelect', message: touched[name] && getDisplayErrorMessage(label, errors[name]), children: tShirtSizes.map((size) => (jsx("option", { value: size, children: size }, size))) }, name));
             }
@@ -92,10 +92,10 @@ const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, to
                 return (jsx("div", { role: 'group', "aria-labelledby": 'checkbox-group', className: 'user-data-fields__checkbox-container', children: policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.map((component, index) => (jsxs("div", { className: 'user-data-fields__consent-checkbox', children: [jsx(Field, { copykey: key, as: Checkbox, id: `policiesConsent_${index}`, name: 'policiesConsentArray', type: 'checkbox', value: `${index}` }, `policiesConsent_${index}`), jsx("label", { htmlFor: `policiesConsent_${index}`, className: 'user-data-fields__checkbox-label', children: jsx(Typography, { variant: 'body_small', color: 'secondary', children: component }) })] }, `policiesConsent_${index}`))) }, 'policiesConsentGroup'));
             }
             else if (name === 'email' && !enabled) {
-                return (jsx(Tooltip, { content: t('dyn_collect_user_data.update_email_tooltip'), className: 'user-data-fields__tooltip', copykey: 'dyn_collect_user_data.update_email_tooltip', children: jsx(Field, { copykey: key, disabled: true, as: Input, type: type, id: name, name: name, label: label }, name) }, 'disabled-email-tooltip'));
+                return (jsx(Tooltip, { content: t('dyn_collect_user_data.update_email_tooltip'), className: 'user-data-fields__tooltip', copykey: 'dyn_collect_user_data.update_email_tooltip', children: jsx(Field, { copykey: key, disabled: true, as: Input, type: type, id: name, name: name, label: label, autoComplete: autoComplete }, name) }, 'disabled-email-tooltip'));
             }
             else {
-                return (jsx(Field, { copykey: key, disabled: !enabled, as: Input, type: type, id: name, name: name, label: label, optional: enabled && !required, error: errors[name] && touched[name], message: touched[name] && getDisplayErrorMessage(label, errors[name]) }, name));
+                return (jsx(Field, { copykey: key, disabled: !enabled, as: Input, type: type, id: name, name: name, label: label, optional: enabled && !required, error: errors[name] && touched[name], message: touched[name] && getDisplayErrorMessage(label, errors[name]), autoComplete: autoComplete }, name));
             }
         }) }));
 };

package/src/lib/views/CollectUserDataView/useFields.cjs

@@ -35,6 +35,7 @@ const useFields = () => {
             validation: yup.string().oneOf(index.countryCodes.map((c) => c.code)),
         },
         email: {
+            autoComplete: 'email',
             key: 'dyn_collect_user_data.fields.email.label',
             label: t('dyn_collect_user_data.fields.email.label'),
             type: 'email',
@@ -59,6 +60,7 @@ const useFields = () => {
             validation: yup.string().trim(),
         },
         phoneNumber: {
+            autoComplete: 'tel',
             key: 'dyn_collect_user_data.fields.phone_number.label',
             label: t('dyn_collect_user_data.fields.phone_number.label'),
             type: 'string',

package/src/lib/views/CollectUserDataView/useFields.d.ts

@@ -13,6 +13,7 @@ export declare const useFields: () => {
             validation: import("yup").StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         };
         email: {
+            autoComplete: string;
             key: string;
             label: string;
             type: string;
@@ -37,6 +38,7 @@ export declare const useFields: () => {
             validation: import("yup").StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         };
         phoneNumber: {
+            autoComplete: string;
             key: string;
             label: string;
             type: string;

package/src/lib/views/CollectUserDataView/useFields.js

@@ -31,6 +31,7 @@ const useFields = () => {
             validation: string().oneOf(countryCodes.map((c) => c.code)),
         },
         email: {
+            autoComplete: 'email',
             key: 'dyn_collect_user_data.fields.email.label',
             label: t('dyn_collect_user_data.fields.email.label'),
             type: 'email',
@@ -55,6 +56,7 @@ const useFields = () => {
             validation: string().trim(),
         },
         phoneNumber: {
+            autoComplete: 'tel',
             key: 'dyn_collect_user_data.fields.phone_number.label',
             label: t('dyn_collect_user_data.fields.phone_number.label'),
             type: 'string',

package/src/lib/views/EmailUpdate/EmailUpdate.cjs

@@ -125,7 +125,7 @@ const EmailUpdate = () => {
     });
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, displayLeading: true, displayBorder: true, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_email_update.title', children: t('dyn_email_update.title') }) }), jsxRuntime.jsxs("div", { className: 'email-update__container', children: [jsxRuntime.jsxs("div", { className: 'email-update__copy-text-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_email_update.current_email', children: t('dyn_email_update.current_email') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: email })] }), jsxRuntime.jsx(Input.Input, { id: 'email_field', onChange: (e) => {
                             setUpdatedEmail(e.target.value);
-                        }, type: 'email', copykey: 'dyn_email_update.label', label: t('dyn_email_update.label'), className: 'email-update__input', error: Boolean(emailError), message: emailError }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'medium', buttonClassName: 'email-update__button', onClick: () => handleEmailUpdate(), loading: loading, copykey: 'dyn_email_update.send_verification', children: t('dyn_email_update.send_verification') })] })] }));
+                        }, type: 'email', copykey: 'dyn_email_update.label', label: t('dyn_email_update.label'), className: 'email-update__input', error: Boolean(emailError), message: emailError, autoComplete: 'email' }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'medium', buttonClassName: 'email-update__button', onClick: () => handleEmailUpdate(), loading: loading, copykey: 'dyn_email_update.send_verification', children: t('dyn_email_update.send_verification') })] })] }));
 };
 
 exports.EmailUpdate = EmailUpdate;

package/src/lib/views/EmailUpdate/EmailUpdate.js

@@ -121,7 +121,7 @@ const EmailUpdate = () => {
     });
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, displayLeading: true, displayBorder: true, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_email_update.title', children: t('dyn_email_update.title') }) }), jsxs("div", { className: 'email-update__container', children: [jsxs("div", { className: 'email-update__copy-text-container', children: [jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_email_update.current_email', children: t('dyn_email_update.current_email') }), jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: email })] }), jsx(Input, { id: 'email_field', onChange: (e) => {
                             setUpdatedEmail(e.target.value);
-                        }, type: 'email', copykey: 'dyn_email_update.label', label: t('dyn_email_update.label'), className: 'email-update__input', error: Boolean(emailError), message: emailError }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'medium', buttonClassName: 'email-update__button', onClick: () => handleEmailUpdate(), loading: loading, copykey: 'dyn_email_update.send_verification', children: t('dyn_email_update.send_verification') })] })] }));
+                        }, type: 'email', copykey: 'dyn_email_update.label', label: t('dyn_email_update.label'), className: 'email-update__input', error: Boolean(emailError), message: emailError, autoComplete: 'email' }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'medium', buttonClassName: 'email-update__button', onClick: () => handleEmailUpdate(), loading: loading, copykey: 'dyn_email_update.send_verification', children: t('dyn_email_update.send_verification') })] })] }));
 };
 
 export { EmailUpdate };

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -158,7 +158,7 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
     }
     return (jsxRuntime.jsxs("form", { className: 'login-with-email-form', onSubmit: (e) => handleSubmit(e), children: [jsxRuntime.jsx(Input.Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _b === void 0 ? void 0 : _b.emailSubmitButtonInsideInput)
                     ? emailInputSuffixIcon
-                    : null, disabled: isLoading, type: 'email', onPointerEnter: () => dispatchInputState(['hovered', true]), onPointerLeave: () => dispatchInputState(['hovered', false]), onFocus: () => dispatchInputState(['focused', true]), onBlur: () => dispatchInputState(['focused', false]) }), !((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _c === void 0 ? void 0 : _c.emailSubmitButtonInsideInput) && (jsxRuntime.jsx(Button.Button, { dataTestId: 'email_submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
+                    : null, disabled: isLoading, type: 'email', onPointerEnter: () => dispatchInputState(['hovered', true]), onPointerLeave: () => dispatchInputState(['hovered', false]), onFocus: () => dispatchInputState(['focused', true]), onBlur: () => dispatchInputState(['focused', false]), autoComplete: 'email' }), !((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _c === void 0 ? void 0 : _c.emailSubmitButtonInsideInput) && (jsxRuntime.jsx(Button.Button, { dataTestId: 'email_submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
                     color: 'inherit',
                 }, children: t('dyn_login.email_form.submit_button.label') }))] }));
 };

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js

@@ -154,7 +154,7 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
     }
     return (jsxs("form", { className: 'login-with-email-form', onSubmit: (e) => handleSubmit(e), children: [jsx(Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _b === void 0 ? void 0 : _b.emailSubmitButtonInsideInput)
                     ? emailInputSuffixIcon
-                    : null, disabled: isLoading, type: 'email', onPointerEnter: () => dispatchInputState(['hovered', true]), onPointerLeave: () => dispatchInputState(['hovered', false]), onFocus: () => dispatchInputState(['focused', true]), onBlur: () => dispatchInputState(['focused', false]) }), !((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _c === void 0 ? void 0 : _c.emailSubmitButtonInsideInput) && (jsx(Button, { dataTestId: 'email_submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
+                    : null, disabled: isLoading, type: 'email', onPointerEnter: () => dispatchInputState(['hovered', true]), onPointerLeave: () => dispatchInputState(['hovered', false]), onFocus: () => dispatchInputState(['focused', true]), onBlur: () => dispatchInputState(['focused', false]), autoComplete: 'email' }), !((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _c === void 0 ? void 0 : _c.emailSubmitButtonInsideInput) && (jsx(Button, { dataTestId: 'email_submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
                     color: 'inherit',
                 }, children: t('dyn_login.email_form.submit_button.label') }))] }));
 };

package/src/lib/views/WalletList/WalletList.cjs

@@ -20,7 +20,7 @@ require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
@@ -81,17 +81,14 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 var useViewSettings = require('../../utils/hooks/useViewSettings/useViewSettings.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var index = require('../../utils/functions/walletFilters/index.cjs');
-var isUserLinkingWallet = require('../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
 var SearchNotFoundMessage = require('./SearchNotFoundMessage/SearchNotFoundMessage.cjs');
 var WalletListGridTabs = require('./WalletListGridTabs/WalletListGridTabs.cjs');
 
 localStorage.LocalStorage.setToLS(localStorage$1.WALLET_PICKER_SEARCH_KEY, '');
 const WalletList = ({ isWalletConnectList = false, }) => {
     var _a, _b, _c, _d;
-    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, user, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { view } = ViewContext.useViewContext();
+    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     const [selectedTabIndex, setSelectedTabIndex] = React.useState(null);
-    const isLinkingWallet = isUserLinkingWallet.isUserLinkingWallet(user, view.type, false);
     const walletListViewSettings = useViewSettings.useViewSettings('wallet-list');
     const selectedTabSettings = selectedTabIndex === null
         ? undefined
@@ -129,7 +126,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     const isSearchEnabled = Boolean(filterValue) ||
         (numberOfWallets > defaultNumberOfWalletsToShow &&
             walletsList.length !== numberOfWallets);
-    const isTabsEnabled = Boolean(((_d = (_c = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.length) && !isLinkingWallet);
+    const isTabsEnabled = Boolean((_d = (_c = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.length);
     const walletListScrollRef = React.useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {

package/src/lib/views/WalletList/WalletList.js

@@ -16,7 +16,7 @@ import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '../../context/ViewContext/ViewContext.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
@@ -77,17 +77,14 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 import { useViewSettings } from '../../utils/hooks/useViewSettings/useViewSettings.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { FilterBridgeChainsName } from '../../utils/functions/walletFilters/index.js';
-import { isUserLinkingWallet } from '../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js';
 import { SearchNotFoundMessage } from './SearchNotFoundMessage/SearchNotFoundMessage.js';
 import { WalletListGridTabs } from './WalletListGridTabs/WalletListGridTabs.js';
 
 LocalStorage.setToLS(WALLET_PICKER_SEARCH_KEY, '');
 const WalletList = ({ isWalletConnectList = false, }) => {
     var _a, _b, _c, _d;
-    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, user, } = useInternalDynamicContext();
-    const { view } = useViewContext();
+    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, } = useInternalDynamicContext();
     const [selectedTabIndex, setSelectedTabIndex] = useState(null);
-    const isLinkingWallet = isUserLinkingWallet(user, view.type, false);
     const walletListViewSettings = useViewSettings('wallet-list');
     const selectedTabSettings = selectedTabIndex === null
         ? undefined
@@ -125,7 +122,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     const isSearchEnabled = Boolean(filterValue) ||
         (numberOfWallets > defaultNumberOfWalletsToShow &&
             walletsList.length !== numberOfWallets);
-    const isTabsEnabled = Boolean(((_d = (_c = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.length) && !isLinkingWallet);
+    const isTabsEnabled = Boolean((_d = (_c = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.length);
     const walletListScrollRef = useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs

@@ -75,7 +75,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useD
 const useFetchNameService = (address) => {
     const { getNameService } = useInternalDynamicContext.useInternalDynamicContext();
     const { data: nameService } = usePromise.usePromise(() => getNameService(address), {
-        deps: [address],
+        deps: [address, getNameService],
     });
     return nameService;
 };

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js

@@ -71,7 +71,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 const useFetchNameService = (address) => {
     const { getNameService } = useInternalDynamicContext();
     const { data: nameService } = usePromise(() => getNameService(address), {
-        deps: [address],
+        deps: [address, getNameService],
     });
     return nameService;
 };