@freighttech/terminal-tracking 0.7.0

package/dist/modules/terminal_tracking/backend/terminal-configs/page.js

@@ -0,0 +1,669 @@
+"use client";
+import { Fragment, 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 { DynamicTable, TableSkeleton, useDynamicTablePage } from "@freighttech/ui/backend/dynamic-table";
+import { RowActions } from "@freighttech/ui/backend/RowActions";
+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 { Input } from "@freighttech/ui/primitives/input";
+import { Label } from "@freighttech/ui/primitives/label";
+import { Checkbox } from "@freighttech/ui/primitives/checkbox";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@freighttech/ui/primitives/card";
+import { Loader2, CheckCircle2, XCircle } from "lucide-react";
+function mapItem(item) {
+  const id = typeof item.id === "string" ? item.id : null;
+  if (!id) return null;
+  return {
+    id,
+    terminalCode: item.terminalCode ?? "",
+    adapterType: item.adapterType ?? "",
+    displayName: item.displayName ?? "",
+    baseUrl: item.baseUrl ?? "",
+    authType: item.authType ?? "",
+    unlocode: item.unlocode ?? null,
+    isActive: item.isActive === true
+  };
+}
+const ADAPTER_SPECS = {
+  n4: {
+    value: "n4",
+    label: "DCT (Gda\u0144sk)",
+    authType: "oauth2_password",
+    showOAuth: true,
+    defaults: {
+      terminalCode: "dct",
+      displayName: "DCT Gda\u0144sk (Baltic Hub)",
+      baseUrl: "https://api2.baltichub.com/V1/",
+      tokenUrl: "https://bhctapicustomers.b2clogin.com/bhctapicustomers.onmicrosoft.com/oauth2/v2.0/token?p=b2c_1_ropc_login",
+      // Integrator-specific — configured per deployment, not published here.
+      clientId: "",
+      scope: "",
+      unlocode: "PLGDN",
+      smdgCodes: "PLGDNDCT",
+      bicCodes: "PLGDNSKZB",
+      nameAliases: "Baltic Hub, DCT Gda\u0144sk",
+      rateLimitRequests: 200,
+      rateLimitWindowSeconds: 60
+    }
+  },
+  bct: {
+    value: "bct",
+    label: "BCT / INCOS (Gdynia)",
+    authType: "basic",
+    showOAuth: false,
+    defaults: {
+      terminalCode: "bct",
+      displayName: "BCT Gdynia (INCOS)",
+      baseUrl: "https://incos.pl",
+      tokenUrl: "",
+      clientId: "",
+      scope: "",
+      unlocode: "PLGDY",
+      smdgCodes: "PLGDYPLBCT",
+      bicCodes: "PLGDYBCTA",
+      nameAliases: "BCT, Ba\u0142tycki Terminal Kontenerowy",
+      // INCOS caps at 10 000 requests/day.
+      rateLimitRequests: 1e4,
+      rateLimitWindowSeconds: 86400
+    }
+  },
+  gct: {
+    value: "gct",
+    label: "GCT (Gdynia)",
+    authType: "gct_token",
+    showOAuth: false,
+    defaults: {
+      terminalCode: "gct",
+      displayName: "GCT Gdynia",
+      baseUrl: "",
+      tokenUrl: "",
+      clientId: "",
+      scope: "",
+      unlocode: "PLGDY",
+      smdgCodes: "PLGDYPLGCT",
+      bicCodes: "PLGDYEOOJ",
+      nameAliases: "GCT",
+      rateLimitRequests: 200,
+      rateLimitWindowSeconds: 60
+    }
+  }
+};
+const ADAPTER_ORDER = ["n4", "bct", "gct"];
+function credentialFieldsFor(adapterType, authType) {
+  if (adapterType === "gct") {
+    return [
+      { key: "companyCode", label: "Company code", placeholder: "ACME" },
+      { key: "loginName", label: "Login" },
+      { key: "totpSecret", label: "Tw\xF3j sekret 2FA", secret: true, placeholder: "JBSWY3DPEHPK3PXP" }
+    ];
+  }
+  if (adapterType === "n4" && authType === "oauth2_client_credentials") {
+    return [{ key: "clientSecret", label: "Client secret", secret: true }];
+  }
+  return [
+    { key: "username", label: "Username" },
+    { key: "password", label: "Password", secret: true }
+  ];
+}
+const baseForm = {
+  terminalCode: "",
+  adapterType: "n4",
+  displayName: "",
+  baseUrl: "",
+  proxyUrl: "",
+  authType: "oauth2_password",
+  tokenUrl: "",
+  scope: "",
+  clientId: "",
+  credentials: {},
+  unlocode: "",
+  bicCodes: "",
+  smdgCodes: "",
+  nameAliases: "",
+  rateLimitRequests: 200,
+  rateLimitWindowSeconds: 60,
+  isActive: true
+};
+function applyAdapterDefaults(adapterType, prev, opts) {
+  const spec = ADAPTER_SPECS[adapterType] ?? ADAPTER_SPECS.n4;
+  const d = spec.defaults;
+  return {
+    ...prev,
+    adapterType,
+    authType: spec.authType,
+    displayName: d.displayName ?? "",
+    baseUrl: d.baseUrl ?? "",
+    tokenUrl: d.tokenUrl ?? "",
+    scope: d.scope ?? "",
+    clientId: d.clientId ?? "",
+    unlocode: d.unlocode ?? "",
+    smdgCodes: d.smdgCodes ?? "",
+    bicCodes: d.bicCodes ?? "",
+    nameAliases: d.nameAliases ?? "",
+    rateLimitRequests: d.rateLimitRequests ?? 200,
+    rateLimitWindowSeconds: d.rateLimitWindowSeconds ?? 60,
+    credentials: {},
+    ...opts.includeTerminalCode ? { terminalCode: d.terminalCode ?? "" } : {}
+  };
+}
+const emptyForm = applyAdapterDefaults("n4", baseForm, { includeTerminalCode: true });
+const API = "/api/terminal_tracking/terminal-configs";
+function csv(value) {
+  const arr = value.split(",").map((s) => s.trim()).filter(Boolean);
+  return arr.length ? arr : void 0;
+}
+function TerminalConfigsPage() {
+  const t = useT();
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [editingId, setEditingId] = useState(null);
+  const [form, setForm] = useState(emptyForm);
+  const [submitting, setSubmitting] = useState(false);
+  const [testResult, setTestResult] = useState(null);
+  const isEdit = editingId !== null;
+  const spec = ADAPTER_SPECS[form.adapterType] ?? ADAPTER_SPECS.n4;
+  const credFields = credentialFieldsFor(form.adapterType, form.authType);
+  const setField = useCallback(
+    (key, value) => setForm((p) => ({ ...p, [key]: value })),
+    []
+  );
+  const setCredential = useCallback(
+    (key, value) => setForm((p) => ({ ...p, credentials: { ...p.credentials, [key]: value } })),
+    []
+  );
+  const changeAdapter = useCallback(
+    (adapterType) => setForm((p) => applyAdapterDefaults(adapterType, p, { includeTerminalCode: !isEdit })),
+    [isEdit]
+  );
+  const columns = useMemo(
+    () => [
+      {
+        data: "displayName",
+        title: t("terminal_tracking.terminal_config.displayName", "Name"),
+        width: 180,
+        readOnly: true,
+        renderer: (v) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: String(v ?? "") })
+      },
+      {
+        data: "terminalCode",
+        title: t("terminal_tracking.terminal_config.terminalCode", "Terminal code"),
+        width: 120,
+        readOnly: true
+      },
+      {
+        data: "adapterType",
+        title: t("terminal_tracking.terminal_config.adapterType", "Adapter"),
+        width: 130,
+        readOnly: true,
+        renderer: (v) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: ADAPTER_SPECS[String(v)]?.label ?? String(v ?? "") })
+      },
+      {
+        data: "unlocode",
+        title: t("terminal_tracking.terminal_config.unlocode", "UN/LOCODE"),
+        width: 110,
+        readOnly: true,
+        renderer: (v) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: String(v || "-") })
+      },
+      {
+        data: "isActive",
+        title: t("terminal_tracking.terminal_config.isActive", "Active"),
+        width: 80,
+        readOnly: true,
+        renderer: (v) => /* @__PURE__ */ jsx(BooleanIcon, { value: v === true || v === "true" })
+      }
+    ],
+    [t]
+  );
+  const openCreate = useCallback(() => {
+    setEditingId(null);
+    setForm(emptyForm);
+    setTestResult(null);
+    setDialogOpen(true);
+  }, []);
+  const addButton = useMemo(
+    () => /* @__PURE__ */ jsx(Button, { size: "sm", onClick: openCreate, children: t("terminal_tracking.terminal_config.create", "Add Terminal") }),
+    [openCreate, t]
+  );
+  const table = useDynamicTablePage({
+    source: API,
+    columns,
+    tableName: t("terminal_tracking.terminal_config.title", "Terminals"),
+    defaultPageSize: 20,
+    mapApiItem: mapItem,
+    cellEdit: false,
+    tableProps: {
+      height: "100%",
+      uiConfig: {
+        readOnlyStyle: "normal",
+        hideAddRowButton: true,
+        topBarEnd: addButton
+      }
+    }
+  });
+  const openEdit = useCallback(
+    (id) => {
+      const items = table.query.data?.items ?? [];
+      const raw = items.find((r) => r.id === id);
+      if (!raw) return;
+      const adapterType = raw.adapterType ?? "n4";
+      const rowAuthType = raw.authType ?? ADAPTER_SPECS[adapterType]?.authType ?? "oauth2_password";
+      setEditingId(id);
+      setTestResult(null);
+      setForm({
+        ...emptyForm,
+        terminalCode: raw.terminalCode ?? "",
+        adapterType,
+        // Preserve the row's stored auth type (e.g. a legacy n4 client-credentials config).
+        authType: rowAuthType,
+        displayName: raw.displayName ?? "",
+        baseUrl: raw.baseUrl ?? "",
+        proxyUrl: raw.proxyUrl ?? "",
+        tokenUrl: raw.tokenUrl ?? "",
+        scope: raw.scope ?? "",
+        clientId: raw.clientId ?? "",
+        credentials: {},
+        // secrets are never returned; blank = keep unchanged
+        unlocode: raw.unlocode ?? "",
+        bicCodes: Array.isArray(raw.bicCodes) ? raw.bicCodes.join(", ") : "",
+        smdgCodes: Array.isArray(raw.smdgCodes) ? raw.smdgCodes.join(", ") : "",
+        nameAliases: Array.isArray(raw.nameAliases) ? raw.nameAliases.join(", ") : "",
+        rateLimitRequests: typeof raw.rateLimitRequests === "number" ? raw.rateLimitRequests : 200,
+        rateLimitWindowSeconds: typeof raw.rateLimitWindowSeconds === "number" ? raw.rateLimitWindowSeconds : 60,
+        isActive: raw.isActive === true
+      });
+      setDialogOpen(true);
+    },
+    [table.query.data]
+  );
+  const buildBody = useCallback(() => {
+    const fields = credentialFieldsFor(form.adapterType, form.authType);
+    const filled = fields.filter((f) => (form.credentials[f.key] ?? "").trim() !== "");
+    let authConfig;
+    if (filled.length > 0) {
+      if (filled.length !== fields.length) {
+        flash(
+          t("terminal_tracking.terminal_config.validation.allCredentials", "Enter all credential fields"),
+          "error"
+        );
+        return null;
+      }
+      authConfig = Object.fromEntries(fields.map((f) => [f.key, form.credentials[f.key].trim()]));
+    } else if (!isEdit) {
+      flash(
+        t("terminal_tracking.terminal_config.validation.credentialsRequired", "Credentials are required"),
+        "error"
+      );
+      return null;
+    }
+    const showOAuth = ADAPTER_SPECS[form.adapterType]?.showOAuth ?? false;
+    const body = {
+      adapterType: form.adapterType.trim() || "n4",
+      displayName: form.displayName.trim(),
+      baseUrl: form.baseUrl.trim(),
+      proxyUrl: form.proxyUrl.trim() || null,
+      authType: form.authType,
+      tokenUrl: showOAuth ? form.tokenUrl.trim() || null : null,
+      scope: showOAuth ? form.scope.trim() || null : null,
+      clientId: showOAuth ? form.clientId.trim() || null : null,
+      unlocode: form.unlocode.trim() || null,
+      bicCodes: csv(form.bicCodes) ?? null,
+      smdgCodes: csv(form.smdgCodes) ?? null,
+      nameAliases: csv(form.nameAliases) ?? null,
+      rateLimitRequests: form.rateLimitRequests,
+      rateLimitWindowSeconds: form.rateLimitWindowSeconds,
+      isActive: form.isActive
+    };
+    if (authConfig !== void 0) body.authConfig = authConfig;
+    if (!isEdit) body.terminalCode = form.terminalCode.trim();
+    else body.id = editingId;
+    return body;
+  }, [form, isEdit, editingId, t]);
+  const handleSubmit = useCallback(async () => {
+    if (submitting) return;
+    if (!isEdit && !form.terminalCode.trim()) {
+      flash(t("terminal_tracking.terminal_config.validation.codeRequired", "Terminal code is required"), "error");
+      return;
+    }
+    if (!form.displayName.trim() || !form.baseUrl.trim()) {
+      flash(t("terminal_tracking.terminal_config.validation.required", "Name and base URL are required"), "error");
+      return;
+    }
+    const body = buildBody();
+    if (!body) return;
+    setSubmitting(true);
+    try {
+      await apiCallOrThrow(API, { method: isEdit ? "PUT" : "POST", body: JSON.stringify(body) });
+      flash(
+        isEdit ? t("terminal_tracking.terminal_config.flash.updated", "Terminal updated") : t("terminal_tracking.terminal_config.flash.created", "Terminal created"),
+        "success"
+      );
+      setDialogOpen(false);
+      table.refresh();
+    } catch (err) {
+      flash(err instanceof Error ? err.message : "Failed to save terminal", "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }, [submitting, isEdit, form, buildBody, table, t]);
+  const handleDelete = useCallback(
+    async (id) => {
+      if (!confirm(t("terminal_tracking.terminal_config.confirmDelete", "Delete this terminal?"))) return;
+      try {
+        await apiCallOrThrow(API, { method: "DELETE", body: JSON.stringify({ id }) });
+        flash(t("terminal_tracking.terminal_config.flash.deleted", "Terminal deleted"), "success");
+        table.refresh();
+      } catch (err) {
+        flash(err instanceof Error ? err.message : "Failed to delete terminal", "error");
+      }
+    },
+    [table, t]
+  );
+  const handleTest = useCallback(
+    async (id) => {
+      setTestResult(null);
+      try {
+        const { result } = await apiCallOrThrow(
+          `${API}/test`,
+          { method: "POST", body: JSON.stringify({ id }) }
+        );
+        flash(
+          result?.success ? t("terminal_tracking.terminal_config.flash.testOk", "Connection OK") : result?.message ?? "Connection failed",
+          result?.success ? "success" : "error"
+        );
+      } catch (err) {
+        flash(err instanceof Error ? err.message : "Connection test failed", "error");
+      }
+    },
+    [t]
+  );
+  const handleDialogKeyDown = useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        handleSubmit();
+      }
+    },
+    [handleSubmit]
+  );
+  const actionsRenderer = useCallback(
+    (rowData) => {
+      if (!rowData?.id) return null;
+      const items = [
+        { label: t("terminal_tracking.terminal_config.actions.test", "Test connection"), onSelect: () => handleTest(rowData.id) },
+        { label: t("common.edit", "Edit"), onSelect: () => openEdit(rowData.id) },
+        { label: t("common.delete", "Delete"), onSelect: () => handleDelete(rowData.id), destructive: true }
+      ];
+      return /* @__PURE__ */ jsx(RowActions, { items });
+    },
+    [t, handleTest, openEdit, handleDelete]
+  );
+  if (table.isLoading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { className: "space-y-6", children: /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("terminal_tracking.terminal_config.title", "Terminals") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(TableSkeleton, { rows: 5, columns: 5 }) })
+    ] }) }) });
+  }
+  const credPlaceholder = (f) => isEdit && f.secret ? "\u2022\u2022\u2022\u2022 " + t("terminal_tracking.terminal_config.unchanged", "unchanged") : f.placeholder;
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: t("terminal_tracking.terminal_config.title", "Terminals") }),
+        /* @__PURE__ */ jsx(CardDescription, { children: t(
+          "terminal_tracking.terminal_config.description",
+          "Configure container terminal APIs (auth + URLs) and the identifiers used to match them."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { style: { height: 420 }, children: /* @__PURE__ */ jsx(DynamicTable, { ...table.props, actionsRenderer }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: dialogOpen, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-xl max-h-[85vh] overflow-y-auto", onKeyDown: handleDialogKeyDown, children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEdit ? t("terminal_tracking.terminal_config.edit", "Edit Terminal") : t("terminal_tracking.terminal_config.create", "Add Terminal") }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 py-2", children: [
+        /* @__PURE__ */ jsx(SectionLabel, { children: t("terminal_tracking.terminal_config.section.terminal", "Terminal") }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "adapterType", children: t("terminal_tracking.terminal_config.adapterType", "Adapter") }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                id: "adapterType",
+                className: "border rounded h-9 px-2 text-sm",
+                value: form.adapterType,
+                onChange: (e) => changeAdapter(e.target.value),
+                children: ADAPTER_ORDER.map((k) => /* @__PURE__ */ jsx("option", { value: k, children: ADAPTER_SPECS[k].label }, k))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "terminalCode", children: t("terminal_tracking.terminal_config.terminalCode", "Terminal code") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "terminalCode",
+                value: form.terminalCode,
+                disabled: isEdit,
+                onChange: (e) => setField("terminalCode", e.target.value),
+                placeholder: "dct"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "displayName", children: t("terminal_tracking.terminal_config.displayName", "Name") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "displayName",
+              value: form.displayName,
+              onChange: (e) => setField("displayName", e.target.value),
+              placeholder: "DCT Gda\u0144sk (Baltic Hub)"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "baseUrl", children: t("terminal_tracking.terminal_config.baseUrl", "API base URL") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "baseUrl",
+              value: form.baseUrl,
+              onChange: (e) => setField("baseUrl", e.target.value),
+              placeholder: "https://\u2026"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(SectionLabel, { children: t("terminal_tracking.terminal_config.section.auth", "Authentication") }),
+        spec.showOAuth && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "tokenUrl", children: t("terminal_tracking.terminal_config.tokenUrl", "Token URL") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "tokenUrl",
+                value: form.tokenUrl,
+                onChange: (e) => setField("tokenUrl", e.target.value),
+                placeholder: ".../oauth2/v2.0/token?p=b2c_1_ropc_login"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "clientId", children: t("terminal_tracking.terminal_config.clientId", "Client ID") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "clientId",
+                  value: form.clientId,
+                  onChange: (e) => setField("clientId", e.target.value),
+                  placeholder: "00000000-0000-0000-0000-000000000000"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "scope", children: t("terminal_tracking.terminal_config.scope", "Scope") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "scope",
+                  value: form.scope,
+                  onChange: (e) => setField("scope", e.target.value),
+                  placeholder: "https://<tenant>/<app-id>/<scope>"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        credFields.map((f) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `cred-${f.key}`, children: t(`terminal_tracking.terminal_config.cred.${f.key}`, f.label) }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `cred-${f.key}`,
+              type: f.secret ? "password" : "text",
+              autoComplete: "off",
+              value: form.credentials[f.key] ?? "",
+              onChange: (e) => setCredential(f.key, e.target.value),
+              placeholder: credPlaceholder(f)
+            }
+          )
+        ] }, f.key)),
+        form.adapterType === "gct" && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+          "terminal_tracking.terminal_config.gctHint",
+          "The base32 key shown in the GCT panel next to the QR code. A fresh one-time code is computed from it on each login."
+        ) }),
+        isEdit && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("terminal_tracking.terminal_config.credEditHint", "Leave credentials blank to keep them unchanged.") }),
+        /* @__PURE__ */ jsx(SectionLabel, { children: t("terminal_tracking.terminal_config.section.matching", "Matching") }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "unlocode", children: t("terminal_tracking.terminal_config.unlocode", "UN/LOCODE") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "unlocode",
+                value: form.unlocode,
+                maxLength: 5,
+                onChange: (e) => setField("unlocode", e.target.value.toUpperCase()),
+                placeholder: "PLGDN"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "smdgCodes", children: t("terminal_tracking.terminal_config.smdgCodes", "SMDG codes (csv)") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "smdgCodes",
+                value: form.smdgCodes,
+                onChange: (e) => setField("smdgCodes", e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "bicCodes", children: t("terminal_tracking.terminal_config.bicCodes", "BIC codes (csv)") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "bicCodes",
+                value: form.bicCodes,
+                onChange: (e) => setField("bicCodes", e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "nameAliases", children: t("terminal_tracking.terminal_config.nameAliases", "Name aliases (csv)") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "nameAliases",
+                value: form.nameAliases,
+                onChange: (e) => setField("nameAliases", e.target.value),
+                placeholder: "Baltic Hub, DCT Gda\u0144sk"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(SectionLabel, { children: t("terminal_tracking.terminal_config.section.advanced", "Advanced") }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "proxyUrl", children: t("terminal_tracking.terminal_config.proxyUrl", "API proxy URL (optional)") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "proxyUrl",
+              value: form.proxyUrl,
+              onChange: (e) => setField("proxyUrl", e.target.value),
+              placeholder: "http://proxy.example.com:8888"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "rlReq", children: t("terminal_tracking.terminal_config.rateLimitRequests", "Rate limit (requests)") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "rlReq",
+                type: "number",
+                min: 1,
+                value: form.rateLimitRequests,
+                onChange: (e) => setField("rateLimitRequests", Number(e.target.value) || 200)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "rlWin", children: t("terminal_tracking.terminal_config.rateLimitWindowSeconds", "Window (seconds)") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "rlWin",
+                type: "number",
+                min: 1,
+                value: form.rateLimitWindowSeconds,
+                onChange: (e) => setField("rateLimitWindowSeconds", Number(e.target.value) || 60)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: "isActive",
+              checked: form.isActive,
+              onCheckedChange: (c) => setField("isActive", c === true)
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "isActive", className: "cursor-pointer", children: t("terminal_tracking.terminal_config.isActive", "Active") })
+        ] }),
+        testResult && /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-2 rounded-md p-3 text-sm ${testResult.success ? "bg-green-50 text-green-700" : "bg-red-50 text-red-700"}`, 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(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setDialogOpen(false), disabled: submitting, children: t("common.cancel", "Cancel") }),
+        /* @__PURE__ */ jsxs(Button, { onClick: handleSubmit, disabled: submitting, children: [
+          submitting ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isEdit ? t("common.save", "Save") : t("common.create", "Create")
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+}
+function SectionLabel({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground pt-1", children });
+}
+export {
+  TerminalConfigsPage as default
+};
+//# sourceMappingURL=page.js.map