@dynamic-labs/sdk-react-core 1.1.0-alpha.21 → 1.1.0-alpha.22

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+## [1.1.0-alpha.22](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.21...v1.1.0-alpha.22) (2024-02-01)
+
+
+### Bug Fixes
+
+* onAuthFlowClose not being called ([#4563](https://github.com/dynamic-labs/DynamicAuth/issues/4563)) ([c4b2648](https://github.com/dynamic-labs/DynamicAuth/commit/c4b264885b7dba6e204ef49bf642d25c7d287b04))
+
 ## [1.1.0-alpha.21](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.20...v1.1.0-alpha.21) (2024-02-01)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.1.0-alpha.21";
+var version = "1.1.0-alpha.22";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.50",
 	"@dynamic-labs/sdk-api": "0.0.356",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.1.0-alpha.21";
+var version = "1.1.0-alpha.22";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.50",
 	"@dynamic-labs/sdk-api": "0.0.356",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.1.0-alpha.21",
+  "version": "1.1.0-alpha.22",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -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.21",
-    "@dynamic-labs/logger": "1.1.0-alpha.21",
-    "@dynamic-labs/multi-wallet": "1.1.0-alpha.21",
-    "@dynamic-labs/rpc-providers": "1.1.0-alpha.21",
-    "@dynamic-labs/types": "1.1.0-alpha.21",
-    "@dynamic-labs/utils": "1.1.0-alpha.21",
-    "@dynamic-labs/viem-utils": "1.1.0-alpha.21",
-    "@dynamic-labs/wallet-book": "1.1.0-alpha.21",
-    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.21",
+    "@dynamic-labs/ethereum": "1.1.0-alpha.22",
+    "@dynamic-labs/logger": "1.1.0-alpha.22",
+    "@dynamic-labs/multi-wallet": "1.1.0-alpha.22",
+    "@dynamic-labs/rpc-providers": "1.1.0-alpha.22",
+    "@dynamic-labs/types": "1.1.0-alpha.22",
+    "@dynamic-labs/utils": "1.1.0-alpha.22",
+    "@dynamic-labs/viem-utils": "1.1.0-alpha.22",
+    "@dynamic-labs/wallet-book": "1.1.0-alpha.22",
+    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.22",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -124,7 +124,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;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = 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, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = 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, eventsCallbacks, evmNetworks, 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, } = settings;
     let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
     if (bridgeChains) {
         enableForcedNetworkValidation = true;
@@ -197,6 +197,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         appName,
         deepLinkPreference,
         flowNetwork,
+        mobileExperience,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
         walletBook: walletBook$1,

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

@@ -50,6 +50,7 @@ export interface DynamicContextProps {
          */
         logLevel?: keyof typeof LogLevel;
         showLockedWalletView?: boolean;
+        mobileExperience?: 'in-app-browser' | 'redirect';
         newToWeb3WalletChainMap?: ChainToWalletMap;
         notInTheListImageUrl?: string;
         onboardingImageUrl?: string;

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

@@ -120,7 +120,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;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = 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, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = 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, eventsCallbacks, evmNetworks, 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, } = settings;
     let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
     if (bridgeChains) {
         enableForcedNetworkValidation = true;
@@ -193,6 +193,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         appName,
         deepLinkPreference,
         flowNetwork,
+        mobileExperience,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
         walletBook,

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

@@ -17,56 +17,7 @@ require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
-require('../../../../../../_virtual/_tslib.cjs');
-require('../../DynamicContext.cjs');
-require('../../../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/multi-wallet');
-require('viem/chains');
-require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../config/ApiEndpoint.cjs');
-require('../../../EmailVerificationContext/EmailVerificationContext.cjs');
-require('react-dom');
-require('../../../ThemeContext/ThemeContext.cjs');
-var usePrevious = require('../../../../utils/hooks/usePrevious/usePrevious.cjs');
-require('@dynamic-labs/types');
-require('yup');
-require('react-i18next');
-require('../../../MockContext/MockContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../../UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../components/Alert/Alert.cjs');
-require('../../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/InlineWidget/InlineWidget.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../components/Popper/Popper/Popper.cjs');
-require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('formik');
-require('i18next');
-require('../../../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../views/WalletList/WalletList.cjs');
-require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../LoadingContext/LoadingContext.cjs');
-require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('../../../FooterAnimationContext/index.cjs');
-require('../../../PasskeyContext/PasskeyContext.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/viem-utils');
-require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 /**
  * There are a multitude of scenarios where we want to ignore or insert functionality to calls
@@ -76,15 +27,14 @@ require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passke
  */
 const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, walletConnectorOptions, }) => {
     const [showAuthFlow, _setShowAuthFlow] = React.useState(false);
-    const prevShowAuthFlow = usePrevious.usePrevious(showAuthFlow);
     const { setError } = ErrorContext.useErrorContext();
     const setShowAuthFlow = React.useCallback((value, options = {}) => {
         var _a;
         const { emitCancelAuth, ignoreIfIsEmbeddedWidget, initializeWalletConnect, performMultiWalletChecks, clearErrors, } = Object.assign({ clearErrors: true, emitCancelAuth: false, ignoreIfIsEmbeddedWidget: true, initializeWalletConnect: true, performMultiWalletChecks: false }, options);
-        if (!prevShowAuthFlow && value) {
+        if (!showAuthFlow && value) {
             dynamicEvents.dynamicEvents.emit('authFlowOpen');
         }
-        else if (prevShowAuthFlow && !value) {
+        else if (showAuthFlow && !value) {
             dynamicEvents.dynamicEvents.emit('authFlowClose');
         }
         if (value) {
@@ -114,7 +64,6 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
         setError,
         showAuthFlow,
         walletConnectorOptions,
-        prevShowAuthFlow,
     ]);
     return [showAuthFlow, setShowAuthFlow];
 };

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

@@ -13,56 +13,7 @@ import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
-import '../../../../../../_virtual/_tslib.js';
-import '../../DynamicContext.js';
-import '../../../CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import 'viem/chains';
-import '../../../AccessDeniedContext/AccessDeniedContext.js';
-import '../../../AccountExistsContext/AccountExistsContext.js';
-import '../../../../config/ApiEndpoint.js';
-import '../../../EmailVerificationContext/EmailVerificationContext.js';
-import 'react-dom';
-import '../../../ThemeContext/ThemeContext.js';
-import { usePrevious } from '../../../../utils/hooks/usePrevious/usePrevious.js';
-import '@dynamic-labs/types';
-import 'yup';
-import 'react-i18next';
-import '../../../MockContext/MockContext.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import '../../../UserWalletsContext/UserWalletsContext.js';
-import '../../../../components/Alert/Alert.js';
-import '../../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../components/Popper/Popper/Popper.js';
-import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'formik';
-import 'i18next';
-import '../../../../components/OverlayCard/OverlayCard.context.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../views/WalletList/WalletList.js';
-import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../LoadingContext/LoadingContext.js';
-import '../../../SocialRedirectContext/SocialRedirectContext.js';
-import '../../../WalletGroupContext/WalletGroupContext.js';
-import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '../../../FooterAnimationContext/index.js';
-import '../../../PasskeyContext/PasskeyContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
-import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 /**
  * There are a multitude of scenarios where we want to ignore or insert functionality to calls
@@ -72,15 +23,14 @@ import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passkey
  */
 const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, walletConnectorOptions, }) => {
     const [showAuthFlow, _setShowAuthFlow] = useState(false);
-    const prevShowAuthFlow = usePrevious(showAuthFlow);
     const { setError } = useErrorContext();
     const setShowAuthFlow = useCallback((value, options = {}) => {
         var _a;
         const { emitCancelAuth, ignoreIfIsEmbeddedWidget, initializeWalletConnect, performMultiWalletChecks, clearErrors, } = Object.assign({ clearErrors: true, emitCancelAuth: false, ignoreIfIsEmbeddedWidget: true, initializeWalletConnect: true, performMultiWalletChecks: false }, options);
-        if (!prevShowAuthFlow && value) {
+        if (!showAuthFlow && value) {
             dynamicEvents.emit('authFlowOpen');
         }
-        else if (prevShowAuthFlow && !value) {
+        else if (showAuthFlow && !value) {
             dynamicEvents.emit('authFlowClose');
         }
         if (value) {
@@ -110,7 +60,6 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
         setError,
         showAuthFlow,
         walletConnectorOptions,
-        prevShowAuthFlow,
     ]);
     return [showAuthFlow, setShowAuthFlow];
 };

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

@@ -6,7 +6,7 @@ var React = require('react');
 var data = require('../../../views/WalletList/data.cjs');
 var verifyRequiredConnectorsAreSetup = require('./utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.cjs');
 
-const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
+const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
     const walletConnectorOptions = React.useMemo(() => {
         if (!projectSettings ||
             !Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length ||
@@ -18,6 +18,7 @@ const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepL
                 appName,
                 deepLinkPreference,
                 flowNetwork,
+                mobileExperience,
                 networkConfigurations,
                 settings: projectSettings,
                 skipMemo: true,

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

@@ -7,6 +7,7 @@ type Props = {
     appName?: string;
     deepLinkPreference?: DeepLinkVariant;
     flowNetwork?: 'mainnet' | 'testnet';
+    mobileExperience?: 'in-app-browser' | 'redirect';
     networkConfigurations: NetworkConfigurationMap | undefined;
     projectSettings: ProjectSettings | undefined;
     walletBook: WalletBookSchema;
@@ -16,7 +17,7 @@ type Props = {
     walletUiUtils: WalletUiUtils<WalletConnector>;
     walletConnectorExtensions?: WalletConnectorExtension[];
 };
-export declare const useWalletConnectorOptions: ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }: Props) => {
+export declare const useWalletConnectorOptions: ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }: Props) => {
     walletConnectorOptions: import("../../../shared").WalletOption[];
 };
 export {};

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

@@ -2,7 +2,7 @@ import { useMemo, useEffect } from 'react';
 import { getWallets } from '../../../views/WalletList/data.js';
 import { verifyRequiredConnectorsAreSetup } from './utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.js';
 
-const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
+const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
     const walletConnectorOptions = useMemo(() => {
         if (!projectSettings ||
             !Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length ||
@@ -14,6 +14,7 @@ const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepL
                 appName,
                 deepLinkPreference,
                 flowNetwork,
+                mobileExperience,
                 networkConfigurations,
                 settings: projectSettings,
                 skipMemo: true,