@dynamic-labs/sdk-react-core 1.1.0-alpha.2 → 1.1.0-alpha.3

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+## [1.1.0-alpha.3](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.2...v1.1.0-alpha.3) (2023-12-19)
+
+
+### Features
+
+* add Flow support in magic wallet connector  ([#4158](https://github.com/dynamic-labs/DynamicAuth/issues/4158)) ([fbbaea7](https://github.com/dynamic-labs/DynamicAuth/commit/fbbaea76b36ceb693f6bd4f2404dfa1204e61492))
+* add showDynamicUserProfile to DynamicContext ([#4214](https://github.com/dynamic-labs/DynamicAuth/issues/4214)) ([2aeb8e3](https://github.com/dynamic-labs/DynamicAuth/commit/2aeb8e3c45a3d9f87bd9196ea9b46927e02eb633))
+
+
+### Bug Fixes
+
+* add shortname to braveevm to allow for lookups by name as well as key ([#4213](https://github.com/dynamic-labs/DynamicAuth/issues/4213)) ([969b089](https://github.com/dynamic-labs/DynamicAuth/commit/969b089be516fb57fcdc941f908c078998eb4ec0))
+* solflare connect ([#4215](https://github.com/dynamic-labs/DynamicAuth/issues/4215)) ([9a4164e](https://github.com/dynamic-labs/DynamicAuth/commit/9a4164e53198f33ef7201cd4e1eff745a09e9701))
+* wagmi attempt to connect to primary wallet first ([#4206](https://github.com/dynamic-labs/DynamicAuth/issues/4206)) ([9e5fc8e](https://github.com/dynamic-labs/DynamicAuth/commit/9e5fc8ef026628935ac32d3bb0c22bda35057e5d))
+
 ## [1.1.0-alpha.2](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.1...v1.1.0-alpha.2) (2023-12-18)
 
 

package/package.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.1.0-alpha.2";
+var version = "1.1.0-alpha.3";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.47",
-	"@dynamic-labs/sdk-api": "0.0.330",
+	"@dynamic-labs/sdk-api": "0.0.333",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
-var version = "1.1.0-alpha.2";
+var version = "1.1.0-alpha.3";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.47",
-	"@dynamic-labs/sdk-api": "0.0.330",
+	"@dynamic-labs/sdk-api": "0.0.333",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.1.0-alpha.2",
+  "version": "1.1.0-alpha.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@dynamic-labs/iconic": "0.1.47",
-    "@dynamic-labs/sdk-api": "0.0.330",
+    "@dynamic-labs/sdk-api": "0.0.333",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,15 +17,15 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "1.1.0-alpha.2",
-    "@dynamic-labs/logger": "1.1.0-alpha.2",
-    "@dynamic-labs/multi-wallet": "1.1.0-alpha.2",
-    "@dynamic-labs/rpc-providers": "1.1.0-alpha.2",
-    "@dynamic-labs/types": "1.1.0-alpha.2",
-    "@dynamic-labs/utils": "1.1.0-alpha.2",
-    "@dynamic-labs/viem-utils": "1.1.0-alpha.2",
-    "@dynamic-labs/wallet-book": "1.1.0-alpha.2",
-    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.2",
+    "@dynamic-labs/ethereum": "1.1.0-alpha.3",
+    "@dynamic-labs/logger": "1.1.0-alpha.3",
+    "@dynamic-labs/multi-wallet": "1.1.0-alpha.3",
+    "@dynamic-labs/rpc-providers": "1.1.0-alpha.3",
+    "@dynamic-labs/types": "1.1.0-alpha.3",
+    "@dynamic-labs/utils": "1.1.0-alpha.3",
+    "@dynamic-labs/viem-utils": "1.1.0-alpha.3",
+    "@dynamic-labs/wallet-book": "1.1.0-alpha.3",
+    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.3",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -72,7 +72,7 @@ var useMultiWalletWidgetState = require('../../utils/hooks/multiWallet/useMultiW
 var useMultiWallet = require('../../utils/hooks/multiWallet/useMultiWallet/useMultiWallet.cjs');
 var useClearWalletConnectSessions = require('../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.cjs');
 var useConnectWallet = require('../../utils/hooks/useConnectWallet/useConnectWallet.cjs');
-var useFetchNetworkConfigurations = require('../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs');
+var useProcessNetworkConfigurations = require('../../utils/hooks/useProcessNetworkConfigurations/useProcessNetworkConfigurations.cjs');
 var useFetchWalletsForChainsMap = require('../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs');
 var useHandleUnlinkWallet = require('../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs');
 var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.cjs');
@@ -178,10 +178,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     // Set to true when a customer starts any auth verification process and set to false when it ends
     const [isVerificationInProgress, setIsVerificationInProgress] = useVerificationInProgress.useVerificationInProgress();
     const walletBook$1 = walletBook.useWalletBookCdn();
-    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
+    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useProcessNetworkConfigurations.useProcessNetworkConfigurations({
         authToken: getAuthToken.getAuthToken(),
         environmentId,
         evmNetworks,
+        projectSettings,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
     appLogoUrl = appLogo || appLogoUrl;

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

@@ -68,7 +68,7 @@ import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMult
 import { useMultiWallet } from '../../utils/hooks/multiWallet/useMultiWallet/useMultiWallet.js';
 import { useClearWalletConnectSessions } from '../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.js';
 import { useConnectWallet } from '../../utils/hooks/useConnectWallet/useConnectWallet.js';
-import { useFetchNetworkConfigurations } from '../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.js';
+import { useProcessNetworkConfigurations } from '../../utils/hooks/useProcessNetworkConfigurations/useProcessNetworkConfigurations.js';
 import { useFetchWalletsForChainsMap } from '../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.js';
 import { useHandleUnlinkWallet } from '../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.js';
 import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.js';
@@ -174,10 +174,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     // Set to true when a customer starts any auth verification process and set to false when it ends
     const [isVerificationInProgress, setIsVerificationInProgress] = useVerificationInProgress();
     const walletBook = useWalletBookCdn();
-    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations({
+    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useProcessNetworkConfigurations({
         authToken: getAuthToken(),
         environmentId,
         evmNetworks,
+        projectSettings,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
     appLogoUrl = appLogo || appLogoUrl;

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

@@ -11,7 +11,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -46,6 +46,7 @@ const useDynamicContext = () => {
         setShowQrcodeModal,
         shadowDOMEnabled,
         showAuthFlow,
+        showDynamicUserProfile,
         showQrcodeModal,
         user,
         walletConnector,

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

@@ -1,3 +1,3 @@
 import { IDynamicContext } from './types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings'>;
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile'>;
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -7,7 +7,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -42,6 +42,7 @@ const useDynamicContext = () => {
         setShowQrcodeModal,
         shadowDOMEnabled,
         showAuthFlow,
+        showDynamicUserProfile,
         showQrcodeModal,
         user,
         walletConnector,

package/src/lib/data/api.cjs

@@ -295,18 +295,6 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         return undefined;
     }
 });
-const fetchNetworkSettings = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const res = yield sdkApi().getNetworksConfigurationByEnvId({
-            environmentId,
-        });
-        return res;
-    }
-    catch (e) {
-        logger.logger.error(e);
-        return undefined;
-    }
-});
 const fetchProjectSettings = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
@@ -534,7 +522,6 @@ exports.completePasskeyRecovery = completePasskeyRecovery;
 exports.createEmailVerification = createEmailVerification;
 exports.createTurnkeyEvmEmbeddedWallet = createTurnkeyEvmEmbeddedWallet;
 exports.createVisit = createVisit;
-exports.fetchNetworkSettings = fetchNetworkSettings;
 exports.fetchNonce = fetchNonce;
 exports.fetchProjectSettings = fetchProjectSettings;
 exports.getEmailProvider = getEmailProvider;

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

@@ -1,4 +1,4 @@
-import { ProjectSettings, UserFields, NetworkConfigurationResponse, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential } from '@dynamic-labs/sdk-api';
+import { ProjectSettings, UserFields, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential } from '@dynamic-labs/sdk-api';
 import { AuthModeType, VerifyWallet } from '../shared/types';
 export declare const fetchNonce: (environmentId: string) => Promise<string | undefined>;
 export declare const getEmailProvider: ({ email, environmentId, }: {
@@ -49,7 +49,6 @@ export declare const createVisit: ({ authMode, chain, environmentId, walletProvi
     walletProvider: string;
 }) => Promise<void | undefined>;
 export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, }: VerifyWallet) => Promise<string | undefined>;
-export declare const fetchNetworkSettings: (environmentId: string) => Promise<NetworkConfigurationResponse[] | undefined>;
 export declare const fetchProjectSettings: (environmentId: string) => Promise<ProjectSettings | undefined>;
 export declare const updateUserProfileFields: (jwt: string | undefined, environmentId: string, fields: UserFields) => Promise<UpdateSelfResponse>;
 export declare const getOauthLoginUrl: (environmentId: string, providerType: ProviderEnum, userJwt: string) => Promise<string | undefined>;

package/src/lib/data/api.js

@@ -291,18 +291,6 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         return undefined;
     }
 });
-const fetchNetworkSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const res = yield sdkApi().getNetworksConfigurationByEnvId({
-            environmentId,
-        });
-        return res;
-    }
-    catch (e) {
-        logger.error(e);
-        return undefined;
-    }
-});
 const fetchProjectSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
@@ -526,4 +514,4 @@ const getUserPasskeys = ({ userJwt, environmentId, }) => __awaiter(void 0, void
     }
 });
 
-export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, fetchNetworkSettings, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };
+export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };

package/src/lib/shared/consts/index.cjs

@@ -26,6 +26,7 @@ const defaultWalletsForChains = {
     primary_chain: 'evm',
     wallets: {
         algorand: 'myalgo',
+        bitcoin: 'xverse',
         cosmos: 'keplr',
         evm: 'metamask',
         flow: 'blocto',

package/src/lib/shared/consts/index.js

@@ -22,6 +22,7 @@ const defaultWalletsForChains = {
     primary_chain: 'evm',
     wallets: {
         algorand: 'myalgo',
+        bitcoin: 'xverse',
         cosmos: 'keplr',
         evm: 'metamask',
         flow: 'blocto',

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

@@ -44,7 +44,7 @@ export type Icon = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
     title?: string | undefined;
 }>;
 export type WalletNamesUnion = 'Coinbase Wallet' | 'Coinbase Wallet (Solana)' | 'MetaMask' | 'Phantom' | 'Phantom (EVM)' | 'Phantom (Ledger)' | 'Venly' | 'Rainbow' | 'Solflare' | 'Glow' | 'Slope' | 'Blocto (Flow)' | 'Blocto (EVM)' | 'Blocto (App)' | 'Brave Wallet (EVM)' | 'Brave Wallet (Solana)' | 'Braavos' | 'Argent X' | 'Dapper' | 'Opera Wallet' | 'Injected Wallet' | 'Exodus Wallet (EVM)' | 'Exodus Wallet (Solana)' | 'ZenGo' | 'Lilico';
-export type ChainNamesUnion = 'Solana' | 'Ethereum' | 'Flow' | 'EVM' | 'Algorand' | 'Starknet' | 'Cosmos' | 'Axelar' | 'Osmosis';
+export type ChainNamesUnion = 'Solana' | 'Ethereum' | 'Flow' | 'EVM' | 'Algorand' | 'Starknet' | 'Cosmos' | 'Axelar' | 'Osmosis' | 'Bitcoin';
 export interface WalletOption {
     isInstalledOnBrowser: boolean;
     key: string;
@@ -157,6 +157,7 @@ export type ChainToWalletMap = {
     primary_chain: string;
     wallets: {
         algorand?: string;
+        bitcoin?: string;
         cosmos?: string;
         evm?: string;
         flow?: string;

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

@@ -13,7 +13,7 @@ type Props = {
     walletProvider: WalletProvider;
 };
 export declare const getVerifyArgs: ({ walletConnector, nonce, walletProvider, environmentId, displaySiweStatement, skipEmptyAccountCheck, siweStatement, publicWalletAddress, }: Props) => Promise<{
-    chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | undefined;
+    chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC";
     messageToSign: string;
     network: string;
     publicWalletAddress: string;

package/src/lib/utils/hooks/useProcessNetworkConfigurations/index.d.ts

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

package/src/lib/utils/hooks/{useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs → useProcessNetworkConfigurations/useProcessNetworkConfigurations.cjs}

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('@dynamic-labs/utils');
 var validators = require('../../../context/DynamicContext/validators.cjs');
-var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -18,12 +16,12 @@ require('../../constants/colors.cjs');
 var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var usePrevious = require('../usePrevious/usePrevious.cjs');
 var mergeCustomerEvmNetworksWithServerNetworks = require('./utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.cjs');
 
-const MAX_RETRIES = 2;
-const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
+const useProcessNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, projectSettings, }) => {
     var _a;
     /**
      * This is the version of the local storage object. If the version changes, the local storage object will be removed.
@@ -32,7 +30,6 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
     const VERSION = 2;
     const [lsNetworks, setLsNetworks, removeLsNetworks] = useLocalStorage.useLocalStorage(localStorage.NETWORKS_STORAGE_KEY, undefined, validators.validateLocalStorageExpiry);
     const [loading, setLoading] = React.useState(false);
-    const [retries, setRetries] = React.useState(0);
     const [completed, setCompleted] = React.useState(false);
     const [lsNetworksExists, setlsNetworksExists] = React.useState(Boolean(lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) && (lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.version) === VERSION);
     // Stringify the objects for easy comparison
@@ -84,76 +81,65 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
         handleRemoveLsNetworks,
     ]);
     React.useEffect(() => {
-        if (!lsNetworksExists && !loading && retries < maxRetries) {
+        var _a, _b, _c, _d;
+        if (!lsNetworksExists && !loading && (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks)) {
             setLoading(true);
-            api.fetchNetworkSettings(environmentId)
-                .then((response) => {
-                var _a, _b, _c, _d;
-                if (!response)
-                    throw new utils.DynamicError('Configuration is not defined');
-                const expiry = new Date().getTime() + 60000 * 5;
-                const evm = response.find((configurations) => configurations.chainName === 'evm');
-                const solana = response.find((configurations) => configurations.chainName === 'solana');
-                const cosmos = response.find((configurations) => configurations.chainName === 'cosmos');
-                const starknet = response.find((configurations) => configurations.chainName === 'starknet');
-                let mergedEvmNetworks;
-                const createNetwork = (network, parser = (input) => input) => ({
-                    blockExplorerUrls: network.blockExplorerUrls,
-                    chainId: parser(network.chainId),
-                    iconUrls: network.iconUrls,
-                    lcdUrl: network.lcdUrl,
-                    name: network.name,
-                    nativeCurrency: network.nativeCurrency,
-                    networkId: parser(network.networkId),
-                    privateCustomerRpcUrls: network.privateCustomerRpcUrls,
-                    rpcUrls: network.rpcUrls,
-                    vanityName: network.vanityName,
-                });
-                const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
-                const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
-                const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
-                const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
-                if (!serverNetworks && (customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.length)) {
-                    mergedEvmNetworks = customerEvmNetworks;
-                }
-                if (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
-                    mergedEvmNetworks = serverNetworks;
-                }
-                if (serverNetworks !== undefined &&
-                    serverNetworks.length &&
-                    customerEvmNetworks !== undefined &&
-                    customerEvmNetworks.length) {
-                    mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks.mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
-                }
-                setLsNetworks({
-                    configurations: {
-                        cosmos: cosmosNetworks,
-                        evm: mergedEvmNetworks,
-                        solana: solanaNetworks,
-                        starknet: starknetNetworks,
-                    },
-                    environmentId,
-                    expiry,
-                    version: VERSION,
-                });
-                setlsNetworksExists(true);
-            })
-                .catch((e) => {
-                setRetries((currentRetries) => currentRetries + 1);
-            })
-                .finally(() => {
-                setLoading(false);
+            const { networks } = projectSettings;
+            const expiry = new Date().getTime() + 60000 * 5;
+            const evm = networks.find((configurations) => configurations.chainName === 'evm');
+            const solana = networks.find((configurations) => configurations.chainName === 'solana');
+            const cosmos = networks.find((configurations) => configurations.chainName === 'cosmos');
+            const starknet = networks.find((configurations) => configurations.chainName === 'starknet');
+            let mergedEvmNetworks;
+            const createNetwork = (network, parser = (input) => input) => ({
+                blockExplorerUrls: network.blockExplorerUrls,
+                chainId: parser(network.chainId),
+                iconUrls: network.iconUrls,
+                lcdUrl: network.lcdUrl,
+                name: network.name,
+                nativeCurrency: network.nativeCurrency,
+                networkId: parser(network.networkId),
+                privateCustomerRpcUrls: network.privateCustomerRpcUrls,
+                rpcUrls: network.rpcUrls,
+                vanityName: network.vanityName,
+            });
+            const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+            const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+            const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+            const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+            if (!serverNetworks && (customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.length)) {
+                mergedEvmNetworks = customerEvmNetworks;
+            }
+            if (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
+                mergedEvmNetworks = serverNetworks;
+            }
+            if (serverNetworks !== undefined &&
+                serverNetworks.length &&
+                customerEvmNetworks !== undefined &&
+                customerEvmNetworks.length) {
+                mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks.mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
+            }
+            setLsNetworks({
+                configurations: {
+                    cosmos: cosmosNetworks,
+                    evm: mergedEvmNetworks,
+                    solana: solanaNetworks,
+                    starknet: starknetNetworks,
+                },
+                environmentId,
+                expiry,
+                version: VERSION,
             });
+            setlsNetworksExists(true);
+            setLoading(false);
         }
     }, [
-        authToken,
         environmentId,
         loading,
         customerEvmNetworks,
         lsNetworksExists,
-        maxRetries,
-        retries,
         setLsNetworks,
+        projectSettings,
     ]);
     return {
         configurations: lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations,
@@ -161,4 +147,4 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
     };
 };
 
-exports.useFetchNetworkConfigurations = useFetchNetworkConfigurations;
+exports.useProcessNetworkConfigurations = useProcessNetworkConfigurations;

package/src/lib/utils/hooks/{useFetchNetworkConfigurations/useFetchNetworkConfigurations.d.ts → useProcessNetworkConfigurations/useProcessNetworkConfigurations.d.ts}

@@ -1,11 +1,12 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { GenericNetwork } from '@dynamic-labs/types';
 export type fetchNetworkConfigurationsProps = {
     authToken: string | undefined;
     environmentId: string;
     evmNetworks?: GenericNetwork[];
-    maxRetries?: number;
+    projectSettings?: ProjectSettings;
 };
-export declare const useFetchNetworkConfigurations: ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries, }: fetchNetworkConfigurationsProps) => {
+export declare const useProcessNetworkConfigurations: ({ authToken, environmentId, evmNetworks: customerEvmNetworks, projectSettings, }: fetchNetworkConfigurationsProps) => {
     configurations: import("@dynamic-labs/types").NetworkConfigurationMap | undefined;
     handleRemoveLsNetworks: () => void;
 };

package/src/lib/utils/hooks/{useFetchNetworkConfigurations/useFetchNetworkConfigurations.js → useProcessNetworkConfigurations/useProcessNetworkConfigurations.js}

@@ -1,7 +1,5 @@
 import { useState, useCallback, useEffect } from 'react';
-import { DynamicError } from '@dynamic-labs/utils';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
-import { fetchNetworkSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -14,12 +12,12 @@ import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { usePrevious } from '../usePrevious/usePrevious.js';
 import { mergeCustomerEvmNetworksWithServerNetworks } from './utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.js';
 
-const MAX_RETRIES = 2;
-const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
+const useProcessNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, projectSettings, }) => {
     var _a;
     /**
      * This is the version of the local storage object. If the version changes, the local storage object will be removed.
@@ -28,7 +26,6 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
     const VERSION = 2;
     const [lsNetworks, setLsNetworks, removeLsNetworks] = useLocalStorage(NETWORKS_STORAGE_KEY, undefined, validateLocalStorageExpiry);
     const [loading, setLoading] = useState(false);
-    const [retries, setRetries] = useState(0);
     const [completed, setCompleted] = useState(false);
     const [lsNetworksExists, setlsNetworksExists] = useState(Boolean(lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) && (lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.version) === VERSION);
     // Stringify the objects for easy comparison
@@ -80,76 +77,65 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
         handleRemoveLsNetworks,
     ]);
     useEffect(() => {
-        if (!lsNetworksExists && !loading && retries < maxRetries) {
+        var _a, _b, _c, _d;
+        if (!lsNetworksExists && !loading && (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks)) {
             setLoading(true);
-            fetchNetworkSettings(environmentId)
-                .then((response) => {
-                var _a, _b, _c, _d;
-                if (!response)
-                    throw new DynamicError('Configuration is not defined');
-                const expiry = new Date().getTime() + 60000 * 5;
-                const evm = response.find((configurations) => configurations.chainName === 'evm');
-                const solana = response.find((configurations) => configurations.chainName === 'solana');
-                const cosmos = response.find((configurations) => configurations.chainName === 'cosmos');
-                const starknet = response.find((configurations) => configurations.chainName === 'starknet');
-                let mergedEvmNetworks;
-                const createNetwork = (network, parser = (input) => input) => ({
-                    blockExplorerUrls: network.blockExplorerUrls,
-                    chainId: parser(network.chainId),
-                    iconUrls: network.iconUrls,
-                    lcdUrl: network.lcdUrl,
-                    name: network.name,
-                    nativeCurrency: network.nativeCurrency,
-                    networkId: parser(network.networkId),
-                    privateCustomerRpcUrls: network.privateCustomerRpcUrls,
-                    rpcUrls: network.rpcUrls,
-                    vanityName: network.vanityName,
-                });
-                const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
-                const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
-                const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
-                const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
-                if (!serverNetworks && (customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.length)) {
-                    mergedEvmNetworks = customerEvmNetworks;
-                }
-                if (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
-                    mergedEvmNetworks = serverNetworks;
-                }
-                if (serverNetworks !== undefined &&
-                    serverNetworks.length &&
-                    customerEvmNetworks !== undefined &&
-                    customerEvmNetworks.length) {
-                    mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
-                }
-                setLsNetworks({
-                    configurations: {
-                        cosmos: cosmosNetworks,
-                        evm: mergedEvmNetworks,
-                        solana: solanaNetworks,
-                        starknet: starknetNetworks,
-                    },
-                    environmentId,
-                    expiry,
-                    version: VERSION,
-                });
-                setlsNetworksExists(true);
-            })
-                .catch((e) => {
-                setRetries((currentRetries) => currentRetries + 1);
-            })
-                .finally(() => {
-                setLoading(false);
+            const { networks } = projectSettings;
+            const expiry = new Date().getTime() + 60000 * 5;
+            const evm = networks.find((configurations) => configurations.chainName === 'evm');
+            const solana = networks.find((configurations) => configurations.chainName === 'solana');
+            const cosmos = networks.find((configurations) => configurations.chainName === 'cosmos');
+            const starknet = networks.find((configurations) => configurations.chainName === 'starknet');
+            let mergedEvmNetworks;
+            const createNetwork = (network, parser = (input) => input) => ({
+                blockExplorerUrls: network.blockExplorerUrls,
+                chainId: parser(network.chainId),
+                iconUrls: network.iconUrls,
+                lcdUrl: network.lcdUrl,
+                name: network.name,
+                nativeCurrency: network.nativeCurrency,
+                networkId: parser(network.networkId),
+                privateCustomerRpcUrls: network.privateCustomerRpcUrls,
+                rpcUrls: network.rpcUrls,
+                vanityName: network.vanityName,
+            });
+            const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+            const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+            const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+            const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+            if (!serverNetworks && (customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.length)) {
+                mergedEvmNetworks = customerEvmNetworks;
+            }
+            if (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
+                mergedEvmNetworks = serverNetworks;
+            }
+            if (serverNetworks !== undefined &&
+                serverNetworks.length &&
+                customerEvmNetworks !== undefined &&
+                customerEvmNetworks.length) {
+                mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
+            }
+            setLsNetworks({
+                configurations: {
+                    cosmos: cosmosNetworks,
+                    evm: mergedEvmNetworks,
+                    solana: solanaNetworks,
+                    starknet: starknetNetworks,
+                },
+                environmentId,
+                expiry,
+                version: VERSION,
             });
+            setlsNetworksExists(true);
+            setLoading(false);
         }
     }, [
-        authToken,
         environmentId,
         loading,
         customerEvmNetworks,
         lsNetworksExists,
-        maxRetries,
-        retries,
         setLsNetworks,
+        projectSettings,
     ]);
     return {
         configurations: lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations,
@@ -157,4 +143,4 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
     };
 };
 
-export { useFetchNetworkConfigurations };
+export { useProcessNetworkConfigurations };

package/src/lib/views/WalletList/data.d.ts

@@ -4,7 +4,7 @@ interface IChain {
     enabled: boolean;
     name: string;
 }
-export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "ATOM" | "COSMOS")[];
+export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "ATOM" | "COSMOS" | "BTC")[];
 type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'isWalletConnectV2Enabled' | 'walletConnectProjectId' | 'chainRpcProviders'>;
 export declare const getWallets: (props: {
     getSupportedWalletOpts: BaseGetSupportedWalletOpts;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -84,10 +84,13 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { supportsFunding, setShowFunding, fundingEnabled } = FundingContext.useFundingContext();
     const { setDynamicWidgetView, setIsOpen } = DynamicWidgetContext.useWidgetContext();
     const isSendBalanceEnabled = React.useMemo(() => {
+        var _a;
         const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
         if (!connector)
             return false;
-        return walletConnectorCore.isEmbeddedConnector(connector);
+        // @todo: QNTM-804 Remove supported chains check to support other chains
+        return (((_a = connector.supportedChains) === null || _a === void 0 ? void 0 : _a.includes('EVM')) &&
+            walletConnectorCore.isEmbeddedConnector(connector));
     }, [primaryWallet]);
     const handleOnClickSend = () => {
         if (variant === 'dropdown') {

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js

@@ -76,10 +76,13 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { supportsFunding, setShowFunding, fundingEnabled } = useFundingContext();
     const { setDynamicWidgetView, setIsOpen } = useWidgetContext();
     const isSendBalanceEnabled = useMemo(() => {
+        var _a;
         const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
         if (!connector)
             return false;
-        return isEmbeddedConnector(connector);
+        // @todo: QNTM-804 Remove supported chains check to support other chains
+        return (((_a = connector.supportedChains) === null || _a === void 0 ? void 0 : _a.includes('EVM')) &&
+            isEmbeddedConnector(connector));
     }, [primaryWallet]);
     const handleOnClickSend = () => {
         if (variant === 'dropdown') {

package/src/lib/utils/hooks/useFetchNetworkConfigurations/index.d.ts

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