@dynamic-labs/sdk-react-core 0.17.0-RC.3 → 0.17.0-RC.31

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

@@ -3,13 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var rpcProviders = require('@dynamic-labs/rpc-providers');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
+require('ethers');
 require('../../../shared/consts/index.cjs');
 
 const useRpcProviders = ({ networkConfigurations, }) => {
@@ -19,7 +22,7 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     React.useEffect(() => {
         try {
             if (networkConfigurations) {
-                setProviders(multiWallet.getRpcProviders(networkConfigurations));
+                setProviders(rpcProviders.ChainRpcProviders.getProviders(networkConfigurations));
             }
         }
         catch (error) {
@@ -30,12 +33,12 @@ const useRpcProviders = ({ networkConfigurations, }) => {
         if (!networkConfigurations) {
             return undefined;
         }
-        return multiWallet.getEvmRpcProviderByChainId(networkConfigurations, chainId);
+        return rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
     }, [networkConfigurations]);
     React.useEffect(() => {
         try {
             if (networkConfigurations) {
-                setEvmDefaultProvider(multiWallet.getEvmDefaultRpcProvider(networkConfigurations));
+                setEvmDefaultProvider(rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1));
             }
         }
         catch (error) {
@@ -45,7 +48,7 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     React.useEffect(() => {
         try {
             if (networkConfigurations) {
-                setSolanaDefaultProvider(multiWallet.getSolanaDefaultRpcProvider(networkConfigurations));
+                setSolanaDefaultProvider(rpcProviders.ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101'));
             }
         }
         catch (error) {

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

@@ -1,8 +1,8 @@
-import { NetworkConfigurationMap } from '@dynamic-labs/multi-wallet';
+import { NetworkConfigurationMap } from '@dynamic-labs/types';
 import { DynamicRPCProviders } from '../../../shared';
 type Props = {
     networkConfigurations: NetworkConfigurationMap | undefined;
-    networkId: number | undefined;
+    networkId: string | number | undefined;
 };
 export declare const useRpcProviders: ({ networkConfigurations, }: Props) => DynamicRPCProviders;
 export {};

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

@@ -1,11 +1,14 @@
 import { useState, useEffect, useCallback } from 'react';
-import { getRpcProviders, getEvmRpcProviderByChainId, getEvmDefaultRpcProvider, getSolanaDefaultRpcProvider } from '@dynamic-labs/multi-wallet';
+import { ChainRpcProviders } from '@dynamic-labs/rpc-providers';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '../../constants/colors.js';
+import 'ethers';
 import '../../../shared/consts/index.js';
 
 const useRpcProviders = ({ networkConfigurations, }) => {
@@ -15,23 +18,23 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     useEffect(() => {
         try {
             if (networkConfigurations) {
-                setProviders(getRpcProviders(networkConfigurations));
+                setProviders(ChainRpcProviders.getProviders(networkConfigurations));
             }
         }
         catch (error) {
             logger.error(error);
         }
     }, [networkConfigurations]);
-    const getEvmRpcProviderByChainId$1 = useCallback((chainId) => {
+    const getEvmRpcProviderByChainId = useCallback((chainId) => {
         if (!networkConfigurations) {
             return undefined;
         }
-        return getEvmRpcProviderByChainId(networkConfigurations, chainId);
+        return ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
     }, [networkConfigurations]);
     useEffect(() => {
         try {
             if (networkConfigurations) {
-                setEvmDefaultProvider(getEvmDefaultRpcProvider(networkConfigurations));
+                setEvmDefaultProvider(ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1));
             }
         }
         catch (error) {
@@ -41,7 +44,7 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     useEffect(() => {
         try {
             if (networkConfigurations) {
-                setSolanaDefaultProvider(getSolanaDefaultRpcProvider(networkConfigurations));
+                setSolanaDefaultProvider(ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101'));
             }
         }
         catch (error) {
@@ -51,7 +54,7 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     return {
         evmDefaultProvider,
         evmProviders: providers === null || providers === void 0 ? void 0 : providers.evm,
-        getEvmRpcProviderByChainId: getEvmRpcProviderByChainId$1,
+        getEvmRpcProviderByChainId,
         solanaDefaultProvider,
         solanaProviders: providers === null || providers === void 0 ? void 0 : providers.solana,
     };

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

@@ -6,6 +6,13 @@ var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
 
+/**
+ * A custom React hook that returns a function to update the user profile using a JSON Web Token (JWT).
+ * This hook internally uses the 'useCreateUserProfileByJWTCallback' hook to create the user profile by JWT
+ * and the 'useInternalDynamicContext' hook to set the callback for when the user profile is updated.
+ * The returned function uses 'useCallback' to memoize the function and optimize performance.
+ * @returns An object with the 'updateUserProfileByJWT' function.
+ */
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext.useInternalDynamicContext();

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

@@ -1,3 +1,10 @@
+/**
+ * A custom React hook that returns a function to update the user profile using a JSON Web Token (JWT).
+ * This hook internally uses the 'useCreateUserProfileByJWTCallback' hook to create the user profile by JWT
+ * and the 'useInternalDynamicContext' hook to set the callback for when the user profile is updated.
+ * The returned function uses 'useCallback' to memoize the function and optimize performance.
+ * @returns An object with the 'updateUserProfileByJWT' function.
+ */
 export declare const useUpdateUserProfileByJWTCallback: () => {
     updateUserProfileByJWT: (jwt: string) => void;
 };

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

@@ -2,6 +2,13 @@ import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 
+/**
+ * A custom React hook that returns a function to update the user profile using a JSON Web Token (JWT).
+ * This hook internally uses the 'useCreateUserProfileByJWTCallback' hook to create the user profile by JWT
+ * and the 'useInternalDynamicContext' hook to set the callback for when the user profile is updated.
+ * The returned function uses 'useCallback' to memoize the function and optimize performance.
+ * @returns An object with the 'updateUserProfileByJWT' function.
+ */
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext();

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

@@ -5,14 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var yup = require('yup');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 var index = require('../../../shared/utils/functions/getValueByKey/index.cjs');
 require('../../constants/colors.cjs');
+require('ethers');
 var index$1 = require('../../../shared/consts/index.cjs');
 var fieldsConfig = require('../../../views/CollectUserDataView/fieldsConfig.cjs');
 var MockContext = require('../../../context/MockContext/MockContext.cjs');
@@ -48,7 +50,7 @@ const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies
             return;
         try {
             if (!(userProfile === null || userProfile === void 0 ? void 0 : userProfile.environmentId))
-                throw new multiWallet.DynamicError('Invalid environment ID');
+                throw new utils.DynamicError('Invalid environment ID');
             setFetch(true);
             let updatedUserFields = values;
             if (enforcePolicies) {
@@ -60,10 +62,10 @@ const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies
         catch (e) {
             logger.logger.error(e);
             onError === null || onError === void 0 ? void 0 : onError(e);
-            if (e.name === 'EmailAlreadyExistsError') {
+            if (e instanceof utils.EmailAlreadyExistsError) {
                 formikHelper.setErrors({ email: 'Email already exists' });
             }
-            else if (e.name === 'UsernameAlreadyExistsError') {
+            else if (e instanceof utils.UsernameAlreadyExistsError) {
                 formikHelper.setErrors({ username: 'Username already exists' });
             }
             else {

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

@@ -1,14 +1,16 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useMemo, useCallback } from 'react';
 import { object } from 'yup';
-import { DynamicError } from '@dynamic-labs/multi-wallet';
+import { DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import { getValueByKey } from '../../../shared/utils/functions/getValueByKey/index.js';
 import '../../constants/colors.js';
+import 'ethers';
 import { countryCodes, tShirtSizes, teamNames } from '../../../shared/consts/index.js';
 import { fieldsConfig } from '../../../views/CollectUserDataView/fieldsConfig.js';
 import { useMockContext } from '../../../context/MockContext/MockContext.js';
@@ -56,10 +58,10 @@ const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies
         catch (e) {
             logger.error(e);
             onError === null || onError === void 0 ? void 0 : onError(e);
-            if (e.name === 'EmailAlreadyExistsError') {
+            if (e instanceof EmailAlreadyExistsError) {
                 formikHelper.setErrors({ email: 'Email already exists' });
             }
-            else if (e.name === 'UsernameAlreadyExistsError') {
+            else if (e instanceof UsernameAlreadyExistsError) {
                 formikHelper.setErrors({ username: 'Username already exists' });
             }
             else {

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

@@ -14,15 +14,16 @@ var useUpdateUserProfileByJWTCallback = require('../useUpdateUserProfileByJWTCal
 
 // User Fields Schema without captchaToken and policiesConsent properties
 const userFieldsSchema = yup.object().shape({
-    email: yup.string(),
     alias: yup.string(),
+    country: yup.string(),
+    email: yup.string(),
     firstName: yup.string(),
-    lastName: yup.string(),
     jobTitle: yup.string(),
+    lastName: yup.string(),
     phoneNumber: yup.string(),
     tShirtSize: yup.string(),
     team: yup.string(),
-    country: yup.string(),
+    username: yup.string(),
 });
 // Hook exposed to the public
 const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {

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

@@ -10,15 +10,16 @@ import { useUpdateUserProfileByJWTCallback } from '../useUpdateUserProfileByJWTC
 
 // User Fields Schema without captchaToken and policiesConsent properties
 const userFieldsSchema = object().shape({
-    email: string(),
     alias: string(),
+    country: string(),
+    email: string(),
     firstName: string(),
-    lastName: string(),
     jobTitle: string(),
+    lastName: string(),
     phoneNumber: string(),
     tShirtSize: string(),
     team: string(),
-    country: string(),
+    username: string(),
 });
 // Hook exposed to the public
 const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {

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

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 var index = require('../../functions/storeAuthToken/index.cjs');
+require('@dynamic-labs/multi-wallet');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
@@ -15,33 +17,36 @@ require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
+require('ethers');
 var getVerifyArgs = require('../../functions/getVerifyArgs/getVerifyArgs.cjs');
 var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
 var isSupportedNetwork = require('../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 require('@dynamic-labs/sdk-api');
 var isProgrammableNetworkSwitchSupported = require('../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.cjs');
+require('../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var getSiweStatement = require('../../functions/getSiweStatement/getSiweStatement.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
-require('../../../shared/consts/index.cjs');
+var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.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.
 // This logic is the best place to determine whether we should verify or verify and link.
 const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
-    const { setView } = ViewContext.useViewContext();
+    const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
+    const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, loginWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, } = useInternalDynamicContext.useInternalDynamicContext();
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
     const verifyOnly = !authToken;
-    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         let Jwt;
         const nonce = consumeNonce();
         if (nonce === undefined)
-            throw new multiWallet.DynamicError('Missing nonce');
+            throw new utils.DynamicError('Missing nonce');
         const verifyArgs = yield getVerifyArgs.getVerifyArgs({
             displayTermsOfService,
             environmentId,
@@ -53,13 +58,14 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             walletProvider,
         });
         if (authToken === undefined || !multiWalletEnabled) {
-            Jwt = yield api.verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken }));
+            Jwt = yield api.verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
+                oauth }));
         }
         else {
             Jwt = yield api.linkWallet(environmentId, verifyArgs, authToken);
         }
         if (Jwt === undefined)
-            throw new multiWallet.DynamicError('Could not obtain a valid JWT');
+            throw new utils.DynamicError('Could not obtain a valid JWT');
         // TODO DYN-523: add verification here that the JWT is valid with the publicKey
         return Jwt;
     });
@@ -83,10 +89,10 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             }
         }
     };
-    const handleError = (e, walletConnector) => {
+    const handleError = (e, walletConnector, address, oauth) => {
         // This is a special case where the user is trying to link a wallet
         // and the wallet is already linked and we don't want to kill the session.
-        if (e.name === 'WalletUsedError') {
+        if (e instanceof utils.WalletUsedError) {
             setShowAuthFlow(true);
             setView('wallet-used');
             setIsSingleWalletAccount(false);
@@ -96,18 +102,23 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             return;
         }
         walletConnector.endSession();
-        if (e.name === 'ChainalysisError') {
+        if (e instanceof utils.ChainalysisError) {
             setView('chainalysis-blocked-wallet');
             return;
         }
-        if (e.name === 'NoAccessError') {
+        if (e instanceof utils.NoAccessError) {
+            setDeniedAddress(address);
+            // we need to set this value if it's magic in order to set proper icon
+            if (walletConnectorCore.isSocialWalletConnector(walletConnector)) {
+                setDeniedOauthProvider(oauth === null || oauth === void 0 ? void 0 : oauth.provider);
+            }
             setView('no-access');
             return;
         }
         if (connectedWallet && authMode === 'connect-only') {
-            throw new multiWallet.DynamicError(e.message);
+            throw new utils.DynamicError(e.message);
         }
-        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+        goToInitialView();
         logger.logger.error(e);
         if (debugError) {
             setError(`${e.message}\n ${e.stack}`);
@@ -116,7 +127,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             setErrorMessage(e.code);
         }
     };
-    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
         const network = yield walletConnector.getNetwork();
         const _isSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
@@ -124,10 +135,10 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             walletConnector,
         });
         try {
-            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken);
+            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt.decodeJwt(Jwt);
             if (decodedJwt === undefined)
-                throw new multiWallet.DynamicError('Invalid token!');
+                throw new utils.DynamicError('Invalid token!');
             const user = yield createUserProfile.createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
             setOnboardingOnlyJwt(Jwt);
@@ -138,8 +149,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
                 verifyOnly &&
                 !_isSupportedNetwork &&
                 !isKycRequired) {
-                const _isProgrammableNetworkSwitchSupported = isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector);
-                if (_isProgrammableNetworkSwitchSupported) {
+                if (isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
                     return setView('network-not-supported');
                 }
                 return setView('network-not-supported-manual');
@@ -163,7 +173,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             }
         }
         catch (e) {
-            handleError(e, walletConnector);
+            handleError(e, walletConnector, publicWalletAddress, oauth);
         }
     });
 };

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

@@ -5,5 +5,5 @@ type UseVerifyWalletArgs = VerifyProps & ProjectSettingsProps & {
     displayTermsOfService: boolean;
     setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
 };
-export declare const useVerifyWallet: ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }: UseVerifyWalletArgs) => ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }: VerifyCallbackArgs) => Promise<void>;
+export declare const useVerifyWallet: ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }: UseVerifyWalletArgs) => ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }: VerifyCallbackArgs) => Promise<void>;
 export {};

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

@@ -1,7 +1,9 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { DynamicError } from '@dynamic-labs/multi-wallet';
+import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { DynamicError, WalletUsedError, ChainalysisError, NoAccessError } from '@dynamic-labs/utils';
 import { verifyWallet, linkWallet } from '../../../data/api.js';
 import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
+import '@dynamic-labs/multi-wallet';
 import { LAST_USED_WALLET } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
@@ -11,29 +13,32 @@ import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import 'react';
+import 'ethers';
 import { getVerifyArgs } from '../../functions/getVerifyArgs/getVerifyArgs.js';
 import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
 import { isSupportedNetwork } from '../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import '@dynamic-labs/sdk-api';
 import { isProgrammableNetworkSwitchSupported } from '../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.js';
+import '../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { getSiweStatement } from '../../functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
-import '../../../shared/consts/index.js';
+import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.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.
 // This logic is the best place to determine whether we should verify or verify and link.
 const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
-    const { setView } = useViewContext();
+    const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
+    const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, loginWithEmail, } = useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, } = useInternalDynamicContext();
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
     const verifyOnly = !authToken;
-    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
+    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth) => __awaiter(void 0, void 0, void 0, function* () {
         let Jwt;
         const nonce = consumeNonce();
         if (nonce === undefined)
@@ -49,7 +54,8 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             walletProvider,
         });
         if (authToken === undefined || !multiWalletEnabled) {
-            Jwt = yield verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken }));
+            Jwt = yield verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
+                oauth }));
         }
         else {
             Jwt = yield linkWallet(environmentId, verifyArgs, authToken);
@@ -79,10 +85,10 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             }
         }
     };
-    const handleError = (e, walletConnector) => {
+    const handleError = (e, walletConnector, address, oauth) => {
         // This is a special case where the user is trying to link a wallet
         // and the wallet is already linked and we don't want to kill the session.
-        if (e.name === 'WalletUsedError') {
+        if (e instanceof WalletUsedError) {
             setShowAuthFlow(true);
             setView('wallet-used');
             setIsSingleWalletAccount(false);
@@ -92,18 +98,23 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             return;
         }
         walletConnector.endSession();
-        if (e.name === 'ChainalysisError') {
+        if (e instanceof ChainalysisError) {
             setView('chainalysis-blocked-wallet');
             return;
         }
-        if (e.name === 'NoAccessError') {
+        if (e instanceof NoAccessError) {
+            setDeniedAddress(address);
+            // we need to set this value if it's magic in order to set proper icon
+            if (isSocialWalletConnector(walletConnector)) {
+                setDeniedOauthProvider(oauth === null || oauth === void 0 ? void 0 : oauth.provider);
+            }
             setView('no-access');
             return;
         }
         if (connectedWallet && authMode === 'connect-only') {
             throw new DynamicError(e.message);
         }
-        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+        goToInitialView();
         logger.error(e);
         if (debugError) {
             setError(`${e.message}\n ${e.stack}`);
@@ -112,7 +123,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             setErrorMessage(e.code);
         }
     };
-    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }) => __awaiter(void 0, void 0, void 0, function* () {
+    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => __awaiter(void 0, void 0, void 0, function* () {
         const walletProvider = getWalletProvider(walletConnector);
         const network = yield walletConnector.getNetwork();
         const _isSupportedNetwork = isSupportedNetwork({
@@ -120,7 +131,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             walletConnector,
         });
         try {
-            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken);
+            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new DynamicError('Invalid token!');
@@ -134,8 +145,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
                 verifyOnly &&
                 !_isSupportedNetwork &&
                 !isKycRequired) {
-                const _isProgrammableNetworkSwitchSupported = isProgrammableNetworkSwitchSupported(walletConnector);
-                if (_isProgrammableNetworkSwitchSupported) {
+                if (isProgrammableNetworkSwitchSupported(walletConnector)) {
                     return setView('network-not-supported');
                 }
                 return setView('network-not-supported-manual');
@@ -159,7 +169,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             }
         }
         catch (e) {
-            handleError(e, walletConnector);
+            handleError(e, walletConnector, publicWalletAddress, oauth);
         }
     });
 };

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('../../constants/colors.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('ethers');
+var getReferencedAccount = require('../../functions/getReferencedAccount/getReferencedAccount.cjs');
+
+/**
+ * This function will use a referenced account to kick off the social wallet
+ * authentication. This is useful in the multiwallet scenario where the user
+ * wants to set their disconnected social wallet as their primary wallet, in
+ * which case the wallet needs to be reconnected
+ */
+const reconnectSocialWallet = (jwt, wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (!walletConnectorCore.isSocialWalletConnector(wallet.connector)) {
+        return;
+    }
+    const socialAccountDataForWallet = getReferencedAccount.getReferencedAccount(jwt, wallet.id);
+    if (!socialAccountDataForWallet ||
+        !socialAccountDataForWallet.oauthProvider) {
+        return;
+    }
+    yield wallet.connector.connect(socialAccountDataForWallet.oauthProvider);
+});
+
+exports.reconnectSocialWallet = reconnectSocialWallet;

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

@@ -0,0 +1,8 @@
+import { Wallet } from '../../../shared';
+/**
+ * This function will use a referenced account to kick off the social wallet
+ * authentication. This is useful in the multiwallet scenario where the user
+ * wants to set their disconnected social wallet as their primary wallet, in
+ * which case the wallet needs to be reconnected
+ */
+export declare const reconnectSocialWallet: (jwt: string | undefined, wallet: Wallet) => Promise<void>;