@burdenoff/microfe-ggnomad 2026.830.1 → 2026.1016.1

package/dist/ggnomad/pages/ProviderPage.js

@@ -1,145 +1,260 @@
 import { GGNOMAD_PROVIDERS_QUERY as e } from "../graphql.js";
-import { formatDate as t } from "../utils/format.js";
-import { PageShell as n } from "./PageShell.js";
-import { StatusBadge as r } from "../components/StatusBadge.js";
-import { EntityCard as i } from "../components/EntityCard.js";
-import { LoadMoreButton as a } from "../components/LoadMoreButton.js";
-import { RatingSummary as o } from "../components/RatingSummary.js";
+import { PageShell as t } from "./PageShell.js";
+import { LoadMoreButton as n } from "../components/LoadMoreButton.js";
+import { notify as r } from "../utils/notify.js";
+import { getProviderTypeOptions as i } from "../utils/providerTypeMeta.js";
+import { CreateProviderDialog as a } from "../components/CreateProviderDialog.js";
+import { ProviderDashboardCard as o } from "../components/ProviderDashboardCard.js";
 import "../components/index.js";
-import { useState as s } from "react";
-import { Briefcase as c, CalendarPlus as l, Globe as u, Mail as d, Phone as f, Store as p } from "lucide-react";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Link as h } from "react-router";
-import { useQuery as g } from "@apollo/client/react";
-import { GlassCard as _, IllustratedEmptyState as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { DEFAULT_PROVIDER_QUERY as s, applyProviderControls as c } from "../utils/providerListControls.js";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Briefcase as m, Plus as h, Search as g, X as _ } from "lucide-react";
+import { useI18n as ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useApolloClient as te } from "@apollo/client/react";
+import { CTAOverflowMenu as ne, GlassCard as v, IllustratedEmptyState as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/ggnomad/pages/ProviderPage.tsx
-function S() {
-	let { t: S } = m(), [C, w] = s(12), { data: T } = g(e, { variables: {
-		limit: C,
-		offset: 0
-	} }), E = T?.ggnomadProviders ?? [];
-	return /* @__PURE__ */ x(n, {
-		title: S("ggnomad.provider.title", "Provider Dashboard"),
-		titleAccent: S("ggnomad.provider.title.accent", "Provider"),
-		subtitle: S("ggnomad.provider.subtitle", "B2B provider operations and onboarding metrics"),
-		children: [/* @__PURE__ */ b(y, {
-			icon: /* @__PURE__ */ b(c, { className: "size-4" }),
-			children: S("ggnomad.provider.purpose", "Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.")
-		}), E.length === 0 ? /* @__PURE__ */ b(v, {
-			illustration: "empty-people",
-			title: S("ggnomad.provider.emptyTitle", "No providers onboarded"),
-			description: S("ggnomad.provider.emptyDescription", "Onboarded B2B providers and their performance will be tracked here.")
-		}) : /* @__PURE__ */ x(_, {
-			treatment: "glass",
-			glow: !0,
-			className: "border-border-seam p-5",
-			children: [
-				/* @__PURE__ */ b("h2", {
-					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-					children: S("ggnomad.provider.onboardedProviders", "Onboarded providers")
-				}),
-				/* @__PURE__ */ b("div", {
-					className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
-					children: E.map((e) => /* @__PURE__ */ b(i, {
-						title: e.name,
-						meta: e.description ?? e.type,
-						badge: /* @__PURE__ */ b(r, {
-							status: e.status,
-							live: e.status === "ACTIVE"
-						}),
-						footer: /* @__PURE__ */ x("div", {
-							className: "space-y-2 text-xs",
-							children: [
-								/* @__PURE__ */ b(o, {
-									rating: e.rating,
-									reviewCount: e.reviewCount
-								}),
-								/* @__PURE__ */ x("dl", {
-									className: "grid grid-cols-3 gap-2",
-									children: [
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
-											className: "text-text-secondary",
-											children: S("ggnomad.provider.listings", "Listings")
-										}), /* @__PURE__ */ b("dd", {
-											className: "mt-0.5 font-medium tabular-nums text-text-primary",
-											children: e.listingCount
-										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
-											className: "text-text-secondary",
-											children: S("ggnomad.provider.revenue", "Revenue")
-										}), /* @__PURE__ */ x("dd", {
-											className: "mt-0.5 font-medium tabular-nums text-text-primary",
-											children: ["$", Number(e.totalRevenue).toLocaleString()]
-										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
-											className: "text-text-secondary",
-											children: S("ggnomad.provider.type", "Type")
-										}), /* @__PURE__ */ b("dd", {
-											className: "mt-0.5 font-medium text-text-primary",
-											children: e.type
-										})] })
-									]
-								}),
-								/* @__PURE__ */ x("p", {
-									className: "inline-flex items-center gap-1 text-text-secondary",
-									children: [/* @__PURE__ */ b(l, {
-										className: "size-3.5",
-										"aria-hidden": "true"
-									}), S("ggnomad.provider.joined", "Joined {{date}}").replace("{{date}}", t(e.createdAt) ?? "—")]
-								}),
-								e.contactEmail || e.contactPhone || e.website ? /* @__PURE__ */ x("div", {
-									className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+var C = 100, w = 20, T = 250, E = "rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg", D = E, O = "rounded-full border border-border-seam px-3 py-1.5 text-sm transition-colors", k = " border-border-seam bg-bg-sunken font-medium text-text-primary", A = " text-text-secondary hover:bg-bg-sunken", j = [
+	{
+		value: "newest",
+		labelKey: "ggnomad.provider.toolbar.sortNewest",
+		labelFallback: "Newest first"
+	},
+	{
+		value: "oldest",
+		labelKey: "ggnomad.provider.toolbar.sortOldest",
+		labelFallback: "Oldest first"
+	},
+	{
+		value: "nameAsc",
+		labelKey: "ggnomad.provider.toolbar.sortNameAsc",
+		labelFallback: "Name A to Z"
+	},
+	{
+		value: "nameDesc",
+		labelKey: "ggnomad.provider.toolbar.sortNameDesc",
+		labelFallback: "Name Z to A"
+	},
+	{
+		value: "revenueDesc",
+		labelKey: "ggnomad.provider.toolbar.sortRevenue",
+		labelFallback: "Most revenue"
+	}
+];
+function M() {
+	let { t: M } = ee(), N = te(), [P, re] = p(null), [ie, F] = p(!1), [I, L] = p(!1), R = f(null);
+	u(() => {
+		R.current = P;
+	}, [P]);
+	let [z, B] = p(""), [V, H] = p(""), [U, W] = p(null), [G, K] = p(s.sort), [q, J] = p(12), Y = f(null), X = l(async () => {
+		try {
+			let t = [], n = 0;
+			for (let r = 0; r < w; r += 1) {
+				let { data: r } = await N.query({
+					query: e,
+					variables: {
+						limit: C,
+						offset: n
+					},
+					fetchPolicy: "network-only"
+				}), i = r?.ggnomadProviders ?? [];
+				if (t.push(...i), i.length < C) break;
+				n += C;
+			}
+			re(t), F(!1);
+		} catch {
+			R.current === null ? F(!0) : r.error(M("ggnomad.provider.reloadError", "Could not refresh provider list"), "");
+		}
+	}, [N, M]);
+	u(() => {
+		let e = setTimeout(() => void X(), 0);
+		return () => clearTimeout(e);
+	}, [X]), u(() => () => {
+		Y.current && clearTimeout(Y.current);
+	}, []);
+	let ae = (e) => {
+		B(e), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
+			H(e), J(12);
+		}, T);
+	}, oe = () => {
+		Y.current && clearTimeout(Y.current), B(""), H(""), J(12);
+	}, Z = (e) => {
+		W(e), J(12);
+	}, se = (e) => {
+		K(e), J(12);
+	}, Q = d(() => ({
+		search: V,
+		type: U,
+		sort: G
+	}), [
+		V,
+		U,
+		G
+	]), $ = d(() => P === null ? null : c(P, Q, q), [
+		P,
+		Q,
+		q
+	]), ce = () => L(!0), le = async () => {
+		await X();
+	}, ue = () => {
+		Y.current && clearTimeout(Y.current), B(""), H(""), W(null), K(s.sort), J(12);
+	}, de = i(M);
+	return /* @__PURE__ */ S(t, {
+		title: M("ggnomad.provider.title", "Provider Dashboard"),
+		titleAccent: M("ggnomad.provider.title.accent", "Provider"),
+		subtitle: M("ggnomad.provider.subtitle", "B2B provider operations and onboarding metrics"),
+		actions: /* @__PURE__ */ x(ne, {
+			primary: {
+				label: M("ggnomad.provider.actions.newProvider", "New provider"),
+				onSelect: ce,
+				icon: /* @__PURE__ */ x(h, {})
+			},
+			actions: []
+		}),
+		children: [
+			/* @__PURE__ */ x(b, {
+				icon: /* @__PURE__ */ x(m, { className: "size-4" }),
+				children: M("ggnomad.provider.purpose", "Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.")
+			}),
+			ie ? /* @__PURE__ */ x("p", {
+				className: "text-sm text-text-secondary",
+				children: M("ggnomad.provider.loadError", "Providers could not be loaded. Refresh the page to try again.")
+			}) : P === null ? /* @__PURE__ */ x("p", {
+				className: "text-sm text-text-secondary",
+				children: M("ggnomad.provider.loading", "Loading providers…")
+			}) : P.length === 0 ? /* @__PURE__ */ x(y, {
+				illustration: "empty-people",
+				title: M("ggnomad.provider.emptyTitle", "No providers onboarded"),
+				description: M("ggnomad.provider.emptyDescription", "Onboarded B2B providers and their performance will be tracked here.")
+			}) : $ && /* @__PURE__ */ S(v, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam p-5",
+				children: [
+					/* @__PURE__ */ x("h2", {
+						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+						children: M("ggnomad.provider.onboardedProviders", "Onboarded providers")
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "mb-4 flex flex-col gap-3",
+						children: [
+							/* @__PURE__ */ S("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [/* @__PURE__ */ S("div", {
+									className: "relative w-full sm:w-72",
 									children: [
-										e.contactEmail ? /* @__PURE__ */ x("a", {
-											href: `mailto:${e.contactEmail}`,
-											className: "inline-flex items-center gap-1 text-action-primary-bg hover:underline",
-											children: [/* @__PURE__ */ b(d, {
-												className: "size-3.5",
+										/* @__PURE__ */ x(g, {
+											className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-secondary",
+											"aria-hidden": "true"
+										}),
+										/* @__PURE__ */ x("input", {
+											id: "provider-search",
+											type: "text",
+											value: z,
+											onChange: (e) => ae(e.target.value),
+											placeholder: M("ggnomad.provider.toolbar.searchPlaceholder", "Search providers"),
+											"aria-label": M("ggnomad.provider.toolbar.searchLabel", "Search providers"),
+											className: `${E} w-full pl-9 pr-8`
+										}),
+										z && /* @__PURE__ */ x("button", {
+											type: "button",
+											onClick: oe,
+											"aria-label": M("ggnomad.provider.toolbar.clearSearch", "Clear search"),
+											className: "absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-text-secondary transition-colors hover:text-text-primary",
+											children: /* @__PURE__ */ x(_, {
+												className: "size-4",
 												"aria-hidden": "true"
-											}), e.contactEmail]
-										}) : null,
-										e.contactPhone ? /* @__PURE__ */ x("a", {
-											href: `tel:${e.contactPhone}`,
-											className: "inline-flex items-center gap-1 text-action-primary-bg hover:underline",
-											children: [/* @__PURE__ */ b(f, {
-												className: "size-3.5",
-												"aria-hidden": "true"
-											}), e.contactPhone]
-										}) : null,
-										e.website ? /* @__PURE__ */ x("a", {
-											href: e.website,
-											target: "_blank",
-											rel: "noreferrer noopener",
-											className: "inline-flex items-center gap-1 text-action-primary-bg hover:underline",
-											children: [/* @__PURE__ */ b(u, {
-												className: "size-3.5",
-												"aria-hidden": "true"
-											}), S("ggnomad.provider.website", "Website")]
-										}) : null
+											})
+										})
 									]
-								}) : null,
-								/* @__PURE__ */ b("div", {
-									className: "mt-1 border-t border-border-seam pt-2",
-									children: /* @__PURE__ */ x(h, {
-										to: `${e.id}/storefront`,
-										className: "inline-flex items-center gap-1 text-xs font-medium text-action-primary-bg hover:underline",
-										children: [/* @__PURE__ */ b(p, { className: "size-3.5" }), S("ggnomad.provider.manageStorefront", "Manage storefront")]
-									})
-								})
-							]
-						})
-					}, e.id))
-				}),
-				/* @__PURE__ */ b(a, {
-					visible: E.length >= C,
-					onLoadMore: () => w((e) => e + 12)
-				})
-			]
-		})]
+								}), /* @__PURE__ */ x("select", {
+									id: "provider-sort",
+									value: G,
+									onChange: (e) => se(e.target.value),
+									"aria-label": M("ggnomad.provider.toolbar.sortLabel", "Sort providers"),
+									className: D,
+									children: j.map((e) => /* @__PURE__ */ x("option", {
+										value: e.value,
+										children: M(e.labelKey, e.labelFallback)
+									}, e.value))
+								})]
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "flex flex-wrap gap-2",
+								role: "group",
+								"aria-label": M("ggnomad.provider.toolbar.typeLabel", "Filter by type"),
+								children: [/* @__PURE__ */ x("button", {
+									type: "button",
+									onClick: () => Z(null),
+									"aria-pressed": U === null,
+									className: O + (U === null ? k : A),
+									children: M("ggnomad.provider.toolbar.allTypes", "All")
+								}), de.map((e) => {
+									let t = U === e.value;
+									return /* @__PURE__ */ x("button", {
+										type: "button",
+										onClick: () => Z(e.value),
+										"aria-pressed": t,
+										className: O + (t ? k : A),
+										children: e.label
+									}, e.value);
+								})]
+							}),
+							/* @__PURE__ */ S("p", {
+								className: "text-xs text-text-secondary",
+								"aria-live": "polite",
+								children: [M("ggnomad.provider.toolbar.showing", "Showing {{shown}} of {{total}} providers", {
+									shown: $.shown.length,
+									total: $.total
+								}), $.isFiltered ? M("ggnomad.provider.toolbar.filteredSuffix", " (filtered)") : ""]
+							})
+						]
+					}),
+					$.total === 0 ? /* @__PURE__ */ S("div", {
+						className: "flex flex-col items-center gap-3 py-12 text-center",
+						children: [/* @__PURE__ */ x("p", {
+							className: "text-sm text-text-secondary",
+							children: M("ggnomad.provider.toolbar.noMatches", "No providers match your filters")
+						}), /* @__PURE__ */ x("button", {
+							type: "button",
+							onClick: ue,
+							className: "rounded-lg border border-border-seam bg-bg-surface px-5 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg",
+							children: M("ggnomad.provider.toolbar.clearFilters", "Clear filters")
+						})]
+					}) : /* @__PURE__ */ x("div", {
+						className: "grid gap-4",
+						style: { gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))" },
+						children: $.shown.map((e) => /* @__PURE__ */ x(o, {
+							id: e.id,
+							name: e.name,
+							type: e.type,
+							status: e.status,
+							description: e.description,
+							listingCount: e.listingCount,
+							totalRevenue: e.totalRevenue,
+							rating: e.rating,
+							reviewCount: e.reviewCount,
+							contactEmail: e.contactEmail,
+							contactPhone: e.contactPhone,
+							website: e.website,
+							createdAt: e.createdAt
+						}, e.id))
+					}),
+					/* @__PURE__ */ x(n, {
+						visible: $.hasMore,
+						onLoadMore: () => J((e) => e + 12)
+					})
+				]
+			}),
+			/* @__PURE__ */ x(a, {
+				open: I,
+				onOpenChange: L,
+				onCreated: le
+			})
+		]
 	});
 }
 //#endregion
-export { S as ProviderPage };
+export { M as ProviderPage };
 
 //# sourceMappingURL=ProviderPage.js.map

package/dist/ggnomad/pages/ProviderPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderPage.js","names":[],"sources":["../../../src/ggnomad/pages/ProviderPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { Link } from 'react-router';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Briefcase, CalendarPlus, Globe, Mail, Phone, Store } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROVIDERS_QUERY } from '../graphql';\nimport { formatDate } from '../utils/format';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton, RatingSummary, StatusBadge } from '../components';\n\nexport function ProviderPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_PROVIDERS_QUERY as TypedDocumentNode<\n      {\n        ggnomadProviders: Array<{\n          id: string;\n          name: string;\n          type: string;\n          status: string;\n          listingCount: number;\n          totalRevenue: number;\n          rating?: number | null;\n          reviewCount: number;\n          description?: string | null;\n          contactEmail?: string | null;\n          contactPhone?: string | null;\n          website?: string | null;\n          createdAt: string;\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit, offset: 0 } }\n  );\n  const providers = data?.ggnomadProviders ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.provider.title', 'Provider Dashboard')}\n      titleAccent={t('ggnomad.provider.title.accent', 'Provider')}\n      subtitle={t('ggnomad.provider.subtitle', 'B2B provider operations and onboarding metrics')}\n    >\n      <PagePurpose icon={<Briefcase className=\"size-4\" />}>\n        {t(\n          'ggnomad.provider.purpose',\n          'Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.'\n        )}\n      </PagePurpose>\n\n      {providers.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title={t('ggnomad.provider.emptyTitle', 'No providers onboarded')}\n          description={t(\n            'ggnomad.provider.emptyDescription',\n            'Onboarded B2B providers and their performance will be tracked here.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.provider.onboardedProviders', 'Onboarded providers')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {providers.map((provider) => (\n              <EntityCard\n                key={provider.id}\n                title={provider.name}\n                meta={provider.description ?? provider.type}\n                badge={<StatusBadge status={provider.status} live={provider.status === 'ACTIVE'} />}\n                footer={\n                  <div className=\"space-y-2 text-xs\">\n                    <RatingSummary rating={provider.rating} reviewCount={provider.reviewCount} />\n                    <dl className=\"grid grid-cols-3 gap-2\">\n                      <div>\n                        <dt className=\"text-text-secondary\">\n                          {t('ggnomad.provider.listings', 'Listings')}\n                        </dt>\n                        <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                          {provider.listingCount}\n                        </dd>\n                      </div>\n                      <div>\n                        <dt className=\"text-text-secondary\">\n                          {t('ggnomad.provider.revenue', 'Revenue')}\n                        </dt>\n                        <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                          ${Number(provider.totalRevenue).toLocaleString()}\n                        </dd>\n                      </div>\n                      <div>\n                        <dt className=\"text-text-secondary\">\n                          {t('ggnomad.provider.type', 'Type')}\n                        </dt>\n                        <dd className=\"mt-0.5 font-medium text-text-primary\">{provider.type}</dd>\n                      </div>\n                    </dl>\n                    <p className=\"inline-flex items-center gap-1 text-text-secondary\">\n                      <CalendarPlus className=\"size-3.5\" aria-hidden=\"true\" />\n                      {t('ggnomad.provider.joined', 'Joined {{date}}').replace(\n                        '{{date}}',\n                        formatDate(provider.createdAt) ?? '—'\n                      )}\n                    </p>\n                    {provider.contactEmail || provider.contactPhone || provider.website ? (\n                      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n                        {provider.contactEmail ? (\n                          <a\n                            href={`mailto:${provider.contactEmail}`}\n                            className=\"inline-flex items-center gap-1 text-action-primary-bg hover:underline\"\n                          >\n                            <Mail className=\"size-3.5\" aria-hidden=\"true\" />\n                            {provider.contactEmail}\n                          </a>\n                        ) : null}\n                        {provider.contactPhone ? (\n                          <a\n                            href={`tel:${provider.contactPhone}`}\n                            className=\"inline-flex items-center gap-1 text-action-primary-bg hover:underline\"\n                          >\n                            <Phone className=\"size-3.5\" aria-hidden=\"true\" />\n                            {provider.contactPhone}\n                          </a>\n                        ) : null}\n                        {provider.website ? (\n                          <a\n                            href={provider.website}\n                            target=\"_blank\"\n                            rel=\"noreferrer noopener\"\n                            className=\"inline-flex items-center gap-1 text-action-primary-bg hover:underline\"\n                          >\n                            <Globe className=\"size-3.5\" aria-hidden=\"true\" />\n                            {t('ggnomad.provider.website', 'Website')}\n                          </a>\n                        ) : null}\n                      </div>\n                    ) : null}\n                    <div className=\"mt-1 border-t border-border-seam pt-2\">\n                      <Link\n                        to={`${provider.id}/storefront`}\n                        className=\"inline-flex items-center gap-1 text-xs font-medium text-action-primary-bg hover:underline\"\n                      >\n                        <Store className=\"size-3.5\" />\n                        {t('ggnomad.provider.manageStorefront', 'Manage storefront')}\n                      </Link>\n                    </div>\n                  </div>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={providers.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProviderPage.js","names":[],"sources":["../../../src/ggnomad/pages/ProviderPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Briefcase, Plus, Search, X } from 'lucide-react';\nimport {\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROVIDERS_QUERY } from '../graphql';\nimport { notify } from '../utils/notify';\nimport { PageShell } from './PageShell';\nimport { CreateProviderDialog, LoadMoreButton, ProviderDashboardCard } from '../components';\nimport { getProviderTypeOptions } from '../utils/providerTypeMeta';\nimport {\n  applyProviderControls,\n  DEFAULT_PROVIDER_QUERY,\n  PROVIDER_PAGE_SIZE,\n  type ProviderListQuery,\n  type ProviderSort,\n} from '../utils/providerListControls';\n\ninterface Provider {\n  id: string;\n  name: string;\n  type: string;\n  status: string;\n  listingCount: number;\n  totalRevenue: number;\n  rating?: number | null;\n  reviewCount: number;\n  description?: string | null;\n  contactEmail?: string | null;\n  contactPhone?: string | null;\n  website?: string | null;\n  createdAt: string;\n}\n\n/** One backend request can return at most MAX_LIMIT (100) rows. */\nconst FETCH_PAGE_SIZE = 100;\n/** Safety stop so a misbehaving backend can never loop this page forever. */\nconst MAX_FETCH_PAGES = 20;\n/** Debounce window for the search box before filters re-apply. */\nconst SEARCH_DEBOUNCE_MS = 250;\n\n// Toolbar control styling — same class families as the create dialog's\n// inputs and LoadMoreButton (bg-*/border-*/text-* tokens), so everything\n// the toolbar uses already renders on this page in light and dark mode.\nconst toolbarInputClass =\n  'rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg';\nconst toolbarSelectClass = toolbarInputClass;\nconst chipBaseClass =\n  'rounded-full border border-border-seam px-3 py-1.5 text-sm transition-colors';\nconst chipActiveClass = ' border-border-seam bg-bg-sunken font-medium text-text-primary';\nconst chipIdleClass = ' text-text-secondary hover:bg-bg-sunken';\n\nconst SORT_OPTIONS: Array<{ value: ProviderSort; labelKey: string; labelFallback: string }> = [\n  {\n    value: 'newest',\n    labelKey: 'ggnomad.provider.toolbar.sortNewest',\n    labelFallback: 'Newest first',\n  },\n  {\n    value: 'oldest',\n    labelKey: 'ggnomad.provider.toolbar.sortOldest',\n    labelFallback: 'Oldest first',\n  },\n  {\n    value: 'nameAsc',\n    labelKey: 'ggnomad.provider.toolbar.sortNameAsc',\n    labelFallback: 'Name A to Z',\n  },\n  {\n    value: 'nameDesc',\n    labelKey: 'ggnomad.provider.toolbar.sortNameDesc',\n    labelFallback: 'Name Z to A',\n  },\n  {\n    value: 'revenueDesc',\n    labelKey: 'ggnomad.provider.toolbar.sortRevenue',\n    labelFallback: 'Most revenue',\n  },\n];\n\nexport function ProviderPage() {\n  const { t } = useI18n();\n  const client = useApolloClient();\n  const [providers, setProviders] = useState<Provider[] | null>(null);\n  const [loadError, setLoadError] = useState(false);\n  const [showCreateDialog, setShowCreateDialog] = useState(false);\n\n  // Mirror the providers state into a ref so `loadProviders` can read the\n  // current value without listing `providers` in its useCallback deps.\n  // Without this, every successful setProviders() rebuilds the callback,\n  // which retriggers the useEffect that depends on it, which calls\n  // loadProviders again — an infinite refetch loop.\n  const providersRef = useRef<Provider[] | null>(null);\n  useEffect(() => {\n    providersRef.current = providers;\n  }, [providers]);\n\n  const [searchInput, setSearchInput] = useState('');\n  const [appliedSearch, setAppliedSearch] = useState('');\n  const [typeFilter, setTypeFilter] = useState<string | null>(null);\n  const [sort, setSort] = useState<ProviderSort>(DEFAULT_PROVIDER_QUERY.sort);\n  const [visibleCount, setVisibleCount] = useState(PROVIDER_PAGE_SIZE);\n  const searchTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // The backend caps one request at 100 rows and exposes no filters or\n  // totalCount, so load every page up front; the toolbar then filters\n  // client-side over the complete list (see providerListControls.ts).\n  const loadProviders = useCallback(async () => {\n    try {\n      const all: Provider[] = [];\n      let offset = 0;\n      for (let page = 0; page < MAX_FETCH_PAGES; page += 1) {\n        const { data } = await client.query({\n          query: GGNOMAD_PROVIDERS_QUERY as TypedDocumentNode<\n            { ggnomadProviders: Provider[] },\n            { limit: number; offset: number }\n          >,\n          variables: { limit: FETCH_PAGE_SIZE, offset },\n          fetchPolicy: 'network-only',\n        });\n        const batch = data?.ggnomadProviders ?? [];\n        all.push(...batch);\n        if (batch.length < FETCH_PAGE_SIZE) break;\n        offset += FETCH_PAGE_SIZE;\n      }\n      setProviders(all);\n      setLoadError(false);\n    } catch {\n      // Preserve the existing grid if we already have data — a failed\n      // reload after a successful create would otherwise hide the\n      // already-loaded providers behind a generic error state even\n      // though the data is still in memory. Only escalate to the\n      // full-page error when there is no data to fall back to.\n      if (providersRef.current === null) setLoadError(true);\n      else notify.error(t('ggnomad.provider.reloadError', 'Could not refresh provider list'), '');\n    }\n  }, [client, t]);\n\n  useEffect(() => {\n    // Defer one tick so the fetch (and its setState) is async from the\n    // effect body — satisfies the no-sync-setState-in-effect rule.\n    const timer = setTimeout(() => void loadProviders(), 0);\n    return () => clearTimeout(timer);\n  }, [loadProviders]);\n\n  // Cleanup only: never leave a pending debounce timer mounted.\n  useEffect(\n    () => () => {\n      if (searchTimer.current) clearTimeout(searchTimer.current);\n    },\n    []\n  );\n\n  // Debounced search: re-apply filters 250ms after typing stops. Timer is\n  // managed from the change handler (not an effect) so typing state stays\n  // in the event flow; the applied value resets the grid to page one.\n  const handleSearchChange = (value: string) => {\n    setSearchInput(value);\n    if (searchTimer.current) clearTimeout(searchTimer.current);\n    searchTimer.current = setTimeout(() => {\n      setAppliedSearch(value);\n      setVisibleCount(PROVIDER_PAGE_SIZE);\n    }, SEARCH_DEBOUNCE_MS);\n  };\n\n  const handleClearSearch = () => {\n    if (searchTimer.current) clearTimeout(searchTimer.current);\n    setSearchInput('');\n    setAppliedSearch('');\n    setVisibleCount(PROVIDER_PAGE_SIZE);\n  };\n\n  // Every control change returns the grid to the first page.\n  const handleTypeChange = (value: string | null) => {\n    setTypeFilter(value);\n    setVisibleCount(PROVIDER_PAGE_SIZE);\n  };\n\n  const handleSortChange = (value: ProviderSort) => {\n    setSort(value);\n    setVisibleCount(PROVIDER_PAGE_SIZE);\n  };\n\n  const query: ProviderListQuery = useMemo(\n    () => ({ search: appliedSearch, type: typeFilter, sort }),\n    [appliedSearch, typeFilter, sort]\n  );\n\n  const result = useMemo(\n    () => (providers === null ? null : applyProviderControls(providers, query, visibleCount)),\n    [providers, query, visibleCount]\n  );\n\n  const openCreateDialog = () => setShowCreateDialog(true);\n  const handleCreated = async () => {\n    // The dialog already showed a success toast; a quiet reload\n    // reconciles the new provider with the server.\n    await loadProviders();\n  };\n\n  const clearFilters = () => {\n    if (searchTimer.current) clearTimeout(searchTimer.current);\n    setSearchInput('');\n    setAppliedSearch('');\n    setTypeFilter(null);\n    setSort(DEFAULT_PROVIDER_QUERY.sort);\n    setVisibleCount(PROVIDER_PAGE_SIZE);\n  };\n\n  const typeOptions = getProviderTypeOptions(t);\n\n  return (\n    <PageShell\n      title={t('ggnomad.provider.title', 'Provider Dashboard')}\n      titleAccent={t('ggnomad.provider.title.accent', 'Provider')}\n      subtitle={t('ggnomad.provider.subtitle', 'B2B provider operations and onboarding metrics')}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.provider.actions.newProvider', 'New provider'),\n            onSelect: openCreateDialog,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<Briefcase className=\"size-4\" />}>\n        {t(\n          'ggnomad.provider.purpose',\n          'Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.'\n        )}\n      </PagePurpose>\n\n      {loadError ? (\n        <p className=\"text-sm text-text-secondary\">\n          {t(\n            'ggnomad.provider.loadError',\n            'Providers could not be loaded. Refresh the page to try again.'\n          )}\n        </p>\n      ) : providers === null ? (\n        <p className=\"text-sm text-text-secondary\">\n          {t('ggnomad.provider.loading', 'Loading providers…')}\n        </p>\n      ) : providers.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title={t('ggnomad.provider.emptyTitle', 'No providers onboarded')}\n          description={t(\n            'ggnomad.provider.emptyDescription',\n            'Onboarded B2B providers and their performance will be tracked here.'\n          )}\n        />\n      ) : (\n        result && (\n          <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n            <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n              {t('ggnomad.provider.onboardedProviders', 'Onboarded providers')}\n            </h2>\n\n            {/* Toolbar: search / status / sort row, type chips row, count line. */}\n            <div className=\"mb-4 flex flex-col gap-3\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <div className=\"relative w-full sm:w-72\">\n                  <Search\n                    className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-secondary\"\n                    aria-hidden=\"true\"\n                  />\n                  <input\n                    id=\"provider-search\"\n                    type=\"text\"\n                    value={searchInput}\n                    onChange={(e) => handleSearchChange(e.target.value)}\n                    placeholder={t(\n                      'ggnomad.provider.toolbar.searchPlaceholder',\n                      'Search providers'\n                    )}\n                    aria-label={t('ggnomad.provider.toolbar.searchLabel', 'Search providers')}\n                    className={`${toolbarInputClass} w-full pl-9 pr-8`}\n                  />\n                  {searchInput && (\n                    <button\n                      type=\"button\"\n                      onClick={handleClearSearch}\n                      aria-label={t('ggnomad.provider.toolbar.clearSearch', 'Clear search')}\n                      className=\"absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-text-secondary transition-colors hover:text-text-primary\"\n                    >\n                      <X className=\"size-4\" aria-hidden=\"true\" />\n                    </button>\n                  )}\n                </div>\n\n                <select\n                  id=\"provider-sort\"\n                  value={sort}\n                  onChange={(e) => handleSortChange(e.target.value as ProviderSort)}\n                  aria-label={t('ggnomad.provider.toolbar.sortLabel', 'Sort providers')}\n                  className={toolbarSelectClass}\n                >\n                  {SORT_OPTIONS.map((option) => (\n                    <option key={option.value} value={option.value}>\n                      {t(option.labelKey, option.labelFallback)}\n                    </option>\n                  ))}\n                </select>\n              </div>\n\n              <div\n                className=\"flex flex-wrap gap-2\"\n                role=\"group\"\n                aria-label={t('ggnomad.provider.toolbar.typeLabel', 'Filter by type')}\n              >\n                <button\n                  type=\"button\"\n                  onClick={() => handleTypeChange(null)}\n                  aria-pressed={typeFilter === null}\n                  className={\n                    chipBaseClass + (typeFilter === null ? chipActiveClass : chipIdleClass)\n                  }\n                >\n                  {t('ggnomad.provider.toolbar.allTypes', 'All')}\n                </button>\n                {typeOptions.map((option) => {\n                  const isActive = typeFilter === option.value;\n                  return (\n                    <button\n                      key={option.value}\n                      type=\"button\"\n                      onClick={() => handleTypeChange(option.value)}\n                      aria-pressed={isActive}\n                      className={chipBaseClass + (isActive ? chipActiveClass : chipIdleClass)}\n                    >\n                      {option.label}\n                    </button>\n                  );\n                })}\n              </div>\n\n              <p className=\"text-xs text-text-secondary\" aria-live=\"polite\">\n                {t('ggnomad.provider.toolbar.showing', 'Showing {{shown}} of {{total}} providers', {\n                  shown: result.shown.length,\n                  total: result.total,\n                })}\n                {result.isFiltered\n                  ? t('ggnomad.provider.toolbar.filteredSuffix', ' (filtered)')\n                  : ''}\n              </p>\n            </div>\n\n            {result.total === 0 ? (\n              <div className=\"flex flex-col items-center gap-3 py-12 text-center\">\n                <p className=\"text-sm text-text-secondary\">\n                  {t('ggnomad.provider.toolbar.noMatches', 'No providers match your filters')}\n                </p>\n                <button\n                  type=\"button\"\n                  onClick={clearFilters}\n                  className=\"rounded-lg border border-border-seam bg-bg-surface px-5 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg\"\n                >\n                  {t('ggnomad.provider.toolbar.clearFilters', 'Clear filters')}\n                </button>\n              </div>\n            ) : (\n              <div\n                className=\"grid gap-4\"\n                style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))' }}\n              >\n                {result.shown.map((provider) => (\n                  <ProviderDashboardCard\n                    key={provider.id}\n                    id={provider.id}\n                    name={provider.name}\n                    type={provider.type}\n                    status={provider.status}\n                    description={provider.description}\n                    listingCount={provider.listingCount}\n                    totalRevenue={provider.totalRevenue}\n                    rating={provider.rating}\n                    reviewCount={provider.reviewCount}\n                    contactEmail={provider.contactEmail}\n                    contactPhone={provider.contactPhone}\n                    website={provider.website}\n                    createdAt={provider.createdAt}\n                  />\n                ))}\n              </div>\n            )}\n\n            <LoadMoreButton\n              visible={result.hasMore}\n              onLoadMore={() => setVisibleCount((count) => count + PROVIDER_PAGE_SIZE)}\n            />\n          </GlassCard>\n        )\n      )}\n\n      <CreateProviderDialog\n        open={showCreateDialog}\n        onOpenChange={setShowCreateDialog}\n        onCreated={handleCreated}\n      />\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/utils/format.d.ts

@@ -25,6 +25,24 @@ export declare function jsonLabel(value: unknown): string | null;
 /** Number of entries in a JSON array field (e.g. `GgnomadTrip.stops`), or null. */
 export declare function jsonArrayLength(value: unknown): number | null;
 export declare function formatMoney(amount: number, currency: string): string;
+/**
+ * Currency-formatted number with compact notation at >=10,000. Used by
+ * the Provider Dashboard card so large revenues don't break the stats
+ * row. The full unformatted amount is returned in a `title` attribute
+ * via the second tuple element when callers need the exact value.
+ *
+ * `GgnomadProvider` does not currently expose a `currency` field in the
+ * GraphQL schema, so callers pass `'USD'` as the default until the
+ * backend adds the field. Keeping the parameter preserves the call site
+ * for when it does.
+ *
+ * Returns `{ display, exact }` so the card can render `$98.5K` and
+ * keep the full `$98,450` in the tooltip.
+ */
+export declare function formatRevenue(amount: number, currency?: string): {
+    display: string;
+    exact: string;
+};
 export declare function formatDate(value?: string | null): string | null;
 export declare function formatDateTime(value?: string | null): string | null;
 export declare function formatTimeOnly(value?: string | null): string | null;

package/dist/ggnomad/utils/format.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/utils/format.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,yFAAyF;AACzF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIlD;AAMD,wFAAwF;AACxF,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAc9F;AAID;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CASvD;AAED,mFAAmF;AACnF,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAE7D;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAK/D;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAWnE;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAKnE;AAED,uBAAuB;AACvB,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAO7D;AAED,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAMvE;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAyCxF"}
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/utils/format.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,yFAAyF;AACzF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIlD;AAMD,wFAAwF;AACxF,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAc9F;AAID;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CASvD;AAED,mFAAmF;AACnF,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAE7D;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,QAAQ,SAAQ,GACf;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAepC;AAED,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAK/D;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAWnE;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAKnE;AAED,uBAAuB;AACvB,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAO7D;AAED,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAMvE;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAyCxF"}

package/dist/ggnomad/utils/format.js

@@ -51,7 +51,23 @@ function a(e) {
 function o(e, t) {
 	return `${t} ${Number(e).toFixed(2)}`;
 }
-function s(e) {
+function s(e, t = "USD") {
+	let n = Number.isFinite(e) ? e : 0, r = Math.abs(n) >= 1e4, i = new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: t,
+		notation: r ? "compact" : "standard",
+		maximumFractionDigits: +!!r
+	}), a = new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: t,
+		maximumFractionDigits: 0
+	}).format(n);
+	return {
+		display: i.format(n),
+		exact: a
+	};
+}
+function c(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString(void 0, {
@@ -60,7 +76,7 @@ function s(e) {
 		year: "numeric"
 	});
 }
-function c(e) {
+function l(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleString(void 0, {
@@ -71,7 +87,7 @@ function c(e) {
 		minute: "2-digit"
 	});
 }
-function l(e) {
+function u(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleTimeString(void 0, {
@@ -79,16 +95,16 @@ function l(e) {
 		minute: "2-digit"
 	});
 }
-function u(e) {
+function d(e) {
 	let t = Math.max(0, Math.round(e)), n = Math.floor(t / 60), r = t % 60;
 	return n === 0 ? `${r}m` : r === 0 ? `${n}h` : `${n}h ${r}m`;
 }
-function d(e, t) {
+function f(e, t) {
 	if (!e || !t) return 0;
 	let n = new Date(e).getTime(), r = new Date(t).getTime();
 	return Number.isNaN(n) || Number.isNaN(r) || r <= n ? 0 : Math.round((r - n) / 864e5);
 }
-function f(n) {
+function p(n) {
 	let i = [];
 	if (Array.isArray(n)) {
 		for (let e of n) {
@@ -120,6 +136,6 @@ function f(n) {
 	return i;
 }
 //#endregion
-export { s as formatDate, c as formatDateTime, u as formatDurationMinutes, o as formatMoney, l as formatTimeOnly, e as humanizeEnum, a as jsonArrayLength, n as jsonFacts, i as jsonLabel, d as nightsBetween, f as parseNamedCounts };
+export { c as formatDate, l as formatDateTime, d as formatDurationMinutes, o as formatMoney, s as formatRevenue, u as formatTimeOnly, e as humanizeEnum, a as jsonArrayLength, n as jsonFacts, i as jsonLabel, f as nightsBetween, p as parseNamedCounts };
 
 //# sourceMappingURL=format.js.map