@open-mercato/core 0.6.8-develop.7101.1.bd9356828a → 0.7.1-develop.7102.1.b41f7e3e51

package/dist/modules/sales/widgets/injection/document-history/widget.client.js

@@ -40,7 +40,47 @@ const CHANGED_FIELD_LABELS = {
   configuration: { key: "sales.documents.history.fields.configuration", fallback: "Configuration" },
   promotionCode: { key: "sales.documents.history.fields.promotionCode", fallback: "Promotion code" },
   customFields: { key: "sales.documents.history.fields.customFields", fallback: "Custom fields" },
-  statusEntryId: { key: "sales.documents.history.fields.status", fallback: "Status" }
+  statusEntryId: { key: "sales.documents.history.fields.status", fallback: "Status" },
+  status: { key: "sales.documents.history.fields.status", fallback: "Status" },
+  fulfillmentStatus: { key: "sales.documents.history.fields.fulfillmentStatus", fallback: "Fulfillment status" },
+  paymentStatus: { key: "sales.documents.history.fields.paymentStatus", fallback: "Payment status" },
+  customerEntityId: { key: "sales.documents.history.fields.customer", fallback: "Customer" },
+  customerContactId: { key: "sales.documents.history.fields.customerContact", fallback: "Customer contact" },
+  customerSnapshot: { key: "sales.documents.history.fields.customerSnapshot", fallback: "Customer details" },
+  customerReference: { key: "sales.documents.history.fields.customerReference", fallback: "Customer reference" },
+  externalReference: { key: "sales.documents.history.fields.externalReference", fallback: "External reference" },
+  billingAddressId: { key: "sales.documents.history.fields.billingAddress", fallback: "Billing address" },
+  billingAddressSnapshot: { key: "sales.documents.history.fields.billingAddress", fallback: "Billing address" },
+  shippingAddressId: { key: "sales.documents.history.fields.shippingAddress", fallback: "Shipping address" },
+  shippingAddressSnapshot: { key: "sales.documents.history.fields.shippingAddress", fallback: "Shipping address" },
+  shippingMethodSnapshot: { key: "sales.documents.history.fields.shippingMethod", fallback: "Shipping method" },
+  paymentMethodSnapshot: { key: "sales.documents.history.fields.paymentMethod", fallback: "Payment method" },
+  deliveryWindowSnapshot: { key: "sales.documents.history.fields.deliveryWindow", fallback: "Delivery window" },
+  channelId: { key: "sales.documents.history.fields.channel", fallback: "Channel" },
+  exchangeRate: { key: "sales.documents.history.fields.exchangeRate", fallback: "Exchange rate" },
+  comments: { key: "sales.documents.history.fields.comments", fallback: "Comments" },
+  internalNotes: { key: "sales.documents.history.fields.internalNotes", fallback: "Internal notes" },
+  metadata: { key: "sales.documents.history.fields.metadata", fallback: "Metadata" },
+  adjustments: { key: "sales.documents.history.fields.adjustments", fallback: "Adjustments" },
+  taxInfo: { key: "sales.documents.history.fields.taxInfo", fallback: "Tax details" },
+  placedAt: { key: "sales.documents.history.fields.placedAt", fallback: "Placed at" },
+  dueAt: { key: "sales.documents.history.fields.dueAt", fallback: "Due at" },
+  expectedDeliveryAt: { key: "sales.documents.history.fields.expectedDeliveryAt", fallback: "Expected delivery" },
+  validUntil: { key: "sales.documents.history.fields.validUntil", fallback: "Valid until" },
+  lineItemCount: { key: "sales.documents.history.fields.lineItemCount", fallback: "Line item count" },
+  subtotalNetAmount: { key: "sales.documents.history.fields.subtotalNet", fallback: "Net subtotal" },
+  subtotalGrossAmount: { key: "sales.documents.history.fields.subtotalGross", fallback: "Gross subtotal" },
+  discountTotalAmount: { key: "sales.documents.history.fields.discountTotal", fallback: "Discount total" },
+  taxTotalAmount: { key: "sales.documents.history.fields.taxTotal", fallback: "Tax total" },
+  surchargeTotalAmount: { key: "sales.documents.history.fields.surchargeTotal", fallback: "Surcharge total" },
+  shippingNetAmount: { key: "sales.documents.history.fields.shippingNet", fallback: "Net shipping" },
+  shippingGrossAmount: { key: "sales.documents.history.fields.shippingGross", fallback: "Gross shipping" },
+  grandTotalNetAmount: { key: "sales.documents.history.fields.grandTotalNet", fallback: "Net grand total" },
+  grandTotalGrossAmount: { key: "sales.documents.history.fields.grandTotalGross", fallback: "Gross grand total" },
+  totalsSnapshot: { key: "sales.documents.history.fields.totals", fallback: "Totals" },
+  paidTotalAmount: { key: "sales.documents.history.fields.paidTotal", fallback: "Paid total" },
+  refundedTotalAmount: { key: "sales.documents.history.fields.refundedTotal", fallback: "Refunded total" },
+  outstandingAmount: { key: "sales.documents.history.fields.outstanding", fallback: "Outstanding amount" }
 };
 function normalizeChangedField(field) {
   const segment = field.split(".").pop() ?? field;
@@ -297,7 +337,9 @@ const DocumentHistoryWidget = ({ context }) => {
 };
 var widget_client_default = DocumentHistoryWidget;
 export {
+  CHANGED_FIELD_LABELS,
   DocumentHistoryWidget,
-  widget_client_default as default
+  widget_client_default as default,
+  translateChangedField
 };
 //# sourceMappingURL=widget.client.js.map

package/dist/modules/sales/widgets/injection/document-history/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/sales/widgets/injection/document-history/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from \"react\"\nimport { Spinner } from \"@open-mercato/ui/primitives/spinner\"\nimport { useT, type TranslateFn } from \"@open-mercato/shared/lib/i18n/context\"\nimport { apiCall } from \"@open-mercato/ui/backend/utils/apiCall\"\nimport { formatRelativeTime, formatDateTime } from \"@open-mercato/shared/lib/time\"\nimport { cn } from \"@open-mercato/shared/lib/utils\"\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { ArrowRightLeft, Zap, MessageSquare, User, Filter, ChevronDown, Check } from 'lucide-react'\n\nexport type TimelineEntry = {\n  id: string\n  occurredAt: string\n  kind: \"status\" | \"action\" | \"comment\"\n  action: string\n  actor: { id: string | null; label: string }\n  source: \"action_log\" | \"note\"\n  metadata?: {\n    statusFrom?: string | null\n    statusTo?: string | null\n    documentKind?: \"order\" | \"quote\"\n    commandId?: string\n    changedFields?: string[]\n  }\n}\n\ntype StatusOption = {\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\ntype TimelineContext = {\n  kind: \"order\" | \"quote\"\n  record: { id: string }\n}\n\nconst isValidContext = (ctx: unknown): ctx is TimelineContext =>\n  ctx !== null &&\n  typeof ctx === 'object' &&\n  'kind' in ctx &&\n  'record' in ctx &&\n  ((ctx as TimelineContext).kind === 'order' || (ctx as TimelineContext).kind === 'quote') &&\n  typeof (ctx as TimelineContext).record === 'object' &&\n  (ctx as TimelineContext).record !== null &&\n  'id' in (ctx as TimelineContext).record &&\n  typeof (ctx as TimelineContext).record.id === 'string'\n\nconst KIND_ICONS = {\n  status: ArrowRightLeft,\n  action: Zap,\n  comment: MessageSquare,\n}\n\nconst KIND_ICON_COLORS = {\n  status: 'text-foreground',\n  action: 'text-foreground',\n  comment: 'text-foreground',\n}\n\nconst KIND_BG_COLORS = {\n  status: 'bg-muted',\n  action: 'bg-muted',\n  comment: 'bg-muted',\n}\n\nconst CHANGED_FIELD_LABELS: Record<string, { key: string; fallback: string }> = {\n  productId: { key: 'sales.documents.history.fields.product', fallback: 'Product' },\n  productVariantId: { key: 'sales.documents.history.fields.variant', fallback: 'Variant' },\n  name: { key: 'sales.documents.history.fields.name', fallback: 'Name' },\n  description: { key: 'sales.documents.history.fields.description', fallback: 'Description' },\n  comment: { key: 'sales.documents.history.fields.comment', fallback: 'Comment' },\n  quantity: { key: 'sales.documents.history.fields.quantity', fallback: 'Quantity' },\n  quantityUnit: { key: 'sales.documents.history.fields.quantityUnit', fallback: 'Quantity unit' },\n  currencyCode: { key: 'sales.documents.history.fields.currency', fallback: 'Currency' },\n  unitPriceNet: { key: 'sales.documents.history.fields.unitPriceNet', fallback: 'Net unit price' },\n  unitPriceGross: { key: 'sales.documents.history.fields.unitPriceGross', fallback: 'Gross unit price' },\n  discountAmount: { key: 'sales.documents.history.fields.discountAmount', fallback: 'Discount amount' },\n  discountPercent: { key: 'sales.documents.history.fields.discountPercent', fallback: 'Discount percent' },\n  taxRate: { key: 'sales.documents.history.fields.taxRate', fallback: 'Tax class' },\n  configuration: { key: 'sales.documents.history.fields.configuration', fallback: 'Configuration' },\n  promotionCode: { key: 'sales.documents.history.fields.promotionCode', fallback: 'Promotion code' },\n  customFields: { key: 'sales.documents.history.fields.customFields', fallback: 'Custom fields' },\n  statusEntryId: { key: 'sales.documents.history.fields.status', fallback: 'Status' },\n}\n\nfunction normalizeChangedField(field: string): string {\n  const segment = field.split('.').pop() ?? field\n  return segment.replace(/_([a-z])/g, (_, letter: string) => letter.toUpperCase())\n}\n\nfunction humanizeChangedField(field: string): string {\n  const normalized = normalizeChangedField(field)\n  const spaced = normalized.replace(/([a-z0-9])([A-Z])/g, '$1 $2').trim()\n  return spaced.length > 0 ? `${spaced[0].toUpperCase()}${spaced.slice(1)}` : field\n}\n\nfunction translateChangedField(t: TranslateFn, field: string): string {\n  const normalized = normalizeChangedField(field)\n  const translation = CHANGED_FIELD_LABELS[normalized]\n  return translation ? t(translation.key, translation.fallback) : humanizeChangedField(field)\n}\n\nfunction translateAction(t: TranslateFn, entry: TimelineEntry): string {\n  const commandId = entry.metadata?.commandId\n  if (!commandId?.startsWith('sales.')) return entry.action\n  return t(`sales.audit.${commandId.slice('sales.'.length)}`, entry.action)\n}\n\nfunction StatusDot({ color, className }: { color: string | null | undefined; className?: string }) {\n  if (!color) return <span className={cn('h-2.5 w-2.5 rounded-full bg-muted-foreground/40 border border-border inline-flex', className)} />\n  return (\n    <span\n      className={cn('h-2.5 w-2.5 rounded-full border border-border/70 inline-flex', className)}\n      style={{ backgroundColor: color }}\n      aria-hidden\n    />\n  )\n}\n\nfunction StatusTransition({\n  statusFrom,\n  statusTo,\n  statusMap,\n}: {\n  statusFrom: string | null | undefined\n  statusTo: string | null | undefined\n  statusMap: Record<string, StatusOption>\n}) {\n  const from = statusFrom ? (statusMap[statusFrom] ?? { value: statusFrom, label: statusFrom, color: null, icon: null }) : null\n  const to = statusTo ? (statusMap[statusTo] ?? { value: statusTo, label: statusTo, color: null, icon: null }) : null\n\n  return (\n    <div className=\"flex items-center gap-1.5 flex-wrap\">\n      {from ? (\n        <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n          <StatusDot color={from.color} />\n          <span>{from.label}</span>\n        </span>\n      ) : null}\n      {from && to ? (\n        <ArrowRightLeft className=\"h-3 w-3 text-muted-foreground/60 shrink-0\" />\n      ) : null}\n      {to ? (\n        <span className=\"inline-flex items-center gap-1 text-xs font-medium text-foreground\">\n          <StatusDot color={to.color} />\n          <span>{to.label}</span>\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nfunction TimelineItem({\n  entry,\n  statusMap,\n  isLast,\n}: {\n  entry: TimelineEntry\n  statusMap: Record<string, StatusOption>\n  isLast: boolean\n}) {\n  const t = useT()\n  const KindIcon = KIND_ICONS[entry.kind]\n  const relativeTime = formatRelativeTime(entry.occurredAt)\n  const absoluteTime = formatDateTime(entry.occurredAt)\n\n  const isStatusChange = entry.kind === 'status' && entry.metadata?.statusTo\n  const action = translateAction(t, entry)\n  const actorLabel = entry.actor.id\n    ? entry.actor.label\n    : t('sales.documents.history.actor.system', 'System')\n  const changedFieldLabels = Array.from(\n    new Set((entry.metadata?.changedFields ?? []).map((field) => translateChangedField(t, field))),\n  )\n\n  return (\n    <div data-testid=\"timeline-entry\" className=\"relative flex gap-3\">\n      {/* Vertical connector line */}\n      {!isLast && (\n        <div className=\"absolute left-[11px] top-6 bottom-0 w-px bg-border\" aria-hidden />\n      )}\n\n      {/* Icon circle */}\n      <div\n        className={cn(\n          'relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border',\n          KIND_BG_COLORS[entry.kind],\n        )}\n      >\n        <KindIcon className={cn('h-3 w-3', KIND_ICON_COLORS[entry.kind])} aria-hidden />\n      </div>\n\n      {/* Content card */}\n      <div className=\"flex-1 pb-4\">\n        <div className=\"group rounded-lg border bg-card p-3 space-y-1.5\">\n          {/* Header: actor + time */}\n          <div className=\"flex items-center justify-between gap-2 flex-wrap\">\n            <span className=\"inline-flex items-center gap-1.5 text-xs font-medium text-foreground\">\n              <User className=\"h-3 w-3 text-muted-foreground\" aria-hidden />\n              {actorLabel}\n            </span>\n            <span\n              className=\"text-xs text-muted-foreground\"\n              title={absoluteTime ?? undefined}\n            >\n              {relativeTime ?? absoluteTime}\n            </span>\n          </div>\n\n          {/* Body */}\n          {isStatusChange ? (\n            <StatusTransition\n              statusFrom={entry.metadata?.statusFrom}\n              statusTo={entry.metadata?.statusTo}\n              statusMap={statusMap}\n            />\n          ) : (\n            <div className=\"space-y-0.5\">\n              <div className=\"text-sm text-foreground\">{action}</div>\n              {entry.kind === 'action' && changedFieldLabels.length > 0 ? (\n                <div className=\"text-xs text-muted-foreground\">\n                  {t('sales.documents.history.changedFields', 'Changed fields: {fields}', {\n                    fields: changedFieldLabels.join(', '),\n                  })}\n                </div>\n              ) : null}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ntype FilterKind = 'all' | 'status' | 'action' | 'comment'\n\ntype FilterOption = { value: FilterKind; label: string }\n\nfunction FilterDropdown({ filter, onChange }: { filter: FilterKind; onChange: (kind: FilterKind) => void }) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const ref = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    if (!open) return\n    function onDocClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false)\n    }\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setOpen(false)\n    }\n    document.addEventListener('mousedown', onDocClick)\n    document.addEventListener('keydown', onKey)\n    return () => {\n      document.removeEventListener('mousedown', onDocClick)\n      document.removeEventListener('keydown', onKey)\n    }\n  }, [open])\n\n  const options: FilterOption[] = [\n    { value: 'all', label: t('sales.documents.history.filter.all', 'All') },\n    { value: 'status', label: t('sales.documents.history.filter.status', 'Status changes') },\n    { value: 'action', label: t('sales.documents.history.filter.actions', 'Actions') },\n    { value: 'comment', label: t('sales.documents.history.filter.comments', 'Comments') },\n  ]\n\n  const activeLabel = options.find(o => o.value === filter)?.label\n\n  return (\n    <div className=\"relative\" ref={ref}>\n      <button\n        type=\"button\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        onClick={() => setOpen(prev => !prev)}\n        className=\"inline-flex items-center gap-1.5 rounded-md border border-input bg-background px-2.5 py-1 text-xs font-medium shadow-sm hover:bg-accent hover:text-accent-foreground transition-colors select-none\"\n      >\n        <Filter className=\"h-3 w-3\" aria-hidden />\n        {t('sales.documents.history.filter.label', 'Filters')}\n        {filter !== 'all' && (\n          <span className=\"text-muted-foreground\">: {activeLabel}</span>\n        )}\n        <ChevronDown className={cn('h-3 w-3 transition-transform duration-150', open && 'rotate-180')} aria-hidden />\n      </button>\n      {open && (\n        <div\n          role=\"listbox\"\n          aria-label={t('sales.documents.history.filter.label', 'Filters')}\n          className=\"absolute left-0 top-full mt-1 z-dropdown w-48 rounded-md border bg-background p-1 shadow-md\"\n        >\n          {options.map(opt => (\n            <button\n              key={opt.value}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={filter === opt.value}\n              onClick={() => { onChange(opt.value); setOpen(false) }}\n              className=\"flex w-full items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent\"\n            >\n              <Check className={cn('h-3.5 w-3.5 shrink-0', filter === opt.value ? 'opacity-100' : 'opacity-0')} aria-hidden />\n              {opt.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const DocumentHistoryWidget: React.FC<InjectionWidgetComponentProps<unknown, unknown>> = ({ context }) => {\n  const t = useT()\n  const [entries, setEntries] = React.useState<TimelineEntry[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [statusMap, setStatusMap] = React.useState<Record<string, StatusOption>>({})\n  const [filter, setFilter] = React.useState<FilterKind>('all')\n\n  React.useEffect(() => {\n    const urls = [\n      '/api/sales/order-statuses?pageSize=100',\n      '/api/sales/shipment-statuses?pageSize=100',\n      '/api/sales/payment-statuses?pageSize=100',\n    ]\n    const map: Record<string, StatusOption> = {}\n    const merge = (items: unknown[]) => {\n      if (!Array.isArray(items)) return\n      for (const item of items) {\n        if (!item || typeof item !== 'object') continue\n        const d = item as Record<string, unknown>\n        const value = typeof d.value === 'string' ? d.value : null\n        if (!value) continue\n        map[value] = {\n          value,\n          label: typeof d.label === 'string' && d.label.length ? d.label : value,\n          color: typeof d.color === 'string' && d.color.length ? d.color : null,\n          icon: typeof d.icon === 'string' && d.icon.length ? d.icon : null,\n        }\n      }\n    }\n    Promise.all(urls.map((url) => apiCall<{ items?: unknown[] }>(url)))\n      .then((responses) => {\n        for (const res of responses) {\n          if (res.ok && Array.isArray(res.result?.items)) merge(res.result.items)\n        }\n        setStatusMap(map)\n      })\n      .catch(() => {})\n  }, [])\n\n  React.useEffect(() => {\n    if (!isValidContext(context)) {\n      setLoading(false)\n      setError(t(\"sales.documents.history.error\", \"Failed to load history.\"))\n      return\n    }\n\n    setLoading(true)\n    setError(null)\n    apiCall<{ items: TimelineEntry[] }>(\n      `/api/sales/document-history?kind=${context.kind}&id=${context.record.id}`\n    )\n      .then((res) => {\n        if (res.ok && Array.isArray(res.result?.items)) {\n          setEntries(res.result.items)\n        } else {\n          setError(t(\"sales.documents.history.error\", \"Failed to load history.\"))\n        }\n      })\n      .catch(() => setError(t(\"sales.documents.history.error\", \"Failed to load history.\")))\n      .finally(() => setLoading(false))\n  }, [context, t])\n\n  const filtered = React.useMemo(\n    () => filter === 'all' ? entries : entries.filter(e => e.kind === filter),\n    [entries, filter]\n  )\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Filter dropdown */}\n      <div>\n        <FilterDropdown filter={filter} onChange={setFilter} />\n      </div>\n\n      {/* Content */}\n      {loading ? (\n        <div className=\"flex items-center justify-center h-24\">\n          <Spinner />\n        </div>\n      ) : error ? (\n        <div className=\"text-destructive text-sm\">{error}</div>\n      ) : !filtered.length ? (\n        <div className=\"text-muted-foreground text-sm py-6 text-center\">\n          {t(\"sales.documents.history.empty\", \"No history entries yet.\")}\n        </div>\n      ) : (\n        <div className=\"relative\">\n          {filtered.map((entry, index) => (\n            <TimelineItem\n              key={entry.id}\n              entry={entry}\n              statusMap={statusMap}\n              isLast={index === filtered.length - 1}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default DocumentHistoryWidget\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from \"react\"\nimport { Spinner } from \"@open-mercato/ui/primitives/spinner\"\nimport { useT, type TranslateFn } from \"@open-mercato/shared/lib/i18n/context\"\nimport { apiCall } from \"@open-mercato/ui/backend/utils/apiCall\"\nimport { formatRelativeTime, formatDateTime } from \"@open-mercato/shared/lib/time\"\nimport { cn } from \"@open-mercato/shared/lib/utils\"\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { ArrowRightLeft, Zap, MessageSquare, User, Filter, ChevronDown, Check } from 'lucide-react'\n\nexport type TimelineEntry = {\n  id: string\n  occurredAt: string\n  kind: \"status\" | \"action\" | \"comment\"\n  action: string\n  actor: { id: string | null; label: string }\n  source: \"action_log\" | \"note\"\n  metadata?: {\n    statusFrom?: string | null\n    statusTo?: string | null\n    documentKind?: \"order\" | \"quote\"\n    commandId?: string\n    changedFields?: string[]\n  }\n}\n\ntype StatusOption = {\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\ntype TimelineContext = {\n  kind: \"order\" | \"quote\"\n  record: { id: string }\n}\n\nconst isValidContext = (ctx: unknown): ctx is TimelineContext =>\n  ctx !== null &&\n  typeof ctx === 'object' &&\n  'kind' in ctx &&\n  'record' in ctx &&\n  ((ctx as TimelineContext).kind === 'order' || (ctx as TimelineContext).kind === 'quote') &&\n  typeof (ctx as TimelineContext).record === 'object' &&\n  (ctx as TimelineContext).record !== null &&\n  'id' in (ctx as TimelineContext).record &&\n  typeof (ctx as TimelineContext).record.id === 'string'\n\nconst KIND_ICONS = {\n  status: ArrowRightLeft,\n  action: Zap,\n  comment: MessageSquare,\n}\n\nconst KIND_ICON_COLORS = {\n  status: 'text-foreground',\n  action: 'text-foreground',\n  comment: 'text-foreground',\n}\n\nconst KIND_BG_COLORS = {\n  status: 'bg-muted',\n  action: 'bg-muted',\n  comment: 'bg-muted',\n}\n\nexport const CHANGED_FIELD_LABELS: Record<string, { key: string; fallback: string }> = {\n  productId: { key: 'sales.documents.history.fields.product', fallback: 'Product' },\n  productVariantId: { key: 'sales.documents.history.fields.variant', fallback: 'Variant' },\n  name: { key: 'sales.documents.history.fields.name', fallback: 'Name' },\n  description: { key: 'sales.documents.history.fields.description', fallback: 'Description' },\n  comment: { key: 'sales.documents.history.fields.comment', fallback: 'Comment' },\n  quantity: { key: 'sales.documents.history.fields.quantity', fallback: 'Quantity' },\n  quantityUnit: { key: 'sales.documents.history.fields.quantityUnit', fallback: 'Quantity unit' },\n  currencyCode: { key: 'sales.documents.history.fields.currency', fallback: 'Currency' },\n  unitPriceNet: { key: 'sales.documents.history.fields.unitPriceNet', fallback: 'Net unit price' },\n  unitPriceGross: { key: 'sales.documents.history.fields.unitPriceGross', fallback: 'Gross unit price' },\n  discountAmount: { key: 'sales.documents.history.fields.discountAmount', fallback: 'Discount amount' },\n  discountPercent: { key: 'sales.documents.history.fields.discountPercent', fallback: 'Discount percent' },\n  taxRate: { key: 'sales.documents.history.fields.taxRate', fallback: 'Tax class' },\n  configuration: { key: 'sales.documents.history.fields.configuration', fallback: 'Configuration' },\n  promotionCode: { key: 'sales.documents.history.fields.promotionCode', fallback: 'Promotion code' },\n  customFields: { key: 'sales.documents.history.fields.customFields', fallback: 'Custom fields' },\n  statusEntryId: { key: 'sales.documents.history.fields.status', fallback: 'Status' },\n  status: { key: 'sales.documents.history.fields.status', fallback: 'Status' },\n  fulfillmentStatus: { key: 'sales.documents.history.fields.fulfillmentStatus', fallback: 'Fulfillment status' },\n  paymentStatus: { key: 'sales.documents.history.fields.paymentStatus', fallback: 'Payment status' },\n  customerEntityId: { key: 'sales.documents.history.fields.customer', fallback: 'Customer' },\n  customerContactId: { key: 'sales.documents.history.fields.customerContact', fallback: 'Customer contact' },\n  customerSnapshot: { key: 'sales.documents.history.fields.customerSnapshot', fallback: 'Customer details' },\n  customerReference: { key: 'sales.documents.history.fields.customerReference', fallback: 'Customer reference' },\n  externalReference: { key: 'sales.documents.history.fields.externalReference', fallback: 'External reference' },\n  billingAddressId: { key: 'sales.documents.history.fields.billingAddress', fallback: 'Billing address' },\n  billingAddressSnapshot: { key: 'sales.documents.history.fields.billingAddress', fallback: 'Billing address' },\n  shippingAddressId: { key: 'sales.documents.history.fields.shippingAddress', fallback: 'Shipping address' },\n  shippingAddressSnapshot: { key: 'sales.documents.history.fields.shippingAddress', fallback: 'Shipping address' },\n  shippingMethodSnapshot: { key: 'sales.documents.history.fields.shippingMethod', fallback: 'Shipping method' },\n  paymentMethodSnapshot: { key: 'sales.documents.history.fields.paymentMethod', fallback: 'Payment method' },\n  deliveryWindowSnapshot: { key: 'sales.documents.history.fields.deliveryWindow', fallback: 'Delivery window' },\n  channelId: { key: 'sales.documents.history.fields.channel', fallback: 'Channel' },\n  exchangeRate: { key: 'sales.documents.history.fields.exchangeRate', fallback: 'Exchange rate' },\n  comments: { key: 'sales.documents.history.fields.comments', fallback: 'Comments' },\n  internalNotes: { key: 'sales.documents.history.fields.internalNotes', fallback: 'Internal notes' },\n  metadata: { key: 'sales.documents.history.fields.metadata', fallback: 'Metadata' },\n  adjustments: { key: 'sales.documents.history.fields.adjustments', fallback: 'Adjustments' },\n  taxInfo: { key: 'sales.documents.history.fields.taxInfo', fallback: 'Tax details' },\n  placedAt: { key: 'sales.documents.history.fields.placedAt', fallback: 'Placed at' },\n  dueAt: { key: 'sales.documents.history.fields.dueAt', fallback: 'Due at' },\n  expectedDeliveryAt: { key: 'sales.documents.history.fields.expectedDeliveryAt', fallback: 'Expected delivery' },\n  validUntil: { key: 'sales.documents.history.fields.validUntil', fallback: 'Valid until' },\n  lineItemCount: { key: 'sales.documents.history.fields.lineItemCount', fallback: 'Line item count' },\n  subtotalNetAmount: { key: 'sales.documents.history.fields.subtotalNet', fallback: 'Net subtotal' },\n  subtotalGrossAmount: { key: 'sales.documents.history.fields.subtotalGross', fallback: 'Gross subtotal' },\n  discountTotalAmount: { key: 'sales.documents.history.fields.discountTotal', fallback: 'Discount total' },\n  taxTotalAmount: { key: 'sales.documents.history.fields.taxTotal', fallback: 'Tax total' },\n  surchargeTotalAmount: { key: 'sales.documents.history.fields.surchargeTotal', fallback: 'Surcharge total' },\n  shippingNetAmount: { key: 'sales.documents.history.fields.shippingNet', fallback: 'Net shipping' },\n  shippingGrossAmount: { key: 'sales.documents.history.fields.shippingGross', fallback: 'Gross shipping' },\n  grandTotalNetAmount: { key: 'sales.documents.history.fields.grandTotalNet', fallback: 'Net grand total' },\n  grandTotalGrossAmount: { key: 'sales.documents.history.fields.grandTotalGross', fallback: 'Gross grand total' },\n  totalsSnapshot: { key: 'sales.documents.history.fields.totals', fallback: 'Totals' },\n  paidTotalAmount: { key: 'sales.documents.history.fields.paidTotal', fallback: 'Paid total' },\n  refundedTotalAmount: { key: 'sales.documents.history.fields.refundedTotal', fallback: 'Refunded total' },\n  outstandingAmount: { key: 'sales.documents.history.fields.outstanding', fallback: 'Outstanding amount' },\n}\n\nfunction normalizeChangedField(field: string): string {\n  const segment = field.split('.').pop() ?? field\n  return segment.replace(/_([a-z])/g, (_, letter: string) => letter.toUpperCase())\n}\n\nfunction humanizeChangedField(field: string): string {\n  const normalized = normalizeChangedField(field)\n  const spaced = normalized.replace(/([a-z0-9])([A-Z])/g, '$1 $2').trim()\n  return spaced.length > 0 ? `${spaced[0].toUpperCase()}${spaced.slice(1)}` : field\n}\n\nexport function translateChangedField(t: TranslateFn, field: string): string {\n  const normalized = normalizeChangedField(field)\n  const translation = CHANGED_FIELD_LABELS[normalized]\n  return translation ? t(translation.key, translation.fallback) : humanizeChangedField(field)\n}\n\nfunction translateAction(t: TranslateFn, entry: TimelineEntry): string {\n  const commandId = entry.metadata?.commandId\n  if (!commandId?.startsWith('sales.')) return entry.action\n  return t(`sales.audit.${commandId.slice('sales.'.length)}`, entry.action)\n}\n\nfunction StatusDot({ color, className }: { color: string | null | undefined; className?: string }) {\n  if (!color) return <span className={cn('h-2.5 w-2.5 rounded-full bg-muted-foreground/40 border border-border inline-flex', className)} />\n  return (\n    <span\n      className={cn('h-2.5 w-2.5 rounded-full border border-border/70 inline-flex', className)}\n      style={{ backgroundColor: color }}\n      aria-hidden\n    />\n  )\n}\n\nfunction StatusTransition({\n  statusFrom,\n  statusTo,\n  statusMap,\n}: {\n  statusFrom: string | null | undefined\n  statusTo: string | null | undefined\n  statusMap: Record<string, StatusOption>\n}) {\n  const from = statusFrom ? (statusMap[statusFrom] ?? { value: statusFrom, label: statusFrom, color: null, icon: null }) : null\n  const to = statusTo ? (statusMap[statusTo] ?? { value: statusTo, label: statusTo, color: null, icon: null }) : null\n\n  return (\n    <div className=\"flex items-center gap-1.5 flex-wrap\">\n      {from ? (\n        <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n          <StatusDot color={from.color} />\n          <span>{from.label}</span>\n        </span>\n      ) : null}\n      {from && to ? (\n        <ArrowRightLeft className=\"h-3 w-3 text-muted-foreground/60 shrink-0\" />\n      ) : null}\n      {to ? (\n        <span className=\"inline-flex items-center gap-1 text-xs font-medium text-foreground\">\n          <StatusDot color={to.color} />\n          <span>{to.label}</span>\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nfunction TimelineItem({\n  entry,\n  statusMap,\n  isLast,\n}: {\n  entry: TimelineEntry\n  statusMap: Record<string, StatusOption>\n  isLast: boolean\n}) {\n  const t = useT()\n  const KindIcon = KIND_ICONS[entry.kind]\n  const relativeTime = formatRelativeTime(entry.occurredAt)\n  const absoluteTime = formatDateTime(entry.occurredAt)\n\n  const isStatusChange = entry.kind === 'status' && entry.metadata?.statusTo\n  const action = translateAction(t, entry)\n  const actorLabel = entry.actor.id\n    ? entry.actor.label\n    : t('sales.documents.history.actor.system', 'System')\n  const changedFieldLabels = Array.from(\n    new Set((entry.metadata?.changedFields ?? []).map((field) => translateChangedField(t, field))),\n  )\n\n  return (\n    <div data-testid=\"timeline-entry\" className=\"relative flex gap-3\">\n      {/* Vertical connector line */}\n      {!isLast && (\n        <div className=\"absolute left-[11px] top-6 bottom-0 w-px bg-border\" aria-hidden />\n      )}\n\n      {/* Icon circle */}\n      <div\n        className={cn(\n          'relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border',\n          KIND_BG_COLORS[entry.kind],\n        )}\n      >\n        <KindIcon className={cn('h-3 w-3', KIND_ICON_COLORS[entry.kind])} aria-hidden />\n      </div>\n\n      {/* Content card */}\n      <div className=\"flex-1 pb-4\">\n        <div className=\"group rounded-lg border bg-card p-3 space-y-1.5\">\n          {/* Header: actor + time */}\n          <div className=\"flex items-center justify-between gap-2 flex-wrap\">\n            <span className=\"inline-flex items-center gap-1.5 text-xs font-medium text-foreground\">\n              <User className=\"h-3 w-3 text-muted-foreground\" aria-hidden />\n              {actorLabel}\n            </span>\n            <span\n              className=\"text-xs text-muted-foreground\"\n              title={absoluteTime ?? undefined}\n            >\n              {relativeTime ?? absoluteTime}\n            </span>\n          </div>\n\n          {/* Body */}\n          {isStatusChange ? (\n            <StatusTransition\n              statusFrom={entry.metadata?.statusFrom}\n              statusTo={entry.metadata?.statusTo}\n              statusMap={statusMap}\n            />\n          ) : (\n            <div className=\"space-y-0.5\">\n              <div className=\"text-sm text-foreground\">{action}</div>\n              {entry.kind === 'action' && changedFieldLabels.length > 0 ? (\n                <div className=\"text-xs text-muted-foreground\">\n                  {t('sales.documents.history.changedFields', 'Changed fields: {fields}', {\n                    fields: changedFieldLabels.join(', '),\n                  })}\n                </div>\n              ) : null}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ntype FilterKind = 'all' | 'status' | 'action' | 'comment'\n\ntype FilterOption = { value: FilterKind; label: string }\n\nfunction FilterDropdown({ filter, onChange }: { filter: FilterKind; onChange: (kind: FilterKind) => void }) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const ref = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    if (!open) return\n    function onDocClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false)\n    }\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setOpen(false)\n    }\n    document.addEventListener('mousedown', onDocClick)\n    document.addEventListener('keydown', onKey)\n    return () => {\n      document.removeEventListener('mousedown', onDocClick)\n      document.removeEventListener('keydown', onKey)\n    }\n  }, [open])\n\n  const options: FilterOption[] = [\n    { value: 'all', label: t('sales.documents.history.filter.all', 'All') },\n    { value: 'status', label: t('sales.documents.history.filter.status', 'Status changes') },\n    { value: 'action', label: t('sales.documents.history.filter.actions', 'Actions') },\n    { value: 'comment', label: t('sales.documents.history.filter.comments', 'Comments') },\n  ]\n\n  const activeLabel = options.find(o => o.value === filter)?.label\n\n  return (\n    <div className=\"relative\" ref={ref}>\n      <button\n        type=\"button\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        onClick={() => setOpen(prev => !prev)}\n        className=\"inline-flex items-center gap-1.5 rounded-md border border-input bg-background px-2.5 py-1 text-xs font-medium shadow-sm hover:bg-accent hover:text-accent-foreground transition-colors select-none\"\n      >\n        <Filter className=\"h-3 w-3\" aria-hidden />\n        {t('sales.documents.history.filter.label', 'Filters')}\n        {filter !== 'all' && (\n          <span className=\"text-muted-foreground\">: {activeLabel}</span>\n        )}\n        <ChevronDown className={cn('h-3 w-3 transition-transform duration-150', open && 'rotate-180')} aria-hidden />\n      </button>\n      {open && (\n        <div\n          role=\"listbox\"\n          aria-label={t('sales.documents.history.filter.label', 'Filters')}\n          className=\"absolute left-0 top-full mt-1 z-dropdown w-48 rounded-md border bg-background p-1 shadow-md\"\n        >\n          {options.map(opt => (\n            <button\n              key={opt.value}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={filter === opt.value}\n              onClick={() => { onChange(opt.value); setOpen(false) }}\n              className=\"flex w-full items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent\"\n            >\n              <Check className={cn('h-3.5 w-3.5 shrink-0', filter === opt.value ? 'opacity-100' : 'opacity-0')} aria-hidden />\n              {opt.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const DocumentHistoryWidget: React.FC<InjectionWidgetComponentProps<unknown, unknown>> = ({ context }) => {\n  const t = useT()\n  const [entries, setEntries] = React.useState<TimelineEntry[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [statusMap, setStatusMap] = React.useState<Record<string, StatusOption>>({})\n  const [filter, setFilter] = React.useState<FilterKind>('all')\n\n  React.useEffect(() => {\n    const urls = [\n      '/api/sales/order-statuses?pageSize=100',\n      '/api/sales/shipment-statuses?pageSize=100',\n      '/api/sales/payment-statuses?pageSize=100',\n    ]\n    const map: Record<string, StatusOption> = {}\n    const merge = (items: unknown[]) => {\n      if (!Array.isArray(items)) return\n      for (const item of items) {\n        if (!item || typeof item !== 'object') continue\n        const d = item as Record<string, unknown>\n        const value = typeof d.value === 'string' ? d.value : null\n        if (!value) continue\n        map[value] = {\n          value,\n          label: typeof d.label === 'string' && d.label.length ? d.label : value,\n          color: typeof d.color === 'string' && d.color.length ? d.color : null,\n          icon: typeof d.icon === 'string' && d.icon.length ? d.icon : null,\n        }\n      }\n    }\n    Promise.all(urls.map((url) => apiCall<{ items?: unknown[] }>(url)))\n      .then((responses) => {\n        for (const res of responses) {\n          if (res.ok && Array.isArray(res.result?.items)) merge(res.result.items)\n        }\n        setStatusMap(map)\n      })\n      .catch(() => {})\n  }, [])\n\n  React.useEffect(() => {\n    if (!isValidContext(context)) {\n      setLoading(false)\n      setError(t(\"sales.documents.history.error\", \"Failed to load history.\"))\n      return\n    }\n\n    setLoading(true)\n    setError(null)\n    apiCall<{ items: TimelineEntry[] }>(\n      `/api/sales/document-history?kind=${context.kind}&id=${context.record.id}`\n    )\n      .then((res) => {\n        if (res.ok && Array.isArray(res.result?.items)) {\n          setEntries(res.result.items)\n        } else {\n          setError(t(\"sales.documents.history.error\", \"Failed to load history.\"))\n        }\n      })\n      .catch(() => setError(t(\"sales.documents.history.error\", \"Failed to load history.\")))\n      .finally(() => setLoading(false))\n  }, [context, t])\n\n  const filtered = React.useMemo(\n    () => filter === 'all' ? entries : entries.filter(e => e.kind === filter),\n    [entries, filter]\n  )\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Filter dropdown */}\n      <div>\n        <FilterDropdown filter={filter} onChange={setFilter} />\n      </div>\n\n      {/* Content */}\n      {loading ? (\n        <div className=\"flex items-center justify-center h-24\">\n          <Spinner />\n        </div>\n      ) : error ? (\n        <div className=\"text-destructive text-sm\">{error}</div>\n      ) : !filtered.length ? (\n        <div className=\"text-muted-foreground text-sm py-6 text-center\">\n          {t(\"sales.documents.history.empty\", \"No history entries yet.\")}\n        </div>\n      ) : (\n        <div className=\"relative\">\n          {filtered.map((entry, index) => (\n            <TimelineItem\n              key={entry.id}\n              entry={entry}\n              statusMap={statusMap}\n              isLast={index === filtered.length - 1}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default DocumentHistoryWidget\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/wms/components/backend/WmsLocationDetailPage.js

@@ -255,23 +255,27 @@ function LocationKpiCard({
   progress
 }) {
   return /* @__PURE__ */ jsxs("section", { className: "flex min-h-52 flex-col rounded-lg border bg-card p-5 text-card-foreground shadow-sm", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: title }),
-    /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: caption }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-end gap-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-3xl font-semibold tracking-tight", children: value }),
-      badgeLabel ? /* @__PURE__ */ jsx(StatusBadge, { variant: badgeVariant, dot: true, children: badgeLabel }) : null
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: caption })
     ] }),
-    progress != null ? /* @__PURE__ */ jsx(
-      Progress,
-      {
-        value: progress,
-        max: 100,
-        tone: progress >= 80 ? "warning" : "accent",
-        size: "sm",
-        className: "mt-3"
-      }
-    ) : null,
-    onCtaClick ? /* @__PURE__ */ jsx(LinkButton, { variant: "primary", size: "sm", className: "mt-auto pt-4 w-fit", onClick: onCtaClick, children: ctaLabel }) : ctaHref ? /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "primary", size: "sm", className: "mt-auto pt-4 w-fit", children: /* @__PURE__ */ jsx(Link, { href: ctaHref, children: ctaLabel }) }) : null
+    /* @__PURE__ */ jsxs("div", { className: "mt-auto pt-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-3xl font-semibold tracking-tight", children: value }),
+        badgeLabel ? /* @__PURE__ */ jsx(StatusBadge, { variant: badgeVariant, dot: true, children: badgeLabel }) : null
+      ] }),
+      progress != null ? /* @__PURE__ */ jsx(
+        Progress,
+        {
+          value: progress,
+          max: 100,
+          tone: progress >= 80 ? "warning" : "accent",
+          size: "sm",
+          className: "mt-3"
+        }
+      ) : null,
+      onCtaClick ? /* @__PURE__ */ jsx(LinkButton, { variant: "primary", size: "sm", className: "mt-4 w-fit", onClick: onCtaClick, children: ctaLabel }) : ctaHref ? /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "primary", size: "sm", className: "mt-4 w-fit", children: /* @__PURE__ */ jsx(Link, { href: ctaHref, children: ctaLabel }) }) : null
+    ] })
   ] });
 }
 function WmsLocationDetailPage({ locationId }) {