@dynamic-labs/sdk-react-core 4.29.0 → 4.29.2

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

@@ -0,0 +1,197 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef, useCallback } from 'react';
+import { DynamicError, DeferredPromise } from '@dynamic-labs/utils';
+import '../../../../index.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/consts/index.js';
+import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../config/ApiEndpoint.js';
+import { publicDynamicEvents } from '../../../events/dynamicEvents.js';
+import '../../../store/state/projectSettings/projectSettings.js';
+import '../../../locale/locale.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/authMode/authMode.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
+import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../store/state/walletOptions/walletOptions.js';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import '../../../store/state/sendBalances.js';
+import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
+import { resolvePromiseRef } from '../../functions/resolvePromiseRef/resolvePromiseRef.js';
+import { rejectPromiseRef } from '../../functions/rejectPromiseRef/rejectPromiseRef.js';
+import { useFundingHelpers } from '../useFundingHelpers/useFundingHelpers.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../store/state/multichainBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useFundingExchangeHelpers } from '../useFundingExchangeHelpers/useFundingExchangeHelpers.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+
+const useConnectUnifiedForFunding = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { clearStackAndPush } = useViewContext();
+    const { initiatedByWidgetRef, getWalletAddress, resetWalletConnectSession } = useFundingHelpers();
+    const { selectExchangeConfig } = useFundingExchangeHelpers();
+    const promiseRef = useRef(null);
+    useInternalDynamicEvents('authFlowClose', () => {
+        rejectPromiseRef(promiseRef, new DynamicError('User cancelled'));
+    });
+    const openList = useCallback((initiatedByWidget) => {
+        const { onSelectExchange } = selectExchangeConfig({
+            initiatedByWidget,
+            promiseRef,
+            resultBuilder: (exchange) => ({
+                exchange,
+                kind: 'exchange',
+            }),
+        });
+        clearStackAndPush('unified-wallet-exchange-list', {
+            onSelectExchange,
+            onSelectOnRamp: (onramp) => {
+                if (!promiseRef.current)
+                    return;
+                try {
+                    initiatedByWidgetRef.current = initiatedByWidget;
+                    resolvePromiseRef(promiseRef, {
+                        kind: 'onramp',
+                        onramp,
+                    });
+                }
+                catch (err) {
+                    rejectPromiseRef(promiseRef, err);
+                }
+                finally {
+                    setShowAuthFlow(false);
+                }
+            },
+            onSelectWallet: (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, }) {
+                if (!promiseRef.current)
+                    return;
+                try {
+                    initiatedByWidgetRef.current = initiatedByWidget;
+                    const walletAddress = yield getWalletAddress(walletConnector);
+                    if (!walletAddress) {
+                        rejectPromiseRef(promiseRef, new DynamicError('No wallet address found'));
+                        return;
+                    }
+                    const wallet = walletConnector.createWallet({
+                        address: walletAddress,
+                        chain: walletConnector.connectedChain,
+                        connector: walletConnector,
+                        id: 'external-funding-wallet',
+                        isAuthenticated: false,
+                        key: walletConnector.key,
+                    });
+                    resolvePromiseRef(promiseRef, { kind: 'wallet', wallet });
+                    publicDynamicEvents.emit('walletConnectedForFunding', {
+                        initiatedByWidget,
+                        isPhantomRedirect: false,
+                        wallet,
+                    });
+                }
+                catch (error) {
+                    rejectPromiseRef(promiseRef, error);
+                }
+            }),
+            showDefaultFooter: true,
+        });
+    }, [
+        clearStackAndPush,
+        getWalletAddress,
+        initiatedByWidgetRef,
+        selectExchangeConfig,
+        setShowAuthFlow,
+    ]);
+    return useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ initiatedByWidget }) {
+        if (promiseRef.current)
+            return promiseRef.current.promise;
+        resetWalletConnectSession();
+        promiseRef.current = new DeferredPromise();
+        openList(initiatedByWidget);
+        setShowAuthFlow(true, {
+            emitCancelAuth: false,
+            ignoreIfIsEmbeddedWidget: true,
+            initializeWalletConnect: true,
+            performMultiWalletChecks: false,
+        });
+        return promiseRef.current.promise;
+    }), [openList, resetWalletConnectSession, setShowAuthFlow]);
+};
+
+export { useConnectUnifiedForFunding };

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

@@ -189,7 +189,7 @@ const useDynamicWaas = () => {
     ]);
     // If no chain names are provided, filter out chains that already have a wallet
     // and make a wallet for each enabled chain
-    const createWalletAccount = React.useCallback((chainNames) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const createWalletAccount = React.useCallback((chainNames, password) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!(enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.length)) {
             throw new utils.DynamicError(constants.NO_ENABLED_CHAINS_ERROR);
         }
@@ -202,7 +202,10 @@ const useDynamicWaas = () => {
             const walletConnector = getWalletConnector(chain);
             if (!walletConnector)
                 throw new Error('No connector');
-            const account = yield walletConnector.createWalletAccount();
+            const account = yield walletConnector.createWalletAccount({
+                password,
+                thresholdSignatureScheme: 'TWO_OF_TWO',
+            });
             return Object.assign(Object.assign({}, account), { chainName: chain });
         })));
         const failedChains = [];

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

@@ -13,7 +13,7 @@ export declare const configWaasWalletConnector: ({ walletConnector, environmentI
     }) => Promise<string | undefined>;
 }) => IDynamicWaasConnector;
 export declare const useDynamicWaas: () => {
-    createWalletAccount: (chainNames: ChainEnum[]) => Promise<({
+    createWalletAccount: (chainNames: ChainEnum[], password?: string) => Promise<({
         chainName: ChainEnum;
         accountAddress: string;
         publicKeyHex: string;

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

@@ -185,7 +185,7 @@ const useDynamicWaas = () => {
     ]);
     // If no chain names are provided, filter out chains that already have a wallet
     // and make a wallet for each enabled chain
-    const createWalletAccount = useCallback((chainNames) => __awaiter(void 0, void 0, void 0, function* () {
+    const createWalletAccount = useCallback((chainNames, password) => __awaiter(void 0, void 0, void 0, function* () {
         if (!(enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.length)) {
             throw new DynamicError(NO_ENABLED_CHAINS_ERROR);
         }
@@ -198,7 +198,10 @@ const useDynamicWaas = () => {
             const walletConnector = getWalletConnector(chain);
             if (!walletConnector)
                 throw new Error('No connector');
-            const account = yield walletConnector.createWalletAccount();
+            const account = yield walletConnector.createWalletAccount({
+                password,
+                thresholdSignatureScheme: 'TWO_OF_TWO',
+            });
             return Object.assign(Object.assign({}, account), { chainName: chain });
         })));
         const failedChains = [];

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

@@ -15,6 +15,9 @@ const useGetPasskeyErrorMessage = (error) => {
         if (error.name === 'NotAllowedError') {
             return t('dyn_mfa.confirm_passkey_view.error.not_allowed');
         }
+        if (error.name === 'InvalidStateError') {
+            return error.message;
+        }
         return error.message;
     }, [error, t]);
 };

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

@@ -11,6 +11,9 @@ const useGetPasskeyErrorMessage = (error) => {
         if (error.name === 'NotAllowedError') {
             return t('dyn_mfa.confirm_passkey_view.error.not_allowed');
         }
+        if (error.name === 'InvalidStateError') {
+            return error.message;
+        }
         return error.message;
     }, [error, t]);
 };

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

@@ -1 +1 @@
-export { usePayWithDynamic } from './usePayWithDynamic';
+export { usePayWithDynamic, type PayWithDynamicProps, } from './usePayWithDynamic';

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

@@ -0,0 +1,284 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('@dynamic-labs-sdk/client/core');
+require('@dynamic-labs/sdk-api-core');
+require('../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/utils');
+require('../../constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
+var logger = require('../../../shared/logger.cjs');
+require('../../constants/colors.cjs');
+require('react-international-phone');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../shared/consts/index.cjs');
+require('../../../store/state/nonce/nonce.cjs');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../locale/locale.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../../events/dynamicEvents.cjs');
+var useOnboardingCompleteUser = require('../../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.cjs');
+var OnrampContext = require('../../../context/OnrampContext/OnrampContext.cjs');
+var useConnectUnifiedForFunding = require('../useConnectUnifiedForFunding/useConnectUnifiedForFunding.cjs');
+var useSocialAccounts = require('../useSocialAccounts/useSocialAccounts.cjs');
+var usePromptAmountAndFundWithWallet = require('../useFundWithWallet/usePromptAmountAndFundWithWallet/usePromptAmountAndFundWithWallet.cjs');
+var usePromptAndFundWithExchange = require('../usePromptAndFundWithExchange/usePromptAndFundWithExchange.cjs');
+var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions.cjs');
+var walletOptions = require('../../../store/state/walletOptions/walletOptions.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/authMode/authMode.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
+require('../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('@dynamic-labs/types');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../store/state/sendBalances.cjs');
+require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../store/state/tokenBalances.cjs');
+require('../../../store/state/multichainBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+
+const usePayWithDynamic = () => {
+    const connectUnifiedForFunding = useConnectUnifiedForFunding.useConnectUnifiedForFunding();
+    const projectSettings$1 = projectSettings.useProjectSettings();
+    const { linkSocialAccount, signInWithSocialAccount } = useSocialAccounts.useSocialAccounts();
+    const user = useOnboardingCompleteUser.useOnboardingCompleteUser();
+    const { openOnramp, setEnabledOnrampProvidersTargetValue } = OnrampContext.useOnrampContext();
+    const promptWallet = usePromptAmountAndFundWithWallet.usePromptAmountAndFundWithWallet();
+    const promptExchange = usePromptAndFundWithExchange.usePromptAmountAndFundWithExchange();
+    const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
+    const { walletConnectorOptions } = walletOptions.getWalletOptions();
+    const { setShowAuthFlow, setShowDynamicUserProfile } = useInternalDynamicContext.useInternalDynamicContext();
+    // Flow for funding via wallet
+    const handleWalletFlow = React.useCallback(({ wallet, props, onBack }) => {
+        // If user is not onboarded, trigger wallet connector UI
+        if (!user) {
+            const option = walletConnectorOptions.find(({ key }) => key === wallet.connector.key);
+            if (option)
+                handleWalletItemClick(option);
+        }
+        // Prompt for amount and execute wallet funding (shows deposit screen)
+        promptWallet({
+            amount: { rule: 'exact', value: props.tokenAmount },
+            destinationAddress: props.destinationAddress,
+            network: props.network,
+            onBack,
+            token: { rule: 'exact-with-amount', value: props.tokenSymbol },
+            wallet: wallet,
+        });
+        setShowAuthFlow(false);
+    }, [
+        handleWalletItemClick,
+        promptWallet,
+        setShowAuthFlow,
+        user,
+        walletConnectorOptions,
+    ]);
+    // Flow for linking or signing in with social account before exchange
+    const handleSocialConnect = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ provider, exchange, props, isSocialProviderAlreadyVerified, }) {
+        // if connected social return since already signed in
+        if (isSocialProviderAlreadyVerified) {
+            return false;
+        }
+        const payload = {
+            payingWithDynamic: {
+                chainName: props.chainName,
+                destinationAddress: props.destinationAddress,
+                network: props.network,
+                tokenAmount: props.tokenAmount,
+                tokenSymbol: props.tokenSymbol,
+            },
+            triggerFundFromExchangeOnSuccess: exchange,
+        };
+        if (user) {
+            // link if user exists
+            yield linkSocialAccount(provider, payload);
+        }
+        else {
+            // sign in if no user
+            yield signInWithSocialAccount(provider, payload);
+        }
+        return true;
+    }), [linkSocialAccount, signInWithSocialAccount, user]);
+    // exchange flow
+    const handleExchangeFlow = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ exchange, props, onBack }) {
+        var _c, _d, _e, _f, _g;
+        const fullExchange = (_c = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges) === null || _c === void 0 ? void 0 : _c.find((e) => e.exchange === exchange);
+        // Social provider for this exchange, if any
+        const provider = fullExchange === null || fullExchange === void 0 ? void 0 : fullExchange.socialProvider;
+        const isProviderSocialConnectEnabled = provider &&
+            Boolean((_e = (_d = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.providers) === null || _d === void 0 ? void 0 : _d.find((p) => p.provider === provider)) === null || _e === void 0 ? void 0 : _e.enabledAt);
+        // Check if user already verified this social provider
+        const isSocialProviderAlreadyVerified = (_g = (_f = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _f === void 0 ? void 0 : _f.some((c) => c.oauthProvider === provider)) !== null && _g !== void 0 ? _g : false;
+        // If exchange requires social connect, handle that first
+        if (isProviderSocialConnectEnabled && provider) {
+            const handled = yield handleSocialConnect({
+                exchange,
+                isSocialProviderAlreadyVerified,
+                props,
+                provider,
+            });
+            // Social connect flow opened, stop here
+            if (handled)
+                return;
+            // If already connected, prompt amount and fund with exchange
+            promptExchange({
+                exchange,
+                onBack,
+                payingWithDynamic: props,
+            });
+            return;
+        }
+        // No social provider = use on-ramp provider if configured
+        if (fullExchange === null || fullExchange === void 0 ? void 0 : fullExchange.onRampProvider) {
+            yield openOnramp({
+                address: props.destinationAddress,
+                chainName: props.chainName,
+                network: String(props.network),
+                onrampProvider: fullExchange.onRampProvider,
+                overrideOnRamp: true,
+                payingWithDynamic: true,
+                token: props.tokenSymbol,
+                tokenAmount: props.tokenAmount,
+            });
+        }
+    }), [
+        projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges,
+        projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.providers,
+        user === null || user === void 0 ? void 0 : user.verifiedCredentials,
+        handleSocialConnect,
+        promptExchange,
+        openOnramp,
+    ]);
+    const payWithDynamic = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setEnabledOnrampProvidersTargetValue({
+                address: props.destinationAddress,
+                chainName: props.chainName,
+                network: String(props.network),
+                token: props.tokenSymbol,
+                tokenAmount: props.tokenAmount,
+            });
+            const result = yield connectUnifiedForFunding({
+                initiatedByWidget: false,
+            });
+            if (result.kind === 'wallet') {
+                handleWalletFlow({
+                    onBack: () => {
+                        setShowAuthFlow(true);
+                        setShowDynamicUserProfile(false);
+                        payWithDynamic(props);
+                    },
+                    props,
+                    wallet: result.wallet,
+                });
+            }
+            else if (result.kind === 'exchange') {
+                yield handleExchangeFlow({
+                    exchange: result.exchange,
+                    onBack: () => {
+                        setShowAuthFlow(true);
+                        setShowDynamicUserProfile(false);
+                        payWithDynamic(props);
+                    },
+                    props,
+                });
+            }
+            else {
+                yield openOnramp({
+                    address: props.destinationAddress,
+                    chainName: props.chainName,
+                    network: String(props.network),
+                    onrampProvider: result.onramp.id,
+                    payingWithDynamic: true,
+                    token: props.tokenSymbol,
+                    tokenAmount: props.tokenAmount,
+                });
+            }
+        }
+        catch (error) {
+            logger.logger.error('usePayWithDynamic failed', error);
+        }
+    }), [
+        setEnabledOnrampProvidersTargetValue,
+        connectUnifiedForFunding,
+        handleWalletFlow,
+        setShowAuthFlow,
+        setShowDynamicUserProfile,
+        handleExchangeFlow,
+        openOnramp,
+    ]);
+    return payWithDynamic;
+};
+
+exports.usePayWithDynamic = usePayWithDynamic;