@usethrottle/payment-methods 0.1.0

package/dist/index.js

@@ -0,0 +1,338 @@
+import {
+  DEFAULT_BASE_URL,
+  ThrottleError,
+  ThrottlePaymentMethodsError,
+  isThrottleError,
+  request
+} from "./chunk-T2CV3T5K.js";
+
+// 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
+import { useEffect, useMemo, useRef, useState } from "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 = useMemo(
+    () => createPaymentMethods({ clientToken, baseUrl }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [clientToken, baseUrl]
+  );
+  const [cards, setCards] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const genRef = useRef(0);
+  const refetch = 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]
+  );
+  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
+import React, { Suspense, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LazyGr4vyAddCard = React.lazy(
+  () => import("./Gr4vyAddCard-J3HC6KTK.js").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] = useState2(null);
+  const [addCardPayload, setAddCardPayload] = useState2(null);
+  const [externalError, setExternalError] = useState2(null);
+  const onChangeRef = useRef2(onChange);
+  useEffect2(() => {
+    onChangeRef.current = onChange;
+  });
+  useEffect2(() => {
+    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__ */ jsx("div", { role: "status", "aria-label": "Loading payment methods", style: { color: colorText }, children: "Loading\u2026" });
+  }
+  const displayError = externalError ?? error;
+  return /* @__PURE__ */ jsxs("div", { style: { color: colorText, fontFamily: "inherit" }, children: [
+    displayError && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "alert",
+        style: {
+          color: "#DC2626",
+          marginBottom: "12px",
+          padding: "8px 12px",
+          border: `1px solid #FCA5A5`,
+          borderRadius,
+          fontSize: "14px"
+        },
+        children: displayError.message
+      }
+    ),
+    /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: cards.map((card) => {
+      const isBusy = busyId === card.id;
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "12px",
+            padding: "12px",
+            border: `1px solid ${colorBorder}`,
+            borderRadius,
+            marginBottom: "8px"
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { style: { flex: 1, fontSize: "14px" }, children: formatCard(card) }),
+            card.isDefault ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  backgroundColor: primary,
+                  color: "#fff",
+                  fontSize: "12px",
+                  fontWeight: 600,
+                  padding: "2px 8px",
+                  borderRadius: "999px"
+                },
+                children: "Default"
+              }
+            ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ 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__ */ 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__ */ jsx(
+      Suspense,
+      {
+        fallback: /* @__PURE__ */ jsx("div", { role: "status", style: { color: colorText, marginTop: "12px" }, children: "Loading\u2026" }),
+        children: /* @__PURE__ */ 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__ */ 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"
+      }
+    )
+  ] });
+}
+export {
+  DEFAULT_BASE_URL,
+  PaymentMethods,
+  ThrottleError,
+  ThrottlePaymentMethodsError,
+  createPaymentMethods,
+  isThrottleError,
+  usePaymentMethods
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts","../src/usePaymentMethods.ts","../src/PaymentMethods.tsx"],"sourcesContent":["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":["useEffect","useRef","useState","useState","useRef","useEffect"]}

package/dist/server.cjs

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/server.ts
+var server_exports = {};
+__export(server_exports, {
+  createServerPaymentMethods: () => createServerPaymentMethods,
+  mintClientToken: () => mintClientToken
+});
+module.exports = __toCommonJS(server_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/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/types.ts
+var DEFAULT_BASE_URL = "https://api.usethrottle.dev";
+
+// src/server.ts
+function authHeaders(opts) {
+  return {
+    "X-API-Key": opts.apiKey,
+    ...opts.environmentId ? { "X-Throttle-Environment-Id": opts.environmentId } : {}
+  };
+}
+async function mintClientToken(opts) {
+  const parsed = await request({
+    method: "POST",
+    path: "/api/v1/payment-methods/client-token",
+    baseUrl: opts.baseUrl ?? DEFAULT_BASE_URL,
+    headers: authHeaders(opts),
+    body: { customerId: opts.customerId }
+  });
+  return parsed.data;
+}
+function createServerPaymentMethods(opts) {
+  const base = opts.baseUrl ?? DEFAULT_BASE_URL;
+  const prefix = `/api/v1/customers/${encodeURIComponent(opts.customerId)}/payment-methods`;
+  const headers = authHeaders(opts);
+  return {
+    async list() {
+      const parsed = await request({ method: "GET", path: prefix, baseUrl: base, headers });
+      return parsed.data;
+    },
+    async setDefault(id) {
+      const parsed = await request({
+        method: "PATCH",
+        path: `${prefix}/${encodeURIComponent(id)}`,
+        baseUrl: base,
+        headers,
+        body: { isDefault: true }
+      });
+      return parsed.data;
+    },
+    async remove(id) {
+      const parsed = await request({
+        method: "DELETE",
+        path: `${prefix}/${encodeURIComponent(id)}`,
+        baseUrl: base,
+        headers
+      });
+      return parsed.data;
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createServerPaymentMethods,
+  mintClientToken
+});
+//# sourceMappingURL=server.cjs.map

package/dist/server.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server.ts","../src/errors.ts","../src/request.ts","../src/types.ts"],"sourcesContent":["/**\n * Server-only entry for @usethrottle/payment-methods.\n *\n * NOTE: No `startAddCard` here — adding a card is inherently a browser flow.\n * The backend's role is to mint a short-lived client token via `mintClientToken`;\n * the browser then passes that token to <PaymentMethods/> (or the headless client)\n * to initiate the card-add UI. The server cannot initiate the Gr4vy embed flow.\n *\n * MUST NOT import React or @gr4vy/embed-react. Only ./request, ./types, ./errors.\n */\n\nimport { request } from './request';\nimport type { MintedClientToken, SavedCard } from './types';\nimport { DEFAULT_BASE_URL } from './types';\n\ninterface ServerOpts {\n  apiKey: string;\n  customerId: string;\n  baseUrl?: string;\n  environmentId?: string;\n}\n\nfunction authHeaders(opts: Pick<ServerOpts, 'apiKey' | 'environmentId'>): Record<string, string> {\n  return {\n    'X-API-Key': opts.apiKey,\n    ...(opts.environmentId ? { 'X-Throttle-Environment-Id': opts.environmentId } : {}),\n  };\n}\n\nexport async function mintClientToken(opts: ServerOpts): Promise<MintedClientToken> {\n  const parsed = await request({\n    method: 'POST',\n    path: '/api/v1/payment-methods/client-token',\n    baseUrl: opts.baseUrl ?? DEFAULT_BASE_URL,\n    headers: authHeaders(opts),\n    body: { customerId: opts.customerId },\n  });\n  return parsed.data as MintedClientToken;\n}\n\nexport function createServerPaymentMethods(opts: ServerOpts): {\n  list(): Promise<SavedCard[]>;\n  setDefault(id: string): Promise<SavedCard>;\n  remove(id: string): Promise<{ id: string }>;\n} {\n  const base = opts.baseUrl ?? DEFAULT_BASE_URL;\n  const prefix = `/api/v1/customers/${encodeURIComponent(opts.customerId)}/payment-methods`;\n  const headers = authHeaders(opts);\n\n  return {\n    async list() {\n      const parsed = await request({ method: 'GET', path: prefix, baseUrl: base, headers });\n      return parsed.data as SavedCard[];\n    },\n    async setDefault(id: string) {\n      const parsed = await request({\n        method: 'PATCH',\n        path: `${prefix}/${encodeURIComponent(id)}`,\n        baseUrl: base,\n        headers,\n        body: { isDefault: true },\n      });\n      return parsed.data as SavedCard;\n    },\n    async remove(id: string) {\n      const parsed = await request({\n        method: 'DELETE',\n        path: `${prefix}/${encodeURIComponent(id)}`,\n        baseUrl: base,\n        headers,\n      });\n      return parsed.data as { id: string };\n    },\n  };\n}\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","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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAA8B;AAS9B,IAAAA,iBAA+C;AAPxC,IAAM,8BAAN,cAA0C,4BAAc;AAAA,EAC7D,YAAY,MAAgF;AAC1F,UAAM,IAAI;AACV,SAAK,OAAO;AAAA,EACd;AACF;;;ACLA,eAAsB,QAAQ,OAMb;AACf,QAAM,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,GAAG,MAAM,IAAI,IAAI;AAAA,IACvD,QAAQ,MAAM;AAAA,IACd,SAAS;AAAA,MACP,GAAI,MAAM,SAAS,SAAY,EAAE,gBAAgB,mBAAmB,IAAI,CAAC;AAAA,MACzE,GAAI,MAAM,WAAW,CAAC;AAAA,IACxB;AAAA,IACA,GAAI,MAAM,SAAS,SAAY,EAAE,MAAM,KAAK,UAAU,MAAM,IAAI,EAAE,IAAI,CAAC;AAAA,EACzE,CAAC;AACD,QAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,MAAI,SAAc,CAAC;AACnB,MAAI;AACF,aAAS,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC;AAAA,EACtC,QAAQ;AAAA,EAIR;AACA,MAAI,CAAC,IAAI,IAAI;AACX,UAAM,IAAI,QAAQ,SAAS,CAAC;AAC5B,UAAM,IAAI,4BAA4B;AAAA,MACpC,MAAM,EAAE,QAAQ;AAAA,MAChB,SAAS,EAAE,WAAW,uBAAuB,IAAI,MAAM;AAAA,MACvD,YAAY,IAAI;AAAA,MAChB,SAAS,EAAE;AAAA,IACb,CAAC;AAAA,EACH;AACA,SAAO;AACT;;;ACFO,IAAM,mBAAmB;;;AHZhC,SAAS,YAAY,MAA4E;AAC/F,SAAO;AAAA,IACL,aAAa,KAAK;AAAA,IAClB,GAAI,KAAK,gBAAgB,EAAE,6BAA6B,KAAK,cAAc,IAAI,CAAC;AAAA,EAClF;AACF;AAEA,eAAsB,gBAAgB,MAA8C;AAClF,QAAM,SAAS,MAAM,QAAQ;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS,KAAK,WAAW;AAAA,IACzB,SAAS,YAAY,IAAI;AAAA,IACzB,MAAM,EAAE,YAAY,KAAK,WAAW;AAAA,EACtC,CAAC;AACD,SAAO,OAAO;AAChB;AAEO,SAAS,2BAA2B,MAIzC;AACA,QAAM,OAAO,KAAK,WAAW;AAC7B,QAAM,SAAS,qBAAqB,mBAAmB,KAAK,UAAU,CAAC;AACvE,QAAM,UAAU,YAAY,IAAI;AAEhC,SAAO;AAAA,IACL,MAAM,OAAO;AACX,YAAM,SAAS,MAAM,QAAQ,EAAE,QAAQ,OAAO,MAAM,QAAQ,SAAS,MAAM,QAAQ,CAAC;AACpF,aAAO,OAAO;AAAA,IAChB;AAAA,IACA,MAAM,WAAW,IAAY;AAC3B,YAAM,SAAS,MAAM,QAAQ;AAAA,QAC3B,QAAQ;AAAA,QACR,MAAM,GAAG,MAAM,IAAI,mBAAmB,EAAE,CAAC;AAAA,QACzC,SAAS;AAAA,QACT;AAAA,QACA,MAAM,EAAE,WAAW,KAAK;AAAA,MAC1B,CAAC;AACD,aAAO,OAAO;AAAA,IAChB;AAAA,IACA,MAAM,OAAO,IAAY;AACvB,YAAM,SAAS,MAAM,QAAQ;AAAA,QAC3B,QAAQ;AAAA,QACR,MAAM,GAAG,MAAM,IAAI,mBAAmB,EAAE,CAAC;AAAA,QACzC,SAAS;AAAA,QACT;AAAA,MACF,CAAC;AACD,aAAO,OAAO;AAAA,IAChB;AAAA,EACF;AACF;","names":["import_errors"]}

package/dist/server.d.cts

@@ -0,0 +1,29 @@
+import { S as SavedCard, M as MintedClientToken } from './types-Bleeq_oI.cjs';
+
+/**
+ * Server-only entry for @usethrottle/payment-methods.
+ *
+ * NOTE: No `startAddCard` here — adding a card is inherently a browser flow.
+ * The backend's role is to mint a short-lived client token via `mintClientToken`;
+ * the browser then passes that token to <PaymentMethods/> (or the headless client)
+ * to initiate the card-add UI. The server cannot initiate the Gr4vy embed flow.
+ *
+ * MUST NOT import React or @gr4vy/embed-react. Only ./request, ./types, ./errors.
+ */
+
+interface ServerOpts {
+    apiKey: string;
+    customerId: string;
+    baseUrl?: string;
+    environmentId?: string;
+}
+declare function mintClientToken(opts: ServerOpts): Promise<MintedClientToken>;
+declare function createServerPaymentMethods(opts: ServerOpts): {
+    list(): Promise<SavedCard[]>;
+    setDefault(id: string): Promise<SavedCard>;
+    remove(id: string): Promise<{
+        id: string;
+    }>;
+};
+
+export { createServerPaymentMethods, mintClientToken };

package/dist/server.d.ts

@@ -0,0 +1,29 @@
+import { S as SavedCard, M as MintedClientToken } from './types-Bleeq_oI.js';
+
+/**
+ * Server-only entry for @usethrottle/payment-methods.
+ *
+ * NOTE: No `startAddCard` here — adding a card is inherently a browser flow.
+ * The backend's role is to mint a short-lived client token via `mintClientToken`;
+ * the browser then passes that token to <PaymentMethods/> (or the headless client)
+ * to initiate the card-add UI. The server cannot initiate the Gr4vy embed flow.
+ *
+ * MUST NOT import React or @gr4vy/embed-react. Only ./request, ./types, ./errors.
+ */
+
+interface ServerOpts {
+    apiKey: string;
+    customerId: string;
+    baseUrl?: string;
+    environmentId?: string;
+}
+declare function mintClientToken(opts: ServerOpts): Promise<MintedClientToken>;
+declare function createServerPaymentMethods(opts: ServerOpts): {
+    list(): Promise<SavedCard[]>;
+    setDefault(id: string): Promise<SavedCard>;
+    remove(id: string): Promise<{
+        id: string;
+    }>;
+};
+
+export { createServerPaymentMethods, mintClientToken };

package/dist/server.js

@@ -0,0 +1,57 @@
+import {
+  DEFAULT_BASE_URL,
+  request
+} from "./chunk-T2CV3T5K.js";
+
+// src/server.ts
+function authHeaders(opts) {
+  return {
+    "X-API-Key": opts.apiKey,
+    ...opts.environmentId ? { "X-Throttle-Environment-Id": opts.environmentId } : {}
+  };
+}
+async function mintClientToken(opts) {
+  const parsed = await request({
+    method: "POST",
+    path: "/api/v1/payment-methods/client-token",
+    baseUrl: opts.baseUrl ?? DEFAULT_BASE_URL,
+    headers: authHeaders(opts),
+    body: { customerId: opts.customerId }
+  });
+  return parsed.data;
+}
+function createServerPaymentMethods(opts) {
+  const base = opts.baseUrl ?? DEFAULT_BASE_URL;
+  const prefix = `/api/v1/customers/${encodeURIComponent(opts.customerId)}/payment-methods`;
+  const headers = authHeaders(opts);
+  return {
+    async list() {
+      const parsed = await request({ method: "GET", path: prefix, baseUrl: base, headers });
+      return parsed.data;
+    },
+    async setDefault(id) {
+      const parsed = await request({
+        method: "PATCH",
+        path: `${prefix}/${encodeURIComponent(id)}`,
+        baseUrl: base,
+        headers,
+        body: { isDefault: true }
+      });
+      return parsed.data;
+    },
+    async remove(id) {
+      const parsed = await request({
+        method: "DELETE",
+        path: `${prefix}/${encodeURIComponent(id)}`,
+        baseUrl: base,
+        headers
+      });
+      return parsed.data;
+    }
+  };
+}
+export {
+  createServerPaymentMethods,
+  mintClientToken
+};
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server.ts"],"sourcesContent":["/**\n * Server-only entry for @usethrottle/payment-methods.\n *\n * NOTE: No `startAddCard` here — adding a card is inherently a browser flow.\n * The backend's role is to mint a short-lived client token via `mintClientToken`;\n * the browser then passes that token to <PaymentMethods/> (or the headless client)\n * to initiate the card-add UI. The server cannot initiate the Gr4vy embed flow.\n *\n * MUST NOT import React or @gr4vy/embed-react. Only ./request, ./types, ./errors.\n */\n\nimport { request } from './request';\nimport type { MintedClientToken, SavedCard } from './types';\nimport { DEFAULT_BASE_URL } from './types';\n\ninterface ServerOpts {\n  apiKey: string;\n  customerId: string;\n  baseUrl?: string;\n  environmentId?: string;\n}\n\nfunction authHeaders(opts: Pick<ServerOpts, 'apiKey' | 'environmentId'>): Record<string, string> {\n  return {\n    'X-API-Key': opts.apiKey,\n    ...(opts.environmentId ? { 'X-Throttle-Environment-Id': opts.environmentId } : {}),\n  };\n}\n\nexport async function mintClientToken(opts: ServerOpts): Promise<MintedClientToken> {\n  const parsed = await request({\n    method: 'POST',\n    path: '/api/v1/payment-methods/client-token',\n    baseUrl: opts.baseUrl ?? DEFAULT_BASE_URL,\n    headers: authHeaders(opts),\n    body: { customerId: opts.customerId },\n  });\n  return parsed.data as MintedClientToken;\n}\n\nexport function createServerPaymentMethods(opts: ServerOpts): {\n  list(): Promise<SavedCard[]>;\n  setDefault(id: string): Promise<SavedCard>;\n  remove(id: string): Promise<{ id: string }>;\n} {\n  const base = opts.baseUrl ?? DEFAULT_BASE_URL;\n  const prefix = `/api/v1/customers/${encodeURIComponent(opts.customerId)}/payment-methods`;\n  const headers = authHeaders(opts);\n\n  return {\n    async list() {\n      const parsed = await request({ method: 'GET', path: prefix, baseUrl: base, headers });\n      return parsed.data as SavedCard[];\n    },\n    async setDefault(id: string) {\n      const parsed = await request({\n        method: 'PATCH',\n        path: `${prefix}/${encodeURIComponent(id)}`,\n        baseUrl: base,\n        headers,\n        body: { isDefault: true },\n      });\n      return parsed.data as SavedCard;\n    },\n    async remove(id: string) {\n      const parsed = await request({\n        method: 'DELETE',\n        path: `${prefix}/${encodeURIComponent(id)}`,\n        baseUrl: base,\n        headers,\n      });\n      return parsed.data as { id: string };\n    },\n  };\n}\n"],"mappings":";;;;;;AAsBA,SAAS,YAAY,MAA4E;AAC/F,SAAO;AAAA,IACL,aAAa,KAAK;AAAA,IAClB,GAAI,KAAK,gBAAgB,EAAE,6BAA6B,KAAK,cAAc,IAAI,CAAC;AAAA,EAClF;AACF;AAEA,eAAsB,gBAAgB,MAA8C;AAClF,QAAM,SAAS,MAAM,QAAQ;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS,KAAK,WAAW;AAAA,IACzB,SAAS,YAAY,IAAI;AAAA,IACzB,MAAM,EAAE,YAAY,KAAK,WAAW;AAAA,EACtC,CAAC;AACD,SAAO,OAAO;AAChB;AAEO,SAAS,2BAA2B,MAIzC;AACA,QAAM,OAAO,KAAK,WAAW;AAC7B,QAAM,SAAS,qBAAqB,mBAAmB,KAAK,UAAU,CAAC;AACvE,QAAM,UAAU,YAAY,IAAI;AAEhC,SAAO;AAAA,IACL,MAAM,OAAO;AACX,YAAM,SAAS,MAAM,QAAQ,EAAE,QAAQ,OAAO,MAAM,QAAQ,SAAS,MAAM,QAAQ,CAAC;AACpF,aAAO,OAAO;AAAA,IAChB;AAAA,IACA,MAAM,WAAW,IAAY;AAC3B,YAAM,SAAS,MAAM,QAAQ;AAAA,QAC3B,QAAQ;AAAA,QACR,MAAM,GAAG,MAAM,IAAI,mBAAmB,EAAE,CAAC;AAAA,QACzC,SAAS;AAAA,QACT;AAAA,QACA,MAAM,EAAE,WAAW,KAAK;AAAA,MAC1B,CAAC;AACD,aAAO,OAAO;AAAA,IAChB;AAAA,IACA,MAAM,OAAO,IAAY;AACvB,YAAM,SAAS,MAAM,QAAQ;AAAA,QAC3B,QAAQ;AAAA,QACR,MAAM,GAAG,MAAM,IAAI,mBAAmB,EAAE,CAAC;AAAA,QACzC,SAAS;AAAA,QACT;AAAA,MACF,CAAC;AACD,aAAO,OAAO;AAAA,IAChB;AAAA,EACF;AACF;","names":[]}

package/dist/types-Bleeq_oI.d.cts

@@ -0,0 +1,33 @@
+interface SavedCard {
+    id: string;
+    methodType: string;
+    cardBrand: string | null;
+    cardLastFour: string | null;
+    cardExpMonth: number | null;
+    cardExpYear: number | null;
+    isDefault: boolean;
+}
+interface EmbedPayload {
+    embedToken: string;
+    checkoutSessionId: string;
+    amount: number;
+    currency: string;
+    gr4vyId: string;
+    merchantAccountId?: string;
+    environment: 'sandbox' | 'production';
+    hostedUrl?: string;
+    embedUrl?: string;
+}
+interface MintedClientToken {
+    token: string;
+    expiresAt: string;
+}
+interface PaymentMethodsTheme {
+    colorPrimary?: string;
+    colorText?: string;
+    colorBorder?: string;
+    borderRadius?: string;
+}
+declare const DEFAULT_BASE_URL = "https://api.usethrottle.dev";
+
+export { DEFAULT_BASE_URL as D, type EmbedPayload as E, type MintedClientToken as M, type PaymentMethodsTheme as P, type SavedCard as S };