@solvapay/react 2.1.1 → 2.2.0-preview-e3e546693c002c32f128d83bf6c5fe76ac182a79

package/dist/chunk-QXNNMNCV.js

@@ -1,579 +0,0 @@
-import {
-  BalanceBadge,
-  CancelPlanButton,
-  CancelledPlanNotice,
-  Slot,
-  UsageMeter,
-  composeEventHandlers,
-  createHttpTransport,
-  createTransportCacheKey,
-  formatPrice,
-  interpolate,
-  useCopy,
-  usePurchase,
-  usePurchaseStatus,
-  useSolvaPay,
-  useTransport
-} from "./chunk-LL6AYSTC.js";
-
-// src/components/CancelledPlanNotice.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var CancelledPlanNotice2 = ({
-  onReactivated,
-  onError,
-  className
-}) => {
-  const rootClass = ["solvapay-cancelled-notice", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(
-    CancelledPlanNotice.Root,
-    {
-      onReactivated,
-      onError,
-      className: rootClass,
-      children: [
-        /* @__PURE__ */ jsx(CancelledPlanNotice.Heading, { className: "solvapay-cancelled-notice-heading" }),
-        /* @__PURE__ */ jsxs("div", { className: "solvapay-cancelled-notice-details", children: [
-          /* @__PURE__ */ jsx(CancelledPlanNotice.Expires, { className: "solvapay-cancelled-notice-expires" }),
-          /* @__PURE__ */ jsx(CancelledPlanNotice.DaysRemaining, { className: "solvapay-cancelled-notice-days-remaining" }),
-          /* @__PURE__ */ jsx(CancelledPlanNotice.AccessUntil, { className: "solvapay-cancelled-notice-access-until" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "solvapay-cancelled-notice-footer", children: [
-          /* @__PURE__ */ jsx(CancelledPlanNotice.CancelledOn, { className: "solvapay-cancelled-notice-cancelled-on" }),
-          /* @__PURE__ */ jsx(CancelledPlanNotice.Reason, { className: "solvapay-cancelled-notice-reason" })
-        ] }),
-        /* @__PURE__ */ jsx(CancelledPlanNotice.ReactivateButton, { className: "solvapay-cancelled-notice-reactivate" })
-      ]
-    }
-  );
-};
-
-// src/hooks/usePaymentMethod.ts
-import { useCallback, useEffect, useState } from "react";
-var paymentMethodCache = /* @__PURE__ */ new Map();
-var CACHE_DURATION = 5 * 60 * 1e3;
-function cacheKeyFor(config) {
-  return createTransportCacheKey(
-    config,
-    config?.api?.getPaymentMethod || "/api/payment-method"
-  );
-}
-async function fetchPaymentMethod(config) {
-  const transport = config?.transport ?? createHttpTransport(config);
-  if (!transport.getPaymentMethod) return null;
-  return transport.getPaymentMethod();
-}
-function usePaymentMethod() {
-  const { _config } = useSolvaPay();
-  const key = cacheKeyFor(_config);
-  const [paymentMethod, setPaymentMethod] = useState(
-    () => paymentMethodCache.get(key)?.paymentMethod ?? null
-  );
-  const [loading, setLoading] = useState(() => {
-    const cached = paymentMethodCache.get(key);
-    return !cached || !cached.paymentMethod && !cached.promise;
-  });
-  const [error, setError] = useState(null);
-  const load = useCallback(
-    async (force = false) => {
-      const cached = paymentMethodCache.get(key);
-      const now = Date.now();
-      if (!force && cached?.paymentMethod && now - cached.timestamp < CACHE_DURATION) {
-        setPaymentMethod(cached.paymentMethod);
-        setLoading(false);
-        setError(null);
-        return;
-      }
-      if (!force && cached?.promise) {
-        try {
-          setLoading(true);
-          const pm = await cached.promise;
-          setPaymentMethod(pm);
-          setError(null);
-        } catch (err) {
-          setError(err instanceof Error ? err : new Error("Failed to load payment method"));
-        } finally {
-          setLoading(false);
-        }
-        return;
-      }
-      try {
-        setLoading(true);
-        setError(null);
-        const promise = fetchPaymentMethod(_config);
-        paymentMethodCache.set(key, {
-          paymentMethod: cached?.paymentMethod ?? null,
-          promise,
-          timestamp: now
-        });
-        const pm = await promise;
-        if (pm === null) {
-          paymentMethodCache.set(key, {
-            paymentMethod: cached?.paymentMethod ?? null,
-            promise: null,
-            timestamp: cached?.timestamp ?? now
-          });
-          setPaymentMethod(cached?.paymentMethod ?? null);
-          setLoading(false);
-          return;
-        }
-        paymentMethodCache.set(key, { paymentMethod: pm, promise: null, timestamp: now });
-        setPaymentMethod(pm);
-      } catch (err) {
-        paymentMethodCache.delete(key);
-        setError(err instanceof Error ? err : new Error("Failed to load payment method"));
-        setPaymentMethod(null);
-      } finally {
-        setLoading(false);
-      }
-    },
-    [_config, key]
-  );
-  useEffect(() => {
-    load();
-  }, [load]);
-  return {
-    paymentMethod,
-    loading,
-    error,
-    refetch: () => load(true)
-  };
-}
-
-// src/components/LaunchCustomerPortalButton.tsx
-import { forwardRef, useState as useState2 } from "react";
-
-// src/hooks/useCustomerSessionUrl.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useSyncExternalStore } from "react";
-var SessionStore = class {
-  constructor(transport) {
-    this.transport = transport;
-  }
-  // Snapshot is replaced (not mutated) on every transition so
-  // `useSyncExternalStore` sees a fresh reference and schedules
-  // a re-render for every subscriber.
-  state = { status: "idle" };
-  inflight = null;
-  listeners = /* @__PURE__ */ new Set();
-  subscribe = (listener) => {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  };
-  getSnapshot = () => this.state;
-  ensure = () => {
-    if (this.state.status === "ready" && this.state.url) {
-      return Promise.resolve(this.state.url);
-    }
-    return this.start();
-  };
-  refresh = () => {
-    this.inflight = null;
-    this.state = { status: "idle" };
-    this.notify();
-    return this.start();
-  };
-  start() {
-    if (this.inflight) return this.inflight;
-    this.state = { status: "loading" };
-    this.notify();
-    const promise = this.transport.createCustomerSession().then(({ customerUrl }) => {
-      this.state = { status: "ready", url: customerUrl };
-      this.inflight = null;
-      this.notify();
-      return customerUrl;
-    }).catch((err) => {
-      const error = err instanceof Error ? err : new Error(String(err));
-      this.state = { status: "error", error };
-      this.inflight = null;
-      this.notify();
-      throw error;
-    });
-    this.inflight = promise;
-    return promise;
-  }
-  notify() {
-    this.listeners.forEach((listener) => listener());
-  }
-};
-var stores = /* @__PURE__ */ new WeakMap();
-function getStore(transport) {
-  let store = stores.get(transport);
-  if (!store) {
-    store = new SessionStore(transport);
-    stores.set(transport, store);
-  }
-  return store;
-}
-function useCustomerSessionUrl() {
-  const transport = useTransport();
-  const store = getStore(transport);
-  const snapshot = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
-  useEffect2(() => {
-    const current = getStore(transport);
-    if (current.state.status === "idle") {
-      current.ensure().catch(() => {
-      });
-    }
-  }, [transport]);
-  const ensure = useCallback2(() => getStore(transport).ensure(), [transport]);
-  const refresh = useCallback2(() => getStore(transport).refresh(), [transport]);
-  return {
-    status: snapshot.status,
-    url: snapshot.url,
-    error: snapshot.error,
-    ensure,
-    refresh
-  };
-}
-
-// src/components/ExternalLinkGlyph.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ExternalLinkGlyph = ({ className }) => {
-  return /* @__PURE__ */ jsxs2(
-    "svg",
-    {
-      className: `solvapay-mcp-external-glyph${className ? ` ${className}` : ""}`,
-      width: "0.9em",
-      height: "0.9em",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      focusable: "false",
-      children: [
-        /* @__PURE__ */ jsx2("path", { d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" }),
-        /* @__PURE__ */ jsx2("path", { d: "M15 3h6v6" }),
-        /* @__PURE__ */ jsx2("path", { d: "m10 14 11-11" })
-      ]
-    }
-  );
-};
-
-// src/components/LaunchCustomerPortalButton.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var LaunchCustomerPortalButton = forwardRef(function LaunchCustomerPortalButton2({
-  children,
-  onLaunch,
-  onError,
-  onClick,
-  loadingClassName,
-  errorClassName,
-  asChild,
-  className,
-  ...rest
-}, forwardedRef) {
-  const { status, url, ensure } = useCustomerSessionUrl();
-  const copy = useCopy();
-  const [clickState, setClickState] = useState2("idle");
-  const isReady = status === "ready" && typeof url === "string";
-  const label = children ?? copy.customerPortal.launchButton;
-  const labelText = typeof label === "string" ? label : copy.customerPortal.launchButton;
-  const composedClassName = [
-    className,
-    clickState === "pending" ? loadingClassName : null,
-    clickState === "error" ? errorClassName : null
-  ].filter(Boolean).join(" ") || void 0;
-  const handleReadyClick = () => {
-    if (!isReady || !url) return;
-    onLaunch?.(url);
-  };
-  const handlePendingClick = async (event) => {
-    event.preventDefault();
-    setClickState("pending");
-    try {
-      const resolved = await ensure();
-      setClickState("idle");
-      if (typeof window !== "undefined") {
-        window.open(resolved, "_blank", "noopener,noreferrer");
-      }
-      onLaunch?.(resolved);
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error(String(err));
-      setClickState("error");
-      onError?.(error);
-    }
-  };
-  const sharedProps = {
-    "data-solvapay-launch-customer-portal": "",
-    "data-state": clickState === "pending" ? "pending" : isReady ? "ready" : "idle",
-    "aria-label": `${labelText} (opens in a new tab)`,
-    className: composedClassName,
-    ...rest
-  };
-  if (isReady && url) {
-    const readyProps = {
-      ...sharedProps,
-      href: url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      onClick: composeEventHandlers(onClick, handleReadyClick)
-    };
-    if (asChild) {
-      return (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ jsx3(Slot, { ref: forwardedRef, ...readyProps, children: label })
-      );
-    }
-    return /* @__PURE__ */ jsxs3("a", { ref: forwardedRef, ...readyProps, children: [
-      label,
-      /* @__PURE__ */ jsx3(ExternalLinkGlyph, {})
-    ] });
-  }
-  const pendingProps = {
-    ...sharedProps,
-    role: "link",
-    onClick: composeEventHandlers(onClick, handlePendingClick)
-  };
-  if (asChild) {
-    return (
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ jsx3(Slot, { ref: forwardedRef, ...pendingProps, children: label })
-    );
-  }
-  return /* @__PURE__ */ jsxs3("a", { ref: forwardedRef, ...pendingProps, children: [
-    label,
-    /* @__PURE__ */ jsx3(ExternalLinkGlyph, {})
-  ] });
-});
-
-// src/components/UpdatePaymentMethodButton.tsx
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var UpdatePaymentMethodButton = forwardRef2(function UpdatePaymentMethodButton2({ mode = "portal", children, ...rest }, forwardedRef) {
-  const copy = useCopy();
-  if (mode !== "portal") {
-    throw new Error(
-      `<UpdatePaymentMethodButton mode="${mode}"> is not implemented yet \u2014 use mode="portal" or omit the prop.`
-    );
-  }
-  return /* @__PURE__ */ jsx4(
-    LaunchCustomerPortalButton,
-    {
-      ref: forwardedRef,
-      "data-solvapay-update-payment-method": "",
-      ...rest,
-      children: children ?? copy.currentPlan.updatePaymentButton
-    }
-  );
-});
-
-// src/components/CurrentPlanCard.tsx
-import { countsUsage } from "@solvapay/core";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function PlanTypeLine({
-  purchase,
-  formatDate,
-  className
-}) {
-  const copy = useCopy();
-  const isMetered = countsUsage(purchase.planSnapshot) || purchase.planSnapshot?.isMetered === true;
-  if (purchase.isRecurring) {
-    const date2 = formatDate(purchase.nextBillingDate);
-    if (!date2) return null;
-    return /* @__PURE__ */ jsx5(
-      "span",
-      {
-        className,
-        "data-solvapay-current-plan-next-billing": "",
-        children: interpolate(copy.currentPlan.nextBilling, { date: date2 })
-      }
-    );
-  }
-  if (isMetered) {
-    return null;
-  }
-  const date = formatDate(purchase.endDate);
-  return /* @__PURE__ */ jsx5("span", { className, "data-solvapay-current-plan-expires": "", children: date ? interpolate(copy.currentPlan.expiresOn, { date }) : copy.currentPlan.validIndefinitely });
-}
-function PaymentMethodLine({
-  paymentMethod,
-  className
-}) {
-  const copy = useCopy();
-  if (paymentMethod.kind === "none") {
-    return /* @__PURE__ */ jsx5("span", { className, "data-solvapay-current-plan-payment-method": "none", children: copy.currentPlan.noPaymentMethod });
-  }
-  const brandDisplay = paymentMethod.brand.charAt(0).toUpperCase() + paymentMethod.brand.slice(1);
-  const label = interpolate(copy.currentPlan.paymentMethod, {
-    brand: brandDisplay,
-    last4: paymentMethod.last4
-  });
-  const expires = interpolate(copy.currentPlan.paymentMethodExpires, {
-    month: String(paymentMethod.expMonth).padStart(2, "0"),
-    year: paymentMethod.expYear
-  });
-  return /* @__PURE__ */ jsxs4("span", { className, "data-solvapay-current-plan-payment-method": "card", children: [
-    label,
-    ", ",
-    expires
-  ] });
-}
-var CurrentPlanCard = ({
-  hidePaymentMethod,
-  hideCancelButton,
-  hideCancelledNotice,
-  hideUpdatePaymentButton,
-  hideUsageMeter,
-  hideHeading,
-  hideProductContext,
-  showStartDate,
-  showReference,
-  classNames: overrides,
-  className
-}) => {
-  const copy = useCopy();
-  const { activePurchase } = usePurchase();
-  const { formatDate, shouldShowCancelledNotice } = usePurchaseStatus();
-  const { paymentMethod } = usePaymentMethod();
-  if (!activePurchase) return null;
-  const isUsageBased = countsUsage(activePurchase.planSnapshot) || activePurchase.planSnapshot?.isMetered === true;
-  const planType = activePurchase.isRecurring ? "recurring" : isUsageBased ? "usage-based" : "one-time";
-  const amount = activePurchase.originalAmount ?? activePurchase.amount ?? 0;
-  const currency = activePurchase.currency ?? "usd";
-  const rawCycle = activePurchase.billingCycle;
-  const cycleKey = rawCycle && rawCycle in copy.currentPlan.cycleUnit ? rawCycle : void 0;
-  const intervalLabel = cycleKey ? copy.currentPlan.cycleUnit[cycleKey] ?? rawCycle : rawCycle;
-  const priceLabel = formatPrice(amount, currency, {
-    interval: intervalLabel
-  });
-  const planName = activePurchase.planSnapshot?.name ?? activePurchase.productName;
-  const productContext = activePurchase.productName && activePurchase.productName !== planName ? activePurchase.productName : null;
-  const rootClass = [
-    "solvapay-current-plan-card",
-    overrides?.root,
-    className
-  ].filter(Boolean).join(" ");
-  const shouldShowPaymentMethod = !hidePaymentMethod && paymentMethod !== null;
-  const showCancelButton = !hideCancelButton && !activePurchase.cancelledAt && !shouldShowCancelledNotice;
-  return /* @__PURE__ */ jsxs4(
-    "section",
-    {
-      className: rootClass,
-      "data-solvapay-current-plan-card": "",
-      "data-plan-type": planType,
-      "data-solvapay-current-plan-ref": activePurchase.planRef ?? void 0,
-      children: [
-        !hideHeading && /* @__PURE__ */ jsx5(
-          "h2",
-          {
-            className: overrides?.heading ?? "solvapay-current-plan-heading",
-            "data-solvapay-current-plan-heading": "",
-            children: copy.currentPlan.heading
-          }
-        ),
-        productContext && !hideProductContext && /* @__PURE__ */ jsx5(
-          "p",
-          {
-            className: overrides?.productContext ?? "solvapay-current-plan-product-context",
-            "data-solvapay-current-plan-product-context": "",
-            children: productContext
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "h3",
-          {
-            className: overrides?.planName ?? "solvapay-current-plan-name",
-            "data-solvapay-current-plan-name": "",
-            children: planName
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "p",
-          {
-            className: overrides?.price ?? "solvapay-current-plan-price",
-            "data-solvapay-current-plan-price": "",
-            children: priceLabel
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          PlanTypeLine,
-          {
-            purchase: activePurchase,
-            formatDate,
-            className: overrides?.dateLine ?? "solvapay-current-plan-date-line"
-          }
-        ),
-        showStartDate && (() => {
-          const started = formatDate(activePurchase.startDate);
-          if (!started) return null;
-          return /* @__PURE__ */ jsx5(
-            "span",
-            {
-              className: overrides?.startedLine ?? "solvapay-current-plan-started-line",
-              "data-solvapay-current-plan-started-line": "",
-              children: interpolate(copy.currentPlan.startedOn, { date: started })
-            }
-          );
-        })(),
-        showReference && activePurchase.reference && /* @__PURE__ */ jsx5(
-          "span",
-          {
-            className: overrides?.reference ?? "solvapay-current-plan-reference",
-            "data-solvapay-current-plan-reference": "",
-            children: activePurchase.reference
-          }
-        ),
-        isUsageBased && activePurchase.isRecurring && !hideUsageMeter && /* @__PURE__ */ jsx5(
-          "section",
-          {
-            className: overrides?.usageMeter ?? "solvapay-current-plan-usage-meter",
-            "data-solvapay-current-plan-usage-meter": "",
-            children: /* @__PURE__ */ jsxs4(UsageMeter.Root, { children: [
-              /* @__PURE__ */ jsx5(UsageMeter.Label, {}),
-              /* @__PURE__ */ jsx5(UsageMeter.Bar, {}),
-              /* @__PURE__ */ jsx5(UsageMeter.Percentage, {}),
-              /* @__PURE__ */ jsx5(UsageMeter.ResetsIn, {}),
-              /* @__PURE__ */ jsx5(UsageMeter.Loading, {})
-            ] })
-          }
-        ),
-        isUsageBased && /* @__PURE__ */ jsx5(
-          "p",
-          {
-            className: overrides?.balanceLine ?? "solvapay-current-plan-balance-line",
-            "data-solvapay-current-plan-balance-line": "",
-            children: /* @__PURE__ */ jsx5(BalanceBadge, {})
-          }
-        ),
-        shouldShowPaymentMethod && paymentMethod && /* @__PURE__ */ jsx5(
-          PaymentMethodLine,
-          {
-            paymentMethod,
-            className: overrides?.paymentMethod ?? "solvapay-current-plan-payment-method"
-          }
-        ),
-        /* @__PURE__ */ jsxs4(
-          "section",
-          {
-            className: overrides?.actions ?? "solvapay-current-plan-actions",
-            "data-solvapay-current-plan-actions": "",
-            children: [
-              !hideUpdatePaymentButton && /* @__PURE__ */ jsx5(UpdatePaymentMethodButton, {}),
-              showCancelButton && /* @__PURE__ */ jsx5(CancelPlanButton, {})
-            ]
-          }
-        ),
-        shouldShowCancelledNotice && !hideCancelledNotice && /* @__PURE__ */ jsx5(
-          CancelledPlanNotice2,
-          {
-            className: overrides?.cancelledNotice ?? "solvapay-current-plan-cancelled-notice"
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  CancelledPlanNotice2 as CancelledPlanNotice,
-  paymentMethodCache,
-  usePaymentMethod,
-  ExternalLinkGlyph,
-  LaunchCustomerPortalButton,
-  UpdatePaymentMethodButton,
-  CurrentPlanCard
-};