@dynamic-labs/sdk-react-core 1.0.0-alpha.0 → 1.0.0-alpha.3

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

@@ -7,10 +7,10 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const useRpcProviders = ({ networkConfigurations, }) => {

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

@@ -10,10 +10,10 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const useSetWalletConnectorVerifiedCredentials = (authToken, walletOptions) => {

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

@@ -6,10 +6,10 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const useSetWalletConnectorVerifiedCredentials = (authToken, walletOptions) => {

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

@@ -15,11 +15,11 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
@@ -69,7 +69,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
         return true;
     };
     const linkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        connectSocialAccount(provider, checkValidOAuthLinking);
+        connectSocialAccount({ provider, validator: checkValidOAuthLinking });
     });
     const unlinkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _b;

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

@@ -11,11 +11,11 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import { PRIMARY_WALLET_ID } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
@@ -65,7 +65,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
         return true;
     };
     const linkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
-        connectSocialAccount(provider, checkValidOAuthLinking);
+        connectSocialAccount({ provider, validator: checkValidOAuthLinking });
     });
     const unlinkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
         var _b;

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

@@ -10,6 +10,8 @@ var utils = require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var api = require('../../../data/api.cjs');
 var useUpdateUserProfileByJWTCallback = require('../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
+var digestSHA256 = require('../../functions/digestSHA256/digestSHA256.cjs');
+var encodeBase64URL = require('../../functions/encodeBase64URL/encodeBase64URL.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -23,12 +25,10 @@ require('viem');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
-var randomString = require('../../functions/randomString/randomString.cjs');
-var stringifyURIQuery = require('../../functions/stringifyURIQuery/stringifyURIQuery.cjs');
-var digestSHA256 = require('../../functions/digestSHA256/digestSHA256.cjs');
-var encodeBase64URL = require('../../functions/encodeBase64URL/encodeBase64URL.cjs');
 var getOauthLoginUrl = require('../../functions/getOauthLoginUrl/getOauthLoginUrl.cjs');
 var getProviderByType = require('../../functions/getProviderByType/getProviderByType.cjs');
+var randomString = require('../../functions/randomString/randomString.cjs');
+var stringifyURIQuery = require('../../functions/stringifyURIQuery/stringifyURIQuery.cjs');
 var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
@@ -125,10 +125,11 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             }
         }
     });
-    const signInAccount = (provider, code, verifier, state) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const signInAccount = (provider, code, verifier, state, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _b;
         try {
             const jwt = yield api.signInOAuth(environmentId, provider, {
+                captchaToken,
                 code,
                 codeVerifier: verifier,
                 state,
@@ -170,7 +171,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             handleError(types.SocialOAuthErrorCode.GENERAL_ERROR, error);
         }
     });
-    const connectSocialAccount = (provider, validator) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const connectSocialAccount = ({ provider, validator, captchaToken, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _c, _d;
         clearInterval(authWindowInterval.current);
         clearError();
@@ -253,7 +254,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 return;
             }
             if (authMode === 'signin') {
-                yield signInAccount(provider, code, verifier, state);
+                yield signInAccount(provider, code, verifier, state, captchaToken);
             }
             else {
                 yield linkAccount(provider, code, verifier, state);

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

@@ -10,7 +10,11 @@ type UseSocialAuthProps = {
 };
 export declare const useSocialAuth: ({ sessionTimeout, authMode, onSettled, onError, }: UseSocialAuthProps) => {
     readonly checkValidProvider: (provider: ProviderEnum) => boolean;
-    readonly connectSocialAccount: (provider: ProviderEnum, validator?: ((provider: ProviderEnum) => boolean) | undefined) => Promise<void>;
+    readonly connectSocialAccount: ({ provider, validator, captchaToken, }: {
+        provider: ProviderEnum;
+        validator?: ((provider: ProviderEnum) => boolean) | undefined;
+        captchaToken?: string | undefined;
+    }) => Promise<void>;
     readonly error: SocialOAuthError | undefined;
     readonly handleError: (code: SocialOAuthErrorCode, message: string) => void;
     readonly isProcessing: boolean;

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

@@ -6,6 +6,8 @@ import { SocialAccountAlreadyExistsError, NoAccessError } from '@dynamic-labs/ut
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { getOAuthResult, verifyOAuth, signInOAuth } from '../../../data/api.js';
 import { useUpdateUserProfileByJWTCallback } from '../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
+import { digestSHA256 } from '../../functions/digestSHA256/digestSHA256.js';
+import { encodeBase64URL } from '../../functions/encodeBase64URL/encodeBase64URL.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -19,12 +21,10 @@ import 'viem';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
-import { randomString } from '../../functions/randomString/randomString.js';
-import { stringifyURIQuery } from '../../functions/stringifyURIQuery/stringifyURIQuery.js';
-import { digestSHA256 } from '../../functions/digestSHA256/digestSHA256.js';
-import { encodeBase64URL } from '../../functions/encodeBase64URL/encodeBase64URL.js';
 import { getOauthLoginUrl } from '../../functions/getOauthLoginUrl/getOauthLoginUrl.js';
 import { getProviderByType } from '../../functions/getProviderByType/getProviderByType.js';
+import { randomString } from '../../functions/randomString/randomString.js';
+import { stringifyURIQuery } from '../../functions/stringifyURIQuery/stringifyURIQuery.js';
 import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
@@ -121,10 +121,11 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             }
         }
     });
-    const signInAccount = (provider, code, verifier, state) => __awaiter(void 0, void 0, void 0, function* () {
+    const signInAccount = (provider, code, verifier, state, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
         var _b;
         try {
             const jwt = yield signInOAuth(environmentId, provider, {
+                captchaToken,
                 code,
                 codeVerifier: verifier,
                 state,
@@ -166,7 +167,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             handleError(SocialOAuthErrorCode.GENERAL_ERROR, error);
         }
     });
-    const connectSocialAccount = (provider, validator) => __awaiter(void 0, void 0, void 0, function* () {
+    const connectSocialAccount = ({ provider, validator, captchaToken, }) => __awaiter(void 0, void 0, void 0, function* () {
         var _c, _d;
         clearInterval(authWindowInterval.current);
         clearError();
@@ -249,7 +250,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 return;
             }
             if (authMode === 'signin') {
-                yield signInAccount(provider, code, verifier, state);
+                yield signInAccount(provider, code, verifier, state, captchaToken);
             }
             else {
                 yield linkAccount(provider, code, verifier, state);

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs

@@ -15,18 +15,18 @@ require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../../constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 var isEmailVerificationRequired = require('../../../functions/authenication/isEmailVerificationRequired/isEmailVerificationRequired.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/sdk-api');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var useEmailVerificationRequest = require('../../authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');
 var useUpdateUserProfileByJWTCallback = require('../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 
@@ -46,6 +46,7 @@ const userFieldsSchema = yup.object().shape({
     kdaWallet: yup.string(),
     lastName: yup.string(),
     ltcWallet: yup.string(),
+    metadata: yup.object(),
     newsletterNotification: yup.boolean(),
     phoneNumber: yup.string(),
     tShirtSize: yup.string(),
@@ -60,10 +61,13 @@ const useUpdateUser = (validationSchemaStripUnknown) => {
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     return React.useCallback((userFields, userEnvironmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c;
+        // `stripUnknown: true` will automatically strip out any values in the metadata object
+        // so we need to pull out the metadata object here and then re-add it after stripping unknown fields
+        const { metadata } = userFields;
         const validatedUserFields = yield userFieldsSchema.validate(userFields, {
             stripUnknown: validationSchemaStripUnknown,
         });
-        const updateUserProfileResponse = yield api.updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, validatedUserFields);
+        const updateUserProfileResponse = yield api.updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, Object.assign(Object.assign({}, validatedUserFields), { metadata }));
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt.decodeJwt(updateUserProfileResponse.jwt);
         const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js

@@ -11,18 +11,18 @@ import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../../constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import { isEmailVerificationRequired } from '../../../functions/authenication/isEmailVerificationRequired/isEmailVerificationRequired.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useEmailVerificationRequest } from '../../authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
 import { useUpdateUserProfileByJWTCallback } from '../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 
@@ -42,6 +42,7 @@ const userFieldsSchema = object().shape({
     kdaWallet: string(),
     lastName: string(),
     ltcWallet: string(),
+    metadata: object(),
     newsletterNotification: boolean(),
     phoneNumber: string(),
     tShirtSize: string(),
@@ -56,10 +57,13 @@ const useUpdateUser = (validationSchemaStripUnknown) => {
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     return useCallback((userFields, userEnvironmentId) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c;
+        // `stripUnknown: true` will automatically strip out any values in the metadata object
+        // so we need to pull out the metadata object here and then re-add it after stripping unknown fields
+        const { metadata } = userFields;
         const validatedUserFields = yield userFieldsSchema.validate(userFields, {
             stripUnknown: validationSchemaStripUnknown,
         });
-        const updateUserProfileResponse = yield updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, validatedUserFields);
+        const updateUserProfileResponse = yield updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, Object.assign(Object.assign({}, validatedUserFields), { metadata }));
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt(updateUserProfileResponse.jwt);
         const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];

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

@@ -11,10 +11,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }) => {
@@ -61,7 +61,9 @@ const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Brid
             oldBridge: currentWalletConnectV1Bridge,
         });
     });
-    const hasWCV1Data = localStorage.LocalStorage.getKeys().some((key) => key.startsWith('walletconnect') || key.startsWith('walletlink'));
+    // Pera Wallet uses WC v1 and sets a 'walletconnect' key in localStorage
+    // so we can't just check for a key starting with 'walletconnect'
+    const hasWCV1Data = localStorage.LocalStorage.getKeys().some((key) => key.startsWith('walletconnect-') || key.startsWith('walletlink'));
     const hasWCV2Data = localStorage.LocalStorage.getKeys().some((key) => key.startsWith('wc@2'));
     const handleConnectorVersionOutOfSync = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!wcVersion ||

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

@@ -7,10 +7,10 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }) => {
@@ -57,7 +57,9 @@ const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Brid
             oldBridge: currentWalletConnectV1Bridge,
         });
     });
-    const hasWCV1Data = LocalStorage.getKeys().some((key) => key.startsWith('walletconnect') || key.startsWith('walletlink'));
+    // Pera Wallet uses WC v1 and sets a 'walletconnect' key in localStorage
+    // so we can't just check for a key starting with 'walletconnect'
+    const hasWCV1Data = LocalStorage.getKeys().some((key) => key.startsWith('walletconnect-') || key.startsWith('walletlink'));
     const hasWCV2Data = LocalStorage.getKeys().some((key) => key.startsWith('wc@2'));
     const handleConnectorVersionOutOfSync = () => __awaiter(void 0, void 0, void 0, function* () {
         if (!wcVersion ||

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

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var utils = require('@dynamic-labs/utils');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var api = require('../../../data/api.cjs');
-var index = require('../../functions/storeAuthToken/index.cjs');
-require('@dynamic-labs/multi-wallet');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
-var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
@@ -20,15 +22,13 @@ require('../../constants/colors.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../shared/consts/index.cjs');
-var getVerifyArgs = require('../../functions/getVerifyArgs/getVerifyArgs.cjs');
 var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
+require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/sdk-api');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
+var getVerifyArgs = require('../../functions/getVerifyArgs/getVerifyArgs.cjs');
+var index = require('../../functions/storeAuthToken/index.cjs');
 var getSiweStatement = require('../../functions/getSiweStatement/getSiweStatement.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
-var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 
 // This logic is used to both verify or link a wallet
 // Since we are re-using the different screens to authenticate or link the wallet.
@@ -187,7 +187,9 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             }
             else {
                 setView('wallet-list');
-                setCallback('linkSuccess');
+                setCallback('linkSuccess', {
+                    walletId: decodedJwt.lastVerifiedCredentialId,
+                });
             }
         }
         catch (e) {

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

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { ProjectSettingsProps, VerifyProps, VerifyCallbackArgs } from '../../../shared/types';
+import { ProjectSettingsProps, VerifyCallbackArgs, VerifyProps } from '../../../shared/types';
 type UseVerifyWalletArgs = VerifyProps & ProjectSettingsProps & {
     consumeNonce: () => string | undefined;
     displaySiweStatement: boolean;

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

@@ -1,13 +1,15 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { DynamicError, WalletUsedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
+import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { verifyWallet, linkWallet } from '../../../data/api.js';
-import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
-import '@dynamic-labs/multi-wallet';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
-import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
@@ -16,15 +18,13 @@ import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../shared/consts/index.js';
-import { getVerifyArgs } from '../../functions/getVerifyArgs/getVerifyArgs.js';
 import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
+import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
-import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
+import { getVerifyArgs } from '../../functions/getVerifyArgs/getVerifyArgs.js';
+import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import { getSiweStatement } from '../../functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
-import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
 
 // This logic is used to both verify or link a wallet
 // Since we are re-using the different screens to authenticate or link the wallet.
@@ -183,7 +183,9 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             }
             else {
                 setView('wallet-list');
-                setCallback('linkSuccess');
+                setCallback('linkSuccess', {
+                    walletId: decodedJwt.lastVerifiedCredentialId,
+                });
             }
         }
         catch (e) {

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

@@ -30,7 +30,6 @@ const useWalletConnectorEvent = (eventEmitters, eventName, handler) => {
             return () => emitter.off(eventName, callback);
         });
         return () => unsubscribeCallbacks.forEach((unsubscribe) => unsubscribe());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [eventEmitters, eventName]);
 };
 

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

@@ -26,7 +26,6 @@ const useWalletConnectorEvent = (eventEmitters, eventName, handler) => {
             return () => emitter.off(eventName, callback);
         });
         return () => unsubscribeCallbacks.forEach((unsubscribe) => unsubscribe());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [eventEmitters, eventName]);
 };
 

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

@@ -11,10 +11,10 @@ require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getReferencedAccount = require('../../functions/getReferencedAccount/getReferencedAccount.cjs');

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

@@ -7,10 +7,10 @@ import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getReferencedAccount } from '../../functions/getReferencedAccount/getReferencedAccount.js';

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var sdkApi = require('@dynamic-labs/sdk-api');
 var decodeJwt = require('../../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -10,15 +11,15 @@ require('../../../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../../../constants/colors.cjs');
 require('../../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../../../shared/consts/index.cjs');
-var isSameWalletName = require('../../../../functions/isSameWalletName/isSameWalletName.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/sdk-api');
 var shouldManuallyReconnectOnRefresh = require('../../../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
+var findWallet = require('../findWallet/findWallet.cjs');
+var smartWallet = require('../smartWallet/smartWallet.cjs');
 
 const createLinkedWalletsFromWalletOptions = ({ authToken, walletOptions, primaryWalletId, }) => {
     const decodedJwt = decodeJwt.decodeJwt(authToken);
@@ -28,8 +29,7 @@ const createLinkedWalletsFromWalletOptions = ({ authToken, walletOptions, primar
     }
     return decodedJwt.verifiedCredentials
         .map((account) => {
-        const wallet = walletOptions.find((wallet) => account.walletName &&
-            isSameWalletName.isSameWalletName(wallet.name, account.walletName));
+        const wallet = findWallet.findWallet(account, walletOptions);
         // this probably shouldn't happen. this would mean that the user has an account linked
         // with wallet W, but the customer has toggled off wallet W or the chain that
         // supports wallet W
@@ -40,7 +40,18 @@ const createLinkedWalletsFromWalletOptions = ({ authToken, walletOptions, primar
             shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
             wallet.walletConnector.connect();
         }
+        // this account is the owner of a smart wallet, and should not be surfaced
+        if (smartWallet.isOwnerOfASmartWallet(account, decodedJwt.verifiedCredentials)) {
+            return null;
+        }
         if (account.address && account.chain) {
+            if (account.walletProvider === sdkApi.WalletProviderEnum.SmartContractWallet) {
+                smartWallet.initializeSmartWallet({
+                    account,
+                    verifiedCredentials: decodedJwt.verifiedCredentials,
+                    walletOptions,
+                });
+            }
             return {
                 address: account.address,
                 chain: account.chain,

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

@@ -1,3 +1,4 @@
+import { WalletProviderEnum } from '@dynamic-labs/sdk-api';
 import { decodeJwt } from '../../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -6,15 +7,15 @@ import '../../../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../../../constants/colors.js';
 import '../../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../../../shared/consts/index.js';
-import { isSameWalletName } from '../../../../functions/isSameWalletName/isSameWalletName.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/sdk-api';
 import { shouldManuallyReconnectOnRefresh } from '../../../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
+import { findWallet } from '../findWallet/findWallet.js';
+import { isOwnerOfASmartWallet, initializeSmartWallet } from '../smartWallet/smartWallet.js';
 
 const createLinkedWalletsFromWalletOptions = ({ authToken, walletOptions, primaryWalletId, }) => {
     const decodedJwt = decodeJwt(authToken);
@@ -24,8 +25,7 @@ const createLinkedWalletsFromWalletOptions = ({ authToken, walletOptions, primar
     }
     return decodedJwt.verifiedCredentials
         .map((account) => {
-        const wallet = walletOptions.find((wallet) => account.walletName &&
-            isSameWalletName(wallet.name, account.walletName));
+        const wallet = findWallet(account, walletOptions);
         // this probably shouldn't happen. this would mean that the user has an account linked
         // with wallet W, but the customer has toggled off wallet W or the chain that
         // supports wallet W
@@ -36,7 +36,18 @@ const createLinkedWalletsFromWalletOptions = ({ authToken, walletOptions, primar
             shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
             wallet.walletConnector.connect();
         }
+        // this account is the owner of a smart wallet, and should not be surfaced
+        if (isOwnerOfASmartWallet(account, decodedJwt.verifiedCredentials)) {
+            return null;
+        }
         if (account.address && account.chain) {
+            if (account.walletProvider === WalletProviderEnum.SmartContractWallet) {
+                initializeSmartWallet({
+                    account,
+                    verifiedCredentials: decodedJwt.verifiedCredentials,
+                    walletOptions,
+                });
+            }
             return {
                 address: account.address,
                 chain: account.chain,

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isSameWalletName = require('../../../../functions/isSameWalletName/isSameWalletName.cjs');
+
+const findWallet = (account, walletOptions) => walletOptions.find((wallet) => account.walletName && isSameWalletName.isSameWalletName(wallet.name, account.walletName));
+
+exports.findWallet = findWallet;

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

@@ -0,0 +1,3 @@
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
+import { WalletOption } from '../../../../../shared';
+export declare const findWallet: (account: JwtVerifiedCredential, walletOptions: WalletOption[]) => WalletOption | undefined;