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

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,

package/src/lib/context/UserWalletsContext/UserWalletsContext.js

@@ -12,8 +12,11 @@ const UserWalletsProvider = ({ children }) => {
     const removedWalletsIds = useRef([]);
     const setUserWallets = 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;
         });
     }, []);
@@ -34,10 +37,12 @@ const UserWalletsProvider = ({ children }) => {
         addedWalletsIds.current = [];
         removedWalletsIds.current = [];
     }, [userWallets]);
+    const memoizedRegisterUserWallet = useCallback((newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]), [setUserWallets]);
+    const memoizedRemoveUserWallet = useCallback((walletId) => setUserWallets((userWallets) => userWallets.filter(({ id }) => walletId !== id)), [setUserWallets]);
     return (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,

package/src/lib/context/VerificationContext/VerificationContext.cjs

@@ -12,14 +12,22 @@ const VerificationProvider = ({ children }) => {
     const [displayedDestination, setDisplayedDestination] = React.useState(undefined);
     const [verificationUUID, setVerificationUUID] = React.useState(undefined);
     const [retryData, setRetryData] = React.useState(undefined);
+    /** Update retryData state only if the new data is different from the current retryData */
+    const externalSetRetryData = React.useCallback((data) => {
+        setRetryData((prev) => (data === null || data === void 0 ? void 0 : data.phone) === (prev === null || prev === void 0 ? void 0 : prev.phone) &&
+            (data === null || data === void 0 ? void 0 : data.iso2) === (prev === null || prev === void 0 ? void 0 : prev.iso2) &&
+            (data === null || data === void 0 ? void 0 : data.dialCode) === (prev === null || prev === void 0 ? void 0 : prev.dialCode)
+            ? prev
+            : data);
+    }, []);
     const value = React.useMemo(() => ({
         displayedDestination,
         retryData,
         setDisplayedDestination,
-        setRetryData,
+        setRetryData: externalSetRetryData,
         setVerificationUUID,
         verificationUUID,
-    }), [displayedDestination, retryData, verificationUUID]);
+    }), [displayedDestination, retryData, verificationUUID, externalSetRetryData]);
     return (jsxRuntime.jsx(VerificationContext.Provider, { value: value, children: children }));
 };
 const useVerification = () => {

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

@@ -18,7 +18,7 @@ type VerificationContextProps = {
      * Obs: for phones, it's the non formatted phone components.
      */
     retryData?: RetryData;
-    setRetryData: Dispatch<SetStateAction<RetryData | undefined>>;
+    setRetryData: (data: RetryData | undefined) => void;
 };
 export declare const VerificationContext: import("react").Context<VerificationContextProps | undefined>;
 export declare const VerificationProvider: ({ children }: {

package/src/lib/context/VerificationContext/VerificationContext.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useMemo } from 'react';
+import { createContext, useContext, useState, useCallback, useMemo } from 'react';
 
 const VerificationContext = createContext(undefined);
 // Context used to hold verificationUUID & email between views.
@@ -8,14 +8,22 @@ const VerificationProvider = ({ children }) => {
     const [displayedDestination, setDisplayedDestination] = useState(undefined);
     const [verificationUUID, setVerificationUUID] = useState(undefined);
     const [retryData, setRetryData] = useState(undefined);
+    /** Update retryData state only if the new data is different from the current retryData */
+    const externalSetRetryData = useCallback((data) => {
+        setRetryData((prev) => (data === null || data === void 0 ? void 0 : data.phone) === (prev === null || prev === void 0 ? void 0 : prev.phone) &&
+            (data === null || data === void 0 ? void 0 : data.iso2) === (prev === null || prev === void 0 ? void 0 : prev.iso2) &&
+            (data === null || data === void 0 ? void 0 : data.dialCode) === (prev === null || prev === void 0 ? void 0 : prev.dialCode)
+            ? prev
+            : data);
+    }, []);
     const value = useMemo(() => ({
         displayedDestination,
         retryData,
         setDisplayedDestination,
-        setRetryData,
+        setRetryData: externalSetRetryData,
         setVerificationUUID,
         verificationUUID,
-    }), [displayedDestination, retryData, verificationUUID]);
+    }), [displayedDestination, retryData, verificationUUID, externalSetRetryData]);
     return (jsx(VerificationContext.Provider, { value: value, children: children }));
 };
 const useVerification = () => {

package/src/lib/context/ViewContext/types/index.d.ts

@@ -9,8 +9,7 @@ export type ViewState<T extends ViewType> = {
     events?: ViewEvents;
 };
 export type ViewEvents = {
-    /** If this returns 'override', the default back button behavior will be overridden */
-    onBackClick?: () => 'override' | void;
+    onBackClick?: () => void;
     onClose?: () => void;
 };
 export type ViewSetter = <T extends ViewType>(view: T, props?: ViewState<T>['props'], events?: ViewEvents) => void;

package/src/lib/data/api/exchangeRates/exchangeRates.cjs

@@ -4,14 +4,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var dynamicContextProps = require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+var api = require('../api.cjs');
 
 const getExchangeRates = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    return ({
-        ETH: 3447.28,
-        MATIC: 0.5207,
-        SOL: 217.37,
-        USDC: 1,
+    const rates = {};
+    const data = yield api.sdkApi().getCurrencyExchangeRates({
+        environmentId: dynamicContextProps.getEnvironmentId(),
     });
+    data.forEach((currency) => {
+        rates[currency.code] = currency.value;
+    });
+    return rates;
 });
 
 exports.getExchangeRates = getExchangeRates;

package/src/lib/data/api/exchangeRates/exchangeRates.js

@@ -1,13 +1,17 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { getEnvironmentId } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import { sdkApi } from '../api.js';
 
 const getExchangeRates = () => __awaiter(void 0, void 0, void 0, function* () {
-    return ({
-        ETH: 3447.28,
-        MATIC: 0.5207,
-        SOL: 217.37,
-        USDC: 1,
+    const rates = {};
+    const data = yield sdkApi().getCurrencyExchangeRates({
+        environmentId: getEnvironmentId(),
     });
+    data.forEach((currency) => {
+        rates[currency.code] = currency.value;
+    });
+    return rates;
 });
 
 export { getExchangeRates };

package/src/lib/data/api/externalAuth/externalAuth.cjs

@@ -32,14 +32,20 @@ const externalAuthSignin = (_a) => _tslib.__awaiter(void 0, [_a], void 0, functi
         throw new utils$1.DynamicError(data.error);
     }
 });
+/**
+ * @deprecated Use `externalAuthSignin` instead.
+ * This currently does not work.
+ */
 const externalAuthVerify = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ environmentId, externalJwt, }) {
     try {
-        const response = yield api.sdkApi().externalAuthVerify({
+        /* istanbul ignore next */
+        const response = (yield api.sdkApi().externalAuthVerify({
             environmentId,
             externalAuthSigninRequest: {
                 jwt: externalJwt,
             },
-        });
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        }));
         return storeAuthTokenAndUser.storeAuthTokenAndUser(response);
     }
     catch (e) {