@dynamic-labs/sdk-react-core 4.8.0 → 4.8.2-preview.0

package/src/lib/context/ErrorContext/ErrorContext.js

@@ -1,7 +1,9 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useContext } from 'react';
+import { ErrorCode } from '@dynamic-labs/utils';
 
+/** @deprecated Prefer setError with a translation key instead */
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
@@ -28,20 +30,35 @@ const errorMessageMap = {
 };
 const ErrorContext = createContext(undefined);
 const ErrorContextProvider = ({ children }) => {
-    const [error, setError] = useState(undefined);
+    /** The error message as a string, used as a fallback if translation is not available */
+    const [error, _setError] = useState(undefined);
+    /** The [ErrorCode] of the error, used for translation. */
+    const [errorCode, _setErrorCode] = useState(undefined);
+    const setError = useCallback((error, errorCode) => {
+        _setError(error);
+        _setErrorCode(errorCode);
+    }, []);
+    /** Uses the default error message for fallbacks */
+    const setDefaultError = useCallback(() => {
+        setError('Something went wrong. Please try again.', ErrorCode.DEFAULT);
+    }, [setError]);
+    /** @deprecated Prefer setError with a translation key instead */
     const setErrorMessage = useCallback((status) => {
         var _a;
         setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
-    }, []);
+    }, [setError]);
     const clearError = useCallback(() => {
-        setError(undefined);
+        _setError(undefined);
+        _setErrorCode(undefined);
     }, []);
     const value = useMemo(() => ({
         clearError,
         error,
+        errorCode,
+        setDefaultError,
         setError,
         setErrorMessage,
-    }), [clearError, error, setError, setErrorMessage]);
+    }), [clearError, error, errorCode, setDefaultError, setError, setErrorMessage]);
     return (jsx(ErrorContext.Provider, { value: value, children: children }));
 };
 const useErrorContext = () => {

package/src/lib/context/ErrorContext/hooks/useErrorText/index.d.ts

@@ -0,0 +1 @@
+export { useErrorText } from './useErrorText';

package/src/lib/context/ErrorContext/hooks/useErrorText/useErrorText.cjs

@@ -0,0 +1,38 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactI18next = require('react-i18next');
+var utils = require('@dynamic-labs/utils');
+var ErrorContext = require('../../ErrorContext.cjs');
+
+const mapErrorCodeToTranslation = {
+    [utils.ErrorCode.UNKNOWN]: 'dyn_error.default',
+    [utils.ErrorCode.DEFAULT]: 'dyn_error.default',
+    [utils.ErrorCode.USER_REJECTED]: 'dyn_error.user_rejected',
+    [utils.ErrorCode.MESSAGE_SIGNATURE_DENIED]: 'dyn_error.message_signature_denied',
+    [utils.ErrorCode.WALLET_LOCKED]: 'dyn_error.wallet_locked',
+    [utils.ErrorCode.INVALID_PARAMETERS]: 'dyn_error.invalid_parameters',
+    [utils.ErrorCode.INTERNAL_ERROR]: 'dyn_error.internal_error',
+    [utils.ErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE]: 'dyn_error.account_already_linked_to_different_profile',
+    [utils.ErrorCode.CONNECTION_REJECTED]: 'dyn_error.connection_rejected',
+    [utils.ErrorCode.MISSING_PUBLIC_ADDRESS]: 'dyn_error.missing_public_address',
+};
+/** A hook that listens to the error context and returns a translated value */
+const useErrorText = () => {
+    const { t } = reactI18next.useTranslation();
+    const { error, errorCode } = ErrorContext.useErrorContext();
+    const errorText = React.useMemo(() => {
+        var _a;
+        if (errorCode) {
+            return t((_a = mapErrorCodeToTranslation[errorCode]) !== null && _a !== void 0 ? _a : 'dyn_error.default');
+        }
+        return error;
+    }, [error, errorCode, t]);
+    return { errorText };
+};
+
+exports.mapErrorCodeToTranslation = mapErrorCodeToTranslation;
+exports.useErrorText = useErrorText;

package/src/lib/context/ErrorContext/hooks/useErrorText/useErrorText.d.ts

@@ -0,0 +1,6 @@
+import { ErrorCode } from '@dynamic-labs/utils';
+export declare const mapErrorCodeToTranslation: Record<ErrorCode | string, string>;
+/** A hook that listens to the error context and returns a translated value */
+export declare const useErrorText: () => {
+    errorText: string | undefined;
+};

package/src/lib/context/ErrorContext/hooks/useErrorText/useErrorText.js

@@ -0,0 +1,33 @@
+'use client'
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ErrorCode } from '@dynamic-labs/utils';
+import { useErrorContext } from '../../ErrorContext.js';
+
+const mapErrorCodeToTranslation = {
+    [ErrorCode.UNKNOWN]: 'dyn_error.default',
+    [ErrorCode.DEFAULT]: 'dyn_error.default',
+    [ErrorCode.USER_REJECTED]: 'dyn_error.user_rejected',
+    [ErrorCode.MESSAGE_SIGNATURE_DENIED]: 'dyn_error.message_signature_denied',
+    [ErrorCode.WALLET_LOCKED]: 'dyn_error.wallet_locked',
+    [ErrorCode.INVALID_PARAMETERS]: 'dyn_error.invalid_parameters',
+    [ErrorCode.INTERNAL_ERROR]: 'dyn_error.internal_error',
+    [ErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE]: 'dyn_error.account_already_linked_to_different_profile',
+    [ErrorCode.CONNECTION_REJECTED]: 'dyn_error.connection_rejected',
+    [ErrorCode.MISSING_PUBLIC_ADDRESS]: 'dyn_error.missing_public_address',
+};
+/** A hook that listens to the error context and returns a translated value */
+const useErrorText = () => {
+    const { t } = useTranslation();
+    const { error, errorCode } = useErrorContext();
+    const errorText = useMemo(() => {
+        var _a;
+        if (errorCode) {
+            return t((_a = mapErrorCodeToTranslation[errorCode]) !== null && _a !== void 0 ? _a : 'dyn_error.default');
+        }
+        return error;
+    }, [error, errorCode, t]);
+    return { errorText };
+};
+
+export { mapErrorCodeToTranslation, useErrorText };

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

@@ -80,8 +80,10 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');

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

@@ -76,8 +76,10 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import '../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';

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

@@ -77,7 +77,9 @@ require('../ConnectWithOtpContext/constants.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

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

@@ -73,7 +73,9 @@ import '../ConnectWithOtpContext/constants.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../components/InlineWidget/InlineWidget.js';

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

@@ -80,8 +80,10 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
@@ -109,7 +111,6 @@ const OnrampContextProvider = ({ children, }) => {
             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,
@@ -117,8 +118,42 @@ const OnrampContextProvider = ({ children, }) => {
         projectSettingsOnramps: (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps,
         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) &&
-        enabledOnrampProvidersInDashboard.length) || Boolean(onrampOverrides.length);
+    const enabledOnrampProvidersInDashboardOptions = React.useMemo(() => enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption.onrampConfigurationToOnrampOption(provider, ({ onrampProvider }) => {
+        if (primaryWallet) {
+            setSelectedOnrampProvider(onrampProvider);
+        }
+        setShowOnramp(true);
+        return Promise.resolve();
+    }, setShowOnramp)), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [enabledOnrampProvidersInDashboard, primaryWallet, setShowOnramp]);
+    const onrampOverrides = React.useMemo(() => {
+        const configuredOverrides = overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions;
+        if (typeof configuredOverrides === 'function') {
+            return configuredOverrides(enabledOnrampProvidersInDashboardOptions);
+        }
+        return configuredOverrides || [];
+    }, [overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions, enabledOnrampProvidersInDashboardOptions]);
+    const onrampEnabled = React.useMemo(() => {
+        var _a, _b, _c;
+        // If onrampOptions is explicitly defined and results in an empty array, disable onramp
+        if ((overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions) !== undefined &&
+            onrampOverrides.length === 0) {
+            return false;
+        }
+        // If we have overrides with items, enable onramp
+        if (onrampOverrides.length > 0) {
+            return true;
+        }
+        // Otherwise use the original logic for dashboard providers
+        return Boolean(((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.length) &&
+            enabledOnrampProvidersInDashboard.length);
+    }, [
+        (_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,
+        enabledOnrampProvidersInDashboard.length,
+        onrampOverrides.length,
+        overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
+    ]);
     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');
@@ -134,15 +169,20 @@ const OnrampContextProvider = ({ children, }) => {
         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.id === selectedOnrampProvider);
-        return selectedProvider;
-    }, [enabledOnrampProviders, selectedOnrampProvider]);
+        // If we have explicit overrides (even empty array), use them
+        if ((overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions) !== undefined) {
+            return onrampOverrides;
+        }
+        // Otherwise fall back to dashboard options
+        return enabledOnrampProvidersInDashboardOptions;
+    }, [
+        enabledOnrampProvidersInDashboardOptions,
+        onrampOverrides,
+        overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
+    ]);
+    const selectedOnramp = React.useMemo(() => enabledOnrampProviders.length
+        ? enabledOnrampProviders.find((p) => p.id === selectedOnrampProvider)
+        : undefined, [enabledOnrampProviders, selectedOnrampProvider]);
     const value = React.useMemo(() => ({
         enabledOnrampProviders,
         onrampEnabled,
@@ -152,12 +192,11 @@ const OnrampContextProvider = ({ children, }) => {
         setShowOnramp,
         showOnramp,
     }), [
+        enabledOnrampProviders,
         onrampEnabled,
+        openOnramp,
         selectedOnramp,
-        setSelectedOnrampProvider,
         showOnramp,
-        enabledOnrampProviders,
-        openOnramp,
         setShowOnramp,
     ]);
     return (jsxRuntime.jsx(OnrampContext.Provider, { value: value, children: children }));

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { OnrampProviders, ProviderEnum } from '@dynamic-labs/sdk-api-core';
-import { OnrampOption } from '../DynamicContext';
+import { type ReactNode } from 'react';
+import type { OnrampProviders, ProviderEnum } from '@dynamic-labs/sdk-api-core';
+import type { OnrampOption } from '../DynamicContext';
 type OpenOnrampProps = {
     address?: string;
     token?: string;

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

@@ -76,8 +76,10 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import '../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
@@ -105,7 +107,6 @@ const OnrampContextProvider = ({ children, }) => {
             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,
@@ -113,8 +114,42 @@ const OnrampContextProvider = ({ children, }) => {
         projectSettingsOnramps: (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps,
         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) &&
-        enabledOnrampProvidersInDashboard.length) || Boolean(onrampOverrides.length);
+    const enabledOnrampProvidersInDashboardOptions = useMemo(() => enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption(provider, ({ onrampProvider }) => {
+        if (primaryWallet) {
+            setSelectedOnrampProvider(onrampProvider);
+        }
+        setShowOnramp(true);
+        return Promise.resolve();
+    }, setShowOnramp)), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [enabledOnrampProvidersInDashboard, primaryWallet, setShowOnramp]);
+    const onrampOverrides = useMemo(() => {
+        const configuredOverrides = overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions;
+        if (typeof configuredOverrides === 'function') {
+            return configuredOverrides(enabledOnrampProvidersInDashboardOptions);
+        }
+        return configuredOverrides || [];
+    }, [overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions, enabledOnrampProvidersInDashboardOptions]);
+    const onrampEnabled = useMemo(() => {
+        var _a, _b, _c;
+        // If onrampOptions is explicitly defined and results in an empty array, disable onramp
+        if ((overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions) !== undefined &&
+            onrampOverrides.length === 0) {
+            return false;
+        }
+        // If we have overrides with items, enable onramp
+        if (onrampOverrides.length > 0) {
+            return true;
+        }
+        // Otherwise use the original logic for dashboard providers
+        return Boolean(((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.length) &&
+            enabledOnrampProvidersInDashboard.length);
+    }, [
+        (_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,
+        enabledOnrampProvidersInDashboard.length,
+        onrampOverrides.length,
+        overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
+    ]);
     const openOnramp = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token }) {
         if (!onrampEnabled) {
             throw new Error('Onramp is not enabled');
@@ -130,15 +165,20 @@ const OnrampContextProvider = ({ children, }) => {
         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.id === selectedOnrampProvider);
-        return selectedProvider;
-    }, [enabledOnrampProviders, selectedOnrampProvider]);
+        // If we have explicit overrides (even empty array), use them
+        if ((overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions) !== undefined) {
+            return onrampOverrides;
+        }
+        // Otherwise fall back to dashboard options
+        return enabledOnrampProvidersInDashboardOptions;
+    }, [
+        enabledOnrampProvidersInDashboardOptions,
+        onrampOverrides,
+        overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
+    ]);
+    const selectedOnramp = useMemo(() => enabledOnrampProviders.length
+        ? enabledOnrampProviders.find((p) => p.id === selectedOnrampProvider)
+        : undefined, [enabledOnrampProviders, selectedOnrampProvider]);
     const value = useMemo(() => ({
         enabledOnrampProviders,
         onrampEnabled,
@@ -148,12 +188,11 @@ const OnrampContextProvider = ({ children, }) => {
         setShowOnramp,
         showOnramp,
     }), [
+        enabledOnrampProviders,
         onrampEnabled,
+        openOnramp,
         selectedOnramp,
-        setSelectedOnrampProvider,
         showOnramp,
-        enabledOnrampProviders,
-        openOnramp,
         setShowOnramp,
     ]);
     return (jsx(OnrampContext.Provider, { value: value, children: children }));

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

@@ -38,6 +38,8 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
             target.address,
             target.token,
         ],
+        // no need to fetch onramp providers if there are none enabled
+        enabled: Boolean(projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.length),
         initialData: [],
     });
     return React.useMemo(() => onrampProviders.filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider)), [onrampProviders, projectSettingsOnramps]);

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

@@ -34,6 +34,8 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
             target.address,
             target.token,
         ],
+        // no need to fetch onramp providers if there are none enabled
+        enabled: Boolean(projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.length),
         initialData: [],
     });
     return useMemo(() => onrampProviders.filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider)), [onrampProviders, projectSettingsOnramps]);

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

@@ -87,7 +87,9 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../store/state/sendBalances.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');

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

@@ -83,7 +83,9 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../store/state/sendBalances.js';
+import '../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';

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

@@ -80,8 +80,10 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');

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

@@ -76,8 +76,10 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import '../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';

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

@@ -83,9 +83,11 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 var useTransferWallet = require('../../utils/hooks/useTransferWallet/useTransferWallet.cjs');
 require('../../store/state/sendBalances.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');

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

@@ -79,9 +79,11 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../PasskeyContext/PasskeyContext.js';
 import { useTransferWallet } from '../../utils/hooks/useTransferWallet/useTransferWallet.js';
 import '../../store/state/sendBalances.js';
+import '../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';

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

@@ -81,8 +81,10 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');

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

@@ -77,8 +77,10 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import { PasskeyContext } from '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import '../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';

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

@@ -83,8 +83,10 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');

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

@@ -79,8 +79,10 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import '../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';

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

@@ -85,9 +85,11 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 var DynamicWidgetContext = require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
+require('../../../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
+require('../../../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
@@ -110,7 +112,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         setSocialProvider(socialSignInProvider);
         clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
-        if (!isRenderingEmbeddedAuthFlow.current) {
+        if (!isRenderingEmbeddedAuthFlow) {
             setShowAuthFlow(true);
         }
     }, [

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

@@ -81,9 +81,11 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import { useWidgetContext } from '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../FooterAnimationContext/index.js';
+import '../../../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
+import '../../../../store/state/isWCInitialized/isWCInitialized.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
@@ -106,7 +108,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         setSocialProvider(socialSignInProvider);
         clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
-        if (!isRenderingEmbeddedAuthFlow.current) {
+        if (!isRenderingEmbeddedAuthFlow) {
             setShowAuthFlow(true);
         }
     }, [

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

@@ -81,8 +81,10 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
+require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('../../store/state/isWCInitialized/isWCInitialized.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');