@open-mercato/core 0.6.8-develop.6998.1.d2bc46c56c → 0.6.8-develop.7001.1.03608ab252

package/dist/modules/warranty_claims/backend/components/WarrantyWorkspace.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tabs, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
+function WarrantyWorkspace({
+  title,
+  description,
+  action,
+  tabs,
+  activeTab,
+  onTabChange,
+  summary,
+  contentClassName,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "overflow-hidden rounded-xl border border-border bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 px-8 pb-6 pt-7 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight text-foreground", children: title }),
+        description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description }) : null
+      ] }),
+      action ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action }) : null
+    ] }),
+    summary ?? null,
+    tabs?.length && activeTab && onTabChange ? /* @__PURE__ */ jsx(Tabs, { value: activeTab, onValueChange: onTabChange, variant: "underline", children: /* @__PURE__ */ jsx(TabsList, { className: "flex h-auto w-full gap-1 overflow-x-auto px-7 pb-2", "aria-label": title, children: tabs.map((tab) => /* @__PURE__ */ jsx(
+      TabsTrigger,
+      {
+        value: tab.id,
+        count: tab.count,
+        disabled: tab.disabled,
+        className: "shrink-0 gap-2 px-4 pb-2 pt-3 [&_[data-slot=tabs-trigger-count]]:h-auto [&_[data-slot=tabs-trigger-count]]:min-w-0 [&_[data-slot=tabs-trigger-count]]:rounded-md [&_[data-slot=tabs-trigger-count]]:bg-muted [&_[data-slot=tabs-trigger-count]]:px-1.5 [&_[data-slot=tabs-trigger-count]]:py-0.5 [&_[data-slot=tabs-trigger-count]]:text-overline [&_[data-slot=tabs-trigger-count]]:text-muted-foreground",
+        children: tab.label
+      },
+      tab.id
+    )) }) }) : null,
+    /* @__PURE__ */ jsx("div", { className: `min-w-0 [&>[data-component-handle]>div:first-child_[data-slot=button]]:h-8 [&>[data-component-handle]>div:first-child_[data-slot=search-input-wrapper]]:h-8 [&_[data-slot=table-header]_[data-slot=table-row]]:h-9 [&_[data-slot=table-body]_[data-slot=table-row]]:h-16 ${contentClassName ?? ""}`, children })
+  ] });
+}
+export {
+  WarrantyWorkspace
+};
+//# sourceMappingURL=WarrantyWorkspace.js.map

package/dist/modules/warranty_claims/backend/components/WarrantyWorkspace.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/WarrantyWorkspace.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\n\nexport type WarrantyWorkspaceTab = {\n  id: string\n  label: string\n  count?: number\n  disabled?: boolean\n}\n\ntype WarrantyWorkspaceProps = {\n  title: string\n  description?: string\n  action?: React.ReactNode\n  tabs?: WarrantyWorkspaceTab[]\n  activeTab?: string\n  onTabChange?: (value: string) => void\n  summary?: React.ReactNode\n  contentClassName?: string\n  children: React.ReactNode\n}\n\nexport function WarrantyWorkspace({\n  title,\n  description,\n  action,\n  tabs,\n  activeTab,\n  onTabChange,\n  summary,\n  contentClassName,\n  children,\n}: WarrantyWorkspaceProps) {\n  return (\n    <section className=\"overflow-hidden rounded-xl border border-border bg-card\">\n      <div className=\"flex flex-col gap-4 px-8 pb-6 pt-7 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"min-w-0\">\n          <h1 className=\"text-2xl font-bold tracking-tight text-foreground\">{title}</h1>\n          {description ? <p className=\"mt-1 text-sm text-muted-foreground\">{description}</p> : null}\n        </div>\n        {action ? <div className=\"shrink-0\">{action}</div> : null}\n      </div>\n      {summary ?? null}\n      {tabs?.length && activeTab && onTabChange ? (\n        <Tabs value={activeTab} onValueChange={onTabChange} variant=\"underline\">\n          <TabsList className=\"flex h-auto w-full gap-1 overflow-x-auto px-7 pb-2\" aria-label={title}>\n            {tabs.map((tab) => (\n              <TabsTrigger\n                key={tab.id}\n                value={tab.id}\n                count={tab.count}\n                disabled={tab.disabled}\n                className=\"shrink-0 gap-2 px-4 pb-2 pt-3 [&_[data-slot=tabs-trigger-count]]:h-auto [&_[data-slot=tabs-trigger-count]]:min-w-0 [&_[data-slot=tabs-trigger-count]]:rounded-md [&_[data-slot=tabs-trigger-count]]:bg-muted [&_[data-slot=tabs-trigger-count]]:px-1.5 [&_[data-slot=tabs-trigger-count]]:py-0.5 [&_[data-slot=tabs-trigger-count]]:text-overline [&_[data-slot=tabs-trigger-count]]:text-muted-foreground\"\n              >\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n      ) : null}\n      <div className={`min-w-0 [&>[data-component-handle]>div:first-child_[data-slot=button]]:h-8 [&>[data-component-handle]>div:first-child_[data-slot=search-input-wrapper]]:h-8 [&_[data-slot=table-header]_[data-slot=table-row]]:h-9 [&_[data-slot=table-body]_[data-slot=table-row]]:h-16 ${contentClassName ?? ''}`}>{children}</div>\n    </section>\n  )\n}\n"],
+  "mappings": ";AAsCQ,SACE,KADF;AAnCR,SAAS,MAAM,UAAU,mBAAmB;AAqBrC,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE,qBAAC,aAAQ,WAAU,2DACjB;AAAA,yBAAC,SAAI,WAAU,qFACb;AAAA,2BAAC,SAAI,WAAU,WACb;AAAA,4BAAC,QAAG,WAAU,qDAAqD,iBAAM;AAAA,QACxE,cAAc,oBAAC,OAAE,WAAU,sCAAsC,uBAAY,IAAO;AAAA,SACvF;AAAA,MACC,SAAS,oBAAC,SAAI,WAAU,YAAY,kBAAO,IAAS;AAAA,OACvD;AAAA,IACC,WAAW;AAAA,IACX,MAAM,UAAU,aAAa,cAC5B,oBAAC,QAAK,OAAO,WAAW,eAAe,aAAa,SAAQ,aAC1D,8BAAC,YAAS,WAAU,sDAAqD,cAAY,OAClF,eAAK,IAAI,CAAC,QACT;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,IAAI;AAAA,QACX,OAAO,IAAI;AAAA,QACX,UAAU,IAAI;AAAA,QACd,WAAU;AAAA,QAET,cAAI;AAAA;AAAA,MANA,IAAI;AAAA,IAOX,CACD,GACH,GACF,IACE;AAAA,IACJ,oBAAC,SAAI,WAAW,4QAA4Q,oBAAoB,EAAE,IAAK,UAAS;AAAA,KAClU;AAEJ;",
+  "names": []
+}

package/dist/modules/warranty_claims/backend/components/claimReasonOptions.js

@@ -0,0 +1,45 @@
+"use client";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { localizeDictionaryLabel } from "../../lib/dictionaryLabels.js";
+const CLAIM_REASON_DICTIONARY_KEY = "warranty_claims.warranty_claim_reason";
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function toStringOrNull(value) {
+  return typeof value === "string" && value.length ? value : null;
+}
+function normalizeDictionaryOption(item) {
+  if (!isRecord(item)) return null;
+  const value = toStringOrNull(item.value);
+  if (!value) return null;
+  const label = toStringOrNull(item.label) ?? value;
+  return { value, label };
+}
+async function fetchClaimReasonOptions(t) {
+  const dictionaries = await readApiResultOrThrow(
+    "/api/dictionaries",
+    void 0,
+    {
+      fallback: { items: [] },
+      errorMessage: t("warranty_claims.form.error.dictionaryLoad")
+    }
+  );
+  const dictionary = (dictionaries.items ?? []).find((item) => item.key === CLAIM_REASON_DICTIONARY_KEY);
+  if (!dictionary?.id) return [];
+  const entries = await readApiResultOrThrow(
+    `/api/dictionaries/${encodeURIComponent(dictionary.id)}/entries`,
+    void 0,
+    {
+      fallback: { items: [] },
+      errorMessage: t("warranty_claims.form.error.dictionaryLoad")
+    }
+  );
+  return (entries.items ?? []).map(normalizeDictionaryOption).filter((option) => option !== null).map((option) => ({
+    value: option.value,
+    label: localizeDictionaryLabel(t, "reason", option.value, option.label)
+  }));
+}
+export {
+  fetchClaimReasonOptions
+};
+//# sourceMappingURL=claimReasonOptions.js.map

package/dist/modules/warranty_claims/backend/components/claimReasonOptions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/claimReasonOptions.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport type { CrudFieldOption } from '@open-mercato/ui/backend/CrudForm'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { localizeDictionaryLabel } from '../../lib/dictionaryLabels'\n\nconst CLAIM_REASON_DICTIONARY_KEY = 'warranty_claims.warranty_claim_reason'\n\ntype DictionaryListItem = {\n  id?: string\n  key?: string\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction toStringOrNull(value: unknown): string | null {\n  return typeof value === 'string' && value.length ? value : null\n}\n\nfunction normalizeDictionaryOption(item: unknown): CrudFieldOption | null {\n  if (!isRecord(item)) return null\n  const value = toStringOrNull(item.value)\n  if (!value) return null\n  const label = toStringOrNull(item.label) ?? value\n  return { value, label }\n}\n\nexport async function fetchClaimReasonOptions(t: TranslateFn): Promise<CrudFieldOption[]> {\n  const dictionaries = await readApiResultOrThrow<{ items?: DictionaryListItem[] }>(\n    '/api/dictionaries',\n    undefined,\n    {\n      fallback: { items: [] },\n      errorMessage: t('warranty_claims.form.error.dictionaryLoad'),\n    },\n  )\n  const dictionary = (dictionaries.items ?? []).find((item) => item.key === CLAIM_REASON_DICTIONARY_KEY)\n  if (!dictionary?.id) return []\n  const entries = await readApiResultOrThrow<{ items?: unknown[] }>(\n    `/api/dictionaries/${encodeURIComponent(dictionary.id)}/entries`,\n    undefined,\n    {\n      fallback: { items: [] },\n      errorMessage: t('warranty_claims.form.error.dictionaryLoad'),\n    },\n  )\n  return (entries.items ?? [])\n    .map(normalizeDictionaryOption)\n    .filter((option): option is CrudFieldOption => option !== null)\n    .map((option) => ({\n      value: option.value,\n      label: localizeDictionaryLabel(t, 'reason', option.value, option.label),\n    }))\n}\n"],
+  "mappings": ";AAGA,SAAS,4BAA4B;AAErC,SAAS,+BAA+B;AAExC,MAAM,8BAA8B;AAOpC,SAAS,SAAS,OAAkD;AAClE,SAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,eAAe,OAA+B;AACrD,SAAO,OAAO,UAAU,YAAY,MAAM,SAAS,QAAQ;AAC7D;AAEA,SAAS,0BAA0B,MAAuC;AACxE,MAAI,CAAC,SAAS,IAAI,EAAG,QAAO;AAC5B,QAAM,QAAQ,eAAe,KAAK,KAAK;AACvC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAQ,eAAe,KAAK,KAAK,KAAK;AAC5C,SAAO,EAAE,OAAO,MAAM;AACxB;AAEA,eAAsB,wBAAwB,GAA4C;AACxF,QAAM,eAAe,MAAM;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,MACE,UAAU,EAAE,OAAO,CAAC,EAAE;AAAA,MACtB,cAAc,EAAE,2CAA2C;AAAA,IAC7D;AAAA,EACF;AACA,QAAM,cAAc,aAAa,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,KAAK,QAAQ,2BAA2B;AACrG,MAAI,CAAC,YAAY,GAAI,QAAO,CAAC;AAC7B,QAAM,UAAU,MAAM;AAAA,IACpB,qBAAqB,mBAAmB,WAAW,EAAE,CAAC;AAAA,IACtD;AAAA,IACA;AAAA,MACE,UAAU,EAAE,OAAO,CAAC,EAAE;AAAA,MACtB,cAAc,EAAE,2CAA2C;AAAA,IAC7D;AAAA,EACF;AACA,UAAQ,QAAQ,SAAS,CAAC,GACvB,IAAI,yBAAyB,EAC7B,OAAO,CAAC,WAAsC,WAAW,IAAI,EAC7D,IAAI,CAAC,YAAY;AAAA,IAChB,OAAO,OAAO;AAAA,IACd,OAAO,wBAAwB,GAAG,UAAU,OAAO,OAAO,OAAO,KAAK;AAAA,EACxE,EAAE;AACN;",
+  "names": []
+}

package/dist/modules/warranty_claims/backend/components/claimSla.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { formatDateTime, formatRelativeTime } from "@open-mercato/shared/lib/time";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+const CLAIM_SLA_DEFAULT_AT_RISK_PCT = 75;
+const SLA_TERMINAL_STATUSES = /* @__PURE__ */ new Set(["draft", "resolved", "closed", "rejected", "cancelled"]);
+const SLA_CLOCK_INTERVAL_MS = 3e4;
+const slaClockListeners = /* @__PURE__ */ new Set();
+let slaClockNow = Date.now();
+let slaClockInterval = null;
+function subscribeSlaClock(listener) {
+  slaClockListeners.add(listener);
+  if (!slaClockInterval) {
+    slaClockNow = Date.now();
+    slaClockInterval = setInterval(() => {
+      slaClockNow = Date.now();
+      for (const notify of slaClockListeners) notify();
+    }, SLA_CLOCK_INTERVAL_MS);
+  }
+  return () => {
+    slaClockListeners.delete(listener);
+    if (slaClockListeners.size === 0 && slaClockInterval) {
+      clearInterval(slaClockInterval);
+      slaClockInterval = null;
+    }
+  };
+}
+function useSlaClock() {
+  return React.useSyncExternalStore(subscribeSlaClock, () => slaClockNow, () => 0);
+}
+function parseDate(value) {
+  if (!value) return null;
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? null : parsed;
+}
+function computeClaimSlaState(input) {
+  const dueAt = parseDate(input.slaDueAt);
+  const pausedAt = parseDate(input.slaPausedAt);
+  const status = typeof input.status === "string" ? input.status : "";
+  if (!dueAt || SLA_TERMINAL_STATUSES.has(status)) {
+    return { tier: "none", dueAt, pausedAt };
+  }
+  if (pausedAt) return { tier: "paused", dueAt, pausedAt };
+  const now = input.now ?? Date.now();
+  if (now >= dueAt.getTime()) return { tier: "overdue", dueAt, pausedAt };
+  const submittedAt = parseDate(input.submittedAt);
+  if (submittedAt && dueAt.getTime() > submittedAt.getTime()) {
+    const thresholdPct = input.atRiskThresholdPct ?? CLAIM_SLA_DEFAULT_AT_RISK_PCT;
+    const elapsedPct = (now - submittedAt.getTime()) / (dueAt.getTime() - submittedAt.getTime()) * 100;
+    if (elapsedPct >= thresholdPct) return { tier: "at_risk", dueAt, pausedAt };
+  }
+  return { tier: "ok", dueAt, pausedAt };
+}
+const SLA_TIER_TEXT_CLASSES = {
+  ok: "text-sm text-muted-foreground",
+  at_risk: "text-sm font-medium text-status-warning-text",
+  overdue: "text-sm font-medium text-status-error-text"
+};
+function ClaimSlaIndicator({
+  slaDueAt,
+  slaPausedAt,
+  submittedAt,
+  status,
+  atRiskThresholdPct,
+  className
+}) {
+  const t = useT();
+  const locale = useLocale();
+  const now = useSlaClock();
+  const state = computeClaimSlaState({ slaDueAt, slaPausedAt, submittedAt, status, atRiskThresholdPct, now });
+  if (state.tier === "none") {
+    return /* @__PURE__ */ jsx("span", { className: className ?? "text-sm text-muted-foreground", children: t("warranty_claims.common.noValue") });
+  }
+  if (state.tier === "paused") {
+    return /* @__PURE__ */ jsx(StatusBadge, { variant: "neutral", dot: true, className, children: t("warranty_claims.sla.paused") });
+  }
+  const relative = formatRelativeTime(state.dueAt ? state.dueAt.toISOString() : null, { locale });
+  const absolute = formatDateTime(state.dueAt ? state.dueAt.toISOString() : null);
+  const prefix = state.tier === "overdue" ? `${t("warranty_claims.sla.overdue")} \u2014 ` : state.tier === "at_risk" ? `${t("warranty_claims.sla.atRisk")} \u2014 ` : "";
+  return /* @__PURE__ */ jsxs("span", { className: className ?? SLA_TIER_TEXT_CLASSES[state.tier], title: absolute ?? void 0, children: [
+    prefix,
+    relative ?? t("warranty_claims.common.noValue")
+  ] });
+}
+export {
+  CLAIM_SLA_DEFAULT_AT_RISK_PCT,
+  ClaimSlaIndicator,
+  computeClaimSlaState
+};
+//# sourceMappingURL=claimSla.js.map

package/dist/modules/warranty_claims/backend/components/claimSla.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/claimSla.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { formatDateTime, formatRelativeTime } from '@open-mercato/shared/lib/time'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\n\nexport type ClaimSlaTier = 'none' | 'ok' | 'at_risk' | 'overdue' | 'paused'\n\nexport type ClaimSlaState = {\n  tier: ClaimSlaTier\n  dueAt: Date | null\n  pausedAt: Date | null\n}\n\nexport const CLAIM_SLA_DEFAULT_AT_RISK_PCT = 75\n\nconst SLA_TERMINAL_STATUSES = new Set(['draft', 'resolved', 'closed', 'rejected', 'cancelled'])\nconst SLA_CLOCK_INTERVAL_MS = 30_000\nconst slaClockListeners = new Set<() => void>()\nlet slaClockNow = Date.now()\nlet slaClockInterval: ReturnType<typeof setInterval> | null = null\n\nfunction subscribeSlaClock(listener: () => void): () => void {\n  slaClockListeners.add(listener)\n  if (!slaClockInterval) {\n    slaClockNow = Date.now()\n    slaClockInterval = setInterval(() => {\n      slaClockNow = Date.now()\n      for (const notify of slaClockListeners) notify()\n    }, SLA_CLOCK_INTERVAL_MS)\n  }\n  return () => {\n    slaClockListeners.delete(listener)\n    if (slaClockListeners.size === 0 && slaClockInterval) {\n      clearInterval(slaClockInterval)\n      slaClockInterval = null\n    }\n  }\n}\n\nfunction useSlaClock(): number {\n  return React.useSyncExternalStore(subscribeSlaClock, () => slaClockNow, () => 0)\n}\n\nfunction parseDate(value: string | null | undefined): Date | null {\n  if (!value) return null\n  const parsed = new Date(value)\n  return Number.isNaN(parsed.getTime()) ? null : parsed\n}\n\nexport function computeClaimSlaState(input: {\n  slaDueAt?: string | null\n  slaPausedAt?: string | null\n  submittedAt?: string | null\n  status?: string | null\n  atRiskThresholdPct?: number\n  now?: number\n}): ClaimSlaState {\n  const dueAt = parseDate(input.slaDueAt)\n  const pausedAt = parseDate(input.slaPausedAt)\n  const status = typeof input.status === 'string' ? input.status : ''\n  if (!dueAt || SLA_TERMINAL_STATUSES.has(status)) {\n    return { tier: 'none', dueAt, pausedAt }\n  }\n  if (pausedAt) return { tier: 'paused', dueAt, pausedAt }\n  const now = input.now ?? Date.now()\n  if (now >= dueAt.getTime()) return { tier: 'overdue', dueAt, pausedAt }\n  const submittedAt = parseDate(input.submittedAt)\n  if (submittedAt && dueAt.getTime() > submittedAt.getTime()) {\n    const thresholdPct = input.atRiskThresholdPct ?? CLAIM_SLA_DEFAULT_AT_RISK_PCT\n    const elapsedPct = ((now - submittedAt.getTime()) / (dueAt.getTime() - submittedAt.getTime())) * 100\n    if (elapsedPct >= thresholdPct) return { tier: 'at_risk', dueAt, pausedAt }\n  }\n  return { tier: 'ok', dueAt, pausedAt }\n}\n\nconst SLA_TIER_TEXT_CLASSES: Record<Exclude<ClaimSlaTier, 'none' | 'paused'>, string> = {\n  ok: 'text-sm text-muted-foreground',\n  at_risk: 'text-sm font-medium text-status-warning-text',\n  overdue: 'text-sm font-medium text-status-error-text',\n}\n\nexport function ClaimSlaIndicator({\n  slaDueAt,\n  slaPausedAt,\n  submittedAt,\n  status,\n  atRiskThresholdPct,\n  className,\n}: {\n  slaDueAt?: string | null\n  slaPausedAt?: string | null\n  submittedAt?: string | null\n  status?: string | null\n  atRiskThresholdPct?: number\n  className?: string\n}) {\n  const t = useT()\n  const locale = useLocale()\n  const now = useSlaClock()\n  const state = computeClaimSlaState({ slaDueAt, slaPausedAt, submittedAt, status, atRiskThresholdPct, now })\n  if (state.tier === 'none') {\n    return <span className={className ?? 'text-sm text-muted-foreground'}>{t('warranty_claims.common.noValue')}</span>\n  }\n  if (state.tier === 'paused') {\n    return (\n      <StatusBadge variant=\"neutral\" dot className={className}>\n        {t('warranty_claims.sla.paused')}\n      </StatusBadge>\n    )\n  }\n  const relative = formatRelativeTime(state.dueAt ? state.dueAt.toISOString() : null, { locale })\n  const absolute = formatDateTime(state.dueAt ? state.dueAt.toISOString() : null)\n  const prefix =\n    state.tier === 'overdue'\n      ? `${t('warranty_claims.sla.overdue')} \u2014 `\n      : state.tier === 'at_risk'\n        ? `${t('warranty_claims.sla.atRisk')} \u2014 `\n        : ''\n  return (\n    <span className={className ?? SLA_TIER_TEXT_CLASSES[state.tier]} title={absolute ?? undefined}>\n      {prefix}\n      {relative ?? t('warranty_claims.common.noValue')}\n    </span>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/warranty_claims/backend/components/orderLookup.js

@@ -0,0 +1,81 @@
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+const DEFAULT_FALLBACK_LABEL = "\u2014";
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function toStringOrNull(value) {
+  return typeof value === "string" && value.trim().length ? value.trim() : null;
+}
+function normalizeOrderOption(item, fallbackLabel) {
+  if (!isRecord(item)) return null;
+  const id = toStringOrNull(item.id);
+  if (!id) return null;
+  return { value: id, label: toStringOrNull(item.orderNumber) ?? fallbackLabel };
+}
+function normalizeSalesReturnOption(item, fallbackLabel) {
+  if (!isRecord(item)) return null;
+  const id = toStringOrNull(item.id);
+  if (!id) return null;
+  const returnNumber = toStringOrNull(item.return_number) ?? toStringOrNull(item.returnNumber);
+  return { value: id, label: returnNumber ?? fallbackLabel };
+}
+async function loadOrderOptions(query, params) {
+  const searchParams = new URLSearchParams({ page: "1", pageSize: "20" });
+  const trimmed = query?.trim();
+  if (trimmed) searchParams.set("search", trimmed);
+  if (params?.customerId) searchParams.set("customerId", params.customerId);
+  const response = await apiCall(
+    `/api/sales/orders?${searchParams.toString()}`,
+    void 0,
+    { fallback: { items: [] } }
+  );
+  if (response.ok === false && response.status === 403) {
+    params?.onAccessChange?.(true);
+    return [];
+  }
+  params?.onAccessChange?.(false);
+  const fallbackLabel = params?.fallbackLabel ?? DEFAULT_FALLBACK_LABEL;
+  const items = Array.isArray(response.result?.items) ? response.result.items : [];
+  return items.map((item) => normalizeOrderOption(item, fallbackLabel)).filter((option) => option !== null);
+}
+async function resolveOrderLabel(value, fallbackLabel = DEFAULT_FALLBACK_LABEL) {
+  const response = await apiCall(
+    `/api/sales/orders?${new URLSearchParams({ id: value, page: "1", pageSize: "1" }).toString()}`,
+    void 0,
+    { fallback: { items: [] } }
+  );
+  const option = (response.result?.items ?? []).map((item) => normalizeOrderOption(item, fallbackLabel)).find((item) => item !== null);
+  return option?.label ?? fallbackLabel;
+}
+async function loadSalesReturnOptions(query, params) {
+  const orderId = params?.orderId;
+  if (!orderId) return [];
+  const searchParams = new URLSearchParams({ orderId, page: "1", pageSize: "50" });
+  const response = await apiCall(
+    `/api/sales/returns?${searchParams.toString()}`,
+    void 0,
+    { fallback: { items: [] } }
+  );
+  const fallbackLabel = params?.fallbackLabel ?? DEFAULT_FALLBACK_LABEL;
+  const items = Array.isArray(response.result?.items) ? response.result.items : [];
+  const options = items.map((item) => normalizeSalesReturnOption(item, fallbackLabel)).filter((option) => option !== null);
+  const needle = query?.trim().toLowerCase();
+  if (!needle) return options;
+  return options.filter((option) => option.label.toLowerCase().includes(needle));
+}
+async function resolveSalesReturnLabel(value, fallbackLabel = DEFAULT_FALLBACK_LABEL) {
+  const response = await apiCall(
+    `/api/sales/returns?${new URLSearchParams({ ids: value, page: "1", pageSize: "1" }).toString()}`,
+    void 0,
+    { fallback: { items: [] } }
+  );
+  const option = (response.result?.items ?? []).map((item) => normalizeSalesReturnOption(item, fallbackLabel)).find((item) => item !== null);
+  return option?.label ?? fallbackLabel;
+}
+export {
+  loadOrderOptions,
+  loadSalesReturnOptions,
+  resolveOrderLabel,
+  resolveSalesReturnLabel
+};
+//# sourceMappingURL=orderLookup.js.map

package/dist/modules/warranty_claims/backend/components/orderLookup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/orderLookup.ts"],
+  "sourcesContent": ["import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { CrudFieldOption } from '@open-mercato/ui/backend/CrudForm'\n\nexport type LoadOrderOptionsParams = {\n  customerId?: string | null\n  onAccessChange?: (accessDenied: boolean) => void\n  fallbackLabel?: string\n}\n\nexport type LoadSalesReturnOptionsParams = {\n  orderId?: string | null\n  fallbackLabel?: string\n}\n\nconst DEFAULT_FALLBACK_LABEL = '\u2014'\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction toStringOrNull(value: unknown): string | null {\n  return typeof value === 'string' && value.trim().length ? value.trim() : null\n}\n\nfunction normalizeOrderOption(item: unknown, fallbackLabel: string): CrudFieldOption | null {\n  if (!isRecord(item)) return null\n  const id = toStringOrNull(item.id)\n  if (!id) return null\n  return { value: id, label: toStringOrNull(item.orderNumber) ?? fallbackLabel }\n}\n\nfunction normalizeSalesReturnOption(item: unknown, fallbackLabel: string): CrudFieldOption | null {\n  if (!isRecord(item)) return null\n  const id = toStringOrNull(item.id)\n  if (!id) return null\n  const returnNumber = toStringOrNull(item.return_number) ?? toStringOrNull(item.returnNumber)\n  return { value: id, label: returnNumber ?? fallbackLabel }\n}\n\nexport async function loadOrderOptions(\n  query?: string,\n  params?: LoadOrderOptionsParams,\n): Promise<CrudFieldOption[]> {\n  const searchParams = new URLSearchParams({ page: '1', pageSize: '20' })\n  const trimmed = query?.trim()\n  if (trimmed) searchParams.set('search', trimmed)\n  if (params?.customerId) searchParams.set('customerId', params.customerId)\n  const response = await apiCall<{ items?: unknown[] }>(\n    `/api/sales/orders?${searchParams.toString()}`,\n    undefined,\n    { fallback: { items: [] } },\n  )\n  if (response.ok === false && response.status === 403) {\n    params?.onAccessChange?.(true)\n    return []\n  }\n  params?.onAccessChange?.(false)\n  const fallbackLabel = params?.fallbackLabel ?? DEFAULT_FALLBACK_LABEL\n  const items = Array.isArray(response.result?.items) ? response.result.items : []\n  return items\n    .map((item) => normalizeOrderOption(item, fallbackLabel))\n    .filter((option): option is CrudFieldOption => option !== null)\n}\n\nexport async function resolveOrderLabel(value: string, fallbackLabel: string = DEFAULT_FALLBACK_LABEL): Promise<string> {\n  const response = await apiCall<{ items?: unknown[] }>(\n    `/api/sales/orders?${new URLSearchParams({ id: value, page: '1', pageSize: '1' }).toString()}`,\n    undefined,\n    { fallback: { items: [] } },\n  )\n  const option = (response.result?.items ?? [])\n    .map((item) => normalizeOrderOption(item, fallbackLabel))\n    .find((item): item is CrudFieldOption => item !== null)\n  return option?.label ?? fallbackLabel\n}\n\nexport async function loadSalesReturnOptions(\n  query?: string,\n  params?: LoadSalesReturnOptionsParams,\n): Promise<CrudFieldOption[]> {\n  const orderId = params?.orderId\n  if (!orderId) return []\n  const searchParams = new URLSearchParams({ orderId, page: '1', pageSize: '50' })\n  const response = await apiCall<{ items?: unknown[] }>(\n    `/api/sales/returns?${searchParams.toString()}`,\n    undefined,\n    { fallback: { items: [] } },\n  )\n  const fallbackLabel = params?.fallbackLabel ?? DEFAULT_FALLBACK_LABEL\n  const items = Array.isArray(response.result?.items) ? response.result.items : []\n  const options = items\n    .map((item) => normalizeSalesReturnOption(item, fallbackLabel))\n    .filter((option): option is CrudFieldOption => option !== null)\n  const needle = query?.trim().toLowerCase()\n  if (!needle) return options\n  return options.filter((option) => option.label.toLowerCase().includes(needle))\n}\n\nexport async function resolveSalesReturnLabel(value: string, fallbackLabel: string = DEFAULT_FALLBACK_LABEL): Promise<string> {\n  const response = await apiCall<{ items?: unknown[] }>(\n    `/api/sales/returns?${new URLSearchParams({ ids: value, page: '1', pageSize: '1' }).toString()}`,\n    undefined,\n    { fallback: { items: [] } },\n  )\n  const option = (response.result?.items ?? [])\n    .map((item) => normalizeSalesReturnOption(item, fallbackLabel))\n    .find((item): item is CrudFieldOption => item !== null)\n  return option?.label ?? fallbackLabel\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/warranty_claims/backend/components/productLookup.js

@@ -0,0 +1,317 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { X } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { LookupSelect } from "@open-mercato/ui/backend/inputs";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { computeWarrantyEntitlementPreview } from "../../lib/warrantyPreview.js";
+function readString(value) {
+  return typeof value === "string" && value.trim().length ? value.trim() : null;
+}
+function readBoolean(value) {
+  return value === true || value === "true" || value === 1 || value === "1";
+}
+function mapProductOption(item) {
+  const id = readString(item.id);
+  if (!id) return null;
+  const product = item;
+  const title = readString(item.title) ?? readString(product.name) ?? readString(product.sku) ?? "\u2014";
+  return {
+    id,
+    title,
+    sku: readString(product.sku),
+    thumbnailUrl: readString(product.default_media_url) ?? readString(product.defaultMediaUrl),
+    isConfigurable: readBoolean(product.is_configurable ?? product.isConfigurable)
+  };
+}
+function mapVariantOption(item, fallbackThumbnail) {
+  const id = readString(item.id);
+  if (!id) return null;
+  const variant = item;
+  const title = readString(variant.name) ?? readString(item.title) ?? readString(variant.sku) ?? "\u2014";
+  return {
+    id,
+    title,
+    sku: readString(variant.sku),
+    thumbnailUrl: readString(variant.default_media_url) ?? readString(variant.defaultMediaUrl) ?? readString(variant.thumbnailUrl) ?? fallbackThumbnail
+  };
+}
+function buildPlaceholder(label) {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded border border-border bg-muted text-xs uppercase text-muted-foreground", children: (label ?? "").slice(0, 2) || "?" });
+}
+function ProductThumbnail({ src, alt }) {
+  const [failed, setFailed] = React.useState(false);
+  if (failed) return buildPlaceholder(alt);
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt,
+      className: "h-8 w-8 rounded object-cover",
+      onError: () => setFailed(true)
+    }
+  );
+}
+function productToLookupItem(option) {
+  return {
+    id: option.id,
+    title: option.title,
+    subtitle: option.sku ?? void 0,
+    icon: option.thumbnailUrl ? /* @__PURE__ */ jsx(ProductThumbnail, { src: option.thumbnailUrl, alt: option.title }) : buildPlaceholder(option.title),
+    option
+  };
+}
+function variantToLookupItem(option) {
+  return {
+    id: option.id,
+    title: option.title,
+    subtitle: option.sku ?? void 0,
+    icon: option.thumbnailUrl ? /* @__PURE__ */ jsx(ProductThumbnail, { src: option.thumbnailUrl, alt: option.title }) : buildPlaceholder(option.title),
+    option
+  };
+}
+async function loadProductById(productId) {
+  const response = await apiCall(
+    `/api/catalog/products?id=${encodeURIComponent(productId)}&pageSize=1`,
+    void 0,
+    { fallback: { items: [] } }
+  );
+  const items = Array.isArray(response.result?.items) ? response.result.items : [];
+  const record = items.find((entry) => entry.id === productId) ?? items[0] ?? null;
+  return record ? mapProductOption(record) : null;
+}
+async function loadProductOptions(query) {
+  const params = new URLSearchParams({ pageSize: "8" });
+  const trimmed = query?.trim();
+  if (trimmed) params.set("search", trimmed);
+  else params.set("sortField", "title");
+  const response = await apiCall(
+    `/api/catalog/products?${params.toString()}`,
+    void 0,
+    { fallback: { items: [] } }
+  );
+  const items = Array.isArray(response.result?.items) ? response.result.items : [];
+  return items.map(mapProductOption).filter((option) => option !== null).map(productToLookupItem);
+}
+async function loadVariants(productId, productThumbnail) {
+  if (!productId) return [];
+  const response = await apiCall(
+    `/api/catalog/variants?productId=${encodeURIComponent(productId)}&pageSize=50`,
+    void 0,
+    { fallback: { items: [] } }
+  );
+  const items = Array.isArray(response.result?.items) ? response.result.items : [];
+  return items.map((item) => mapVariantOption(item, productThumbnail)).filter((option) => option !== null);
+}
+function createPick(product, variant) {
+  return {
+    productId: product.id,
+    variantId: variant?.id ?? null,
+    sku: variant?.sku ?? product.sku,
+    productName: product.title
+  };
+}
+function computeEntitlementPreview(purchaseDate, warrantyMonths, now = /* @__PURE__ */ new Date()) {
+  return computeWarrantyEntitlementPreview(purchaseDate, warrantyMonths, now);
+}
+function EntitlementChip(props) {
+  if (props.status === "unknown") return null;
+  const variant = props.status === "in_warranty" ? "success" : "error";
+  const key = props.status === "in_warranty" ? "warranty_claims.form.entitlement.inWarranty" : "warranty_claims.form.entitlement.outOfWarranty";
+  return /* @__PURE__ */ jsx(StatusBadge, { variant, dot: true, children: props.t(key) });
+}
+function ClaimLineProductPicker(props) {
+  const t = useT();
+  const productOptionsRef = React.useRef(/* @__PURE__ */ new Map());
+  const variantOptionsRef = React.useRef(/* @__PURE__ */ new Map());
+  const productSelectionSequenceRef = React.useRef(0);
+  const [productOption, setProductOption] = React.useState(null);
+  const [variantOption, setVariantOption] = React.useState(null);
+  const [variantOptions, setVariantOptions] = React.useState([]);
+  const [variantsLoadedFor, setVariantsLoadedFor] = React.useState(null);
+  const productId = readString(props.value.productId);
+  const variantId = readString(props.value.variantId);
+  const fallbackProductName = readString(props.value.productName);
+  const fallbackSku = readString(props.value.sku);
+  React.useEffect(() => {
+    let cancelled = false;
+    if (!productId) {
+      setProductOption(null);
+      setVariantOption(null);
+      setVariantOptions([]);
+      setVariantsLoadedFor(null);
+      return () => {
+        cancelled = true;
+      };
+    }
+    const cached = productOptionsRef.current.get(productId);
+    if (cached) {
+      setProductOption(cached);
+      return () => {
+        cancelled = true;
+      };
+    }
+    void loadProductById(productId).then((option) => {
+      if (cancelled) return;
+      const resolved = option ?? {
+        id: productId,
+        title: fallbackProductName ?? fallbackSku ?? t("warranty_claims.form.productUnknown"),
+        sku: fallbackSku,
+        thumbnailUrl: null,
+        isConfigurable: false
+      };
+      productOptionsRef.current.set(resolved.id, resolved);
+      setProductOption(resolved);
+    }).catch(() => {
+      if (!cancelled) {
+        const fallback = {
+          id: productId,
+          title: fallbackProductName ?? fallbackSku ?? t("warranty_claims.form.productUnknown"),
+          sku: fallbackSku,
+          thumbnailUrl: null,
+          isConfigurable: false
+        };
+        productOptionsRef.current.set(fallback.id, fallback);
+        setProductOption(fallback);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [fallbackProductName, fallbackSku, productId, t]);
+  React.useEffect(() => {
+    let cancelled = false;
+    const selectedProduct = productOption;
+    if (!selectedProduct) {
+      setVariantOptions([]);
+      setVariantsLoadedFor(null);
+      return () => {
+        cancelled = true;
+      };
+    }
+    if (variantsLoadedFor === selectedProduct.id) return () => {
+      cancelled = true;
+    };
+    void loadVariants(selectedProduct.id, selectedProduct.thumbnailUrl).then((options) => {
+      if (cancelled) return;
+      variantOptionsRef.current = new Map(options.map((option) => [option.id, option]));
+      setVariantOptions(options);
+      setVariantsLoadedFor(selectedProduct.id);
+      if (variantId) setVariantOption(options.find((option) => option.id === variantId) ?? null);
+    }).catch(() => {
+      if (!cancelled) {
+        setVariantOptions([]);
+        setVariantsLoadedFor(selectedProduct.id);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [productOption, variantId, variantsLoadedFor]);
+  const fetchProductItems = React.useCallback(async (query) => {
+    const items = await loadProductOptions(query);
+    for (const item of items) productOptionsRef.current.set(item.option.id, item.option);
+    return items;
+  }, []);
+  const fetchVariantItems = React.useCallback(async (query) => {
+    const needle = query.trim().toLowerCase();
+    const options = variantOptions.length ? variantOptions : productOption ? await loadVariants(productOption.id, productOption.thumbnailUrl) : [];
+    for (const option of options) variantOptionsRef.current.set(option.id, option);
+    const filtered = needle ? options.filter((option) => option.title.toLowerCase().includes(needle) || (option.sku ?? "").toLowerCase().includes(needle)) : options;
+    return filtered.map(variantToLookupItem);
+  }, [productOption, variantOptions]);
+  const clearProduct = React.useCallback(() => {
+    productSelectionSequenceRef.current += 1;
+    setProductOption(null);
+    setVariantOption(null);
+    setVariantOptions([]);
+    setVariantsLoadedFor(null);
+    props.onClear();
+  }, [props]);
+  const selectedProductOption = productOption ? [productToLookupItem(productOption)] : productId ? [productToLookupItem({
+    id: productId,
+    title: fallbackProductName ?? fallbackSku ?? t("warranty_claims.form.productUnknown"),
+    sku: fallbackSku,
+    thumbnailUrl: null,
+    isConfigurable: false
+  })] : void 0;
+  const selectedVariantOption = variantOption ? [variantToLookupItem(variantOption)] : void 0;
+  const showVariantPicker = Boolean(productOption && (productOption.isConfigurable || variantOptions.length > 1));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      !props.hideLabel || productId ? /* @__PURE__ */ jsxs("div", { className: props.hideLabel ? "flex items-center justify-end gap-2" : "flex items-center justify-between gap-2", children: [
+        !props.hideLabel ? /* @__PURE__ */ jsx(Label, { children: t("warranty_claims.form.productLookup") }) : null,
+        productId ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "h-auto px-2 py-1 text-xs", onClick: clearProduct, disabled: props.disabled, children: [
+          /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": "true" }),
+          t("warranty_claims.form.productLookup.clear")
+        ] }) : null
+      ] }) : null,
+      /* @__PURE__ */ jsx(
+        LookupSelect,
+        {
+          value: productId,
+          onChange: (next) => {
+            const selectionSequence = ++productSelectionSequenceRef.current;
+            if (!next) {
+              clearProduct();
+              return;
+            }
+            const selected = productOptionsRef.current.get(next);
+            if (!selected) {
+              void loadProductById(next).then((option) => {
+                if (!option || selectionSequence !== productSelectionSequenceRef.current) return;
+                productOptionsRef.current.set(option.id, option);
+                setProductOption(option);
+                setVariantOption(null);
+                props.onPick(createPick(option, null));
+              });
+              return;
+            }
+            if (selectionSequence !== productSelectionSequenceRef.current) return;
+            setProductOption(selected);
+            setVariantOption(null);
+            setVariantOptions([]);
+            setVariantsLoadedFor(null);
+            props.onPick(createPick(selected, null));
+          },
+          fetchItems: fetchProductItems,
+          options: selectedProductOption,
+          minQuery: 1,
+          searchPlaceholder: t("warranty_claims.form.productLookup.search"),
+          disabled: props.disabled
+        }
+      )
+    ] }),
+    showVariantPicker ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { children: t("warranty_claims.form.variantLookup") }),
+      /* @__PURE__ */ jsx(
+        LookupSelect,
+        {
+          value: variantId,
+          onChange: (next) => {
+            if (!productOption) return;
+            const selected = next ? variantOptionsRef.current.get(next) ?? null : null;
+            setVariantOption(selected);
+            props.onPick(createPick(productOption, selected));
+          },
+          fetchItems: fetchVariantItems,
+          options: selectedVariantOption,
+          minQuery: 0,
+          searchPlaceholder: t("warranty_claims.form.variantLookup.search"),
+          disabled: props.disabled || !productOption
+        },
+        productOption?.id ?? "no-product"
+      )
+    ] }) : null
+  ] });
+}
+export {
+  ClaimLineProductPicker,
+  EntitlementChip,
+  computeEntitlementPreview
+};
+//# sourceMappingURL=productLookup.js.map