@ai-billing/nextjs 0.0.0

package/dist/polar/CreditTopUpPolar.js

@@ -0,0 +1,244 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useTransition } from "react";
+import { cardBase, mutedText } from "../styles.js";
+import { formatCents, taxMessages } from "../utils.js";
+import { createCheckout as checkoutAction } from "./createCheckout.js";
+import { fetchTopUpConfig } from "./fetchTopUpConfig.js";
+function LightningIcon({ selected }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: 36,
+        height: 36,
+        borderRadius: 10,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        transition: "background 0.15s",
+        background: selected ? "var(--foreground)" : "var(--muted)"
+      },
+      children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M13 2L4.5 13.5H11L10 22L20.5 10.5H14L13 2Z",
+          fill: selected ? "var(--background)" : "var(--muted-foreground)",
+          stroke: selected ? "var(--background)" : "var(--muted-foreground)",
+          strokeWidth: "0.5",
+          strokeLinejoin: "round"
+        }
+      ) })
+    }
+  );
+}
+const CreditTopUpPolar = React.forwardRef(
+  ({
+    userId,
+    title = "Choose a credit bundle to top up your workspace balance.",
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const cls = (className ?? "").trim();
+    const [packages, setPackages] = useState([]);
+    const [taxBehavior, setTaxBehavior] = useState();
+    const [loading, setLoading] = useState(true);
+    const [selectedIdx, setSelectedIdx] = useState(0);
+    const [isPending, startTransition] = useTransition();
+    const [error, setError] = useState(null);
+    useEffect(() => {
+      let cancelled = false;
+      setLoading(true);
+      (async () => {
+        try {
+          const config = await fetchTopUpConfig();
+          if (cancelled) return;
+          setPackages(config.packages);
+          if (config.taxBehavior) setTaxBehavior(config.taxBehavior);
+        } catch {
+        } finally {
+          if (!cancelled) setLoading(false);
+        }
+      })();
+      return () => {
+        cancelled = true;
+      };
+    }, []);
+    const selected = packages[selectedIdx] ?? null;
+    function handlePurchase() {
+      if (!selected) return;
+      setError(null);
+      startTransition(async () => {
+        try {
+          const url = await checkoutAction(
+            selected.id,
+            userId,
+            window.location.origin
+          );
+          window.location.href = url;
+        } catch (e) {
+          setError(String(e));
+        }
+      });
+    }
+    if (loading) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cls,
+          style: { ...cardBase, height: 120, opacity: 0.5, ...style },
+          ...props
+        }
+      );
+    }
+    if (packages.length === 0) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cls,
+          style: { ...cardBase, ...style },
+          ...props,
+          children: /* @__PURE__ */ jsx("p", { style: mutedText, children: "No top-up packages available." })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cls,
+        style: {
+          ...cardBase,
+          display: "flex",
+          flexDirection: "column",
+          ...style
+        },
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx("p", { style: { ...mutedText, marginBottom: 12 }, children: title }),
+          /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: packages.map((pkg, i) => {
+            const isSelected = i === selectedIdx;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                role: "button",
+                tabIndex: 0,
+                onClick: () => setSelectedIdx(i),
+                onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && setSelectedIdx(i),
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 12,
+                  padding: "10px 14px",
+                  borderRadius: "var(--radius, 0.75rem)",
+                  background: isSelected ? "var(--muted)" : "transparent",
+                  border: isSelected ? "1px solid var(--border)" : "1px solid transparent",
+                  cursor: "pointer",
+                  transition: "background 0.15s, border-color 0.15s",
+                  userSelect: "none",
+                  outline: "none"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(LightningIcon, { selected: isSelected }),
+                  /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(
+                    "p",
+                    {
+                      style: {
+                        margin: 0,
+                        fontSize: 14,
+                        fontWeight: 600,
+                        color: "var(--card-foreground)",
+                        lineHeight: 1.3
+                      },
+                      children: [
+                        "Top-up ",
+                        formatCents(pkg.priceCents)
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        flexShrink: 0,
+                        fontSize: 16,
+                        fontWeight: 700,
+                        color: "var(--card-foreground)"
+                      },
+                      children: formatCents(pkg.priceCents)
+                    }
+                  )
+                ]
+              },
+              pkg.id
+            );
+          }) }),
+          /* @__PURE__ */ jsxs("div", { style: { marginTop: 20 }, children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: isPending || !selected,
+                onClick: handlePurchase,
+                style: {
+                  fontFamily: "inherit",
+                  width: "100%",
+                  height: 38,
+                  borderRadius: "var(--radius, 0.5rem)",
+                  background: "var(--primary)",
+                  color: "var(--primary-foreground)",
+                  border: 0,
+                  fontSize: 14,
+                  fontWeight: 500,
+                  cursor: isPending || !selected ? "not-allowed" : "pointer",
+                  opacity: isPending ? 0.6 : 1,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  transition: "opacity 0.15s"
+                },
+                children: isPending ? "Processing\u2026" : selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  "Top-up ",
+                  formatCents(selected.priceCents)
+                ] }) : "Select a package"
+              }
+            ),
+            error && /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  marginTop: 8,
+                  fontSize: 12,
+                  color: "#ef4444",
+                  textAlign: "center"
+                },
+                children: error
+              }
+            )
+          ] }),
+          taxBehavior && /* @__PURE__ */ jsx(
+            "p",
+            {
+              style: {
+                marginTop: 14,
+                fontSize: 11,
+                color: "var(--muted-foreground)",
+                textAlign: "center"
+              },
+              children: taxMessages[taxBehavior]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CreditTopUpPolar.displayName = "CreditTopUpPolar";
+export {
+  CreditTopUpPolar
+};
+//# sourceMappingURL=CreditTopUpPolar.js.map

package/dist/polar/CreditTopUpPolar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/polar/CreditTopUpPolar.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useEffect, useTransition } from 'react';\nimport { cardBase, mutedText } from '../styles.js';\nimport { formatCents, taxMessages } from '../utils.js';\nimport { createCheckout as checkoutAction } from './createCheckout.js';\nimport { fetchTopUpConfig } from './fetchTopUpConfig.js';\nimport type { CreditPackage } from './types.js';\n\nexport interface CreditTopUpPolarProps extends React.HTMLAttributes<HTMLDivElement> {\n  userId: string;\n  title?: string;\n}\n\nfunction LightningIcon({ selected }: { selected: boolean }) {\n  return (\n    <div\n      style={{\n        width: 36,\n        height: 36,\n        borderRadius: 10,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flexShrink: 0,\n        transition: 'background 0.15s',\n        background: selected ? 'var(--foreground)' : 'var(--muted)',\n      }}\n    >\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <path\n          d=\"M13 2L4.5 13.5H11L10 22L20.5 10.5H14L13 2Z\"\n          fill={selected ? 'var(--background)' : 'var(--muted-foreground)'}\n          stroke={selected ? 'var(--background)' : 'var(--muted-foreground)'}\n          strokeWidth=\"0.5\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </div>\n  );\n}\n\nexport const CreditTopUpPolar = React.forwardRef<\n  HTMLDivElement,\n  CreditTopUpPolarProps\n>(\n  (\n    {\n      userId,\n      title = 'Choose a credit bundle to top up your workspace balance.',\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const cls = (className ?? '').trim();\n    const [packages, setPackages] = useState<CreditPackage[]>([]);\n    const [taxBehavior, setTaxBehavior] = useState<\n      'inclusive' | 'exclusive' | 'location'\n    >();\n    const [loading, setLoading] = useState(true);\n    const [selectedIdx, setSelectedIdx] = useState(0);\n    const [isPending, startTransition] = useTransition();\n    const [error, setError] = useState<string | null>(null);\n\n    useEffect(() => {\n      let cancelled = false;\n      setLoading(true);\n      (async () => {\n        try {\n          const config = await fetchTopUpConfig();\n          if (cancelled) return;\n          setPackages(config.packages);\n          if (config.taxBehavior) setTaxBehavior(config.taxBehavior);\n        } catch {\n          /* no data */\n        } finally {\n          if (!cancelled) setLoading(false);\n        }\n      })();\n      return () => {\n        cancelled = true;\n      };\n    }, []);\n\n    const selected = packages[selectedIdx] ?? null;\n\n    function handlePurchase() {\n      if (!selected) return;\n      setError(null);\n      startTransition(async () => {\n        try {\n          const url = await checkoutAction(\n            selected.id,\n            userId,\n            window.location.origin,\n          );\n          window.location.href = url;\n        } catch (e) {\n          setError(String(e));\n        }\n      });\n    }\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          className={cls}\n          style={{ ...cardBase, height: 120, opacity: 0.5, ...style }}\n          {...props}\n        />\n      );\n    }\n\n    if (packages.length === 0) {\n      return (\n        <div\n          ref={ref}\n          className={cls}\n          style={{ ...cardBase, ...style }}\n          {...props}\n        >\n          <p style={mutedText}>No top-up packages available.</p>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cls}\n        style={{\n          ...cardBase,\n          display: 'flex',\n          flexDirection: 'column',\n          ...style,\n        }}\n        {...props}\n      >\n        {title && <p style={{ ...mutedText, marginBottom: 12 }}>{title}</p>}\n\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>\n          {packages.map((pkg, i) => {\n            const isSelected = i === selectedIdx;\n            return (\n              <div\n                key={pkg.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => setSelectedIdx(i)}\n                onKeyDown={e =>\n                  (e.key === 'Enter' || e.key === ' ') && setSelectedIdx(i)\n                }\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: 12,\n                  padding: '10px 14px',\n                  borderRadius: 'var(--radius, 0.75rem)',\n                  background: isSelected ? 'var(--muted)' : 'transparent',\n                  border: isSelected\n                    ? '1px solid var(--border)'\n                    : '1px solid transparent',\n                  cursor: 'pointer',\n                  transition: 'background 0.15s, border-color 0.15s',\n                  userSelect: 'none',\n                  outline: 'none',\n                }}\n              >\n                <LightningIcon selected={isSelected} />\n                <div style={{ flex: 1, minWidth: 0 }}>\n                  <p\n                    style={{\n                      margin: 0,\n                      fontSize: 14,\n                      fontWeight: 600,\n                      color: 'var(--card-foreground)',\n                      lineHeight: 1.3,\n                    }}\n                  >\n                    Top-up {formatCents(pkg.priceCents)}\n                  </p>\n                </div>\n                <span\n                  style={{\n                    flexShrink: 0,\n                    fontSize: 16,\n                    fontWeight: 700,\n                    color: 'var(--card-foreground)',\n                  }}\n                >\n                  {formatCents(pkg.priceCents)}\n                </span>\n              </div>\n            );\n          })}\n        </div>\n\n        <div style={{ marginTop: 20 }}>\n          <button\n            type=\"button\"\n            disabled={isPending || !selected}\n            onClick={handlePurchase}\n            style={{\n              fontFamily: 'inherit',\n              width: '100%',\n              height: 38,\n              borderRadius: 'var(--radius, 0.5rem)',\n              background: 'var(--primary)',\n              color: 'var(--primary-foreground)',\n              border: 0,\n              fontSize: 14,\n              fontWeight: 500,\n              cursor: isPending || !selected ? 'not-allowed' : 'pointer',\n              opacity: isPending ? 0.6 : 1,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              transition: 'opacity 0.15s',\n            }}\n          >\n            {isPending ? (\n              'Processing…'\n            ) : selected ? (\n              <>Top-up {formatCents(selected.priceCents)}</>\n            ) : (\n              'Select a package'\n            )}\n          </button>\n          {error && (\n            <p\n              style={{\n                marginTop: 8,\n                fontSize: 12,\n                color: '#ef4444',\n                textAlign: 'center',\n              }}\n            >\n              {error}\n            </p>\n          )}\n        </div>\n\n        {taxBehavior && (\n          <p\n            style={{\n              marginTop: 14,\n              fontSize: 11,\n              color: 'var(--muted-foreground)',\n              textAlign: 'center',\n            }}\n          >\n            {taxMessages[taxBehavior]}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\nCreditTopUpPolar.displayName = 'CreditTopUpPolar';\n"],"mappings":"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","names":[]}

package/dist/polar/CreditUsagePolar.cjs

@@ -0,0 +1,133 @@
+"use strict";
+"use client";
+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 __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);
+var CreditUsagePolar_exports = {};
+__export(CreditUsagePolar_exports, {
+  CreditUsagePolar: () => CreditUsagePolar
+});
+module.exports = __toCommonJS(CreditUsagePolar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_styles = require("../styles.js");
+var import_utils = require("../utils.js");
+var import_fetchPolarUsage = require("./fetchPolarUsage.js");
+const CreditUsagePolar = import_react.default.forwardRef(({ userId, budget, label, className, style, ...props }, ref) => {
+  const cls = (className ?? "").trim();
+  const [data, setData] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    setLoading(true);
+    (async () => {
+      try {
+        const result = await (0, import_fetchPolarUsage.fetchPolarUsage)(userId);
+        if (!cancelled) setData(result);
+      } catch {
+        if (!cancelled) setData(null);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [userId]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: cls,
+        style: { ...import_styles.cardBase, height: 120, opacity: 0.5, ...style },
+        ...props
+      }
+    );
+  }
+  if (!data?.found) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: cls,
+        style: { ...import_styles.cardBase, ...style },
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: import_styles.mutedText, children: "No usage data available." })
+      }
+    );
+  }
+  const meterName = label ?? data.meterName;
+  const useBudget = budget !== void 0 && budget > 0;
+  const showBar = useBudget || data.creditedUnits > 0;
+  const cap = showBar ? useBudget ? budget : data.creditedUnits : 0;
+  const pct = cap > 0 ? Math.min(data.consumedUnits / cap * 100, 100) : 0;
+  const color = (0, import_utils.barColor)(pct);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: cls, style: { ...import_styles.cardBase, ...style }, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: import_styles.heading, children: meterName }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "baseline",
+          gap: 6,
+          margin: "0 0 14px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: import_styles.bigNumber, children: (0, import_utils.fmt)(data.consumedUnits, "$") }),
+          showBar && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: import_styles.subLabel, children: [
+            "/ ",
+            (0, import_utils.fmt)(cap, "$")
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: import_styles.barTrack, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          height: "100%",
+          width: `${pct}%`,
+          borderRadius: 3,
+          background: showBar ? color : "#e5e7eb",
+          transition: "width 0.3s ease"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: import_styles.barLabels, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: showBar ? `${pct.toFixed(0)}% ${useBudget ? "used" : "consumed"}` : "0 credits" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: showBar ? `${(0, import_utils.fmt)(Math.max(0, cap - data.consumedUnits), "$")} remaining` : `${(0, import_utils.fmt)(data.consumedUnits, "$")} consumed` })
+    ] })
+  ] });
+});
+CreditUsagePolar.displayName = "CreditUsagePolar";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreditUsagePolar
+});
+//# sourceMappingURL=CreditUsagePolar.cjs.map

package/dist/polar/CreditUsagePolar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/polar/CreditUsagePolar.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useEffect } from 'react';\nimport {\n  cardBase,\n  heading,\n  mutedText,\n  bigNumber,\n  subLabel,\n  barTrack,\n  barLabels,\n} from '../styles.js';\nimport { barColor, fmt } from '../utils.js';\nimport { fetchPolarUsage } from './fetchPolarUsage.js';\nimport type { PolarUsageData } from './types.js';\n\nexport interface CreditUsagePolarProps extends React.HTMLAttributes<HTMLDivElement> {\n  userId: string;\n  budget?: number;\n  label?: string;\n}\n\nexport const CreditUsagePolar = React.forwardRef<\n  HTMLDivElement,\n  CreditUsagePolarProps\n>(({ userId, budget, label, className, style, ...props }, ref) => {\n  const cls = (className ?? '').trim();\n  const [data, setData] = useState<PolarUsageData | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    (async () => {\n      try {\n        const result = await fetchPolarUsage(userId);\n        if (!cancelled) setData(result);\n      } catch {\n        if (!cancelled) setData(null);\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [userId]);\n\n  if (loading) {\n    return (\n      <div\n        ref={ref}\n        className={cls}\n        style={{ ...cardBase, height: 120, opacity: 0.5, ...style }}\n        {...props}\n      />\n    );\n  }\n\n  if (!data?.found) {\n    return (\n      <div\n        ref={ref}\n        className={cls}\n        style={{ ...cardBase, ...style }}\n        {...props}\n      >\n        <p style={mutedText}>No usage data available.</p>\n      </div>\n    );\n  }\n\n  const meterName = label ?? data.meterName;\n  const useBudget = budget !== undefined && budget > 0;\n  const showBar = useBudget || data.creditedUnits > 0;\n  const cap = showBar ? (useBudget ? budget! : data.creditedUnits) : 0;\n  const pct = cap > 0 ? Math.min((data.consumedUnits / cap) * 100, 100) : 0;\n  const color = barColor(pct);\n\n  return (\n    <div ref={ref} className={cls} style={{ ...cardBase, ...style }} {...props}>\n      <p style={heading}>{meterName}</p>\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'baseline',\n          gap: 6,\n          margin: '0 0 14px',\n        }}\n      >\n        <span style={bigNumber}>{fmt(data.consumedUnits, '$')}</span>\n        {showBar && <span style={subLabel}>/ {fmt(cap, '$')}</span>}\n      </div>\n      <div style={barTrack}>\n        <div\n          style={{\n            height: '100%',\n            width: `${pct}%`,\n            borderRadius: 3,\n            background: showBar ? color : '#e5e7eb',\n            transition: 'width 0.3s ease',\n          }}\n        />\n      </div>\n      <div style={barLabels}>\n        <span>\n          {showBar\n            ? `${pct.toFixed(0)}% ${useBudget ? 'used' : 'consumed'}`\n            : '0 credits'}\n        </span>\n        <span>\n          {showBar\n            ? `${fmt(Math.max(0, cap - data.consumedUnits), '$')} remaining`\n            : `${fmt(data.consumedUnits, '$')} consumed`}\n        </span>\n      </div>\n    </div>\n  );\n});\nCreditUsagePolar.displayName = 'CreditUsagePolar';\n"],"mappings":"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","names":["React"]}

package/dist/polar/CreditUsagePolar.d.cts

@@ -0,0 +1,10 @@
+import React from 'react';
+
+interface CreditUsagePolarProps extends React.HTMLAttributes<HTMLDivElement> {
+    userId: string;
+    budget?: number;
+    label?: string;
+}
+declare const CreditUsagePolar: React.ForwardRefExoticComponent<CreditUsagePolarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CreditUsagePolar, type CreditUsagePolarProps };

package/dist/polar/CreditUsagePolar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+
+interface CreditUsagePolarProps extends React.HTMLAttributes<HTMLDivElement> {
+    userId: string;
+    budget?: number;
+    label?: string;
+}
+declare const CreditUsagePolar: React.ForwardRefExoticComponent<CreditUsagePolarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CreditUsagePolar, type CreditUsagePolarProps };

package/dist/polar/CreditUsagePolar.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect } from "react";
+import {
+  cardBase,
+  heading,
+  mutedText,
+  bigNumber,
+  subLabel,
+  barTrack,
+  barLabels
+} from "../styles.js";
+import { barColor, fmt } from "../utils.js";
+import { fetchPolarUsage } from "./fetchPolarUsage.js";
+const CreditUsagePolar = React.forwardRef(({ userId, budget, label, className, style, ...props }, ref) => {
+  const cls = (className ?? "").trim();
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    (async () => {
+      try {
+        const result = await fetchPolarUsage(userId);
+        if (!cancelled) setData(result);
+      } catch {
+        if (!cancelled) setData(null);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [userId]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cls,
+        style: { ...cardBase, height: 120, opacity: 0.5, ...style },
+        ...props
+      }
+    );
+  }
+  if (!data?.found) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cls,
+        style: { ...cardBase, ...style },
+        ...props,
+        children: /* @__PURE__ */ jsx("p", { style: mutedText, children: "No usage data available." })
+      }
+    );
+  }
+  const meterName = label ?? data.meterName;
+  const useBudget = budget !== void 0 && budget > 0;
+  const showBar = useBudget || data.creditedUnits > 0;
+  const cap = showBar ? useBudget ? budget : data.creditedUnits : 0;
+  const pct = cap > 0 ? Math.min(data.consumedUnits / cap * 100, 100) : 0;
+  const color = barColor(pct);
+  return /* @__PURE__ */ jsxs("div", { ref, className: cls, style: { ...cardBase, ...style }, ...props, children: [
+    /* @__PURE__ */ jsx("p", { style: heading, children: meterName }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "baseline",
+          gap: 6,
+          margin: "0 0 14px"
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: bigNumber, children: fmt(data.consumedUnits, "$") }),
+          showBar && /* @__PURE__ */ jsxs("span", { style: subLabel, children: [
+            "/ ",
+            fmt(cap, "$")
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { style: barTrack, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          height: "100%",
+          width: `${pct}%`,
+          borderRadius: 3,
+          background: showBar ? color : "#e5e7eb",
+          transition: "width 0.3s ease"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { style: barLabels, children: [
+      /* @__PURE__ */ jsx("span", { children: showBar ? `${pct.toFixed(0)}% ${useBudget ? "used" : "consumed"}` : "0 credits" }),
+      /* @__PURE__ */ jsx("span", { children: showBar ? `${fmt(Math.max(0, cap - data.consumedUnits), "$")} remaining` : `${fmt(data.consumedUnits, "$")} consumed` })
+    ] })
+  ] });
+});
+CreditUsagePolar.displayName = "CreditUsagePolar";
+export {
+  CreditUsagePolar
+};
+//# sourceMappingURL=CreditUsagePolar.js.map

package/dist/polar/CreditUsagePolar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/polar/CreditUsagePolar.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useEffect } from 'react';\nimport {\n  cardBase,\n  heading,\n  mutedText,\n  bigNumber,\n  subLabel,\n  barTrack,\n  barLabels,\n} from '../styles.js';\nimport { barColor, fmt } from '../utils.js';\nimport { fetchPolarUsage } from './fetchPolarUsage.js';\nimport type { PolarUsageData } from './types.js';\n\nexport interface CreditUsagePolarProps extends React.HTMLAttributes<HTMLDivElement> {\n  userId: string;\n  budget?: number;\n  label?: string;\n}\n\nexport const CreditUsagePolar = React.forwardRef<\n  HTMLDivElement,\n  CreditUsagePolarProps\n>(({ userId, budget, label, className, style, ...props }, ref) => {\n  const cls = (className ?? '').trim();\n  const [data, setData] = useState<PolarUsageData | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    (async () => {\n      try {\n        const result = await fetchPolarUsage(userId);\n        if (!cancelled) setData(result);\n      } catch {\n        if (!cancelled) setData(null);\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [userId]);\n\n  if (loading) {\n    return (\n      <div\n        ref={ref}\n        className={cls}\n        style={{ ...cardBase, height: 120, opacity: 0.5, ...style }}\n        {...props}\n      />\n    );\n  }\n\n  if (!data?.found) {\n    return (\n      <div\n        ref={ref}\n        className={cls}\n        style={{ ...cardBase, ...style }}\n        {...props}\n      >\n        <p style={mutedText}>No usage data available.</p>\n      </div>\n    );\n  }\n\n  const meterName = label ?? data.meterName;\n  const useBudget = budget !== undefined && budget > 0;\n  const showBar = useBudget || data.creditedUnits > 0;\n  const cap = showBar ? (useBudget ? budget! : data.creditedUnits) : 0;\n  const pct = cap > 0 ? Math.min((data.consumedUnits / cap) * 100, 100) : 0;\n  const color = barColor(pct);\n\n  return (\n    <div ref={ref} className={cls} style={{ ...cardBase, ...style }} {...props}>\n      <p style={heading}>{meterName}</p>\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'baseline',\n          gap: 6,\n          margin: '0 0 14px',\n        }}\n      >\n        <span style={bigNumber}>{fmt(data.consumedUnits, '$')}</span>\n        {showBar && <span style={subLabel}>/ {fmt(cap, '$')}</span>}\n      </div>\n      <div style={barTrack}>\n        <div\n          style={{\n            height: '100%',\n            width: `${pct}%`,\n            borderRadius: 3,\n            background: showBar ? color : '#e5e7eb',\n            transition: 'width 0.3s ease',\n          }}\n        />\n      </div>\n      <div style={barLabels}>\n        <span>\n          {showBar\n            ? `${pct.toFixed(0)}% ${useBudget ? 'used' : 'consumed'}`\n            : '0 credits'}\n        </span>\n        <span>\n          {showBar\n            ? `${fmt(Math.max(0, cap - data.consumedUnits), '$')} remaining`\n            : `${fmt(data.consumedUnits, '$')} consumed`}\n        </span>\n      </div>\n    </div>\n  );\n});\nCreditUsagePolar.displayName = 'CreditUsagePolar';\n"],"mappings":"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","names":[]}

package/dist/polar/createCheckout.cjs

@@ -0,0 +1,47 @@
+"use strict";
+"use server";
+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);
+var createCheckout_exports = {};
+__export(createCheckout_exports, {
+  createCheckout: () => createCheckout
+});
+module.exports = __toCommonJS(createCheckout_exports);
+var import_sdk = require("@polar-sh/sdk");
+async function createCheckout(productId, userId, origin) {
+  const polar = new import_sdk.Polar({
+    accessToken: process.env.POLAR_ACCESS_TOKEN,
+    server: process.env.POLAR_SERVER ?? "sandbox"
+  });
+  try {
+    const checkout = await polar.checkouts.create({
+      products: [productId],
+      externalCustomerId: userId,
+      successUrl: `${origin}/usage`
+    });
+    return checkout.url;
+  } catch (error) {
+    console.error("Create checkout failed:", error);
+    throw new Error("Failed to create checkout", { cause: error });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createCheckout
+});
+//# sourceMappingURL=createCheckout.cjs.map

package/dist/polar/createCheckout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/polar/createCheckout.ts"],"sourcesContent":["'use server';\n\nimport { Polar } from '@polar-sh/sdk';\n\n/**\n * Creates a Polar checkout session and returns the URL.\n * @param productId - the Polar product ID\n * @param userId - the external customer ID\n * @param origin - the application origin for the success URL\n */\nexport async function createCheckout(\n  productId: string,\n  userId: string,\n  origin: string,\n) {\n  const polar = new Polar({\n    accessToken: process.env.POLAR_ACCESS_TOKEN,\n    server: (process.env.POLAR_SERVER as 'sandbox' | 'production') ?? 'sandbox',\n  });\n\n  try {\n    const checkout = await polar.checkouts.create({\n      products: [productId],\n      externalCustomerId: userId,\n      successUrl: `${origin}/usage`,\n    });\n    return checkout.url;\n  } catch (error) {\n    console.error('Create checkout failed:', error);\n    throw new Error('Failed to create checkout', { cause: error });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,iBAAsB;AAQtB,eAAsB,eACpB,WACA,QACA,QACA;AACA,QAAM,QAAQ,IAAI,iBAAM;AAAA,IACtB,aAAa,QAAQ,IAAI;AAAA,IACzB,QAAS,QAAQ,IAAI,gBAA6C;AAAA,EACpE,CAAC;AAED,MAAI;AACF,UAAM,WAAW,MAAM,MAAM,UAAU,OAAO;AAAA,MAC5C,UAAU,CAAC,SAAS;AAAA,MACpB,oBAAoB;AAAA,MACpB,YAAY,GAAG,MAAM;AAAA,IACvB,CAAC;AACD,WAAO,SAAS;AAAA,EAClB,SAAS,OAAO;AACd,YAAQ,MAAM,2BAA2B,KAAK;AAC9C,UAAM,IAAI,MAAM,6BAA6B,EAAE,OAAO,MAAM,CAAC;AAAA,EAC/D;AACF;","names":[]}

package/dist/polar/createCheckout.d.cts

@@ -0,0 +1,9 @@
+/**
+ * Creates a Polar checkout session and returns the URL.
+ * @param productId - the Polar product ID
+ * @param userId - the external customer ID
+ * @param origin - the application origin for the success URL
+ */
+declare function createCheckout(productId: string, userId: string, origin: string): Promise<string>;
+
+export { createCheckout };

package/dist/polar/createCheckout.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Creates a Polar checkout session and returns the URL.
+ * @param productId - the Polar product ID
+ * @param userId - the external customer ID
+ * @param origin - the application origin for the success URL
+ */
+declare function createCheckout(productId: string, userId: string, origin: string): Promise<string>;
+
+export { createCheckout };

package/dist/polar/createCheckout.js

@@ -0,0 +1,23 @@
+"use server";
+import { Polar } from "@polar-sh/sdk";
+async function createCheckout(productId, userId, origin) {
+  const polar = new Polar({
+    accessToken: process.env.POLAR_ACCESS_TOKEN,
+    server: process.env.POLAR_SERVER ?? "sandbox"
+  });
+  try {
+    const checkout = await polar.checkouts.create({
+      products: [productId],
+      externalCustomerId: userId,
+      successUrl: `${origin}/usage`
+    });
+    return checkout.url;
+  } catch (error) {
+    console.error("Create checkout failed:", error);
+    throw new Error("Failed to create checkout", { cause: error });
+  }
+}
+export {
+  createCheckout
+};
+//# sourceMappingURL=createCheckout.js.map