@freighttech/shipment-tracking 0.6.0

package/dist/modules/shipment_tracking/backend/shipment-tracking/page.js

@@ -0,0 +1,279 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useCallback, useMemo, useState, useEffect } from "react";
+import { useSearchParams, useRouter } from "next/navigation";
+import { Page, PageBody } from "@freighttech/ui/backend/Page";
+import { Button } from "@freighttech/ui/primitives-v2";
+import {
+  DynamicTable,
+  DynamicTableBadge,
+  TableSkeleton,
+  useDynamicTablePage
+} from "@freighttech/ui/backend/dynamic-table";
+import { apiCallOrThrow } from "@freighttech/ui/backend/utils/apiCall";
+import { flash } from "@freighttech/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Plus } from "lucide-react";
+import { ShipmentDrawer } from "../../components/ShipmentDrawer.js";
+import { ShipmentDetailsDrawer } from "../../components/ShipmentDetailsDrawer.js";
+import { CombinedTimestampCell } from "../../components/CombinedTimestampCell.js";
+function mapItem(item) {
+  const id = typeof item.id === "string" ? item.id : null;
+  if (!id) return null;
+  return {
+    id,
+    status: item.status ?? "ORDERED",
+    carrierCode: item.carrierCode ?? item.carrier_code ?? null,
+    containerNumber: item.containerNumber ?? item.container_number ?? null,
+    bookingNumber: item.bookingNumber ?? item.booking_number ?? null,
+    isoEquipmentCode: item.isoEquipmentCode ?? item.iso_equipment_code ?? null,
+    bolNumber: item.bolNumber ?? item.bol_number ?? null,
+    etdTimestamps: item.etdTimestamps ?? item.etd_timestamps ?? null,
+    etaTimestamps: item.etaTimestamps ?? item.eta_timestamps ?? null,
+    atdTimestamps: item.atdTimestamps ?? item.atd_timestamps ?? null,
+    ataTimestamps: item.ataTimestamps ?? item.ata_timestamps ?? null,
+    originLocation: item.originLocation ?? item.origin_location ?? null,
+    destinationLocation: item.destinationLocation ?? item.destination_location ?? null,
+    vesselName: item.vesselName ?? item.vessel_name ?? null,
+    eventCount: typeof item.eventCount === "number" ? item.eventCount : typeof item.event_count === "number" ? item.event_count : 0,
+    createdAt: item.createdAt ?? item.created_at ?? null
+  };
+}
+const STATUS_VARIANTS = {
+  ORDERED: "neutral",
+  BOOKED: "info",
+  DEPARTED: "warning",
+  PRE_ARRIVAL: "orange",
+  IN_PORT: "purple",
+  DELIVERED: "success"
+};
+function ShipmentListPage() {
+  const t = useT();
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const [editDrawerOpen, setEditDrawerOpen] = useState(false);
+  const [detailsDrawerOpen, setDetailsDrawerOpen] = useState(false);
+  const [drawerMode, setDrawerMode] = useState("create");
+  const [selectedShipmentId, setSelectedShipmentId] = useState(null);
+  const refreshRef = React.useRef(() => {
+  });
+  const columns = useMemo(
+    () => [
+      {
+        data: "containerNumber",
+        title: t("shipment_tracking.shipments.fields.containerNumber", "Container"),
+        width: 140,
+        readOnly: true,
+        renderer: (value) => /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-sm tracking-wider", children: String(value || "-") })
+      },
+      {
+        data: "bookingNumber",
+        title: t("shipment_tracking.shipments.fields.bookingNumber", "Booking"),
+        width: 130,
+        readOnly: true,
+        renderer: (value) => /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-sm tracking-wider", children: String(value || "-") })
+      },
+      {
+        data: "isoEquipmentCode",
+        title: t("shipment_tracking.shipments.fields.size", "Size"),
+        width: 70,
+        readOnly: true,
+        renderer: (value) => /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: String(value || "-") })
+      },
+      {
+        data: "status",
+        title: t("shipment_tracking.shipments.fields.status", "Status"),
+        width: 110,
+        readOnly: true,
+        renderer: (value) => {
+          const status = String(value ?? "");
+          const label = t(`shipment_tracking.shipments.statuses.${status}`, status);
+          return /* @__PURE__ */ jsx(DynamicTableBadge, { variant: STATUS_VARIANTS[status] ?? "neutral", children: label });
+        }
+      },
+      {
+        data: "carrierCode",
+        title: t("shipment_tracking.shipments.fields.carrierCode", "Carrier"),
+        width: 90,
+        readOnly: true
+      },
+      {
+        data: "vesselName",
+        title: t("shipment_tracking.shipments.fields.vesselName", "Vessel"),
+        width: 140,
+        readOnly: true
+      },
+      {
+        data: "etdAtd",
+        title: t("shipment_tracking.shipments.fields.etdAtd", "ETD/ATD"),
+        width: 150,
+        readOnly: true,
+        renderer: (_value, rowData) => /* @__PURE__ */ jsx(
+          CombinedTimestampCell,
+          {
+            estimatedTimestamps: rowData.etdTimestamps,
+            actualTimestamps: rowData.atdTimestamps,
+            label: "ETD/ATD",
+            format: "date"
+          }
+        )
+      },
+      {
+        data: "etaAta",
+        title: t("shipment_tracking.shipments.fields.etaAta", "ETA/ATA"),
+        width: 150,
+        readOnly: true,
+        renderer: (_value, rowData) => /* @__PURE__ */ jsx(
+          CombinedTimestampCell,
+          {
+            estimatedTimestamps: rowData.etaTimestamps,
+            actualTimestamps: rowData.ataTimestamps,
+            label: "ETA/ATA",
+            format: "date"
+          }
+        )
+      }
+    ],
+    [t]
+  );
+  const handleDelete = useCallback(
+    async (id) => {
+      if (!confirm("Are you sure you want to delete this shipment?")) return;
+      try {
+        await apiCallOrThrow("/api/shipment_tracking/shipments", {
+          method: "DELETE",
+          body: JSON.stringify({ id })
+        });
+        flash("Shipment deleted", "success");
+        refreshRef.current();
+      } catch {
+        flash("Failed to delete shipment", "error");
+      }
+    },
+    []
+  );
+  const handleEdit = useCallback((id) => {
+    setDrawerMode("edit");
+    setSelectedShipmentId(id);
+    setEditDrawerOpen(true);
+  }, []);
+  const handleView = useCallback((id) => {
+    setSelectedShipmentId(id);
+    setDetailsDrawerOpen(true);
+  }, []);
+  const handleRowClick = useCallback((_rowIndex, rowData) => {
+    const id = rowData?.id;
+    if (id) {
+      setSelectedShipmentId(id);
+      setDetailsDrawerOpen(true);
+    }
+  }, []);
+  const rowActions = useCallback(
+    (rowData) => {
+      if (!rowData?.id) return [];
+      return [
+        { id: "view", label: t("shipment_tracking.shipments.actions.view", "View details") },
+        { id: "edit", label: t("shipment_tracking.shipments.actions.edit", "Edit shipment") },
+        { id: "delete", label: t("shipment_tracking.shipments.actions.delete", "Delete shipment") }
+      ];
+    },
+    [t]
+  );
+  const handleRowAction = useCallback(
+    (actionId, rowData) => {
+      const id = rowData?.id;
+      if (!id) return;
+      if (actionId === "view") handleView(id);
+      else if (actionId === "edit") handleEdit(id);
+      else if (actionId === "delete") handleDelete(id);
+    },
+    [handleView, handleEdit, handleDelete]
+  );
+  const createButton = useMemo(
+    () => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "primary",
+        size: "sm",
+        icon: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+        onClick: () => {
+          setDrawerMode("create");
+          setSelectedShipmentId(null);
+          setEditDrawerOpen(true);
+        },
+        children: t("shipment_tracking.shipments.create", "Create Shipment")
+      }
+    ),
+    [t]
+  );
+  const table = useDynamicTablePage({
+    source: "/api/shipment_tracking/shipments",
+    // Saved views. Without this the perspective tab strip auto-hides
+    // (hidePerspectiveTabs ?? !hasPerspectives), so users cannot save or
+    // switch a view on this list at all.
+    perspectives: "shipment_tracking_shipments",
+    columns,
+    tableName: t("shipment_tracking.shipments.title", "Shipments"),
+    defaultPageSize: 20,
+    mapApiItem: mapItem,
+    cellEdit: false,
+    tableProps: {
+      height: "fill",
+      onRowClick: handleRowClick,
+      uiConfig: {
+        readOnlyStyle: "normal",
+        hideAddRowButton: true,
+        searchBarEnd: createButton
+      }
+    }
+  });
+  refreshRef.current = table.refresh;
+  useEffect(() => {
+    const shipmentId = searchParams.get("shipment");
+    if (shipmentId) {
+      setSelectedShipmentId(shipmentId);
+      setDetailsDrawerOpen(true);
+      router.replace("/backend/shipment-tracking", { scroll: false });
+    }
+  }, [searchParams, router]);
+  if (table.isLoading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(TableSkeleton, { rows: 10, columns: 8 }) }) });
+  }
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
+    /* @__PURE__ */ jsx("div", { className: "-mx-4 lg:-mx-6", children: /* @__PURE__ */ jsx(
+      DynamicTable,
+      {
+        ...table.props,
+        striped: true,
+        density: "md",
+        rowActions,
+        onRowAction: handleRowAction
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      ShipmentDrawer,
+      {
+        open: editDrawerOpen,
+        onOpenChange: setEditDrawerOpen,
+        mode: drawerMode,
+        shipmentId: selectedShipmentId ?? void 0,
+        onSaved: () => {
+          table.refresh();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ShipmentDetailsDrawer,
+      {
+        open: detailsDrawerOpen,
+        onOpenChange: setDetailsDrawerOpen,
+        shipmentId: selectedShipmentId
+      }
+    )
+  ] }) });
+}
+export {
+  ShipmentListPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/shipment_tracking/backend/shipment-tracking/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/shipment_tracking/backend/shipment-tracking/page.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useCallback, useMemo, useState, useEffect } from 'react'\nimport { useSearchParams, useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@freighttech/ui/backend/Page'\nimport { Button } from '@freighttech/ui/primitives-v2'\nimport {\n  DynamicTable,\n  DynamicTableBadge,\n  TableSkeleton,\n  useDynamicTablePage,\n} from '@freighttech/ui/backend/dynamic-table'\nimport type { ColumnDef, ContextMenuAction, DynamicTableBadgeVariant } from '@freighttech/ui/backend/dynamic-table'\nimport { apiCallOrThrow } from '@freighttech/ui/backend/utils/apiCall'\nimport { flash } from '@freighttech/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Plus } from 'lucide-react'\nimport { ShipmentDrawer } from '../../components/ShipmentDrawer'\nimport { ShipmentDetailsDrawer } from '../../components/ShipmentDetailsDrawer'\nimport { CombinedTimestampCell, type TimestampEntry } from '../../components/CombinedTimestampCell'\n\ntype FacilityLocation = {\n  name?: string | null\n  unlocode?: string | null\n  countryCode?: string | null\n  facilityCode?: string | null\n} | null\n\ntype ShipmentRow = {\n  id: string\n  status: string\n  carrierCode: string | null\n  containerNumber: string | null\n  bookingNumber: string | null\n  isoEquipmentCode: string | null\n  bolNumber: string | null\n  etdTimestamps: TimestampEntry[] | null\n  etaTimestamps: TimestampEntry[] | null\n  atdTimestamps: TimestampEntry[] | null\n  ataTimestamps: TimestampEntry[] | null\n  originLocation: FacilityLocation\n  destinationLocation: FacilityLocation\n  vesselName: string | null\n  eventCount: number\n  createdAt: string | null\n}\n\nfunction mapItem(item: Record<string, unknown>): ShipmentRow | null {\n  const id = typeof item.id === 'string' ? item.id : null\n  if (!id) return null\n\n  return {\n    id,\n    status: (item.status as string) ?? 'ORDERED',\n    carrierCode: (item.carrierCode as string) ?? (item.carrier_code as string) ?? null,\n    containerNumber: (item.containerNumber as string) ?? (item.container_number as string) ?? null,\n    bookingNumber: (item.bookingNumber as string) ?? (item.booking_number as string) ?? null,\n    isoEquipmentCode: (item.isoEquipmentCode as string) ?? (item.iso_equipment_code as string) ?? null,\n    bolNumber: (item.bolNumber as string) ?? (item.bol_number as string) ?? null,\n    etdTimestamps: (item.etdTimestamps as TimestampEntry[]) ?? (item.etd_timestamps as TimestampEntry[]) ?? null,\n    etaTimestamps: (item.etaTimestamps as TimestampEntry[]) ?? (item.eta_timestamps as TimestampEntry[]) ?? null,\n    atdTimestamps: (item.atdTimestamps as TimestampEntry[]) ?? (item.atd_timestamps as TimestampEntry[]) ?? null,\n    ataTimestamps: (item.ataTimestamps as TimestampEntry[]) ?? (item.ata_timestamps as TimestampEntry[]) ?? null,\n    originLocation: (item.originLocation ?? item.origin_location ?? null) as FacilityLocation,\n    destinationLocation: (item.destinationLocation ?? item.destination_location ?? null) as FacilityLocation,\n    vesselName: (item.vesselName as string) ?? (item.vessel_name as string) ?? null,\n    eventCount: typeof item.eventCount === 'number' ? item.eventCount : (typeof item.event_count === 'number' ? item.event_count : 0),\n    createdAt: (item.createdAt as string) ?? (item.created_at as string) ?? null,\n  }\n}\n\nconst STATUS_VARIANTS: Record<string, DynamicTableBadgeVariant> = {\n  ORDERED: 'neutral',\n  BOOKED: 'info',\n  DEPARTED: 'warning',\n  PRE_ARRIVAL: 'orange',\n  IN_PORT: 'purple',\n  DELIVERED: 'success',\n}\n\nexport default function ShipmentListPage() {\n  const t = useT()\n  const searchParams = useSearchParams()\n  const router = useRouter()\n\n  const [editDrawerOpen, setEditDrawerOpen] = useState(false)\n  const [detailsDrawerOpen, setDetailsDrawerOpen] = useState(false)\n  const [drawerMode, setDrawerMode] = useState<'create' | 'edit'>('create')\n  const [selectedShipmentId, setSelectedShipmentId] = useState<string | null>(null)\n  const refreshRef = React.useRef<() => void>(() => {})\n\n  const columns = useMemo<ColumnDef[]>(\n    () => [\n      {\n        data: 'containerNumber',\n        title: t('shipment_tracking.shipments.fields.containerNumber', 'Container'),\n        width: 140,\n        readOnly: true,\n        renderer: (value: unknown) => (\n          <span className=\"font-medium font-mono text-sm tracking-wider\">\n            {String(value || '-')}\n          </span>\n        ),\n      },\n      {\n        data: 'bookingNumber',\n        title: t('shipment_tracking.shipments.fields.bookingNumber', 'Booking'),\n        width: 130,\n        readOnly: true,\n        renderer: (value: unknown) => (\n          <span className=\"font-medium font-mono text-sm tracking-wider\">\n            {String(value || '-')}\n          </span>\n        ),\n      },\n      {\n        data: 'isoEquipmentCode',\n        title: t('shipment_tracking.shipments.fields.size', 'Size'),\n        width: 70,\n        readOnly: true,\n        renderer: (value: unknown) => (\n          <span className=\"font-mono text-sm\">\n            {String(value || '-')}\n          </span>\n        ),\n      },\n      {\n        data: 'status',\n        title: t('shipment_tracking.shipments.fields.status', 'Status'),\n        width: 110,\n        readOnly: true,\n        renderer: (value: unknown) => {\n          const status = String(value ?? '')\n          const label = t(`shipment_tracking.shipments.statuses.${status}`, status)\n          return (\n            <DynamicTableBadge variant={STATUS_VARIANTS[status] ?? 'neutral'}>\n              {label}\n            </DynamicTableBadge>\n          )\n        },\n      },\n      {\n        data: 'carrierCode',\n        title: t('shipment_tracking.shipments.fields.carrierCode', 'Carrier'),\n        width: 90,\n        readOnly: true,\n      },\n      {\n        data: 'vesselName',\n        title: t('shipment_tracking.shipments.fields.vesselName', 'Vessel'),\n        width: 140,\n        readOnly: true,\n      },\n      {\n        data: 'etdAtd',\n        title: t('shipment_tracking.shipments.fields.etdAtd', 'ETD/ATD'),\n        width: 150,\n        readOnly: true,\n        renderer: (_value: unknown, rowData: Record<string, unknown>) => (\n          <CombinedTimestampCell\n            estimatedTimestamps={rowData.etdTimestamps as TimestampEntry[] | null}\n            actualTimestamps={rowData.atdTimestamps as TimestampEntry[] | null}\n            label=\"ETD/ATD\"\n            format=\"date\"\n          />\n        ),\n      },\n      {\n        data: 'etaAta',\n        title: t('shipment_tracking.shipments.fields.etaAta', 'ETA/ATA'),\n        width: 150,\n        readOnly: true,\n        renderer: (_value: unknown, rowData: Record<string, unknown>) => (\n          <CombinedTimestampCell\n            estimatedTimestamps={rowData.etaTimestamps as TimestampEntry[] | null}\n            actualTimestamps={rowData.ataTimestamps as TimestampEntry[] | null}\n            label=\"ETA/ATA\"\n            format=\"date\"\n          />\n        ),\n      },\n    ],\n    [t],\n  )\n\n  const handleDelete = useCallback(\n    async (id: string) => {\n      if (!confirm('Are you sure you want to delete this shipment?')) return\n\n      try {\n        await apiCallOrThrow('/api/shipment_tracking/shipments', {\n          method: 'DELETE',\n          body: JSON.stringify({ id }),\n        })\n        flash('Shipment deleted', 'success')\n        refreshRef.current()\n      } catch {\n        flash('Failed to delete shipment', 'error')\n      }\n    },\n    [],\n  )\n\n  const handleEdit = useCallback((id: string) => {\n    setDrawerMode('edit')\n    setSelectedShipmentId(id)\n    setEditDrawerOpen(true)\n  }, [])\n\n  const handleView = useCallback((id: string) => {\n    setSelectedShipmentId(id)\n    setDetailsDrawerOpen(true)\n  }, [])\n\n  const handleRowClick = useCallback((_rowIndex: number, rowData: Record<string, unknown>) => {\n    const id = rowData?.id as string | undefined\n    if (id) {\n      setSelectedShipmentId(id)\n      setDetailsDrawerOpen(true)\n    }\n  }, [])\n\n  const rowActions = useCallback(\n    (rowData: any): ContextMenuAction[] => {\n      if (!rowData?.id) return []\n      return [\n        { id: 'view', label: t('shipment_tracking.shipments.actions.view', 'View details') },\n        { id: 'edit', label: t('shipment_tracking.shipments.actions.edit', 'Edit shipment') },\n        { id: 'delete', label: t('shipment_tracking.shipments.actions.delete', 'Delete shipment') },\n      ]\n    },\n    [t],\n  )\n\n  const handleRowAction = useCallback(\n    (actionId: string, rowData: any) => {\n      const id = rowData?.id as string | undefined\n      if (!id) return\n      if (actionId === 'view') handleView(id)\n      else if (actionId === 'edit') handleEdit(id)\n      else if (actionId === 'delete') handleDelete(id)\n    },\n    [handleView, handleEdit, handleDelete],\n  )\n\n  const createButton = useMemo(\n    () => (\n      <Button\n        variant=\"primary\"\n        size=\"sm\"\n        icon={<Plus className=\"h-4 w-4\" />}\n        onClick={() => {\n          setDrawerMode('create')\n          setSelectedShipmentId(null)\n          setEditDrawerOpen(true)\n        }}\n      >\n        {t('shipment_tracking.shipments.create', 'Create Shipment')}\n      </Button>\n    ),\n    [t],\n  )\n\n  const table = useDynamicTablePage<ShipmentRow>({\n    source: '/api/shipment_tracking/shipments',\n    // Saved views. Without this the perspective tab strip auto-hides\n    // (hidePerspectiveTabs ?? !hasPerspectives), so users cannot save or\n    // switch a view on this list at all.\n    perspectives: 'shipment_tracking_shipments',\n    columns,\n    tableName: t('shipment_tracking.shipments.title', 'Shipments'),\n    defaultPageSize: 20,\n    mapApiItem: mapItem,\n    cellEdit: false,\n    tableProps: {\n      height: 'fill',\n      onRowClick: handleRowClick,\n      uiConfig: {\n        readOnlyStyle: 'normal',\n        hideAddRowButton: true,\n        searchBarEnd: createButton,\n      },\n    },\n  })\n\n  refreshRef.current = table.refresh\n\n  // Auto-open details drawer when ?shipment= query param is present (e.g., from notifications)\n  useEffect(() => {\n    const shipmentId = searchParams.get('shipment')\n    if (shipmentId) {\n      setSelectedShipmentId(shipmentId)\n      setDetailsDrawerOpen(true)\n      router.replace('/backend/shipment-tracking', { scroll: false })\n    }\n  }, [searchParams, router])\n\n  if (table.isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <TableSkeleton rows={10} columns={8} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"-mx-4 lg:-mx-6\">\n          <DynamicTable\n            {...table.props}\n            striped\n            density=\"md\"\n            rowActions={rowActions}\n            onRowAction={handleRowAction}\n          />\n        </div>\n\n        <ShipmentDrawer\n          open={editDrawerOpen}\n          onOpenChange={setEditDrawerOpen}\n          mode={drawerMode}\n          shipmentId={selectedShipmentId ?? undefined}\n          onSaved={() => {\n            table.refresh()\n          }}\n        />\n\n        <ShipmentDetailsDrawer\n          open={detailsDrawerOpen}\n          onOpenChange={setDetailsDrawerOpen}\n          shipmentId={selectedShipmentId}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/shipment_tracking/backend/shipment-tracking/page.meta.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Ship } from "lucide-react";
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["shipment_tracking.shipments.view"],
+  pageTitle: "Shipments",
+  pageTitleKey: "shipment_tracking.nav.shipments",
+  pageGroup: "Shipment Tracking",
+  pageGroupKey: "shipment_tracking.nav.group",
+  pageContext: "settings",
+  pagePriority: 10,
+  pageOrder: 100,
+  icon: React.createElement(Ship, { size: 16 }),
+  breadcrumb: [{ label: "Shipments", labelKey: "shipment_tracking.nav.shipments" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/shipment_tracking/backend/shipment-tracking/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/shipment_tracking/backend/shipment-tracking/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { Ship } from 'lucide-react'\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['shipment_tracking.shipments.view'],\n  pageTitle: 'Shipments',\n  pageTitleKey: 'shipment_tracking.nav.shipments',\n  pageGroup: 'Shipment Tracking',\n  pageGroupKey: 'shipment_tracking.nav.group',\n  pageContext: 'settings' as const,\n  pagePriority: 10,\n  pageOrder: 100,\n  icon: React.createElement(Ship, { size: 16 }),\n  breadcrumb: [{ label: 'Shipments', labelKey: 'shipment_tracking.nav.shipments' }],\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AAEd,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,kCAAkC;AAAA,EACpD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM,MAAM,cAAc,MAAM,EAAE,MAAM,GAAG,CAAC;AAAA,EAC5C,YAAY,CAAC,EAAE,OAAO,aAAa,UAAU,kCAAkC,CAAC;AAClF;",
+  "names": []
+}

package/dist/modules/shipment_tracking/backend/tracking-jobs/page.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { SplitViewHost } from "@freighttech/ui/backend/dynamic-table";
+function TrackingJobsPage() {
+  return /* @__PURE__ */ jsx(SplitViewHost, { tableId: "shipment_tracking.tracking_job" });
+}
+export {
+  TrackingJobsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/shipment_tracking/backend/tracking-jobs/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/shipment_tracking/backend/tracking-jobs/page.tsx"],
+  "sourcesContent": ["'use client'\n\n// Thin host over the registered table, wrapped in the split-view host so the\n// user can open another module's table beside it without leaving this page.\n// The table itself lives at\n// `modules/shipment_tracking/tables/tracking_job/table.client.tsx` and is\n// rendered here via the registry, so there is no second implementation.\n//\n// Specs: .ai/specs/2026-08-04-module-table-registry.md\n//        .ai/specs/2026-08-17-split-view-workspace-composition.md\n\nimport { SplitViewHost } from '@freighttech/ui/backend/dynamic-table'\n\nexport default function TrackingJobsPage() {\n  return <SplitViewHost tableId=\"shipment_tracking.tracking_job\" />\n}\n"],
+  "mappings": ";AAcS;AAHT,SAAS,qBAAqB;AAEf,SAAR,mBAAoC;AACzC,SAAO,oBAAC,iBAAc,SAAQ,kCAAiC;AACjE;",
+  "names": []
+}

package/dist/modules/shipment_tracking/backend/tracking-jobs/page.meta.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Radar } from "lucide-react";
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["shipment_tracking.tracking_jobs.view"],
+  pageTitle: "Tracking Jobs",
+  pageTitleKey: "shipment_tracking.nav.tracking_jobs",
+  pageGroup: "Shipment Tracking",
+  pageGroupKey: "shipment_tracking.nav.group",
+  pageContext: "settings",
+  pagePriority: 10,
+  pageOrder: 110,
+  icon: React.createElement(Radar, { size: 16 }),
+  breadcrumb: [{ label: "Tracking Jobs", labelKey: "shipment_tracking.nav.tracking_jobs" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/shipment_tracking/backend/tracking-jobs/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/shipment_tracking/backend/tracking-jobs/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { Radar } from 'lucide-react'\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['shipment_tracking.tracking_jobs.view'],\n  pageTitle: 'Tracking Jobs',\n  pageTitleKey: 'shipment_tracking.nav.tracking_jobs',\n  pageGroup: 'Shipment Tracking',\n  pageGroupKey: 'shipment_tracking.nav.group',\n  pageContext: 'settings' as const,\n  pagePriority: 10,\n  pageOrder: 110,\n  icon: React.createElement(Radar, { size: 16 }),\n  breadcrumb: [{ label: 'Tracking Jobs', labelKey: 'shipment_tracking.nav.tracking_jobs' }],\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAEf,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,sCAAsC;AAAA,EACxD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM,MAAM,cAAc,OAAO,EAAE,MAAM,GAAG,CAAC;AAAA,EAC7C,YAAY,CAAC,EAAE,OAAO,iBAAiB,UAAU,sCAAsC,CAAC;AAC1F;",
+  "names": []
+}

package/dist/modules/shipment_tracking/backend/webhooks/page.js

@@ -0,0 +1,198 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { Page, PageBody } from "@freighttech/ui/backend/Page";
+import { BooleanIcon } from "@freighttech/ui/backend/ValueIcons";
+import { Button } from "@freighttech/ui/primitives-v2";
+import {
+  DynamicTable,
+  TableSkeleton,
+  useDynamicTablePage
+} from "@freighttech/ui/backend/dynamic-table";
+import { apiCallOrThrow } from "@freighttech/ui/backend/utils/apiCall";
+import { flash } from "@freighttech/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Plus } from "lucide-react";
+import { WebhookDrawer } from "../../components/WebhookDrawer.js";
+function mapItem(item) {
+  const id = typeof item.id === "string" ? item.id : null;
+  if (!id) return null;
+  const eventsRaw = item.eventsSubscribed ?? item.events_subscribed;
+  const eventsSubscribed = Array.isArray(eventsRaw) ? eventsRaw : [];
+  return {
+    id,
+    url: item.url ?? "",
+    eventsSubscribed,
+    isActive: item.isActive === true || item.is_active === true,
+    createdAt: item.createdAt ?? item.created_at ?? null
+  };
+}
+function WebhooksPage() {
+  const t = useT();
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  const [drawerMode, setDrawerMode] = useState("create");
+  const [selectedWebhookId, setSelectedWebhookId] = useState(void 0);
+  const columns = useMemo(
+    () => [
+      {
+        data: "url",
+        title: t("shipment_tracking.webhooks.fields.url", "URL"),
+        width: 300,
+        readOnly: true,
+        renderer: (value) => /* @__PURE__ */ jsx("span", { className: "font-medium text-sm truncate max-w-[280px] block", children: String(value ?? "") })
+      },
+      {
+        data: "eventsSubscribed",
+        title: t("shipment_tracking.webhooks.fields.eventsSubscribed", "Subscribed Events"),
+        width: 300,
+        readOnly: true,
+        renderer: (value) => {
+          const events = Array.isArray(value) ? value : [];
+          return /* @__PURE__ */ jsx("span", { className: "text-sm", children: events.join(", ") || "-" });
+        }
+      },
+      {
+        data: "isActive",
+        title: t("shipment_tracking.webhooks.fields.isActive", "Active"),
+        width: 80,
+        readOnly: true,
+        renderer: (value) => /* @__PURE__ */ jsx(BooleanIcon, { value: value === true || value === "true" })
+      }
+    ],
+    [t]
+  );
+  const handleRowClick = useCallback((_rowIndex, rowData) => {
+    const id = rowData?.id;
+    if (id) {
+      setDrawerMode("edit");
+      setSelectedWebhookId(id);
+      setDrawerOpen(true);
+    }
+  }, []);
+  const createButton = useMemo(
+    () => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "primary",
+        size: "sm",
+        icon: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+        onClick: () => {
+          setDrawerMode("create");
+          setSelectedWebhookId(void 0);
+          setDrawerOpen(true);
+        },
+        children: t("shipment_tracking.webhooks.create", "Create Webhook")
+      }
+    ),
+    [t]
+  );
+  const table = useDynamicTablePage({
+    source: "/api/shipment_tracking/webhooks",
+    // Saved views. Without this the perspective tab strip auto-hides
+    // (hidePerspectiveTabs ?? !hasPerspectives), so users cannot save or
+    // switch a view on this list at all.
+    perspectives: "shipment_tracking_webhooks",
+    columns,
+    tableName: t("shipment_tracking.webhooks.title", "Webhooks"),
+    defaultPageSize: 20,
+    mapApiItem: mapItem,
+    cellEdit: false,
+    tableProps: {
+      height: "fill",
+      onRowClick: handleRowClick,
+      uiConfig: {
+        readOnlyStyle: "normal",
+        hideAddRowButton: true,
+        searchBarEnd: createButton
+      }
+    }
+  });
+  const handleDelete = useCallback(
+    async (id) => {
+      if (!confirm("Delete this webhook?")) return;
+      try {
+        await apiCallOrThrow("/api/shipment_tracking/webhooks", {
+          method: "DELETE",
+          body: JSON.stringify({ id })
+        });
+        flash("Webhook deleted", "success");
+        table.refresh();
+      } catch {
+        flash("Failed to delete webhook", "error");
+      }
+    },
+    [table.refresh]
+  );
+  const handleTest = useCallback(
+    async (id) => {
+      try {
+        const { result } = await apiCallOrThrow(
+          "/api/shipment_tracking/webhooks/test",
+          {
+            method: "POST",
+            body: JSON.stringify({ id })
+          }
+        );
+        if (result?.success) {
+          flash(t("shipment_tracking.webhooks.flash.testSent", "Test webhook sent successfully"), "success");
+        } else {
+          flash(t("shipment_tracking.webhooks.flash.testFailed", "Failed to send test webhook"), "error");
+        }
+      } catch (error) {
+        const message = error instanceof Error ? error.message : t("shipment_tracking.webhooks.flash.testFailed", "Failed to send test webhook");
+        flash(message, "error");
+      }
+    },
+    [t]
+  );
+  const rowActions = useCallback(
+    (rowData) => {
+      if (!rowData?.id) return [];
+      return [
+        { id: "test", label: t("shipment_tracking.webhooks.actions.test", "Test Webhook") },
+        { id: "delete", label: "Delete" }
+      ];
+    },
+    [t]
+  );
+  const handleRowAction = useCallback(
+    (actionId, rowData) => {
+      const id = rowData?.id;
+      if (!id) return;
+      if (actionId === "test") handleTest(id);
+      else if (actionId === "delete") handleDelete(id);
+    },
+    [handleTest, handleDelete]
+  );
+  if (table.isLoading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(TableSkeleton, { rows: 10, columns: 3 }) }) });
+  }
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
+    /* @__PURE__ */ jsx("div", { className: "-mx-4 lg:-mx-6", children: /* @__PURE__ */ jsx(
+      DynamicTable,
+      {
+        ...table.props,
+        striped: true,
+        density: "md",
+        rowActions,
+        onRowAction: handleRowAction
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      WebhookDrawer,
+      {
+        open: drawerOpen,
+        onOpenChange: setDrawerOpen,
+        mode: drawerMode,
+        webhookId: selectedWebhookId,
+        onSaved: () => {
+          table.refresh();
+        }
+      }
+    )
+  ] }) });
+}
+export {
+  WebhooksPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/shipment_tracking/backend/webhooks/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/shipment_tracking/backend/webhooks/page.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useCallback, useMemo, useState } from 'react'\nimport { Page, PageBody } from '@freighttech/ui/backend/Page'\nimport { BooleanIcon } from '@freighttech/ui/backend/ValueIcons'\nimport { Button } from '@freighttech/ui/primitives-v2'\nimport {\n  DynamicTable,\n  TableSkeleton,\n  useDynamicTablePage,\n} from '@freighttech/ui/backend/dynamic-table'\nimport type { ColumnDef, ContextMenuAction } from '@freighttech/ui/backend/dynamic-table'\nimport { apiCallOrThrow } from '@freighttech/ui/backend/utils/apiCall'\nimport { flash } from '@freighttech/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Plus } from 'lucide-react'\nimport { WebhookDrawer } from '../../components/WebhookDrawer'\n\ntype WebhookRow = {\n  id: string\n  url: string\n  eventsSubscribed: string[]\n  isActive: boolean\n  createdAt: string | null\n}\n\nfunction mapItem(item: Record<string, unknown>): WebhookRow | null {\n  const id = typeof item.id === 'string' ? item.id : null\n  if (!id) return null\n\n  const eventsRaw = item.eventsSubscribed ?? item.events_subscribed\n  const eventsSubscribed = Array.isArray(eventsRaw) ? eventsRaw as string[] : []\n\n  return {\n    id,\n    url: (item.url as string) ?? '',\n    eventsSubscribed,\n    isActive: item.isActive === true || item.is_active === true,\n    createdAt: (item.createdAt as string) ?? (item.created_at as string) ?? null,\n  }\n}\n\nexport default function WebhooksPage() {\n  const t = useT()\n  const [drawerOpen, setDrawerOpen] = useState(false)\n  const [drawerMode, setDrawerMode] = useState<'create' | 'edit'>('create')\n  const [selectedWebhookId, setSelectedWebhookId] = useState<string | undefined>(undefined)\n\n  const columns = useMemo<ColumnDef[]>(\n    () => [\n      {\n        data: 'url',\n        title: t('shipment_tracking.webhooks.fields.url', 'URL'),\n        width: 300,\n        readOnly: true,\n        renderer: (value: unknown) => (\n          <span className=\"font-medium text-sm truncate max-w-[280px] block\">{String(value ?? '')}</span>\n        ),\n      },\n      {\n        data: 'eventsSubscribed',\n        title: t('shipment_tracking.webhooks.fields.eventsSubscribed', 'Subscribed Events'),\n        width: 300,\n        readOnly: true,\n        renderer: (value: unknown) => {\n          const events = Array.isArray(value) ? value : []\n          return <span className=\"text-sm\">{events.join(', ') || '-'}</span>\n        },\n      },\n      {\n        data: 'isActive',\n        title: t('shipment_tracking.webhooks.fields.isActive', 'Active'),\n        width: 80,\n        readOnly: true,\n        renderer: (value: unknown) => <BooleanIcon value={value === true || value === 'true'} />,\n      },\n    ],\n    [t],\n  )\n\n  const handleRowClick = useCallback((_rowIndex: number, rowData: Record<string, unknown>) => {\n    const id = rowData?.id as string | undefined\n    if (id) {\n      setDrawerMode('edit')\n      setSelectedWebhookId(id)\n      setDrawerOpen(true)\n    }\n  }, [])\n\n  const createButton = useMemo(\n    () => (\n      <Button\n        variant=\"primary\"\n        size=\"sm\"\n        icon={<Plus className=\"h-4 w-4\" />}\n        onClick={() => {\n          setDrawerMode('create')\n          setSelectedWebhookId(undefined)\n          setDrawerOpen(true)\n        }}\n      >\n        {t('shipment_tracking.webhooks.create', 'Create Webhook')}\n      </Button>\n    ),\n    [t],\n  )\n\n  const table = useDynamicTablePage<WebhookRow>({\n    source: '/api/shipment_tracking/webhooks',\n    // Saved views. Without this the perspective tab strip auto-hides\n    // (hidePerspectiveTabs ?? !hasPerspectives), so users cannot save or\n    // switch a view on this list at all.\n    perspectives: 'shipment_tracking_webhooks',\n    columns,\n    tableName: t('shipment_tracking.webhooks.title', 'Webhooks'),\n    defaultPageSize: 20,\n    mapApiItem: mapItem,\n    cellEdit: false,\n    tableProps: {\n      height: 'fill',\n      onRowClick: handleRowClick,\n      uiConfig: {\n        readOnlyStyle: 'normal',\n        hideAddRowButton: true,\n        searchBarEnd: createButton,\n      },\n    },\n  })\n\n  const handleDelete = useCallback(\n    async (id: string) => {\n      if (!confirm('Delete this webhook?')) return\n\n      try {\n        await apiCallOrThrow('/api/shipment_tracking/webhooks', {\n          method: 'DELETE',\n          body: JSON.stringify({ id }),\n        })\n        flash('Webhook deleted', 'success')\n        table.refresh()\n      } catch {\n        flash('Failed to delete webhook', 'error')\n      }\n    },\n    [table.refresh],\n  )\n\n  const handleTest = useCallback(\n    async (id: string) => {\n      try {\n        const { result } = await apiCallOrThrow<{ success: boolean; deliveryId: string }>(\n          '/api/shipment_tracking/webhooks/test',\n          {\n            method: 'POST',\n            body: JSON.stringify({ id }),\n          }\n        )\n        if (result?.success) {\n          flash(t('shipment_tracking.webhooks.flash.testSent', 'Test webhook sent successfully'), 'success')\n        } else {\n          flash(t('shipment_tracking.webhooks.flash.testFailed', 'Failed to send test webhook'), 'error')\n        }\n      } catch (error) {\n        const message = error instanceof Error ? error.message : t('shipment_tracking.webhooks.flash.testFailed', 'Failed to send test webhook')\n        flash(message, 'error')\n      }\n    },\n    [t],\n  )\n\n  const rowActions = useCallback(\n    (rowData: any): ContextMenuAction[] => {\n      if (!rowData?.id) return []\n      return [\n        { id: 'test', label: t('shipment_tracking.webhooks.actions.test', 'Test Webhook') },\n        { id: 'delete', label: 'Delete' },\n      ]\n    },\n    [t],\n  )\n\n  const handleRowAction = useCallback(\n    (actionId: string, rowData: any) => {\n      const id = rowData?.id as string | undefined\n      if (!id) return\n      if (actionId === 'test') handleTest(id)\n      else if (actionId === 'delete') handleDelete(id)\n    },\n    [handleTest, handleDelete],\n  )\n\n  if (table.isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <TableSkeleton rows={10} columns={3} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"-mx-4 lg:-mx-6\">\n          <DynamicTable\n            {...table.props}\n            striped\n            density=\"md\"\n            rowActions={rowActions}\n            onRowAction={handleRowAction}\n          />\n        </div>\n\n        <WebhookDrawer\n          open={drawerOpen}\n          onOpenChange={setDrawerOpen}\n          mode={drawerMode}\n          webhookId={selectedWebhookId}\n          onSaved={() => {\n            table.refresh()\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/shipment_tracking/backend/webhooks/page.meta.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Webhook } from "lucide-react";
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["shipment_tracking.webhooks.view"],
+  pageTitle: "Webhooks",
+  pageTitleKey: "shipment_tracking.nav.webhooks",
+  pageGroup: "Shipment Tracking",
+  pageGroupKey: "shipment_tracking.nav.group",
+  pageContext: "settings",
+  pagePriority: 10,
+  pageOrder: 130,
+  icon: React.createElement(Webhook, { size: 16 }),
+  breadcrumb: [{ label: "Webhooks", labelKey: "shipment_tracking.nav.webhooks" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map