@dynamic-labs/sdk-react-core 4.4.4 → 4.5.0

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

@@ -15,6 +15,15 @@ const useDynamicContext = () => {
     }
     const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
+    const externalSetShowAuthFlow = React.useCallback((value) => {
+        setShowAuthFlow(value, {
+            clearErrors: true,
+            emitCancelAuth: true,
+            ignoreIfIsEmbeddedWidget: true,
+            initializeWalletConnect: true,
+            performMultiWalletChecks: true,
+        });
+    }, [setShowAuthFlow]);
     return {
         accountSwitchState,
         authMode,
@@ -39,13 +48,7 @@ const useDynamicContext = () => {
         setLogInWithEmail,
         setMultiWalletWidgetState,
         setSelectedTabIndex,
-        setShowAuthFlow: (value) => setShowAuthFlow(value, {
-            clearErrors: true,
-            emitCancelAuth: true,
-            ignoreIfIsEmbeddedWidget: true,
-            initializeWalletConnect: true,
-            performMultiWalletChecks: true,
-        }),
+        setShowAuthFlow: externalSetShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
         setShowQrcodeModal,

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

@@ -1,5 +1,5 @@
 'use client'
-import { useContext } from 'react';
+import { useContext, useCallback } from 'react';
 import { DynamicContext } from '../DynamicContext.js';
 import { useOverrides } from './useOverrides/useOverrides.js';
 
@@ -11,6 +11,15 @@ const useDynamicContext = () => {
     }
     const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides(context);
+    const externalSetShowAuthFlow = useCallback((value) => {
+        setShowAuthFlow(value, {
+            clearErrors: true,
+            emitCancelAuth: true,
+            ignoreIfIsEmbeddedWidget: true,
+            initializeWalletConnect: true,
+            performMultiWalletChecks: true,
+        });
+    }, [setShowAuthFlow]);
     return {
         accountSwitchState,
         authMode,
@@ -35,13 +44,7 @@ const useDynamicContext = () => {
         setLogInWithEmail,
         setMultiWalletWidgetState,
         setSelectedTabIndex,
-        setShowAuthFlow: (value) => setShowAuthFlow(value, {
-            clearErrors: true,
-            emitCancelAuth: true,
-            ignoreIfIsEmbeddedWidget: true,
-            initializeWalletConnect: true,
-            performMultiWalletChecks: true,
-        }),
+        setShowAuthFlow: externalSetShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
         setShowQrcodeModal,

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

@@ -38,6 +38,7 @@ require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../ThemeContext/ThemeContext.cjs');
 var useIsLoggedIn = require('../../../../utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../LoadingContext/LoadingContext.cjs');

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

@@ -34,6 +34,7 @@ import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../ThemeContext/ThemeContext.js';
 import { useIsLoggedIn } from '../../../../utils/hooks/useIsLoggedIn/useIsLoggedIn.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../LoadingContext/LoadingContext.js';

package/src/lib/context/IpConfigurationContext/IpConfigurationContext.cjs

@@ -34,13 +34,13 @@ const IpConfigurationContextProvider = ({ children, }) => {
             return;
         }
     }), [ipConfiguration, setIpConfiguration]);
-    const removeIpConfiguration = () => {
+    const removeIpConfiguration = React.useCallback(() => {
         setIpConfiguration(null);
-    };
+    }, [setIpConfiguration]);
     const value = React.useMemo(() => ({
         getIpConfiguration,
         removeIpConfiguration,
-    }), [getIpConfiguration]);
+    }), [getIpConfiguration, removeIpConfiguration]);
     return (jsxRuntime.jsx(IpConfigurationContext.Provider, { value: value, children: children }));
 };
 const useIpConfigurationContext = () => {

package/src/lib/context/IpConfigurationContext/IpConfigurationContext.js

@@ -30,13 +30,13 @@ const IpConfigurationContextProvider = ({ children, }) => {
             return;
         }
     }), [ipConfiguration, setIpConfiguration]);
-    const removeIpConfiguration = () => {
+    const removeIpConfiguration = useCallback(() => {
         setIpConfiguration(null);
-    };
+    }, [setIpConfiguration]);
     const value = useMemo(() => ({
         getIpConfiguration,
         removeIpConfiguration,
-    }), [getIpConfiguration]);
+    }), [getIpConfiguration, removeIpConfiguration]);
     return (jsx(IpConfigurationContext.Provider, { value: value, children: children }));
 };
 const useIpConfigurationContext = () => {

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -38,6 +38,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../WalletContext/WalletContext.cjs');

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -34,6 +34,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../WalletContext/WalletContext.js';

package/src/lib/context/MockContext/MockContext.cjs

@@ -40,6 +40,7 @@ require('../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -36,6 +36,7 @@ import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';

package/src/lib/context/OnrampContext/OnrampContext.cjs

@@ -3,8 +3,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 require('../DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
@@ -12,12 +14,10 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
 require('../../events/dynamicEvents.cjs');
-require('../../../../_virtual/_tslib.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -37,6 +37,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');
@@ -84,21 +85,31 @@ require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cj
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var rejectPromiseRef = require('../../utils/functions/rejectPromiseRef/rejectPromiseRef.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var onrampConfigurationToOnrampOption = require('../../utils/functions/onrampConfigurationToOnrampOption/onrampConfigurationToOnrampOption.cjs');
 var useEnabledOnrampProviders = require('./useEnabledOnrampProviders/useEnabledOnrampProviders.cjs');
 
 const OnrampContext = React.createContext(undefined);
 const OnrampContextProvider = ({ children, }) => {
     var _a, _b, _c, _d, _e;
+    const promiseRef = React.useRef(null);
     const [selectedOnrampProvider, setSelectedOnrampProvider] = React.useState();
-    const [showOnramp, setShowOnramp] = React.useState(false);
-    const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const [showOnramp, _setShowOnramp] = React.useState(false);
+    const { environmentId, network, primaryWallet, projectSettings, overrides } = useInternalDynamicContext.useInternalDynamicContext();
     const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = React.useState({});
-    const enabledOnrampProviders = useEnabledOnrampProviders.useEnabledOnrampProviders({
+    const setShowOnramp = React.useCallback((value) => {
+        _setShowOnramp(value);
+        if (!value && promiseRef.current) {
+            rejectPromiseRef.rejectPromiseRef(promiseRef, new utils.DynamicError('User cancelled'));
+        }
+    }, []);
+    const onrampOverrides = React.useMemo(() => { var _a; return (_a = overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions) !== null && _a !== void 0 ? _a : []; }, [overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions]);
+    const enabledOnrampProvidersInDashboard = useEnabledOnrampProviders.useEnabledOnrampProviders({
         environmentId,
         network,
         primaryWallet,
@@ -106,31 +117,36 @@ const OnrampContextProvider = ({ children, }) => {
         target: enabledOnrampProvidersTarget,
     });
     const onrampEnabled = Boolean(((_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.funding) === null || _d === void 0 ? void 0 : _d.onramps) === null || _e === void 0 ? void 0 : _e.length) &&
-        enabledOnrampProviders.length);
+        enabledOnrampProvidersInDashboard.length) || Boolean(onrampOverrides.length);
+    const openOnramp = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token }) {
+        if (!onrampEnabled) {
+            throw new Error('Onramp is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        promiseRef.current = new utils.DeferredPromise();
+        if (address || token)
+            setEnabledOnrampProvidersTarget({ address, token });
+        setSelectedOnrampProvider(onrampProvider);
+        setShowOnramp(true);
+        return promiseRef.current.promise;
+    }), [onrampEnabled, setShowOnramp]);
+    const enabledOnrampProviders = React.useMemo(() => {
+        const enabledOnrampProvidersInDashboardOptions = enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption.onrampConfigurationToOnrampOption(provider, openOnramp));
+        return [...enabledOnrampProvidersInDashboardOptions, ...onrampOverrides];
+    }, [enabledOnrampProvidersInDashboard, openOnramp, onrampOverrides]);
     const selectedOnramp = React.useMemo(() => {
         if (!enabledOnrampProviders.length)
             return;
-        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === selectedOnrampProvider);
-        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url))
-            return;
+        const selectedProvider = enabledOnrampProviders.find((p) => p.id === selectedOnrampProvider);
         return selectedProvider;
     }, [enabledOnrampProviders, selectedOnrampProvider]);
-    const isSelectedOnrampUnsupported = React.useMemo(() => {
-        if (!enabledOnrampProviders.length)
-            return true;
-        if (!selectedOnrampProvider)
-            return false;
-        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === selectedOnrampProvider);
-        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url))
-            return true;
-        return false;
-    }, [enabledOnrampProviders, selectedOnrampProvider]);
     const value = React.useMemo(() => ({
         enabledOnrampProviders,
-        isSelectedOnrampUnsupported,
         onrampEnabled,
+        openOnramp,
         selectedOnramp,
-        setEnabledOnrampProvidersTarget,
         setSelectedOnrampProvider,
         setShowOnramp,
         showOnramp,
@@ -139,8 +155,9 @@ const OnrampContextProvider = ({ children, }) => {
         selectedOnramp,
         setSelectedOnrampProvider,
         showOnramp,
-        isSelectedOnrampUnsupported,
         enabledOnrampProviders,
+        openOnramp,
+        setShowOnramp,
     ]);
     return (jsxRuntime.jsx(OnrampContext.Provider, { value: value, children: children }));
 };

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

@@ -1,18 +1,23 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { OnrampConfiguration, ProviderEnum } from '@dynamic-labs/sdk-api-core';
-import { EnabledOnrampProvidersTarget } from './useEnabledOnrampProviders';
+import { ReactNode } from 'react';
+import { OnrampProviders, ProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { OnrampOption } from '../DynamicContext';
+type OpenOnrampProps = {
+    address?: string;
+    token?: string;
+    onrampProvider: OnrampProviders;
+};
 export type OnrampContextReturn = {
     onrampEnabled: boolean;
-    setShowOnramp: Dispatch<SetStateAction<boolean>>;
+    setShowOnramp: (value: boolean) => void;
     showOnramp: boolean;
     setSelectedOnrampProvider: (provider: ProviderEnum) => void;
-    setEnabledOnrampProvidersTarget: (target: EnabledOnrampProvidersTarget) => void;
-    selectedOnramp: OnrampConfiguration | undefined;
-    enabledOnrampProviders: OnrampConfiguration[];
-    isSelectedOnrampUnsupported: boolean;
+    selectedOnramp: OnrampOption | undefined;
+    enabledOnrampProviders: OnrampOption[];
+    openOnramp: (props: OpenOnrampProps) => Promise<void>;
 };
 export declare const OnrampContext: import("react").Context<OnrampContextReturn | undefined>;
 export declare const OnrampContextProvider: ({ children, }: {
     children: ReactNode;
 }) => JSX.Element;
 export declare const useOnrampContext: () => OnrampContextReturn;
+export {};

package/src/lib/context/OnrampContext/OnrampContext.js

@@ -1,6 +1,8 @@
 'use client'
+import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useMemo } from 'react';
+import { createContext, useContext, useRef, useState, useCallback, useMemo } from 'react';
+import { DynamicError, DeferredPromise } from '@dynamic-labs/utils';
 import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -8,12 +10,10 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
 import '../../events/dynamicEvents.js';
-import '../../../../_virtual/_tslib.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';
@@ -80,21 +81,31 @@ import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js'
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { rejectPromiseRef } from '../../utils/functions/rejectPromiseRef/rejectPromiseRef.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { onrampConfigurationToOnrampOption } from '../../utils/functions/onrampConfigurationToOnrampOption/onrampConfigurationToOnrampOption.js';
 import { useEnabledOnrampProviders } from './useEnabledOnrampProviders/useEnabledOnrampProviders.js';
 
 const OnrampContext = createContext(undefined);
 const OnrampContextProvider = ({ children, }) => {
     var _a, _b, _c, _d, _e;
+    const promiseRef = useRef(null);
     const [selectedOnrampProvider, setSelectedOnrampProvider] = useState();
-    const [showOnramp, setShowOnramp] = useState(false);
-    const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext();
+    const [showOnramp, _setShowOnramp] = useState(false);
+    const { environmentId, network, primaryWallet, projectSettings, overrides } = useInternalDynamicContext();
     const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = useState({});
-    const enabledOnrampProviders = useEnabledOnrampProviders({
+    const setShowOnramp = useCallback((value) => {
+        _setShowOnramp(value);
+        if (!value && promiseRef.current) {
+            rejectPromiseRef(promiseRef, new DynamicError('User cancelled'));
+        }
+    }, []);
+    const onrampOverrides = useMemo(() => { var _a; return (_a = overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions) !== null && _a !== void 0 ? _a : []; }, [overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions]);
+    const enabledOnrampProvidersInDashboard = useEnabledOnrampProviders({
         environmentId,
         network,
         primaryWallet,
@@ -102,31 +113,36 @@ const OnrampContextProvider = ({ children, }) => {
         target: enabledOnrampProvidersTarget,
     });
     const onrampEnabled = Boolean(((_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.funding) === null || _d === void 0 ? void 0 : _d.onramps) === null || _e === void 0 ? void 0 : _e.length) &&
-        enabledOnrampProviders.length);
+        enabledOnrampProvidersInDashboard.length) || Boolean(onrampOverrides.length);
+    const openOnramp = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token }) {
+        if (!onrampEnabled) {
+            throw new Error('Onramp is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        promiseRef.current = new DeferredPromise();
+        if (address || token)
+            setEnabledOnrampProvidersTarget({ address, token });
+        setSelectedOnrampProvider(onrampProvider);
+        setShowOnramp(true);
+        return promiseRef.current.promise;
+    }), [onrampEnabled, setShowOnramp]);
+    const enabledOnrampProviders = useMemo(() => {
+        const enabledOnrampProvidersInDashboardOptions = enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption(provider, openOnramp));
+        return [...enabledOnrampProvidersInDashboardOptions, ...onrampOverrides];
+    }, [enabledOnrampProvidersInDashboard, openOnramp, onrampOverrides]);
     const selectedOnramp = useMemo(() => {
         if (!enabledOnrampProviders.length)
             return;
-        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === selectedOnrampProvider);
-        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url))
-            return;
+        const selectedProvider = enabledOnrampProviders.find((p) => p.id === selectedOnrampProvider);
         return selectedProvider;
     }, [enabledOnrampProviders, selectedOnrampProvider]);
-    const isSelectedOnrampUnsupported = useMemo(() => {
-        if (!enabledOnrampProviders.length)
-            return true;
-        if (!selectedOnrampProvider)
-            return false;
-        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === selectedOnrampProvider);
-        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url))
-            return true;
-        return false;
-    }, [enabledOnrampProviders, selectedOnrampProvider]);
     const value = useMemo(() => ({
         enabledOnrampProviders,
-        isSelectedOnrampUnsupported,
         onrampEnabled,
+        openOnramp,
         selectedOnramp,
-        setEnabledOnrampProvidersTarget,
         setSelectedOnrampProvider,
         setShowOnramp,
         showOnramp,
@@ -135,8 +151,9 @@ const OnrampContextProvider = ({ children, }) => {
         selectedOnramp,
         setSelectedOnrampProvider,
         showOnramp,
-        isSelectedOnrampUnsupported,
         enabledOnrampProviders,
+        openOnramp,
+        setShowOnramp,
     ]);
     return (jsx(OnrampContext.Provider, { value: value, children: children }));
 };

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -42,6 +42,7 @@ require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useIsTurnkeyWallet = require('../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
+require('bs58');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -38,6 +38,7 @@ import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import 'bs58';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.cjs

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.js

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.cjs

@@ -38,6 +38,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.js

@@ -34,6 +34,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -37,6 +37,7 @@ var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useCo
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -33,6 +33,7 @@ import { useConfirmationModal } from '../../utils/hooks/useConfirmationModal/use
 import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -37,6 +37,7 @@ require('../../events/dynamicEvents.cjs');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -33,6 +33,7 @@ import '../../events/dynamicEvents.js';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../AccountExistsContext/AccountExistsContext.js';

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -41,6 +41,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../SocialRedirectContext.cjs');
 var useSocialAuth = require('../../../../utils/hooks/useSocialAuth/useSocialAuth.cjs');

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -37,6 +37,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../SocialRedirectContext.js';
 import { useSocialAuth } from '../../../../utils/hooks/useSocialAuth/useSocialAuth.js';

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -38,6 +38,7 @@ var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useCo
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js

@@ -34,6 +34,7 @@ import { useConfirmationModal } from '../../utils/hooks/useConfirmationModal/use
 import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';

package/src/lib/context/UserWalletsContext/UserWalletsContext.cjs

@@ -16,8 +16,11 @@ const UserWalletsProvider = ({ children }) => {
     const removedWalletsIds = React.useRef([]);
     const setUserWallets = React.useCallback((returnUpdatedWallets) => {
         _setUserWallets((prevWallets) => {
-            prevUserWallets.current = prevWallets;
             const updatedWallets = returnUpdatedWallets(prevWallets);
+            // Use old state value if nothing changed to prevent unnecessary re-renders
+            if (updatedWallets.length === 0 && prevWallets.length === 0)
+                return prevWallets;
+            prevUserWallets.current = prevWallets;
             return updatedWallets;
         });
     }, []);
@@ -38,10 +41,12 @@ const UserWalletsProvider = ({ children }) => {
         addedWalletsIds.current = [];
         removedWalletsIds.current = [];
     }, [userWallets]);
+    const memoizedRegisterUserWallet = React.useCallback((newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]), [setUserWallets]);
+    const memoizedRemoveUserWallet = React.useCallback((walletId) => setUserWallets((userWallets) => userWallets.filter(({ id }) => walletId !== id)), [setUserWallets]);
     return (jsxRuntime.jsx(UserWalletsContext.Provider, { value: {
             addedWalletsIds,
-            registerUserWallet: (newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]),
-            removeUserWallet: (walletId) => setUserWallets((userWallets) => userWallets.filter(({ id }) => walletId !== id)),
+            registerUserWallet: memoizedRegisterUserWallet,
+            removeUserWallet: memoizedRemoveUserWallet,
             removedWalletsIds,
             setUserWallets,
             userWallets,