@dynamic-labs/sdk-react-core 4.88.1 → 4.88.3

package/src/lib/context/ConnectWithOtpContext/utils/otpVerificationStorage/otpVerificationStorage.cjs

@@ -0,0 +1,60 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@dynamic-labs/utils');
+
+const STORAGE_KEY = 'dynamic_otp_verification_state';
+// 5 minutes in milliseconds — matches the backend OTP expiry window.
+const OTP_STATE_TTL_MS = 5 * 60 * 1000;
+/**
+ * Persists OTP verification state to localStorage so it can survive
+ * webview remounts (e.g. Android WebView process kills on low-memory devices).
+ */
+const persistOtpVerificationState = (state) => {
+    try {
+        const payload = Object.assign(Object.assign({}, state), { createdAt: Date.now() });
+        utils.StorageService.setItem(STORAGE_KEY, payload);
+    }
+    catch (_a) {
+        // Storage may not be available in all environments
+    }
+};
+/**
+ * Restores previously persisted OTP verification state, if any.
+ * Returns null when nothing is stored or storage is unavailable.
+ */
+const restoreOtpVerificationState = () => {
+    var _a;
+    try {
+        const parsed = (_a = utils.StorageService.getItem(STORAGE_KEY)) !== null && _a !== void 0 ? _a : null;
+        if (!parsed) {
+            return null;
+        }
+        if (parsed.createdAt && Date.now() - parsed.createdAt > OTP_STATE_TTL_MS) {
+            utils.StorageService.removeItem(STORAGE_KEY);
+            return null;
+        }
+        return parsed;
+    }
+    catch (_b) {
+        return null;
+    }
+};
+/**
+ * Clears any persisted OTP verification state from localStorage.
+ * Called after successful verification or when starting a new OTP flow.
+ */
+const clearOtpVerificationState = () => {
+    try {
+        utils.StorageService.removeItem(STORAGE_KEY);
+    }
+    catch (_a) {
+        // ignore
+    }
+};
+
+exports.clearOtpVerificationState = clearOtpVerificationState;
+exports.persistOtpVerificationState = persistOtpVerificationState;
+exports.restoreOtpVerificationState = restoreOtpVerificationState;

package/src/lib/context/ConnectWithOtpContext/utils/otpVerificationStorage/otpVerificationStorage.d.ts

@@ -0,0 +1,30 @@
+import { PhoneData } from '@dynamic-labs/types';
+type PersistedEmailOtpState = {
+    type: 'email';
+    verificationUUID: string;
+    destination: string;
+    captchaToken?: string;
+};
+type PersistedSmsOtpState = {
+    type: 'sms';
+    verificationUUID: string;
+    destination: PhoneData;
+    captchaToken?: string;
+};
+export type PersistedOtpState = PersistedEmailOtpState | PersistedSmsOtpState;
+/**
+ * Persists OTP verification state to localStorage so it can survive
+ * webview remounts (e.g. Android WebView process kills on low-memory devices).
+ */
+export declare const persistOtpVerificationState: (state: PersistedOtpState) => void;
+/**
+ * Restores previously persisted OTP verification state, if any.
+ * Returns null when nothing is stored or storage is unavailable.
+ */
+export declare const restoreOtpVerificationState: () => PersistedOtpState | null;
+/**
+ * Clears any persisted OTP verification state from localStorage.
+ * Called after successful verification or when starting a new OTP flow.
+ */
+export declare const clearOtpVerificationState: () => void;
+export {};

package/src/lib/context/ConnectWithOtpContext/utils/otpVerificationStorage/otpVerificationStorage.js

@@ -0,0 +1,54 @@
+'use client'
+import { StorageService } from '@dynamic-labs/utils';
+
+const STORAGE_KEY = 'dynamic_otp_verification_state';
+// 5 minutes in milliseconds — matches the backend OTP expiry window.
+const OTP_STATE_TTL_MS = 5 * 60 * 1000;
+/**
+ * Persists OTP verification state to localStorage so it can survive
+ * webview remounts (e.g. Android WebView process kills on low-memory devices).
+ */
+const persistOtpVerificationState = (state) => {
+    try {
+        const payload = Object.assign(Object.assign({}, state), { createdAt: Date.now() });
+        StorageService.setItem(STORAGE_KEY, payload);
+    }
+    catch (_a) {
+        // Storage may not be available in all environments
+    }
+};
+/**
+ * Restores previously persisted OTP verification state, if any.
+ * Returns null when nothing is stored or storage is unavailable.
+ */
+const restoreOtpVerificationState = () => {
+    var _a;
+    try {
+        const parsed = (_a = StorageService.getItem(STORAGE_KEY)) !== null && _a !== void 0 ? _a : null;
+        if (!parsed) {
+            return null;
+        }
+        if (parsed.createdAt && Date.now() - parsed.createdAt > OTP_STATE_TTL_MS) {
+            StorageService.removeItem(STORAGE_KEY);
+            return null;
+        }
+        return parsed;
+    }
+    catch (_b) {
+        return null;
+    }
+};
+/**
+ * Clears any persisted OTP verification state from localStorage.
+ * Called after successful verification or when starting a new OTP flow.
+ */
+const clearOtpVerificationState = () => {
+    try {
+        StorageService.removeItem(STORAGE_KEY);
+    }
+    catch (_a) {
+        // ignore
+    }
+};
+
+export { clearOtpVerificationState, persistOtpVerificationState, restoreOtpVerificationState };

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

@@ -56,11 +56,11 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
         environmentId,
         projectSettings,
     });
-    const embeddedChainConfig = ((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.chainConfigurations) || [];
+    const chainConfigurations = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.chainConfigurations;
     const primaryEmbeddedChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
-    const embeddedChains = embeddedChainConfig
+    const embeddedChains = React.useMemo(() => (chainConfigurations || [])
         .filter((chain) => chain.enabled)
-        .map((c) => getEmbeddedChain(c.name));
+        .map((c) => getEmbeddedChain(c.name)), [chainConfigurations]);
     const createDynamicEmbeddedWalletMutation = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ environmentId, walletConnectorOptions, withAuthenticator, options, chains, }) {
         var _d, _e;
         setIsLoading(true);

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

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useCallback } from 'react';
+import { useState, useMemo, useCallback } from 'react';
 import { EmbeddedWalletChainEnum } from '@dynamic-labs/sdk-api-core';
 import { DynamicError } from '@dynamic-labs/utils';
 import '../../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
@@ -52,11 +52,11 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
         environmentId,
         projectSettings,
     });
-    const embeddedChainConfig = ((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.chainConfigurations) || [];
+    const chainConfigurations = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.chainConfigurations;
     const primaryEmbeddedChain = findPrimaryEmbeddedChain(projectSettings);
-    const embeddedChains = embeddedChainConfig
+    const embeddedChains = useMemo(() => (chainConfigurations || [])
         .filter((chain) => chain.enabled)
-        .map((c) => getEmbeddedChain(c.name));
+        .map((c) => getEmbeddedChain(c.name)), [chainConfigurations]);
     const createDynamicEmbeddedWalletMutation = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ environmentId, walletConnectorOptions, withAuthenticator, options, chains, }) {
         var _d, _e;
         setIsLoading(true);

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

@@ -40,6 +40,12 @@ const useCreateWalletConnectorOptions = (_a) => {
     const redirectUrl = settingsUtils.useRedirectUrl();
     const walletConnectorsKey = React.useMemo(() => { var _a; return (_a = serializeWalletConnectors.serializeWalletConnectors(walletConnectorsProp)) === null || _a === void 0 ? void 0 : _a.join(','); }, [walletConnectorsProp]);
     const isWalletBookLoaded = React.useMemo(() => walletBook.isWalletBookPopulated(walletBook$1), [walletBook$1]);
+    // networkConfigurations can get a fresh object identity on every render even when
+    // its content is unchanged (e.g. built inline upstream, churned by a host-app
+    // re-render storm). Depending on a stable content signature instead of the object
+    // reference keeps a render storm from rebuilding the (potentially 100s-strong)
+    // connector list every frame — mirrors walletConnectorsKey above.
+    const networkConfigurationsKey = React.useMemo(() => JSON.stringify(networkConfigurations !== null && networkConfigurations !== void 0 ? networkConfigurations : {}), [networkConfigurations]);
     const walletConnectorOptions = React.useMemo(() => {
         if (!projectSettings || !isWalletBookLoaded || !networkConfigurations)
             return [];
@@ -48,14 +54,16 @@ const useCreateWalletConnectorOptions = (_a) => {
                 redirectUrl, settings: projectSettings, skipMemo: true, walletBook: walletBook$1, walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [] }, props),
             walletConnectorExtensions,
         });
-        // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
+        // walletUiUtils is intentionally excluded (its unstable identity would cause an
+        // infinite loop); networkConfigurations is depended on via its content signature
+        // (networkConfigurationsKey) so an identity-only churn doesn't rebuild the list.
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         projectSettings,
         redirectUrl,
         walletConnectorsKey,
         isWalletBookLoaded,
-        networkConfigurations,
+        networkConfigurationsKey,
     ]);
     React.useEffect(() => {
         if (!projectSettings || walletConnectorOptions.length === 0)

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

@@ -36,6 +36,12 @@ const useCreateWalletConnectorOptions = (_a) => {
     const redirectUrl = useRedirectUrl();
     const walletConnectorsKey = useMemo(() => { var _a; return (_a = serializeWalletConnectors(walletConnectorsProp)) === null || _a === void 0 ? void 0 : _a.join(','); }, [walletConnectorsProp]);
     const isWalletBookLoaded = useMemo(() => isWalletBookPopulated(walletBook), [walletBook]);
+    // networkConfigurations can get a fresh object identity on every render even when
+    // its content is unchanged (e.g. built inline upstream, churned by a host-app
+    // re-render storm). Depending on a stable content signature instead of the object
+    // reference keeps a render storm from rebuilding the (potentially 100s-strong)
+    // connector list every frame — mirrors walletConnectorsKey above.
+    const networkConfigurationsKey = useMemo(() => JSON.stringify(networkConfigurations !== null && networkConfigurations !== void 0 ? networkConfigurations : {}), [networkConfigurations]);
     const walletConnectorOptions = useMemo(() => {
         if (!projectSettings || !isWalletBookLoaded || !networkConfigurations)
             return [];
@@ -44,14 +50,16 @@ const useCreateWalletConnectorOptions = (_a) => {
                 redirectUrl, settings: projectSettings, skipMemo: true, walletBook, walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [] }, props),
             walletConnectorExtensions,
         });
-        // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
+        // walletUiUtils is intentionally excluded (its unstable identity would cause an
+        // infinite loop); networkConfigurations is depended on via its content signature
+        // (networkConfigurationsKey) so an identity-only churn doesn't rebuild the list.
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         projectSettings,
         redirectUrl,
         walletConnectorsKey,
         isWalletBookLoaded,
-        networkConfigurations,
+        networkConfigurationsKey,
     ]);
     useEffect(() => {
         if (!projectSettings || walletConnectorOptions.length === 0)

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

@@ -91,7 +91,7 @@ const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl,
     return walletConnector;
 };
 const useDynamicWaas = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const { setShowAuthFlow, handleLogOutWithReason } = useInternalDynamicContext.useInternalDynamicContext();
     const { addedWalletsIds, userWallets } = UserWalletsContext.useInternalUserWallets();
     const user = useUser.useUser();
@@ -103,14 +103,15 @@ const useDynamicWaas = () => {
     const relayUrl = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.waas) === null || _b === void 0 ? void 0 : _b.relayUrl;
     const baseClientKeysharesRelayApiUrl = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.customKeyshareRelayBaseUrl;
     const embeddedWalletSettings = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets;
-    const enabledChains = (_e = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.chainConfigurations) === null || _e === void 0 ? void 0 : _e.filter((c) => c.enabled);
-    const primaryChain = enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.find((chain) => chain.primary);
-    const enabledChainNames = enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.map((chain) => chain.name);
+    const chainConfigurations = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.chainConfigurations;
+    const enabledChains = React.useMemo(() => chainConfigurations === null || chainConfigurations === void 0 ? void 0 : chainConfigurations.filter((c) => c.enabled), [chainConfigurations]);
+    const primaryChain = React.useMemo(() => enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.find((chain) => chain.primary), [enabledChains]);
+    const enabledChainNames = React.useMemo(() => enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.map((chain) => chain.name), [enabledChains]);
     const automaticEmbeddedWalletCreationEnabled = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.automaticEmbeddedWalletCreation;
     const automaticEmbeddedWalletCreationForExternalEnabled = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.automaticEmbeddedWalletCreationForExternal;
     const defaultWalletVersion = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.defaultWalletVersion;
     const dynamicWaasIsEnabled = defaultWalletVersion === sdkApiCore.EmbeddedWalletVersionEnum.V3;
-    const svmGasSponsorshipEnabled = (_f = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.svmGasSponsorshipEnabled) !== null && _f !== void 0 ? _f : false;
+    const svmGasSponsorshipEnabled = (_e = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.svmGasSponsorshipEnabled) !== null && _e !== void 0 ? _e : false;
     const svmGasSponsorshipEnabledRef = React.useRef(svmGasSponsorshipEnabled);
     svmGasSponsorshipEnabledRef.current = svmGasSponsorshipEnabled;
     const authToken = getMinAuthToken.getMinAuthToken();
@@ -175,7 +176,7 @@ const useDynamicWaas = () => {
     }, [
         user === null || user === void 0 ? void 0 : user.id,
         user === null || user === void 0 ? void 0 : user.sessionId,
-        (_g = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _g === void 0 ? void 0 : _g.length,
+        (_f = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _f === void 0 ? void 0 : _f.length,
         dynamicWaasIsEnabled,
         enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.length,
         walletConnectorOptions.length,
@@ -459,7 +460,7 @@ const useDynamicWaas = () => {
         automaticEmbeddedWalletCreationForExternalEnabled,
         enabledChainNames,
     ]);
-    const importPrivateKey = (_h) => _tslib.__awaiter(void 0, [_h], void 0, function* ({ chainName, privateKey, addressType, legacyWalletId, password, }) {
+    const importPrivateKey = (_g) => _tslib.__awaiter(void 0, [_g], void 0, function* ({ chainName, privateKey, addressType, legacyWalletId, password, }) {
         const walletConnector = getWaasWalletConnector(chainName);
         if (!walletConnector)
             return;
@@ -472,7 +473,7 @@ const useDynamicWaas = () => {
         });
         yield refresh();
     });
-    const upgradeToDynamicWaas = React.useCallback((_j) => _tslib.__awaiter(void 0, [_j], void 0, function* ({ privateKey, wallet, password, }) {
+    const upgradeToDynamicWaas = React.useCallback((_h) => _tslib.__awaiter(void 0, [_h], void 0, function* ({ privateKey, wallet, password, }) {
         isUpgrading.current = true;
         if (!wallet) {
             throw new utils.DynamicError('Wallet to upgrade was not provided');
@@ -552,14 +553,14 @@ const useDynamicWaas = () => {
             values.VerifiedCredentialNameToChainEnum[cred.chain]);
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
     const processSignOnWalletSettings = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _k;
+        var _j;
         if (!(user === null || user === void 0 ? void 0 : user.verifiedCredentials)) {
             return;
         }
         const waasWallets = user.verifiedCredentials.filter((vc) => { var _a; return vc.walletName === 'dynamicwaas' && ((_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.settings); });
         for (const wallet of waasWallets) {
             try {
-                const settings = (_k = wallet.walletProperties) === null || _k === void 0 ? void 0 : _k.settings;
+                const settings = (_j = wallet.walletProperties) === null || _j === void 0 ? void 0 : _j.settings;
                 const { address, chain } = wallet;
                 if (!settings || !address || !chain) {
                     continue;

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

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useRef, useState, useCallback, useMemo } from 'react';
+import { useMemo, useRef, useState, useCallback } from 'react';
 import { EmbeddedWalletVersionEnum, JwtVerifiedCredentialFormatEnum, WalletProviderEnum, ChainEnum } from '@dynamic-labs/sdk-api-core';
 import { DynamicError } from '@dynamic-labs/utils';
 import { logger } from '@dynamic-labs/wallet-connector-core';
@@ -87,7 +87,7 @@ const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl,
     return walletConnector;
 };
 const useDynamicWaas = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const { setShowAuthFlow, handleLogOutWithReason } = useInternalDynamicContext();
     const { addedWalletsIds, userWallets } = useInternalUserWallets();
     const user = useUser();
@@ -99,14 +99,15 @@ const useDynamicWaas = () => {
     const relayUrl = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.waas) === null || _b === void 0 ? void 0 : _b.relayUrl;
     const baseClientKeysharesRelayApiUrl = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.customKeyshareRelayBaseUrl;
     const embeddedWalletSettings = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets;
-    const enabledChains = (_e = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.chainConfigurations) === null || _e === void 0 ? void 0 : _e.filter((c) => c.enabled);
-    const primaryChain = enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.find((chain) => chain.primary);
-    const enabledChainNames = enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.map((chain) => chain.name);
+    const chainConfigurations = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.chainConfigurations;
+    const enabledChains = useMemo(() => chainConfigurations === null || chainConfigurations === void 0 ? void 0 : chainConfigurations.filter((c) => c.enabled), [chainConfigurations]);
+    const primaryChain = useMemo(() => enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.find((chain) => chain.primary), [enabledChains]);
+    const enabledChainNames = useMemo(() => enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.map((chain) => chain.name), [enabledChains]);
     const automaticEmbeddedWalletCreationEnabled = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.automaticEmbeddedWalletCreation;
     const automaticEmbeddedWalletCreationForExternalEnabled = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.automaticEmbeddedWalletCreationForExternal;
     const defaultWalletVersion = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.defaultWalletVersion;
     const dynamicWaasIsEnabled = defaultWalletVersion === EmbeddedWalletVersionEnum.V3;
-    const svmGasSponsorshipEnabled = (_f = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.svmGasSponsorshipEnabled) !== null && _f !== void 0 ? _f : false;
+    const svmGasSponsorshipEnabled = (_e = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.svmGasSponsorshipEnabled) !== null && _e !== void 0 ? _e : false;
     const svmGasSponsorshipEnabledRef = useRef(svmGasSponsorshipEnabled);
     svmGasSponsorshipEnabledRef.current = svmGasSponsorshipEnabled;
     const authToken = getMinAuthToken();
@@ -171,7 +172,7 @@ const useDynamicWaas = () => {
     }, [
         user === null || user === void 0 ? void 0 : user.id,
         user === null || user === void 0 ? void 0 : user.sessionId,
-        (_g = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _g === void 0 ? void 0 : _g.length,
+        (_f = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _f === void 0 ? void 0 : _f.length,
         dynamicWaasIsEnabled,
         enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.length,
         walletConnectorOptions.length,
@@ -455,7 +456,7 @@ const useDynamicWaas = () => {
         automaticEmbeddedWalletCreationForExternalEnabled,
         enabledChainNames,
     ]);
-    const importPrivateKey = (_h) => __awaiter(void 0, [_h], void 0, function* ({ chainName, privateKey, addressType, legacyWalletId, password, }) {
+    const importPrivateKey = (_g) => __awaiter(void 0, [_g], void 0, function* ({ chainName, privateKey, addressType, legacyWalletId, password, }) {
         const walletConnector = getWaasWalletConnector(chainName);
         if (!walletConnector)
             return;
@@ -468,7 +469,7 @@ const useDynamicWaas = () => {
         });
         yield refresh();
     });
-    const upgradeToDynamicWaas = useCallback((_j) => __awaiter(void 0, [_j], void 0, function* ({ privateKey, wallet, password, }) {
+    const upgradeToDynamicWaas = useCallback((_h) => __awaiter(void 0, [_h], void 0, function* ({ privateKey, wallet, password, }) {
         isUpgrading.current = true;
         if (!wallet) {
             throw new DynamicError('Wallet to upgrade was not provided');
@@ -548,14 +549,14 @@ const useDynamicWaas = () => {
             VerifiedCredentialNameToChainEnum[cred.chain]);
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
     const processSignOnWalletSettings = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _k;
+        var _j;
         if (!(user === null || user === void 0 ? void 0 : user.verifiedCredentials)) {
             return;
         }
         const waasWallets = user.verifiedCredentials.filter((vc) => { var _a; return vc.walletName === 'dynamicwaas' && ((_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.settings); });
         for (const wallet of waasWallets) {
             try {
-                const settings = (_k = wallet.walletProperties) === null || _k === void 0 ? void 0 : _k.settings;
+                const settings = (_j = wallet.walletProperties) === null || _j === void 0 ? void 0 : _j.settings;
                 const { address, chain } = wallet;
                 if (!settings || !address || !chain) {
                     continue;

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

@@ -0,0 +1 @@
+export * from './useReconcileInstalledWallets';

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

@@ -0,0 +1,69 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var walletOptions = require('../../../store/state/walletOptions/walletOptions.cjs');
+
+// The wallet list's installed state is snapshotted once (in
+// useCreateWalletConnectorOptions) and is otherwise only updated by
+// providerReady events. On a typed/address-bar navigation a wallet extension
+// (e.g. Backpack, Solflare) can inject its window provider just after that
+// snapshot runs, so the connector is frozen as "not installed" with no event
+// to recover it and only appears after a reload (DYNT-1074). Re-check the
+// already-instantiated connectors for a short window after load and upgrade any
+// that have since become installed.
+const INSTALLED_WALLET_RECONCILE_INTERVAL_MS = 300;
+const INSTALLED_WALLET_RECONCILE_DURATION_MS = 5000;
+/**
+ * Polls the existing wallet connector options for a bounded window and upgrades
+ * any whose connector has become installed since the initial snapshot. This is
+ * upgrade-only (never downgrades), so a provider that momentarily fails to
+ * resolve cannot remove an already-installed wallet from the list.
+ */
+const useReconcileInstalledWallets = (enabled) => {
+    React.useEffect(() => {
+        if (!enabled) {
+            return undefined;
+        }
+        const reconcileInstalledWallets = () => {
+            const options = walletOptions.getWalletConnectorOptions();
+            if (!options) {
+                return;
+            }
+            const upgradedOptions = options
+                .filter((option) => {
+                if (option.isInstalledOnBrowser) {
+                    return false;
+                }
+                try {
+                    // isInstalledOnBrowser reads the window/registry fresh on each call,
+                    // so this reflects providers injected after the initial snapshot.
+                    return option.walletConnector.isInstalledOnBrowser();
+                }
+                catch (_a) {
+                    // Third-party provider code may throw; treat as not installed.
+                    return false;
+                }
+            })
+                .map((option) => (Object.assign(Object.assign({}, option), { isInstalledOnBrowser: true })));
+            if (upgradedOptions.length > 0) {
+                // mergeWalletConnectorOptions merges by key, so passing only the
+                // upgraded options is safe alongside concurrent providerReady updates.
+                walletOptions.mergeWalletConnectorOptions(upgradedOptions);
+            }
+        };
+        reconcileInstalledWallets();
+        const intervalId = setInterval(reconcileInstalledWallets, INSTALLED_WALLET_RECONCILE_INTERVAL_MS);
+        const timeoutId = setTimeout(() => {
+            clearInterval(intervalId);
+        }, INSTALLED_WALLET_RECONCILE_DURATION_MS);
+        return () => {
+            clearInterval(intervalId);
+            clearTimeout(timeoutId);
+        };
+    }, [enabled]);
+};
+
+exports.useReconcileInstalledWallets = useReconcileInstalledWallets;

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

@@ -0,0 +1,7 @@
+/**
+ * Polls the existing wallet connector options for a bounded window and upgrades
+ * any whose connector has become installed since the initial snapshot. This is
+ * upgrade-only (never downgrades), so a provider that momentarily fails to
+ * resolve cannot remove an already-installed wallet from the list.
+ */
+export declare const useReconcileInstalledWallets: (enabled: boolean) => void;

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

@@ -0,0 +1,65 @@
+'use client'
+import { useEffect } from 'react';
+import { getWalletConnectorOptions, mergeWalletConnectorOptions } from '../../../store/state/walletOptions/walletOptions.js';
+
+// The wallet list's installed state is snapshotted once (in
+// useCreateWalletConnectorOptions) and is otherwise only updated by
+// providerReady events. On a typed/address-bar navigation a wallet extension
+// (e.g. Backpack, Solflare) can inject its window provider just after that
+// snapshot runs, so the connector is frozen as "not installed" with no event
+// to recover it and only appears after a reload (DYNT-1074). Re-check the
+// already-instantiated connectors for a short window after load and upgrade any
+// that have since become installed.
+const INSTALLED_WALLET_RECONCILE_INTERVAL_MS = 300;
+const INSTALLED_WALLET_RECONCILE_DURATION_MS = 5000;
+/**
+ * Polls the existing wallet connector options for a bounded window and upgrades
+ * any whose connector has become installed since the initial snapshot. This is
+ * upgrade-only (never downgrades), so a provider that momentarily fails to
+ * resolve cannot remove an already-installed wallet from the list.
+ */
+const useReconcileInstalledWallets = (enabled) => {
+    useEffect(() => {
+        if (!enabled) {
+            return undefined;
+        }
+        const reconcileInstalledWallets = () => {
+            const options = getWalletConnectorOptions();
+            if (!options) {
+                return;
+            }
+            const upgradedOptions = options
+                .filter((option) => {
+                if (option.isInstalledOnBrowser) {
+                    return false;
+                }
+                try {
+                    // isInstalledOnBrowser reads the window/registry fresh on each call,
+                    // so this reflects providers injected after the initial snapshot.
+                    return option.walletConnector.isInstalledOnBrowser();
+                }
+                catch (_a) {
+                    // Third-party provider code may throw; treat as not installed.
+                    return false;
+                }
+            })
+                .map((option) => (Object.assign(Object.assign({}, option), { isInstalledOnBrowser: true })));
+            if (upgradedOptions.length > 0) {
+                // mergeWalletConnectorOptions merges by key, so passing only the
+                // upgraded options is safe alongside concurrent providerReady updates.
+                mergeWalletConnectorOptions(upgradedOptions);
+            }
+        };
+        reconcileInstalledWallets();
+        const intervalId = setInterval(reconcileInstalledWallets, INSTALLED_WALLET_RECONCILE_INTERVAL_MS);
+        const timeoutId = setTimeout(() => {
+            clearInterval(intervalId);
+        }, INSTALLED_WALLET_RECONCILE_DURATION_MS);
+        return () => {
+            clearInterval(intervalId);
+            clearTimeout(timeoutId);
+        };
+    }, [enabled]);
+};
+
+export { useReconcileInstalledWallets };

package/src/lib/utils/hooks/useWalletList/buildWalletsList.cjs

@@ -0,0 +1,42 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@dynamic-labs/utils');
+var index = require('../../functions/walletFilters/index.cjs');
+var walletListBuilder = require('../../functions/walletListBuilder/walletListBuilder.cjs');
+var getEffectiveRecommendedWallets = require('./utils/getEffectiveRecommendedWallets/getEffectiveRecommendedWallets.cjs');
+var getEffectiveWalletFilter = require('./utils/getEffectiveWalletFilter/getEffectiveWalletFilter.cjs');
+
+const buildWalletsList = ({ bridgeChainsToConnect, defaultNumberOfWalletsToShow, isWalletConnectList, lastUsedWalletKey, multiWallet, recommendedWallets, searchFilter, selectedTabSettings, userWallets, viewWalletsFilter, walletConnectorOptions, walletGroups, walletsFilter, }) => {
+    const getFilteredBridgeChains = (bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) &&
+        index.FilterBridgeChainsName(bridgeChainsToConnect[0].chain);
+    const filteredBridgeChains = getFilteredBridgeChains && getFilteredBridgeChains(walletConnectorOptions);
+    const effectiveRecommendedWallets = getEffectiveRecommendedWallets.getEffectiveRecommendedWallets(selectedTabSettings, recommendedWallets);
+    const effectiveWalletsFilter = getEffectiveWalletFilter.getEffectiveWalletFilter(selectedTabSettings, walletsFilter);
+    const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
+        groupWallets: true,
+        inputList: filteredBridgeChains || walletConnectorOptions,
+        isWalletConnectList,
+        lastUsedWalletKey,
+        multiWallet,
+        numberOfWalletsToShow: defaultNumberOfWalletsToShow,
+        recommendedWallets: effectiveRecommendedWallets,
+        searchFilter,
+        showMoreWalletsWithFilter: true,
+        userWallets,
+        walletGroups,
+        // use both filters if available, else use the viewWalletsFilter or effectiveWalletsFilter
+        walletsFilter: viewWalletsFilter && effectiveWalletsFilter
+            ? utils.pipe(viewWalletsFilter).pipe(effectiveWalletsFilter)
+            : viewWalletsFilter || effectiveWalletsFilter,
+    });
+    return {
+        numberOfWallets,
+        recommendedWallets: effectiveRecommendedWallets,
+        walletsList,
+    };
+};
+
+exports.buildWalletsList = buildWalletsList;

package/src/lib/utils/hooks/useWalletList/buildWalletsList.d.ts

@@ -0,0 +1,17 @@
+import type { IDynamicContext } from '../../../context/DynamicContext/types/IDynamicContext';
+import type { useInternalUserWallets } from '../../../context/UserWalletsContext';
+import { WalletGroups, WalletOption, WalletsFilter } from '../../../shared/types';
+export type BuildWalletsListParams = Pick<IDynamicContext, 'bridgeChainsToConnect' | 'defaultNumberOfWalletsToShow' | 'multiWallet' | 'recommendedWallets' | 'selectedTabSettings' | 'walletsFilter'> & {
+    isWalletConnectList: boolean;
+    lastUsedWalletKey: string | undefined;
+    searchFilter: string | undefined;
+    userWallets: ReturnType<typeof useInternalUserWallets>['userWallets'];
+    viewWalletsFilter: WalletsFilter | undefined;
+    walletConnectorOptions: WalletOption[];
+    walletGroups: WalletGroups;
+};
+export declare const buildWalletsList: ({ bridgeChainsToConnect, defaultNumberOfWalletsToShow, isWalletConnectList, lastUsedWalletKey, multiWallet, recommendedWallets, searchFilter, selectedTabSettings, userWallets, viewWalletsFilter, walletConnectorOptions, walletGroups, walletsFilter, }: BuildWalletsListParams) => {
+    numberOfWallets: number;
+    recommendedWallets: import("../../../shared/types").RecommendedWallet[] | undefined;
+    walletsList: WalletOption[];
+};