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

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

@@ -0,0 +1,87 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+const CLAIM_STATUS_BADGE_VARIANTS = {
+  draft: "neutral",
+  submitted: "info",
+  in_review: "info",
+  info_requested: "neutral",
+  approved: "warning",
+  awaiting_return: "warning",
+  received: "warning",
+  inspecting: "warning",
+  resolved: "success",
+  rejected: "error",
+  closed: "success",
+  cancelled: "error"
+};
+const CLAIM_LINE_STATUS_BADGE_VARIANTS = {
+  pending: "neutral",
+  approved: "info",
+  rejected: "error",
+  received: "warning",
+  inspected: "warning",
+  resolved: "success"
+};
+const CLAIM_PRIORITY_BADGE_VARIANTS = {
+  low: "neutral",
+  normal: "info",
+  high: "warning",
+  urgent: "error"
+};
+const claimStatusVariants = CLAIM_STATUS_BADGE_VARIANTS;
+const lineStatusVariants = CLAIM_LINE_STATUS_BADGE_VARIANTS;
+function isClaimPriority(value) {
+  return Object.prototype.hasOwnProperty.call(CLAIM_PRIORITY_BADGE_VARIANTS, value);
+}
+function isClaimStatus(value) {
+  return Object.prototype.hasOwnProperty.call(claimStatusVariants, value);
+}
+function isClaimLineStatus(value) {
+  return Object.prototype.hasOwnProperty.call(lineStatusVariants, value);
+}
+function getClaimStatusBadgeVariant(status) {
+  return claimStatusVariants[status];
+}
+function getClaimLineStatusBadgeVariant(status) {
+  return lineStatusVariants[status];
+}
+function ClaimStatusBadge({
+  status,
+  dot = true,
+  className
+}) {
+  const t = useT();
+  const normalized = typeof status === "string" && isClaimStatus(status) ? status : "draft";
+  return /* @__PURE__ */ jsx(StatusBadge, { variant: getClaimStatusBadgeVariant(normalized), dot, className, children: t(`warranty_claims.status.${normalized}`) });
+}
+function ClaimLineStatusBadge({
+  status,
+  dot = true,
+  className
+}) {
+  const t = useT();
+  const normalized = typeof status === "string" && isClaimLineStatus(status) ? status : "pending";
+  return /* @__PURE__ */ jsx(StatusBadge, { variant: getClaimLineStatusBadgeVariant(normalized), dot, className, children: t(`warranty_claims.lineStatus.${normalized}`) });
+}
+function ClaimPriorityBadge({
+  priority,
+  dot = false,
+  className
+}) {
+  const t = useT();
+  const normalized = typeof priority === "string" && isClaimPriority(priority) ? priority : "normal";
+  return /* @__PURE__ */ jsx(StatusBadge, { variant: CLAIM_PRIORITY_BADGE_VARIANTS[normalized], dot, className, children: t(`warranty_claims.priority.${normalized}`) });
+}
+export {
+  CLAIM_LINE_STATUS_BADGE_VARIANTS,
+  CLAIM_PRIORITY_BADGE_VARIANTS,
+  CLAIM_STATUS_BADGE_VARIANTS,
+  ClaimLineStatusBadge,
+  ClaimPriorityBadge,
+  ClaimStatusBadge,
+  getClaimLineStatusBadgeVariant,
+  getClaimStatusBadgeVariant
+};
+//# sourceMappingURL=ClaimStatusBadge.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/ClaimStatusBadge.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { StatusBadge, type StatusBadgeVariant } from '@open-mercato/ui/primitives/status-badge'\n\nexport type ClaimStatus =\n  | 'draft'\n  | 'submitted'\n  | 'in_review'\n  | 'info_requested'\n  | 'approved'\n  | 'awaiting_return'\n  | 'received'\n  | 'inspecting'\n  | 'resolved'\n  | 'rejected'\n  | 'closed'\n  | 'cancelled'\n\nexport type ClaimLineStatus =\n  | 'pending'\n  | 'approved'\n  | 'rejected'\n  | 'received'\n  | 'inspected'\n  | 'resolved'\n\nexport type ClaimPriority = 'low' | 'normal' | 'high' | 'urgent'\n\nexport const CLAIM_STATUS_BADGE_VARIANTS: Record<ClaimStatus, StatusBadgeVariant> = {\n  draft: 'neutral',\n  submitted: 'info',\n  in_review: 'info',\n  info_requested: 'neutral',\n  approved: 'warning',\n  awaiting_return: 'warning',\n  received: 'warning',\n  inspecting: 'warning',\n  resolved: 'success',\n  rejected: 'error',\n  closed: 'success',\n  cancelled: 'error',\n}\n\nexport const CLAIM_LINE_STATUS_BADGE_VARIANTS: Record<ClaimLineStatus, StatusBadgeVariant> = {\n  pending: 'neutral',\n  approved: 'info',\n  rejected: 'error',\n  received: 'warning',\n  inspected: 'warning',\n  resolved: 'success',\n}\n\nexport const CLAIM_PRIORITY_BADGE_VARIANTS: Record<ClaimPriority, StatusBadgeVariant> = {\n  low: 'neutral',\n  normal: 'info',\n  high: 'warning',\n  urgent: 'error',\n}\n\nconst claimStatusVariants = CLAIM_STATUS_BADGE_VARIANTS\nconst lineStatusVariants = CLAIM_LINE_STATUS_BADGE_VARIANTS\n\nfunction isClaimPriority(value: string): value is ClaimPriority {\n  return Object.prototype.hasOwnProperty.call(CLAIM_PRIORITY_BADGE_VARIANTS, value)\n}\n\nfunction isClaimStatus(value: string): value is ClaimStatus {\n  return Object.prototype.hasOwnProperty.call(claimStatusVariants, value)\n}\n\nfunction isClaimLineStatus(value: string): value is ClaimLineStatus {\n  return Object.prototype.hasOwnProperty.call(lineStatusVariants, value)\n}\n\nexport function getClaimStatusBadgeVariant(status: ClaimStatus): StatusBadgeVariant {\n  return claimStatusVariants[status]\n}\n\nexport function getClaimLineStatusBadgeVariant(status: ClaimLineStatus): StatusBadgeVariant {\n  return lineStatusVariants[status]\n}\n\nexport function ClaimStatusBadge({\n  status,\n  dot = true,\n  className,\n}: {\n  status: ClaimStatus | string | null | undefined\n  dot?: boolean\n  className?: string\n}) {\n  const t = useT()\n  const normalized = typeof status === 'string' && isClaimStatus(status) ? status : 'draft'\n  return (\n    <StatusBadge variant={getClaimStatusBadgeVariant(normalized)} dot={dot} className={className}>\n      {t(`warranty_claims.status.${normalized}`)}\n    </StatusBadge>\n  )\n}\n\nexport function ClaimLineStatusBadge({\n  status,\n  dot = true,\n  className,\n}: {\n  status: ClaimLineStatus | string | null | undefined\n  dot?: boolean\n  className?: string\n}) {\n  const t = useT()\n  const normalized = typeof status === 'string' && isClaimLineStatus(status) ? status : 'pending'\n  return (\n    <StatusBadge variant={getClaimLineStatusBadgeVariant(normalized)} dot={dot} className={className}>\n      {t(`warranty_claims.lineStatus.${normalized}`)}\n    </StatusBadge>\n  )\n}\n\nexport function ClaimPriorityBadge({\n  priority,\n  dot = false,\n  className,\n}: {\n  priority: ClaimPriority | string | null | undefined\n  dot?: boolean\n  className?: string\n}) {\n  const t = useT()\n  const normalized = typeof priority === 'string' && isClaimPriority(priority) ? priority : 'normal'\n  return (\n    <StatusBadge variant={CLAIM_PRIORITY_BADGE_VARIANTS[normalized]} dot={dot} className={className}>\n      {t(`warranty_claims.priority.${normalized}`)}\n    </StatusBadge>\n  )\n}\n"],
+  "mappings": ";AAgGI;AA7FJ,SAAS,YAAY;AACrB,SAAS,mBAA4C;AA0B9C,MAAM,8BAAuE;AAAA,EAClF,OAAO;AAAA,EACP,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AACb;AAEO,MAAM,mCAAgF;AAAA,EAC3F,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,gCAA2E;AAAA,EACtF,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AACV;AAEA,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAE3B,SAAS,gBAAgB,OAAuC;AAC9D,SAAO,OAAO,UAAU,eAAe,KAAK,+BAA+B,KAAK;AAClF;AAEA,SAAS,cAAc,OAAqC;AAC1D,SAAO,OAAO,UAAU,eAAe,KAAK,qBAAqB,KAAK;AACxE;AAEA,SAAS,kBAAkB,OAAyC;AAClE,SAAO,OAAO,UAAU,eAAe,KAAK,oBAAoB,KAAK;AACvE;AAEO,SAAS,2BAA2B,QAAyC;AAClF,SAAO,oBAAoB,MAAM;AACnC;AAEO,SAAS,+BAA+B,QAA6C;AAC1F,SAAO,mBAAmB,MAAM;AAClC;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,MAAM;AAAA,EACN;AACF,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,aAAa,OAAO,WAAW,YAAY,cAAc,MAAM,IAAI,SAAS;AAClF,SACE,oBAAC,eAAY,SAAS,2BAA2B,UAAU,GAAG,KAAU,WACrE,YAAE,0BAA0B,UAAU,EAAE,GAC3C;AAEJ;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,MAAM;AAAA,EACN;AACF,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,aAAa,OAAO,WAAW,YAAY,kBAAkB,MAAM,IAAI,SAAS;AACtF,SACE,oBAAC,eAAY,SAAS,+BAA+B,UAAU,GAAG,KAAU,WACzE,YAAE,8BAA8B,UAAU,EAAE,GAC/C;AAEJ;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,MAAM;AAAA,EACN;AACF,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,aAAa,OAAO,aAAa,YAAY,gBAAgB,QAAQ,IAAI,WAAW;AAC1F,SACE,oBAAC,eAAY,SAAS,8BAA8B,UAAU,GAAG,KAAU,WACxE,YAAE,4BAA4B,UAAU,EAAE,GAC7C;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,120 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeftRight, BadgeCheck, CreditCard, History, Timer } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Skeleton } from "@open-mercato/ui/primitives/skeleton";
+function formatNumber(value, options) {
+  return new Intl.NumberFormat(void 0, options).format(value);
+}
+function KpiItem({ icon: Icon, label, description, value, detail, onClick }) {
+  const content = /* @__PURE__ */ jsxs("div", { className: "flex min-h-24 w-full items-start gap-3 px-5 py-1 text-left", children: [
+    /* @__PURE__ */ jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "size-4" }) }),
+    /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold leading-5 text-foreground", children: label }),
+      /* @__PURE__ */ jsx("span", { className: "block text-overline font-normal leading-4 text-muted-foreground", children: description }),
+      /* @__PURE__ */ jsx("span", { className: "mt-2 block text-2xl font-bold leading-8 tabular-nums text-foreground", children: value }),
+      detail ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs leading-4 text-muted-foreground", children: detail }) : null
+    ] })
+  ] });
+  if (onClick) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        onClick,
+        className: "h-auto min-h-24 w-full whitespace-normal rounded-none p-0 hover:bg-muted/30",
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-24", children: content });
+}
+function ClaimsKpiStrip({
+  stats,
+  isLoading,
+  hasError,
+  attentionCount,
+  onOverdueClick,
+  onOpenClaimsClick
+}) {
+  const t = useT();
+  if (hasError) return null;
+  if (isLoading && !stats) {
+    return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 divide-x divide-border border-y border-border py-5 md:grid-cols-5", children: Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        className: "min-h-24 rounded-none",
+        "aria-label": t("warranty_claims.kpi.loading", "Loading claim KPIs")
+      },
+      index
+    )) });
+  }
+  if (!stats) return null;
+  const openClaims = Object.values(stats.openByStatus).reduce((sum, count) => sum + count, 0);
+  const recoveredCurrencies = stats.recoveredLast30dByCurrency;
+  const recovered = recoveredCurrencies[0] ?? null;
+  const recoveredLabel = recovered ? formatNumber(recovered.total, { maximumFractionDigits: 2 }) : null;
+  const recoveredDescription = recoveredCurrencies.length > 1 ? t("warranty_claims.kpi.recovered.moreCurrencies", "Last 30 days \u2014 largest of {count} currencies").replace("{count}", formatNumber(recoveredCurrencies.length)) : t("warranty_claims.kpi.last30d", "Last 30 days");
+  const slaCompliance = openClaims > 0 ? Math.max(0, Math.round((openClaims - stats.overdue) / openClaims * 100)) : 100;
+  const approvedCount = stats.approvalRatePct === null ? null : Math.round(stats.resolvedLast30d * stats.approvalRatePct / 100);
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 divide-x divide-y divide-border border-y border-border py-5 md:grid-cols-5 md:divide-y-0", children: [
+    /* @__PURE__ */ jsx(
+      KpiItem,
+      {
+        icon: ArrowLeftRight,
+        label: t("warranty_claims.kpi.openClaims", "Open claims"),
+        description: t("warranty_claims.kpi.openClaims.description", "Active queue"),
+        value: formatNumber(openClaims),
+        detail: t("warranty_claims.kpi.openClaims.attention", "{count} need attention", { count: formatNumber(attentionCount ?? stats.overdue) }),
+        onClick: onOpenClaimsClick
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      KpiItem,
+      {
+        icon: Timer,
+        label: t("warranty_claims.kpi.slaCompliance", "SLA compliance"),
+        description: t("warranty_claims.kpi.slaCompliance.description", "Within target window"),
+        value: `${formatNumber(slaCompliance)}%`,
+        detail: t("warranty_claims.kpi.slaCompliance.overdue", "{count} overdue", { count: formatNumber(stats.overdue) }),
+        onClick: onOverdueClick
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      KpiItem,
+      {
+        icon: History,
+        label: t("warranty_claims.kpi.avgResolutionDays", "Avg resolution"),
+        description: t("warranty_claims.kpi.last30d", "Last 30 days"),
+        value: stats.avgResolutionDays === null ? t("warranty_claims.common.noValue") : t("warranty_claims.kpi.daysShort", "{count}d", { count: formatNumber(stats.avgResolutionDays, { maximumFractionDigits: 1 }) }),
+        detail: t("warranty_claims.kpi.avgResolution.resolved", "{count} claims resolved", { count: formatNumber(stats.resolvedLast30d) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      KpiItem,
+      {
+        icon: BadgeCheck,
+        label: t("warranty_claims.kpi.approvalRate", "Approval rate"),
+        description: t("warranty_claims.kpi.last30d", "Last 30 days"),
+        value: stats.approvalRatePct === null ? t("warranty_claims.common.noValue") : `${formatNumber(stats.approvalRatePct)}%`,
+        detail: approvedCount === null ? void 0 : t("warranty_claims.kpi.approvalRate.approved", "{count} claims approved", { count: formatNumber(approvedCount) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      KpiItem,
+      {
+        icon: CreditCard,
+        label: t("warranty_claims.kpi.recovered", "Recovered"),
+        description: t("warranty_claims.kpi.recovered.description", "From vendors"),
+        value: recoveredLabel ?? t("warranty_claims.common.noValue"),
+        detail: recovered ? `${recovered.currencyCode ?? ""} ${t("warranty_claims.kpi.last30d", "Last 30 days")}`.trim() : recoveredDescription
+      }
+    )
+  ] });
+}
+export {
+  ClaimsKpiStrip
+};
+//# sourceMappingURL=ClaimsKpiStrip.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/ClaimsKpiStrip.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ArrowLeftRight, BadgeCheck, CreditCard, History, Timer, type LucideIcon } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Skeleton } from '@open-mercato/ui/primitives/skeleton'\n\nexport type WarrantyClaimsRecoveredCurrency = {\n  currencyCode: string | null\n  total: number\n}\n\nexport type WarrantyClaimsStats = {\n  openByStatus: Record<string, number>\n  overdue: number\n  assignedToMe: number\n  resolvedLast30d: number\n  avgResolutionDays: number | null\n  approvalRatePct: number | null\n  recoveredLast30dByCurrency: WarrantyClaimsRecoveredCurrency[]\n  slaAtRiskThresholdPct?: number\n  slaAtRisk?: number\n}\n\ntype ClaimsKpiStripProps = {\n  stats: WarrantyClaimsStats | null\n  isLoading: boolean\n  hasError: boolean\n  attentionCount?: number\n  onOverdueClick: () => void\n  onOpenClaimsClick: () => void\n}\n\ntype KpiItemProps = {\n  icon: LucideIcon\n  label: string\n  description: string\n  value: React.ReactNode\n  detail?: React.ReactNode\n  onClick?: () => void\n}\n\nfunction formatNumber(value: number, options?: Intl.NumberFormatOptions): string {\n  return new Intl.NumberFormat(undefined, options).format(value)\n}\n\nfunction KpiItem({ icon: Icon, label, description, value, detail, onClick }: KpiItemProps) {\n  const content = (\n    <div className=\"flex min-h-24 w-full items-start gap-3 px-5 py-1 text-left\">\n      <span className=\"flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n        <Icon aria-hidden=\"true\" className=\"size-4\" />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block text-sm font-semibold leading-5 text-foreground\">{label}</span>\n        <span className=\"block text-overline font-normal leading-4 text-muted-foreground\">{description}</span>\n        <span className=\"mt-2 block text-2xl font-bold leading-8 tabular-nums text-foreground\">{value}</span>\n        {detail ? <span className=\"mt-0.5 block text-xs leading-4 text-muted-foreground\">{detail}</span> : null}\n      </span>\n    </div>\n  )\n\n  if (onClick) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        onClick={onClick}\n        className=\"h-auto min-h-24 w-full whitespace-normal rounded-none p-0 hover:bg-muted/30\"\n      >\n        {content}\n      </Button>\n    )\n  }\n\n  return (\n    <div className=\"flex min-h-24\">\n      {content}\n    </div>\n  )\n}\n\nexport function ClaimsKpiStrip({\n  stats,\n  isLoading,\n  hasError,\n  attentionCount,\n  onOverdueClick,\n  onOpenClaimsClick,\n}: ClaimsKpiStripProps) {\n  const t = useT()\n\n  if (hasError) return null\n\n  if (isLoading && !stats) {\n    return (\n      <div className=\"grid grid-cols-2 divide-x divide-border border-y border-border py-5 md:grid-cols-5\">\n        {Array.from({ length: 5 }).map((_, index) => (\n          <Skeleton\n            key={index}\n            className=\"min-h-24 rounded-none\"\n            aria-label={t('warranty_claims.kpi.loading', 'Loading claim KPIs')}\n          />\n        ))}\n      </div>\n    )\n  }\n\n  if (!stats) return null\n\n  const openClaims = Object.values(stats.openByStatus).reduce((sum, count) => sum + count, 0)\n  const recoveredCurrencies = stats.recoveredLast30dByCurrency\n  const recovered = recoveredCurrencies[0] ?? null\n  const recoveredLabel = recovered\n    ? formatNumber(recovered.total, { maximumFractionDigits: 2 })\n    : null\n  const recoveredDescription = recoveredCurrencies.length > 1\n    ? t('warranty_claims.kpi.recovered.moreCurrencies', 'Last 30 days \u2014 largest of {count} currencies')\n      .replace('{count}', formatNumber(recoveredCurrencies.length))\n    : t('warranty_claims.kpi.last30d', 'Last 30 days')\n  const slaCompliance = openClaims > 0\n    ? Math.max(0, Math.round(((openClaims - stats.overdue) / openClaims) * 100))\n    : 100\n  const approvedCount = stats.approvalRatePct === null\n    ? null\n    : Math.round(stats.resolvedLast30d * stats.approvalRatePct / 100)\n\n  return (\n    <div className=\"grid grid-cols-2 divide-x divide-y divide-border border-y border-border py-5 md:grid-cols-5 md:divide-y-0\">\n      <KpiItem\n        icon={ArrowLeftRight}\n        label={t('warranty_claims.kpi.openClaims', 'Open claims')}\n        description={t('warranty_claims.kpi.openClaims.description', 'Active queue')}\n        value={formatNumber(openClaims)}\n        detail={t('warranty_claims.kpi.openClaims.attention', '{count} need attention', { count: formatNumber(attentionCount ?? stats.overdue) })}\n        onClick={onOpenClaimsClick}\n      />\n      <KpiItem\n        icon={Timer}\n        label={t('warranty_claims.kpi.slaCompliance', 'SLA compliance')}\n        description={t('warranty_claims.kpi.slaCompliance.description', 'Within target window')}\n        value={`${formatNumber(slaCompliance)}%`}\n        detail={t('warranty_claims.kpi.slaCompliance.overdue', '{count} overdue', { count: formatNumber(stats.overdue) })}\n        onClick={onOverdueClick}\n      />\n      <KpiItem\n        icon={History}\n        label={t('warranty_claims.kpi.avgResolutionDays', 'Avg resolution')}\n        description={t('warranty_claims.kpi.last30d', 'Last 30 days')}\n        value={stats.avgResolutionDays === null ? t('warranty_claims.common.noValue') : t('warranty_claims.kpi.daysShort', '{count}d', { count: formatNumber(stats.avgResolutionDays, { maximumFractionDigits: 1 }) })}\n        detail={t('warranty_claims.kpi.avgResolution.resolved', '{count} claims resolved', { count: formatNumber(stats.resolvedLast30d) })}\n      />\n      <KpiItem\n        icon={BadgeCheck}\n        label={t('warranty_claims.kpi.approvalRate', 'Approval rate')}\n        description={t('warranty_claims.kpi.last30d', 'Last 30 days')}\n        value={stats.approvalRatePct === null ? t('warranty_claims.common.noValue') : `${formatNumber(stats.approvalRatePct)}%`}\n        detail={approvedCount === null ? undefined : t('warranty_claims.kpi.approvalRate.approved', '{count} claims approved', { count: formatNumber(approvedCount) })}\n      />\n      <KpiItem\n        icon={CreditCard}\n        label={t('warranty_claims.kpi.recovered', 'Recovered')}\n        description={t('warranty_claims.kpi.recovered.description', 'From vendors')}\n        value={recoveredLabel ?? t('warranty_claims.common.noValue')}\n        detail={recovered ? `${recovered.currencyCode ?? ''} ${t('warranty_claims.kpi.last30d', 'Last 30 days')}`.trim() : recoveredDescription}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,135 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+const MAX_LINKED_CLAIM_NUMBERS = 3;
+function buildEntitlementQuery(claim, lines) {
+  const sourceLine = lines.find((line) => line.serialNumber) ?? lines.find((line) => line.productId || line.sku) ?? (claim.orderId ? lines.find((line) => line.purchaseDate) : null) ?? null;
+  if (!claim.orderId && !sourceLine?.serialNumber && !sourceLine?.productId && !sourceLine?.sku) return null;
+  const params = new URLSearchParams();
+  if (sourceLine?.serialNumber) params.set("serialNumber", sourceLine.serialNumber);
+  if (claim.orderId) params.set("orderId", claim.orderId);
+  if (sourceLine?.productId) params.set("productId", sourceLine.productId);
+  if (sourceLine?.sku) params.set("sku", sourceLine.sku);
+  if (sourceLine?.purchaseDate) params.set("purchaseDate", sourceLine.purchaseDate);
+  if (claim.id) params.set("excludeClaimId", claim.id);
+  const query = params.toString();
+  return query.length ? query : null;
+}
+function statusVariant(status) {
+  if (status === "in_warranty") return "success";
+  if (status === "out_of_warranty") return "warning";
+  return "neutral";
+}
+function formatDateLabel(value, fallback) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return fallback;
+  return date.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+function EntitlementLookupBadge({ claim, lines }) {
+  const t = useT();
+  const query = buildEntitlementQuery(claim, lines);
+  const [debouncedQuery, setDebouncedQuery] = React.useState(query);
+  const [result, setResult] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    if (!query) {
+      setDebouncedQuery(null);
+      setResult(null);
+      setError(null);
+      return;
+    }
+    const timer = window.setTimeout(() => {
+      setDebouncedQuery(query);
+    }, 350);
+    return () => window.clearTimeout(timer);
+  }, [query]);
+  React.useEffect(() => {
+    if (!debouncedQuery) {
+      setResult(null);
+      setError(null);
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    apiCall(
+      `/api/warranty_claims/entitlement?${debouncedQuery}`,
+      void 0,
+      { fallback: { warrantyStatus: "unknown" } }
+    ).then((call) => {
+      if (cancelled) return;
+      if (!call.ok) {
+        setResult(null);
+        setError(t("warranty_claims.entitlement.error.load", "Failed to resolve warranty entitlement."));
+        return;
+      }
+      setResult(call.result ?? { warrantyStatus: "unknown" });
+    }).catch(() => {
+      if (cancelled) return;
+      setResult(null);
+      setError(t("warranty_claims.entitlement.error.load", "Failed to resolve warranty entitlement."));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [debouncedQuery, t]);
+  if (!query) return null;
+  if (loading) {
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+      t("warranty_claims.entitlement.loading", "Checking entitlement...")
+    ] });
+  }
+  if (error) return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: error });
+  if (!result) return null;
+  const status = result.warrantyStatus ?? "unknown";
+  const coverage = result.coverageType ? t(`warranty_claims.entitlement.coverage.${result.coverageType}`, result.coverageType) : null;
+  const source = result.source ? t(`warranty_claims.entitlement.source.${result.source}`, result.source) : null;
+  const priorClaimCount = typeof result.priorClaimCount === "number" ? result.priorClaimCount : null;
+  const relatedClaimNumbers = Array.isArray(result.relatedClaimNumbers) ? result.relatedClaimNumbers.filter((claimNumber) => typeof claimNumber === "string" && claimNumber.trim().length > 0) : [];
+  const linkedClaimNumbers = relatedClaimNumbers.slice(0, MAX_LINKED_CLAIM_NUMBERS);
+  const hiddenClaimNumberCount = relatedClaimNumbers.length - linkedClaimNumbers.length;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx(StatusBadge, { variant: statusVariant(status), children: t(`warranty_claims.entitlement.status.${status}`, status) }),
+    coverage ? /* @__PURE__ */ jsx(StatusBadge, { variant: "neutral", children: coverage }) : null,
+    result.expiresAt ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("warranty_claims.entitlement.expiresAt", "Expires {date}", {
+      date: formatDateLabel(result.expiresAt, result.expiresAt)
+    }) }) : null,
+    source ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("warranty_claims.entitlement.sourceLabel", "Source: {source}", { source }) }) : null,
+    result.hasPriorClaims || priorClaimCount ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(StatusBadge, { variant: "warning", children: t("warranty_claims.entitlement.priorClaims", "{count} prior claims", {
+        count: priorClaimCount ?? 1
+      }) }),
+      linkedClaimNumbers.map((claimNumber) => /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: `/backend/warranty_claims?search=${encodeURIComponent(claimNumber)}`,
+          className: "text-xs text-muted-foreground underline underline-offset-2 hover:text-foreground",
+          onClick: (event) => event.stopPropagation(),
+          children: claimNumber
+        },
+        claimNumber
+      )),
+      hiddenClaimNumberCount > 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("warranty_claims.entitlement.priorClaims.more", "+{count} more", {
+        count: hiddenClaimNumberCount
+      }) }) : null
+    ] }) : null
+  ] });
+}
+export {
+  EntitlementLookupBadge
+};
+//# sourceMappingURL=EntitlementLookupBadge.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/EntitlementLookupBadge.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { StatusBadge, type StatusBadgeVariant } from '@open-mercato/ui/primitives/status-badge'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\n\ntype EntitlementClaim = {\n  id?: string | null\n  orderId: string | null\n}\n\ntype EntitlementLine = {\n  productId: string | null\n  sku: string | null\n  serialNumber: string | null\n  purchaseDate: string | null\n}\n\ntype EntitlementResult = {\n  warrantyStatus?: 'in_warranty' | 'out_of_warranty' | 'unknown'\n  coverageType?: 'standard' | 'extended' | 'none' | null\n  expiresAt?: string | null\n  source?: 'registration' | 'order' | 'manual' | 'resolver' | null\n  hasPriorClaims?: boolean\n  priorClaimCount?: number\n  priorRegistrationCount?: number\n  relatedClaimNumbers?: string[]\n}\n\nconst MAX_LINKED_CLAIM_NUMBERS = 3\n\ntype EntitlementLookupBadgeProps = {\n  claim: EntitlementClaim\n  lines: EntitlementLine[]\n}\n\nfunction buildEntitlementQuery(claim: EntitlementClaim, lines: EntitlementLine[]): string | null {\n  const sourceLine = lines.find((line) => line.serialNumber)\n    ?? lines.find((line) => line.productId || line.sku)\n    ?? (claim.orderId ? lines.find((line) => line.purchaseDate) : null)\n    ?? null\n  if (!claim.orderId && !sourceLine?.serialNumber && !sourceLine?.productId && !sourceLine?.sku) return null\n  const params = new URLSearchParams()\n  if (sourceLine?.serialNumber) params.set('serialNumber', sourceLine.serialNumber)\n  if (claim.orderId) params.set('orderId', claim.orderId)\n  if (sourceLine?.productId) params.set('productId', sourceLine.productId)\n  if (sourceLine?.sku) params.set('sku', sourceLine.sku)\n  if (sourceLine?.purchaseDate) params.set('purchaseDate', sourceLine.purchaseDate)\n  if (claim.id) params.set('excludeClaimId', claim.id)\n  const query = params.toString()\n  return query.length ? query : null\n}\n\nfunction statusVariant(status: string | null | undefined): StatusBadgeVariant {\n  if (status === 'in_warranty') return 'success'\n  if (status === 'out_of_warranty') return 'warning'\n  return 'neutral'\n}\n\nfunction formatDateLabel(value: string, fallback: string): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return fallback\n  return date.toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  })\n}\n\nexport function EntitlementLookupBadge({ claim, lines }: EntitlementLookupBadgeProps) {\n  const t = useT()\n  const query = buildEntitlementQuery(claim, lines)\n  const [debouncedQuery, setDebouncedQuery] = React.useState<string | null>(query)\n  const [result, setResult] = React.useState<EntitlementResult | null>(null)\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (!query) {\n      setDebouncedQuery(null)\n      setResult(null)\n      setError(null)\n      return\n    }\n    const timer = window.setTimeout(() => {\n      setDebouncedQuery(query)\n    }, 350)\n    return () => window.clearTimeout(timer)\n  }, [query])\n\n  React.useEffect(() => {\n    if (!debouncedQuery) {\n      setResult(null)\n      setError(null)\n      setLoading(false)\n      return\n    }\n    let cancelled = false\n    setLoading(true)\n    setError(null)\n    apiCall<EntitlementResult>(\n      `/api/warranty_claims/entitlement?${debouncedQuery}`,\n      undefined,\n      { fallback: { warrantyStatus: 'unknown' } },\n    )\n      .then((call) => {\n        if (cancelled) return\n        if (!call.ok) {\n          setResult(null)\n          setError(t('warranty_claims.entitlement.error.load', 'Failed to resolve warranty entitlement.'))\n          return\n        }\n        setResult(call.result ?? { warrantyStatus: 'unknown' })\n      })\n      .catch(() => {\n        if (cancelled) return\n        setResult(null)\n        setError(t('warranty_claims.entitlement.error.load', 'Failed to resolve warranty entitlement.'))\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [debouncedQuery, t])\n\n  if (!query) return null\n  if (loading) {\n    return (\n      <span className=\"inline-flex items-center gap-2 text-xs text-muted-foreground\">\n        <Spinner size=\"sm\" />\n        {t('warranty_claims.entitlement.loading', 'Checking entitlement...')}\n      </span>\n    )\n  }\n  if (error) return <span className=\"text-xs text-muted-foreground\">{error}</span>\n  if (!result) return null\n\n  const status = result.warrantyStatus ?? 'unknown'\n  const coverage = result.coverageType\n    ? t(`warranty_claims.entitlement.coverage.${result.coverageType}`, result.coverageType)\n    : null\n  const source = result.source\n    ? t(`warranty_claims.entitlement.source.${result.source}`, result.source)\n    : null\n  const priorClaimCount = typeof result.priorClaimCount === 'number' ? result.priorClaimCount : null\n  const relatedClaimNumbers = Array.isArray(result.relatedClaimNumbers)\n    ? result.relatedClaimNumbers.filter((claimNumber): claimNumber is string => typeof claimNumber === 'string' && claimNumber.trim().length > 0)\n    : []\n  const linkedClaimNumbers = relatedClaimNumbers.slice(0, MAX_LINKED_CLAIM_NUMBERS)\n  const hiddenClaimNumberCount = relatedClaimNumbers.length - linkedClaimNumbers.length\n\n  return (\n    <span className=\"inline-flex flex-wrap items-center gap-2\">\n      <StatusBadge variant={statusVariant(status)}>\n        {t(`warranty_claims.entitlement.status.${status}`, status)}\n      </StatusBadge>\n      {coverage ? <StatusBadge variant=\"neutral\">{coverage}</StatusBadge> : null}\n      {result.expiresAt ? (\n        <span className=\"text-xs text-muted-foreground\">\n          {t('warranty_claims.entitlement.expiresAt', 'Expires {date}', {\n            date: formatDateLabel(result.expiresAt, result.expiresAt),\n          })}\n        </span>\n      ) : null}\n      {source ? (\n        <span className=\"text-xs text-muted-foreground\">\n          {t('warranty_claims.entitlement.sourceLabel', 'Source: {source}', { source })}\n        </span>\n      ) : null}\n      {result.hasPriorClaims || priorClaimCount ? (\n        <>\n          <StatusBadge variant=\"warning\">\n            {t('warranty_claims.entitlement.priorClaims', '{count} prior claims', {\n              count: priorClaimCount ?? 1,\n            })}\n          </StatusBadge>\n          {linkedClaimNumbers.map((claimNumber) => (\n            <Link\n              key={claimNumber}\n              href={`/backend/warranty_claims?search=${encodeURIComponent(claimNumber)}`}\n              className=\"text-xs text-muted-foreground underline underline-offset-2 hover:text-foreground\"\n              onClick={(event) => event.stopPropagation()}\n            >\n              {claimNumber}\n            </Link>\n          ))}\n          {hiddenClaimNumberCount > 0 ? (\n            <span className=\"text-xs text-muted-foreground\">\n              {t('warranty_claims.entitlement.priorClaims.more', '+{count} more', {\n                count: hiddenClaimNumberCount,\n              })}\n            </span>\n          ) : null}\n        </>\n      ) : null}\n    </span>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,218 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
+const CONDITION_GRADES = ["A", "B", "C", "D"];
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function readErrorKey(value) {
+  if (!isRecord(value)) return null;
+  return typeof value.error === "string" && value.error.trim().length ? value.error.trim() : null;
+}
+function toApiError(status, result, fallbackKey, t) {
+  const key = readErrorKey(result) ?? fallbackKey;
+  return Object.assign(new Error(t(key, key)), { status });
+}
+function formatLineTitle(line, t) {
+  const identifier = line.lineNo !== null ? `#${line.lineNo}` : t("warranty_claims.form.lines.unnamed", "Unnamed line");
+  const product = line.productName ?? line.sku ?? line.serialNumber;
+  return product ? `${identifier} ${product}` : identifier;
+}
+function gradeVariant(grade) {
+  if (grade === "A") return "success";
+  if (grade === "B") return "info";
+  if (grade === "C") return "warning";
+  if (grade === "D") return "error";
+  return "neutral";
+}
+function quarantineVariant(status) {
+  if (status === "held") return "warning";
+  if (status === "released") return "success";
+  return "neutral";
+}
+function ReceivingPanel({
+  claimId,
+  lines,
+  canManage,
+  receivingCapable,
+  onRefresh
+}) {
+  const t = useT();
+  const [dialogLine, setDialogLine] = React.useState(null);
+  const [conditionGrade, setConditionGrade] = React.useState("A");
+  const [inspectionNotes, setInspectionNotes] = React.useState("");
+  const [saving, setSaving] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: `warranty-claim-receiving:${claimId}`,
+    blockedMessage: t("warranty_claims.common.saveBlocked", "Save blocked by a mutation guard.")
+  });
+  React.useEffect(() => {
+    if (!dialogLine) return;
+    const nextGrade = CONDITION_GRADES.includes(dialogLine.conditionGrade) ? dialogLine.conditionGrade : "A";
+    setConditionGrade(nextGrade);
+    setInspectionNotes(dialogLine.inspectionNotes ?? "");
+    setError(null);
+  }, [dialogLine]);
+  if (!receivingCapable || lines.length === 0) return null;
+  const runReceivingAction = async (line, body, successKey) => {
+    setSaving(true);
+    setError(null);
+    try {
+      await runMutation({
+        operation: async () => {
+          const call = await withScopedApiRequestHeaders(
+            buildOptimisticLockHeader(line.updatedAt),
+            () => apiCall("/api/warranty_claims/receiving", {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ ...body, updatedAt: line.updatedAt })
+            })
+          );
+          if (!call.ok) throw toApiError(call.status, call.result, "warranty_claims.receiving.error.save", t);
+          return call;
+        },
+        context: {
+          formId: `warranty-claim-receiving:${claimId}:${line.id}`,
+          resourceKind: "warranty_claims.claim_line",
+          resourceId: line.id,
+          retryLastMutation
+        },
+        mutationPayload: body
+      });
+      flash(t(successKey, "Receiving action saved."), "success");
+      setDialogLine(null);
+      await onRefresh();
+    } catch (err) {
+      if (surfaceRecordConflict(err, t, { onRefresh })) return;
+      const message = err instanceof Error && err.message ? err.message : t("warranty_claims.receiving.error.save", "Failed to save receiving details.");
+      setError(message);
+      flash(message, "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const submitGrade = async () => {
+    if (!dialogLine) return;
+    await runReceivingAction(
+      dialogLine,
+      {
+        lineId: dialogLine.id,
+        conditionGrade,
+        inspectionNotes: inspectionNotes.trim() || void 0
+      },
+      "warranty_claims.receiving.flash.saved"
+    );
+  };
+  const releaseLine = async (line) => {
+    await runReceivingAction(
+      line,
+      { lineId: line.id, action: "release" },
+      "warranty_claims.receiving.flash.released"
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-card p-4 shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("warranty_claims.receiving.title", "Receiving and grading") }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("warranty_claims.receiving.description", "Capture received condition grades and quarantine status per line.") })
+      ] }),
+      !canManage ? /* @__PURE__ */ jsx(StatusBadge, { variant: "neutral", children: t("warranty_claims.receiving.readOnly", "Read only") }) : null
+    ] }),
+    error ? /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) }) : null,
+    /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-3", children: lines.map((line) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 rounded-md border border-border p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: formatLineTitle(line, t) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(StatusBadge, { variant: gradeVariant(line.conditionGrade), children: line.conditionGrade ? t(`warranty_claims.receiving.grade.${line.conditionGrade}`, `Grade ${line.conditionGrade}`) : t("warranty_claims.receiving.grade.none", "No grade") }),
+          /* @__PURE__ */ jsx(StatusBadge, { variant: quarantineVariant(line.quarantineStatus), children: t(
+            `warranty_claims.receiving.quarantine.${line.quarantineStatus ?? "none"}`,
+            line.quarantineStatus ?? "none"
+          ) })
+        ] }),
+        line.inspectionNotes ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: line.inspectionNotes }) : null
+      ] }),
+      canManage ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setDialogLine(line), children: t("warranty_claims.receiving.actions.grade", "Grade / Receive") }),
+        line.quarantineStatus === "held" ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: saving,
+            onClick: () => {
+              void releaseLine(line);
+            },
+            children: t("warranty_claims.receiving.actions.release", "Release")
+          }
+        ) : null
+      ] }) : null
+    ] }, line.id)) }),
+    /* @__PURE__ */ jsx(Dialog, { open: dialogLine !== null, onOpenChange: (open) => {
+      if (!open) setDialogLine(null);
+    }, children: /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        className: "max-w-lg",
+        onKeyDown: (event) => {
+          if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+            event.preventDefault();
+            void submitGrade();
+          }
+          if (event.key === "Escape") {
+            event.preventDefault();
+            setDialogLine(null);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("warranty_claims.receiving.dialog.title", "Grade received line") }) }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "warranty-claim-condition-grade", children: t("warranty_claims.receiving.fields.conditionGrade", "Condition grade") }),
+              /* @__PURE__ */ jsxs(Select, { value: conditionGrade, onValueChange: (value) => setConditionGrade(value), children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { id: "warranty-claim-condition-grade", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: CONDITION_GRADES.map((grade) => /* @__PURE__ */ jsx(SelectItem, { value: grade, children: t(`warranty_claims.receiving.grade.${grade}`, `Grade ${grade}`) }, grade)) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "warranty-claim-inspection-notes", children: t("warranty_claims.receiving.fields.inspectionNotes", "Inspection notes") }),
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  id: "warranty-claim-inspection-notes",
+                  value: inspectionNotes,
+                  onChange: (event) => setInspectionNotes(event.target.value),
+                  rows: 4
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setDialogLine(null), children: t("common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "button", disabled: saving, onClick: () => {
+              void submitGrade();
+            }, children: saving ? t("warranty_claims.common.saving", "Saving...") : t("warranty_claims.form.submit", "Save") })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  ReceivingPanel
+};
+//# sourceMappingURL=ReceivingPanel.js.map