@daimo/pay 1.19.5 → 1.19.7

package/build/pay/packages/connectkit/src/world-mini-app/WorldPayButton.js

@@ -0,0 +1,165 @@
+import { jsx } from 'react/jsx-runtime';
+import { getOrderSourceChainId, DaimoPayEventType, writeDaimoPayOrderID, getDaimoPayOrderView, getOrderDestChainId, assertNotNull } from '@daimo/pay-common';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import ThemedButton from '../components/Common/ThemedButton/index.js';
+import { DaimoPayButtonInner } from '../components/DaimoPayButton/index.js';
+import { ROUTES } from '../constants/routes.js';
+import { useDaimoPay } from '../hooks/useDaimoPay.js';
+import { usePayContext } from '../hooks/usePayContext.js';
+import { ResetContainer } from '../styles/index.js';
+import { promptWorldcoinPayment } from './promptWorldPayment.js';
+import { MiniKit } from '@worldcoin/minikit-js';
+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 /* @__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();
+  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(() => {
+    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);
+  }, [isIOS]);
+  const hasAutoOpened = useRef(false);
+  useEffect(() => {
+    if (!props.defaultOpen || hasAutoOpened.current) return;
+    if (pay.order == null) return;
+    show();
+    hasAutoOpened.current = true;
+  }, [pay.order, props.defaultOpen, hasAutoOpened.current]);
+  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);
+  }, [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 (pay.paymentState === "error") {
+      log("[WORLD] showing payment error page");
+      const modalOptions = {
+        closeOnSuccess: props.closeOnSuccess,
+        resetOnSuccess: props.resetOnSuccess
+      };
+      context.showPayment(modalOptions);
+      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,
+    props.closeOnSuccess,
+    props.resetOnSuccess
+  ]);
+  return props.children({ show, isMiniKitReady });
+}
+WorldPayButtonCustom.displayName = "WorldPayButton.Custom";
+WorldPayButton.Custom = WorldPayButtonCustom;
+
+export { WorldPayButton };
+//# sourceMappingURL=WorldPayButton.js.map

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

@@ -0,0 +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      /**\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  /** Open the modal by default. */\n  defaultOpen?: boolean;\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  // Open the modal by default if the defaultOpen prop is true\n  const hasAutoOpened = useRef(false);\n  useEffect(() => {\n    if (!props.defaultOpen || hasAutoOpened.current) return;\n    if (pay.order == null) return;\n    show();\n    hasAutoOpened.current = true;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pay.order, props.defaultOpen, hasAutoOpened.current]);\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [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    if (pay.paymentState === \"error\") {\n      log(\"[WORLD] showing payment error page\");\n      const modalOptions = {\n        closeOnSuccess: props.closeOnSuccess,\n        resetOnSuccess: props.resetOnSuccess,\n      };\n      context.showPayment(modalOptions);\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    pay,\n    showSpinner,\n    context.trpc,\n    isMiniKitReady,\n    log,\n    props.closeOnSuccess,\n    props.resetOnSuccess,\n  ]);\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/pay/packages/connectkit/src/world-mini-app/promptWorldPayment.js

@@ -0,0 +1,59 @@
+import { worldchainWLD, worldchainUSDC, assert } from '@daimo/pay-common';
+import { getAddress } from 'viem';
+import { MiniKit, Tokens } from '@worldcoin/minikit-js';
+
+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;
+  }
+}
+
+export { promptWorldcoinPayment };
+//# sourceMappingURL=promptWorldPayment.js.map

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

@@ -0,0 +1 @@
+{"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/pay/packages/connectkit/src/world-mini-app/useWithdrawToWorld.js

@@ -0,0 +1,76 @@
+import { worldchainUSDC } from '@daimo/pay-common';
+import { MiniKit } from '@worldcoin/minikit-js';
+import { useState, useEffect, useCallback } from 'react';
+import { getAddress } from 'viem';
+import { ROUTES } from '../constants/routes.js';
+import { useDaimoPay } from '../hooks/useDaimoPay.js';
+import { usePayContext } from '../hooks/usePayContext.js';
+import { useWorldSignIn } from './useWorldSignIn.js';
+
+function useWithdrawToWorld() {
+  const { signInWithWorld } = useWorldSignIn();
+  const [isMiniKitReady, setIsMiniKitReady] = useState(false);
+  const pay = useDaimoPay();
+  const context = usePayContext();
+  const { paymentState, log } = context;
+  const [modalOptions, setModalOptions] = useState({
+    closeOnSuccess: false,
+    resetOnSuccess: false
+  });
+  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());
+  }, []);
+  const showSpinner = useCallback(() => {
+    log(`[WORLD] showing spinner ${pay.order?.id}`);
+    context.showPayment(modalOptions);
+    context.setRoute(ROUTES.CONFIRMATION);
+  }, [pay.order?.id, modalOptions]);
+  useEffect(() => {
+    if (pay.paymentState === "payment_started") {
+      showSpinner();
+    }
+  }, [pay.paymentState, showSpinner]);
+  const withdrawToWorld = useCallback(
+    async ({
+      appId,
+      toUnits,
+      closeOnSuccess = false,
+      resetOnSuccess = false
+    }) => {
+      if (!isMiniKitReady) {
+        console.error("[WORLD_WITHDRAW] MiniKit is not installed");
+        return null;
+      }
+      const worldUser = await signInWithWorld();
+      if (!worldUser?.walletAddress) {
+        log("[WORLD_WITHDRAW] user is not signed in");
+        return null;
+      }
+      await paymentState.setPayParams({
+        appId,
+        toChain: worldchainUSDC.chainId,
+        toToken: getAddress(worldchainUSDC.token),
+        toUnits,
+        toAddress: getAddress(worldUser.walletAddress),
+        intent: "Withdraw to World App"
+      });
+      const hydratedState = await pay.hydrateOrder();
+      const intentAddress = hydratedState.order.intentAddr;
+      log(
+        `[WORLD_WITHDRAW] hydrated order ${pay.order?.id} with intent address ${intentAddress}. Polling for payment`
+      );
+      setModalOptions({ closeOnSuccess, resetOnSuccess });
+      return intentAddress;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [isMiniKitReady, signInWithWorld, pay, log]
+  );
+  return { withdrawToWorld };
+}
+
+export { useWithdrawToWorld };
+//# sourceMappingURL=useWithdrawToWorld.js.map

package/build/pay/packages/connectkit/src/world-mini-app/useWithdrawToWorld.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWithdrawToWorld.js","sources":["../../../../../../src/world-mini-app/useWithdrawToWorld.tsx"],"sourcesContent":["import { worldchainUSDC } from \"@daimo/pay-common\";\nimport { MiniKit } from \"@worldcoin/minikit-js\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { Address, getAddress } from \"viem\";\nimport { ROUTES } from \"../constants/routes\";\nimport { useDaimoPay } from \"../hooks/useDaimoPay\";\nimport { usePayContext } from \"../hooks/usePayContext\";\nimport { DaimoPayModalOptions } from \"../types\";\nimport { useWorldSignIn } from \"./useWorldSignIn\";\n\nexport function useWithdrawToWorld() {\n  const { signInWithWorld } = useWorldSignIn();\n  const [isMiniKitReady, setIsMiniKitReady] = useState(false);\n\n  const pay = useDaimoPay();\n  const context = usePayContext();\n  const { paymentState, log } = context;\n  const [modalOptions, setModalOptions] = useState<DaimoPayModalOptions>({\n    closeOnSuccess: false,\n    resetOnSuccess: false,\n  });\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  const showSpinner = useCallback(() => {\n    log(`[WORLD] showing spinner ${pay.order?.id}`);\n    context.showPayment(modalOptions);\n    context.setRoute(ROUTES.CONFIRMATION);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pay.order?.id, modalOptions]);\n\n  // Auto-open spinner when payment starts\n  useEffect(() => {\n    if (pay.paymentState === \"payment_started\") {\n      showSpinner();\n    }\n  }, [pay.paymentState, showSpinner]);\n\n  const withdrawToWorld = useCallback(\n    async ({\n      appId,\n      toUnits,\n      closeOnSuccess = false,\n      resetOnSuccess = false,\n    }: {\n      appId: string;\n      toUnits: string;\n      closeOnSuccess?: boolean;\n      resetOnSuccess?: boolean;\n    }): Promise<Address | null> => {\n      if (!isMiniKitReady) {\n        console.error(\"[WORLD_WITHDRAW] MiniKit is not installed\");\n        return null;\n      }\n\n      const worldUser = await signInWithWorld();\n\n      if (!worldUser?.walletAddress) {\n        log(\"[WORLD_WITHDRAW] user is not signed in\");\n        return null;\n      }\n\n      // Create a payment to withdraw to the user's world wallet\n      await paymentState.setPayParams({\n        appId,\n        toChain: worldchainUSDC.chainId,\n        toToken: getAddress(worldchainUSDC.token),\n        toUnits,\n        toAddress: getAddress(worldUser.walletAddress),\n        intent: \"Withdraw to World App\",\n      });\n\n      // Hydrate the order and return the intent address\n      const hydratedState = await pay.hydrateOrder();\n      const intentAddress = hydratedState.order.intentAddr;\n      log(\n        `[WORLD_WITHDRAW] hydrated order ${pay.order?.id} with intent address ${intentAddress}. Polling for payment`,\n      );\n      setModalOptions({ closeOnSuccess, resetOnSuccess });\n      return intentAddress;\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isMiniKitReady, signInWithWorld, pay, log],\n  );\n\n  return { withdrawToWorld };\n}\n"],"names":[],"mappings":"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"}

package/build/pay/packages/connectkit/src/world-mini-app/useWorldSignIn.js

@@ -0,0 +1,74 @@
+import { MiniKit } from '@worldcoin/minikit-js';
+import { useState, useCallback } from 'react';
+
+function useWorldSignIn() {
+  const [worldUser, setWorldUser] = useState(null);
+  const [isLoadingSignIn, setIsLoadingSignIn] = useState(false);
+  const signInWithWorld = useCallback(async () => {
+    if (worldUser != null) {
+      console.log("[WORLD_SIGNIN] user already signed in");
+      return worldUser;
+    }
+    setIsLoadingSignIn(true);
+    try {
+      if (!MiniKit.isInstalled()) {
+        console.log("[WORLD_SIGNIN] MiniKit is not installed");
+        return null;
+      }
+      const res = await fetch("https://pay.daimo.com/api/worldcoin/siwe-nonce");
+      const { nonce } = await res.json();
+      console.log("[WORLD_SIGNIN] nonce", nonce);
+      const nextWeek = new Date(Date.now() + 7 * 24 * 60 * 60 * 1e3);
+      const yesterday = new Date(Date.now() - 24 * 60 * 60 * 1e3);
+      const { commandPayload: generateMessageResult, finalPayload } = await MiniKit.commandsAsync.walletAuth({
+        nonce,
+        requestId: "0",
+        expirationTime: nextWeek,
+        notBefore: yesterday,
+        statement: "Sign in"
+      });
+      console.log(
+        "[WORLD_SIGNIN] generateMessageResult",
+        generateMessageResult
+      );
+      console.log("[WORLD_SIGNIN] finalPayload", finalPayload);
+      if (finalPayload.status === "error") {
+        return null;
+      } else {
+        const response = await fetch(
+          "https://pay.daimo.com/api/worldcoin/complete-siwe",
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify({
+              payload: finalPayload,
+              nonce
+            })
+          }
+        );
+        const verificationResponse = await response.json();
+        console.log(
+          "[WORLD_SIGNIN] verification response",
+          verificationResponse
+        );
+        if (verificationResponse.isValid) {
+          console.log("[WORLD_SIGNIN] user is valid");
+          const user = await MiniKit.getUserByAddress(finalPayload.address);
+          setWorldUser(user);
+          return user;
+        }
+      }
+    } catch (error) {
+      console.error("[WORLD_SIGNIN] error", error);
+    } finally {
+      setIsLoadingSignIn(false);
+    }
+    return null;
+  }, [setWorldUser, setIsLoadingSignIn, worldUser]);
+  return { signInWithWorld, worldUser, isLoadingSignIn };
+}
+
+export { useWorldSignIn };
+//# sourceMappingURL=useWorldSignIn.js.map

package/build/pay/packages/connectkit/src/world-mini-app/useWorldSignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorldSignIn.js","sources":["../../../../../../src/world-mini-app/useWorldSignIn.tsx"],"sourcesContent":["import { MiniKit } from \"@worldcoin/minikit-js\";\nimport { useCallback, useState } from \"react\";\n\nexport function useWorldSignIn(): {\n  signInWithWorld: () => Promise<typeof MiniKit.user | null>;\n  worldUser: typeof MiniKit.user | null;\n  isLoadingSignIn: boolean;\n} {\n  const [worldUser, setWorldUser] = useState<typeof MiniKit.user | null>(null);\n  const [isLoadingSignIn, setIsLoadingSignIn] = useState(false);\n\n  const signInWithWorld = useCallback(async (): Promise<\n    typeof MiniKit.user | null\n  > => {\n    if (worldUser != null) {\n      console.log(\"[WORLD_SIGNIN] user already signed in\");\n      return worldUser;\n    }\n\n    setIsLoadingSignIn(true);\n    try {\n      if (!MiniKit.isInstalled()) {\n        console.log(\"[WORLD_SIGNIN] MiniKit is not installed\");\n        return null;\n      }\n\n      const res = await fetch(\"https://pay.daimo.com/api/worldcoin/siwe-nonce\");\n      const { nonce } = await res.json();\n\n      console.log(\"[WORLD_SIGNIN] nonce\", nonce);\n\n      const nextWeek = new Date(Date.now() + 7 * 24 * 60 * 60 * 1000);\n      const yesterday = new Date(Date.now() - 24 * 60 * 60 * 1000);\n\n      const { commandPayload: generateMessageResult, finalPayload } =\n        await MiniKit.commandsAsync.walletAuth({\n          nonce,\n          requestId: \"0\",\n          expirationTime: nextWeek,\n          notBefore: yesterday,\n          statement: \"Sign in\",\n        });\n\n      console.log(\n        \"[WORLD_SIGNIN] generateMessageResult\",\n        generateMessageResult,\n      );\n      console.log(\"[WORLD_SIGNIN] finalPayload\", finalPayload);\n\n      if (finalPayload.status === \"error\") {\n        return null;\n      } else {\n        const response = await fetch(\n          \"https://pay.daimo.com/api/worldcoin/complete-siwe\",\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n            },\n            body: JSON.stringify({\n              payload: finalPayload,\n              nonce,\n            }),\n          },\n        );\n        const verificationResponse = await response.json();\n\n        console.log(\n          \"[WORLD_SIGNIN] verification response\",\n          verificationResponse,\n        );\n        if (verificationResponse.isValid) {\n          console.log(\"[WORLD_SIGNIN] user is valid\");\n          const user = await MiniKit.getUserByAddress(finalPayload.address);\n          setWorldUser(user);\n          return user;\n        }\n      }\n    } catch (error) {\n      console.error(\"[WORLD_SIGNIN] error\", error);\n    } finally {\n      setIsLoadingSignIn(false);\n    }\n    return null;\n  }, [setWorldUser, setIsLoadingSignIn, worldUser]);\n\n  return { signInWithWorld, worldUser, isLoadingSignIn };\n}\n"],"names":[],"mappings":"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"}

package/build/pay/packages/connectkit/src/world.js

@@ -0,0 +1,4 @@
+export { useWithdrawToWorld } from './world-mini-app/useWithdrawToWorld.js';
+export { useWorldSignIn } from './world-mini-app/useWorldSignIn.js';
+export { WorldPayButton } from './world-mini-app/WorldPayButton.js';
+//# sourceMappingURL=world.js.map

package/build/pay/packages/connectkit/src/world.js.map

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

package/build/src/components/Common/PoweredByFooter/index.js

@@ -1,61 +1,34 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { motion } from 'framer-motion';
-import { useState, useEffect } from 'react';
-import { keyframes } from 'styled-components';
 import useLocales from '../../../hooks/useLocales.js';
 import styled from '../../../styles/styled/index.js';
 
 const PoweredByFooter = ({
-  supportUrl,
-  showNeedHelpImmediately
+  receiptUrl
 } = {}) => {
-  const [supportVisible, setSupportVisible] = useState(showNeedHelpImmediately);
   const locales = useLocales();
-  useEffect(() => {
-    if (supportUrl == null) return;
-    const timer = setTimeout(() => {
-      setSupportVisible(true);
-    }, 2500);
-    return () => clearTimeout(timer);
-  }, [supportUrl]);
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(TextLink, { href: supportVisible ? supportUrl : void 0, children: /* @__PURE__ */ jsx("span", { children: supportVisible ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    "Need help? ",
-    /* @__PURE__ */ jsx(Underline, { children: "Contact support" })
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    locales.poweredBy,
-    " Daimo Pay"
-  ] }) }) }) });
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    receiptUrl ? /* @__PURE__ */ jsx(TextLink, { href: receiptUrl, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx(Underline, { children: "Show receipt" }) }) : /* @__PURE__ */ jsxs(TextLink, { children: [
+      locales.poweredBy,
+      " Daimo Pay"
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-4" })
+  ] });
 };
 const Container = styled(motion.div)`
   text-align: center;
   margin-top: 16px;
   margin-bottom: -4px;
 `;
-keyframes`
-  0%{ opacity:0; }
-  100%{ opacity:1; }
-`;
 const TextLink = styled.a`
   appearance: none;
   user-select: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  height: 42px;
-  padding: 0 16px;
-  border-radius: 6px;
-  background: none;
   color: var(--ck-body-color-muted);
   text-decoration-color: var(--ck-body-color-muted);
+  text-decoration: none;
   font-size: 15px;
   line-height: 18px;
   font-weight: 400;
-
-  span {
-    opacity: 1;
-    transition: opacity 300ms ease;
-  }
 `;
 const Underline = styled(motion.span)`
   text-underline-offset: 2px;

package/build/src/components/Common/PoweredByFooter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/PoweredByFooter/index.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { useEffect, useState } from \"react\";\nimport { keyframes } from \"styled-components\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport styled from \"../../../styles/styled\";\n\nconst PoweredByFooter = ({\n  supportUrl,\n  showNeedHelpImmediately,\n}: { supportUrl?: string; showNeedHelpImmediately?: boolean } = {}) => {\n  const [supportVisible, setSupportVisible] = useState(showNeedHelpImmediately);\n  const locales = useLocales();\n  useEffect(() => {\n    if (supportUrl == null) return;\n    // Show the support link after delay\n    const timer = setTimeout(() => {\n      setSupportVisible(true);\n    }, 2500);\n    return () => clearTimeout(timer);\n  }, [supportUrl]);\n\n  return (\n    <Container>\n      <TextLink href={supportVisible ? supportUrl : undefined}>\n        <span>\n          {supportVisible ? (\n            <>\n              Need help? <Underline>Contact support</Underline>\n            </>\n          ) : (\n            <>{locales.poweredBy} Daimo Pay</>\n          )}\n        </span>\n      </TextLink>\n    </Container>\n  );\n};\n\nconst Container = styled(motion.div)`\n  text-align: center;\n  margin-top: 16px;\n  margin-bottom: -4px;\n`;\n\nconst fadeIn = keyframes`\n  0%{ opacity:0; }\n  100%{ opacity:1; }\n`;\n\nconst TextLink = styled.a`\n  appearance: none;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  height: 42px;\n  padding: 0 16px;\n  border-radius: 6px;\n  background: none;\n  color: var(--ck-body-color-muted);\n  text-decoration-color: var(--ck-body-color-muted);\n  font-size: 15px;\n  line-height: 18px;\n  font-weight: 400;\n\n  span {\n    opacity: 1;\n    transition: opacity 300ms ease;\n  }\n`;\n\nconst Underline = styled(motion.span)`\n  text-underline-offset: 2px;\n  text-decoration: underline;\n`;\n\nexport default PoweredByFooter;\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,kBAAkB,CAAC;AAAA,EACvB,UAAA;AAAA,EACA,uBAAA;AACF,CAAA,GAAgE,EAAO,KAAA;AACrE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,uBAAuB,CAAA,CAAA;AAC5E,EAAA,MAAM,UAAU,UAAW,EAAA,CAAA;AAC3B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAc,IAAM,EAAA,OAAA;AAExB,IAAM,MAAA,KAAA,GAAQ,WAAW,MAAM;AAC7B,MAAA,iBAAA,CAAkB,IAAI,CAAA,CAAA;AAAA,OACrB,IAAI,CAAA,CAAA;AACP,IAAO,OAAA,MAAM,aAAa,KAAK,CAAA,CAAA;AAAA,GACjC,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EACE,uBAAA,GAAA,CAAC,SACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,IAAA,EAAM,cAAiB,GAAA,UAAA,GAAa,KAC5C,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,MACE,EAAA,EAAA,QAAA,EAAA,cAAA,mBACG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,oBACW,GAAA,CAAC,aAAU,QAAe,EAAA,iBAAA,EAAA,CAAA;AAAA,GAAA,EACvC,oBAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAQ,OAAA,CAAA,SAAA;AAAA,IAAU,YAAA;AAAA,GAAU,EAAA,CAAA,EAEnC,GACF,CACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMpB,SAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKf,MAAM,WAAW,MAAO,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAuBxB,MAAM,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/PoweredByFooter/index.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport styled from \"../../../styles/styled\";\n\nconst PoweredByFooter = ({\n  receiptUrl,\n}: {\n  receiptUrl?: string;\n} = {}) => {\n  const locales = useLocales();\n  return (\n    <Container>\n      {receiptUrl ? (\n        <TextLink href={receiptUrl} target=\"_blank\" rel=\"noreferrer\">\n          <Underline>Show receipt</Underline>\n        </TextLink>\n      ) : (\n        <TextLink>{locales.poweredBy} Daimo Pay</TextLink>\n      )}\n      <div className=\"h-4\" />\n    </Container>\n  );\n};\n\nconst Container = styled(motion.div)`\n  text-align: center;\n  margin-top: 16px;\n  margin-bottom: -4px;\n`;\n\nconst TextLink = styled.a`\n  appearance: none;\n  user-select: none;\n  color: var(--ck-body-color-muted);\n  text-decoration-color: var(--ck-body-color-muted);\n  text-decoration: none;\n  font-size: 15px;\n  line-height: 18px;\n  font-weight: 400;\n`;\n\nconst Underline = styled(motion.span)`\n  text-underline-offset: 2px;\n  text-decoration: underline;\n`;\n\nexport default PoweredByFooter;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,kBAAkB,CAAC;AAAA,EACvB,UAAA;AACF,CAAA,GAEI,EAAO,KAAA;AACT,EAAA,MAAM,UAAU,UAAW,EAAA,CAAA;AAC3B,EAAA,4BACG,SACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,UAAA,mBACE,GAAA,CAAA,QAAA,EAAA,EAAS,IAAM,EAAA,UAAA,EAAY,QAAO,QAAS,EAAA,GAAA,EAAI,YAC9C,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,QAAA,EAAA,cAAA,EAAY,CACzB,EAAA,CAAA,wBAEC,QAAU,EAAA,EAAA,QAAA,EAAA;AAAA,MAAQ,OAAA,CAAA,SAAA;AAAA,MAAU,YAAA;AAAA,KAAU,EAAA,CAAA;AAAA,oBAEzC,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,KAAM,EAAA,CAAA;AAAA,GACvB,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMnC,MAAM,WAAW,MAAO,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAWxB,MAAM,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/build/src/components/DaimoPayModal/ConnectWithQRCode.js

@@ -36,6 +36,9 @@ const ConnectWithQRCode = ({
   const url = externalUrl ?? // QR code opens eg. Binance
   walletDeeplink ?? // open in wallet
   `https://pay.daimo.com/pay?id=${payId}&mode=browser`;
+  if (context.debugMode) {
+    console.log("[DEBUG] QR Code URL:", url);
+  }
   const isUniquePaymentOption = context.uniquePaymentMethodPage === ROUTES.CONNECT || context.uniquePaymentMethodPage === ROUTES.WAITING_EXTERNAL;
   return /* @__PURE__ */ jsxs(PageContent, { children: [
     isUniquePaymentOption && /* @__PURE__ */ jsx(OrderHeader, {}),

package/build/src/components/DaimoPayModal/ConnectWithQRCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWithQRCode.js","sources":["../../../../src/components/DaimoPayModal/ConnectWithQRCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { usePayContext } from \"../../hooks/usePayContext\";\n\nimport { ModalContent, PageContent } from \"../Common/Modal/styles\";\n\nimport ScanIconWithLogos from \"../../assets/ScanIconWithLogos\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport CustomQRCode from \"../Common/CustomQRCode\";\n\nimport { writeDaimoPayOrderID } from \"@daimo/pay-common\";\nimport { SquircleIcon } from \"../../assets/logos\";\nimport MobileWithLogos from \"../../assets/MobileWithLogos\";\nimport { ROUTES } from \"../../constants/routes\";\nimport { WALLET_ID_MOBILE_WALLETS } from \"../../constants/wallets\";\nimport useIsMobile from \"../../hooks/useIsMobile\";\nimport { useWallet } from \"../../wallets/useWallets\";\nimport { OrderHeader } from \"../Common/OrderHeader\";\n\n/**\n * Continues a Daimo Pay flow in another app.\n * - If the pendingConnectorId is a mobile wallet, deeplink directly into that\n *   wallet. This opens the flow in eg. the Rainbow in-app browser, letting the\n *   user finish the flow in a single app switch instead of multiple.\n * - If the pendingConnectorId is MOBILE_WALLETS_CONNECTOR_ID, then show a QR\n *   that the user can scan from their phone. This opens the flow in eg. mobile\n *   Safari, letting them pick which app they want to use & finish there.\n * - If the pendingConnectorId is a walletConfig, then show a QR that the user can scan\n *   from their phone. This deeplinks into the wallet's checkout page\n */\nconst ConnectWithQRCode: React.FC<{ externalUrl?: string | null }> = ({\n  externalUrl,\n}) => {\n  const context = usePayContext();\n  const { isAndroid, isIOS } = useIsMobile();\n  const { pendingConnectorId, paymentState } = context;\n  const walletFromConnectors = useWallet(pendingConnectorId ?? \"\");\n  // Fall back to selectedWallet for wallets from walletConfigs (e.g. unique payment options)\n  const wallet = walletFromConnectors || paymentState.selectedWallet;\n  const externalOption = paymentState.selectedExternalOption;\n  const pay = useDaimoPay();\n\n  const locales = useLocales({\n    CONNECTORNAME: wallet?.name ?? externalOption?.id,\n  });\n\n  if (!wallet && !externalOption)\n    return <> No wallet or external option found </>;\n\n  const payId = pay.order ? writeDaimoPayOrderID(pay.order.id) : \"\";\n  const platform = isIOS ? \"ios\" : isAndroid ? \"android\" : \"other\";\n\n  const isDesktopLinkToMobileWallets = wallet?.id === WALLET_ID_MOBILE_WALLETS;\n  const walletDeeplink = wallet?.getDaimoPayDeeplink\n    ? wallet.getDaimoPayDeeplink(payId, platform)\n    : null;\n\n  const url =\n    externalUrl ?? // QR code opens eg. Binance\n    walletDeeplink ?? // open in wallet\n    `https://pay.daimo.com/pay?id=${payId}&mode=browser`; // browser\n\n  // Show order header only for unique payment option scenario\n  const isUniquePaymentOption =\n    context.uniquePaymentMethodPage === ROUTES.CONNECT ||\n    context.uniquePaymentMethodPage === ROUTES.WAITING_EXTERNAL;\n\n  return (\n    <PageContent>\n      {isUniquePaymentOption && <OrderHeader />}\n      <ModalContent style={{ paddingBottom: 8 }}>\n        <CustomQRCode\n          value={url}\n          image={\n            externalOption?.logoURI ? (\n              <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n            ) : wallet?.id ? (\n              wallet.icon\n            ) : (\n              <div\n                style={{\n                  width: \"100%\",\n                  height: \"100%\",\n                  borderRadius: \"22.5%\",\n                  overflow: \"hidden\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  backgroundColor: \"var(--ck-body-background)\",\n                  transform: \"scale(1.3) translateY(5%)\",\n                  transformOrigin: \"center center\",\n                }}\n              >\n                <MobileWithLogos />\n              </div>\n            )\n          }\n          tooltipMessage={\n            isDesktopLinkToMobileWallets ? (\n              <>\n                <ScanIconWithLogos />\n                <span>\n                  Finish the payment <br />\n                  on your mobile phone\n                </span>\n              </>\n            ) : (\n              <>\n                <ScanIconWithLogos\n                  logo={\n                    externalOption?.logoURI ? (\n                      <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n                    ) : (\n                      wallet?.icon\n                    )\n                  }\n                />\n                <span>{locales.scanScreen_tooltip_default}</span>\n              </>\n            )\n          }\n        />\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nexport default ConnectWithQRCode;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConnectWithQRCode.js","sources":["../../../../src/components/DaimoPayModal/ConnectWithQRCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { usePayContext } from \"../../hooks/usePayContext\";\n\nimport { ModalContent, PageContent } from \"../Common/Modal/styles\";\n\nimport ScanIconWithLogos from \"../../assets/ScanIconWithLogos\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport CustomQRCode from \"../Common/CustomQRCode\";\n\nimport { writeDaimoPayOrderID } from \"@daimo/pay-common\";\nimport { SquircleIcon } from \"../../assets/logos\";\nimport MobileWithLogos from \"../../assets/MobileWithLogos\";\nimport { ROUTES } from \"../../constants/routes\";\nimport { WALLET_ID_MOBILE_WALLETS } from \"../../constants/wallets\";\nimport useIsMobile from \"../../hooks/useIsMobile\";\nimport { useWallet } from \"../../wallets/useWallets\";\nimport { OrderHeader } from \"../Common/OrderHeader\";\n\n/**\n * Continues a Daimo Pay flow in another app.\n * - If the pendingConnectorId is a mobile wallet, deeplink directly into that\n *   wallet. This opens the flow in eg. the Rainbow in-app browser, letting the\n *   user finish the flow in a single app switch instead of multiple.\n * - If the pendingConnectorId is MOBILE_WALLETS_CONNECTOR_ID, then show a QR\n *   that the user can scan from their phone. This opens the flow in eg. mobile\n *   Safari, letting them pick which app they want to use & finish there.\n * - If the pendingConnectorId is a walletConfig, then show a QR that the user can scan\n *   from their phone. This deeplinks into the wallet's checkout page\n */\nconst ConnectWithQRCode: React.FC<{ externalUrl?: string | null }> = ({\n  externalUrl,\n}) => {\n  const context = usePayContext();\n  const { isAndroid, isIOS } = useIsMobile();\n  const { pendingConnectorId, paymentState } = context;\n  const walletFromConnectors = useWallet(pendingConnectorId ?? \"\");\n  // Fall back to selectedWallet for wallets from walletConfigs (e.g. unique payment options)\n  const wallet = walletFromConnectors || paymentState.selectedWallet;\n  const externalOption = paymentState.selectedExternalOption;\n  const pay = useDaimoPay();\n\n  const locales = useLocales({\n    CONNECTORNAME: wallet?.name ?? externalOption?.id,\n  });\n\n  if (!wallet && !externalOption)\n    return <> No wallet or external option found </>;\n\n  const payId = pay.order ? writeDaimoPayOrderID(pay.order.id) : \"\";\n  const platform = isIOS ? \"ios\" : isAndroid ? \"android\" : \"other\";\n\n  const isDesktopLinkToMobileWallets = wallet?.id === WALLET_ID_MOBILE_WALLETS;\n  const walletDeeplink = wallet?.getDaimoPayDeeplink\n    ? wallet.getDaimoPayDeeplink(payId, platform)\n    : null;\n\n  const url =\n    externalUrl ?? // QR code opens eg. Binance\n    walletDeeplink ?? // open in wallet\n    `https://pay.daimo.com/pay?id=${payId}&mode=browser`; // browser\n\n  if (context.debugMode) {\n    console.log(\"[DEBUG] QR Code URL:\", url);\n  }\n\n  // Show order header only for unique payment option scenario\n  const isUniquePaymentOption =\n    context.uniquePaymentMethodPage === ROUTES.CONNECT ||\n    context.uniquePaymentMethodPage === ROUTES.WAITING_EXTERNAL;\n\n  return (\n    <PageContent>\n      {isUniquePaymentOption && <OrderHeader />}\n      <ModalContent style={{ paddingBottom: 8 }}>\n        <CustomQRCode\n          value={url}\n          image={\n            externalOption?.logoURI ? (\n              <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n            ) : wallet?.id ? (\n              wallet.icon\n            ) : (\n              <div\n                style={{\n                  width: \"100%\",\n                  height: \"100%\",\n                  borderRadius: \"22.5%\",\n                  overflow: \"hidden\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  backgroundColor: \"var(--ck-body-background)\",\n                  transform: \"scale(1.3) translateY(5%)\",\n                  transformOrigin: \"center center\",\n                }}\n              >\n                <MobileWithLogos />\n              </div>\n            )\n          }\n          tooltipMessage={\n            isDesktopLinkToMobileWallets ? (\n              <>\n                <ScanIconWithLogos />\n                <span>\n                  Finish the payment <br />\n                  on your mobile phone\n                </span>\n              </>\n            ) : (\n              <>\n                <ScanIconWithLogos\n                  logo={\n                    externalOption?.logoURI ? (\n                      <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n                    ) : (\n                      wallet?.icon\n                    )\n                  }\n                />\n                <span>{locales.scanScreen_tooltip_default}</span>\n              </>\n            )\n          }\n        />\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nexport default ConnectWithQRCode;\n"],"names":[],"mappings":"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"}