@daimo/pay 1.10.2 → 1.11.0

package/build/src/hooks/usePaymentState.js

@@ -0,0 +1,331 @@
+import { ethereum, ExternalPaymentOptions, isCCTPV1Chain, getOrderDestChainId, readDaimoPayOrderID, assert, debugJson, assertNotNull, writeDaimoPayOrderID } from '@daimo/pay-common';
+import { useWallet, useConnection } from '@solana/wallet-adapter-react';
+import { VersionedTransaction } from '@solana/web3.js';
+import { useState, useEffect, useCallback } from 'react';
+import { zeroAddress, erc20Abi, getAddress, hexToBytes } from 'viem';
+import { useAccount, useEnsName, useSendTransaction, useWriteContract } from 'wagmi';
+import { ROUTES } from '../constants/routes.js';
+import { detectPlatform } from '../utils/platform.js';
+import { useDaimoPay } from './useDaimoPay.js';
+import { useDepositAddressOptions } from './useDepositAddressOptions.js';
+import { useExternalPaymentOptions } from './useExternalPaymentOptions.js';
+import useIsMobile from './useIsMobile.js';
+import { useOrderUsdLimits } from './useOrderUsdLimits.js';
+import { useSolanaPaymentOptions } from './useSolanaPaymentOptions.js';
+import { useWalletPaymentOptions } from './useWalletPaymentOptions.js';
+
+function usePaymentState({ trpc, lockPayParams, setRoute, log, redirectReturnUrl, }) {
+    const pay = useDaimoPay();
+    // Browser state.
+    const [platform, setPlatform] = useState();
+    useEffect(() => {
+        setPlatform(detectPlatform(window.navigator.userAgent));
+    }, []);
+    // Wallet state.
+    const { address: ethWalletAddress } = useAccount();
+    const { data: senderEnsName } = useEnsName({
+        chainId: ethereum.chainId,
+        address: ethWalletAddress,
+    });
+    const { sendTransactionAsync } = useSendTransaction();
+    const { writeContractAsync } = useWriteContract();
+    // Solana wallet state.
+    const solanaWallet = useWallet();
+    const { connection } = useConnection();
+    const solanaPubKey = solanaWallet.publicKey?.toBase58();
+    // TODO: backend should determine whether to show solana payment method
+    const paymentOptions = pay.order?.metadata.payer?.paymentOptions;
+    // Include by default if paymentOptions not provided. Solana bridging is only
+    // supported on CCTP v1 chains.
+    const showSolanaPaymentMethod = (paymentOptions == null ||
+        paymentOptions.includes(ExternalPaymentOptions.Solana)) &&
+        pay.order != null &&
+        isCCTPV1Chain(getOrderDestChainId(pay.order));
+    // From DaimoPayButton props
+    const [buttonProps, setButtonProps] = useState();
+    const [currPayParams, setCurrPayParams] = useState();
+    const [paymentWaitingMessage, setPaymentWaitingMessage] = useState();
+    const [isDepositFlow, setIsDepositFlow] = useState(false);
+    // UI state. Selection for external payment (Binance, etc) vs wallet payment.
+    const externalPaymentOptions = useExternalPaymentOptions({
+        trpc,
+        // allow <DaimoPayButton payId={...} paymentOptions={override} />
+        filterIds: buttonProps?.paymentOptions ?? pay.order?.metadata.payer?.paymentOptions,
+        platform,
+        usdRequired: pay.order?.destFinalCallTokenAmount.usd,
+        mode: pay.order?.mode,
+    });
+    const walletPaymentOptions = useWalletPaymentOptions({
+        trpc,
+        address: ethWalletAddress,
+        usdRequired: pay.order?.destFinalCallTokenAmount.usd,
+        destChainId: pay.order?.destFinalCallTokenAmount.token.chainId,
+        preferredChains: pay.order?.metadata.payer?.preferredChains,
+        preferredTokens: pay.order?.metadata.payer?.preferredTokens,
+        evmChains: pay.order?.metadata.payer?.evmChains,
+        isDepositFlow,
+        log,
+    });
+    const solanaPaymentOptions = useSolanaPaymentOptions({
+        trpc,
+        address: solanaPubKey,
+        usdRequired: pay.order?.destFinalCallTokenAmount.usd,
+        isDepositFlow,
+    });
+    const depositAddressOptions = useDepositAddressOptions({
+        trpc,
+        usdRequired: pay.order?.destFinalCallTokenAmount.usd,
+        mode: pay.order?.mode,
+    });
+    const chainOrderUsdLimits = useOrderUsdLimits({ trpc });
+    const [selectedExternalOption, setSelectedExternalOption] = useState();
+    const [selectedTokenOption, setSelectedTokenOption] = useState();
+    const [selectedSolanaTokenOption, setSelectedSolanaTokenOption] = useState();
+    const [selectedDepositAddressOption, setSelectedDepositAddressOption] = useState();
+    const [selectedWallet, setSelectedWallet] = useState();
+    const [selectedWalletDeepLink, setSelectedWalletDeepLink] = useState();
+    const getOrderUsdLimit = () => {
+        const DEFAULT_USD_LIMIT = 20000;
+        if (pay.order == null || chainOrderUsdLimits.loading) {
+            return DEFAULT_USD_LIMIT;
+        }
+        const destChainId = pay.order.destFinalCallTokenAmount.token.chainId;
+        return destChainId in chainOrderUsdLimits.limits
+            ? chainOrderUsdLimits.limits[destChainId]
+            : DEFAULT_USD_LIMIT;
+    };
+    /** Commit to a token + amount = initiate payment. */
+    const payWithToken = async (walletOption) => {
+        assert(ethWalletAddress != null, `[PAY TOKEN] null ethWalletAddress when paying on ethereum`);
+        assert(pay.paymentState === "preview" ||
+            pay.paymentState === "unhydrated" ||
+            pay.paymentState === "payment_unpaid", `[PAY TOKEN] paymentState is ${pay.paymentState}, must be preview or unhydrated or payment_unpaid`);
+        let hydratedOrder;
+        const { required, fees } = walletOption;
+        const paymentAmount = BigInt(required.amount) + BigInt(fees.amount);
+        if (pay.paymentState !== "payment_unpaid") {
+            assert(required.token.token === fees.token.token, `[PAY TOKEN] required token ${debugJson(required)} does not match fees token ${debugJson(fees)}`);
+            // Will refund to ethWalletAddress if refundAddress was not set in payParams
+            const res = await pay.hydrateOrder(ethWalletAddress);
+            hydratedOrder = res.order;
+            log(`[PAY TOKEN] hydrated order: ${debugJson(hydratedOrder)}, paying ${paymentAmount} of token ${required.token.token}`);
+        }
+        else {
+            hydratedOrder = pay.order;
+        }
+        const paymentTxHash = await (async () => {
+            try {
+                if (required.token.token === zeroAddress) {
+                    return await sendTransactionAsync({
+                        to: hydratedOrder.intentAddr,
+                        value: paymentAmount,
+                    });
+                }
+                else {
+                    return await writeContractAsync({
+                        abi: erc20Abi,
+                        address: getAddress(required.token.token),
+                        functionName: "transfer",
+                        args: [hydratedOrder.intentAddr, paymentAmount],
+                    });
+                }
+            }
+            catch (e) {
+                console.error(`[PAY TOKEN] error sending token: ${e}`);
+                throw e;
+            }
+        })();
+        if (paymentTxHash) {
+            pay.payEthSource({
+                paymentTxHash,
+                sourceChainId: required.token.chainId,
+                payerAddress: ethWalletAddress,
+                sourceToken: getAddress(required.token.token),
+                sourceAmount: paymentAmount,
+            });
+        }
+        else {
+            console.error(`[PAY TOKEN] no txHash for payment`);
+        }
+    };
+    const payWithSolanaToken = async (inputToken) => {
+        const payerPublicKey = solanaWallet.publicKey;
+        assert(payerPublicKey != null, "[PAY SOLANA] null payerPublicKey when paying on solana");
+        assert(pay.order?.id != null, "[PAY SOLANA] null orderId when paying on solana");
+        assert(pay.paymentState === "preview" ||
+            pay.paymentState === "unhydrated" ||
+            pay.paymentState === "payment_unpaid", `[PAY SOLANA] paymentState is ${pay.paymentState}, must be preview or unhydrated or payment_unpaid`);
+        let hydratedOrder;
+        if (pay.paymentState !== "payment_unpaid") {
+            const res = await pay.hydrateOrder();
+            hydratedOrder = res.order;
+            log(`[PAY SOLANA] Hydrated order: ${JSON.stringify(hydratedOrder)}, checking out with Solana ${inputToken}`);
+        }
+        else {
+            hydratedOrder = pay.order;
+        }
+        const paymentTxHash = await (async () => {
+            try {
+                const serializedTx = await trpc.getSolanaSwapAndBurnTx.query({
+                    orderId: pay.order.id.toString(),
+                    userPublicKey: assertNotNull(payerPublicKey, "[PAY SOLANA] wallet.publicKey cannot be null").toString(),
+                    inputTokenMint: inputToken,
+                });
+                const tx = VersionedTransaction.deserialize(hexToBytes(serializedTx));
+                const txHash = await solanaWallet.sendTransaction(tx, connection);
+                return txHash;
+            }
+            catch (e) {
+                console.error(e);
+                throw e;
+            }
+        })();
+        pay.paySolanaSource({
+            paymentTxHash: paymentTxHash,
+            sourceToken: inputToken,
+        });
+        return paymentTxHash;
+    };
+    const payWithExternal = async (option) => {
+        assert(pay.order != null, "[PAY EXTERNAL] order cannot be null");
+        assert(platform != null, "[PAY EXTERNAL] platform cannot be null");
+        const { order } = await pay.hydrateOrder();
+        const externalPaymentOptionData = await trpc.getExternalPaymentOptionData.query({
+            id: order.id.toString(),
+            externalPaymentOption: option,
+            platform,
+            redirectReturnUrl,
+        });
+        assert(externalPaymentOptionData != null, "[PAY EXTERNAL] missing externalPaymentOptionData");
+        log(`[PAY EXTERNAL] hydrated order: ${debugJson(order)}, checking out with external payment: ${option}`);
+        setPaymentWaitingMessage(externalPaymentOptionData.waitingMessage);
+        return externalPaymentOptionData.url;
+    };
+    const payWithDepositAddress = async (option) => {
+        const { order } = await pay.hydrateOrder();
+        log(`[PAY DEPOSIT ADDRESS] hydrated order ${order.id} for ${order.usdValue} USD, checking out with deposit address: ${option}`);
+        const result = await trpc.getDepositAddressForOrder.query({
+            orderId: order.id.toString(),
+            option,
+        });
+        return "error" in result ? null : result;
+    };
+    const { isIOS } = useIsMobile();
+    const openInWalletBrowser = (wallet, amountUsd) => {
+        const paymentState = pay.paymentState;
+        assert(paymentState === "payment_unpaid", `[OPEN IN WALLET BROWSER] paymentState is ${paymentState}, must be payment_unpaid`);
+        assert(wallet.getDaimoPayDeeplink != null, `openInWalletBrowser: missing deeplink for ${wallet.name}`);
+        const payId = writeDaimoPayOrderID(pay.order.id);
+        const deeplink = wallet.getDaimoPayDeeplink(payId);
+        // If we are in IOS, we don't open the deeplink in a new window, because it
+        // will not work, the link will be opened in the page WAITING_WALLET
+        if (!isIOS) {
+            window.open(deeplink, "_blank");
+        }
+        setSelectedWallet(wallet);
+        setSelectedWalletDeepLink(deeplink);
+        setRoute(ROUTES.WAITING_WALLET, {
+            amountUsd,
+            payId,
+            wallet_name: wallet.name,
+        });
+    };
+    /** User picked a different deposit amount. */
+    const setChosenUsd = (usd) => {
+        assert(pay.paymentState === "preview", "[SET CHOSEN USD] paymentState is not preview");
+        // Too expensive to make an API call to regenerate preview order each time
+        // the user changes the amount. Instead, we modify the order in memory.
+        pay.setChosenUsd(usd);
+    };
+    const setPayId = useCallback(async (payId) => {
+        if (lockPayParams || payId == null)
+            return;
+        const id = readDaimoPayOrderID(payId).toString();
+        if (pay.order?.id && BigInt(id) == pay.order.id) {
+            // Already loaded, ignore.
+            return;
+        }
+        pay.reset();
+        pay.setPayId(payId);
+    }, [lockPayParams, pay]);
+    /** Called whenever params change. */
+    const setPayParams = async (payParams) => {
+        if (lockPayParams)
+            return;
+        assert(payParams != null, "[SET PAY PARAMS] payParams cannot be null");
+        log("[SET PAY PARAMS] setting payParams", payParams);
+        pay.reset();
+        await pay.createPreviewOrder(payParams);
+        setCurrPayParams(payParams);
+        setIsDepositFlow(payParams.toUnits == null);
+    };
+    const generatePreviewOrder = async () => {
+        pay.reset();
+        if (currPayParams == null)
+            return;
+        await pay.createPreviewOrder(currPayParams);
+    };
+    const resetOrder = useCallback(async (payParams) => {
+        const mergedPayParams = payParams != null && currPayParams != null
+            ? { ...currPayParams, ...payParams }
+            : currPayParams;
+        // Clear the old order & state
+        pay.reset();
+        setSelectedExternalOption(undefined);
+        setSelectedTokenOption(undefined);
+        setSelectedSolanaTokenOption(undefined);
+        setSelectedDepositAddressOption(undefined);
+        setSelectedWallet(undefined);
+        setSelectedWalletDeepLink(undefined);
+        setPaymentWaitingMessage(undefined);
+        // Set the new payParams
+        if (mergedPayParams) {
+            await pay.createPreviewOrder(mergedPayParams);
+            setCurrPayParams(mergedPayParams);
+            setIsDepositFlow(mergedPayParams.toUnits == null);
+        }
+        setRoute(ROUTES.SELECT_METHOD);
+    }, [setRoute, pay, currPayParams]);
+    const [tokenMode, setTokenMode] = useState("evm");
+    return {
+        buttonProps,
+        setButtonProps,
+        setPayId,
+        setPayParams,
+        tokenMode,
+        setTokenMode,
+        generatePreviewOrder,
+        isDepositFlow,
+        paymentWaitingMessage,
+        selectedExternalOption,
+        selectedTokenOption,
+        selectedSolanaTokenOption,
+        externalPaymentOptions,
+        showSolanaPaymentMethod,
+        selectedWallet,
+        selectedWalletDeepLink,
+        walletPaymentOptions,
+        solanaPaymentOptions,
+        depositAddressOptions,
+        selectedDepositAddressOption,
+        getOrderUsdLimit,
+        resetOrder,
+        setSelectedWallet,
+        setSelectedWalletDeepLink,
+        setPaymentWaitingMessage,
+        setSelectedExternalOption,
+        setSelectedTokenOption,
+        setSelectedSolanaTokenOption,
+        setSelectedDepositAddressOption,
+        setChosenUsd,
+        payWithToken,
+        payWithExternal,
+        payWithDepositAddress,
+        payWithSolanaToken,
+        openInWalletBrowser,
+        senderEnsName: senderEnsName ?? undefined,
+    };
+}
+
+export { usePaymentState };
+//# sourceMappingURL=usePaymentState.js.map

package/build/src/hooks/usePaymentState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaymentState.js","sources":["../../../src/hooks/usePaymentState.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/build/src/hooks/usePrevious.js

@@ -0,0 +1,14 @@
+import { useRef } from 'react';
+
+function usePrevious(value, initial) {
+    const ref = useRef({ target: value, previous: initial });
+    if (ref.current.target !== value) {
+        // The value changed.
+        ref.current.previous = ref.current.target;
+        ref.current.target = value;
+    }
+    return ref.current.previous;
+}
+
+export { usePrevious as default };
+//# sourceMappingURL=usePrevious.js.map

package/build/src/hooks/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","sources":["../../../src/hooks/usePrevious.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAEc,SAAU,WAAW,CAAC,KAAU,EAAE,OAAa,EAAA;AAC3D,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAEzD,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,KAAK,EAAE;;QAEhC,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC;AAC1C,QAAA,GAAG,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;KAC5B;AAED,IAAA,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC9B;;;;"}

package/build/src/hooks/useSolanaPaymentOptions.js

@@ -0,0 +1,39 @@
+import { useState, useEffect } from 'react';
+
+/** Wallet payment options. User picks one. */
+function useSolanaPaymentOptions({ trpc, address, usdRequired, isDepositFlow, }) {
+    const [options, setOptions] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        const refreshWalletPaymentOptions = async () => {
+            if (address == null || usdRequired == null)
+                return;
+            setOptions(null);
+            setIsLoading(true);
+            try {
+                const newOptions = await trpc.getSolanaPaymentOptions.query({
+                    pubKey: address,
+                    // API expects undefined for deposit flow.
+                    usdRequired: isDepositFlow ? undefined : usdRequired,
+                });
+                setOptions(newOptions);
+            }
+            catch (error) {
+                console.error(error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        if (address != null && usdRequired != null) {
+            refreshWalletPaymentOptions();
+        }
+    }, [address, usdRequired, isDepositFlow]); // eslint-disable-line react-hooks/exhaustive-deps
+    return {
+        options,
+        isLoading,
+    };
+}
+
+export { useSolanaPaymentOptions };
+//# sourceMappingURL=useSolanaPaymentOptions.js.map

package/build/src/hooks/useSolanaPaymentOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSolanaPaymentOptions.js","sources":["../../../src/hooks/useSolanaPaymentOptions.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIA;AACM,SAAU,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,aAAa,GAMd,EAAA;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA+B,IAAI,CAAC,CAAC;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,2BAA2B,GAAG,YAAW;AAC7C,YAAA,IAAI,OAAO,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI;gBAAE,OAAO;YAEnD,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,YAAY,CAAC,IAAI,CAAC,CAAC;AACnB,YAAA,IAAI;gBACF,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;AAC1D,oBAAA,MAAM,EAAE,OAAO;;oBAEf,WAAW,EAAE,aAAa,GAAG,SAAS,GAAG,WAAW;AACrD,iBAAA,CAAC,CAAC;gBACH,UAAU,CAAC,UAAU,CAAC,CAAC;aACxB;YAAC,OAAO,KAAK,EAAE;AACd,gBAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACtB;oBAAS;gBACR,YAAY,CAAC,KAAK,CAAC,CAAC;aACrB;AACH,SAAC,CAAC;QAEF,IAAI,OAAO,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,EAAE;AAC1C,YAAA,2BAA2B,EAAE,CAAC;SAC/B;KACF,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1C,OAAO;QACL,OAAO;QACP,SAAS;KACV,CAAC;AACJ;;;;"}

package/build/src/hooks/useTokenOptions.js

@@ -0,0 +1,109 @@
+import { jsx } from 'react/jsx-runtime';
+import { getChainName } from '@daimo/pay-common';
+import TokenChainLogo from '../components/Common/TokenChainLogo/index.js';
+import { ROUTES } from '../constants/routes.js';
+import { formatUsd, roundTokenAmount } from '../utils/format.js';
+import { usePayContext } from './usePayContext.js';
+
+/// and Solana tokens. See OptionsList.
+function useTokenOptions(mode) {
+    const { setRoute, paymentState } = usePayContext();
+    const { isDepositFlow, walletPaymentOptions, solanaPaymentOptions, setSelectedTokenOption, setSelectedSolanaTokenOption, } = paymentState;
+    let optionsList = [];
+    let isLoading = false;
+    if (["evm", "all"].includes(mode)) {
+        optionsList.push(...getEvmTokenOptions(walletPaymentOptions.options ?? [], isDepositFlow, setSelectedTokenOption, setRoute));
+        isLoading ||= walletPaymentOptions.isLoading;
+    }
+    if (["solana", "all"].includes(mode)) {
+        optionsList.push(...getSolanaTokenOptions(solanaPaymentOptions.options ?? [], isDepositFlow, setSelectedSolanaTokenOption, setRoute));
+        isLoading ||= solanaPaymentOptions.isLoading;
+    }
+    optionsList.sort((a, b) => {
+        const dDisabled = (a.disabled ? 1 : 0) - (b.disabled ? 1 : 0);
+        if (dDisabled !== 0)
+            return dDisabled;
+        const dSort = (b.sortValue ?? 0) - (a.sortValue ?? 0);
+        return dSort;
+    });
+    return { optionsList, isLoading };
+}
+function getEvmTokenOptions(options, isDepositFlow, setSelectedTokenOption, setRoute) {
+    return options.map((option) => {
+        const chainName = getChainName(option.balance.token.chainId);
+        const titlePrice = isDepositFlow
+            ? formatUsd(option.balance.usd)
+            : roundTokenAmount(option.required.amount, option.required.token);
+        const title = `${titlePrice} ${option.balance.token.symbol} on ${chainName}`;
+        const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;
+        const subtitle = option.disabledReason ??
+            `${isDepositFlow ? "" : "Balance: "}${balanceStr}`;
+        const disabled = option.disabledReason != null;
+        return {
+            id: getDaimoTokenKey(option.balance.token),
+            sortValue: option.balance.usd,
+            title,
+            subtitle,
+            icons: [
+                jsx(TokenChainLogo, { token: option.balance.token }, getDaimoTokenKey(option.balance.token)),
+            ],
+            onClick: () => {
+                setSelectedTokenOption(option);
+                const meta = {
+                    event: "click-token",
+                    tokenSymbol: option.balance.token.symbol,
+                    chainId: option.balance.token.chainId,
+                };
+                if (isDepositFlow) {
+                    setRoute(ROUTES.SELECT_AMOUNT, meta);
+                }
+                else {
+                    setRoute(ROUTES.PAY_WITH_TOKEN, meta);
+                }
+            },
+            disabled,
+        };
+    });
+}
+function getSolanaTokenOptions(options, isDepositFlow, setSelectedSolanaTokenOption, setRoute) {
+    return options.map((option) => {
+        const titlePrice = isDepositFlow
+            ? formatUsd(option.balance.usd)
+            : roundTokenAmount(option.required.amount, option.required.token);
+        const title = `${titlePrice} ${option.balance.token.symbol} on Solana`;
+        const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;
+        const subtitle = option.disabledReason ??
+            `${isDepositFlow ? "" : "Balance: "}${balanceStr}`;
+        const disabled = option.disabledReason != null;
+        return {
+            id: getDaimoTokenKey(option.balance.token),
+            sortValue: option.balance.usd,
+            title,
+            subtitle,
+            icons: [
+                jsx(TokenChainLogo, { token: option.balance.token }, getDaimoTokenKey(option.balance.token)),
+            ],
+            onClick: () => {
+                setSelectedSolanaTokenOption(option);
+                const meta = {
+                    event: "click-solana-token",
+                    tokenSymbol: option.balance.token.symbol,
+                    chainId: option.balance.token.chainId,
+                };
+                if (isDepositFlow) {
+                    setRoute(ROUTES.SOLANA_SELECT_AMOUNT, meta);
+                }
+                else {
+                    setRoute(ROUTES.SOLANA_PAY_WITH_TOKEN, meta);
+                }
+            },
+            disabled,
+        };
+    });
+}
+function getDaimoTokenKey(token) {
+    return `${token.chainId}-${token.token}`;
+}
+
+export { useTokenOptions };
+//# sourceMappingURL=useTokenOptions.js.map

package/build/src/hooks/useTokenOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenOptions.js","sources":["../../../src/hooks/useTokenOptions.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/build/src/hooks/useWalletPaymentOptions.js

@@ -0,0 +1,59 @@
+import { supportedChains } from '@daimo/pay-common';
+import { useState, useEffect } from 'react';
+
+/** Wallet payment options. User picks one. */
+function useWalletPaymentOptions({ trpc, address, usdRequired, destChainId, preferredChains, preferredTokens, evmChains, isDepositFlow, log, }) {
+    const [options, setOptions] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        const refreshWalletPaymentOptions = async () => {
+            if (address == null || usdRequired == null || destChainId == null)
+                return;
+            setOptions(null);
+            setIsLoading(true);
+            try {
+                const newOptions = await trpc.getWalletPaymentOptions.query({
+                    payerAddress: address,
+                    // API expects undefined for deposit flow.
+                    usdRequired: isDepositFlow ? undefined : usdRequired,
+                    destChainId,
+                    preferredChains,
+                    preferredTokens,
+                    evmChains,
+                });
+                // Filter out chains we don't support yet.
+                const isSupported = (o) => supportedChains.some((c) => c.chainId === o.balance.token.chainId);
+                const filteredOptions = newOptions.filter(isSupported);
+                if (filteredOptions.length < newOptions.length) {
+                    log(`[WALLET]: skipping ${newOptions.length - filteredOptions.length} unsupported-chain balances on ${address}`);
+                }
+                setOptions(filteredOptions);
+            }
+            catch (error) {
+                console.error(error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        if (address != null && usdRequired != null && destChainId != null) {
+            refreshWalletPaymentOptions();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        address,
+        usdRequired,
+        destChainId,
+        isDepositFlow,
+        preferredChains,
+        preferredTokens,
+        evmChains,
+    ]);
+    return {
+        options,
+        isLoading,
+    };
+}
+
+export { useWalletPaymentOptions };
+//# sourceMappingURL=useWalletPaymentOptions.js.map

package/build/src/hooks/useWalletPaymentOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWalletPaymentOptions.js","sources":["../../../src/hooks/useWalletPaymentOptions.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;AACM,SAAU,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,eAAe,EACf,eAAe,EACf,SAAS,EACT,aAAa,EACb,GAAG,GAWJ,EAAA;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA+B,IAAI,CAAC,CAAC;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,2BAA2B,GAAG,YAAW;YAC7C,IAAI,OAAO,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI;gBAAE,OAAO;YAE1E,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,YAAY,CAAC,IAAI,CAAC,CAAC;AACnB,YAAA,IAAI;gBACF,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;AAC1D,oBAAA,YAAY,EAAE,OAAO;;oBAErB,WAAW,EAAE,aAAa,GAAG,SAAS,GAAG,WAAW;oBACpD,WAAW;oBACX,eAAe;oBACf,eAAe;oBACf,SAAS;AACV,iBAAA,CAAC,CAAC;;AAGH,gBAAA,MAAM,WAAW,GAAG,CAAC,CAAsB,KACzC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBACrE,MAAM,eAAe,GAAG,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;gBACvD,IAAI,eAAe,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE;AAC9C,oBAAA,GAAG,CACD,CAAA,mBAAA,EAAsB,UAAU,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAA,+BAAA,EAAkC,OAAO,CAAA,CAAE,CAC5G,CAAC;iBACH;gBAED,UAAU,CAAC,eAAe,CAAC,CAAC;aAC7B;YAAC,OAAO,KAAK,EAAE;AACd,gBAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACtB;oBAAS;gBACR,YAAY,CAAC,KAAK,CAAC,CAAC;aACrB;AACH,SAAC,CAAC;AAEF,QAAA,IAAI,OAAO,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,EAAE;AACjE,YAAA,2BAA2B,EAAE,CAAC;SAC/B;;AAEH,KAAC,EAAE;QACD,OAAO;QACP,WAAW;QACX,WAAW;QACX,aAAa;QACb,eAAe;QACf,eAAe;QACf,SAAS;AACV,KAAA,CAAC,CAAC;IAEH,OAAO;QACL,OAAO;QACP,SAAS;KACV,CAAC;AACJ;;;;"}

package/build/src/hooks/useWindowSize.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from 'react';
+
+function useWindowSize() {
+    const [windowSize, setWindowSize] = useState({
+        width: 0,
+        height: 0,
+    });
+    useEffect(() => {
+        function handleResize() {
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+            });
+        }
+        window.addEventListener("resize", handleResize);
+        handleResize();
+        return () => window.removeEventListener("resize", handleResize);
+    }, []);
+    return windowSize;
+}
+
+export { useWindowSize as default };
+//# sourceMappingURL=useWindowSize.js.map

package/build/src/hooks/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","sources":["../../../src/hooks/useWindowSize.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEc,SAAU,aAAa,GAAA;AACnC,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAGzC;AACD,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,MAAM,EAAE,CAAC;AACV,KAAA,CAAC,CAAC;IAEH,SAAS,CAAC,MAAK;AACb,QAAA,SAAS,YAAY,GAAA;AACnB,YAAA,aAAa,CAAC;gBACZ,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;AAC3B,aAAA,CAAC,CAAC;SACJ;AACD,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAChD,QAAA,YAAY,EAAE,CAAC;QACf,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;KACjE,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,UAAU,CAAC;AACpB;;;;"}

package/build/src/index.js

@@ -0,0 +1,14 @@
+export { version } from '../package.json.js';
+export { default as getDefaultConfig } from './defaultConfig.js';
+export { DaimoPayProvider } from './provider/DaimoPayProvider.js';
+export { DaimoPayButton } from './components/DaimoPayButton/index.js';
+export { useDaimoPay } from './hooks/useDaimoPay.js';
+export { useDaimoPayStatus } from './hooks/useDaimoPayStatus.js';
+export { useDaimoPayUI } from './hooks/useDaimoPayUI.js';
+export { default as Avatar } from './components/Common/Avatar/index.js';
+export { default as ChainIcon } from './components/Common/Chain/index.js';
+export { wallets } from './wallets/index.js';
+export { daimoPayVersion } from './utils/exports.js';
+export { usePayContext } from './hooks/usePayContext.js';
+export { PayContext as DaimoPayContext } from './provider/PayContext.js';
+//# sourceMappingURL=index.js.map

package/build/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}