@phala/pay 0.1.0

package/dist/react/appearance.js

@@ -0,0 +1,95 @@
+const VARIABLES = {
+    colorPrimary: "--pp-color-primary",
+    colorBackground: "--pp-color-background",
+    colorText: "--pp-color-text",
+    colorTextSecondary: "--pp-color-text-secondary",
+    colorBorder: "--pp-color-border",
+    colorDanger: "--pp-color-danger",
+    colorSuccess: "--pp-color-success",
+    fontFamily: "--pp-font-family",
+    borderRadius: "--pp-border-radius",
+};
+/** The root element's custom properties for `appearance.variables`. */
+export function appearanceStyle(appearance) {
+    const variables = appearance?.variables ?? {};
+    const style = {};
+    for (const [name, property] of Object.entries(VARIABLES)) {
+        const value = variables[name];
+        if (value !== undefined) {
+            style[property] = value;
+        }
+    }
+    return style;
+}
+/**
+ * Every rule is scoped under `.pp-root`; the variables can also be set from the page's own CSS on
+ * `.pp-root`.
+ */
+export const STYLES = `
+.pp-root {
+  --pp-color-primary: #0f62fe;
+  --pp-color-background: #ffffff;
+  --pp-color-text: #1a1a1a;
+  --pp-color-text-secondary: #5c5f66;
+  --pp-color-border: #d9dce1;
+  --pp-color-danger: #c62828;
+  --pp-color-success: #1b7f3b;
+  --pp-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  --pp-border-radius: 8px;
+  box-sizing: border-box;
+  max-width: 440px;
+  padding: 20px;
+  border: 1px solid var(--pp-color-border);
+  border-radius: var(--pp-border-radius);
+  background: var(--pp-color-background);
+  color: var(--pp-color-text);
+  font-family: var(--pp-font-family);
+  font-size: 14px;
+  line-height: 1.45;
+}
+.pp-root[data-theme="dark"] {
+  --pp-color-primary: #78a9ff;
+  --pp-color-background: #161616;
+  --pp-color-text: #f4f4f4;
+  --pp-color-text-secondary: #a8a8a8;
+  --pp-color-border: #393939;
+  --pp-color-danger: #ff8389;
+  --pp-color-success: #42be65;
+}
+.pp-root *, .pp-root *::before, .pp-root *::after { box-sizing: inherit; }
+.pp-amount { margin: 0; font-size: 22px; font-weight: 600; }
+.pp-subtitle { margin: 2px 0 16px; color: var(--pp-color-text-secondary); }
+.pp-status { display: flex; gap: 8px; align-items: baseline; justify-content: space-between;
+  margin-bottom: 12px; padding: 10px 12px; border-radius: var(--pp-border-radius);
+  border: 1px solid var(--pp-color-border); }
+.pp-status[data-tone="success"] { border-color: var(--pp-color-success); color: var(--pp-color-success); }
+.pp-status[data-tone="danger"] { border-color: var(--pp-color-danger); color: var(--pp-color-danger); }
+.pp-countdown { font-variant-numeric: tabular-nums; white-space: nowrap; }
+.pp-notice { margin: 0 0 16px; color: var(--pp-color-text-secondary); font-size: 13px; }
+.pp-notice strong { color: var(--pp-color-text); }
+.pp-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--pp-color-border); margin-bottom: 16px; }
+.pp-tab { appearance: none; border: 0; border-bottom: 2px solid transparent; background: none;
+  color: var(--pp-color-text-secondary); font: inherit; padding: 8px 10px; cursor: pointer; }
+.pp-tab[aria-selected="true"] { color: var(--pp-color-text); border-bottom-color: var(--pp-color-primary); font-weight: 600; }
+.pp-root button:focus-visible, .pp-root a:focus-visible { outline: 2px solid var(--pp-color-primary); outline-offset: 2px; }
+.pp-wallets { display: grid; gap: 8px; }
+.pp-button { display: flex; gap: 10px; align-items: center; justify-content: center; width: 100%;
+  appearance: none; border: 1px solid var(--pp-color-primary); border-radius: var(--pp-border-radius);
+  background: var(--pp-color-primary); color: #fff; font: inherit; font-weight: 600; padding: 10px 14px; cursor: pointer; }
+.pp-button:disabled { opacity: 0.6; cursor: progress; }
+.pp-button img { width: 20px; height: 20px; }
+.pp-wallet-name { font-weight: 400; opacity: 0.85; }
+.pp-message { margin: 10px 0 0; color: var(--pp-color-text-secondary); }
+.pp-message[data-tone="danger"] { color: var(--pp-color-danger); }
+.pp-qr-panel { display: grid; justify-items: center; gap: 10px; text-align: center; }
+.pp-qr { border-radius: 4px; }
+.pp-fields { display: grid; gap: 10px; margin: 0; }
+.pp-field dt { color: var(--pp-color-text-secondary); font-size: 12px; }
+.pp-field dd { display: flex; gap: 8px; align-items: center; margin: 2px 0 0; }
+.pp-value { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
+.pp-copy { flex: none; appearance: none; border: 1px solid var(--pp-color-border); border-radius: 6px;
+  background: none; color: var(--pp-color-text); font: inherit; font-size: 12px; padding: 3px 8px; cursor: pointer; }
+.pp-tx { margin: 0 0 12px; font-size: 13px; }
+.pp-tx a { color: var(--pp-color-primary); }
+`;
+//# sourceMappingURL=appearance.js.map

package/dist/react/appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../../src/react/appearance.ts"],"names":[],"mappings":"AAkBA,MAAM,SAAS,GAA+D;IAC5E,YAAY,EAAE,oBAAoB;IAClC,eAAe,EAAE,uBAAuB;IACxC,SAAS,EAAE,iBAAiB;IAC5B,kBAAkB,EAAE,2BAA2B;IAC/C,WAAW,EAAE,mBAAmB;IAChC,WAAW,EAAE,mBAAmB;IAChC,YAAY,EAAE,oBAAoB;IAClC,UAAU,EAAE,kBAAkB;IAC9B,YAAY,EAAE,oBAAoB;CACnC,CAAC;AAEF,uEAAuE;AACvE,MAAM,UAAU,eAAe,CAAC,UAAkC;IAChE,MAAM,SAAS,GAAG,UAAU,EAAE,SAAS,IAAI,EAAE,CAAC;IAC9C,MAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QACzD,MAAM,KAAK,GAAG,SAAS,CAAC,IAA8B,CAAC,CAAC;QACxD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;QAC1B,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,4 @@
+export { Checkout, type CheckoutProps } from "./Checkout.js";
+export { useCheckout, type UseCheckoutOptions, type UseCheckoutResult } from "./useCheckout.js";
+export type { Appearance } from "./appearance.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAChG,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,4 @@
+"use client";
+export { Checkout } from "./Checkout.js";
+export { useCheckout } from "./useCheckout.js";
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAmD,MAAM,kBAAkB,CAAC"}

package/dist/react/useCheckout.d.ts

@@ -0,0 +1,13 @@
+import { type CheckoutState } from "../checkout.js";
+export interface UseCheckoutOptions {
+    clientSecret: string;
+    apiBase: string;
+    pollInterval?: number;
+}
+export interface UseCheckoutResult extends CheckoutState {
+    /** Reads the quote now, for example right after the wallet broadcast the payment. */
+    refresh: () => void;
+}
+/** Follows a quote's public view for as long as the component is mounted. */
+export declare function useCheckout({ clientSecret, apiBase, pollInterval, }: UseCheckoutOptions): UseCheckoutResult;
+//# sourceMappingURL=useCheckout.d.ts.map

package/dist/react/useCheckout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckout.d.ts","sourceRoot":"","sources":["../../src/react/useCheckout.ts"],"names":[],"mappings":"AACA,OAAO,EAAwC,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE1F,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,qFAAqF;IACrF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,OAAO,EACP,YAAY,GACb,EAAE,kBAAkB,GAAG,iBAAiB,CA0BxC"}

package/dist/react/useCheckout.js

@@ -0,0 +1,29 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { createCheckout } from "../checkout.js";
+const LOADING = { status: "loading", quote: null, error: null };
+/** Follows a quote's public view for as long as the component is mounted. */
+export function useCheckout({ clientSecret, apiBase, pollInterval, }) {
+    const [current, setCurrent] = useState({ key: "", state: LOADING });
+    const checkout = useRef(null);
+    const key = `${apiBase} ${clientSecret}`;
+    useEffect(() => {
+        const instance = createCheckout({
+            clientSecret,
+            apiBase,
+            ...(pollInterval === undefined ? {} : { pollInterval }),
+        });
+        checkout.current = instance;
+        const unsubscribe = instance.subscribe((state) => setCurrent({ key, state }));
+        return () => {
+            unsubscribe();
+            instance.destroy();
+            checkout.current = null;
+        };
+    }, [key, clientSecret, apiBase, pollInterval]);
+    const refresh = useCallback(() => {
+        void checkout.current?.refresh();
+    }, []);
+    // A new client secret starts from `loading`, not from the previous quote's state.
+    return { ...(current.key === key ? current.state : LOADING), refresh };
+}
+//# sourceMappingURL=useCheckout.js.map

package/dist/react/useCheckout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckout.js","sourceRoot":"","sources":["../../src/react/useCheckout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,cAAc,EAA4C,MAAM,gBAAgB,CAAC;AAa1F,MAAM,OAAO,GAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAE/E,6EAA6E;AAC7E,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,OAAO,EACP,YAAY,GACO;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IACpE,MAAM,QAAQ,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,GAAG,OAAO,IAAI,YAAY,EAAE,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,cAAc,CAAC;YAC9B,YAAY;YACZ,OAAO;YACP,GAAG,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;SACxD,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC5B,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC9E,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAC;YACd,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,KAAK,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,kFAAkF;IAClF,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;AACzE,CAAC"}

package/dist/wallet.d.ts

@@ -0,0 +1,42 @@
+import { type Hash } from "viem";
+import type { ClientQuote } from "./quote.js";
+/** EIP-6963 provider info. */
+export interface WalletInfo {
+    uuid: string;
+    name: string;
+    /** A data URI. */
+    icon: string;
+    rdns: string;
+}
+/** An EIP-1193 provider; viem's `EIP1193Provider` and every injected wallet satisfy it. */
+export interface EthereumProvider {
+    request(args: {
+        method: string;
+        params?: unknown;
+    }): Promise<unknown>;
+}
+export interface Wallet {
+    info: WalletInfo;
+    provider: EthereumProvider;
+}
+/** The legacy `window.ethereum` provider, offered when no wallet announces itself (EIP-6963). */
+export declare const INJECTED_WALLET_UUID = "injected";
+/**
+ * Discovers browser wallets with EIP-6963, falling back to `window.ethereum`, and calls `onChange`
+ * with the current list whenever a wallet announces itself. Returns the function that stops
+ * listening.
+ */
+export declare function watchWallets(onChange: (wallets: Wallet[]) => void): () => void;
+export type WalletErrorCode = "rejected" | "no_account" | "wrong_chain" | "failed";
+export declare class WalletError extends Error {
+    readonly code: WalletErrorCode;
+    readonly name = "WalletError";
+    constructor(code: WalletErrorCode, message: string, options?: ErrorOptions);
+}
+/**
+ * Pays a quote from a browser wallet: connects, switches to (or adds) the quote's chain, and sends
+ * the ERC-20 `transfer` that the quote's `payment_uri` states. Resolves with the transaction hash
+ * once the wallet has broadcast it; the checkout's status follows the payment from there.
+ */
+export declare function payWithWallet(provider: EthereumProvider, quote: ClientQuote): Promise<Hash>;
+//# sourceMappingURL=wallet.d.ts.map

package/dist/wallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet.d.ts","sourceRoot":"","sources":["../src/wallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,IAAI,EAEV,MAAM,MAAM,CAAC;AAGd,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,8BAA8B;AAC9B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,2FAA2F;AAC3F,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACvE;AAED,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,iGAAiG;AACjG,eAAO,MAAM,oBAAoB,aAAa,CAAC;AAM/C;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI,CA0C9E;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,CAAC;AAEnF,qBAAa,WAAY,SAAQ,KAAK;IAIlC,QAAQ,CAAC,IAAI,EAAE,eAAe;IAHhC,SAAkB,IAAI,iBAAiB;gBAG5B,IAAI,EAAE,eAAe,EAC9B,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,YAAY;CAIzB;AAED;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CA0BjG"}

package/dist/wallet.js

@@ -0,0 +1,135 @@
+import { createWalletClient, custom, erc20Abi, } from "viem";
+import { knownChain, networkName } from "./chains.js";
+import { quoteTransfer } from "./payment.js";
+/** The legacy `window.ethereum` provider, offered when no wallet announces itself (EIP-6963). */
+export const INJECTED_WALLET_UUID = "injected";
+/**
+ * Discovers browser wallets with EIP-6963, falling back to `window.ethereum`, and calls `onChange`
+ * with the current list whenever a wallet announces itself. Returns the function that stops
+ * listening.
+ */
+export function watchWallets(onChange) {
+    if (typeof window === "undefined") {
+        onChange([]);
+        return () => undefined;
+    }
+    const announced = new Map();
+    const emit = () => {
+        const wallets = [...announced.values()];
+        const injected = window.ethereum;
+        if (wallets.length === 0 && injected !== undefined) {
+            wallets.push({
+                info: { uuid: INJECTED_WALLET_UUID, name: "Browser wallet", icon: "", rdns: "" },
+                provider: injected,
+            });
+        }
+        onChange(wallets);
+    };
+    const onAnnounce = (event) => {
+        const detail = event.detail;
+        const info = detail?.info;
+        if (detail?.provider === undefined ||
+            typeof info?.uuid !== "string" ||
+            typeof info.name !== "string") {
+            return;
+        }
+        announced.set(info.uuid, {
+            info: {
+                uuid: info.uuid,
+                name: info.name,
+                icon: typeof info.icon === "string" && info.icon.startsWith("data:image/") ? info.icon : "",
+                rdns: typeof info.rdns === "string" ? info.rdns : "",
+            },
+            provider: detail.provider,
+        });
+        emit();
+    };
+    window.addEventListener("eip6963:announceProvider", onAnnounce);
+    window.dispatchEvent(new Event("eip6963:requestProvider"));
+    emit();
+    return () => window.removeEventListener("eip6963:announceProvider", onAnnounce);
+}
+export class WalletError extends Error {
+    code;
+    name = "WalletError";
+    constructor(code, message, options) {
+        super(message, options);
+        this.code = code;
+    }
+}
+/**
+ * Pays a quote from a browser wallet: connects, switches to (or adds) the quote's chain, and sends
+ * the ERC-20 `transfer` that the quote's `payment_uri` states. Resolves with the transaction hash
+ * once the wallet has broadcast it; the checkout's status follows the payment from there.
+ */
+export async function payWithWallet(provider, quote) {
+    const transfer = quoteTransfer(quote);
+    const wallet = createWalletClient({ transport: custom(provider) });
+    try {
+        const [account] = await wallet.requestAddresses();
+        if (account === undefined) {
+            throw new WalletError("no_account", "The wallet shared no account");
+        }
+        await ensureChain(wallet, transfer.chainId);
+        return await wallet.writeContract({
+            account,
+            chain: knownChain(transfer.chainId) ?? null,
+            address: transfer.token,
+            abi: erc20Abi,
+            functionName: "transfer",
+            args: [transfer.to, transfer.amount],
+        });
+    }
+    catch (error) {
+        if (error instanceof WalletError) {
+            throw error;
+        }
+        if (hasCode(error, 4001)) {
+            throw new WalletError("rejected", "The request was rejected in the wallet", { cause: error });
+        }
+        throw new WalletError("failed", "The wallet could not send the payment", { cause: error });
+    }
+}
+async function ensureChain(wallet, chainId) {
+    if ((await wallet.getChainId()) === chainId) {
+        return;
+    }
+    try {
+        await wallet.switchChain({ id: chainId });
+    }
+    catch (error) {
+        // 4902: the wallet does not know the chain yet.
+        const chain = knownChain(chainId);
+        if (!hasCode(error, 4902) || chain === undefined) {
+            throw hasCode(error, 4001)
+                ? error
+                : new WalletError("wrong_chain", `Switch your wallet to ${networkName(chainId)}`, {
+                    cause: error,
+                });
+        }
+        await wallet.addChain({ chain });
+        if ((await wallet.getChainId()) !== chainId) {
+            await wallet.switchChain({ id: chainId });
+        }
+    }
+    if ((await wallet.getChainId()) !== chainId) {
+        throw new WalletError("wrong_chain", `Switch your wallet to ${networkName(chainId)}`);
+    }
+}
+/** Whether an error or any of its causes carries an EIP-1193 error code; some mobile wallets nest
+ * the original error under `data.originalError`. */
+function hasCode(error, code) {
+    for (let current = error; typeof current === "object" && current !== null;) {
+        const value = current;
+        if (value.code === code) {
+            return true;
+        }
+        const nested = value.data?.originalError;
+        if (typeof nested === "object" && nested !== null && hasCode(nested, code)) {
+            return true;
+        }
+        current = value.cause;
+    }
+    return false;
+}
+//# sourceMappingURL=wallet.js.map

package/dist/wallet.js.map

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

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@phala/pay",
+  "version": "0.1.0",
+  "description": "Phala Pay checkout: a framework-agnostic client and React bindings",
+  "keywords": [
+    "crypto",
+    "checkout",
+    "payments",
+    "erc20",
+    "eip-681",
+    "eip-6963",
+    "react",
+    "viem"
+  ],
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/Phala-Network/phala-pay/tree/main/sdk/js#readme",
+  "bugs": {
+    "url": "https://github.com/Phala-Network/phala-pay/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Phala-Network/phala-pay.git",
+    "directory": "sdk/js"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "default": "./dist/react/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "CHANGELOG.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "packageManager": "pnpm@12.6.0",
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "prepare": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "e2e": "playwright test",
+    "e2e:docker": "e2e/docker.sh",
+    "check": "pnpm run typecheck && pnpm run lint && pnpm run test && pnpm run build"
+  },
+  "dependencies": {
+    "uqr": "^0.1.3"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "viem": "^2.21.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@playwright/test": "1.63.0",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/node": "^24.19.0",
+    "@types/react": "^18.3.31",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^6.1.1",
+    "eslint": "^10.11.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "jsdom": "^30.1.1",
+    "jsqr": "^1.4.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.70.1",
+    "viem": "^2.56.9",
+    "vite": "^8.3.1",
+    "vitest": "^5.0.2"
+  }
+}

package/src/chains.ts

@@ -0,0 +1,20 @@
+import type { Chain } from "viem";
+import { base, baseSepolia, mainnet, sepolia } from "viem/chains";
+
+/** Chains a wallet can be asked to add; any other chain must already be in the wallet. */
+const CHAINS: readonly Chain[] = [mainnet, sepolia, base, baseSepolia];
+
+export function knownChain(chainId: number): Chain | undefined {
+  return CHAINS.find((chain) => chain.id === chainId);
+}
+
+/** A human name for the network, for example `Sepolia`. */
+export function networkName(chainId: number): string {
+  return knownChain(chainId)?.name ?? `Chain ${chainId}`;
+}
+
+/** The block explorer link for a transaction, when the chain is known. */
+export function transactionUrl(chainId: number, hash: string): string | undefined {
+  const explorer = knownChain(chainId)?.blockExplorers?.default.url;
+  return explorer === undefined ? undefined : `${explorer}/tx/${hash}`;
+}