@daimo/pay 1.15.0 → 1.16.1

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

@@ -13,126 +13,121 @@ import useIsMobile from '../hooks/useIsMobile.js';
 import { ThemeContainer } from '../components/Common/ThemedButton/styles.js';
 
 function WorldPayButton(props) {
-    const { theme, mode, customTheme } = props;
-    const context = usePayContext();
-    return (jsx(WorldPayButtonCustom, { ...props, children: ({ show, isMiniKitReady }) => (jsx(ResetContainer, { "$useTheme": theme ?? context.theme, "$useMode": mode ?? context.mode, "$customTheme": customTheme ?? context.customTheme, children: jsx(ThemeContainer, { onClick: props.disabled || !isMiniKitReady ? undefined : show, children: jsx(ThemedButton, { children: jsx(DaimoPayButtonInner, {}) }) }) })) }));
+  const { theme, mode, customTheme } = props;
+  const context = usePayContext();
+  return /* @__PURE__ */ jsx(WorldPayButtonCustom, { ...props, children: ({ show, isMiniKitReady }) => /* @__PURE__ */ jsx(
+    ResetContainer,
+    {
+      $useTheme: theme ?? context.theme,
+      $useMode: mode ?? context.mode,
+      $customTheme: customTheme ?? context.customTheme,
+      children: /* @__PURE__ */ jsx(
+        ThemeContainer,
+        {
+          onClick: props.disabled || !isMiniKitReady ? void 0 : show,
+          children: /* @__PURE__ */ jsx(ThemedButton, { children: /* @__PURE__ */ jsx(DaimoPayButtonInner, {}) })
+        }
+      )
+    }
+  ) });
 }
 function WorldPayButtonCustom(props) {
-    const pay = useDaimoPay();
-    const context = usePayContext();
-    const { paymentState, log } = context;
-    const [isMiniKitReady, setIsMiniKitReady] = useState(false);
-    const { isIOS } = useIsMobile();
-    // Payment events: call these three event handlers.
-    const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;
-    // Install Minikit if not already installed
-    useEffect(() => {
-        log("[WORLD] Installing MiniKit");
-        const result = MiniKit.install();
-        log("[WORLD] MiniKit install result", result);
-        log("[WORLD] MiniKit is installed", MiniKit.isInstalled());
-        setIsMiniKitReady(MiniKit.isInstalled());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // Set the payParams
-    useEffect(() => {
-        log("[WORLD] Creating preview order");
-        paymentState.setPayParams(props);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [JSON.stringify(props || {})]);
-    // Set the showContactSupport flag
-    useEffect(() => {
-        // Links are broken on iOS in World App, so hide the contact support button
-        context.setShowContactSupport(!isIOS);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isIOS]);
-    // Emit onPaymentStart handler when payment state changes to payment_started
-    const sentStart = useRef(false);
-    useEffect(() => {
-        if (sentStart.current)
-            return;
-        if (pay.paymentState !== "payment_started")
-            return;
-        // TODO: Populate source payment details immediately when the user pays.
-        // Use this hack because source chain id is not immediately populated when
-        // payment_started
-        const sourceChainId = getOrderSourceChainId(pay.order);
-        if (sourceChainId == null)
-            return;
-        sentStart.current = true;
-        onPaymentStarted?.({
-            type: DaimoPayEventType.PaymentStarted,
-            paymentId: writeDaimoPayOrderID(pay.order.id),
-            chainId: sourceChainId,
-            txHash: pay.order.sourceInitiateTxHash,
-            payment: getDaimoPayOrderView(pay.order),
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pay.order, pay.paymentState]);
-    // Emit onPaymentComplete or onPaymentBounced handler when payment state
-    // changes to payment_completed or payment_bounced
-    const sentComplete = useRef(false);
-    useEffect(() => {
-        if (sentComplete.current)
-            return;
-        if (pay.paymentState !== "payment_completed" &&
-            pay.paymentState !== "payment_bounced")
-            return;
-        sentComplete.current = true;
-        const eventType = pay.paymentState === "payment_completed"
-            ? DaimoPayEventType.PaymentCompleted
-            : DaimoPayEventType.PaymentBounced;
-        const event = {
-            type: eventType,
-            paymentId: writeDaimoPayOrderID(pay.order.id),
-            chainId: getOrderDestChainId(pay.order),
-            txHash: assertNotNull(pay.order.destFastFinishTxHash ?? pay.order.destClaimTxHash, `[WORLD PAY BUTTON] dest tx hash null on order ${pay.order.id} when intent status is ${pay.order.intentStatus}`),
-            payment: getDaimoPayOrderView(pay.order),
-        };
-        if (pay.paymentState === "payment_completed") {
-            onPaymentCompleted?.(event);
-        }
-        else if (pay.paymentState === "payment_bounced") {
-            onPaymentBounced?.(event);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pay.order, pay.paymentState]);
-    // Navigate to the confirmation page in the modal to show the spinner
-    const showSpinner = useCallback(() => {
-        log(`[WORLD] showing spinner ${pay.order?.id}`);
-        const modalOptions = {
-            closeOnSuccess: props.closeOnSuccess,
-            resetOnSuccess: props.resetOnSuccess,
-        };
-        context.showPayment(modalOptions);
-        context.setRoute(ROUTES.CONFIRMATION);
-    }, [context, pay.order?.id, log, props.closeOnSuccess, props.resetOnSuccess]);
-    // Show the Worldcoin payment drawer and pop open the Daimo Pay modal
-    const show = useCallback(async () => {
-        log(`[WORLD] showing payment ${pay.order?.id}`);
-        if (!isMiniKitReady) {
-            console.error("[WORLD] MiniKit is not installed. Please install @worldcoin/minikit-js to use this feature.");
-            return;
-        }
-        if (["payment_started", "payment_completed", "payment_bounced"].includes(pay.paymentState)) {
-            showSpinner();
-            return;
-        }
-        log(`[WORLD] hydrating order ${pay.order?.id}`);
-        const { order } = await pay.hydrateOrder();
-        log(`[WORLD] hydrated order ${pay.order?.id}. Prompting payment with MiniKit`);
-        const payRes = await promptWorldcoinPayment(order, context.trpc);
-        if (payRes == null || payRes.finalPayload.status == "error") {
-            log("[WORLD] Failed to prompt Worldcoin payment: ", payRes);
-            return;
-        }
-        log(`[WORLD] triggering payment search on ${pay.order?.id}`);
-        pay.paySource();
-        // Optimistically assume the source payment is correct and show the
-        // confirmation spinner
-        showSpinner();
-    }, [pay, showSpinner, context.trpc, isMiniKitReady, log]);
-    return props.children({ show, isMiniKitReady });
+  const pay = useDaimoPay();
+  const context = usePayContext();
+  const { paymentState, log } = context;
+  const [isMiniKitReady, setIsMiniKitReady] = useState(false);
+  const { isIOS } = useIsMobile();
+  const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;
+  useEffect(() => {
+    log("[WORLD] Installing MiniKit");
+    const result = MiniKit.install();
+    log("[WORLD] MiniKit install result", result);
+    log("[WORLD] MiniKit is installed", MiniKit.isInstalled());
+    setIsMiniKitReady(MiniKit.isInstalled());
+  }, []);
+  useEffect(() => {
+    log("[WORLD] Creating preview order");
+    paymentState.setPayParams(props);
+  }, [JSON.stringify(props || {})]);
+  useEffect(() => {
+    context.setShowContactSupport(!isIOS);
+  }, [isIOS]);
+  const sentStart = useRef(false);
+  useEffect(() => {
+    if (sentStart.current) return;
+    if (pay.paymentState !== "payment_started") return;
+    const sourceChainId = getOrderSourceChainId(pay.order);
+    if (sourceChainId == null) return;
+    sentStart.current = true;
+    onPaymentStarted?.({
+      type: DaimoPayEventType.PaymentStarted,
+      paymentId: writeDaimoPayOrderID(pay.order.id),
+      chainId: sourceChainId,
+      txHash: pay.order.sourceInitiateTxHash,
+      payment: getDaimoPayOrderView(pay.order)
+    });
+  }, [pay.order, pay.paymentState]);
+  const sentComplete = useRef(false);
+  useEffect(() => {
+    if (sentComplete.current) return;
+    if (pay.paymentState !== "payment_completed" && pay.paymentState !== "payment_bounced")
+      return;
+    sentComplete.current = true;
+    const eventType = pay.paymentState === "payment_completed" ? DaimoPayEventType.PaymentCompleted : DaimoPayEventType.PaymentBounced;
+    const event = {
+      type: eventType,
+      paymentId: writeDaimoPayOrderID(pay.order.id),
+      chainId: getOrderDestChainId(pay.order),
+      txHash: assertNotNull(
+        pay.order.destFastFinishTxHash ?? pay.order.destClaimTxHash,
+        `[WORLD PAY BUTTON] dest tx hash null on order ${pay.order.id} when intent status is ${pay.order.intentStatus}`
+      ),
+      payment: getDaimoPayOrderView(pay.order)
+    };
+    if (pay.paymentState === "payment_completed") {
+      onPaymentCompleted?.(event);
+    } else if (pay.paymentState === "payment_bounced") {
+      onPaymentBounced?.(event);
+    }
+  }, [pay.order, pay.paymentState]);
+  const showSpinner = useCallback(() => {
+    log(`[WORLD] showing spinner ${pay.order?.id}`);
+    const modalOptions = {
+      closeOnSuccess: props.closeOnSuccess,
+      resetOnSuccess: props.resetOnSuccess
+    };
+    context.showPayment(modalOptions);
+    context.setRoute(ROUTES.CONFIRMATION);
+  }, [context, pay.order?.id, log, props.closeOnSuccess, props.resetOnSuccess]);
+  const show = useCallback(async () => {
+    log(`[WORLD] showing payment ${pay.order?.id}`);
+    if (!isMiniKitReady) {
+      console.error(
+        "[WORLD] MiniKit is not installed. Please install @worldcoin/minikit-js to use this feature."
+      );
+      return;
+    }
+    if (["payment_started", "payment_completed", "payment_bounced"].includes(
+      pay.paymentState
+    )) {
+      showSpinner();
+      return;
+    }
+    log(`[WORLD] hydrating order ${pay.order?.id}`);
+    const { order } = await pay.hydrateOrder();
+    log(
+      `[WORLD] hydrated order ${pay.order?.id}. Prompting payment with MiniKit`
+    );
+    const payRes = await promptWorldcoinPayment(order, context.trpc);
+    if (payRes == null || payRes.finalPayload.status == "error") {
+      log("[WORLD] Failed to prompt Worldcoin payment: ", payRes);
+      return;
+    }
+    log(`[WORLD] triggering payment search on ${pay.order?.id}`);
+    pay.paySource();
+    showSpinner();
+  }, [pay, showSpinner, context.trpc, isMiniKitReady, log]);
+  return props.children({ show, isMiniKitReady });
 }
 WorldPayButtonCustom.displayName = "WorldPayButton.Custom";
 WorldPayButton.Custom = WorldPayButtonCustom;

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

@@ -1 +1 @@
-{"version":3,"file":"WorldPayButton.js","sources":["../../../src/world-mini-app/WorldPayButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"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   * 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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"}

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

@@ -2,55 +2,57 @@ import { worldchainWLD, worldchainUSDC, assert } from '@daimo/pay-common';
 import { getAddress } from 'viem';
 import { MiniKit, Tokens } from '@worldcoin/minikit-js';
 
-/**
- * Open Worldcoin's payment drawer and prompt the user to pay a Daimo Pay order.
- */
 async function promptWorldcoinPayment(order, trpc) {
-    try {
-        if (!MiniKit.isInstalled()) {
-            console.error("[WORLD] MiniKit is not installed. Please install @worldcoin/minikit-js to use this feature.");
-            return null;
-        }
-        const paymentOptions = (await trpc.getTokenPaymentOptions.query({
-            orderId: order.id,
-            tokens: [
-                {
-                    chainId: worldchainWLD.chainId,
-                    token: worldchainWLD.token,
-                },
-                {
-                    chainId: worldchainUSDC.chainId,
-                    token: worldchainUSDC.token,
-                },
-            ],
-        }));
-        const wld = paymentOptions.find((opt) => getAddress(opt.token.token) === getAddress(worldchainWLD.token));
-        const usdc = paymentOptions.find((opt) => getAddress(opt.token.token) === getAddress(worldchainUSDC.token));
-        assert(wld != null, "WLD DP token not found");
-        assert(usdc != null, "USDC DP token not found");
-        const paymentId = crypto.randomUUID().replace(/-/g, "");
-        const payload = {
-            reference: paymentId,
-            to: order.intentAddr,
-            tokens: [
-                {
-                    symbol: Tokens.WLD,
-                    token_amount: wld.amount,
-                },
-                {
-                    symbol: Tokens.USDC,
-                    token_amount: usdc.amount,
-                },
-            ],
-            description: order.metadata.intent,
-        };
-        const { finalPayload } = await MiniKit.commandsAsync.pay(payload);
-        return { paymentId, finalPayload };
-    }
-    catch (error) {
-        console.error("[WORLD] Error sending payment", error);
-        return null;
+  try {
+    if (!MiniKit.isInstalled()) {
+      console.error(
+        "[WORLD] MiniKit is not installed. Please install @worldcoin/minikit-js to use this feature."
+      );
+      return null;
     }
+    const paymentOptions = await trpc.getTokenPaymentOptions.query({
+      orderId: order.id,
+      tokens: [
+        {
+          chainId: worldchainWLD.chainId,
+          token: worldchainWLD.token
+        },
+        {
+          chainId: worldchainUSDC.chainId,
+          token: worldchainUSDC.token
+        }
+      ]
+    });
+    const wld = paymentOptions.find(
+      (opt) => getAddress(opt.token.token) === getAddress(worldchainWLD.token)
+    );
+    const usdc = paymentOptions.find(
+      (opt) => getAddress(opt.token.token) === getAddress(worldchainUSDC.token)
+    );
+    assert(wld != null, "WLD DP token not found");
+    assert(usdc != null, "USDC DP token not found");
+    const paymentId = crypto.randomUUID().replace(/-/g, "");
+    const payload = {
+      reference: paymentId,
+      to: order.intentAddr,
+      tokens: [
+        {
+          symbol: Tokens.WLD,
+          token_amount: wld.amount
+        },
+        {
+          symbol: Tokens.USDC,
+          token_amount: usdc.amount
+        }
+      ],
+      description: order.metadata.intent
+    };
+    const { finalPayload } = await MiniKit.commandsAsync.pay(payload);
+    return { paymentId, finalPayload };
+  } catch (error) {
+    console.error("[WORLD] Error sending payment", error);
+    return null;
+  }
 }
 
 export { promptWorldcoinPayment };

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

@@ -1 +1 @@
-{"version":3,"file":"promptWorldPayment.js","sources":["../../../src/world-mini-app/promptWorldPayment.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAgBA;;AAEG;AACI,eAAe,sBAAsB,CAC1C,KAAmC,EACnC,IAAS,EAAA;AAET,IAAA,IAAI;AACF,QAAA,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE;AAC1B,YAAA,OAAO,CAAC,KAAK,CACX,6FAA6F,CAC9F,CAAC;AACF,YAAA,OAAO,IAAI,CAAC;SACb;QAED,MAAM,cAAc,IAAI,MAAM,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC;YAC9D,OAAO,EAAE,KAAK,CAAC,EAAE;AACjB,YAAA,MAAM,EAAE;AACN,gBAAA;oBACE,OAAO,EAAE,aAAa,CAAC,OAAO;oBAC9B,KAAK,EAAE,aAAa,CAAC,KAAK;AAC3B,iBAAA;AACD,gBAAA;oBACE,OAAO,EAAE,cAAc,CAAC,OAAO;oBAC/B,KAAK,EAAE,cAAc,CAAC,KAAK;AAC5B,iBAAA;AACF,aAAA;AACF,SAAA,CAAC,CAA0B,CAAC;QAE7B,MAAM,GAAG,GAAG,cAAc,CAAC,IAAI,CAC7B,CAAC,GAAG,KAAK,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CACzE,CAAC;QACF,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAC9B,CAAC,GAAG,KAAK,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAC1E,CAAC;AAEF,QAAA,MAAM,CAAC,GAAG,IAAI,IAAI,EAAE,wBAAwB,CAAC,CAAC;AAC9C,QAAA,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE,yBAAyB,CAAC,CAAC;AAEhD,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACxD,QAAA,MAAM,OAAO,GAAoB;AAC/B,YAAA,SAAS,EAAE,SAAS;YACpB,EAAE,EAAE,KAAK,CAAC,UAAU;AACpB,YAAA,MAAM,EAAE;AACN,gBAAA;oBACE,MAAM,EAAE,MAAM,CAAC,GAAG;oBAClB,YAAY,EAAE,GAAG,CAAC,MAAM;AACzB,iBAAA;AACD,gBAAA;oBACE,MAAM,EAAE,MAAM,CAAC,IAAI;oBACnB,YAAY,EAAE,IAAI,CAAC,MAAM;AAC1B,iBAAA;AACF,aAAA;AACD,YAAA,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM;SACnC,CAAC;AACF,QAAA,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAClE,QAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;KACpC;IAAC,OAAO,KAAc,EAAE;AACvB,QAAA,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;AACtD,QAAA,OAAO,IAAI,CAAC;KACb;AACH;;;;"}
+{"version":3,"file":"promptWorldPayment.js","sources":["../../../src/world-mini-app/promptWorldPayment.ts"],"sourcesContent":["import {\n  assert,\n  DaimoPayHydratedOrderWithOrg,\n  DaimoPayTokenAmount,\n  worldchainUSDC,\n  worldchainWLD,\n} from \"@daimo/pay-common\";\nimport { getAddress } from \"viem\";\n\nimport {\n  MiniAppPaymentPayload,\n  MiniKit,\n  PayCommandInput,\n  Tokens,\n} from \"@worldcoin/minikit-js\";\n\n/**\n * Open Worldcoin's payment drawer and prompt the user to pay a Daimo Pay order.\n */\nexport async function promptWorldcoinPayment(\n  order: DaimoPayHydratedOrderWithOrg,\n  trpc: any,\n): Promise<{ paymentId: string; finalPayload: MiniAppPaymentPayload } | null> {\n  try {\n    if (!MiniKit.isInstalled()) {\n      console.error(\n        \"[WORLD] MiniKit is not installed. Please install @worldcoin/minikit-js to use this feature.\",\n      );\n      return null;\n    }\n\n    const paymentOptions = (await trpc.getTokenPaymentOptions.query({\n      orderId: order.id,\n      tokens: [\n        {\n          chainId: worldchainWLD.chainId,\n          token: worldchainWLD.token,\n        },\n        {\n          chainId: worldchainUSDC.chainId,\n          token: worldchainUSDC.token,\n        },\n      ],\n    })) as DaimoPayTokenAmount[];\n\n    const wld = paymentOptions.find(\n      (opt) => getAddress(opt.token.token) === getAddress(worldchainWLD.token),\n    );\n    const usdc = paymentOptions.find(\n      (opt) => getAddress(opt.token.token) === getAddress(worldchainUSDC.token),\n    );\n\n    assert(wld != null, \"WLD DP token not found\");\n    assert(usdc != null, \"USDC DP token not found\");\n\n    const paymentId = crypto.randomUUID().replace(/-/g, \"\");\n    const payload: PayCommandInput = {\n      reference: paymentId,\n      to: order.intentAddr,\n      tokens: [\n        {\n          symbol: Tokens.WLD,\n          token_amount: wld.amount,\n        },\n        {\n          symbol: Tokens.USDC,\n          token_amount: usdc.amount,\n        },\n      ],\n      description: order.metadata.intent,\n    };\n    const { finalPayload } = await MiniKit.commandsAsync.pay(payload);\n    return { paymentId, finalPayload };\n  } catch (error: unknown) {\n    console.error(\"[WORLD] Error sending payment\", error);\n    return null;\n  }\n}\n"],"names":[],"mappings":";;;;AAmBsB,eAAA,sBAAA,CACpB,OACA,IAC4E,EAAA;AAC5E,EAAI,IAAA;AACF,IAAI,IAAA,CAAC,OAAQ,CAAA,WAAA,EAAe,EAAA;AAC1B,MAAQ,OAAA,CAAA,KAAA;AAAA,QACN,6FAAA;AAAA,OACF,CAAA;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,cAAkB,GAAA,MAAM,IAAK,CAAA,sBAAA,CAAuB,KAAM,CAAA;AAAA,MAC9D,SAAS,KAAM,CAAA,EAAA;AAAA,MACf,MAAQ,EAAA;AAAA,QACN;AAAA,UACE,SAAS,aAAc,CAAA,OAAA;AAAA,UACvB,OAAO,aAAc,CAAA,KAAA;AAAA,SACvB;AAAA,QACA;AAAA,UACE,SAAS,cAAe,CAAA,OAAA;AAAA,UACxB,OAAO,cAAe,CAAA,KAAA;AAAA,SACxB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,MAAM,cAAe,CAAA,IAAA;AAAA,MACzB,CAAC,QAAQ,UAAW,CAAA,GAAA,CAAI,MAAM,KAAK,CAAA,KAAM,UAAW,CAAA,aAAA,CAAc,KAAK,CAAA;AAAA,KACzE,CAAA;AACA,IAAA,MAAM,OAAO,cAAe,CAAA,IAAA;AAAA,MAC1B,CAAC,QAAQ,UAAW,CAAA,GAAA,CAAI,MAAM,KAAK,CAAA,KAAM,UAAW,CAAA,cAAA,CAAe,KAAK,CAAA;AAAA,KAC1E,CAAA;AAEA,IAAO,MAAA,CAAA,GAAA,IAAO,MAAM,wBAAwB,CAAA,CAAA;AAC5C,IAAO,MAAA,CAAA,IAAA,IAAQ,MAAM,yBAAyB,CAAA,CAAA;AAE9C,IAAA,MAAM,YAAY,MAAO,CAAA,UAAA,EAAa,CAAA,OAAA,CAAQ,MAAM,EAAE,CAAA,CAAA;AACtD,IAAA,MAAM,OAA2B,GAAA;AAAA,MAC/B,SAAW,EAAA,SAAA;AAAA,MACX,IAAI,KAAM,CAAA,UAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN;AAAA,UACE,QAAQ,MAAO,CAAA,GAAA;AAAA,UACf,cAAc,GAAI,CAAA,MAAA;AAAA,SACpB;AAAA,QACA;AAAA,UACE,QAAQ,MAAO,CAAA,IAAA;AAAA,UACf,cAAc,IAAK,CAAA,MAAA;AAAA,SACrB;AAAA,OACF;AAAA,MACA,WAAA,EAAa,MAAM,QAAS,CAAA,MAAA;AAAA,KAC9B,CAAA;AACA,IAAA,MAAM,EAAE,YAAa,EAAA,GAAI,MAAM,OAAQ,CAAA,aAAA,CAAc,IAAI,OAAO,CAAA,CAAA;AAChE,IAAO,OAAA,EAAE,WAAW,YAAa,EAAA,CAAA;AAAA,WAC1B,KAAgB,EAAA;AACvB,IAAQ,OAAA,CAAA,KAAA,CAAM,iCAAiC,KAAK,CAAA,CAAA;AACpD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACF;;;;"}

package/build/types-7ed033b6.d.ts

@@ -0,0 +1,66 @@
+import React__default, { ReactNode } from 'react';
+
+type Hash = `0x${string}`;
+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__default.FC<{
+    address?: Hash | undefined;
+    name?: string | undefined;
+    size?: number;
+    radius?: number;
+}>;
+
+type Languages$1 = "ar-AE" | "en-US" | "ee-EE" | "es-ES" | "fa-IR" | "fr-FR" | "ja-JP" | "pt-BR" | "zh-CN" | "ca-AD" | "ru-RU" | "zh-CN" | "tr-TR" | "vi-VN";
+
+type Languages = Languages$1;
+type Theme = "auto" | "web95" | "retro" | "soft" | "midnight" | "minimal" | "rounded" | "nouns";
+type Mode = "light" | "dark" | "auto";
+type CustomTheme = any;
+type All = {
+    theme?: Theme;
+    mode?: Mode;
+    customTheme?: CustomTheme;
+    lang?: Languages;
+};
+
+/** Global options, across all pay buttons and payments. */
+type DaimoPayContextOptions = {
+    language?: Languages;
+    hideBalance?: boolean;
+    hideTooltips?: boolean;
+    hideQuestionMarkCTA?: boolean;
+    hideNoWalletCTA?: boolean;
+    hideRecentBadge?: boolean;
+    /** Avoids layout shift when the DaimoPay modal is open by adding padding to the body */
+    avoidLayoutShift?: boolean;
+    /** Automatically embeds Google Font of the current theme. Does not work with custom themes */
+    embedGoogleFonts?: boolean;
+    truncateLongENSAddress?: boolean;
+    reducedMotion?: boolean;
+    disclaimer?: ReactNode | string;
+    bufferPolyfill?: boolean;
+    customAvatar?: React.FC<CustomAvatarProps>;
+    initialChainId?: number;
+    enforceSupportedChains?: boolean;
+    ethereumOnboardingUrl?: string;
+    walletOnboardingUrl?: string;
+    /** Blur the background when the modal is open */
+    overlayBlur?: number;
+    /** Disable mobile wallet injector detection */
+    disableMobileInjector?: boolean;
+};
+/** Modal UI options, set on the pay button triggering that modal. */
+type DaimoPayModalOptions = {
+    closeOnSuccess?: boolean;
+    resetOnSuccess?: boolean;
+    connectedWalletOnly?: boolean;
+};
+
+export { Avatar as A };
+export type { CustomTheme as C, DaimoPayContextOptions as D, Languages as L, Mode as M, Theme as T, DaimoPayModalOptions as a, CustomAvatarProps as b, All as c };

package/build/world.d.ts

@@ -1 +1,89 @@
-export { WorldPayButton, WorldPayButtonCustomProps, WorldPayButtonProps, } from "./world-mini-app/WorldPayButton";
+import * as React from 'react';
+import { ReactElement } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PaymentStartedEvent, PaymentCompletedEvent, PaymentBouncedEvent, DaimoPayUserMetadata } from '@daimo/pay-common';
+import { Address, Hex } from 'viem';
+import { M as Mode, T as Theme, C as CustomTheme } from './types-7ed033b6.js';
+
+type WorldPayButtonPaymentProps = {
+    /**
+     * Your public app ID. Specify either (payId) or (appId + parameters).
+     */
+    appId: string;
+    /**
+     * Destination chain ID.
+     */
+    toChain: number;
+    /**
+     * The destination token to send, completing payment. Must be an ERC-20
+     * token or the zero address, indicating the native token / ETH.
+     */
+    toToken: Address;
+    /**
+     * The amount of destination token to send (transfer or approve).
+     */
+    toUnits: string;
+    /**
+     * The destination address to transfer to, or contract to call.
+     */
+    toAddress: Address;
+    /**
+     * Optional calldata to call an arbitrary function on `toAddress`.
+     */
+    toCallData?: Hex;
+    /**
+     * The intent verb, such as "Pay", "Deposit", or "Purchase".
+     */
+    intent?: string;
+    /**
+     * External ID. E.g. a correlation ID.
+     */
+    externalId?: string;
+    /**
+     * Developer metadata. E.g. correlation ID.
+     * */
+    metadata?: DaimoPayUserMetadata;
+    /**
+     * The address to refund to if the payment bounces.
+     */
+    refundAddress?: Address;
+};
+type WorldPayButtonCommonProps = WorldPayButtonPaymentProps & {
+    /** Called when user sends payment and transaction is seen on chain */
+    onPaymentStarted?: (event: PaymentStartedEvent) => void;
+    /** Called when destination transfer or call completes successfully */
+    onPaymentCompleted?: (event: PaymentCompletedEvent) => void;
+    /** Called when destination call reverts and funds are refunded */
+    onPaymentBounced?: (event: PaymentBouncedEvent) => void;
+    /** Automatically close the modal after a successful payment. */
+    closeOnSuccess?: boolean;
+    /** Reset the payment after a successful payment. */
+    resetOnSuccess?: boolean;
+};
+type WorldPayButtonProps = WorldPayButtonCommonProps & {
+    /** Light mode, dark mode, or auto. */
+    mode?: Mode;
+    /** Named theme. See docs for options. */
+    theme?: Theme;
+    /** Custom theme. See docs for options. */
+    customTheme?: CustomTheme;
+    /** Disable interaction. */
+    disabled?: boolean;
+};
+type WorldPayButtonCustomProps = WorldPayButtonCommonProps & {
+    children: (renderProps: {
+        show: () => void;
+        isMiniKitReady: boolean;
+    }) => ReactElement;
+};
+declare function WorldPayButton(props: WorldPayButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace WorldPayButton {
+    var Custom: typeof WorldPayButtonCustom;
+}
+declare function WorldPayButtonCustom(props: WorldPayButtonCustomProps): ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare namespace WorldPayButtonCustom {
+    var displayName: string;
+}
+
+export { WorldPayButton };
+export type { WorldPayButtonCustomProps, WorldPayButtonProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@daimo/pay",
   "private": false,
-  "version": "1.15.0",
+  "version": "1.16.1",
   "author": "Daimo",
   "homepage": "https://pay.daimo.com",
   "license": "BSD-2-Clause license",
@@ -33,8 +33,7 @@
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --max-warnings=0"
   },
   "dependencies": {
-    "@daimo/pay-common": "1.15.0",
-    "@rollup/plugin-typescript": "^12.1.2",
+    "@daimo/pay-common": "1.16.1",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/wallet-adapter-react": "^0.15.35",
     "@solana/web3.js": "^1.95.4",
@@ -57,7 +56,7 @@
     "react": "18.x || 19.x",
     "react-dom": "18.x || 19.x",
     "viem": ">=2.22.0",
-    "wagmi": "2.x"
+    "wagmi": "^2.16.4"
   },
   "peerDependenciesMeta": {
     "@worldcoin/minikit-js": {
@@ -66,6 +65,8 @@
   },
   "devDependencies": {
     "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.1",
+    "@rollup/plugin-typescript": "^12.1.4",
     "@types/node": "^20.14.12",
     "@types/qrcode": "^1.4.2",
     "@types/react": "^18.2.47",
@@ -75,6 +76,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "rollup": "^3.29.5",
     "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-visualizer": "^5.5.4",
     "typescript-plugin-styled-components": "^3.0.0"