@daimo/pay 1.18.3 → 1.19.0

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

@@ -0,0 +1,376 @@
+import { ethereum, getOrderDestChainId, isCCTPV1Chain, readDaimoPayOrderID, assert, debugJson, isNativeToken, 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 { getAddress, erc20Abi, isHex, 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 { useUntronAvailability } from './useUntronAvailability.js';
+import { useWalletPaymentOptions } from './useWalletPaymentOptions.js';
+
+function usePaymentState({
+  trpc,
+  lockPayParams,
+  setRoute,
+  log,
+  redirectReturnUrl
+}) {
+  const pay = useDaimoPay();
+  const [platform, setPlatform] = useState();
+  useEffect(() => {
+    setPlatform(detectPlatform(window.navigator.userAgent));
+  }, []);
+  const { address: ethWalletAddress } = useAccount();
+  const { data: senderEnsName } = useEnsName({
+    chainId: ethereum.chainId,
+    address: ethWalletAddress
+  });
+  const { sendTransactionAsync } = useSendTransaction();
+  const { writeContractAsync } = useWriteContract();
+  const solanaWallet = useWallet();
+  const { connection } = useConnection();
+  const solanaPubKey = solanaWallet.publicKey?.toBase58();
+  const destChainId = pay.order == null ? null : getOrderDestChainId(pay.order);
+  const showSolanaPaymentMethod = destChainId != null && isCCTPV1Chain(destChainId);
+  const [buttonProps, setButtonProps] = useState();
+  const [currPayParams, setCurrPayParams] = useState();
+  const [paymentWaitingMessage, setPaymentWaitingMessage] = useState();
+  const [isDepositFlow, setIsDepositFlow] = useState(false);
+  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,
+    destAddress: pay.order?.destFinalCall.to,
+    preferredChains: pay.order?.metadata.payer?.preferredChains,
+    preferredTokens: pay.order?.metadata.payer?.preferredTokens,
+    evmChains: pay.order?.metadata.payer?.evmChains,
+    passthroughTokens: pay.order?.metadata.payer?.passthroughTokens,
+    isDepositFlow,
+    log
+  });
+  const solanaPaymentOptions = useSolanaPaymentOptions({
+    trpc,
+    address: solanaPubKey,
+    usdRequired: pay.order?.destFinalCallTokenAmount.usd,
+    isDepositFlow,
+    showSolanaPaymentMethod
+  });
+  const depositAddressOptions = useDepositAddressOptions({
+    trpc,
+    usdRequired: pay.order?.destFinalCallTokenAmount.usd,
+    mode: pay.order?.mode
+  });
+  const { available: untronAvailable } = useUntronAvailability({ trpc });
+  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 = 2e4;
+    if (pay.order == null || chainOrderUsdLimits.loading) {
+      return DEFAULT_USD_LIMIT;
+    }
+    const destChainId2 = pay.order.destFinalCallTokenAmount.token.chainId;
+    return destChainId2 in chainOrderUsdLimits.limits ? chainOrderUsdLimits.limits[destChainId2] : DEFAULT_USD_LIMIT;
+  };
+  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)}`
+      );
+      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 () => {
+      const dest = walletOption.passthroughAddress ?? hydratedOrder.intentAddr;
+      try {
+        if (isNativeToken(getAddress(required.token.token))) {
+          return await sendTransactionAsync({
+            to: dest,
+            value: paymentAmount
+          });
+        } else {
+          return await writeContractAsync({
+            abi: erc20Abi,
+            address: getAddress(required.token.token),
+            functionName: "transfer",
+            args: [dest, paymentAmount]
+          });
+        }
+      } catch (e) {
+        console.error(`[PAY TOKEN] error sending token: ${e}`);
+        throw e;
+      }
+    })();
+    if (!isHex(paymentTxHash) || paymentTxHash.length !== 66) {
+      log(
+        `[PAY TOKEN] wallet bug detected. ignoring invalid payment txHash: ${paymentTxHash}`
+      );
+      return { success: true };
+    }
+    try {
+      await pay.payEthSource({
+        paymentTxHash,
+        sourceChainId: required.token.chainId,
+        payerAddress: ethWalletAddress,
+        sourceToken: getAddress(required.token.token),
+        sourceAmount: paymentAmount
+      });
+      return { txHash: paymentTxHash, success: true };
+    } catch {
+      console.error(
+        `[PAY TOKEN] could not verify payment tx on chain: ${paymentTxHash}`
+      );
+      return { txHash: paymentTxHash, success: false };
+    }
+  };
+  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;
+      }
+    })();
+    try {
+      await pay.paySolanaSource({
+        paymentTxHash,
+        sourceToken: inputToken
+      });
+      return { txHash: paymentTxHash, success: true };
+    } catch {
+      console.error(
+        `[PAY SOLANA] could not verify payment tx on chain: ${paymentTxHash}`
+      );
+      return { txHash: paymentTxHash, success: false };
+    }
+  };
+  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 (!isIOS) {
+      window.open(deeplink, "_blank");
+    }
+    setSelectedWallet(wallet);
+    setSelectedWalletDeepLink(deeplink);
+    setRoute(ROUTES.WAITING_WALLET, {
+      amountUsd,
+      payId,
+      wallet_name: wallet.name
+    });
+  };
+  const setChosenUsd = (usd) => {
+    assert(
+      pay.paymentState === "preview",
+      "[SET CHOSEN USD] paymentState is not preview"
+    );
+    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) {
+        return;
+      }
+      pay.reset();
+      pay.setPayId(payId);
+      setIsDepositFlow(false);
+    },
+    [lockPayParams, pay]
+  );
+  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();
+    setCurrPayParams(payParams);
+    setIsDepositFlow(payParams.toUnits == null);
+    await pay.createPreviewOrder(payParams);
+  };
+  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;
+      pay.reset();
+      setSelectedExternalOption(void 0);
+      setSelectedTokenOption(void 0);
+      setSelectedSolanaTokenOption(void 0);
+      setSelectedDepositAddressOption(void 0);
+      setSelectedWallet(void 0);
+      setSelectedWalletDeepLink(void 0);
+      setPaymentWaitingMessage(void 0);
+      if (mergedPayParams) {
+        setCurrPayParams(mergedPayParams);
+        setIsDepositFlow(mergedPayParams.toUnits == null);
+        await pay.createPreviewOrder(mergedPayParams);
+      }
+      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 ?? void 0,
+    untronAvailable
+  };
+}
+
+export { usePaymentState };
+//# sourceMappingURL=usePaymentState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePaymentState.js","sources":["../../../../src/hooks/usePaymentState.ts"],"sourcesContent":["import {\n  assert,\n  assertNotNull,\n  DaimoPayHydratedOrderWithOrg,\n  debugJson,\n  DepositAddressPaymentOptionData,\n  DepositAddressPaymentOptionMetadata,\n  DepositAddressPaymentOptions,\n  ethereum,\n  ExternalPaymentOptionMetadata,\n  ExternalPaymentOptions,\n  getOrderDestChainId,\n  isCCTPV1Chain,\n  isNativeToken,\n  PlatformType,\n  readDaimoPayOrderID,\n  SolanaPublicKey,\n  WalletPaymentOption,\n  writeDaimoPayOrderID,\n} from \"@daimo/pay-common\";\nimport { useConnection, useWallet } from \"@solana/wallet-adapter-react\";\nimport { VersionedTransaction } from \"@solana/web3.js\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { erc20Abi, getAddress, Hex, hexToBytes, isHex } from \"viem\";\nimport {\n  useAccount,\n  useEnsName,\n  useSendTransaction,\n  useWriteContract,\n} from \"wagmi\";\n\nimport { PayButtonPaymentProps } from \"../components/DaimoPayButton\";\nimport { ROUTES } from \"../constants/routes\";\nimport { PayParams } from \"../payment/paymentFsm\";\nimport { detectPlatform } from \"../utils/platform\";\nimport { TrpcClient } from \"../utils/trpc\";\nimport { WalletConfigProps } from \"../wallets/walletConfigs\";\nimport { useDaimoPay } from \"./useDaimoPay\";\nimport { useDepositAddressOptions } from \"./useDepositAddressOptions\";\nimport { useExternalPaymentOptions } from \"./useExternalPaymentOptions\";\nimport useIsMobile from \"./useIsMobile\";\nimport { useOrderUsdLimits } from \"./useOrderUsdLimits\";\nimport { useSolanaPaymentOptions } from \"./useSolanaPaymentOptions\";\nimport { useUntronAvailability } from \"./useUntronAvailability\";\nimport { useWalletPaymentOptions } from \"./useWalletPaymentOptions\";\n\n/** Wallet payment details, sent to processSourcePayment after submitting tx. */\nexport type SourcePayment = Parameters<\n  TrpcClient[\"processSourcePayment\"][\"mutate\"]\n>[0];\n\n/** Creates (or loads) a payment and manages the corresponding modal. */\nexport interface PaymentState {\n  generatePreviewOrder: () => void;\n  resetOrder: (payParams?: Partial<PayParams>) => Promise<void>;\n\n  /// DaimoPayButton props\n  buttonProps: PayButtonPaymentProps | undefined;\n  setButtonProps: (props: PayButtonPaymentProps | undefined) => void;\n\n  /// Pay ID for loading an existing order\n  setPayId: (id: string | undefined) => void;\n  /// Pay params for creating an order on the fly,\n  setPayParams: (payParams: PayParams | undefined) => Promise<void>;\n\n  /// True if the user is entering an amount (deposit) vs preset (checkout).\n  isDepositFlow: boolean;\n  paymentWaitingMessage: string | undefined;\n  /// External payment options, loaded from server and filtered by EITHER\n  /// 1. the DaimoPayButton paymentOptions, or 2. those of daimoPayOrder\n  externalPaymentOptions: ReturnType<typeof useExternalPaymentOptions>;\n  selectedWallet: WalletConfigProps | undefined;\n  selectedWalletDeepLink: string | undefined;\n  showSolanaPaymentMethod: boolean;\n  walletPaymentOptions: ReturnType<typeof useWalletPaymentOptions>;\n  solanaPaymentOptions: ReturnType<typeof useSolanaPaymentOptions>;\n  depositAddressOptions: ReturnType<typeof useDepositAddressOptions>;\n  /** Whether Untron receivers are currently available. `null` when unknown. */\n  untronAvailable: boolean | null;\n  selectedExternalOption: ExternalPaymentOptionMetadata | undefined;\n  selectedTokenOption: WalletPaymentOption | undefined;\n  selectedSolanaTokenOption: WalletPaymentOption | undefined;\n  selectedDepositAddressOption: DepositAddressPaymentOptionMetadata | undefined;\n  getOrderUsdLimit: () => number;\n  setPaymentWaitingMessage: (message: string | undefined) => void;\n  tokenMode: \"evm\" | \"solana\" | \"all\";\n  setTokenMode: (mode: \"evm\" | \"solana\" | \"all\") => void;\n  setSelectedWallet: (wallet: WalletConfigProps | undefined) => void;\n  setSelectedWalletDeepLink: (deepLink: string | undefined) => void;\n  setSelectedExternalOption: (\n    option: ExternalPaymentOptionMetadata | undefined,\n  ) => void;\n  setSelectedTokenOption: (option: WalletPaymentOption | undefined) => void;\n  setSelectedSolanaTokenOption: (\n    option: WalletPaymentOption | undefined,\n  ) => void;\n  setSelectedDepositAddressOption: (\n    option: DepositAddressPaymentOptionMetadata | undefined,\n  ) => void;\n  setChosenUsd: (usd: number) => void;\n  payWithToken: (\n    walletOption: WalletPaymentOption,\n  ) => Promise<{ txHash?: Hex; success: boolean }>;\n  payWithExternal: (option: ExternalPaymentOptions) => Promise<string>;\n  payWithDepositAddress: (\n    option: DepositAddressPaymentOptions,\n  ) => Promise<DepositAddressPaymentOptionData | null>;\n  payWithSolanaToken: (\n    inputToken: SolanaPublicKey,\n  ) => Promise<{ txHash: string; success: boolean }>;\n  openInWalletBrowser: (wallet: WalletConfigProps, amountUsd?: number) => void;\n  senderEnsName: string | undefined;\n}\n\nexport function usePaymentState({\n  trpc,\n  lockPayParams,\n  setRoute,\n  log,\n  redirectReturnUrl,\n}: {\n  trpc: TrpcClient;\n  lockPayParams: boolean;\n  setRoute: (route: ROUTES, data?: Record<string, any>) => void;\n  log: (...args: any[]) => void;\n  redirectReturnUrl?: string;\n}): PaymentState {\n  const pay = useDaimoPay();\n\n  // Browser state.\n  const [platform, setPlatform] = useState<PlatformType>();\n  useEffect(() => {\n    setPlatform(detectPlatform(window.navigator.userAgent));\n  }, []);\n\n  // Wallet state.\n  const { address: ethWalletAddress } = useAccount();\n  const { data: senderEnsName } = useEnsName({\n    chainId: ethereum.chainId,\n    address: ethWalletAddress,\n  });\n  const { sendTransactionAsync } = useSendTransaction();\n  const { writeContractAsync } = useWriteContract();\n\n  // Solana wallet state.\n  const solanaWallet = useWallet();\n  const { connection } = useConnection();\n  const solanaPubKey = solanaWallet.publicKey?.toBase58();\n\n  // Solana bridging is only supported on CCTPv1 chains.\n  const destChainId = pay.order == null ? null : getOrderDestChainId(pay.order);\n  const showSolanaPaymentMethod =\n    destChainId != null && isCCTPV1Chain(destChainId);\n\n  // From DaimoPayButton props\n  const [buttonProps, setButtonProps] = useState<PayButtonPaymentProps>();\n  const [currPayParams, setCurrPayParams] = useState<PayParams>();\n\n  const [paymentWaitingMessage, setPaymentWaitingMessage] = useState<string>();\n  const [isDepositFlow, setIsDepositFlow] = useState<boolean>(false);\n\n  // UI state. Selection for external payment (Binance, etc) vs wallet payment.\n  const externalPaymentOptions = useExternalPaymentOptions({\n    trpc,\n    // allow <DaimoPayButton payId={...} paymentOptions={override} />\n    filterIds:\n      buttonProps?.paymentOptions ?? pay.order?.metadata.payer?.paymentOptions,\n    platform,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    mode: pay.order?.mode,\n  });\n  const walletPaymentOptions = useWalletPaymentOptions({\n    trpc,\n    address: ethWalletAddress,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    destChainId: pay.order?.destFinalCallTokenAmount.token.chainId,\n    destAddress: pay.order?.destFinalCall.to,\n    preferredChains: pay.order?.metadata.payer?.preferredChains,\n    preferredTokens: pay.order?.metadata.payer?.preferredTokens,\n    evmChains: pay.order?.metadata.payer?.evmChains,\n    passthroughTokens: pay.order?.metadata.payer?.passthroughTokens,\n    isDepositFlow,\n    log,\n  });\n  const solanaPaymentOptions = useSolanaPaymentOptions({\n    trpc,\n    address: solanaPubKey,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    isDepositFlow,\n    showSolanaPaymentMethod,\n  });\n  const depositAddressOptions = useDepositAddressOptions({\n    trpc,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    mode: pay.order?.mode,\n  });\n\n  // Poll for Untron receiver availability so components can disable unsupported chains promptly.\n  const { available: untronAvailable } = useUntronAvailability({ trpc });\n\n  const chainOrderUsdLimits = useOrderUsdLimits({ trpc });\n\n  const [selectedExternalOption, setSelectedExternalOption] =\n    useState<ExternalPaymentOptionMetadata>();\n\n  const [selectedTokenOption, setSelectedTokenOption] =\n    useState<WalletPaymentOption>();\n\n  const [selectedSolanaTokenOption, setSelectedSolanaTokenOption] =\n    useState<WalletPaymentOption>();\n\n  const [selectedDepositAddressOption, setSelectedDepositAddressOption] =\n    useState<DepositAddressPaymentOptionMetadata>();\n\n  const [selectedWallet, setSelectedWallet] = useState<WalletConfigProps>();\n  const [selectedWalletDeepLink, setSelectedWalletDeepLink] =\n    useState<string>();\n\n  const getOrderUsdLimit = () => {\n    const DEFAULT_USD_LIMIT = 20000;\n    if (pay.order == null || chainOrderUsdLimits.loading) {\n      return DEFAULT_USD_LIMIT;\n    }\n    const destChainId = pay.order.destFinalCallTokenAmount.token.chainId;\n    return destChainId in chainOrderUsdLimits.limits\n      ? chainOrderUsdLimits.limits[destChainId]\n      : DEFAULT_USD_LIMIT;\n  };\n\n  /** Commit to a token + amount = initiate payment. */\n  const payWithToken = async (\n    walletOption: WalletPaymentOption,\n  ): Promise<{ txHash?: Hex; success: boolean }> => {\n    assert(\n      ethWalletAddress != null,\n      `[PAY TOKEN] null ethWalletAddress when paying on ethereum`,\n    );\n    assert(\n      pay.paymentState === \"preview\" ||\n        pay.paymentState === \"unhydrated\" ||\n        pay.paymentState === \"payment_unpaid\",\n      `[PAY TOKEN] paymentState is ${pay.paymentState}, must be preview or unhydrated or payment_unpaid`,\n    );\n\n    let hydratedOrder: DaimoPayHydratedOrderWithOrg;\n    const { required, fees } = walletOption;\n    const paymentAmount = BigInt(required.amount) + BigInt(fees.amount);\n    if (pay.paymentState !== \"payment_unpaid\") {\n      assert(\n        required.token.token === fees.token.token,\n        `[PAY TOKEN] required token ${debugJson(required)} does not match fees token ${debugJson(fees)}`,\n      );\n\n      // Will refund to ethWalletAddress if refundAddress was not set in payParams\n      const res = await pay.hydrateOrder(ethWalletAddress);\n      hydratedOrder = res.order;\n\n      log(\n        `[PAY TOKEN] hydrated order: ${debugJson(\n          hydratedOrder,\n        )}, paying ${paymentAmount} of token ${required.token.token}`,\n      );\n    } else {\n      hydratedOrder = pay.order;\n    }\n\n    const paymentTxHash = await (async () => {\n      const dest = walletOption.passthroughAddress ?? hydratedOrder.intentAddr;\n      try {\n        if (isNativeToken(getAddress(required.token.token))) {\n          return await sendTransactionAsync({\n            to: dest,\n            value: paymentAmount,\n          });\n        } else {\n          return await writeContractAsync({\n            abi: erc20Abi,\n            address: getAddress(required.token.token),\n            functionName: \"transfer\",\n            args: [dest, paymentAmount],\n          });\n        }\n      } catch (e) {\n        console.error(`[PAY TOKEN] error sending token: ${e}`);\n        throw e;\n      }\n    })();\n\n    // Special case. Handle Rabby bug, where it returns the *Safe signature*\n    // instead of a txHash for a queued, unsubmitted Safe transaction.\n    if (!isHex(paymentTxHash) || paymentTxHash.length !== 66) {\n      log(\n        `[PAY TOKEN] wallet bug detected. ignoring invalid payment txHash: ${paymentTxHash}`,\n      );\n      return { success: true };\n    }\n\n    try {\n      await pay.payEthSource({\n        paymentTxHash,\n        sourceChainId: required.token.chainId,\n        payerAddress: ethWalletAddress,\n        sourceToken: getAddress(required.token.token),\n        sourceAmount: paymentAmount,\n      });\n      return { txHash: paymentTxHash, success: true };\n    } catch {\n      console.error(\n        `[PAY TOKEN] could not verify payment tx on chain: ${paymentTxHash}`,\n      );\n      return { txHash: paymentTxHash, success: false };\n    }\n  };\n\n  const payWithSolanaToken = async (\n    inputToken: SolanaPublicKey,\n  ): Promise<{ txHash: string; success: boolean }> => {\n    const payerPublicKey = solanaWallet.publicKey;\n    assert(\n      payerPublicKey != null,\n      \"[PAY SOLANA] null payerPublicKey when paying on solana\",\n    );\n    assert(\n      pay.order?.id != null,\n      \"[PAY SOLANA] null orderId when paying on solana\",\n    );\n    assert(\n      pay.paymentState === \"preview\" ||\n        pay.paymentState === \"unhydrated\" ||\n        pay.paymentState === \"payment_unpaid\",\n      `[PAY SOLANA] paymentState is ${pay.paymentState}, must be preview or unhydrated or payment_unpaid`,\n    );\n\n    let hydratedOrder: DaimoPayHydratedOrderWithOrg;\n    if (pay.paymentState !== \"payment_unpaid\") {\n      const res = await pay.hydrateOrder();\n      hydratedOrder = res.order;\n\n      log(\n        `[PAY SOLANA] Hydrated order: ${JSON.stringify(\n          hydratedOrder,\n        )}, checking out with Solana ${inputToken}`,\n      );\n    } else {\n      hydratedOrder = pay.order;\n    }\n\n    const paymentTxHash = await (async () => {\n      try {\n        const serializedTx = await trpc.getSolanaSwapAndBurnTx.query({\n          orderId: pay.order.id.toString(),\n          userPublicKey: assertNotNull(\n            payerPublicKey,\n            \"[PAY SOLANA] wallet.publicKey cannot be null\",\n          ).toString(),\n          inputTokenMint: inputToken,\n        });\n        const tx = VersionedTransaction.deserialize(hexToBytes(serializedTx));\n        const txHash = await solanaWallet.sendTransaction(tx, connection);\n        return txHash;\n      } catch (e) {\n        console.error(e);\n        throw e;\n      }\n    })();\n\n    try {\n      await pay.paySolanaSource({\n        paymentTxHash: paymentTxHash,\n        sourceToken: inputToken,\n      });\n      return { txHash: paymentTxHash, success: true };\n    } catch {\n      console.error(\n        `[PAY SOLANA] could not verify payment tx on chain: ${paymentTxHash}`,\n      );\n      return { txHash: paymentTxHash, success: false };\n    }\n  };\n\n  const payWithExternal = async (option: ExternalPaymentOptions) => {\n    assert(pay.order != null, \"[PAY EXTERNAL] order cannot be null\");\n    assert(platform != null, \"[PAY EXTERNAL] platform cannot be null\");\n\n    const { order } = await pay.hydrateOrder();\n    const externalPaymentOptionData =\n      await trpc.getExternalPaymentOptionData.query({\n        id: order.id.toString(),\n        externalPaymentOption: option,\n        platform,\n        redirectReturnUrl,\n      });\n    assert(\n      externalPaymentOptionData != null,\n      \"[PAY EXTERNAL] missing externalPaymentOptionData\",\n    );\n\n    log(\n      `[PAY EXTERNAL] hydrated order: ${debugJson(\n        order,\n      )}, checking out with external payment: ${option}`,\n    );\n\n    setPaymentWaitingMessage(externalPaymentOptionData.waitingMessage);\n\n    return externalPaymentOptionData.url;\n  };\n\n  const payWithDepositAddress = async (\n    option: DepositAddressPaymentOptions,\n  ) => {\n    const { order } = await pay.hydrateOrder();\n\n    log(\n      `[PAY DEPOSIT ADDRESS] hydrated order ${order.id} for ${order.usdValue} USD, checking out with deposit address: ${option}`,\n    );\n\n    const result = await trpc.getDepositAddressForOrder.query({\n      orderId: order.id.toString(),\n      option,\n    });\n\n    return \"error\" in result ? null : result;\n  };\n\n  const { isIOS } = useIsMobile();\n\n  const openInWalletBrowser = (\n    wallet: WalletConfigProps,\n    amountUsd?: number,\n  ) => {\n    const paymentState = pay.paymentState;\n    assert(\n      paymentState === \"payment_unpaid\",\n      `[OPEN IN WALLET BROWSER] paymentState is ${paymentState}, must be payment_unpaid`,\n    );\n    assert(\n      wallet.getDaimoPayDeeplink != null,\n      `openInWalletBrowser: missing deeplink for ${wallet.name}`,\n    );\n\n    const payId = writeDaimoPayOrderID(pay.order.id);\n    const deeplink = wallet.getDaimoPayDeeplink(payId);\n    // If we are in IOS, we don't open the deeplink in a new window, because it\n    // will not work, the link will be opened in the page WAITING_WALLET\n    if (!isIOS) {\n      window.open(deeplink, \"_blank\");\n    }\n    setSelectedWallet(wallet);\n    setSelectedWalletDeepLink(deeplink);\n    setRoute(ROUTES.WAITING_WALLET, {\n      amountUsd,\n      payId,\n      wallet_name: wallet.name,\n    });\n  };\n\n  /** User picked a different deposit amount. */\n  const setChosenUsd = (usd: number) => {\n    assert(\n      pay.paymentState === \"preview\",\n      \"[SET CHOSEN USD] paymentState is not preview\",\n    );\n\n    // Too expensive to make an API call to regenerate preview order each time\n    // the user changes the amount. Instead, we modify the order in memory.\n    pay.setChosenUsd(usd);\n  };\n\n  const setPayId = useCallback(\n    async (payId: string | undefined) => {\n      if (lockPayParams || payId == null) return;\n      const id = readDaimoPayOrderID(payId).toString();\n\n      if (pay.order?.id && BigInt(id) == pay.order.id) {\n        // Already loaded, ignore.\n        return;\n      }\n\n      pay.reset();\n      pay.setPayId(payId);\n      setIsDepositFlow(false);\n    },\n    [lockPayParams, pay],\n  );\n\n  /** Called whenever params change. */\n  const setPayParams = async (payParams: PayParams | undefined) => {\n    if (lockPayParams) return;\n    assert(payParams != null, \"[SET PAY PARAMS] payParams cannot be null\");\n\n    log(\"[SET PAY PARAMS] setting payParams\", payParams);\n    pay.reset();\n    setCurrPayParams(payParams);\n    setIsDepositFlow(payParams.toUnits == null);\n    await pay.createPreviewOrder(payParams);\n  };\n\n  const generatePreviewOrder = async () => {\n    pay.reset();\n    if (currPayParams == null) return;\n    await pay.createPreviewOrder(currPayParams);\n  };\n\n  const resetOrder = useCallback(\n    async (payParams?: Partial<PayParams>) => {\n      const mergedPayParams: PayParams | undefined =\n        payParams != null && currPayParams != null\n          ? { ...currPayParams, ...payParams }\n          : currPayParams;\n\n      // Clear the old order & state\n      pay.reset();\n      setSelectedExternalOption(undefined);\n      setSelectedTokenOption(undefined);\n      setSelectedSolanaTokenOption(undefined);\n      setSelectedDepositAddressOption(undefined);\n      setSelectedWallet(undefined);\n      setSelectedWalletDeepLink(undefined);\n      setPaymentWaitingMessage(undefined);\n\n      // Set the new payParams\n      if (mergedPayParams) {\n        setCurrPayParams(mergedPayParams);\n        setIsDepositFlow(mergedPayParams.toUnits == null);\n        await pay.createPreviewOrder(mergedPayParams);\n      }\n\n      setRoute(ROUTES.SELECT_METHOD);\n    },\n    [setRoute, pay, currPayParams],\n  );\n\n  const [tokenMode, setTokenMode] = useState<\"evm\" | \"solana\" | \"all\">(\"evm\");\n\n  return {\n    buttonProps,\n    setButtonProps,\n    setPayId,\n    setPayParams,\n    tokenMode,\n    setTokenMode,\n    generatePreviewOrder,\n    isDepositFlow,\n    paymentWaitingMessage,\n    selectedExternalOption,\n    selectedTokenOption,\n    selectedSolanaTokenOption,\n    externalPaymentOptions,\n    showSolanaPaymentMethod,\n    selectedWallet,\n    selectedWalletDeepLink,\n    walletPaymentOptions,\n    solanaPaymentOptions,\n    depositAddressOptions,\n    selectedDepositAddressOption,\n    getOrderUsdLimit,\n    resetOrder,\n    setSelectedWallet,\n    setSelectedWalletDeepLink,\n    setPaymentWaitingMessage,\n    setSelectedExternalOption,\n    setSelectedTokenOption,\n    setSelectedSolanaTokenOption,\n    setSelectedDepositAddressOption,\n    setChosenUsd,\n    payWithToken,\n    payWithExternal,\n    payWithDepositAddress,\n    payWithSolanaToken,\n    openInWalletBrowser,\n    senderEnsName: senderEnsName ?? undefined,\n    untronAvailable,\n  };\n}\n"],"names":["destChainId"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","sources":["../../../../src/hooks/usePrevious.tsx"],"sourcesContent":["import { useRef } from \"react\";\n\nexport default function usePrevious(value: any, initial?: any) {\n  const ref = useRef({ target: value, previous: initial });\n\n  if (ref.current.target !== value) {\n    // The value changed.\n    ref.current.previous = ref.current.target;\n    ref.current.target = value;\n  }\n\n  return ref.current.previous;\n}\n"],"names":[],"mappings":";;AAEwB,SAAA,WAAA,CAAY,OAAY,OAAe,EAAA;AAC7D,EAAA,MAAM,MAAM,MAAO,CAAA,EAAE,QAAQ,KAAO,EAAA,QAAA,EAAU,SAAS,CAAA,CAAA;AAEvD,EAAI,IAAA,GAAA,CAAI,OAAQ,CAAA,MAAA,KAAW,KAAO,EAAA;AAEhC,IAAI,GAAA,CAAA,OAAA,CAAQ,QAAW,GAAA,GAAA,CAAI,OAAQ,CAAA,MAAA,CAAA;AACnC,IAAA,GAAA,CAAI,QAAQ,MAAS,GAAA,KAAA,CAAA;AAAA,GACvB;AAEA,EAAA,OAAO,IAAI,OAAQ,CAAA,QAAA,CAAA;AACrB;;;;"}

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

@@ -0,0 +1,40 @@
+import { useState, useEffect } from 'react';
+
+function useSolanaPaymentOptions({
+  trpc,
+  address,
+  usdRequired,
+  isDepositFlow,
+  showSolanaPaymentMethod
+}) {
+  const [options, setOptions] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  useEffect(() => {
+    if (!showSolanaPaymentMethod) return;
+    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 ? void 0 : usdRequired
+        });
+        setOptions(newOptions);
+      } catch (error) {
+        console.error(error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    refreshWalletPaymentOptions();
+  }, [address, usdRequired, isDepositFlow, showSolanaPaymentMethod]);
+  return {
+    options,
+    isLoading
+  };
+}
+
+export { useSolanaPaymentOptions };
+//# sourceMappingURL=useSolanaPaymentOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSolanaPaymentOptions.js","sources":["../../../../src/hooks/useSolanaPaymentOptions.ts"],"sourcesContent":["import { WalletPaymentOption } from \"@daimo/pay-common\";\nimport { useEffect, useState } from \"react\";\nimport { TrpcClient } from \"../utils/trpc\";\n\n/** Wallet payment options. User picks one. */\nexport function useSolanaPaymentOptions({\n  trpc,\n  address,\n  usdRequired,\n  isDepositFlow,\n  showSolanaPaymentMethod,\n}: {\n  trpc: TrpcClient;\n  address: string | undefined;\n  usdRequired: number | undefined;\n  isDepositFlow: boolean;\n  showSolanaPaymentMethod: boolean;\n}) {\n  const [options, setOptions] = useState<WalletPaymentOption[] | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  useEffect(() => {\n    if (!showSolanaPaymentMethod) return;\n\n    const refreshWalletPaymentOptions = async () => {\n      if (address == null || usdRequired == null) return;\n\n      setOptions(null);\n      setIsLoading(true);\n      try {\n        const newOptions = await trpc.getSolanaPaymentOptions.query({\n          pubKey: address,\n          // API expects undefined for deposit flow.\n          usdRequired: isDepositFlow ? undefined : usdRequired,\n        });\n        setOptions(newOptions);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    refreshWalletPaymentOptions();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [address, usdRequired, isDepositFlow, showSolanaPaymentMethod]);\n\n  return {\n    options,\n    isLoading,\n  };\n}\n"],"names":[],"mappings":";;AAKO,SAAS,uBAAwB,CAAA;AAAA,EACtC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,uBAAA;AACF,CAMG,EAAA;AACD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAuC,IAAI,CAAA,CAAA;AACzE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,uBAAyB,EAAA,OAAA;AAE9B,IAAA,MAAM,8BAA8B,YAAY;AAC9C,MAAI,IAAA,OAAA,IAAW,IAAQ,IAAA,WAAA,IAAe,IAAM,EAAA,OAAA;AAE5C,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAI,IAAA;AACF,QAAA,MAAM,UAAa,GAAA,MAAM,IAAK,CAAA,uBAAA,CAAwB,KAAM,CAAA;AAAA,UAC1D,MAAQ,EAAA,OAAA;AAAA;AAAA,UAER,WAAA,EAAa,gBAAgB,KAAY,CAAA,GAAA,WAAA;AAAA,SAC1C,CAAA,CAAA;AACD,QAAA,UAAA,CAAW,UAAU,CAAA,CAAA;AAAA,eACd,KAAO,EAAA;AACd,QAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,OACnB,SAAA;AACA,QAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,OACpB;AAAA,KACF,CAAA;AAEA,IAA4B,2BAAA,EAAA,CAAA;AAAA,KAE3B,CAAC,OAAA,EAAS,WAAa,EAAA,aAAA,EAAe,uBAAuB,CAAC,CAAA,CAAA;AAEjE,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

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

@@ -0,0 +1,152 @@
+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 { flattenChildren } from '../utils/index.js';
+import { formatUsd, roundTokenAmount } from '../utils/format.js';
+import { useDaimoPay } from './useDaimoPay.js';
+import useLocales from './useLocales.js';
+import { usePayContext } from './usePayContext.js';
+
+function useTokenOptions(mode) {
+  const { setRoute, paymentState } = usePayContext();
+  const {
+    isDepositFlow,
+    walletPaymentOptions,
+    solanaPaymentOptions,
+    setSelectedTokenOption,
+    setSelectedSolanaTokenOption
+  } = paymentState;
+  const locales = useLocales();
+  const onString = flattenChildren(locales.on).join("");
+  const pay = useDaimoPay();
+  const isPassthrough = !!pay.order?.metadata.payer?.passthroughTokens?.length;
+  const nonPassthroughToken = isPassthrough ? pay.order?.destFinalCallTokenAmount.token : void 0;
+  let optionsList = [];
+  let isLoading = false;
+  if (["evm", "all"].includes(mode)) {
+    optionsList.push(
+      ...getEvmTokenOptions(
+        walletPaymentOptions.options ?? [],
+        isDepositFlow,
+        setSelectedTokenOption,
+        setRoute,
+        onString,
+        nonPassthroughToken
+      )
+    );
+    isLoading ||= walletPaymentOptions.isLoading;
+  }
+  if (["solana", "all"].includes(mode)) {
+    optionsList.push(
+      ...getSolanaTokenOptions(
+        solanaPaymentOptions.options ?? [],
+        isDepositFlow,
+        setSelectedSolanaTokenOption,
+        setRoute,
+        onString
+      )
+    );
+    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, onString, nonPassthroughToken) {
+  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} ${onString} ${chainName}`;
+    const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;
+    let subtitle = option.disabledReason ?? `${isDepositFlow ? "" : "Balance: "}${balanceStr}`;
+    const disabled = option.disabledReason != null;
+    if (nonPassthroughToken != null) {
+      const defaultSym = nonPassthroughToken.symbol;
+      const optSym = option.balance.token.symbol;
+      if (option.passthroughAddress == null && optSym !== defaultSym) {
+        subtitle = `Convert to ${defaultSym}`;
+      } else {
+        subtitle = `Deposit ${optSym}`;
+      }
+    }
+    const sortValue = option.balance.usd + (option.passthroughAddress == null ? 0 : 1e9);
+    return {
+      id: getDaimoTokenKey(option.balance.token),
+      sortValue,
+      title,
+      subtitle,
+      icons: [
+        /* @__PURE__ */ 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, onString) {
+  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} ${onString} 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: [
+        /* @__PURE__ */ 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