@daimo/pay 1.16.1 → 1.16.3

package/build/src/world-mini-app/WorldPayButton.js

@@ -46,8 +46,13 @@ function WorldPayButtonCustom(props) {
     setIsMiniKitReady(MiniKit.isInstalled());
   }, []);
   useEffect(() => {
-    log("[WORLD] Creating preview order");
-    paymentState.setPayParams(props);
+    if ("payId" in props) {
+      log("[WORLD] Using payId from props: ", props.payId);
+      paymentState.setPayId(props.payId);
+    } else {
+      log("[WORLD] Creating preview order");
+      paymentState.setPayParams(props);
+    }
   }, [JSON.stringify(props || {})]);
   useEffect(() => {
     context.setShowContactSupport(!isIOS);

package/build/src/world-mini-app/WorldPayButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorldPayButton.js","sources":["../../../src/world-mini-app/WorldPayButton.tsx"],"sourcesContent":["import {\n  assertNotNull,\n  DaimoPayEventType,\n  DaimoPayUserMetadata,\n  getDaimoPayOrderView,\n  getOrderDestChainId,\n  getOrderSourceChainId,\n  PaymentBouncedEvent,\n  PaymentCompletedEvent,\n  PaymentStartedEvent,\n  writeDaimoPayOrderID,\n} from \"@daimo/pay-common\";\nimport { ReactElement, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Address, Hex } from \"viem\";\nimport ThemedButton, {\n  ThemeContainer,\n} from \"../components/Common/ThemedButton\";\nimport { DaimoPayButtonInner } from \"../components/DaimoPayButton\";\nimport { ROUTES } from \"../constants/routes\";\nimport { useDaimoPay } from \"../hooks/useDaimoPay\";\nimport { usePayContext } from \"../hooks/usePayContext\";\nimport { ResetContainer } from \"../styles\";\nimport { CustomTheme, Mode, Theme } from \"../types\";\nimport { promptWorldcoinPayment } from \"./promptWorldPayment\";\n\nimport { MiniKit } from \"@worldcoin/minikit-js\";\nimport useIsMobile from \"../hooks/useIsMobile\";\n\nexport type WorldPayButtonPaymentProps = {\n  /**\n   * Your public app ID. Specify either (payId) or (appId + parameters).\n   */\n  appId: string;\n  /**\n   * Destination chain ID.\n   */\n  toChain: number;\n  /**\n   * The destination token to send, completing payment. Must be an ERC-20\n   * token or the zero address, indicating the native token / ETH.\n   */\n  toToken: Address;\n  /**\n   * The amount of destination token to send (transfer or approve).\n   */\n  toUnits: string;\n  /**\n   * The destination address to transfer to, or contract to call.\n   */\n  toAddress: Address;\n  /**\n   * Optional calldata to call an arbitrary function on `toAddress`.\n   */\n  toCallData?: Hex;\n  /**\n   * The intent verb, such as \"Pay\", \"Deposit\", or \"Purchase\".\n   */\n  intent?: string;\n  /**\n   * External ID. E.g. a correlation ID.\n   */\n  externalId?: string;\n  /**\n   * Developer metadata. E.g. correlation ID.\n   * */\n  metadata?: DaimoPayUserMetadata;\n  /**\n   * The address to refund to if the payment bounces.\n   */\n  refundAddress?: Address;\n};\n\ntype WorldPayButtonCommonProps = WorldPayButtonPaymentProps & {\n  /** Called when user sends payment and transaction is seen on chain */\n  onPaymentStarted?: (event: PaymentStartedEvent) => void;\n  /** Called when destination transfer or call completes successfully */\n  onPaymentCompleted?: (event: PaymentCompletedEvent) => void;\n  /** Called when destination call reverts and funds are refunded */\n  onPaymentBounced?: (event: PaymentBouncedEvent) => void;\n  /** Automatically close the modal after a successful payment. */\n  closeOnSuccess?: boolean;\n  /** Reset the payment after a successful payment. */\n  resetOnSuccess?: boolean;\n};\n\nexport type WorldPayButtonProps = WorldPayButtonCommonProps & {\n  /** Light mode, dark mode, or auto. */\n  mode?: Mode;\n  /** Named theme. See docs for options. */\n  theme?: Theme;\n  /** Custom theme. See docs for options. */\n  customTheme?: CustomTheme;\n  /** Disable interaction. */\n  disabled?: boolean;\n};\n\nexport type WorldPayButtonCustomProps = WorldPayButtonCommonProps & {\n  children: (renderProps: {\n    show: () => void;\n    isMiniKitReady: boolean;\n  }) => ReactElement;\n};\n\nexport function WorldPayButton(props: WorldPayButtonProps) {\n  const { theme, mode, customTheme } = props;\n  const context = usePayContext();\n\n  return (\n    <WorldPayButtonCustom {...props}>\n      {({ show, isMiniKitReady }) => (\n        <ResetContainer\n          $useTheme={theme ?? context.theme}\n          $useMode={mode ?? context.mode}\n          $customTheme={customTheme ?? context.customTheme}\n        >\n          <ThemeContainer\n            onClick={props.disabled || !isMiniKitReady ? undefined : show}\n          >\n            <ThemedButton>\n              <DaimoPayButtonInner />\n            </ThemedButton>\n          </ThemeContainer>\n        </ResetContainer>\n      )}\n    </WorldPayButtonCustom>\n  );\n}\n\nfunction WorldPayButtonCustom(props: WorldPayButtonCustomProps) {\n  const pay = useDaimoPay();\n  const context = usePayContext();\n  const { paymentState, log } = context;\n  const [isMiniKitReady, setIsMiniKitReady] = useState(false);\n  const { isIOS } = useIsMobile();\n\n  // Payment events: call these three event handlers.\n  const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;\n\n  // Install Minikit if not already installed\n  useEffect(() => {\n    log(\"[WORLD] Installing MiniKit\");\n    const result = MiniKit.install();\n    log(\"[WORLD] MiniKit install result\", result);\n    log(\"[WORLD] MiniKit is installed\", MiniKit.isInstalled());\n    setIsMiniKitReady(MiniKit.isInstalled());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Set the payParams\n  useEffect(() => {\n    log(\"[WORLD] Creating preview order\");\n    paymentState.setPayParams(props);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(props || {})]);\n\n  // Set the showContactSupport flag\n  useEffect(() => {\n    // Links are broken on iOS in World App, so hide the contact support button\n    context.setShowContactSupport(!isIOS);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isIOS]);\n\n  // Emit onPaymentStart handler when payment state changes to payment_started\n  const sentStart = useRef(false);\n  useEffect(() => {\n    if (sentStart.current) return;\n    if (pay.paymentState !== \"payment_started\") return;\n\n    // TODO: Populate source payment details immediately when the user pays.\n    // Use this hack because source chain id is not immediately populated when\n    // payment_started\n    const sourceChainId = getOrderSourceChainId(pay.order);\n    if (sourceChainId == null) return;\n\n    sentStart.current = true;\n    onPaymentStarted?.({\n      type: DaimoPayEventType.PaymentStarted,\n      paymentId: writeDaimoPayOrderID(pay.order.id),\n      chainId: sourceChainId,\n      txHash: pay.order.sourceInitiateTxHash,\n      payment: getDaimoPayOrderView(pay.order),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pay.order, pay.paymentState]);\n\n  // Emit onPaymentComplete or onPaymentBounced handler when payment state\n  // changes to payment_completed or payment_bounced\n  const sentComplete = useRef(false);\n  useEffect(() => {\n    if (sentComplete.current) return;\n    if (\n      pay.paymentState !== \"payment_completed\" &&\n      pay.paymentState !== \"payment_bounced\"\n    )\n      return;\n\n    sentComplete.current = true;\n    const eventType =\n      pay.paymentState === \"payment_completed\"\n        ? DaimoPayEventType.PaymentCompleted\n        : DaimoPayEventType.PaymentBounced;\n    const event = {\n      type: eventType,\n      paymentId: writeDaimoPayOrderID(pay.order.id),\n      chainId: getOrderDestChainId(pay.order),\n      txHash: assertNotNull(\n        pay.order.destFastFinishTxHash ?? pay.order.destClaimTxHash,\n        `[WORLD PAY BUTTON] dest tx hash null on order ${pay.order.id} when intent status is ${pay.order.intentStatus}`,\n      ),\n      payment: getDaimoPayOrderView(pay.order),\n    };\n\n    if (pay.paymentState === \"payment_completed\") {\n      onPaymentCompleted?.(event as PaymentCompletedEvent);\n    } else if (pay.paymentState === \"payment_bounced\") {\n      onPaymentBounced?.(event as PaymentBouncedEvent);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pay.order, pay.paymentState]);\n\n  // Navigate to the confirmation page in the modal to show the spinner\n  const showSpinner = useCallback(() => {\n    log(`[WORLD] showing spinner ${pay.order?.id}`);\n    const modalOptions = {\n      closeOnSuccess: props.closeOnSuccess,\n      resetOnSuccess: props.resetOnSuccess,\n    };\n    context.showPayment(modalOptions);\n    context.setRoute(ROUTES.CONFIRMATION);\n  }, [context, pay.order?.id, log, props.closeOnSuccess, props.resetOnSuccess]);\n\n  // Show the Worldcoin payment drawer and pop open the Daimo Pay modal\n  const show = useCallback(async () => {\n    log(`[WORLD] showing payment ${pay.order?.id}`);\n    if (!isMiniKitReady) {\n      console.error(\n        \"[WORLD] MiniKit is not installed. Please install @worldcoin/minikit-js to use this feature.\",\n      );\n      return;\n    }\n\n    if (\n      [\"payment_started\", \"payment_completed\", \"payment_bounced\"].includes(\n        pay.paymentState,\n      )\n    ) {\n      showSpinner();\n      return;\n    }\n\n    log(`[WORLD] hydrating order ${pay.order?.id}`);\n    const { order } = await pay.hydrateOrder();\n    log(\n      `[WORLD] hydrated order ${pay.order?.id}. Prompting payment with MiniKit`,\n    );\n    const payRes = await promptWorldcoinPayment(order, context.trpc);\n    if (payRes == null || payRes.finalPayload.status == \"error\") {\n      log(\"[WORLD] Failed to prompt Worldcoin payment: \", payRes);\n      return;\n    }\n\n    log(`[WORLD] triggering payment search on ${pay.order?.id}`);\n    pay.paySource();\n\n    // Optimistically assume the source payment is correct and show the\n    // confirmation spinner\n    showSpinner();\n  }, [pay, showSpinner, context.trpc, isMiniKitReady, log]);\n\n  return props.children({ show, isMiniKitReady });\n}\n\nWorldPayButtonCustom.displayName = \"WorldPayButton.Custom\";\n\nWorldPayButton.Custom = WorldPayButtonCustom;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"WorldPayButton.js","sources":["../../../src/world-mini-app/WorldPayButton.tsx"],"sourcesContent":["import {\n  assertNotNull,\n  DaimoPayEventType,\n  DaimoPayUserMetadata,\n  getDaimoPayOrderView,\n  getOrderDestChainId,\n  getOrderSourceChainId,\n  PaymentBouncedEvent,\n  PaymentCompletedEvent,\n  PaymentStartedEvent,\n  writeDaimoPayOrderID,\n} from \"@daimo/pay-common\";\nimport { ReactElement, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Address, Hex } from \"viem\";\nimport ThemedButton, {\n  ThemeContainer,\n} from \"../components/Common/ThemedButton\";\nimport { DaimoPayButtonInner } from \"../components/DaimoPayButton\";\nimport { ROUTES } from \"../constants/routes\";\nimport { useDaimoPay } from \"../hooks/useDaimoPay\";\nimport { usePayContext } from \"../hooks/usePayContext\";\nimport { ResetContainer } from \"../styles\";\nimport { CustomTheme, Mode, Theme } from \"../types\";\nimport { promptWorldcoinPayment } from \"./promptWorldPayment\";\n\nimport { MiniKit } from \"@worldcoin/minikit-js\";\nimport useIsMobile from \"../hooks/useIsMobile\";\n\nexport type WorldPayButtonPaymentProps =\n  | {\n      /**\n       * Your public app ID. Specify either (payId) or (appId + parameters).\n       */\n      appId: string;\n      /**\n       * Destination chain ID.\n       */\n      toChain: number;\n      /**\n       * The destination token to send, completing payment. Must be an ERC-20\n       * token or the zero address, indicating the native token / ETH.\n       */\n      toToken: Address;\n      /**\n       * The amount of destination token to send (transfer or approve).\n       */\n      toUnits: string;\n      /**\n       * The destination address to transfer to, or contract to call.\n       */\n      toAddress: Address;\n      /**\n       * Optional calldata to call an arbitrary function on `toAddress`.\n       */\n      toCallData?: Hex;\n      /**\n       * The intent verb, such as \"Pay\", \"Deposit\", or \"Purchase\".\n       */\n      intent?: string;\n      /**\n       * External ID. E.g. a correlation ID.\n       */\n      externalId?: string;\n      /**\n       * Developer metadata. E.g. correlation ID.\n       * */\n      metadata?: DaimoPayUserMetadata;\n      /**\n       * The address to refund to if the payment bounces.\n       */\n      refundAddress?: Address;\n    }\n  | {\n      /** The payment ID, generated via the Daimo Pay API. Replaces params above. */\n      payId: string;\n    };\n\ntype WorldPayButtonCommonProps = WorldPayButtonPaymentProps & {\n  /** Called when user sends payment and transaction is seen on chain */\n  onPaymentStarted?: (event: PaymentStartedEvent) => void;\n  /** Called when destination transfer or call completes successfully */\n  onPaymentCompleted?: (event: PaymentCompletedEvent) => void;\n  /** Called when destination call reverts and funds are refunded */\n  onPaymentBounced?: (event: PaymentBouncedEvent) => void;\n  /** Automatically close the modal after a successful payment. */\n  closeOnSuccess?: boolean;\n  /** Reset the payment after a successful payment. */\n  resetOnSuccess?: boolean;\n};\n\nexport type WorldPayButtonProps = WorldPayButtonCommonProps & {\n  /** Light mode, dark mode, or auto. */\n  mode?: Mode;\n  /** Named theme. See docs for options. */\n  theme?: Theme;\n  /** Custom theme. See docs for options. */\n  customTheme?: CustomTheme;\n  /** Disable interaction. */\n  disabled?: boolean;\n};\n\nexport type WorldPayButtonCustomProps = WorldPayButtonCommonProps & {\n  children: (renderProps: {\n    show: () => void;\n    isMiniKitReady: boolean;\n  }) => ReactElement;\n};\n\nexport function WorldPayButton(props: WorldPayButtonProps) {\n  const { theme, mode, customTheme } = props;\n  const context = usePayContext();\n\n  return (\n    <WorldPayButtonCustom {...props}>\n      {({ show, isMiniKitReady }) => (\n        <ResetContainer\n          $useTheme={theme ?? context.theme}\n          $useMode={mode ?? context.mode}\n          $customTheme={customTheme ?? context.customTheme}\n        >\n          <ThemeContainer\n            onClick={props.disabled || !isMiniKitReady ? undefined : show}\n          >\n            <ThemedButton>\n              <DaimoPayButtonInner />\n            </ThemedButton>\n          </ThemeContainer>\n        </ResetContainer>\n      )}\n    </WorldPayButtonCustom>\n  );\n}\n\nfunction WorldPayButtonCustom(props: WorldPayButtonCustomProps) {\n  const pay = useDaimoPay();\n  const context = usePayContext();\n  const { paymentState, log } = context;\n  const [isMiniKitReady, setIsMiniKitReady] = useState(false);\n  const { isIOS } = useIsMobile();\n\n  // Payment events: call these three event handlers.\n  const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;\n\n  // Install Minikit if not already installed\n  useEffect(() => {\n    log(\"[WORLD] Installing MiniKit\");\n    const result = MiniKit.install();\n    log(\"[WORLD] MiniKit install result\", result);\n    log(\"[WORLD] MiniKit is installed\", MiniKit.isInstalled());\n    setIsMiniKitReady(MiniKit.isInstalled());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Set the payParams\n  useEffect(() => {\n    if (\"payId\" in props) {\n      log(\"[WORLD] Using payId from props: \", props.payId);\n      paymentState.setPayId(props.payId);\n    } else {\n      log(\"[WORLD] Creating preview order\");\n      paymentState.setPayParams(props);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(props || {})]);\n\n  // Set the showContactSupport flag\n  useEffect(() => {\n    // Links are broken on iOS in World App, so hide the contact support button\n    context.setShowContactSupport(!isIOS);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isIOS]);\n\n  // Emit onPaymentStart handler when payment state changes to payment_started\n  const sentStart = useRef(false);\n  useEffect(() => {\n    if (sentStart.current) return;\n    if (pay.paymentState !== \"payment_started\") return;\n\n    // TODO: Populate source payment details immediately when the user pays.\n    // Use this hack because source chain id is not immediately populated when\n    // payment_started\n    const sourceChainId = getOrderSourceChainId(pay.order);\n    if (sourceChainId == null) return;\n\n    sentStart.current = true;\n    onPaymentStarted?.({\n      type: DaimoPayEventType.PaymentStarted,\n      paymentId: writeDaimoPayOrderID(pay.order.id),\n      chainId: sourceChainId,\n      txHash: pay.order.sourceInitiateTxHash,\n      payment: getDaimoPayOrderView(pay.order),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pay.order, pay.paymentState]);\n\n  // Emit onPaymentComplete or onPaymentBounced handler when payment state\n  // changes to payment_completed or payment_bounced\n  const sentComplete = useRef(false);\n  useEffect(() => {\n    if (sentComplete.current) return;\n    if (\n      pay.paymentState !== \"payment_completed\" &&\n      pay.paymentState !== \"payment_bounced\"\n    )\n      return;\n\n    sentComplete.current = true;\n    const eventType =\n      pay.paymentState === \"payment_completed\"\n        ? DaimoPayEventType.PaymentCompleted\n        : DaimoPayEventType.PaymentBounced;\n    const event = {\n      type: eventType,\n      paymentId: writeDaimoPayOrderID(pay.order.id),\n      chainId: getOrderDestChainId(pay.order),\n      txHash: assertNotNull(\n        pay.order.destFastFinishTxHash ?? pay.order.destClaimTxHash,\n        `[WORLD PAY BUTTON] dest tx hash null on order ${pay.order.id} when intent status is ${pay.order.intentStatus}`,\n      ),\n      payment: getDaimoPayOrderView(pay.order),\n    };\n\n    if (pay.paymentState === \"payment_completed\") {\n      onPaymentCompleted?.(event as PaymentCompletedEvent);\n    } else if (pay.paymentState === \"payment_bounced\") {\n      onPaymentBounced?.(event as PaymentBouncedEvent);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pay.order, pay.paymentState]);\n\n  // Navigate to the confirmation page in the modal to show the spinner\n  const showSpinner = useCallback(() => {\n    log(`[WORLD] showing spinner ${pay.order?.id}`);\n    const modalOptions = {\n      closeOnSuccess: props.closeOnSuccess,\n      resetOnSuccess: props.resetOnSuccess,\n    };\n    context.showPayment(modalOptions);\n    context.setRoute(ROUTES.CONFIRMATION);\n  }, [context, pay.order?.id, log, props.closeOnSuccess, props.resetOnSuccess]);\n\n  // Show the Worldcoin payment drawer and pop open the Daimo Pay modal\n  const show = useCallback(async () => {\n    log(`[WORLD] showing payment ${pay.order?.id}`);\n    if (!isMiniKitReady) {\n      console.error(\n        \"[WORLD] MiniKit is not installed. Please install @worldcoin/minikit-js to use this feature.\",\n      );\n      return;\n    }\n\n    if (\n      [\"payment_started\", \"payment_completed\", \"payment_bounced\"].includes(\n        pay.paymentState,\n      )\n    ) {\n      showSpinner();\n      return;\n    }\n\n    log(`[WORLD] hydrating order ${pay.order?.id}`);\n    const { order } = await pay.hydrateOrder();\n    log(\n      `[WORLD] hydrated order ${pay.order?.id}. Prompting payment with MiniKit`,\n    );\n    const payRes = await promptWorldcoinPayment(order, context.trpc);\n    if (payRes == null || payRes.finalPayload.status == \"error\") {\n      log(\"[WORLD] Failed to prompt Worldcoin payment: \", payRes);\n      return;\n    }\n\n    log(`[WORLD] triggering payment search on ${pay.order?.id}`);\n    pay.paySource();\n\n    // Optimistically assume the source payment is correct and show the\n    // confirmation spinner\n    showSpinner();\n  }, [pay, showSpinner, context.trpc, isMiniKitReady, log]);\n\n  return props.children({ show, isMiniKitReady });\n}\n\nWorldPayButtonCustom.displayName = \"WorldPayButton.Custom\";\n\nWorldPayButton.Custom = WorldPayButtonCustom;\n"],"names":[],"mappings":"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"}

package/build/world.d.ts

@@ -47,6 +47,9 @@ type WorldPayButtonPaymentProps = {
      * The address to refund to if the payment bounces.
      */
     refundAddress?: Address;
+} | {
+    /** The payment ID, generated via the Daimo Pay API. Replaces params above. */
+    payId: string;
 };
 type WorldPayButtonCommonProps = WorldPayButtonPaymentProps & {
     /** Called when user sends payment and transaction is seen on chain */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@daimo/pay",
   "private": false,
-  "version": "1.16.1",
+  "version": "1.16.3",
   "author": "Daimo",
   "homepage": "https://pay.daimo.com",
   "license": "BSD-2-Clause license",
@@ -33,7 +33,7 @@
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --max-warnings=0"
   },
   "dependencies": {
-    "@daimo/pay-common": "1.16.1",
+    "@daimo/pay-common": "1.16.3",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/wallet-adapter-react": "^0.15.35",
     "@solana/web3.js": "^1.95.4",
@@ -93,4 +93,4 @@
     "payment",
     "crypto"
   ]
-}
+}

package/build/assets/MobileWithLogos.d.ts

@@ -1,2 +0,0 @@
-export declare function MobileWithLogos(): import("react/jsx-runtime").JSX.Element;
-export default MobileWithLogos;

package/build/assets/ScanIconWithLogos.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-declare const ScanIconWithLogos: React.FC<{
-    logo?: React.ReactNode;
-    showQR?: boolean;
-}>;
-export default ScanIconWithLogos;

package/build/assets/browsers.d.ts

@@ -1,10 +0,0 @@
-/**
- * TODO: Move hex colors into css variables for p3 support
- */
-declare const _default: {
-    Chrome: import("react/jsx-runtime").JSX.Element;
-    FireFox: import("react/jsx-runtime").JSX.Element;
-    Brave: import("react/jsx-runtime").JSX.Element;
-    Edge: import("react/jsx-runtime").JSX.Element;
-};
-export default _default;

package/build/assets/chains.d.ts

@@ -1,28 +0,0 @@
-type Logo = {
-    testnet?: boolean;
-};
-export declare const UnknownChain: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Ethereum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Polygon: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Optimism: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Arbitrum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Telos: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Solana: ({ testnet, ...props }: {
-    testnet?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Bitcoin: ({ testnet, ...props }: {
-    testnet?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Tron: ({ testnet, ...props }: {
-    testnet?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Zcash: ({ testnet, ...props }: {
-    testnet?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Base: ({ testnet, ...props }: {
-    testnet?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const chainToLogo: {
-    [x: number]: import("react/jsx-runtime").JSX.Element;
-};
-export {};

package/build/assets/coins.d.ts

@@ -1,2 +0,0 @@
-export declare const USDC: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const DAI: (props: any) => import("react/jsx-runtime").JSX.Element;

package/build/assets/crepe.d.ts

@@ -1,3 +0,0 @@
-export default function CrepeIcon({ ...props }: {
-    [x: string]: any;
-}): import("react/jsx-runtime").JSX.Element;

package/build/assets/icons.d.ts

@@ -1,35 +0,0 @@
-export declare const Scan: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const WarningIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const Download: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ExternalLinkIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const AlertIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const DisconnectIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const TickIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const LoadingCircleIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const RetryIconCircle: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const RetryIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const CopyToClipboardIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const AuthIcon: ({ ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const SwitchIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/build/assets/logos.d.ts

@@ -1,207 +0,0 @@
-import React from "react";
-export declare const Mock: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Injected: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MetaMask: ({ background, ...props }: any) => import("react/jsx-runtime").JSX.Element;
-export declare const Base: () => import("react/jsx-runtime").JSX.Element;
-export declare const Family: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Trust: ({ background, ...props }: {
-    background?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const WalletIcon: ({ inverted }: {
-    inverted?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Argent: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Venmo: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const CashApp: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Revolut: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MercadoPago: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Wise: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ImToken: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Frame: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Farcaster: () => import("react/jsx-runtime").JSX.Element;
-export declare const MiniPay: () => import("react/jsx-runtime").JSX.Element;
-export declare const Rainbow: ({ round, ...props }: any) => import("react/jsx-runtime").JSX.Element;
-export declare const Brave: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Crypto: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Ledger: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Steak: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Unstoppable: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ONTO: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Slope: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Safe: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Frontier: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Zerion: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Phantom: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Solflare: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Backpack: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Bitget: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const PlaceHolder: () => import("react/jsx-runtime").JSX.Element;
-export declare const Dawn: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const InfinityWallet: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Rabby: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const OtherWallets: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const SquircleIcon: ({ icon, alt, }: {
-    icon: string | React.ComponentType<any>;
-    alt: string;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const _default: {
-    Mock: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Injected: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    OtherWallets: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    WalletIcon: ({ inverted }: {
-        inverted?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element;
-    MetaMask: ({ background, ...props }: any) => import("react/jsx-runtime").JSX.Element;
-    Base: () => import("react/jsx-runtime").JSX.Element;
-    Family: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Trust: ({ background, ...props }: {
-        background?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Argent: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    ImToken: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Rainbow: ({ round, ...props }: any) => import("react/jsx-runtime").JSX.Element;
-    Crypto: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Ledger: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Brave: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Steak: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Unstoppable: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    ONTO: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Slope: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Safe: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Frontier: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Zerion: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Phantom: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    PlaceHolder: () => import("react/jsx-runtime").JSX.Element;
-    Frame: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Dawn: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    InfinityWallet: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Rabby: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Fordefi: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    TokenPocket: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Talisman: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    SquircleIcon: ({ icon, alt, }: {
-        icon: string | React.ComponentType<any>;
-        alt: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Backpack: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Solflare: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    OKX: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Bitget: ({ ...props }: {
-        [x: string]: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Farcaster: () => import("react/jsx-runtime").JSX.Element;
-    MiniPay: () => import("react/jsx-runtime").JSX.Element;
-};
-export default _default;

package/build/assets/wallet.d.ts

@@ -1,3 +0,0 @@
-export default function WalletIcon({ ...props }: {
-    [x: string]: any;
-}): import("react/jsx-runtime").JSX.Element;

package/build/assets/wave.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("react/jsx-runtime").JSX.Element;
-export default _default;

package/build/components/Common/Alert/index.d.ts

@@ -1,6 +0,0 @@
-import { AlertProps } from "./types";
-declare const Alert: {
-    ({ children, error, icon }: AlertProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Alert;

package/build/components/Common/Alert/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const AlertContainer: any;
-export declare const IconContainer: any;

package/build/components/Common/Alert/types.d.ts

@@ -1,5 +0,0 @@
-export type AlertProps = {
-    children?: React.ReactNode;
-    icon?: React.ReactNode;
-    error?: boolean;
-};

package/build/components/Common/AmountInput/AmountInputField.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-declare const AmountInputField: React.FC<{
-    value: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    currency?: string;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-}>;
-export default AmountInputField;

package/build/components/Common/AmountInput/index.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { ROUTES } from "../../../constants/routes";
-import { WalletPaymentOption } from "@daimo/pay-common";
-declare const MultiCurrencySelectAmount: React.FC<{
-    selectedTokenOption: WalletPaymentOption;
-    setSelectedTokenOption: (option: WalletPaymentOption) => void;
-    nextPage: ROUTES;
-}>;
-export default MultiCurrencySelectAmount;

package/build/components/Common/Avatar/index.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-type Hash = `0x${string}`;
-export type CustomAvatarProps = {
-    address?: Hash | undefined;
-    ensName?: string | undefined;
-    ensImage?: string;
-    size: number;
-    radius: number;
-};
-/** Icon for an Ethereum address. Supports ENS names and avatars. */
-declare const Avatar: React.FC<{
-    address?: Hash | undefined;
-    name?: string | undefined;
-    size?: number;
-    radius?: number;
-}>;
-export default Avatar;

package/build/components/Common/Avatar/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const EnsAvatar: any;
-export declare const ImageContainer: any;

package/build/components/Common/BrowserIcon/index.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { BrowserIconProps } from "./types";
-declare const BrowserIcon: React.ForwardRefExoticComponent<BrowserIconProps & React.RefAttributes<HTMLElement>>;
-export default BrowserIcon;

package/build/components/Common/BrowserIcon/styles.d.ts

@@ -1 +0,0 @@
-export declare const BrowserIconContainer: any;

package/build/components/Common/BrowserIcon/types.d.ts

@@ -1,3 +0,0 @@
-export type BrowserIconProps = {
-    browser?: string;
-};

package/build/components/Common/Button/index.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ButtonProps } from "./types";
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/build/components/Common/Button/styles.d.ts

@@ -1,10 +0,0 @@
-export declare const SpinnerContainer: any;
-export declare const Arrow: any;
-export declare const ArrowChevron: any;
-export declare const ArrowLine: any;
-export declare const DownloadArrow: any;
-export declare const DownloadArrowInner: any;
-export declare const ButtonContainerInner: any;
-export declare const ButtonContainer: any;
-export declare const InnerContainer: any;
-export declare const IconContainer: any;

package/build/components/Common/Button/types.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export type ButtonProps = {
-    children?: React.ReactNode;
-    variant?: "primary" | "secondary" | "tertiary";
-    disabled?: boolean;
-    icon?: React.ReactNode;
-    iconPosition?: "left" | "right";
-    roundedIcon?: boolean;
-    waiting?: boolean;
-    arrow?: boolean;
-    download?: boolean;
-    href?: string;
-    style?: React.CSSProperties;
-    onClick?: (e: any) => void;
-};

package/build/components/Common/Chain/index.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-/** Icon for an EVM chain, given chain ID. No ID shows a loading spinner. */
-declare const Chain: React.FC<{
-    id?: number;
-    unsupported?: boolean;
-    radius?: number | string;
-    size?: number | string;
-}>;
-export default Chain;

package/build/components/Common/Chain/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const ChainContainer: any;
-export declare const LogoContainer: any;
-export declare const LoadingContainer: any;
-export declare const Unsupported: any;

package/build/components/Common/ChainSelectList/index.d.ts

@@ -1,4 +0,0 @@
-declare const ChainSelectList: ({ variant, }: {
-    variant?: "primary" | "secondary";
-}) => import("react/jsx-runtime").JSX.Element;
-export default ChainSelectList;

package/build/components/Common/ChainSelectList/styles.d.ts

@@ -1,9 +0,0 @@
-export declare const SwitchNetworksContainer: any;
-export declare const ChainIcon: any;
-export declare const ChainLogoContainer: any;
-export declare const ChainLogoSpinner: any;
-export declare const ChainButtonContainer: any;
-export declare const ChainButtons: any;
-export declare const ChainButton: any;
-export declare const ChainButtonStatus: any;
-export declare const ChainButtonBg: any;

package/build/components/Common/CircleTimer.d.ts

@@ -1,17 +0,0 @@
-import React, { ReactNode } from "react";
-export type CircleTimerProps = {
-    /** Total seconds in the countdown */
-    total: number;
-    /** Diameter (outer) in px – should be an even integer */
-    size?: number;
-    /** Stroke width in px – integer */
-    stroke?: number;
-    /** Externally controlled seconds left */
-    currentTime?: number;
-    /** Fired each second with updated seconds left */
-    onTimeChange?: (seconds: number) => void;
-    /** Child can be placed at the centre (e.g. an icon) */
-    children?: ReactNode;
-};
-declare const CircleTimer: React.FC<CircleTimerProps>;
-export default CircleTimer;

package/build/components/Common/ConnectorList/index.d.ts

@@ -1,2 +0,0 @@
-declare const ConnectorList: () => import("react/jsx-runtime").JSX.Element;
-export default ConnectorList;

package/build/components/Common/ConnectorList/styles.d.ts

@@ -1,8 +0,0 @@
-export declare const Pulse: import("styled-components").Keyframes;
-export declare const ConnectorButton: any;
-export declare const ConnectorLabel: any;
-export declare const ConnectorIcon: any;
-export declare const SkeletonIcon: any;
-export declare const SkeletonLabel: any;
-export declare const RecentlyUsedTag: any;
-export declare const ConnectorsContainer: any;

package/build/components/Common/CopyToClipboard/CopyToClipboardIcon.d.ts

@@ -1,6 +0,0 @@
-declare const CopyToClipboardIcon: ({ copied, small, dark, }: {
-    copied?: boolean;
-    small?: boolean;
-    dark?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default CopyToClipboardIcon;

package/build/components/Common/CopyToClipboard/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-declare const CopyToClipboard: React.FC<{
-    string?: string;
-    children?: React.ReactNode;
-    variant?: "button" | "left";
-}>;
-export default CopyToClipboard;