@burdenoff/microfe-store 2026.805.1 → 2026.819.1

package/dist/components/sourcing/SourcingUi.js

@@ -0,0 +1,176 @@
+import { SourcingUnit as e } from "../../generated/global-types.js";
+import { AlertCircle as t, ArrowLeft as n, Loader2 as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { formatDate as o, formatDateTime as s } from "@burdenoff/fe-libs/shared/utils";
+import { Badge as c, IllustratedEmptyState as l, buttonVariants as u } from "@burdenoff/fe-libs/ui";
+import { PageHeader as d } from "@burdenoff/fe-libs/chrome";
+//#region src/components/sourcing/SourcingUi.tsx
+var f = [
+	e.Unit,
+	e.Gram,
+	e.Kilogram,
+	e.Milliliter,
+	e.Liter,
+	e.MetricTon,
+	e.Box,
+	e.Bag,
+	e.Pallet
+], p = {
+	[e.Unit]: "Unit",
+	[e.Gram]: "Gram",
+	[e.Kilogram]: "Kilogram",
+	[e.Milliliter]: "Milliliter",
+	[e.Liter]: "Liter",
+	[e.MetricTon]: "Metric ton",
+	[e.Box]: "Box",
+	[e.Bag]: "Bag",
+	[e.Pallet]: "Pallet"
+}, m = "mt-1.5 w-full rounded-lg border border-border-default bg-surface-default px-3 py-2.5 text-sm text-text-primary shadow-sm outline-none transition placeholder:text-text-tertiary focus:border-action-primary-bg focus:ring-2 focus:ring-action-primary-bg/20 disabled:cursor-not-allowed disabled:bg-surface-muted disabled:text-text-tertiary", h = "block text-sm font-medium text-text-primary", g = "mt-1 text-xs text-text-tertiary", _ = u({ size: "lg" }), v = u({
+	variant: "outline",
+	size: "lg"
+}), y = u({
+	variant: "destructive",
+	size: "lg"
+});
+function b(e, t) {
+	return `${e === "/" ? "" : e.replace(/\/$/, "")}${t.startsWith("/") ? t : `/${t}`}` || "/";
+}
+function x(e) {
+	return p[e] ?? e.replaceAll("_", " ").toLowerCase();
+}
+function S(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Not available" : o(t);
+}
+function C(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Not available" : s(t);
+}
+function w(e, t) {
+	return !e || !t ? "Not specified" : `${t.toUpperCase()} ${e}`;
+}
+function T({ country: e, region: t, city: n }) {
+	return [
+		n,
+		t,
+		e
+	].filter(Boolean).join(", ");
+}
+function E(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
+}
+function D(e, t) {
+	return e instanceof Error && e.message.trim() ? e.message : t;
+}
+function O({ title: e, description: t, icon: r, onBack: o, actions: s }) {
+	return /* @__PURE__ */ i("div", {
+		className: "border-b border-border-seam bg-surface-raised",
+		children: /* @__PURE__ */ i("div", {
+			className: "mx-auto max-w-6xl px-4 py-5 sm:px-6",
+			children: /* @__PURE__ */ i(d, {
+				className: "mb-0",
+				title: e,
+				description: t,
+				icon: o ? /* @__PURE__ */ a("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: o,
+						"aria-label": "Go back",
+						className: "inline-flex size-10 shrink-0 items-center justify-center rounded-lg text-text-secondary transition hover:bg-surface-hover hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+						children: /* @__PURE__ */ i(n, {
+							className: "size-5",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ i("span", {
+						className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-surface-accent-muted text-text-accent",
+						children: r
+					})]
+				}) : /* @__PURE__ */ i("span", {
+					className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-surface-accent-muted text-text-accent",
+					children: r
+				}),
+				actions: s
+			})
+		})
+	});
+}
+function k({ label: e }) {
+	return /* @__PURE__ */ a("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: "flex flex-col items-center py-20 text-center",
+		children: [/* @__PURE__ */ i(r, {
+			className: "mb-3 size-8 animate-spin text-text-accent",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ i("p", {
+			className: "text-sm text-text-secondary",
+			children: e
+		})]
+	});
+}
+function A({ title: e, message: n, onRetry: r }) {
+	return /* @__PURE__ */ a("div", {
+		role: "alert",
+		className: "rounded-xl border border-border-danger bg-surface-danger-muted p-6 text-center",
+		children: [
+			/* @__PURE__ */ i(t, {
+				className: "mx-auto size-8 text-text-danger",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ i("h2", {
+				className: "mt-3 text-lg font-semibold text-text-primary",
+				children: e
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "mx-auto mt-1 max-w-xl text-sm text-text-secondary",
+				children: n
+			}),
+			r ? /* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: r,
+				className: `${v} mt-4`,
+				children: "Try again"
+			}) : null
+		]
+	});
+}
+function j({ title: e, description: t, action: n }) {
+	return /* @__PURE__ */ i(l, {
+		illustration: "empty-data",
+		title: e,
+		description: t,
+		action: n
+	});
+}
+function M({ status: e }) {
+	let t = e.toUpperCase();
+	return /* @__PURE__ */ i(c, {
+		variant: t === "OPEN" || t === "ACTIVE" ? "success" : t === "MATCHED" || t === "ACCEPTED" ? "info" : t === "CANCELED" || t === "REJECTED" ? "secondary" : "warning",
+		children: t.replaceAll("_", " ")
+	});
+}
+function N({ title: e, description: n }) {
+	return /* @__PURE__ */ i("div", {
+		role: "status",
+		className: "rounded-xl border border-status-warning-border bg-status-warning-bg-subtle p-5",
+		children: /* @__PURE__ */ a("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ i(t, {
+				className: "mt-0.5 size-5 shrink-0 text-status-warning-text",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h2", {
+				className: "font-semibold text-text-primary",
+				children: e
+			}), /* @__PURE__ */ i("p", {
+				className: "mt-1 text-sm text-text-secondary",
+				children: n
+			})] })]
+		})
+	});
+}
+//#endregion
+export { N as ContextRequiredPanel, f as SOURCING_UNITS, j as SourcingEmptyState, A as SourcingErrorState, k as SourcingLoadingState, O as SourcingPageHeader, M as SourcingStatusBadge, y as dangerButtonClassName, S as formatDate, C as formatDateTime, T as formatLocation, w as formatMoney, x as formatSourcingUnit, g as helpClassName, m as inputClassName, b as joinStorePath, h as labelClassName, _ as primaryButtonClassName, v as secondaryButtonClassName, E as toDateTimeLocal, D as toErrorMessage };
+
+//# sourceMappingURL=SourcingUi.js.map

package/dist/components/sourcing/SourcingUi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourcingUi.js","names":[],"sources":["../../../src/components/sourcing/SourcingUi.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { AlertCircle, ArrowLeft, Loader2 } from 'lucide-react';\nimport { PageHeader as CanonicalPageHeader } from '@burdenoff/fe-libs/chrome';\nimport {\n  formatDate as formatSharedDate,\n  formatDateTime as formatSharedDateTime,\n} from '@burdenoff/fe-libs/shared/utils';\nimport { Badge, IllustratedEmptyState, buttonVariants } from '@burdenoff/fe-libs/ui';\nimport { SourcingUnit } from '../../generated/global-types';\n\nexport const SOURCING_UNITS = [\n  SourcingUnit.Unit,\n  SourcingUnit.Gram,\n  SourcingUnit.Kilogram,\n  SourcingUnit.Milliliter,\n  SourcingUnit.Liter,\n  SourcingUnit.MetricTon,\n  SourcingUnit.Box,\n  SourcingUnit.Bag,\n  SourcingUnit.Pallet,\n] as const;\n\nconst UNIT_LABELS: Record<SourcingUnit, string> = {\n  [SourcingUnit.Unit]: 'Unit',\n  [SourcingUnit.Gram]: 'Gram',\n  [SourcingUnit.Kilogram]: 'Kilogram',\n  [SourcingUnit.Milliliter]: 'Milliliter',\n  [SourcingUnit.Liter]: 'Liter',\n  [SourcingUnit.MetricTon]: 'Metric ton',\n  [SourcingUnit.Box]: 'Box',\n  [SourcingUnit.Bag]: 'Bag',\n  [SourcingUnit.Pallet]: 'Pallet',\n};\n\nexport const inputClassName =\n  'mt-1.5 w-full rounded-lg border border-border-default bg-surface-default px-3 py-2.5 text-sm text-text-primary shadow-sm outline-none transition placeholder:text-text-tertiary focus:border-action-primary-bg focus:ring-2 focus:ring-action-primary-bg/20 disabled:cursor-not-allowed disabled:bg-surface-muted disabled:text-text-tertiary';\nexport const labelClassName = 'block text-sm font-medium text-text-primary';\nexport const helpClassName = 'mt-1 text-xs text-text-tertiary';\nexport const primaryButtonClassName = buttonVariants({ size: 'lg' });\nexport const secondaryButtonClassName = buttonVariants({ variant: 'outline', size: 'lg' });\nexport const dangerButtonClassName = buttonVariants({ variant: 'destructive', size: 'lg' });\n\nexport function joinStorePath(basePath: string, path: string): string {\n  const base = basePath === '/' ? '' : basePath.replace(/\\/$/, '');\n  const suffix = path.startsWith('/') ? path : `/${path}`;\n  return `${base}${suffix}` || '/';\n}\n\nexport function formatSourcingUnit(unit: SourcingUnit | string): string {\n  return UNIT_LABELS[unit as SourcingUnit] ?? unit.replaceAll('_', ' ').toLowerCase();\n}\n\nexport function formatDate(value: string): string {\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? 'Not available' : formatSharedDate(date);\n}\n\nexport function formatDateTime(value: string): string {\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? 'Not available' : formatSharedDateTime(date);\n}\n\nexport function formatMoney(value: string | null | undefined, currency: string | null | undefined) {\n  if (!value || !currency) return 'Not specified';\n  return `${currency.toUpperCase()} ${value}`;\n}\n\nexport function formatLocation({\n  country,\n  region,\n  city,\n}: {\n  country: string;\n  region?: string | null;\n  city?: string | null;\n}): string {\n  return [city, region, country].filter(Boolean).join(', ');\n}\n\nexport function toDateTimeLocal(value: string): string {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return '';\n  const local = new Date(date.getTime() - date.getTimezoneOffset() * 60_000);\n  return local.toISOString().slice(0, 16);\n}\n\nexport function toErrorMessage(error: unknown, fallback: string): string {\n  if (error instanceof Error && error.message.trim()) return error.message;\n  return fallback;\n}\n\ninterface SourcingPageHeaderProps {\n  title: string;\n  description: string;\n  icon: ReactNode;\n  onBack?: () => void;\n  actions?: ReactNode;\n}\n\nexport function SourcingPageHeader({\n  title,\n  description,\n  icon,\n  onBack,\n  actions,\n}: SourcingPageHeaderProps) {\n  const headerIcon = onBack ? (\n    <div className=\"flex items-center gap-2\">\n      <button\n        type=\"button\"\n        onClick={onBack}\n        aria-label=\"Go back\"\n        className=\"inline-flex size-10 shrink-0 items-center justify-center rounded-lg text-text-secondary transition hover:bg-surface-hover hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg\"\n      >\n        <ArrowLeft className=\"size-5\" aria-hidden=\"true\" />\n      </button>\n      <span className=\"flex size-10 shrink-0 items-center justify-center rounded-lg bg-surface-accent-muted text-text-accent\">\n        {icon}\n      </span>\n    </div>\n  ) : (\n    <span className=\"flex size-10 shrink-0 items-center justify-center rounded-lg bg-surface-accent-muted text-text-accent\">\n      {icon}\n    </span>\n  );\n\n  return (\n    <div className=\"border-b border-border-seam bg-surface-raised\">\n      <div className=\"mx-auto max-w-6xl px-4 py-5 sm:px-6\">\n        <CanonicalPageHeader\n          className=\"mb-0\"\n          title={title}\n          description={description}\n          icon={headerIcon}\n          actions={actions}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function SourcingLoadingState({ label }: { label: string }) {\n  return (\n    <div role=\"status\" aria-live=\"polite\" className=\"flex flex-col items-center py-20 text-center\">\n      <Loader2 className=\"mb-3 size-8 animate-spin text-text-accent\" aria-hidden=\"true\" />\n      <p className=\"text-sm text-text-secondary\">{label}</p>\n    </div>\n  );\n}\n\nexport function SourcingErrorState({\n  title,\n  message,\n  onRetry,\n}: {\n  title: string;\n  message: string;\n  onRetry?: () => void;\n}) {\n  return (\n    <div\n      role=\"alert\"\n      className=\"rounded-xl border border-border-danger bg-surface-danger-muted p-6 text-center\"\n    >\n      <AlertCircle className=\"mx-auto size-8 text-text-danger\" aria-hidden=\"true\" />\n      <h2 className=\"mt-3 text-lg font-semibold text-text-primary\">{title}</h2>\n      <p className=\"mx-auto mt-1 max-w-xl text-sm text-text-secondary\">{message}</p>\n      {onRetry ? (\n        <button type=\"button\" onClick={onRetry} className={`${secondaryButtonClassName} mt-4`}>\n          Try again\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nexport function SourcingEmptyState({\n  title,\n  description,\n  action,\n}: {\n  title: string;\n  description: string;\n  action?: ReactNode;\n}) {\n  return (\n    <IllustratedEmptyState\n      illustration=\"empty-data\"\n      title={title}\n      description={description}\n      action={action}\n    />\n  );\n}\n\nexport function SourcingStatusBadge({ status }: { status: string }) {\n  const normalized = status.toUpperCase();\n  const variant =\n    normalized === 'OPEN' || normalized === 'ACTIVE'\n      ? 'success'\n      : normalized === 'MATCHED' || normalized === 'ACCEPTED'\n        ? 'info'\n        : normalized === 'CANCELED' || normalized === 'REJECTED'\n          ? 'secondary'\n          : 'warning';\n\n  return <Badge variant={variant}>{normalized.replaceAll('_', ' ')}</Badge>;\n}\n\nexport function ContextRequiredPanel({\n  title,\n  description,\n}: {\n  title: string;\n  description: string;\n}) {\n  return (\n    <div\n      role=\"status\"\n      className=\"rounded-xl border border-status-warning-border bg-status-warning-bg-subtle p-5\"\n    >\n      <div className=\"flex items-start gap-3\">\n        <AlertCircle\n          className=\"mt-0.5 size-5 shrink-0 text-status-warning-text\"\n          aria-hidden=\"true\"\n        />\n        <div>\n          <h2 className=\"font-semibold text-text-primary\">{title}</h2>\n          <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}