@usethrottle/payment-methods 0.1.0

package/dist/index.cjs

@@ -0,0 +1,511 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Gr4vyAddCard.tsx
+var Gr4vyAddCard_exports = {};
+__export(Gr4vyAddCard_exports, {
+  Gr4vyAddCard: () => Gr4vyAddCard,
+  default: () => Gr4vyAddCard_default
+});
+function Gr4vyAddCard({ payload, theme, onAdded, onCancel, onError }) {
+  const embedRef = (0, import_react2.useRef)(null);
+  const colors = theme ? {
+    ...theme.colorPrimary !== void 0 ? { primary: theme.colorPrimary } : {},
+    ...theme.colorText !== void 0 ? { text: theme.colorText } : {},
+    ...theme.colorBorder !== void 0 ? { inputBorder: theme.colorBorder } : {}
+  } : {};
+  const gr4vyTheme = Object.keys(colors).length ? { colors } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_embed_react.default,
+      {
+        ref: embedRef,
+        gr4vyId: payload.gr4vyId,
+        environment: payload.environment,
+        token: payload.embedToken,
+        amount: payload.amount,
+        currency: payload.currency,
+        merchantAccountId: payload.merchantAccountId,
+        intent: "capture",
+        paymentSource: "recurring",
+        store: true,
+        display: "addOnly",
+        ...gr4vyTheme !== void 0 ? { theme: gr4vyTheme } : {},
+        onComplete: (txn) => {
+          onAdded(txn.paymentMethod?.id);
+        },
+        onEvent: (eventName, data) => {
+          if (eventName === "transactionFailed") {
+            onError(data);
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          embedRef.current?.submit();
+        },
+        style: {
+          marginTop: "12px",
+          padding: "8px 16px",
+          backgroundColor: theme?.colorPrimary ?? "#1D56E8",
+          color: "#fff",
+          border: "none",
+          borderRadius: "8px",
+          fontSize: "14px",
+          fontWeight: 600,
+          cursor: "pointer",
+          width: "100%"
+        },
+        children: "Save card"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: onCancel,
+        style: {
+          marginTop: "8px",
+          padding: "8px 16px",
+          backgroundColor: "transparent",
+          color: theme?.colorText ?? "#111827",
+          border: `1px solid ${theme?.colorBorder ?? "#E5E7EB"}`,
+          borderRadius: "8px",
+          fontSize: "14px",
+          cursor: "pointer",
+          width: "100%"
+        },
+        children: "Cancel"
+      }
+    )
+  ] });
+}
+var import_react2, import_embed_react, import_jsx_runtime, Gr4vyAddCard_default;
+var init_Gr4vyAddCard = __esm({
+  "src/Gr4vyAddCard.tsx"() {
+    "use strict";
+    import_react2 = require("react");
+    import_embed_react = __toESM(require("@gr4vy/embed-react"), 1);
+    import_jsx_runtime = require("react/jsx-runtime");
+    Gr4vyAddCard_default = Gr4vyAddCard;
+  }
+});
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  DEFAULT_BASE_URL: () => DEFAULT_BASE_URL,
+  PaymentMethods: () => PaymentMethods,
+  ThrottleError: () => import_errors2.ThrottleError,
+  ThrottlePaymentMethodsError: () => ThrottlePaymentMethodsError,
+  createPaymentMethods: () => createPaymentMethods,
+  isThrottleError: () => import_errors2.isThrottleError,
+  usePaymentMethods: () => usePaymentMethods
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/errors.ts
+var import_errors = require("@usethrottle/errors");
+var import_errors2 = require("@usethrottle/errors");
+var ThrottlePaymentMethodsError = class extends import_errors.ThrottleError {
+  constructor(args) {
+    super(args);
+    this.name = "ThrottlePaymentMethodsError";
+  }
+};
+
+// src/types.ts
+var DEFAULT_BASE_URL = "https://api.usethrottle.dev";
+
+// src/request.ts
+async function request(input) {
+  const res = await fetch(`${input.baseUrl}${input.path}`, {
+    method: input.method,
+    headers: {
+      ...input.body !== void 0 ? { "Content-Type": "application/json" } : {},
+      ...input.headers ?? {}
+    },
+    ...input.body !== void 0 ? { body: JSON.stringify(input.body) } : {}
+  });
+  const text = await res.text();
+  let parsed = {};
+  try {
+    parsed = text ? JSON.parse(text) : {};
+  } catch {
+  }
+  if (!res.ok) {
+    const e = parsed?.error ?? {};
+    throw new ThrottlePaymentMethodsError({
+      code: e.code ?? "request_failed",
+      message: e.message ?? `Request failed with ${res.status}`,
+      statusCode: res.status,
+      details: e.details
+    });
+  }
+  return parsed;
+}
+
+// src/client.ts
+function createPaymentMethods(opts) {
+  const baseUrl = opts.baseUrl ?? DEFAULT_BASE_URL;
+  const headers = { "X-Throttle-PM-Token": opts.clientToken };
+  return {
+    async list() {
+      const parsed = await request({ method: "GET", path: "/api/v1/me/payment-methods", baseUrl, headers });
+      return parsed.data;
+    },
+    async setDefault(id) {
+      const parsed = await request({
+        method: "PATCH",
+        path: `/api/v1/me/payment-methods/${encodeURIComponent(id)}`,
+        baseUrl,
+        headers,
+        body: { isDefault: true }
+      });
+      return parsed.data;
+    },
+    async remove(id) {
+      const parsed = await request({
+        method: "DELETE",
+        path: `/api/v1/me/payment-methods/${encodeURIComponent(id)}`,
+        baseUrl,
+        headers
+      });
+      return parsed.data;
+    },
+    async startAddCard() {
+      const parsed = await request({
+        method: "POST",
+        path: "/api/v1/me/payment-methods/embed-token",
+        baseUrl,
+        headers
+      });
+      return parsed.data;
+    }
+  };
+}
+
+// src/usePaymentMethods.ts
+var import_react = require("react");
+function toPaymentMethodsError(err) {
+  if (err instanceof ThrottlePaymentMethodsError) return err;
+  const message = err instanceof Error ? err.message : String(err);
+  return new ThrottlePaymentMethodsError({ code: "unknown_error", message, statusCode: 0 });
+}
+function usePaymentMethods(opts) {
+  const { clientToken, baseUrl } = opts;
+  const client = (0, import_react.useMemo)(
+    () => createPaymentMethods({ clientToken, baseUrl }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [clientToken, baseUrl]
+  );
+  const [cards, setCards] = (0, import_react.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const genRef = (0, import_react.useRef)(0);
+  const refetch = (0, import_react.useMemo)(
+    () => async () => {
+      const myGen = genRef.current;
+      try {
+        const data = await client.list();
+        if (genRef.current !== myGen) return;
+        setCards(data);
+        setError(null);
+      } catch (err) {
+        if (genRef.current !== myGen) return;
+        setError(toPaymentMethodsError(err));
+      }
+    },
+    [client]
+  );
+  (0, import_react.useEffect)(() => {
+    const myGen = ++genRef.current;
+    (async () => {
+      setIsLoading(true);
+      try {
+        const data = await client.list();
+        if (genRef.current !== myGen) return;
+        setCards(data);
+        setError(null);
+      } catch (err) {
+        if (genRef.current !== myGen) return;
+        setError(toPaymentMethodsError(err));
+      } finally {
+        if (genRef.current === myGen) {
+          setIsLoading(false);
+        }
+      }
+    })();
+  }, [client]);
+  const setDefault = async (id) => {
+    try {
+      await client.setDefault(id);
+      await refetch();
+    } catch (err) {
+      const pmErr = toPaymentMethodsError(err);
+      setError(pmErr);
+      throw pmErr;
+    }
+  };
+  const remove = async (id) => {
+    try {
+      await client.remove(id);
+      await refetch();
+    } catch (err) {
+      const pmErr = toPaymentMethodsError(err);
+      setError(pmErr);
+      throw pmErr;
+    }
+  };
+  const addCard = async () => {
+    return client.startAddCard();
+  };
+  return { cards, isLoading, error, setDefault, remove, addCard, refetch };
+}
+
+// src/PaymentMethods.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var LazyGr4vyAddCard = import_react3.default.lazy(
+  () => Promise.resolve().then(() => (init_Gr4vyAddCard(), Gr4vyAddCard_exports)).then((m) => ({ default: m.Gr4vyAddCard }))
+);
+function formatCard(card) {
+  const brand = card.cardBrand ? card.cardBrand.toUpperCase() : "Card";
+  const last4 = card.cardLastFour ? `\u2022\u2022\u2022\u2022 ${card.cardLastFour}` : "\u2022\u2022\u2022\u2022";
+  const brandPart = `${brand} ${last4}`;
+  if (card.cardExpMonth != null && card.cardExpYear != null) {
+    const mm = String(card.cardExpMonth).padStart(2, "0");
+    const yy = String(card.cardExpYear).slice(-2);
+    return `${brandPart} \xB7 ${mm}/${yy}`;
+  }
+  return brandPart;
+}
+function PaymentMethods({ clientToken, baseUrl, theme, onChange }) {
+  const { cards, isLoading, error, setDefault, remove, addCard, refetch } = usePaymentMethods({
+    clientToken,
+    baseUrl
+  });
+  const [busyId, setBusyId] = (0, import_react3.useState)(null);
+  const [addCardPayload, setAddCardPayload] = (0, import_react3.useState)(null);
+  const [externalError, setExternalError] = (0, import_react3.useState)(null);
+  const onChangeRef = (0, import_react3.useRef)(onChange);
+  (0, import_react3.useEffect)(() => {
+    onChangeRef.current = onChange;
+  });
+  (0, import_react3.useEffect)(() => {
+    if (!isLoading) onChangeRef.current?.(cards);
+  }, [cards, isLoading]);
+  const primary = theme?.colorPrimary ?? "#1D56E8";
+  const colorText = theme?.colorText ?? "#111827";
+  const colorBorder = theme?.colorBorder ?? "#E5E7EB";
+  const borderRadius = theme?.borderRadius ?? "8px";
+  const handleSetDefault = async (id) => {
+    setBusyId(id);
+    try {
+      await setDefault(id);
+    } catch {
+    } finally {
+      setBusyId(null);
+    }
+  };
+  const handleRemove = async (id) => {
+    setBusyId(id);
+    try {
+      await remove(id);
+    } catch {
+    } finally {
+      setBusyId(null);
+    }
+  };
+  const handleAddCard = async () => {
+    try {
+      const payload = await addCard();
+      setExternalError(null);
+      setAddCardPayload(payload);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      setExternalError(new Error(message));
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { role: "status", "aria-label": "Loading payment methods", style: { color: colorText }, children: "Loading\u2026" });
+  }
+  const displayError = externalError ?? error;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { color: colorText, fontFamily: "inherit" }, children: [
+    displayError && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        role: "alert",
+        style: {
+          color: "#DC2626",
+          marginBottom: "12px",
+          padding: "8px 12px",
+          border: `1px solid #FCA5A5`,
+          borderRadius,
+          fontSize: "14px"
+        },
+        children: displayError.message
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: cards.map((card) => {
+      const isBusy = busyId === card.id;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "li",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "12px",
+            padding: "12px",
+            border: `1px solid ${colorBorder}`,
+            borderRadius,
+            marginBottom: "8px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { flex: 1, fontSize: "14px" }, children: formatCard(card) }),
+            card.isDefault ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "span",
+              {
+                style: {
+                  backgroundColor: primary,
+                  color: "#fff",
+                  fontSize: "12px",
+                  fontWeight: 600,
+                  padding: "2px 8px",
+                  borderRadius: "999px"
+                },
+                children: "Default"
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled: isBusy,
+                  onClick: () => handleSetDefault(card.id),
+                  style: {
+                    fontSize: "13px",
+                    padding: "4px 10px",
+                    border: `1px solid ${colorBorder}`,
+                    borderRadius,
+                    background: "transparent",
+                    cursor: isBusy ? "not-allowed" : "pointer",
+                    opacity: isBusy ? 0.5 : 1
+                  },
+                  children: "Make default"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled: isBusy,
+                  onClick: () => handleRemove(card.id),
+                  style: {
+                    fontSize: "13px",
+                    padding: "4px 10px",
+                    border: `1px solid #FCA5A5`,
+                    borderRadius,
+                    background: "transparent",
+                    color: "#DC2626",
+                    cursor: isBusy ? "not-allowed" : "pointer",
+                    opacity: isBusy ? 0.5 : 1
+                  },
+                  children: "Remove"
+                }
+              )
+            ] })
+          ]
+        },
+        card.id
+      );
+    }) }),
+    addCardPayload ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react3.Suspense,
+      {
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { role: "status", style: { color: colorText, marginTop: "12px" }, children: "Loading\u2026" }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          LazyGr4vyAddCard,
+          {
+            payload: addCardPayload,
+            theme,
+            onAdded: async (paymentMethodId) => {
+              void paymentMethodId;
+              await refetch();
+              setExternalError(null);
+              setAddCardPayload(null);
+            },
+            onCancel: () => setAddCardPayload(null),
+            onError: (err) => {
+              const message = err instanceof Error ? err.message : String(err);
+              setExternalError(new Error(message));
+              setAddCardPayload(null);
+            }
+          }
+        )
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: handleAddCard,
+        style: {
+          marginTop: "12px",
+          padding: "8px 16px",
+          backgroundColor: primary,
+          color: "#fff",
+          border: "none",
+          borderRadius,
+          fontSize: "14px",
+          fontWeight: 600,
+          cursor: "pointer"
+        },
+        children: "+ Add card"
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_BASE_URL,
+  PaymentMethods,
+  ThrottleError,
+  ThrottlePaymentMethodsError,
+  createPaymentMethods,
+  isThrottleError,
+  usePaymentMethods
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Gr4vyAddCard.tsx","../src/index.tsx","../src/errors.ts","../src/types.ts","../src/request.ts","../src/client.ts","../src/usePaymentMethods.ts","../src/PaymentMethods.tsx"],"sourcesContent":["/**\n * Gr4vyAddCard — lazy-loaded vault-only embed wrapper.\n *\n * THIS FILE MUST ONLY BE LOADED VIA React.lazy(() => import('./Gr4vyAddCard'))\n * from PaymentMethods.tsx. Never import it at the module top-level of any file\n * that is part of the server bundle — @gr4vy/embed-react touches `window` at\n * module evaluation time and will throw `ReferenceError: window is not defined`\n * in SSR contexts.\n */\nimport React, { useRef } from 'react';\nimport Gr4vyEmbed, { type EmbedInstance } from '@gr4vy/embed-react';\nimport type { EmbedPayload, PaymentMethodsTheme } from './types';\n\ninterface Gr4vyTransaction {\n  id: string;\n  status: string;\n  paymentMethod?: { id?: string };\n}\n\nexport interface Gr4vyAddCardProps {\n  payload: EmbedPayload;\n  theme?: PaymentMethodsTheme;\n  onAdded: (paymentMethodId?: string) => void;\n  onCancel: () => void;\n  onError: (err: unknown) => void;\n}\n\nexport function Gr4vyAddCard({ payload, theme, onAdded, onCancel, onError }: Gr4vyAddCardProps) {\n  const embedRef = useRef<EmbedInstance>(null);\n\n  const colors = theme\n    ? {\n        ...(theme.colorPrimary !== undefined ? { primary: theme.colorPrimary } : {}),\n        ...(theme.colorText !== undefined ? { text: theme.colorText } : {}),\n        ...(theme.colorBorder !== undefined ? { inputBorder: theme.colorBorder } : {}),\n      }\n    : {};\n  const gr4vyTheme = Object.keys(colors).length ? { colors } : undefined;\n\n  return (\n    <div>\n      <Gr4vyEmbed\n        ref={embedRef}\n        gr4vyId={payload.gr4vyId}\n        environment={payload.environment}\n        token={payload.embedToken}\n        amount={payload.amount}\n        currency={payload.currency}\n        merchantAccountId={payload.merchantAccountId}\n        intent=\"capture\"\n        paymentSource=\"recurring\"\n        store={true}\n        display=\"addOnly\"\n        {...(gr4vyTheme !== undefined ? { theme: gr4vyTheme } : {})}\n        onComplete={(txn: Gr4vyTransaction) => {\n          onAdded(txn.paymentMethod?.id);\n        }}\n        onEvent={(eventName: string, data: unknown) => {\n          if (eventName === 'transactionFailed') {\n            onError(data);\n          }\n        }}\n      />\n\n      <button\n        type=\"button\"\n        onClick={() => {\n          embedRef.current?.submit();\n        }}\n        style={{\n          marginTop: '12px',\n          padding: '8px 16px',\n          backgroundColor: theme?.colorPrimary ?? '#1D56E8',\n          color: '#fff',\n          border: 'none',\n          borderRadius: '8px',\n          fontSize: '14px',\n          fontWeight: 600,\n          cursor: 'pointer',\n          width: '100%',\n        }}\n      >\n        Save card\n      </button>\n\n      <button\n        type=\"button\"\n        onClick={onCancel}\n        style={{\n          marginTop: '8px',\n          padding: '8px 16px',\n          backgroundColor: 'transparent',\n          color: theme?.colorText ?? '#111827',\n          border: `1px solid ${theme?.colorBorder ?? '#E5E7EB'}`,\n          borderRadius: '8px',\n          fontSize: '14px',\n          cursor: 'pointer',\n          width: '100%',\n        }}\n      >\n        Cancel\n      </button>\n    </div>\n  );\n}\n\nexport default Gr4vyAddCard;\n","export { ThrottlePaymentMethodsError, ThrottleError, isThrottleError } from './errors';\nexport type { SavedCard, EmbedPayload, MintedClientToken, PaymentMethodsTheme } from './types';\nexport { DEFAULT_BASE_URL } from './types';\nexport { createPaymentMethods } from './client';\nexport type { PaymentMethodsClient } from './client';\nexport { usePaymentMethods } from './usePaymentMethods';\nexport type { UsePaymentMethodsOpts, UsePaymentMethodsResult } from './usePaymentMethods';\nexport { PaymentMethods } from './PaymentMethods';\nexport type { PaymentMethodsProps } from './PaymentMethods';\n","import { ThrottleError } from '@usethrottle/errors';\n\nexport class ThrottlePaymentMethodsError extends ThrottleError {\n  constructor(args: { code: string; message: string; statusCode: number; details?: unknown }) {\n    super(args);\n    this.name = 'ThrottlePaymentMethodsError';\n  }\n}\n\nexport { ThrottleError, isThrottleError } from '@usethrottle/errors';\n","export interface SavedCard {\n  id: string;\n  methodType: string;\n  cardBrand: string | null;\n  cardLastFour: string | null;\n  cardExpMonth: number | null;\n  cardExpYear: number | null;\n  isDefault: boolean;\n}\n\nexport interface EmbedPayload {\n  embedToken: string;\n  checkoutSessionId: string;\n  amount: number;\n  currency: string;\n  gr4vyId: string;\n  merchantAccountId?: string;\n  environment: 'sandbox' | 'production';\n  hostedUrl?: string;\n  embedUrl?: string;\n}\n\nexport interface MintedClientToken {\n  token: string;\n  expiresAt: string;\n}\n\nexport interface PaymentMethodsTheme {\n  colorPrimary?: string;\n  colorText?: string;\n  colorBorder?: string;\n  borderRadius?: string;\n}\n\nexport const DEFAULT_BASE_URL = 'https://api.usethrottle.dev';\n","import { ThrottlePaymentMethodsError } from './errors';\n\nexport async function request(input: {\n  method: string;\n  path: string;\n  baseUrl: string;\n  headers?: Record<string, string>;\n  body?: unknown;\n}): Promise<any> {\n  const res = await fetch(`${input.baseUrl}${input.path}`, {\n    method: input.method,\n    headers: {\n      ...(input.body !== undefined ? { 'Content-Type': 'application/json' } : {}),\n      ...(input.headers ?? {}),\n    },\n    ...(input.body !== undefined ? { body: JSON.stringify(input.body) } : {}),\n  });\n  const text = await res.text();\n  let parsed: any = {};\n  try {\n    parsed = text ? JSON.parse(text) : {};\n  } catch {\n    // Non-JSON body (e.g. an HTML 502/503 gateway page). Leave parsed as {} so\n    // the non-2xx branch below still throws a typed ThrottlePaymentMethodsError\n    // (code 'request_failed') rather than leaking a raw SyntaxError.\n  }\n  if (!res.ok) {\n    const e = parsed?.error ?? {};\n    throw new ThrottlePaymentMethodsError({\n      code: e.code ?? 'request_failed',\n      message: e.message ?? `Request failed with ${res.status}`,\n      statusCode: res.status,\n      details: e.details,\n    });\n  }\n  return parsed;\n}\n","import { request } from './request';\nimport { DEFAULT_BASE_URL } from './types';\nimport type { SavedCard, EmbedPayload } from './types';\n\nexport interface PaymentMethodsClient {\n  list(): Promise<SavedCard[]>;\n  setDefault(id: string): Promise<SavedCard>;\n  remove(id: string): Promise<{ id: string }>;\n  startAddCard(): Promise<EmbedPayload>;\n}\n\nexport function createPaymentMethods(opts: {\n  clientToken: string;\n  baseUrl?: string;\n}): PaymentMethodsClient {\n  const baseUrl = opts.baseUrl ?? DEFAULT_BASE_URL;\n  const headers = { 'X-Throttle-PM-Token': opts.clientToken };\n\n  return {\n    async list() {\n      const parsed = await request({ method: 'GET', path: '/api/v1/me/payment-methods', baseUrl, headers });\n      return parsed.data as SavedCard[];\n    },\n\n    async setDefault(id: string) {\n      const parsed = await request({\n        method: 'PATCH',\n        path: `/api/v1/me/payment-methods/${encodeURIComponent(id)}`,\n        baseUrl,\n        headers,\n        body: { isDefault: true },\n      });\n      return parsed.data as SavedCard;\n    },\n\n    async remove(id: string) {\n      const parsed = await request({\n        method: 'DELETE',\n        path: `/api/v1/me/payment-methods/${encodeURIComponent(id)}`,\n        baseUrl,\n        headers,\n      });\n      return parsed.data as { id: string };\n    },\n\n    async startAddCard() {\n      const parsed = await request({\n        method: 'POST',\n        path: '/api/v1/me/payment-methods/embed-token',\n        baseUrl,\n        headers,\n      });\n      return parsed.data as EmbedPayload;\n    },\n  };\n}\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport { createPaymentMethods } from './client';\nimport { ThrottlePaymentMethodsError } from './errors';\nimport type { EmbedPayload, SavedCard } from './types';\n\nexport interface UsePaymentMethodsOpts {\n  clientToken: string;\n  baseUrl?: string;\n}\n\nexport interface UsePaymentMethodsResult {\n  cards: SavedCard[];\n  isLoading: boolean;\n  error: ThrottlePaymentMethodsError | null;\n  setDefault(id: string): Promise<void>;\n  remove(id: string): Promise<void>;\n  addCard(): Promise<EmbedPayload>;\n  refetch(): Promise<void>;\n}\n\nfunction toPaymentMethodsError(err: unknown): ThrottlePaymentMethodsError {\n  if (err instanceof ThrottlePaymentMethodsError) return err;\n  const message = err instanceof Error ? err.message : String(err);\n  return new ThrottlePaymentMethodsError({ code: 'unknown_error', message, statusCode: 0 });\n}\n\nexport function usePaymentMethods(opts: UsePaymentMethodsOpts): UsePaymentMethodsResult {\n  const { clientToken, baseUrl } = opts;\n\n  const client = useMemo(\n    () => createPaymentMethods({ clientToken, baseUrl }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [clientToken, baseUrl],\n  );\n\n  const [cards, setCards] = useState<SavedCard[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<ThrottlePaymentMethodsError | null>(null);\n  const genRef = useRef(0);\n\n  const refetch = useMemo(\n    () => async () => {\n      const myGen = genRef.current;\n      try {\n        const data = await client.list();\n        if (genRef.current !== myGen) return;\n        setCards(data);\n        setError(null);\n      } catch (err) {\n        if (genRef.current !== myGen) return;\n        setError(toPaymentMethodsError(err));\n      }\n    },\n    [client],\n  );\n\n  useEffect(() => {\n    const myGen = ++genRef.current;\n\n    (async () => {\n      setIsLoading(true);\n      try {\n        const data = await client.list();\n        if (genRef.current !== myGen) return;\n        setCards(data);\n        setError(null);\n      } catch (err) {\n        if (genRef.current !== myGen) return;\n        setError(toPaymentMethodsError(err));\n      } finally {\n        if (genRef.current === myGen) {\n          setIsLoading(false);\n        }\n      }\n    })();\n  }, [client]);\n\n  const setDefault = async (id: string): Promise<void> => {\n    try {\n      await client.setDefault(id);\n      await refetch();\n    } catch (err) {\n      const pmErr = toPaymentMethodsError(err);\n      setError(pmErr);\n      throw pmErr;\n    }\n  };\n\n  const remove = async (id: string): Promise<void> => {\n    try {\n      await client.remove(id);\n      await refetch();\n    } catch (err) {\n      const pmErr = toPaymentMethodsError(err);\n      setError(pmErr);\n      throw pmErr;\n    }\n  };\n\n  const addCard = async (): Promise<EmbedPayload> => {\n    return client.startAddCard();\n  };\n\n  return { cards, isLoading, error, setDefault, remove, addCard, refetch };\n}\n","import React, { Suspense, useEffect, useRef, useState } from 'react';\nimport { usePaymentMethods } from './usePaymentMethods';\nimport type { EmbedPayload, SavedCard, PaymentMethodsTheme } from './types';\n\n// Lazy import — keeps @gr4vy/embed-react out of the eager bundle (SSR-safe).\n// Do NOT hoist this to a top-level import; React.lazy is the only safe path.\nconst LazyGr4vyAddCard = React.lazy(() =>\n  import('./Gr4vyAddCard').then((m) => ({ default: m.Gr4vyAddCard })),\n);\n\nexport interface PaymentMethodsProps {\n  clientToken: string;\n  baseUrl?: string;\n  theme?: PaymentMethodsTheme;\n  onChange?: (cards: SavedCard[]) => void;\n}\n\nfunction formatCard(card: SavedCard): string {\n  const brand = card.cardBrand ? card.cardBrand.toUpperCase() : 'Card';\n  const last4 = card.cardLastFour ? `•••• ${card.cardLastFour}` : '••••';\n  const brandPart = `${brand} ${last4}`;\n\n  if (card.cardExpMonth != null && card.cardExpYear != null) {\n    const mm = String(card.cardExpMonth).padStart(2, '0');\n    const yy = String(card.cardExpYear).slice(-2);\n    return `${brandPart} · ${mm}/${yy}`;\n  }\n  return brandPart;\n}\n\nexport function PaymentMethods({ clientToken, baseUrl, theme, onChange }: PaymentMethodsProps) {\n  const { cards, isLoading, error, setDefault, remove, addCard, refetch } = usePaymentMethods({\n    clientToken,\n    baseUrl,\n  });\n\n  const [busyId, setBusyId] = useState<string | null>(null);\n  const [addCardPayload, setAddCardPayload] = useState<EmbedPayload | null>(null);\n  const [externalError, setExternalError] = useState<Error | null>(null);\n\n  const onChangeRef = useRef(onChange);\n  useEffect(() => { onChangeRef.current = onChange; });\n  useEffect(() => { if (!isLoading) onChangeRef.current?.(cards); }, [cards, isLoading]);\n\n  const primary = theme?.colorPrimary ?? '#1D56E8';\n  const colorText = theme?.colorText ?? '#111827';\n  const colorBorder = theme?.colorBorder ?? '#E5E7EB';\n  const borderRadius = theme?.borderRadius ?? '8px';\n\n  const handleSetDefault = async (id: string) => {\n    setBusyId(id);\n    try {\n      await setDefault(id);\n    } catch {\n      // error is already set in the hook\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleRemove = async (id: string) => {\n    setBusyId(id);\n    try {\n      await remove(id);\n    } catch {\n      // error is already set in the hook\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleAddCard = async () => {\n    try {\n      const payload = await addCard();\n      setExternalError(null);\n      setAddCardPayload(payload);\n    } catch (err) {\n      const message = err instanceof Error ? err.message : String(err);\n      setExternalError(new Error(message));\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div role=\"status\" aria-label=\"Loading payment methods\" style={{ color: colorText }}>\n        Loading…\n      </div>\n    );\n  }\n\n  const displayError = externalError ?? error;\n\n  return (\n    <div style={{ color: colorText, fontFamily: 'inherit' }}>\n      {displayError && (\n        <div\n          role=\"alert\"\n          style={{\n            color: '#DC2626',\n            marginBottom: '12px',\n            padding: '8px 12px',\n            border: `1px solid #FCA5A5`,\n            borderRadius,\n            fontSize: '14px',\n          }}\n        >\n          {displayError.message}\n        </div>\n      )}\n\n      <ul style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n        {cards.map((card) => {\n          const isBusy = busyId === card.id;\n          return (\n            <li\n              key={card.id}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '12px',\n                padding: '12px',\n                border: `1px solid ${colorBorder}`,\n                borderRadius,\n                marginBottom: '8px',\n              }}\n            >\n              <span style={{ flex: 1, fontSize: '14px' }}>{formatCard(card)}</span>\n\n              {card.isDefault ? (\n                <span\n                  style={{\n                    backgroundColor: primary,\n                    color: '#fff',\n                    fontSize: '12px',\n                    fontWeight: 600,\n                    padding: '2px 8px',\n                    borderRadius: '999px',\n                  }}\n                >\n                  Default\n                </span>\n              ) : (\n                <>\n                  <button\n                    type=\"button\"\n                    disabled={isBusy}\n                    onClick={() => handleSetDefault(card.id)}\n                    style={{\n                      fontSize: '13px',\n                      padding: '4px 10px',\n                      border: `1px solid ${colorBorder}`,\n                      borderRadius,\n                      background: 'transparent',\n                      cursor: isBusy ? 'not-allowed' : 'pointer',\n                      opacity: isBusy ? 0.5 : 1,\n                    }}\n                  >\n                    Make default\n                  </button>\n                  <button\n                    type=\"button\"\n                    disabled={isBusy}\n                    onClick={() => handleRemove(card.id)}\n                    style={{\n                      fontSize: '13px',\n                      padding: '4px 10px',\n                      border: `1px solid #FCA5A5`,\n                      borderRadius,\n                      background: 'transparent',\n                      color: '#DC2626',\n                      cursor: isBusy ? 'not-allowed' : 'pointer',\n                      opacity: isBusy ? 0.5 : 1,\n                    }}\n                  >\n                    Remove\n                  </button>\n                </>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n\n      {addCardPayload ? (\n        <Suspense\n          fallback={\n            <div role=\"status\" style={{ color: colorText, marginTop: '12px' }}>\n              Loading…\n            </div>\n          }\n        >\n          <LazyGr4vyAddCard\n            payload={addCardPayload}\n            theme={theme}\n            onAdded={async (paymentMethodId) => {\n              void paymentMethodId;\n              await refetch();\n              setExternalError(null);\n              setAddCardPayload(null);\n            }}\n            onCancel={() => setAddCardPayload(null)}\n            onError={(err) => {\n              const message = err instanceof Error ? (err as Error).message : String(err);\n              setExternalError(new Error(message));\n              setAddCardPayload(null);\n            }}\n          />\n        </Suspense>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={handleAddCard}\n          style={{\n            marginTop: '12px',\n            padding: '8px 16px',\n            backgroundColor: primary,\n            color: '#fff',\n            border: 'none',\n            borderRadius,\n            fontSize: '14px',\n            fontWeight: 600,\n            cursor: 'pointer',\n          }}\n        >\n          + Add card\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Gr4vyEmbed","import_react","import_errors","import_react","import_jsx_runtime","React"]}

package/dist/index.d.cts

@@ -0,0 +1,52 @@
+import { ThrottleError } from '@usethrottle/errors';
+export { ThrottleError, isThrottleError } from '@usethrottle/errors';
+import { S as SavedCard, E as EmbedPayload, P as PaymentMethodsTheme } from './types-Bleeq_oI.cjs';
+export { D as DEFAULT_BASE_URL, M as MintedClientToken } from './types-Bleeq_oI.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare class ThrottlePaymentMethodsError extends ThrottleError {
+    constructor(args: {
+        code: string;
+        message: string;
+        statusCode: number;
+        details?: unknown;
+    });
+}
+
+interface PaymentMethodsClient {
+    list(): Promise<SavedCard[]>;
+    setDefault(id: string): Promise<SavedCard>;
+    remove(id: string): Promise<{
+        id: string;
+    }>;
+    startAddCard(): Promise<EmbedPayload>;
+}
+declare function createPaymentMethods(opts: {
+    clientToken: string;
+    baseUrl?: string;
+}): PaymentMethodsClient;
+
+interface UsePaymentMethodsOpts {
+    clientToken: string;
+    baseUrl?: string;
+}
+interface UsePaymentMethodsResult {
+    cards: SavedCard[];
+    isLoading: boolean;
+    error: ThrottlePaymentMethodsError | null;
+    setDefault(id: string): Promise<void>;
+    remove(id: string): Promise<void>;
+    addCard(): Promise<EmbedPayload>;
+    refetch(): Promise<void>;
+}
+declare function usePaymentMethods(opts: UsePaymentMethodsOpts): UsePaymentMethodsResult;
+
+interface PaymentMethodsProps {
+    clientToken: string;
+    baseUrl?: string;
+    theme?: PaymentMethodsTheme;
+    onChange?: (cards: SavedCard[]) => void;
+}
+declare function PaymentMethods({ clientToken, baseUrl, theme, onChange }: PaymentMethodsProps): react_jsx_runtime.JSX.Element;
+
+export { EmbedPayload, PaymentMethods, type PaymentMethodsClient, type PaymentMethodsProps, PaymentMethodsTheme, SavedCard, ThrottlePaymentMethodsError, type UsePaymentMethodsOpts, type UsePaymentMethodsResult, createPaymentMethods, usePaymentMethods };

package/dist/index.d.ts

@@ -0,0 +1,52 @@
+import { ThrottleError } from '@usethrottle/errors';
+export { ThrottleError, isThrottleError } from '@usethrottle/errors';
+import { S as SavedCard, E as EmbedPayload, P as PaymentMethodsTheme } from './types-Bleeq_oI.js';
+export { D as DEFAULT_BASE_URL, M as MintedClientToken } from './types-Bleeq_oI.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare class ThrottlePaymentMethodsError extends ThrottleError {
+    constructor(args: {
+        code: string;
+        message: string;
+        statusCode: number;
+        details?: unknown;
+    });
+}
+
+interface PaymentMethodsClient {
+    list(): Promise<SavedCard[]>;
+    setDefault(id: string): Promise<SavedCard>;
+    remove(id: string): Promise<{
+        id: string;
+    }>;
+    startAddCard(): Promise<EmbedPayload>;
+}
+declare function createPaymentMethods(opts: {
+    clientToken: string;
+    baseUrl?: string;
+}): PaymentMethodsClient;
+
+interface UsePaymentMethodsOpts {
+    clientToken: string;
+    baseUrl?: string;
+}
+interface UsePaymentMethodsResult {
+    cards: SavedCard[];
+    isLoading: boolean;
+    error: ThrottlePaymentMethodsError | null;
+    setDefault(id: string): Promise<void>;
+    remove(id: string): Promise<void>;
+    addCard(): Promise<EmbedPayload>;
+    refetch(): Promise<void>;
+}
+declare function usePaymentMethods(opts: UsePaymentMethodsOpts): UsePaymentMethodsResult;
+
+interface PaymentMethodsProps {
+    clientToken: string;
+    baseUrl?: string;
+    theme?: PaymentMethodsTheme;
+    onChange?: (cards: SavedCard[]) => void;
+}
+declare function PaymentMethods({ clientToken, baseUrl, theme, onChange }: PaymentMethodsProps): react_jsx_runtime.JSX.Element;
+
+export { EmbedPayload, PaymentMethods, type PaymentMethodsClient, type PaymentMethodsProps, PaymentMethodsTheme, SavedCard, ThrottlePaymentMethodsError, type UsePaymentMethodsOpts, type UsePaymentMethodsResult, createPaymentMethods, usePaymentMethods };