@dynamic-labs/sdk-react-core 4.19.3 → 4.19.4

package/CHANGELOG.md

@@ -1,4 +1,6 @@
 
+### [4.19.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.3...v4.19.4) (2025-05-31)
+
 ### [4.19.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.2...v4.19.3) (2025-05-28)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.19.3";
+var version = "4.19.4";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.672",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.19.3";
+var version = "4.19.4";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.672",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.19.3",
+  "version": "4.19.4",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.672",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.19.3",
-    "@dynamic-labs/iconic": "4.19.3",
-    "@dynamic-labs/logger": "4.19.3",
-    "@dynamic-labs/multi-wallet": "4.19.3",
-    "@dynamic-labs/rpc-providers": "4.19.3",
-    "@dynamic-labs/store": "4.19.3",
-    "@dynamic-labs/types": "4.19.3",
-    "@dynamic-labs/utils": "4.19.3",
-    "@dynamic-labs/wallet-book": "4.19.3",
-    "@dynamic-labs/wallet-connector-core": "4.19.3",
+    "@dynamic-labs/assert-package-version": "4.19.4",
+    "@dynamic-labs/iconic": "4.19.4",
+    "@dynamic-labs/logger": "4.19.4",
+    "@dynamic-labs/multi-wallet": "4.19.4",
+    "@dynamic-labs/rpc-providers": "4.19.4",
+    "@dynamic-labs/store": "4.19.4",
+    "@dynamic-labs/types": "4.19.4",
+    "@dynamic-labs/utils": "4.19.4",
+    "@dynamic-labs/wallet-book": "4.19.4",
+    "@dynamic-labs/wallet-connector-core": "4.19.4",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -166,7 +166,7 @@ const DynamicContext = React.createContext(undefined);
 const InnerDynamicContextProvider = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     const { children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, } = props;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, siweStatement, shadowDOMEnabled = defaultDynamicSettings.defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, siweStatement, shadowDOMEnabled = defaultDynamicSettings.defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, useMetamaskSdk = defaultDynamicSettings.defaultDynamicSettings.useMetamaskSdk, } = settings$1;
     let { appLogoUrl = defaultDynamicSettings.defaultDynamicSettings.appLogoUrl, appName = defaultDynamicSettings.defaultDynamicSettings.appName, } = settings$1;
     /**
      * initialize Storage
@@ -271,6 +271,7 @@ const InnerDynamicContextProvider = (props) => {
         mobileExperience,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings: projectSettings$1,
+        useMetamaskSdk,
         walletBook: walletBook$1,
         walletConnectPreferredChains,
         walletConnectorExtensions,
@@ -285,6 +286,7 @@ const InnerDynamicContextProvider = (props) => {
         mobileExperience,
         serverNetworkConfigurations,
         projectSettings$1,
+        useMetamaskSdk,
         walletBook$1,
         walletConnectPreferredChains,
         walletConnectorExtensions,

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

@@ -162,7 +162,7 @@ const DynamicContext = createContext(undefined);
 const InnerDynamicContextProvider = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     const { children, theme, settings, locale, enableInstrumentation = false, } = props;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, siweStatement, shadowDOMEnabled = defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, siweStatement, shadowDOMEnabled = defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, useMetamaskSdk = defaultDynamicSettings.useMetamaskSdk, } = settings;
     let { appLogoUrl = defaultDynamicSettings.appLogoUrl, appName = defaultDynamicSettings.appName, } = settings;
     /**
      * initialize Storage
@@ -267,6 +267,7 @@ const InnerDynamicContextProvider = (props) => {
         mobileExperience,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
+        useMetamaskSdk,
         walletBook,
         walletConnectPreferredChains,
         walletConnectorExtensions,
@@ -281,6 +282,7 @@ const InnerDynamicContextProvider = (props) => {
         mobileExperience,
         serverNetworkConfigurations,
         projectSettings,
+        useMetamaskSdk,
         walletBook,
         walletConnectPreferredChains,
         walletConnectorExtensions,

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

@@ -93,6 +93,12 @@ export interface DynamicContextProps {
          */
         tokensFilter?: (tokens: TokenBalance[]) => TokenBalance[];
         transactionConfirmation?: TransactionConfirmationSettings;
+        /**
+         * If true, the Metamask SDK will be used to connect to the wallet.
+         * If false, the injected eip6963 provider will be used and WalletConnect for mobile.
+         * @default true
+         */
+        useMetamaskSdk?: boolean;
     };
     theme?: ThemeData | ThemeSetting;
     /**

package/src/lib/locale/en/translation.cjs

@@ -2032,6 +2032,7 @@ const translation = {
         },
         title: 'Session Management',
         empty_sessions_view: {
+          loading: 'Loading sessions...',
           title: 'No active sessions found',
         },
         info_view: {
@@ -2049,6 +2050,8 @@ const translation = {
             "You're removing this site's permissions. Confirm to revoke access.",
           cancel_button: 'Cancel',
           revoke_button: 'Revoke',
+          success_message: 'Revoked {{sessionName}}',
+          error_message: 'Failed to revoke {{sessionName}}',
         },
         session_component: {
           aria: {
@@ -2068,6 +2071,7 @@ const translation = {
         },
         title: 'Session Management',
         empty_sessions_view: {
+            loading: 'Loading sessions...',
             title: 'No active sessions found',
         },
         info_view: {
@@ -2082,6 +2086,8 @@ const translation = {
             description: "You're removing this site's permissions. Confirm to revoke access.",
             cancel_button: 'Cancel',
             revoke_button: 'Revoke',
+            success_message: 'Revoked {{sessionName}}',
+            error_message: 'Failed to revoke {{sessionName}}',
         },
         session_component: {
             aria: {
@@ -2099,24 +2105,26 @@ const translation = {
         permissions_label: 'Permissions',
         permissions: {
           ownership: 'Act on your behalf',
-          access: 'Access ends automatically in',
+          access: 'Access ends automatically in {{time}}',
         },
         spending_label: 'Allow Spending',
         spending_limit: 'Can spend up to:',
         advanced_label: 'Advanced',
         advanced_description: 'Session information',
+        connected: 'Connected: {{time}} ago',
       }
      */
     dyn_session_permissions: {
         permissions_label: 'Permissions',
         permissions: {
             ownership: 'Act on your behalf',
-            access: 'Access ends automatically in:',
+            access: 'Access ends automatically in {{time}}',
         },
         spending_label: 'Allow Spending',
         spending_limit: 'Can spend up to:',
         advanced_label: 'Advanced',
         advanced_description: 'Session information',
+        connected: 'Connected: {{time}} ago',
     },
     /**
      * @description copy keys for sign message flow views

package/src/lib/locale/en/translation.d.ts

@@ -2028,6 +2028,7 @@ export declare const translation: {
         },
         title: 'Session Management',
         empty_sessions_view: {
+          loading: 'Loading sessions...',
           title: 'No active sessions found',
         },
         info_view: {
@@ -2045,6 +2046,8 @@ export declare const translation: {
             "You're removing this site's permissions. Confirm to revoke access.",
           cancel_button: 'Cancel',
           revoke_button: 'Revoke',
+          success_message: 'Revoked {{sessionName}}',
+          error_message: 'Failed to revoke {{sessionName}}',
         },
         session_component: {
           aria: {
@@ -2064,6 +2067,7 @@ export declare const translation: {
         };
         title: string;
         empty_sessions_view: {
+            loading: string;
             title: string;
         };
         info_view: {
@@ -2078,6 +2082,8 @@ export declare const translation: {
             description: string;
             cancel_button: string;
             revoke_button: string;
+            success_message: string;
+            error_message: string;
         };
         session_component: {
             aria: {
@@ -2095,12 +2101,13 @@ export declare const translation: {
         permissions_label: 'Permissions',
         permissions: {
           ownership: 'Act on your behalf',
-          access: 'Access ends automatically in',
+          access: 'Access ends automatically in {{time}}',
         },
         spending_label: 'Allow Spending',
         spending_limit: 'Can spend up to:',
         advanced_label: 'Advanced',
         advanced_description: 'Session information',
+        connected: 'Connected: {{time}} ago',
       }
      */
     dyn_session_permissions: {
@@ -2113,6 +2120,7 @@ export declare const translation: {
         spending_limit: string;
         advanced_label: string;
         advanced_description: string;
+        connected: string;
     };
     /**
      * @description copy keys for sign message flow views

package/src/lib/locale/en/translation.js

@@ -2028,6 +2028,7 @@ const translation = {
         },
         title: 'Session Management',
         empty_sessions_view: {
+          loading: 'Loading sessions...',
           title: 'No active sessions found',
         },
         info_view: {
@@ -2045,6 +2046,8 @@ const translation = {
             "You're removing this site's permissions. Confirm to revoke access.",
           cancel_button: 'Cancel',
           revoke_button: 'Revoke',
+          success_message: 'Revoked {{sessionName}}',
+          error_message: 'Failed to revoke {{sessionName}}',
         },
         session_component: {
           aria: {
@@ -2064,6 +2067,7 @@ const translation = {
         },
         title: 'Session Management',
         empty_sessions_view: {
+            loading: 'Loading sessions...',
             title: 'No active sessions found',
         },
         info_view: {
@@ -2078,6 +2082,8 @@ const translation = {
             description: "You're removing this site's permissions. Confirm to revoke access.",
             cancel_button: 'Cancel',
             revoke_button: 'Revoke',
+            success_message: 'Revoked {{sessionName}}',
+            error_message: 'Failed to revoke {{sessionName}}',
         },
         session_component: {
             aria: {
@@ -2095,24 +2101,26 @@ const translation = {
         permissions_label: 'Permissions',
         permissions: {
           ownership: 'Act on your behalf',
-          access: 'Access ends automatically in',
+          access: 'Access ends automatically in {{time}}',
         },
         spending_label: 'Allow Spending',
         spending_limit: 'Can spend up to:',
         advanced_label: 'Advanced',
         advanced_description: 'Session information',
+        connected: 'Connected: {{time}} ago',
       }
      */
     dyn_session_permissions: {
         permissions_label: 'Permissions',
         permissions: {
             ownership: 'Act on your behalf',
-            access: 'Access ends automatically in:',
+            access: 'Access ends automatically in {{time}}',
         },
         spending_label: 'Allow Spending',
         spending_limit: 'Can spend up to:',
         advanced_label: 'Advanced',
         advanced_description: 'Session information',
+        connected: 'Connected: {{time}} ago',
     },
     /**
      * @description copy keys for sign message flow views

package/src/lib/store/state/dynamicContextProps/defaultDynamicSettings.cjs

@@ -21,6 +21,7 @@ const defaultDynamicSettings = {
     shadowDOMEnabled: true,
     showLockedWalletView: false,
     tokensFilter: (tokens) => tokens,
+    useMetamaskSdk: true,
 };
 
 exports.PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID;

package/src/lib/store/state/dynamicContextProps/defaultDynamicSettings.d.ts

@@ -16,4 +16,5 @@ export declare const defaultDynamicSettings: {
     shadowDOMEnabled: true;
     showLockedWalletView: false;
     tokensFilter: (tokens: import("@dynamic-labs/sdk-api-core").TokenBalance[]) => import("@dynamic-labs/sdk-api-core").TokenBalance[];
+    useMetamaskSdk: true;
 };

package/src/lib/store/state/dynamicContextProps/defaultDynamicSettings.js

@@ -17,6 +17,7 @@ const defaultDynamicSettings = {
     shadowDOMEnabled: true,
     showLockedWalletView: false,
     tokensFilter: (tokens) => tokens,
+    useMetamaskSdk: true,
 };
 
 export { PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID, defaultDynamicSettings };

package/src/lib/store/utils/settingsUtils/settingsUtils.d.ts

@@ -9,7 +9,7 @@ type GetAndUse<N extends string, P extends keyof ProjectSettingsGeneral, S exten
  * Many properties are set both under projectSettings.general and dynamicSettings.
  * This is a helper function to get the value from either of them.
  */
-export declare const makeGetAndUse: <N extends string, P extends keyof ProjectSettingsGeneral, S extends "shadowDOMEnabled" | "bridgeChains" | "accessDeniedButton" | "accessDeniedMessagePrimary" | "accessDeniedMessageSecondary" | "apiBaseUrl" | "appLogoUrl" | "appName" | "coinbaseWalletPreference" | "cssOverrides" | "customPrivacyPolicy" | "defaultPhoneInputIso2" | "detectNewWalletsForLinking" | "customTermsOfServices" | "debugError" | "deepLinkPreference" | "defaultNumberOfWalletsToShow" | "displaySiweStatement" | "enableConnectOnlyFallback" | "enableVisitTrackingOnConnectOnly" | "environmentId" | "events" | "flowNetwork" | "handlers" | "initialAuthenticationMode" | "localStorageSuffix" | "logLevel" | "mobileExperience" | "networkValidationMode" | "newToWeb3WalletChainMap" | "notInTheListImageUrl" | "onboardingImageUrl" | "overrides" | "social" | "policiesConsentInnerComponent" | "privacyPolicyUrl" | "recommendedWallets" | "redirectUrl" | "siweStatement" | "showLockedWalletView" | "socialMediaIconUrl" | "socialMediaLinkText" | "socialMediaUrl" | "socialProvidersFilter" | "suppressEndUserConsoleWarning" | "termsOfServiceUrl" | "walletConnectors" | "walletConnectorExtensions" | "walletConnectPreferredChains" | "walletsFilter" | "tokensFilter" | "transactionConfirmation">(name: N, projectSettingName: P, dynamicSettingName: S) => GetAndUse<N, P, S>;
+export declare const makeGetAndUse: <N extends string, P extends keyof ProjectSettingsGeneral, S extends "shadowDOMEnabled" | "bridgeChains" | "accessDeniedButton" | "accessDeniedMessagePrimary" | "accessDeniedMessageSecondary" | "apiBaseUrl" | "appLogoUrl" | "appName" | "coinbaseWalletPreference" | "cssOverrides" | "customPrivacyPolicy" | "defaultPhoneInputIso2" | "detectNewWalletsForLinking" | "customTermsOfServices" | "debugError" | "deepLinkPreference" | "defaultNumberOfWalletsToShow" | "displaySiweStatement" | "enableConnectOnlyFallback" | "enableVisitTrackingOnConnectOnly" | "environmentId" | "events" | "flowNetwork" | "handlers" | "initialAuthenticationMode" | "localStorageSuffix" | "logLevel" | "mobileExperience" | "networkValidationMode" | "newToWeb3WalletChainMap" | "notInTheListImageUrl" | "onboardingImageUrl" | "overrides" | "social" | "policiesConsentInnerComponent" | "privacyPolicyUrl" | "recommendedWallets" | "redirectUrl" | "siweStatement" | "showLockedWalletView" | "socialMediaIconUrl" | "socialMediaLinkText" | "socialMediaUrl" | "socialProvidersFilter" | "suppressEndUserConsoleWarning" | "termsOfServiceUrl" | "walletConnectors" | "walletConnectorExtensions" | "walletConnectPreferredChains" | "walletsFilter" | "tokensFilter" | "transactionConfirmation" | "useMetamaskSdk">(name: N, projectSettingName: P, dynamicSettingName: S) => GetAndUse<N, P, S>;
 export declare const getAppLogoUrl: () => string | null | undefined, useAppLogoUrl: () => string | null | undefined;
 export declare const getAppName: () => string | undefined, useAppName: () => string | undefined;
 export declare const getNotInTheListImageUrl: () => string | null | undefined, useNotInTheListImageUrl: () => string | null | undefined;