@dynamic-labs/sdk-react-core 0.18.0-RC.19 → 0.18.0-RC.20

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 
+## [0.18.0-RC.20](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.19...v0.18.0-RC.20) (2023-07-27)
+
+
+### Features
+
+* **QNTM-56:** add onBeforeConnectSuccessConfirmation callback ([#2753](https://github.com/dynamic-labs/DynamicAuth/issues/2753)) ([b174396](https://github.com/dynamic-labs/DynamicAuth/commit/b174396ab341cbcf11c6940e54931c0db3954d0d))
+* **QNTM-72:** add backpack wallet ([#2702](https://github.com/dynamic-labs/DynamicAuth/issues/2702)) ([0d0ce9c](https://github.com/dynamic-labs/DynamicAuth/commit/0d0ce9c0d92118a78b5e40f64c5530246523712a))
+
+
+### Bug Fixes
+
+* bump sdk version and change sdksettings api ([#2760](https://github.com/dynamic-labs/DynamicAuth/issues/2760)) ([6e3e205](https://github.com/dynamic-labs/DynamicAuth/commit/6e3e2050ed63d2df2d88d9169bc89d5f17870847))
+* check funding enabled based on enabled onramp providers instead of onrampFunding settings ([#2662](https://github.com/dynamic-labs/DynamicAuth/issues/2662)) ([d542a9b](https://github.com/dynamic-labs/DynamicAuth/commit/d542a9b2950640e473afe378c857f4d2dd1926ff))
+* ensure metamask auto-redirect upon message signing ([#2757](https://github.com/dynamic-labs/DynamicAuth/issues/2757)) ([a590f4b](https://github.com/dynamic-labs/DynamicAuth/commit/a590f4b054cd1de7ad400763d769b0daf4fcaad2))
+* **QNTM-123:** use `linkedWallets` after signing the first message ([#2741](https://github.com/dynamic-labs/DynamicAuth/issues/2741)) ([7f26151](https://github.com/dynamic-labs/DynamicAuth/commit/7f26151db69b50102fd4b09ec470c8f19ce7b68f))
+
 ## [0.18.0-RC.19](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.18...v0.18.0-RC.19) (2023-07-25)
 
 

package/package.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.0-RC.19";
+var version = "0.18.0-RC.20";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.237",
+	"@dynamic-labs/sdk-api": "0.0.247",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.js

@@ -1,8 +1,8 @@
-var version = "0.18.0-RC.19";
+var version = "0.18.0-RC.20";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.237",
+	"@dynamic-labs/sdk-api": "0.0.247",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.0-RC.19",
+  "version": "0.18.0-RC.20",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -9,20 +9,20 @@
   "dependencies": {
     "react-focus-lock": "2.9.2",
     "@dynamic-labs/iconic": "0.1.23",
-    "@dynamic-labs/sdk-api": "0.0.237",
+    "@dynamic-labs/sdk-api": "0.0.247",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "yup": "0.32.11",
     "formik": "2.2.9",
     "qrcode": "1.5.1",
     "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.18.0-RC.19",
-    "@dynamic-labs/multi-wallet": "0.18.0-RC.19",
-    "@dynamic-labs/rpc-providers": "0.18.0-RC.19",
-    "@dynamic-labs/types": "0.18.0-RC.19",
-    "@dynamic-labs/utils": "0.18.0-RC.19",
-    "@dynamic-labs/wallet-book": "0.18.0-RC.19",
-    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.19"
+    "@dynamic-labs/logger": "0.18.0-RC.20",
+    "@dynamic-labs/multi-wallet": "0.18.0-RC.20",
+    "@dynamic-labs/rpc-providers": "0.18.0-RC.20",
+    "@dynamic-labs/types": "0.18.0-RC.20",
+    "@dynamic-labs/utils": "0.18.0-RC.20",
+    "@dynamic-labs/wallet-book": "0.18.0-RC.20",
+    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.20"
   },
   "devDependencies": {
     "semver": "7.3.8"

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

@@ -198,12 +198,14 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         clearPrimaryWalletId,
         enableVisitTrackingOnConnectOnly,
         environmentId,
+        onBeforeConnectSuccessConfirmation: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onBeforeConnectSuccessConfirmation,
         onUnlink: (walletId, connectedWalletsInfo) => {
             const missingChains = getMissingChains.getMissingChains(walletsByChain, connectedWalletsInfo);
             setWalletsToConnectByChain(missingChains);
         },
         primaryWalletId,
         setPrimaryWalletId,
+        setShowAuthFlow,
         wallets,
     });
     useEffectOnce.useEffectOnce(() => {
@@ -222,6 +224,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
         connectedWallets,
         multiWalletWidgetState,
+        onboardingOnlyJwt,
         primaryWalletId,
         setDesktopUri,
         setMultiWalletWidgetState,
@@ -353,6 +356,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         authMode,
         callbacks: {
             onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
+            onBeforeConnectSuccessConfirmation: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onBeforeConnectSuccessConfirmation,
             onConnectSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnectSuccess,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,

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

@@ -194,12 +194,14 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         clearPrimaryWalletId,
         enableVisitTrackingOnConnectOnly,
         environmentId,
+        onBeforeConnectSuccessConfirmation: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onBeforeConnectSuccessConfirmation,
         onUnlink: (walletId, connectedWalletsInfo) => {
             const missingChains = getMissingChains(walletsByChain, connectedWalletsInfo);
             setWalletsToConnectByChain(missingChains);
         },
         primaryWalletId,
         setPrimaryWalletId,
+        setShowAuthFlow,
         wallets,
     });
     useEffectOnce(() => {
@@ -218,6 +220,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         authToken: getAuthToken() || onboardingOnlyJwt,
         connectedWallets,
         multiWalletWidgetState,
+        onboardingOnlyJwt,
         primaryWalletId,
         setDesktopUri,
         setMultiWalletWidgetState,
@@ -349,6 +352,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         authMode,
         callbacks: {
             onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
+            onBeforeConnectSuccessConfirmation: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onBeforeConnectSuccessConfirmation,
             onConnectSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnectSuccess,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,

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

@@ -59,7 +59,7 @@ const useNameService = ({ currentWallet, authToken }) => {
         const verifiedCredentials = (_a = decodeJwt.decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
-            const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials);
+            const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
             if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
                 return verifiedCredential.nameService;
             }

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

@@ -55,7 +55,7 @@ const useNameService = ({ currentWallet, authToken }) => {
         const verifiedCredentials = (_a = decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
-            const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials);
+            const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
             if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
                 return verifiedCredential.nameService;
             }

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -39,7 +39,7 @@ export interface IDynamicContext {
     setBridgeChainToConnect: Dispatch<SetStateAction<Chain | undefined>>;
     clearStatesOnBackClick: () => void;
     computeConnectedStateForWallets: () => Promise<void>;
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string>;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
     connectedWallet: Wallet | null;
     connectedWallets: Wallet[];
     linkedWallets: Wallet[];

package/src/lib/context/DynamicContext/useCustomerCallbacks/types.d.ts

@@ -1,12 +1,13 @@
 import { WalletConnector } from '../../../..';
-import { AuthModeType, OnAuthSuccess, OnConnectSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
+import { AuthModeType, OnAuthSuccess, OnBeforeConnectSuccessConfirmation, OnConnectSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IOngoingVerifications } from '../types';
-export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'connectSuccess';
+export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'connectSuccess' | 'onBeforeConnectSuccessConfirmation';
 export type UseCustomerCallbacksArgs = {
     authMode: AuthModeType;
     callbacks: {
         onAuthSuccess?: OnAuthSuccess;
         onConnectSuccess?: OnConnectSuccess;
+        onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
         onLinkSuccess?: OnAuthSuccess;
         onUserProfileUpdate?: OnUserProfileUpdate;
     };

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

@@ -20,7 +20,7 @@ var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.c
 var isConnectOnly = require('../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 var disableAuthVerificationFlag = require('./utils/disableAuthVerificationFlag/disableAuthVerificationFlag.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, ongoingVerifications, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, ongoingVerifications, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     const isConnectOnlyAndCallbackIsConnectSuccess = React.useCallback((next) => isConnectOnly.isConnectOnly(user, authMode) &&
         Boolean(primaryWallet) &&
@@ -121,6 +121,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         authMode,
         isConnectOnlyAndCallbackIsConnectSuccess,
         ongoingVerifications,
+        selectedWalletConnector,
     ]);
     const setCallback = (callback) => {
         setCallbackQueue((prev) => [...prev, callback]);

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.d.ts

@@ -1,4 +1,4 @@
 import { Callback, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, ongoingVerifications, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, ongoingVerifications, }: UseCustomerCallbacksArgs) => {
     setCallback: (callback: Callback) => void;
 };

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

@@ -16,7 +16,7 @@ import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken
 import { isConnectOnly } from '../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 import { disableAuthVerificationFlag } from './utils/disableAuthVerificationFlag/disableAuthVerificationFlag.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, ongoingVerifications, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, ongoingVerifications, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     const isConnectOnlyAndCallbackIsConnectSuccess = useCallback((next) => isConnectOnly(user, authMode) &&
         Boolean(primaryWallet) &&
@@ -117,6 +117,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         authMode,
         isConnectOnlyAndCallbackIsConnectSuccess,
         ongoingVerifications,
+        selectedWalletConnector,
     ]);
     const setCallback = (callback) => {
         setCallbackQueue((prev) => [...prev, callback]);

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -8,6 +8,18 @@ var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var api = require('../../data/api.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isOnrampProvider = require('../../utils/functions/isOnrampProvider/isOnrampProvider.cjs');
 
 const FundingContext = React.createContext(undefined);
 const FundingContextProvider = ({ children, }) => {
@@ -17,7 +29,7 @@ const FundingContextProvider = ({ children, }) => {
     const [supportsFunding, setSupportsFunding] = React.useState(false);
     const [fundingUrl, setFundingUrl] = React.useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.onrampFunding) !== null && _b !== void 0 ? _b : false;
+    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider.isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
     const value = React.useMemo(() => ({
         fundingEnabled,
         fundingRef,

package/src/lib/context/FundingContext/FundingContext.js

@@ -4,6 +4,18 @@ import { createContext, useRef, useState, useMemo, useEffect, useContext } from
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import { getOnrampProviders } from '../../data/api.js';
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isOnrampProvider } from '../../utils/functions/isOnrampProvider/isOnrampProvider.js';
 
 const FundingContext = createContext(undefined);
 const FundingContextProvider = ({ children, }) => {
@@ -13,7 +25,7 @@ const FundingContextProvider = ({ children, }) => {
     const [supportsFunding, setSupportsFunding] = useState(false);
     const [fundingUrl, setFundingUrl] = useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext();
-    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.onrampFunding) !== null && _b !== void 0 ? _b : false;
+    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
     const value = useMemo(() => ({
         fundingEnabled,
         fundingRef,

package/src/lib/data/api.cjs

@@ -374,12 +374,14 @@ const getOnrampProviders = ({ chain, environmentId, networkId, token, walletAddr
     }
     return onramps;
 });
-const sendDynamicProps = (environmentId, dynamicContextProps) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const sendDynamicProps = (environmentId, settingsToSend) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
-        yield sdkApi().updateSdkSettings({
+        const { dynamicContextProps, dynamicWagmiSettings } = settingsToSend;
+        yield sdkApi().logDynamicSdkSettings({
             environmentId,
             sdkSettingsRequest: {
                 dynamicContextProps,
+                dynamicWagmiSettings,
             },
         });
     }

package/src/lib/data/api.d.ts

@@ -62,4 +62,7 @@ export declare const getOnrampProviders: ({ chain, environmentId, networkId, tok
     token?: string | undefined;
     walletAddress: string;
 }) => Promise<OnrampConfiguration[]>;
-export declare const sendDynamicProps: (environmentId: string, dynamicContextProps: object) => Promise<void>;
+export declare const sendDynamicProps: (environmentId: string, settingsToSend: {
+    dynamicContextProps?: object;
+    dynamicWagmiSettings?: object;
+}) => Promise<void>;

package/src/lib/data/api.js

@@ -370,12 +370,14 @@ const getOnrampProviders = ({ chain, environmentId, networkId, token, walletAddr
     }
     return onramps;
 });
-const sendDynamicProps = (environmentId, dynamicContextProps) => __awaiter(void 0, void 0, void 0, function* () {
+const sendDynamicProps = (environmentId, settingsToSend) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        yield sdkApi().updateSdkSettings({
+        const { dynamicContextProps, dynamicWagmiSettings } = settingsToSend;
+        yield sdkApi().logDynamicSdkSettings({
             environmentId,
             sdkSettingsRequest: {
                 dynamicContextProps,
+                dynamicWagmiSettings,
             },
         });
     }

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

@@ -102,6 +102,7 @@ export type OnAuthSuccess = (params: {
 export type OnConnectSuccess = (params: {
     walletConnector: WalletConnector | null;
 }) => void;
+export type OnBeforeConnectSuccessConfirmation = (walletAddress: string) => Promise<boolean>;
 export type OnUserProfileUpdate = (user: UserProfile) => void;
 export type MultiWalletWidgetState = 'idle' | 'awaiting_account_switch' | 'awaiting_connection' | 'awaiting_signature' | 'detected_new_wallet';
 export type AccountSwitchState = 'idle' | 'linking_new_wallet' | 'switching_primary' | 'primary_not_connected';
@@ -145,6 +146,7 @@ export type DynamicEventsCallbacks = {
     onAuthFlowOpen?: () => void;
     onAuthSuccess?: OnAuthSuccess;
     onConnectSuccess?: OnConnectSuccess;
+    onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
     onLinkSuccess?: OnAuthSuccess;
     onLogout?: (user: UserProfile | undefined) => void;
     onUnlinkSuccess?: (unlinkedWallet: JwtVerifiedCredential) => void;

package/src/lib/utils/constants/onrampProviders.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ONRAMP_PROVIDERS = ['banxa'];
+
+exports.ONRAMP_PROVIDERS = ONRAMP_PROVIDERS;

package/src/lib/utils/constants/onrampProviders.d.ts

@@ -0,0 +1 @@
+export declare const ONRAMP_PROVIDERS: string[];

package/src/lib/utils/constants/onrampProviders.js

@@ -0,0 +1,3 @@
+const ONRAMP_PROVIDERS = ['banxa'];
+
+export { ONRAMP_PROVIDERS };

package/src/lib/utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const getWalletVerifiedCredential = (walletAddress, verifiedCredentials) => verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.find((credential) => credential.address === walletAddress);
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+
+const getWalletVerifiedCredential = (walletAddress, verifiedCredentials, walletChain) => verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.find(({ address }) => walletConnectorCore.isSameAddress(address || '', walletAddress || '', walletChain));
 
 exports.getWalletVerifiedCredential = getWalletVerifiedCredential;

package/src/lib/utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.d.ts

@@ -1,2 +1,2 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
-export declare const getWalletVerifiedCredential: (walletAddress: string | undefined, verifiedCredentials: JwtVerifiedCredential[] | undefined) => JwtVerifiedCredential | undefined;
+export declare const getWalletVerifiedCredential: (walletAddress: string | undefined, verifiedCredentials: JwtVerifiedCredential[] | undefined, walletChain: string) => JwtVerifiedCredential | undefined;

package/src/lib/utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js

@@ -1,3 +1,5 @@
-const getWalletVerifiedCredential = (walletAddress, verifiedCredentials) => verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.find((credential) => credential.address === walletAddress);
+import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
+
+const getWalletVerifiedCredential = (walletAddress, verifiedCredentials, walletChain) => verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.find(({ address }) => isSameAddress(address || '', walletAddress || '', walletChain));
 
 export { getWalletVerifiedCredential };

package/src/lib/utils/functions/index.d.ts

@@ -18,4 +18,5 @@ export * from './getReferencedAccount';
 export * from './getAppOrigin';
 export * from './groupBy';
 export * from './isProviderEnabled';
+export * from './isOnrampProvider';
 export * from './getWalletConnectorNetworks/getWalletConnectorNetworks';

package/src/lib/utils/functions/isOnrampProvider/index.d.ts

@@ -0,0 +1 @@
+export { isOnrampProvider } from './isOnrampProvider';

package/src/lib/utils/functions/isOnrampProvider/isOnrampProvider.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var onrampProviders = require('../../constants/onrampProviders.cjs');
+
+const isOnrampProvider = (provider) => onrampProviders.ONRAMP_PROVIDERS.includes(provider.provider);
+
+exports.isOnrampProvider = isOnrampProvider;

package/src/lib/utils/functions/isOnrampProvider/isOnrampProvider.d.ts

@@ -0,0 +1,2 @@
+import { Provider } from '@dynamic-labs/sdk-api';
+export declare const isOnrampProvider: (provider: Provider) => boolean;

package/src/lib/utils/functions/isOnrampProvider/isOnrampProvider.js

@@ -0,0 +1,5 @@
+import { ONRAMP_PROVIDERS } from '../../constants/onrampProviders.js';
+
+const isOnrampProvider = (provider) => ONRAMP_PROVIDERS.includes(provider.provider);
+
+export { isOnrampProvider };

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -56,6 +56,9 @@ const useConnectAndSign = () => {
                 }
             }
             const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!publicWalletAddress) {
+                return;
+            }
             const walletNetwork = yield walletConnector.getNetwork();
             const usesSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
                 network: walletNetwork,

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -52,6 +52,9 @@ const useConnectAndSign = () => {
                 }
             }
             const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!publicWalletAddress) {
+                return;
+            }
             const walletNetwork = yield walletConnector.getNetwork();
             const usesSupportedNetwork = isSupportedNetwork({
                 network: walletNetwork,

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -77,6 +77,9 @@ const useConnectAndSignSplitSteps = () => {
         ongoingVerifications.setAuthVerification(true);
         try {
             const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!publicWalletAddress) {
+                return;
+            }
             yield verifyWallet({
                 captchaToken,
                 publicWalletAddress,

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -73,6 +73,9 @@ const useConnectAndSignSplitSteps = () => {
         ongoingVerifications.setAuthVerification(true);
         try {
             const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!publicWalletAddress) {
+                return;
+            }
             yield verifyWallet({
                 captchaToken,
                 publicWalletAddress,

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -43,6 +43,9 @@ const useSignConnectOnlyUser = () => {
             // Wallet should be already connected at this point
             // We just need to verify it
             const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!publicWalletAddress) {
+                return;
+            }
             yield verifyWallet({
                 publicWalletAddress,
                 walletConnector,

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -39,6 +39,9 @@ const useSignConnectOnlyUser = () => {
             // Wallet should be already connected at this point
             // We just need to verify it
             const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!publicWalletAddress) {
+                return;
+            }
             yield verifyWallet({
                 publicWalletAddress,
                 walletConnector,

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs

@@ -72,7 +72,8 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
             return;
         primaryWallet.connector
             .getConnectedAccounts()
-            .then(([connectedAddress]) => {
+            .then((accounts) => {
+            const [connectedAddress] = accounts;
             if (walletConnectorCore.isSameAddress(connectedAddress, primaryWallet.address, primaryWallet.chain)) {
                 return;
             }

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.d.ts

@@ -4,7 +4,7 @@ import { AuthModeType, MultiWalletWidgetState, Wallet } from '../../../../shared
 import { MultiWalletWidgetStateSetter } from '../useMultiWalletWidgetState';
 export type UseSyncPrimaryWalletArgs = {
     canSync?: boolean;
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string>;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
     computeConnectedStateForWallets: () => Promise<void>;
     handleLogOut: () => Promise<void>;
     multiWalletWidgetState: MultiWalletWidgetState;

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js

@@ -68,7 +68,8 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
             return;
         primaryWallet.connector
             .getConnectedAccounts()
-            .then(([connectedAddress]) => {
+            .then((accounts) => {
+            const [connectedAddress] = accounts;
             if (isSameAddress(connectedAddress, primaryWallet.address, primaryWallet.chain)) {
                 return;
             }

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

@@ -23,7 +23,7 @@ var api = require('../../../data/api.cjs');
 require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, setConnectedWallets] = React.useState([]);
     // The function to update and define the connectedWallets list.
@@ -126,6 +126,14 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             error.code = 'missing-public-address';
             throw error;
         }
+        if (onBeforeConnectSuccessConfirmation) {
+            const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation(publicWalletAddress);
+            if (!shouldProceedWithConnection) {
+                walletConnectorCore.logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
+                setShowAuthFlow(false);
+                return;
+            }
+        }
         const walletId = `connect-wallet-${getNextIdAvailable(connectedWalletsInfo)}`;
         if (!primaryWalletId) {
             setPrimaryWalletId(walletId);

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.d.ts

@@ -1,5 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { AuthModeType, Wallet, WalletOption } from '../../../shared';
+import { AuthModeType, OnBeforeConnectSuccessConfirmation, Wallet, WalletOption } from '../../../shared';
 export type ConnectedWalletConnectorType = {
     id: string;
     walletChain?: Chain;
@@ -16,9 +17,11 @@ type Props = {
     setPrimaryWalletId: (walletId: string) => void;
     wallets: WalletOption[];
     onUnlink?: (walletId: string, connectedWalletsInfo: ConnectedWalletConnectorType[]) => void;
+    onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
+    setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
-export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, }: Props) => {
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string>;
+export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }: Props) => {
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
     connectedWallet: Wallet;
     connectedWallets: Wallet[];
     connectedWalletsInfo: ConnectedWalletConnectorType[] | [];

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

@@ -19,7 +19,7 @@ import { createVisit } from '../../../data/api.js';
 import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, setConnectedWallets] = useState([]);
     // The function to update and define the connectedWallets list.
@@ -122,6 +122,14 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             error.code = 'missing-public-address';
             throw error;
         }
+        if (onBeforeConnectSuccessConfirmation) {
+            const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation(publicWalletAddress);
+            if (!shouldProceedWithConnection) {
+                logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
+                setShowAuthFlow(false);
+                return;
+            }
+        }
         const walletId = `connect-wallet-${getNextIdAvailable(connectedWalletsInfo)}`;
         if (!primaryWalletId) {
             setPrimaryWalletId(walletId);

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

@@ -44,7 +44,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             environmentId &&
             retries < maxRetries) {
             setLoading(true);
-            api.sendDynamicProps(environmentId, dynamicContextProps);
+            api.sendDynamicProps(environmentId, { dynamicContextProps });
             api.fetchProjectSettings(environmentId)
                 .then((response) => {
                 if (!response)

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

@@ -40,7 +40,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             environmentId &&
             retries < maxRetries) {
             setLoading(true);
-            sendDynamicProps(environmentId, dynamicContextProps);
+            sendDynamicProps(environmentId, { dynamicContextProps });
             fetchProjectSettings(environmentId)
                 .then((response) => {
                 if (!response)

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

@@ -21,7 +21,7 @@ var useWalletsConnectionState = require('../useWalletsConnectionState/useWallets
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
 var reconnectSocialWallet = require('./reconnectSocialWallet.cjs');
 
-const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, }) => {
+const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
     const linkedWallets = React.useMemo(() => {
         if (!authToken) {
@@ -38,11 +38,12 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: a
         // This is because we want the first connected wallet to have events applied by useWalletEventListeners
         // In connect-and-sign mode, events are only applied after the message is signed.
         // This change ensures that events will be applied even before the signature.
-        if (authMode === 'connect-and-sign' && user) {
+        // After signing the message user could be undefined in scenarios like OTP
+        if (authMode === 'connect-and-sign' && (user || onboardingOnlyJwt)) {
             return linkedWallets;
         }
         return connectedWallets;
-    }, [authMode, connectedWallets, linkedWallets, user]);
+    }, [authMode, connectedWallets, linkedWallets, user, onboardingOnlyJwt]);
     const { connectedWalletMap, computeConnectedStateForWallets, didConnectedStateLoad, } = useWalletsConnectionState.useWalletsConnectionState(walletsBasedOnAuthMode);
     const wallets = React.useMemo(() => walletsBasedOnAuthMode.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletMap[wallet.id]) }))), [connectedWalletMap, walletsBasedOnAuthMode]);
     React.useEffect(() => {

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.d.ts

@@ -14,6 +14,7 @@ type Props = {
     setPrimaryWalletId: (walletId: string) => void;
     primaryWalletId: string | undefined;
     user?: UserProfile;
+    onboardingOnlyJwt?: string;
 };
 export interface UseWalletConnectors {
     computeConnectedStateForWallets: () => Promise<void>;
@@ -28,5 +29,5 @@ export interface UseWalletConnectors {
     walletConnectors: WalletConnector[];
     wallets: Wallet[];
 }
-export declare const useWalletConnectors: ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, }: Props) => UseWalletConnectors;
+export declare const useWalletConnectors: ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, }: Props) => UseWalletConnectors;
 export {};

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

@@ -17,7 +17,7 @@ import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalle
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
 import { reconnectSocialWallet } from './reconnectSocialWallet.js';
 
-const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, }) => {
+const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
     const linkedWallets = useMemo(() => {
         if (!authToken) {
@@ -34,11 +34,12 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: a
         // This is because we want the first connected wallet to have events applied by useWalletEventListeners
         // In connect-and-sign mode, events are only applied after the message is signed.
         // This change ensures that events will be applied even before the signature.
-        if (authMode === 'connect-and-sign' && user) {
+        // After signing the message user could be undefined in scenarios like OTP
+        if (authMode === 'connect-and-sign' && (user || onboardingOnlyJwt)) {
             return linkedWallets;
         }
         return connectedWallets;
-    }, [authMode, connectedWallets, linkedWallets, user]);
+    }, [authMode, connectedWallets, linkedWallets, user, onboardingOnlyJwt]);
     const { connectedWalletMap, computeConnectedStateForWallets, didConnectedStateLoad, } = useWalletsConnectionState(walletsBasedOnAuthMode);
     const wallets = useMemo(() => walletsBasedOnAuthMode.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletMap[wallet.id]) }))), [connectedWalletMap, walletsBasedOnAuthMode]);
     useEffect(() => {

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -104,6 +104,9 @@ const WalletUsedView = () => {
         // TODO refactor this block
         try {
             const publicWalletAddress = yield connectWallet(walletConnector);
+            if (!publicWalletAddress) {
+                return;
+            }
             const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
             const verifyArgs = yield getVerifyArgs.getVerifyArgs({
                 displayTermsOfService,

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -100,6 +100,9 @@ const WalletUsedView = () => {
         // TODO refactor this block
         try {
             const publicWalletAddress = yield connectWallet(walletConnector);
+            if (!publicWalletAddress) {
+                return;
+            }
             const walletProvider = getWalletProvider(walletConnector);
             const verifyArgs = yield getVerifyArgs({
                 displayTermsOfService,

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

@@ -55,7 +55,7 @@ const DynamicWidgetWallets = () => {
                     'dynamic-widget-wallets__body--apply-height': !isEmpty,
                 }) }, { children: isEmpty ? (jsxRuntime.jsx(EmptyWallets.EmptyWallets, {})) : (jsxRuntime.jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
                         var _a;
-                        return (jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id));
+                        return (jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id));
                     }) }))) }))] })));
 };
 

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

@@ -51,7 +51,7 @@ const DynamicWidgetWallets = () => {
                     'dynamic-widget-wallets__body--apply-height': !isEmpty,
                 }) }, { children: isEmpty ? (jsx(EmptyWallets, {})) : (jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
                         var _a;
-                        return (jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id));
+                        return (jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id));
                     }) }))) }))] })));
 };