@dainamite/cpq 0.2.2

package/dist/modules/cpq/backend/cpq/pricing/[id]/ImportPreview.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+function ImportPreview({
+  diff,
+  saving,
+  onConfirm,
+  onCancel
+}) {
+  const total = diff.inserts.length + diff.updates.length + diff.deletes.length;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-5 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: "Import preview" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center text-sm", children: [
+        /* @__PURE__ */ jsxs(Tag, { variant: "success", dot: true, children: [
+          diff.inserts.length,
+          " new"
+        ] }),
+        /* @__PURE__ */ jsxs(Tag, { variant: "warning", dot: true, children: [
+          diff.updates.length,
+          " updated"
+        ] }),
+        /* @__PURE__ */ jsxs(Tag, { variant: "error", dot: true, children: [
+          diff.deletes.length,
+          " deleted"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "(",
+          diff.unchanged.length,
+          " unchanged)"
+        ] })
+      ] })
+    ] }),
+    diff.warnings.length > 0 && /* @__PURE__ */ jsxs(Alert, { variant: "default", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium mb-1", children: "Warnings" }),
+      /* @__PURE__ */ jsx("ul", { className: "list-disc pl-5 text-xs space-y-0.5", children: diff.warnings.map((w, i) => /* @__PURE__ */ jsx("li", { children: w }, i)) })
+    ] }),
+    total === 0 ? /* @__PURE__ */ jsx(Alert, { children: "The file contains no changes \u2014 every row matches an existing entry." }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-xs", children: [
+      diff.inserts.length > 0 && /* @__PURE__ */ jsxs("details", { className: "rounded border p-2", children: [
+        /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer font-medium text-success", children: [
+          diff.inserts.length,
+          " new entries will be created"
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-2 pl-5 list-disc space-y-0.5 max-h-40 overflow-y-auto", children: diff.inserts.map((r) => /* @__PURE__ */ jsxs("li", { children: [
+          "Row ",
+          r.rowNumber,
+          ": ",
+          summarizeRow(r)
+        ] }, r.rowNumber)) })
+      ] }),
+      diff.updates.length > 0 && /* @__PURE__ */ jsxs("details", { className: "rounded border p-2", children: [
+        /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer font-medium text-warning", children: [
+          diff.updates.length,
+          " entries will be updated"
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-2 pl-5 list-disc space-y-0.5 max-h-40 overflow-y-auto", children: diff.updates.map((u) => /* @__PURE__ */ jsxs("li", { children: [
+          "Row ",
+          u.after.rowNumber,
+          " (id ",
+          /* @__PURE__ */ jsxs("code", { className: "font-mono", children: [
+            u.before.id.slice(0, 8),
+            "\u2026"
+          ] }),
+          "): ",
+          summarizeRow(u.after)
+        ] }, u.before.id)) })
+      ] }),
+      diff.deletes.length > 0 && /* @__PURE__ */ jsxs("details", { className: "rounded border p-2", children: [
+        /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer font-medium text-destructive", children: [
+          diff.deletes.length,
+          " entries will be deleted"
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-2 pl-5 list-disc space-y-0.5 max-h-40 overflow-y-auto", children: diff.deletes.map((e) => /* @__PURE__ */ jsxs("li", { children: [
+          /* @__PURE__ */ jsxs("code", { className: "font-mono", children: [
+            e.id.slice(0, 8),
+            "\u2026"
+          ] }),
+          ": ",
+          summarizeEntry(e)
+        ] }, e.id)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2 border-t", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: onConfirm, disabled: saving || total === 0, children: saving ? "Applying..." : `Apply changes (${total})` }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: saving, children: "Cancel" })
+    ] })
+  ] });
+}
+function summarizeRow(r) {
+  const bits = [];
+  if (r.tierNumber != null) bits.push(`tier ${r.tierNumber}`);
+  if (r.rangeFrom != null || r.rangeTo != null) bits.push(`[${r.rangeFrom ?? "0"}..${r.rangeTo ?? "\u221E"}]`);
+  for (const [k, v] of Object.entries(r.dimensionValues)) if (v) bits.push(`${k}=${v}`);
+  bits.push(r.currencyCode);
+  const priceBits = Object.entries(r.prices).map(([k, v]) => `${k}:${v}`);
+  if (priceBits.length > 0) bits.push(`{${priceBits.join(", ")}}`);
+  return bits.join(" \xB7 ");
+}
+function summarizeEntry(e) {
+  const bits = [];
+  if (e.tierNumber != null) bits.push(`tier ${e.tierNumber}`);
+  if (e.rangeFrom != null || e.rangeTo != null) bits.push(`[${e.rangeFrom ?? "0"}..${e.rangeTo ?? "\u221E"}]`);
+  for (const [k, v] of Object.entries(e.dimensionValues)) if (v) bits.push(`${k}=${v}`);
+  bits.push(e.currencyCode);
+  return bits.join(" \xB7 ");
+}
+export {
+  ImportPreview
+};
+//# sourceMappingURL=ImportPreview.js.map

package/dist/modules/cpq/backend/cpq/pricing/[id]/ImportPreview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/cpq/backend/cpq/pricing/%5Bid%5D/ImportPreview.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport type { ImportDiff } from './xlsxImport'\n\nexport function ImportPreview({\n  diff,\n  saving,\n  onConfirm,\n  onCancel,\n}: {\n  diff: ImportDiff\n  saving: boolean\n  onConfirm: () => void\n  onCancel: () => void\n}) {\n  const total = diff.inserts.length + diff.updates.length + diff.deletes.length\n  return (\n    <div className=\"rounded-lg border bg-card p-5 space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"font-semibold\">Import preview</h3>\n        <div className=\"flex gap-2 items-center text-sm\">\n          <Tag variant=\"success\" dot>{diff.inserts.length} new</Tag>\n          <Tag variant=\"warning\" dot>{diff.updates.length} updated</Tag>\n          <Tag variant=\"error\" dot>{diff.deletes.length} deleted</Tag>\n          <span className=\"text-muted-foreground\">({diff.unchanged.length} unchanged)</span>\n        </div>\n      </div>\n\n      {diff.warnings.length > 0 && (\n        <Alert variant=\"default\">\n          <div className=\"font-medium mb-1\">Warnings</div>\n          <ul className=\"list-disc pl-5 text-xs space-y-0.5\">\n            {diff.warnings.map((w, i) => <li key={i}>{w}</li>)}\n          </ul>\n        </Alert>\n      )}\n\n      {total === 0 ? (\n        <Alert>\n          The file contains no changes \u2014 every row matches an existing entry.\n        </Alert>\n      ) : (\n        <div className=\"space-y-2 text-xs\">\n          {diff.inserts.length > 0 && (\n            <details className=\"rounded border p-2\">\n              <summary className=\"cursor-pointer font-medium text-success\">\n                {diff.inserts.length} new entries will be created\n              </summary>\n              <ul className=\"mt-2 pl-5 list-disc space-y-0.5 max-h-40 overflow-y-auto\">\n                {diff.inserts.map((r) => (\n                  <li key={r.rowNumber}>\n                    Row {r.rowNumber}: {summarizeRow(r)}\n                  </li>\n                ))}\n              </ul>\n            </details>\n          )}\n          {diff.updates.length > 0 && (\n            <details className=\"rounded border p-2\">\n              <summary className=\"cursor-pointer font-medium text-warning\">\n                {diff.updates.length} entries will be updated\n              </summary>\n              <ul className=\"mt-2 pl-5 list-disc space-y-0.5 max-h-40 overflow-y-auto\">\n                {diff.updates.map((u) => (\n                  <li key={u.before.id}>\n                    Row {u.after.rowNumber} (id <code className=\"font-mono\">{u.before.id.slice(0, 8)}\u2026</code>): {summarizeRow(u.after)}\n                  </li>\n                ))}\n              </ul>\n            </details>\n          )}\n          {diff.deletes.length > 0 && (\n            <details className=\"rounded border p-2\">\n              <summary className=\"cursor-pointer font-medium text-destructive\">\n                {diff.deletes.length} entries will be deleted\n              </summary>\n              <ul className=\"mt-2 pl-5 list-disc space-y-0.5 max-h-40 overflow-y-auto\">\n                {diff.deletes.map((e) => (\n                  <li key={e.id}>\n                    <code className=\"font-mono\">{e.id.slice(0, 8)}\u2026</code>: {summarizeEntry(e)}\n                  </li>\n                ))}\n              </ul>\n            </details>\n          )}\n        </div>\n      )}\n\n      <div className=\"flex gap-2 pt-2 border-t\">\n        <Button type=\"button\" onClick={onConfirm} disabled={saving || total === 0}>\n          {saving ? 'Applying...' : `Apply changes (${total})`}\n        </Button>\n        <Button type=\"button\" variant=\"outline\" onClick={onCancel} disabled={saving}>\n          Cancel\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nfunction summarizeRow(r: ImportDiff['inserts'][number] | ImportDiff['updates'][number]['after']): string {\n  const bits: string[] = []\n  if (r.tierNumber != null) bits.push(`tier ${r.tierNumber}`)\n  if (r.rangeFrom != null || r.rangeTo != null) bits.push(`[${r.rangeFrom ?? '0'}..${r.rangeTo ?? '\u221E'}]`)\n  for (const [k, v] of Object.entries(r.dimensionValues)) if (v) bits.push(`${k}=${v}`)\n  bits.push(r.currencyCode)\n  const priceBits = Object.entries(r.prices).map(([k, v]) => `${k}:${v}`)\n  if (priceBits.length > 0) bits.push(`{${priceBits.join(', ')}}`)\n  return bits.join(' \u00B7 ')\n}\n\nfunction summarizeEntry(e: ImportDiff['deletes'][number]): string {\n  const bits: string[] = []\n  if (e.tierNumber != null) bits.push(`tier ${e.tierNumber}`)\n  if (e.rangeFrom != null || e.rangeTo != null) bits.push(`[${e.rangeFrom ?? '0'}..${e.rangeTo ?? '\u221E'}]`)\n  for (const [k, v] of Object.entries(e.dimensionValues)) if (v) bits.push(`${k}=${v}`)\n  bits.push(e.currencyCode)\n  return bits.join(' \u00B7 ')\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/pricing/[id]/page.js

@@ -0,0 +1,492 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useParams, useRouter } from "next/navigation";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { Download, Trash2, Upload } from "lucide-react";
+import { EntriesEditor } from "./EntriesEditor.js";
+import { exportPricingTableToXlsx } from "./xlsxExport.js";
+import {
+  commitImportDiff,
+  parsePricingTableXlsx
+} from "./xlsxImport.js";
+import { ImportPreview } from "./ImportPreview.js";
+const EMPTY_TABLE = {
+  id: "",
+  code: "",
+  name: "",
+  dimensions: [],
+  priceColumns: [],
+  currencyCodeList: ["USD"],
+  isActive: true
+};
+const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function PricingTableDetailPage(props) {
+  const t = useT();
+  const router = useRouter();
+  const urlParams = useParams();
+  const id = props.params?.id ?? urlParams?.id;
+  const isNew = id === "new";
+  const [table, setTable] = React.useState(EMPTY_TABLE);
+  const [entries, setEntries] = React.useState([]);
+  const [loading, setLoading] = React.useState(!isNew);
+  const [error, setError] = React.useState(null);
+  const [mode, setMode] = React.useState(isNew ? "edit" : "view");
+  const [draft, setDraft] = React.useState(EMPTY_TABLE);
+  const [saving, setSaving] = React.useState(false);
+  const fileInputRef = React.useRef(null);
+  const [importDiff, setImportDiff] = React.useState(null);
+  const [importApplying, setImportApplying] = React.useState(false);
+  const load = React.useCallback(async () => {
+    if (isNew) return;
+    if (!id || !UUID_RE.test(id)) {
+      setError("Invalid pricing table ID");
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/cpq/pricing-tables?id=${encodeURIComponent(id)}`);
+      if (!res.ok) {
+        setError("Pricing table not found");
+        return;
+      }
+      const data = await res.json();
+      const loaded = {
+        id: data.id,
+        code: data.code,
+        name: data.name,
+        dimensions: data.dimensions ?? [],
+        priceColumns: data.priceColumns ?? [],
+        currencyCodeList: data.currencyCodeList ?? ["USD"],
+        isActive: data.isActive
+      };
+      setTable(loaded);
+      setDraft(loaded);
+      setEntries(data.entries ?? []);
+    } catch (err) {
+      console.error("Failed to load pricing table", err);
+      setError("Failed to load");
+    } finally {
+      setLoading(false);
+    }
+  }, [id, isNew]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const startEdit = () => {
+    setDraft(table);
+    setMode("edit");
+    setError(null);
+  };
+  const cancelEdit = () => {
+    if (isNew) {
+      router.push("/backend/cpq/pricing");
+      return;
+    }
+    setDraft(table);
+    setMode("view");
+    setError(null);
+  };
+  const configValidationError = React.useMemo(() => {
+    if (!draft.code.trim()) return "Code is required";
+    if (!draft.name.trim()) return "Name is required";
+    if (draft.currencyCodeList.length === 0) return "At least one currency is required";
+    const checkList = (items, label) => {
+      const seen = /* @__PURE__ */ new Set();
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (!item.key.trim()) return `${label} #${i + 1}: key is required`;
+        if (!item.label.trim()) return `${label} #${i + 1}: label is required`;
+        if (seen.has(item.key)) return `${label}: duplicate key "${item.key}"`;
+        seen.add(item.key);
+      }
+      return null;
+    };
+    return checkList(draft.dimensions, "Dimension") ?? checkList(draft.priceColumns, "Price Column");
+  }, [draft]);
+  const saveConfig = async () => {
+    if (configValidationError) {
+      setError(configValidationError);
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      const payload = {
+        code: draft.code,
+        name: draft.name,
+        dimensions: draft.dimensions,
+        priceColumns: draft.priceColumns,
+        currencyCodeList: draft.currencyCodeList,
+        isActive: draft.isActive
+      };
+      const res = await fetch("/api/cpq/pricing-tables", {
+        method: isNew ? "POST" : "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(isNew ? payload : { id, ...payload })
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        setError(body.error ?? `Failed to ${isNew ? "create" : "save"} pricing table`);
+        return;
+      }
+      const saved = await res.json();
+      if (isNew) {
+        router.push(`/backend/cpq/pricing/${saved.id}`);
+      } else {
+        setTable({ ...draft, id });
+        setMode("view");
+      }
+    } catch (err) {
+      console.error("Failed to save", err);
+      setError("Failed to save");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleImportFile = async (file) => {
+    setError(null);
+    const r = await parsePricingTableXlsx(
+      file,
+      {
+        dimensions: table.dimensions,
+        priceColumns: table.priceColumns,
+        currencyCodeList: table.currencyCodeList
+      },
+      entries
+    );
+    if (!r.ok) {
+      setError(r.error);
+      return;
+    }
+    setImportDiff(r.diff);
+  };
+  const applyImportDiff = async () => {
+    if (!importDiff) return;
+    setImportApplying(true);
+    setError(null);
+    try {
+      const r = await commitImportDiff(table.id, importDiff);
+      if (!r.ok) {
+        setError(r.error);
+        return;
+      }
+      setImportDiff(null);
+      await load();
+    } finally {
+      setImportApplying(false);
+    }
+  };
+  const cancelImport = () => {
+    setImportDiff(null);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+  const deleteTable = async () => {
+    if (!window.confirm(t("cpq.pricing.confirmDelete", "Delete this pricing table and all its entries?"))) return;
+    try {
+      const res = await fetch("/api/cpq/pricing-tables", {
+        method: "DELETE",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ id })
+      });
+      if (res.ok) {
+        router.push("/backend/cpq/pricing");
+      } else {
+        const body = await res.json().catch(() => ({}));
+        setError(body.error ?? "Failed to delete");
+      }
+    } catch {
+      setError("Failed to delete");
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("common.loading", "Loading...") });
+  }
+  if (error && !isNew && !table.id) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => router.push("/backend/cpq/pricing"),
+          className: "text-sm text-muted-foreground hover:text-foreground",
+          children: [
+            "\u2190 ",
+            t("common.back", "Back")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: error })
+    ] });
+  }
+  const editing = mode === "edit";
+  const view = editing ? draft : table;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => router.push("/backend/cpq/pricing"),
+            className: "text-sm text-muted-foreground hover:text-foreground",
+            children: [
+              "\u2190 ",
+              t("common.back", "Back")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: isNew ? t("cpq.pricing.new", "New Pricing Table") : table.name }),
+        !isNew && /* @__PURE__ */ jsx(Tag, { variant: table.isActive ? "success" : "neutral", dot: true, children: table.isActive ? t("common.active", "Active") : t("common.inactive", "Inactive") })
+      ] }),
+      !isNew && mode === "view" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => exportPricingTableToXlsx(table, entries),
+            title: t("cpq.pricing.export.tooltip", "Download this pricing table as an Excel file"),
+            children: [
+              /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 mr-1.5" }),
+              t("cpq.pricing.export.button", "Export to Excel")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => fileInputRef.current?.click(),
+            title: t("cpq.pricing.import.tooltip", "Upload an Excel file to add / update / delete entries"),
+            disabled: importDiff !== null,
+            children: [
+              /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4 mr-1.5" }),
+              t("cpq.pricing.import.button", "Import from Excel")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: ".xlsx,.xls,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+            className: "hidden",
+            onChange: (e) => {
+              const file = e.target.files?.[0];
+              if (file) void handleImportFile(file);
+              e.target.value = "";
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "button", onClick: startEdit, children: t("common.edit", "Edit") }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", onClick: deleteTable, children: t("common.delete", "Delete") })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: error }),
+    importDiff && /* @__PURE__ */ jsx(
+      ImportPreview,
+      {
+        diff: importDiff,
+        saving: importApplying,
+        onConfirm: applyImportDiff,
+        onCancel: cancelImport
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-6 space-y-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Configuration" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx(ConfigField, { label: "Code", required: true, children: editing ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: view.code,
+            onChange: (e) => setDraft({ ...draft, code: e.target.value }),
+            placeholder: "e.g. cloud-connect-pricing"
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: view.code }) }),
+        /* @__PURE__ */ jsx(ConfigField, { label: "Name", required: true, children: editing ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: view.name,
+            onChange: (e) => setDraft({ ...draft, name: e.target.value }),
+            placeholder: "Cloud Connect Pricing"
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: view.name }) }),
+        /* @__PURE__ */ jsx(ConfigField, { label: "Currencies (comma-separated)", required: true, children: editing ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: view.currencyCodeList.join(", "),
+            onChange: (e) => setDraft({
+              ...draft,
+              currencyCodeList: e.target.value.split(",").map((s) => s.trim().toUpperCase()).filter(Boolean)
+            }),
+            placeholder: "USD, EUR"
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "text-sm", children: view.currencyCodeList.join(", ") || "\u2014" }) }),
+        /* @__PURE__ */ jsx(ConfigField, { label: "Active", children: editing ? /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: view.isActive,
+              onChange: (e) => setDraft({ ...draft, isActive: e.target.checked }),
+              className: "rounded border"
+            }
+          ),
+          view.isActive ? "Yes" : "No"
+        ] }) : /* @__PURE__ */ jsx("span", { className: "text-sm", children: view.isActive ? "Yes" : "No" }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        KeyLabelListEditor,
+        {
+          title: "Dimensions",
+          description: "Lookup keys for matching entries (e.g. region, tier). Leave empty if you use tier ranges only.",
+          items: view.dimensions,
+          editing,
+          onChange: (dimensions) => setDraft({ ...draft, dimensions })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        KeyLabelListEditor,
+        {
+          title: "Price Columns",
+          description: "Each price column becomes a numeric field on every entry. Charges reference one column by its key.",
+          items: view.priceColumns,
+          editing,
+          onChange: (priceColumns) => setDraft({ ...draft, priceColumns })
+        }
+      ),
+      editing && /* @__PURE__ */ jsxs(Fragment, { children: [
+        configValidationError && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: configValidationError }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2 border-t", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: saveConfig,
+              disabled: saving || configValidationError !== null,
+              children: saving ? "Saving..." : isNew ? "Create Pricing Table" : "Save"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: cancelEdit, disabled: saving, children: "Cancel" })
+        ] })
+      ] })
+    ] }),
+    !isNew && /* @__PURE__ */ jsx(
+      EntriesEditor,
+      {
+        table: {
+          id: table.id,
+          dimensions: table.dimensions,
+          priceColumns: table.priceColumns,
+          currencyCodeList: table.currencyCodeList
+        },
+        initialEntries: entries,
+        onSaved: () => {
+          void load();
+        }
+      }
+    )
+  ] });
+}
+function ConfigField({
+  label,
+  required,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-xs mb-1", children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { children })
+  ] });
+}
+function KeyLabelListEditor({
+  title,
+  description,
+  items,
+  editing,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description })
+    ] }),
+    items.length === 0 && !editing && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground italic", children: "\u2014" }),
+    items.length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/30 text-xs", children: [
+        /* @__PURE__ */ jsxs("th", { className: "px-3 py-2 text-left font-medium", children: [
+          "Key ",
+          editing && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxs("th", { className: "px-3 py-2 text-left font-medium", children: [
+          "Label ",
+          editing && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
+        ] }),
+        editing && /* @__PURE__ */ jsx("th", { className: "px-3 py-2 w-8", "aria-label": "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: items.map((item, idx) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+        /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: editing ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: item.key,
+            onChange: (e) => {
+              const next = [...items];
+              next[idx] = { ...item, key: e.target.value };
+              onChange(next);
+            },
+            placeholder: "e.g. region",
+            className: "h-8"
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: item.key }) }),
+        /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: editing ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: item.label,
+            onChange: (e) => {
+              const next = [...items];
+              next[idx] = { ...item, label: e.target.value };
+              onChange(next);
+            },
+            placeholder: "Region",
+            className: "h-8"
+          }
+        ) : /* @__PURE__ */ jsx("span", { children: item.label }) }),
+        editing && /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(items.filter((_, i) => i !== idx)),
+            className: "text-destructive hover:bg-destructive/10 rounded p-1",
+            "aria-label": "Remove",
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+          }
+        ) })
+      ] }, idx)) })
+    ] }) }),
+    editing && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: () => onChange([...items, { key: "", label: "" }]),
+        children: [
+          "+ Add ",
+          title.slice(0, -1)
+        ]
+      }
+    )
+  ] });
+}
+export {
+  PricingTableDetailPage as default
+};
+//# sourceMappingURL=page.js.map