@freighttech/shipment-tracking 0.6.0

package/dist/modules/shipment_tracking/backend/carrier-configs/page.js

@@ -0,0 +1,621 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useCallback, useMemo, useState } from "react";
+import { Page, PageBody } from "@freighttech/ui/backend/Page";
+import { BooleanIcon } from "@freighttech/ui/backend/ValueIcons";
+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 {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter
+} from "@freighttech/ui/primitives/dialog";
+import { Button } from "@freighttech/ui/primitives/button";
+import { Button as ButtonV2 } from "@freighttech/ui/primitives-v2";
+import { Input } from "@freighttech/ui/primitives/input";
+import { Label } from "@freighttech/ui/primitives/label";
+import { Checkbox } from "@freighttech/ui/primitives/checkbox";
+import { Textarea } from "@freighttech/ui/primitives/textarea";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@freighttech/ui/primitives/card";
+import { Badge } from "@freighttech/ui/primitives/badge";
+import { Loader2, CheckCircle2, XCircle, Shield, Plus } from "lucide-react";
+import { ShipsGoConfigSection } from "../../components/ShipsGoConfigSection.js";
+function mapItem(item) {
+  const id = typeof item.id === "string" ? item.id : null;
+  if (!id) return null;
+  return {
+    id,
+    carrierCode: item.carrierCode ?? "",
+    apiEndpoint: item.apiEndpoint ?? null,
+    authConfig: item.authConfig ?? null,
+    rateLimitRequests: typeof item.rateLimitRequests === "number" ? item.rateLimitRequests : 60,
+    rateLimitWindowSeconds: typeof item.rateLimitWindowSeconds === "number" ? item.rateLimitWindowSeconds : 60,
+    isActive: item.isActive === true,
+    createdAt: item.createdAt ?? null
+  };
+}
+const emptyForm = {
+  carrierCode: "",
+  apiEndpoint: "",
+  authConfig: "",
+  rateLimitRequests: 60,
+  rateLimitWindowSeconds: 60,
+  isActive: true
+};
+function rowToForm(row) {
+  return {
+    carrierCode: row.carrierCode,
+    apiEndpoint: row.apiEndpoint ?? "",
+    authConfig: row.authConfig ? JSON.stringify(row.authConfig, null, 2) : "",
+    rateLimitRequests: row.rateLimitRequests,
+    rateLimitWindowSeconds: row.rateLimitWindowSeconds,
+    isActive: row.isActive
+  };
+}
+const emptyBicForm = {
+  isEnabled: false,
+  username: "",
+  password: "",
+  baseUrl: "https://api.bic-code.org"
+};
+function BicConfigSection() {
+  const t = useT();
+  const [config, setConfig] = React.useState(null);
+  const [form, setForm] = React.useState(emptyBicForm);
+  const [loading, setLoading] = React.useState(true);
+  const [saving, setSaving] = React.useState(false);
+  const [testing, setTesting] = React.useState(false);
+  const [testResult, setTestResult] = React.useState(null);
+  const fetchConfig = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const { result } = await apiCallOrThrow("/api/shipment_tracking/bic-configs");
+      setConfig(result?.config ?? null);
+      if (result?.config) {
+        setForm({
+          isEnabled: result.config.isEnabled,
+          username: result.config.username,
+          password: "",
+          // Password is never returned from API
+          baseUrl: result.config.baseUrl
+        });
+      } else {
+        setForm(emptyBicForm);
+      }
+    } catch {
+      setConfig(null);
+      setForm(emptyBicForm);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  React.useEffect(() => {
+    fetchConfig();
+  }, [fetchConfig]);
+  const handleTest = React.useCallback(async () => {
+    if (!form.username || !form.password) {
+      flash(t("shipment_tracking.bic_config.validation.usernameRequired", "Username is required"), "error");
+      return;
+    }
+    setTesting(true);
+    setTestResult(null);
+    try {
+      const { result } = await apiCallOrThrow(
+        "/api/shipment_tracking/bic-configs/test",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            username: form.username,
+            password: form.password,
+            baseUrl: form.baseUrl
+          })
+        }
+      );
+      setTestResult(result ?? { success: false, message: "Unknown error" });
+      if (result?.success) {
+        flash(t("shipment_tracking.bic_config.flash.testSuccess", "BIC API connection successful"), "success");
+      } else {
+        flash(result?.message ?? t("shipment_tracking.bic_config.flash.testFailed", "BIC API connection failed"), "error");
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Connection test failed";
+      setTestResult({ success: false, message });
+      flash(message, "error");
+    } finally {
+      setTesting(false);
+    }
+  }, [form, t]);
+  const handleSave = React.useCallback(async () => {
+    if (!form.username) {
+      flash(t("shipment_tracking.bic_config.validation.usernameRequired", "Username is required"), "error");
+      return;
+    }
+    if (!config && !form.password) {
+      flash(t("shipment_tracking.bic_config.validation.passwordRequired", "Password is required"), "error");
+      return;
+    }
+    setSaving(true);
+    try {
+      const body = {
+        isEnabled: form.isEnabled,
+        username: form.username,
+        baseUrl: form.baseUrl || "https://api.bic-code.org"
+      };
+      if (form.password) {
+        body.password = form.password;
+      } else if (config) {
+        body.password = "__UNCHANGED__";
+      }
+      await apiCallOrThrow("/api/shipment_tracking/bic-configs", {
+        method: "PUT",
+        body: JSON.stringify(body)
+      });
+      flash(t("shipment_tracking.bic_config.flash.saved", "BIC configuration saved"), "success");
+      fetchConfig();
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to save";
+      flash(message, "error");
+    } finally {
+      setSaving(false);
+    }
+  }, [form, config, t, fetchConfig]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        handleSave();
+      }
+    },
+    [handleSave]
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Shield, { className: "h-5 w-5" }),
+        t("shipment_tracking.bic_config.title", "BIC Facility API")
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Shield, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsx(CardTitle, { children: t("shipment_tracking.bic_config.title", "BIC Facility API") })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: config ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Badge, { variant: "outline", children: t("shipment_tracking.bic_config.status.configured", "Configured") }),
+          /* @__PURE__ */ jsx(Badge, { variant: config.isEnabled ? "default" : "secondary", children: config.isEnabled ? t("shipment_tracking.bic_config.status.enabled", "Enabled") : t("shipment_tracking.bic_config.status.disabled", "Disabled") })
+        ] }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: t("shipment_tracking.bic_config.status.notConfigured", "Not Configured") }) })
+      ] }),
+      /* @__PURE__ */ jsx(CardDescription, { children: t(
+        "shipment_tracking.bic_config.description",
+        "Configure BIC Facility Code API credentials to enrich shipment tracking locations with coordinates, addresses, and terminal operator information."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { onKeyDown: handleKeyDown, children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: "bicEnabled",
+            checked: form.isEnabled,
+            onCheckedChange: (checked) => setForm((prev) => ({ ...prev, isEnabled: checked === true }))
+          }
+        ),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "bicEnabled", className: "cursor-pointer font-medium", children: t("shipment_tracking.bic_config.fields.isEnabled", "Enable BIC Enrichment") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "bicUsername", children: t("shipment_tracking.bic_config.fields.username", "Username") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "bicUsername",
+              value: form.username,
+              onChange: (e) => setForm((prev) => ({ ...prev, username: e.target.value })),
+              placeholder: "your-bic-username"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "bicPassword", children: t("shipment_tracking.bic_config.fields.password", "Password") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "bicPassword",
+              type: "password",
+              value: form.password,
+              onChange: (e) => setForm((prev) => ({ ...prev, password: e.target.value })),
+              placeholder: config ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : "your-bic-password"
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+            "shipment_tracking.bic_config.hints.password",
+            "Your password will be encrypted and stored securely."
+          ) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "bicBaseUrl", children: t("shipment_tracking.bic_config.fields.baseUrl", "API Base URL") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "bicBaseUrl",
+            value: form.baseUrl,
+            onChange: (e) => setForm((prev) => ({ ...prev, baseUrl: e.target.value })),
+            placeholder: "https://api.bic-code.org"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("shipment_tracking.bic_config.hints.baseUrl", "Default: https://api.bic-code.org") })
+      ] }),
+      testResult && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `flex items-center gap-2 rounded-md p-3 text-sm ${testResult.success ? "bg-green-50 text-green-700 dark:bg-green-900/20 dark:text-green-400" : "bg-red-50 text-red-700 dark:bg-red-900/20 dark:text-red-400"}`,
+          children: [
+            testResult.success ? /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: testResult.message })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: handleTest,
+            disabled: testing || !form.username || !form.password,
+            children: [
+              testing && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+              t("shipment_tracking.bic_config.actions.testConnection", "Test Connection")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Button, { onClick: handleSave, disabled: saving, children: [
+          saving && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+          t("shipment_tracking.bic_config.actions.save", "Save Configuration")
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function TrackingAuthConfigPage() {
+  const t = useT();
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [editingId, setEditingId] = useState(null);
+  const [form, setForm] = useState(emptyForm);
+  const [submitting, setSubmitting] = useState(false);
+  const isEdit = editingId !== null;
+  const columns = useMemo(
+    () => [
+      {
+        data: "carrierCode",
+        title: t("shipment_tracking.carrier_configs.fields.carrierCode", "Carrier Code"),
+        width: 150,
+        readOnly: true,
+        renderer: (value) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: String(value ?? "") })
+      },
+      {
+        data: "apiEndpoint",
+        title: t("shipment_tracking.carrier_configs.fields.apiEndpoint", "API Endpoint"),
+        width: 280,
+        readOnly: true,
+        renderer: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm truncate max-w-[260px] block", children: String(value || "-") })
+      },
+      {
+        data: "rateLimit",
+        title: t("shipment_tracking.carrier_configs.fields.rateLimit", "Rate Limit"),
+        width: 120,
+        readOnly: true,
+        renderer: (_value, rowData) => /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
+          String(rowData.rateLimitRequests ?? 60),
+          " / ",
+          String(rowData.rateLimitWindowSeconds ?? 60),
+          "s"
+        ] })
+      },
+      {
+        data: "isActive",
+        title: t("shipment_tracking.carrier_configs.fields.isActive", "Active"),
+        width: 80,
+        readOnly: true,
+        renderer: (value) => /* @__PURE__ */ jsx(BooleanIcon, { value: value === true || value === "true" })
+      }
+    ],
+    [t]
+  );
+  const openCreateDialog = useCallback(() => {
+    setEditingId(null);
+    setForm(emptyForm);
+    setDialogOpen(true);
+  }, []);
+  const addButton = useMemo(
+    () => /* @__PURE__ */ jsx(ButtonV2, { variant: "primary", size: "sm", icon: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), onClick: openCreateDialog, children: t("shipment_tracking.carrier_configs.create", "Add Carrier Config") }),
+    [openCreateDialog, t]
+  );
+  const table = useDynamicTablePage({
+    source: "/api/shipment_tracking/carrier-configs",
+    // 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_carrier_configs",
+    columns,
+    tableName: t("shipment_tracking.carrier_configs.title", "Carrier Configs"),
+    defaultPageSize: 20,
+    mapApiItem: mapItem,
+    cellEdit: false,
+    tableProps: {
+      height: "100%",
+      uiConfig: {
+        readOnlyStyle: "normal",
+        hideAddRowButton: true,
+        searchBarEnd: addButton
+      }
+    }
+  });
+  const openEditDialog = useCallback(
+    (id) => {
+      const items = table.query.data?.items ?? [];
+      const mapped = items.map(mapItem).filter((x) => x !== null);
+      const row = mapped.find((r) => r.id === id);
+      if (!row) return;
+      setEditingId(id);
+      setForm(rowToForm(row));
+      setDialogOpen(true);
+    },
+    [table.query.data]
+  );
+  const handleSubmit = useCallback(async () => {
+    if (submitting) return;
+    if (!isEdit && !form.carrierCode.trim()) {
+      flash(t("shipment_tracking.carrier_configs.validation.carrierCodeRequired", "Carrier code is required"), "error");
+      return;
+    }
+    if (form.authConfig.trim()) {
+      try {
+        JSON.parse(form.authConfig);
+      } catch {
+        flash(t("shipment_tracking.carrier_configs.validation.authConfigInvalidJson", "Auth config must be valid JSON"), "error");
+        return;
+      }
+    }
+    if (form.apiEndpoint.trim()) {
+      try {
+        new URL(form.apiEndpoint.trim());
+      } catch {
+        flash(t("shipment_tracking.carrier_configs.validation.apiEndpointInvalidUrl", "API endpoint must be a valid URL"), "error");
+        return;
+      }
+    }
+    setSubmitting(true);
+    try {
+      const authConfig = form.authConfig.trim() ? JSON.parse(form.authConfig) : void 0;
+      if (isEdit) {
+        const body = { id: editingId };
+        if (form.apiEndpoint.trim()) body.apiEndpoint = form.apiEndpoint.trim();
+        else body.apiEndpoint = null;
+        body.authConfig = authConfig ?? null;
+        body.rateLimitRequests = form.rateLimitRequests;
+        body.rateLimitWindowSeconds = form.rateLimitWindowSeconds;
+        body.isActive = form.isActive;
+        await apiCallOrThrow("/api/shipment_tracking/carrier-configs", {
+          method: "PUT",
+          body: JSON.stringify(body)
+        });
+        flash(t("shipment_tracking.carrier_configs.flash.updated", "Carrier config updated"), "success");
+      } else {
+        const body = {
+          carrierCode: form.carrierCode.trim(),
+          rateLimitRequests: form.rateLimitRequests,
+          rateLimitWindowSeconds: form.rateLimitWindowSeconds,
+          isActive: form.isActive
+        };
+        if (form.apiEndpoint.trim()) body.apiEndpoint = form.apiEndpoint.trim();
+        if (authConfig) body.authConfig = authConfig;
+        await apiCallOrThrow("/api/shipment_tracking/carrier-configs", {
+          method: "POST",
+          body: JSON.stringify(body)
+        });
+        flash(t("shipment_tracking.carrier_configs.flash.created", "Carrier config created"), "success");
+      }
+      setDialogOpen(false);
+      table.refresh();
+    } catch {
+      flash(isEdit ? t("shipment_tracking.carrier_configs.flash.updateFailed", "Failed to update carrier config") : t("shipment_tracking.carrier_configs.flash.createFailed", "Failed to create carrier config"), "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }, [form, isEdit, editingId, submitting, table.refresh, t]);
+  const handleDialogKeyDown = useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        handleSubmit();
+      }
+    },
+    [handleSubmit]
+  );
+  const handleDelete = useCallback(
+    async (id) => {
+      if (!confirm(t("shipment_tracking.carrier_configs.confirmDelete", "Delete this carrier config?"))) return;
+      try {
+        await apiCallOrThrow("/api/shipment_tracking/carrier-configs", {
+          method: "DELETE",
+          body: JSON.stringify({ id })
+        });
+        flash(t("shipment_tracking.carrier_configs.flash.deleted", "Carrier config deleted"), "success");
+        table.refresh();
+      } catch {
+        flash(t("shipment_tracking.carrier_configs.flash.deleteFailed", "Failed to delete carrier config"), "error");
+      }
+    },
+    [table.refresh, t]
+  );
+  const rowActions = useCallback(
+    (rowData) => {
+      if (!rowData?.id) return [];
+      return [
+        { id: "edit", label: t("common.edit", "Edit") },
+        { id: "delete", label: t("common.delete", "Delete") }
+      ];
+    },
+    [t]
+  );
+  const handleRowAction = useCallback(
+    (actionId, rowData) => {
+      const id = rowData?.id;
+      if (!id) return;
+      if (actionId === "edit") openEditDialog(id);
+      else if (actionId === "delete") handleDelete(id);
+    },
+    [openEditDialog, handleDelete]
+  );
+  const tableHeight = useMemo(() => {
+    const rowH = 40;
+    const headerH = 40;
+    const toolbarH = 50;
+    const minHeight = 200;
+    const maxHeight = 400;
+    const rowCount = table.query.data?.total ?? 0;
+    const contentHeight = toolbarH + headerH + rowCount * rowH + 20;
+    return Math.min(Math.max(contentHeight, minHeight), maxHeight);
+  }, [table.query.data]);
+  if (table.isLoading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(BicConfigSection, {}),
+      /* @__PURE__ */ jsx(ShipsGoConfigSection, {}),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("shipment_tracking.carrier_configs.title", "Carrier Configs") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(TableSkeleton, { rows: 5, columns: 4 }) })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(BicConfigSection, {}),
+    /* @__PURE__ */ jsx(ShipsGoConfigSection, {}),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: t("shipment_tracking.carrier_configs.title", "Carrier Configs") }),
+        /* @__PURE__ */ jsx(CardDescription, { children: t(
+          "shipment_tracking.auth_config.description",
+          "Configure authentication for carrier tracking APIs and facility enrichment services."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { style: { height: tableHeight }, children: /* @__PURE__ */ jsx(
+        DynamicTable,
+        {
+          ...table.props,
+          striped: true,
+          density: "md",
+          rowActions,
+          onRowAction: handleRowAction
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: dialogOpen, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", onKeyDown: handleDialogKeyDown, children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEdit ? t("shipment_tracking.carrier_configs.edit", "Edit Carrier Config") : t("shipment_tracking.carrier_configs.create", "Add Carrier Config") }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 py-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "carrierCode", children: t("shipment_tracking.carrier_configs.fields.carrierCode", "Carrier Code") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "carrierCode",
+              value: form.carrierCode,
+              onChange: (event) => setForm((prev) => ({ ...prev, carrierCode: event.target.value })),
+              placeholder: "e.g. maersk, msc, cma-cgm",
+              disabled: isEdit,
+              autoFocus: !isEdit
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "apiEndpoint", children: t("shipment_tracking.carrier_configs.fields.apiEndpoint", "API Endpoint") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "apiEndpoint",
+              value: form.apiEndpoint,
+              onChange: (event) => setForm((prev) => ({ ...prev, apiEndpoint: event.target.value })),
+              placeholder: "https://api.example.com/tracking"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "authConfig", children: t("shipment_tracking.carrier_configs.fields.authConfig", "Auth Config (JSON)") }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "authConfig",
+              value: form.authConfig,
+              onChange: (event) => setForm((prev) => ({ ...prev, authConfig: event.target.value })),
+              placeholder: '{"apiKey": "..."}',
+              rows: 3,
+              className: "font-mono text-xs"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "rateLimitRequests", children: t("shipment_tracking.carrier_configs.fields.rateLimitRequests", "Rate Limit (requests)") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "rateLimitRequests",
+                type: "number",
+                min: 1,
+                max: 1e4,
+                value: form.rateLimitRequests,
+                onChange: (event) => setForm((prev) => ({ ...prev, rateLimitRequests: Number(event.target.value) || 60 }))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "rateLimitWindowSeconds", children: t("shipment_tracking.carrier_configs.fields.rateLimitWindowSeconds", "Window (seconds)") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "rateLimitWindowSeconds",
+                type: "number",
+                min: 1,
+                max: 86400,
+                value: form.rateLimitWindowSeconds,
+                onChange: (event) => setForm((prev) => ({ ...prev, rateLimitWindowSeconds: Number(event.target.value) || 60 }))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: "isActive",
+              checked: form.isActive,
+              onCheckedChange: (checked) => setForm((prev) => ({ ...prev, isActive: checked === true }))
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "isActive", className: "cursor-pointer", children: t("shipment_tracking.carrier_configs.fields.isActive", "Active") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setDialogOpen(false), disabled: submitting, children: t("common.cancel", "Cancel") }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, disabled: submitting, children: submitting ? t("common.saving", "Saving...") : isEdit ? t("common.save", "Save") : t("common.create", "Create") })
+      ] })
+    ] }) })
+  ] }) });
+}
+export {
+  TrackingAuthConfigPage as default
+};
+//# sourceMappingURL=page.js.map