@dynamic-labs/sdk-react-core 2.0.0-alpha.27 → 2.0.0-alpha.28

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+## [2.0.0-alpha.28](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-04-10)
+
+
+### Bug Fixes
+
+* improve bridge connect experience on mobile ([#5283](https://github.com/dynamic-labs/DynamicAuth/issues/5283)) ([155e4a9](https://github.com/dynamic-labs/DynamicAuth/commit/155e4a99e2cf5f78a1a5e91e774acbf170d6b083))
+
 ## [2.0.0-alpha.27](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2024-04-09)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.0-alpha.27";
+var version = "2.0.0-alpha.28";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.410",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,4 +1,4 @@
-var version = "2.0.0-alpha.27";
+var version = "2.0.0-alpha.28";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.410",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.0.0-alpha.27",
+  "version": "2.0.0-alpha.28",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/ethereum": "2.0.0-alpha.27",
-    "@dynamic-labs/iconic": "2.0.0-alpha.27",
-    "@dynamic-labs/logger": "2.0.0-alpha.27",
-    "@dynamic-labs/multi-wallet": "2.0.0-alpha.27",
-    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.27",
-    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.27",
-    "@dynamic-labs/rpc-providers": "2.0.0-alpha.27",
-    "@dynamic-labs/types": "2.0.0-alpha.27",
-    "@dynamic-labs/utils": "2.0.0-alpha.27",
-    "@dynamic-labs/viem-utils": "2.0.0-alpha.27",
-    "@dynamic-labs/wallet-book": "2.0.0-alpha.27",
-    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.27",
+    "@dynamic-labs/ethereum": "2.0.0-alpha.28",
+    "@dynamic-labs/iconic": "2.0.0-alpha.28",
+    "@dynamic-labs/logger": "2.0.0-alpha.28",
+    "@dynamic-labs/multi-wallet": "2.0.0-alpha.28",
+    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.28",
+    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.28",
+    "@dynamic-labs/rpc-providers": "2.0.0-alpha.28",
+    "@dynamic-labs/types": "2.0.0-alpha.28",
+    "@dynamic-labs/utils": "2.0.0-alpha.28",
+    "@dynamic-labs/viem-utils": "2.0.0-alpha.28",
+    "@dynamic-labs/wallet-book": "2.0.0-alpha.28",
+    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.28",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -130,7 +130,7 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale$1, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
     /**
      * For backwards compatibility, we allow the client to pass in
      * `eventsCallbacks` instead of `events`. It should remove this
@@ -156,6 +156,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isAuthenticated = Boolean(getAuthToken.getAuthToken());
     const isBridgeFlow = Boolean(bridgeChains);
+    const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = React.useState(undefined);
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.

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

@@ -106,7 +106,7 @@ import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
-import { resolveNetworkValidationMode, initExpirationTime, getInitialView } from './helpers/helpers.js';
+import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useHandleLogout } from './hooks/useHandleLogout/useHandleLogout.js';
@@ -126,7 +126,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
     /**
      * For backwards compatibility, we allow the client to pass in
      * `eventsCallbacks` instead of `events`. It should remove this
@@ -152,6 +152,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const i18nSDKInstance = Locale.setup(locale);
     const isAuthenticated = Boolean(getAuthToken());
     const isBridgeFlow = Boolean(bridgeChains);
+    const deepLinkPreference = getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = useState(undefined);
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.

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

@@ -119,7 +119,14 @@ const resolveNetworkValidationMode = ({ networkValidationMode, bridgeChains, })
     }
     return 'sign-in';
 };
+const getDeepLinkPreference = (deepLinkPreferenceProp, isBridgeFlow) => {
+    if (isBridgeFlow) {
+        return 'universal';
+    }
+    return deepLinkPreferenceProp;
+};
 
+exports.getDeepLinkPreference = getDeepLinkPreference;
 exports.getInitialView = getInitialView;
 exports.initExpirationTime = initExpirationTime;
 exports.isAuthTokenExpired = isAuthTokenExpired;

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

@@ -1,3 +1,4 @@
+import { DeepLinkVariant } from '@dynamic-labs/wallet-connector-core';
 import { Wallet } from '../../../shared';
 import { ViewState, ViewType } from '../../ViewContext';
 import { ChainsToConnect, NetworkValidationMode } from '../types';
@@ -20,3 +21,4 @@ export declare const resolveNetworkValidationMode: ({ networkValidationMode, bri
     networkValidationMode: NetworkValidationMode | undefined;
     bridgeChains: ChainsToConnect[] | undefined;
 }) => NetworkValidationMode;
+export declare const getDeepLinkPreference: (deepLinkPreferenceProp: DeepLinkVariant, isBridgeFlow: boolean) => DeepLinkVariant;

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

@@ -115,5 +115,11 @@ const resolveNetworkValidationMode = ({ networkValidationMode, bridgeChains, })
     }
     return 'sign-in';
 };
+const getDeepLinkPreference = (deepLinkPreferenceProp, isBridgeFlow) => {
+    if (isBridgeFlow) {
+        return 'universal';
+    }
+    return deepLinkPreferenceProp;
+};
 
-export { getInitialView, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isMinAuthTokenExpired, isWagmiSessionSettingExpired, resolveNetworkValidationMode, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };
+export { getDeepLinkPreference, getInitialView, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isMinAuthTokenExpired, isWagmiSessionSettingExpired, resolveNetworkValidationMode, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.types.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { PasskeyError } from '@dynamic-labs/utils';
-export type SignMessageConfirmationModalProps = {
-    appLogoUrl?: string;
-    appName?: string;
-    appOrigin: string;
-    handler: (message: string | ArrayLike<number>) => Promise<string>;
-    message: string | ArrayLike<number>;
-    onReject: (error: unknown) => void;
-    onSignMessage: (signedMessage: string) => void;
-};
-export type SignMessageConfirmationModalComponent = FC<SignMessageConfirmationModalProps>;
-export type SignMessageError = Error & PasskeyError & {
-    reason?: string;
-};

package/src/lib/modals/SignMessageConfirmationModal/getProperErrorMessage.cjs

@@ -6,6 +6,7 @@ const TurnkeyErrorMap = {
     0: 'Operation was canceled.',
     16: 'Invalid Passkey signature. Select the passkey for this account and device.',
     3: 'You reached the limit of passkeys for this account.',
+    5: 'Invalid Passkey signature. Select the passkey for this account and device.',
     7: 'The code is invalid or expired.',
 };
 const DOMExceptionErrorMap = {

package/src/lib/modals/SignMessageConfirmationModal/getProperErrorMessage.js

@@ -2,6 +2,7 @@ const TurnkeyErrorMap = {
     0: 'Operation was canceled.',
     16: 'Invalid Passkey signature. Select the passkey for this account and device.',
     3: 'You reached the limit of passkeys for this account.',
+    5: 'Invalid Passkey signature. Select the passkey for this account and device.',
     7: 'The code is invalid or expired.',
 };
 const DOMExceptionErrorMap = {

package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs

@@ -23,6 +23,7 @@ const errorCodesMapping = {
     0: 'The operation either timed out or was not allowed.',
     16: 'Invalid Passkey signature. Select the passkey for this account and device.',
     3: 'You reached the limit of passkeys for this account.',
+    5: 'Invalid Passkey signature.',
     INSUFFICIENT_FUNDS: 'Insufficient funds for this transaction.',
     [magicRpcError.toString()]: 'A network error has occurred. Please try again later',
 };

package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.js

@@ -19,6 +19,7 @@ const errorCodesMapping = {
     0: 'The operation either timed out or was not allowed.',
     16: 'Invalid Passkey signature. Select the passkey for this account and device.',
     3: 'You reached the limit of passkeys for this account.',
+    5: 'Invalid Passkey signature.',
     INSUFFICIENT_FUNDS: 'Insufficient funds for this transaction.',
     [magicRpcError.toString()]: 'A network error has occurred. Please try again later',
 };

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.cjs

@@ -84,7 +84,7 @@ const NoQrNotInstalledModalView = () => {
     if (!selectedWalletConnector) {
         return null;
     }
-    const walletName = walletBook.getWalletBookWallet(walletBook$1, selectedWalletConnector.key).name;
+    const walletName = walletBook.getWalletBookWallet(walletBook$1, selectedWalletConnector.key, selectedWalletConnector.walletFallback).name;
     const walletLinks = walletBook.getWalletLinks(walletBook$1, selectedWalletConnector.key);
     const { currentDesktopUrl, userBrowser } = parseWalletLinks.parseWalletLinks(walletLinks);
     const downloadLinks = userBrowser && currentDesktopUrl ? (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: userBrowser, link: currentDesktopUrl, Icon: getBrowserIcon.getBrowserIcon(userBrowser) }, userBrowser)) : (Object.entries(walletLinks)

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.js

@@ -80,7 +80,7 @@ const NoQrNotInstalledModalView = () => {
     if (!selectedWalletConnector) {
         return null;
     }
-    const walletName = getWalletBookWallet(walletBook, selectedWalletConnector.key).name;
+    const walletName = getWalletBookWallet(walletBook, selectedWalletConnector.key, selectedWalletConnector.walletFallback).name;
     const walletLinks = getWalletLinks(walletBook, selectedWalletConnector.key);
     const { currentDesktopUrl, userBrowser } = parseWalletLinks(walletLinks);
     const downloadLinks = userBrowser && currentDesktopUrl ? (jsx(WalletHelpLink, { name: userBrowser, link: currentDesktopUrl, Icon: getBrowserIcon(userBrowser) }, userBrowser)) : (Object.entries(walletLinks)