@openrails/billing-ui 0.241.0 → 0.243.0

package/dist/admin/pages/settings/index.d.ts

@@ -0,0 +1,9 @@
+import { PSP } from '../../../client/generated/wire';
+import * as React from "react";
+export declare function SettingsPage(): React.JSX.Element;
+export declare function MerchantSettingsTab(): React.JSX.Element;
+export declare function PSPsTab(): React.JSX.Element;
+export declare function RotateCredentialsDialog({ psp, credentialKeys, }: {
+    psp: PSP;
+    credentialKeys: string[];
+}): React.JSX.Element;

package/dist/admin/pages/settings/notifications.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function NotificationsTab(): React.JSX.Element;

package/dist/admin/pages/settings/setting-fields.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export declare function ReadOnlyNotice(): React.JSX.Element | null;
+export declare function EditActions({ edits, editing, form, saving, canSave, onEdit, onCancel, }: {
+    edits: boolean;
+    editing: boolean;
+    form: string;
+    saving: boolean;
+    canSave?: boolean;
+    onEdit: () => void;
+    onCancel: () => void;
+}): React.JSX.Element | null;
+export declare function SettingDetail({ label, value, }: {
+    label: string;
+    value?: string;
+}): React.JSX.Element;
+export declare function SettingEditField({ label, id, children, }: {
+    label: string;
+    id: string;
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist/admin/pages/subscriptions/change-subscription-dialog.d.ts

@@ -0,0 +1,16 @@
+import { Rail, ScheduledChange, SubscriptionStatus } from '../../lib/api/types';
+import * as React from "react";
+interface ChangeSubscriptionDialogProps {
+    subscriptionId: string;
+    customerId?: string;
+    productId: string;
+    priceId: string;
+    quantity: number | null;
+    currency?: string;
+    collectionPolicy?: string;
+    scheduledChange?: ScheduledChange | null;
+    rail: Rail;
+    status: SubscriptionStatus;
+}
+export declare function ChangeSubscriptionDialog(props: ChangeSubscriptionDialogProps): React.JSX.Element;
+export {};

package/dist/admin/pages/subscriptions/detail.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function SubscriptionDetailPage(): React.JSX.Element;

package/dist/admin/pages/subscriptions/dunning.d.ts

@@ -0,0 +1,2 @@
+import { SubscriptionDunning } from '../../../client/generated/wire';
+export declare function dunningSummary(d: SubscriptionDunning): string;

package/dist/admin/pages/subscriptions/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function SubscriptionsPage(): React.JSX.Element;

package/dist/admin/pages/subscriptions/subscription-change-options.d.ts

@@ -0,0 +1,23 @@
+import { Rail, SubscriptionStatus } from '../../lib/api/types';
+import { Price, Product, ScheduledChange } from '../../../client/generated/wire';
+export interface SubscriptionChangeOption {
+    direction: "current" | "upgrade" | "downgrade";
+    price: Price;
+    product: Product;
+}
+export declare function subscriptionChangeOptionLabel(option: SubscriptionChangeOption): string;
+export declare function initialSeats(price: Price, current: number | null): number | null;
+export declare function adminSubscriptionChangeBlockReason({ rail, status, collectionPolicy, scheduledChange, }: {
+    rail: Rail;
+    status: SubscriptionStatus;
+    collectionPolicy?: string;
+    scheduledChange?: Pick<ScheduledChange, "source"> | null;
+}): string | undefined;
+export declare function subscriptionChangeOptions({ currentProduct, currentPrice, currentCurrency, products, prices, scheduledChange, }: {
+    currentProduct?: Product;
+    currentPrice?: Price;
+    currentCurrency?: string;
+    products: Product[];
+    prices: Price[];
+    scheduledChange?: Pick<ScheduledChange, "source"> | null;
+}): SubscriptionChangeOption[];

package/dist/admin/pages/subscriptions/views.d.ts

@@ -0,0 +1,15 @@
+import { SubscriptionFilters } from '../../lib/api/endpoints';
+export declare const subscriptionViews: {
+    readonly renewing_soon: {
+        readonly label: "Renewing soon";
+        readonly days: 7;
+    };
+    readonly recently_canceled: {
+        readonly label: "Recently canceled";
+        readonly days: -30;
+    };
+};
+type SubscriptionView = keyof typeof subscriptionViews;
+export declare function viewFilters(view: string, now?: Date): SubscriptionFilters | null;
+export declare const isView: (v: string) => v is SubscriptionView;
+export {};

package/dist/admin/router.d.ts

@@ -0,0 +1,32 @@
+import { ComponentProps, ReactNode } from 'react';
+import { BillingAdminNavigation } from './types';
+type NavigateOptions = {
+    replace?: boolean;
+    state?: unknown;
+};
+type Location = {
+    pathname: string;
+    search: string;
+    state: unknown;
+};
+export declare function AdminRouter({ basePath, navigation, children, }: {
+    basePath?: string;
+    navigation?: BillingAdminNavigation;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare const useLocation: () => Location;
+export declare const useNavigate: () => (to: string | number, options?: NavigateOptions) => void;
+export declare const useParams: <T extends string = string>() => Partial<Record<T, string>>;
+export declare function useSearchParams(): readonly [URLSearchParams, (value: URLSearchParams | Record<string, string>, options?: NavigateOptions) => void];
+export declare function Link({ to, onClick, ...props }: Omit<ComponentProps<"a">, "href"> & {
+    to: string;
+}): import("react").JSX.Element;
+export declare function Navigate({ to, replace }: {
+    to: string;
+    replace?: boolean;
+}): null;
+export declare function RouteParams({ params, children, }: {
+    params: Record<string, string>;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export {};

package/dist/admin/routes.d.ts

@@ -0,0 +1,5 @@
+export declare function matchAdminRoute(pathname: string): {
+    Component: import('react').LazyExoticComponent<typeof import('./pages/catalog').CatalogDriftPage>;
+    params: Record<string, string>;
+} | undefined;
+export declare function AdminPages(): import("react").JSX.Element;

package/dist/admin/summary.d.ts

@@ -0,0 +1,27 @@
+import { AdminAccess } from '../client/generated/wire';
+import { BillingAdminProps } from './types';
+type Connection = Pick<BillingAdminProps, "baseUrl" | "auth" | "merchant" | "exchange">;
+/** Reads tab permissions without requiring a BillingAdmin or QueryClient provider. */
+export declare function useBillingAdminAccess(options: Connection): {
+    data: AdminAccess | undefined;
+    error: Error | undefined;
+    isPending: boolean;
+    refetch: () => void;
+};
+export interface BillingCustomerSummaryProps extends Connection {
+    customer: string;
+    href?: string;
+    appearance?: BillingAdminProps["appearance"];
+    className?: string;
+}
+/** A bounded preview for the host's customer or user page. */
+export declare function BillingCustomerSummary(props: BillingCustomerSummaryProps): import("react").JSX.Element;
+/** A ban or account deletion never cancels the customer's subscriptions. */
+export declare function billingConfirmWarnings(customer: {
+    subscriptions: readonly {
+        status: string;
+    }[];
+}): string[];
+/** Descriptions for a host's role editor; permissions are enforced by the API. */
+export declare const billingPermissionHelp: Readonly<Record<string, string>>;
+export {};

package/dist/admin/theme.d.ts

@@ -0,0 +1,2 @@
+import { CheckoutTheme } from '../appearance';
+export declare function useAdminTheme(theme?: CheckoutTheme): "inherit" | "light" | "dark";

package/dist/admin/types.d.ts

@@ -0,0 +1,56 @@
+import { CSSProperties, ReactNode } from 'react';
+import { QueryClient } from '@tanstack/react-query';
+import { CheckoutAppearance } from '../appearance';
+import { Customer } from '../client/generated/wire';
+/** The host's authenticated transport. Tokens remain with the host. */
+export interface BillingAdminAuth {
+    authFetch(input: string, init?: RequestInit): Promise<Response>;
+    resourceFetch?(input: string, init: RequestInit & BillingAdminResource): Promise<Response>;
+}
+export interface BillingAdminResource {
+    resource: string;
+    scope?: string;
+    group: string;
+}
+/** The host router's current location and navigation operation. */
+export interface BillingAdminNavigation {
+    pathname: string;
+    search: string;
+    navigate(to: string, options?: {
+        replace?: boolean;
+    }): void;
+}
+export interface BillingAdminMerchant {
+    id: string;
+    slug: string;
+    display_name?: string;
+    role?: string;
+}
+export interface BillingAdminSettingsTab {
+    value: string;
+    title: string;
+    element: ReactNode;
+}
+export interface BillingAdminProps {
+    /** The engine's API prefix, including /v1. */
+    baseUrl: string;
+    auth: BillingAdminAuth;
+    basePath?: string;
+    navigation?: BillingAdminNavigation;
+    merchant?: string | BillingAdminMerchant;
+    merchants?: BillingAdminMerchant[];
+    onMerchantChange?: (merchant: BillingAdminMerchant) => void;
+    /** The standalone server's resource; each selected merchant supplies group. */
+    exchange?: Omit<BillingAdminResource, "group">;
+    settingsTabs?: BillingAdminSettingsTab[];
+    customerPanels?: (customer: Customer) => ReactNode;
+    userHref?: (id: string) => string;
+    newMerchantHref?: string;
+    emptyState?: ReactNode;
+    appearance?: CheckoutAppearance;
+    className?: string;
+    style?: CSSProperties;
+    queryClient?: QueryClient;
+    language?: string;
+    messages?: Record<string, string>;
+}

package/dist/admin/ui-context.d.ts

@@ -0,0 +1,14 @@
+export declare const AdminUIContext: import('react').Context<{
+    namespace: string;
+    messages?: Record<string, string>;
+}>;
+export declare function useAdminUI(): {
+    text: (message: string) => string;
+    id: {
+        (value: string): string;
+        (value: string | undefined): string | undefined;
+    };
+};
+export declare function AdminMessage({ id }: {
+    id: string;
+}): string;

package/dist/admin-attempts-lAoW-Urd.js

@@ -0,0 +1,419 @@
+import { E as e, c as t, l as n, p as r, r as i, s as a, v as o, w as s, x as c, y as l } from "./admin-utils-BK4Vh1o_.js";
+import { t as u } from "./admin-button-CTL3DgOt.js";
+import { i as d, o as f, s as p, u as m } from "./admin-format-DoohJ7Fg.js";
+import { i as h, n as g } from "./admin-dom-uMmZzRvU.js";
+import { t as _ } from "./admin-status-badge-BFPgo71d.js";
+import { a as v, o as y, r as b, t as x } from "./admin-card-bzAks3-3.js";
+import { t as S } from "./admin-fact-card-DO_fHosg.js";
+import { t as C } from "./admin-data-table-qfXLOFmN.js";
+import { useQuery as w } from "@tanstack/react-query";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { HugeiconsIcon as D } from "@hugeicons/react";
+import { ArrowLeft01Icon as O, Cancel01Icon as k } from "@hugeicons/core-free-icons";
+//#region src/admin/pages/payments/attempts.tsx
+function A({ category: e }) {
+	return /* @__PURE__ */ T(_, { status: e === "approved" ? "approved" : "declined" });
+}
+var j = [
+	{
+		header: "Attempted",
+		cell: ({ row: e }) => /* @__PURE__ */ T("span", {
+			className: "text-muted-foreground tabular-nums",
+			children: f(e.original.attempted_at)
+		})
+	},
+	{
+		header: "Kind",
+		cell: ({ row: e }) => e.original.kind
+	},
+	{
+		header: "Outcome",
+		cell: ({ row: e }) => /* @__PURE__ */ T(A, { category: e.original.category })
+	},
+	{
+		header: "Reason",
+		cell: ({ row: e }) => e.original.category === "approved" ? /* @__PURE__ */ T("span", {
+			className: "text-muted-foreground",
+			children: "—"
+		}) : /* @__PURE__ */ E("span", { children: [e.original.reason || e.original.category, e.original.response_code ? /* @__PURE__ */ T("span", {
+			className: "ml-1 font-mono text-xs text-muted-foreground",
+			children: e.original.response_code
+		}) : null] })
+	},
+	{
+		header: "Owner",
+		cell: ({ row: e }) => e.original.owner
+	},
+	{
+		header: "Card",
+		cell: ({ row: e }) => d(e.original.card)
+	},
+	{
+		header: "Amount",
+		cell: ({ row: e }) => e.original.currency ? /* @__PURE__ */ T("span", {
+			className: "tabular-nums",
+			children: p(e.original.amount, e.original.currency)
+		}) : /* @__PURE__ */ T("span", {
+			className: "text-muted-foreground",
+			children: "—"
+		})
+	},
+	{
+		header: "Rail",
+		cell: ({ row: e }) => e.original.rail
+	}
+];
+function M({ keys: e }) {
+	let [t, r] = n(), i = e.filter((e) => t.get(e));
+	if (i.length === 0) return null;
+	let a = (e) => {
+		let n = new URLSearchParams(t);
+		for (let t of e ? [e] : i) n.delete(t);
+		n.delete("cursor"), r(n);
+	};
+	return /* @__PURE__ */ E("div", {
+		className: "flex flex-wrap items-center gap-2 text-sm",
+		children: [i.map((e) => /* @__PURE__ */ E("span", {
+			className: "inline-flex items-center gap-1 rounded-md bg-muted py-0.5 pr-1 pl-2",
+			children: [
+				/* @__PURE__ */ T("span", {
+					className: "text-muted-foreground",
+					children: e
+				}),
+				/* @__PURE__ */ T("span", {
+					className: "font-medium",
+					children: t.get(e)
+				}),
+				/* @__PURE__ */ T(u, {
+					variant: "ghost",
+					size: "icon",
+					className: "size-5",
+					"aria-label": `Clear ${e}`,
+					onClick: () => a(e),
+					children: /* @__PURE__ */ T(D, {
+						icon: k,
+						className: "size-3"
+					})
+				})
+			]
+		}, e)), /* @__PURE__ */ T(u, {
+			variant: "ghost",
+			size: "sm",
+			onClick: () => a(),
+			children: /* @__PURE__ */ T(s, { id: "Clear all" })
+		})]
+	});
+}
+function N() {
+	let { adminQueries: e } = r(), [t] = n(), i = h(), l = a(), u = c(t, o), { data: d, isPending: f, isFetching: p } = w(e.attempts(u, i.size, i.cursor));
+	return /* @__PURE__ */ E("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ T("h1", {
+				className: "text-2xl font-semibold tracking-tight",
+				children: /* @__PURE__ */ T(s, { id: "Payment attempts" })
+			}),
+			/* @__PURE__ */ T(M, { keys: o }),
+			/* @__PURE__ */ T(C, {
+				columns: j,
+				data: d?.data ?? [],
+				loading: f,
+				onRowClick: (e) => l(`/payments/attempts/${e.id}`),
+				emptyMessage: "No attempts match."
+			}),
+			/* @__PURE__ */ T(g, {
+				pages: i,
+				rows: d?.data?.length ?? 0,
+				nextCursor: d?.next_cursor,
+				busy: p
+			})
+		]
+	});
+}
+function P() {
+	let { text: t } = e(), n = a();
+	return /* @__PURE__ */ T(u, {
+		variant: "ghost",
+		size: "icon",
+		onClick: () => n(-1),
+		"aria-label": t("Back"),
+		children: /* @__PURE__ */ T(D, {
+			icon: O,
+			className: "size-4"
+		})
+	});
+}
+function F({ to: e, children: t }) {
+	return /* @__PURE__ */ T(i, {
+		className: "text-xs underline-offset-2 hover:underline",
+		to: e,
+		children: t
+	});
+}
+function I() {
+	let { text: n } = e(), { adminQueries: i } = r(), { id: a = "" } = t(), { data: o, isPending: c } = w(i.attempt(a));
+	if (c) return /* @__PURE__ */ T("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ T(s, { id: "Loading…" })
+	});
+	if (!o) return /* @__PURE__ */ T("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ T(s, { id: "Attempt not found." })
+	});
+	let l = [
+		["Response", [o.response_code, o.response_text].filter(Boolean).join(" ")],
+		["Issuer", [o.issuer_code, o.issuer_text].filter(Boolean).join(" ")],
+		["AVS", o.avs_result],
+		["CVV", o.cvv_result],
+		["Action", o.action],
+		["Token", o.token_type],
+		["BIN", o.card_bin],
+		["Transaction", o.transaction_id],
+		["Observed via", `${o.source} · ${o.observed_via}`],
+		["Enriched", o.enriched_at ? f(o.enriched_at) : ""]
+	];
+	return /* @__PURE__ */ E("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ T(P, {}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h2", {
+					className: "flex items-center gap-2 text-sm",
+					children: [
+						o.id,
+						" ",
+						/* @__PURE__ */ T(A, { category: o.category })
+					]
+				}), /* @__PURE__ */ E("p", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						o.kind,
+						" · ",
+						o.owner,
+						" · ",
+						o.rail,
+						" · ",
+						f(o.attempted_at)
+					]
+				})] })]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ T(S, {
+						label: n("Outcome"),
+						children: o.category === "approved" ? "approved" : `${o.category}${o.reason ? ` · ${o.reason}` : ""}`
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Amount"),
+						children: o.currency ? p(o.amount, o.currency) : "—"
+					}),
+					/* @__PURE__ */ E(S, {
+						label: n("Card"),
+						children: [
+							d(o.card),
+							" (",
+							o.card_entry,
+							")"
+						]
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Customer"),
+						children: /* @__PURE__ */ T(F, {
+							to: `/customers/${o.customer_id}`,
+							children: m(o.customer_id, 16)
+						})
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Subscription"),
+						children: o.subscription_id ? /* @__PURE__ */ T(F, {
+							to: `/subscriptions/${o.subscription_id}`,
+							children: m(o.subscription_id, 16)
+						}) : "—"
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Renewal"),
+						children: o.cycle_id ? /* @__PURE__ */ T(F, {
+							to: `/payments/cycles/${o.cycle_id}`,
+							children: m(o.cycle_id, 16)
+						}) : "—"
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Payment"),
+						children: o.payment_id ? /* @__PURE__ */ T(F, {
+							to: `/payments/${o.payment_id}`,
+							children: m(o.payment_id, 16)
+						}) : "—"
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Paying"),
+						children: o.order_id ? /* @__PURE__ */ T(F, {
+							to: `/orders/${o.order_id}`,
+							children: m(o.order_id, 16)
+						}) : "—"
+					})
+				]
+			}),
+			/* @__PURE__ */ E(x, { children: [/* @__PURE__ */ T(v, { children: /* @__PURE__ */ T(y, {
+				className: "text-sm",
+				children: /* @__PURE__ */ T(s, { id: "PSP answer" })
+			}) }), /* @__PURE__ */ T(b, { children: /* @__PURE__ */ T("dl", {
+				className: "grid gap-x-6 gap-y-2 text-sm sm:grid-cols-2",
+				children: l.map(([e, t]) => /* @__PURE__ */ E("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ T("dt", {
+						className: "w-28 shrink-0 text-muted-foreground",
+						children: e
+					}), /* @__PURE__ */ T("dd", {
+						className: "font-mono text-xs break-all",
+						children: t || "—"
+					})]
+				}, e))
+			}) })] })
+		]
+	});
+}
+var L = [
+	{
+		header: "Due",
+		cell: ({ row: e }) => /* @__PURE__ */ T("span", {
+			className: "text-muted-foreground tabular-nums",
+			children: f(e.original.due_at)
+		})
+	},
+	{
+		header: "Owner",
+		cell: ({ row: e }) => e.original.owner
+	},
+	{
+		header: "First outcome",
+		cell: ({ row: e }) => e.original.miss_reason ? `missed · ${e.original.miss_reason}` : e.original.first_outcome
+	},
+	{
+		header: "Outcome",
+		cell: ({ row: e }) => /* @__PURE__ */ T(_, { status: e.original.outcome })
+	},
+	{
+		header: "Recovered by",
+		cell: ({ row: e }) => e.original.recovered_by || "—"
+	},
+	{
+		header: "Amount",
+		cell: ({ row: e }) => /* @__PURE__ */ T("span", {
+			className: "tabular-nums",
+			children: p(e.original.amount, e.original.currency)
+		})
+	},
+	{
+		header: "Rail",
+		cell: ({ row: e }) => e.original.rail
+	}
+];
+function R() {
+	let { adminQueries: e } = r(), [t] = n(), i = h(), o = a(), u = c(t, l), { data: d, isPending: f, isFetching: p } = w(e.cycles(u, i.size, i.cursor));
+	return /* @__PURE__ */ E("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ T("h1", {
+				className: "text-2xl font-semibold tracking-tight",
+				children: /* @__PURE__ */ T(s, { id: "Renewals" })
+			}),
+			/* @__PURE__ */ T(M, { keys: l }),
+			/* @__PURE__ */ T(C, {
+				columns: L,
+				data: d?.data ?? [],
+				loading: f,
+				onRowClick: (e) => o(`/payments/cycles/${e.id}`),
+				emptyMessage: "No renewals match."
+			}),
+			/* @__PURE__ */ T(g, {
+				pages: i,
+				rows: d?.data?.length ?? 0,
+				nextCursor: d?.next_cursor,
+				busy: p
+			})
+		]
+	});
+}
+function z() {
+	let { text: n } = e(), { adminQueries: i } = r(), { id: o = "" } = t(), c = a(), { data: l, isPending: u } = w(i.cycle(o));
+	return u ? /* @__PURE__ */ T("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ T(s, { id: "Loading…" })
+	}) : l ? /* @__PURE__ */ E("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ T(P, {}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h2", {
+					className: "flex items-center gap-2 text-sm",
+					children: [
+						l.id,
+						" ",
+						/* @__PURE__ */ T(_, { status: l.outcome })
+					]
+				}), /* @__PURE__ */ E("p", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						l.owner,
+						" · ",
+						l.rail,
+						/* @__PURE__ */ T(s, { id: " · due " }),
+						f(l.due_at)
+					]
+				})] })]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ T(S, {
+						label: n("Amount"),
+						children: p(l.amount, l.currency)
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("First outcome"),
+						children: l.miss_reason ? `missed · ${l.miss_reason}` : l.first_outcome
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Collected"),
+						children: l.collected_at ? `${f(l.collected_at)}${l.recovered_by ? ` · ${l.recovered_by}` : ""}` : "—"
+					}),
+					/* @__PURE__ */ T(S, {
+						label: l.outcome === "open" ? "Closes" : "Closed",
+						children: f(l.closes_at)
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Subscription"),
+						children: /* @__PURE__ */ T(F, {
+							to: `/subscriptions/${l.subscription_id}`,
+							children: m(l.subscription_id, 16)
+						})
+					}),
+					/* @__PURE__ */ T(S, {
+						label: n("Customer"),
+						children: /* @__PURE__ */ T(F, {
+							to: `/customers/${l.customer_id}`,
+							children: m(l.customer_id, 16)
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ E(x, { children: [/* @__PURE__ */ T(v, { children: /* @__PURE__ */ T(y, {
+				className: "text-sm",
+				children: /* @__PURE__ */ T(s, { id: "Attempts" })
+			}) }), /* @__PURE__ */ T(b, { children: /* @__PURE__ */ T(C, {
+				columns: j,
+				data: l.attempts ?? [],
+				onRowClick: (e) => c(`/payments/attempts/${e.id}`),
+				emptyMessage: l.miss_reason ? "Never attempted." : "No attempts yet."
+			}) })] })
+		]
+	}) : /* @__PURE__ */ T("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ T(s, { id: "Renewal not found." })
+	});
+}
+//#endregion
+export { I as AttemptDetailPage, N as AttemptsPage, z as CycleDetailPage, R as CyclesPage };
+
+//# sourceMappingURL=admin-attempts-lAoW-Urd.js.map