strapi-plugin-bulk-updater 1.0.1 → 1.2.0

package/dist/_chunks/ValidationRulesTab-BoqhoTjo.js

@@ -0,0 +1,597 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const admin = require("@strapi/strapi/admin");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+function ValidationRulesTab() {
+  const { get, post, del } = admin.useFetchClient();
+  const { toggleNotification } = admin.useNotification();
+  const [rules, setRules] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [modalOpen, setModalOpen] = React.useState(false);
+  const [editingRule, setEditingRule] = React.useState(null);
+  const [formName, setFormName] = React.useState("");
+  const [formDesc, setFormDesc] = React.useState("");
+  const [formField, setFormField] = React.useState("");
+  const [formAction, setFormAction] = React.useState("disable");
+  const [formQuotas, setFormQuotas] = React.useState([
+    { key: "h1", maxAllowed: 1 },
+    { key: "h2", maxAllowed: 3 }
+  ]);
+  const [saving, setSaving] = React.useState(false);
+  const [scanModalOpen, setScanModalOpen] = React.useState(false);
+  const [scanningRuleId, setScanningRuleId] = React.useState(null);
+  const [scanReport, setScanReport] = React.useState(null);
+  const handleScanRule = async (rule) => {
+    try {
+      setScanningRuleId(rule.id);
+      const res = await get(`/bulk-updater/validation-rules/${rule.id}/scan`);
+      if (res.data && res.data.success) {
+        setScanReport(res.data);
+        setScanModalOpen(true);
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: `Scan failed: ${err.message}`
+      });
+    } finally {
+      setScanningRuleId(null);
+    }
+  };
+  const fetchRules = async () => {
+    try {
+      setLoading(true);
+      const res = await get("/bulk-updater/validation-rules");
+      if (res.data && res.data.success) {
+        setRules(res.data.rules || []);
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: `Failed to load rules: ${err.message}`
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+  React.useEffect(() => {
+    fetchRules();
+  }, []);
+  const openCreateModal = () => {
+    setEditingRule(null);
+    setFormName("");
+    setFormDesc("");
+    setFormField("headingLevel");
+    setFormAction("disable");
+    setFormQuotas([
+      { key: "h1", maxAllowed: 1 },
+      { key: "h2", maxAllowed: 3 }
+    ]);
+    setModalOpen(true);
+  };
+  const openEditModal = (rule) => {
+    setEditingRule(rule);
+    setFormName(rule.name);
+    setFormDesc(rule.description || "");
+    setFormField(rule.targetField);
+    setFormAction(rule.exceededAction || "disable");
+    const quotaPairs = Object.entries(rule.quotas || {}).map(([k, v]) => ({
+      key: k,
+      maxAllowed: v
+    }));
+    setFormQuotas(quotaPairs.length > 0 ? quotaPairs : [{ key: "h1", maxAllowed: 1 }]);
+    setModalOpen(true);
+  };
+  const handleAddQuotaRow = () => {
+    setFormQuotas((prev) => [...prev, { key: "", maxAllowed: 1 }]);
+  };
+  const handleRemoveQuotaRow = (idx) => {
+    setFormQuotas((prev) => prev.filter((_, i) => i !== idx));
+  };
+  const handleQuotaChange = (idx, field, value) => {
+    setFormQuotas(
+      (prev) => prev.map((row, i) => {
+        if (i === idx) {
+          return {
+            ...row,
+            [field]: field === "maxAllowed" ? Math.max(1, parseInt(value, 10) || 1) : String(value).trim()
+          };
+        }
+        return row;
+      })
+    );
+  };
+  const handleSave = async () => {
+    if (!formName.trim() || !formField.trim()) {
+      toggleNotification({
+        type: "warning",
+        message: "Rule Name and Target Field are required."
+      });
+      return;
+    }
+    const quotasRecord = {};
+    for (const q of formQuotas) {
+      if (q.key.trim()) {
+        quotasRecord[q.key.trim().toLowerCase()] = q.maxAllowed;
+      }
+    }
+    if (Object.keys(quotasRecord).length === 0) {
+      toggleNotification({
+        type: "warning",
+        message: "At least one quota option with a limit is required."
+      });
+      return;
+    }
+    try {
+      setSaving(true);
+      const payload = {
+        id: editingRule ? editingRule.id : void 0,
+        name: formName.trim(),
+        description: formDesc.trim(),
+        targetField: formField.trim(),
+        quotas: quotasRecord,
+        exceededAction: formAction,
+        enabled: editingRule ? editingRule.enabled : true,
+        scope: "entry"
+      };
+      const res = await post("/bulk-updater/validation-rules", { rule: payload });
+      if (res.data && res.data.success) {
+        toggleNotification({
+          type: "success",
+          message: `Rule "${payload.name}" saved successfully!`
+        });
+        setModalOpen(false);
+        fetchRules();
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: `Failed to save rule: ${err.message}`
+      });
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleToggle = async (rule) => {
+    try {
+      const res = await post(`/bulk-updater/validation-rules/${rule.id}/toggle`, {
+        enabled: !rule.enabled
+      });
+      if (res.data && res.data.success) {
+        setRules(
+          (prev) => prev.map((r) => r.id === rule.id ? { ...r, enabled: !rule.enabled } : r)
+        );
+        toggleNotification({
+          type: "info",
+          message: `Rule "${rule.name}" is now ${!rule.enabled ? "ACTIVE" : "DISABLED"}.`
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: `Failed to update rule status: ${err.message}`
+      });
+    }
+  };
+  const handleDelete = async (ruleId, ruleName) => {
+    if (!window.confirm(`Are you sure you want to delete the rule "${ruleName}"?`)) return;
+    try {
+      const res = await del(`/bulk-updater/validation-rules/${ruleId}`);
+      if (res.data && res.data.success) {
+        setRules((prev) => prev.filter((r) => r.id !== ruleId));
+        toggleNotification({
+          type: "success",
+          message: `Rule "${ruleName}" deleted.`
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: `Failed to delete rule: ${err.message}`
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, background: "neutral0", shadow: "filterShadow", hasRadius: true, marginBottom: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", fontWeight: "bold", children: "Cross-Component Validation & Quota Rules" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: 4 }, children: "Define and enforce limits across Dynamic Zone components without writing code. Changes take effect immediately in both Admin edit view and Document Service APIs." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {}),
+            onClick: fetchRules,
+            loading,
+            children: "Refresh"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "default",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+            onClick: openCreateModal,
+            children: "Create New Rule"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, background: "neutral0", shadow: "filterShadow", hasRadius: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 3, style: { display: "block" }, children: [
+        "CONFIGURED RULES (",
+        rules.length,
+        ")"
+      ] }),
+      loading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral500", children: "Loading validation rules..." }) : rules.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "info", title: "No Rules Defined", children: 'Click "Create New Rule" above to add your first cross-component quota rule.' }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 6, rowCount: rules.length + 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "RULE NAME & TARGET FIELD" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "DESCRIPTION" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "QUOTA CONSTRAINTS" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "EXCEEDED ACTION" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "STATUS" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { textAlign: "right" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "ACTIONS" }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: rules.map((rule) => {
+          const quotaKeys = Object.entries(rule.quotas || {});
+          return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Td, { style: { minWidth: 200 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "neutral800", display: "block", children: rule.name }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: [
+                "Target Field: ",
+                /* @__PURE__ */ jsxRuntime.jsx("code", { children: rule.targetField })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { maxWidth: 300 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: rule.description || "—" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { minWidth: 220 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 1, wrap: "wrap", children: quotaKeys.map(([optVal, maxVal]) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "neutral100", textColor: "primary700", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: optVal.toUpperCase() }),
+              ": max ",
+              maxVal
+            ] }, optVal)) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { minWidth: 120 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Badge,
+              {
+                backgroundColor: rule.exceededAction === "hide" ? "secondary100" : "warning100",
+                textColor: rule.exceededAction === "hide" ? "secondary700" : "warning700",
+                children: rule.exceededAction.toUpperCase()
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { minWidth: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: rule.enabled ? "success-light" : "tertiary",
+                size: "S",
+                onClick: () => handleToggle(rule),
+                children: rule.enabled ? "● ACTIVE" : "○ DISABLED"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { textAlign: "right", minWidth: 260 }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, justifyContent: "flex-end", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  variant: "secondary",
+                  size: "S",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Search, {}),
+                  onClick: () => handleScanRule(rule),
+                  loading: scanningRuleId === rule.id,
+                  children: "Scan Violations"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  variant: "tertiary",
+                  size: "S",
+                  onClick: () => openEditModal(rule),
+                  children: "Edit"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  variant: "danger-light",
+                  size: "S",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
+                  onClick: () => handleDelete(rule.id, rule.name),
+                  children: "Delete"
+                }
+              )
+            ] }) })
+          ] }, rule.id);
+        }) })
+      ] })
+    ] }),
+    modalOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Box,
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          backgroundColor: "rgba(33, 33, 52, 0.65)",
+          zIndex: 9999,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "popupShadow",
+            padding: 6,
+            style: { width: "90%", maxWidth: 620, maxHeight: "90vh", overflowY: "auto" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", fontWeight: "bold", marginBottom: 1, children: editingRule ? "Edit Validation Rule" : "Create New Validation Rule" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", marginBottom: 4, style: { display: "block" }, children: "Configure cross-component limits. The rule will automatically apply to any Dynamic Zone or Component using this attribute." }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, alignItems: "stretch", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.TextInput,
+                  {
+                    label: "Rule Name",
+                    placeholder: "e.g. SEO Single H1 Rule",
+                    value: formName,
+                    onChange: (e) => setFormName(e.target.value),
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.TextInput,
+                  {
+                    label: "Target Field Name",
+                    placeholder: "e.g. headingLevel, titleStyle, or color",
+                    value: formField,
+                    onChange: (e) => setFormField(e.target.value),
+                    hint: "Attribute name on the component/customField to monitor across the entry.",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Textarea,
+                  {
+                    label: "Rule Description",
+                    placeholder: "Briefly explain what this constraint accomplishes...",
+                    value: formDesc,
+                    onChange: (e) => setFormDesc(e.target.value)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.SingleSelect,
+                  {
+                    label: "When Quota Is Exceeded in Another Component",
+                    value: formAction,
+                    onChange: (val) => setFormAction(val),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "disable", children: "Disable Option with Usage Badge [(1/1 used)]" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "hide", children: "Hide Option completely from dropdown menu" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Box,
+                  {
+                    padding: 4,
+                    background: "neutral100",
+                    hasRadius: true,
+                    style: { border: "1px solid #e0e0e0" },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: "Option Quotas (Max Allowed per Entry)" }),
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { display: "block" }, children: "Options left unlisted will have unlimited usage." })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Button,
+                          {
+                            variant: "secondary",
+                            size: "S",
+                            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+                            onClick: handleAddQuotaRow,
+                            children: "Add Option"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, children: formQuotas.map((q, idx) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.TextInput,
+                          {
+                            placeholder: "Option key (e.g. h1)",
+                            value: q.key,
+                            onChange: (e) => handleQuotaChange(idx, "key", e.target.value)
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.TextInput,
+                          {
+                            type: "number",
+                            placeholder: "Max",
+                            value: String(q.maxAllowed),
+                            onChange: (e) => handleQuotaChange(idx, "maxAllowed", e.target.value)
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Button,
+                          {
+                            variant: "ghost",
+                            size: "S",
+                            onClick: () => handleRemoveQuotaRow(idx),
+                            disabled: formQuotas.length <= 1,
+                            children: "✕"
+                          }
+                        )
+                      ] }, idx)) })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "flex-end", gap: 2, marginTop: 6, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Button,
+                  {
+                    variant: "tertiary",
+                    onClick: () => setModalOpen(false),
+                    disabled: saving,
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Button,
+                  {
+                    variant: "default",
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
+                    onClick: handleSave,
+                    loading: saving,
+                    children: "Save Rule"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    scanModalOpen && scanReport && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Box,
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          backgroundColor: "rgba(33, 33, 52, 0.65)",
+          zIndex: 9999,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "popupShadow",
+            padding: 6,
+            style: { width: "90%", maxWidth: 780, maxHeight: "85vh", overflowY: "auto" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "beta", tag: "h2", fontWeight: "bold", children: [
+                    "Rule Violation Audit: ",
+                    scanReport.rule?.name
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                    "Target Field: ",
+                    /* @__PURE__ */ jsxRuntime.jsx("code", { children: scanReport.rule?.targetField }),
+                    " • Total Entries Scanned: ",
+                    scanReport.totalScanned
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Badge,
+                  {
+                    backgroundColor: scanReport.totalViolations > 0 ? "danger100" : "success100",
+                    textColor: scanReport.totalViolations > 0 ? "danger700" : "success700",
+                    size: "M",
+                    children: scanReport.totalViolations > 0 ? `${scanReport.totalViolations} VIOLATION(S) FOUND` : "100% COMPLIANT"
+                  }
+                )
+              ] }),
+              scanReport.totalViolations === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "success", title: "No Pre-Existing Violations Detected", marginBottom: 4, children: "All existing documents across your collections adhere strictly to the configured quota limits." }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Alert, { variant: "danger", title: "Legacy Records Found Exceeding Quota", marginBottom: 4, children: [
+                  "The following ",
+                  scanReport.totalViolations,
+                  " record(s) contain more instances of restricted options than currently permitted by this rule."
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: scanReport.violations.length + 1, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "CONTENT TYPE & ENTRY" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "RESTRICTED OPTION" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "COUNT VS LIMIT" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { textAlign: "right" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "ACTION" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: scanReport.violations.map((v, idx) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Td, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: v.entryLabel }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral500", display: "block", children: [
+                        "Collection: ",
+                        v.collectionDisplayName
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: v.violatingOption }) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Td, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", textColor: "danger600", fontWeight: "bold", children: [
+                        v.foundCount,
+                        " used"
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: [
+                        " ",
+                        "(Allowed max: ",
+                        v.maxAllowed,
+                        ")"
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { textAlign: "right" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Button,
+                      {
+                        variant: "secondary",
+                        size: "S",
+                        onClick: () => window.open(v.editUrl, "_blank"),
+                        children: "Open in Editor ↗"
+                      }
+                    ) })
+                  ] }, idx)) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 6, children: [
+                scanReport.totalViolations > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Button,
+                  {
+                    variant: "secondary",
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
+                    onClick: async () => {
+                      try {
+                        const res = await get(`/bulk-updater/csv/export-violations/${scanReport.rule.id}`);
+                        const csvStr = res.data?.csvContent || (typeof res.data === "string" ? res.data : "");
+                        if (!csvStr) {
+                          toggleNotification({
+                            type: "warning",
+                            message: "No violation data to export"
+                          });
+                          return;
+                        }
+                        const blob = new Blob([csvStr], { type: "text/csv;charset=utf-8;" });
+                        const url = URL.createObjectURL(blob);
+                        const link = document.createElement("a");
+                        link.href = url;
+                        link.setAttribute("download", `violations_${scanReport.rule.id}.csv`);
+                        document.body.appendChild(link);
+                        link.click();
+                        document.body.removeChild(link);
+                        URL.revokeObjectURL(url);
+                        toggleNotification({
+                          type: "success",
+                          message: "Violations exported to CSV successfully"
+                        });
+                      } catch (e) {
+                        toggleNotification({
+                          type: "danger",
+                          message: e.message || "Failed exporting violations CSV"
+                        });
+                      }
+                    },
+                    children: "Export Violations CSV"
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "default", onClick: () => setScanModalOpen(false), children: "Close Report" })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+exports.ValidationRulesTab = ValidationRulesTab;
+//# sourceMappingURL=ValidationRulesTab-BoqhoTjo.js.map