@nextlyhq/plugin-form-builder 0.0.2-alpha.34 → 0.0.2-alpha.37

package/dist/chunk-2LLUO3TV.js

@@ -1,547 +0,0 @@
-// src/components/submissions/SubmissionList.tsx
-import { DataTableView } from "@nextlyhq/plugin-sdk/admin";
-import { useState, useCallback, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function formatValue(value) {
-  if (value === null || value === void 0) return "-";
-  if (Array.isArray(value)) return value.join(", ");
-  if (typeof value === "boolean") return value ? "Yes" : "No";
-  if (value instanceof Date) return value.toLocaleDateString();
-  let str;
-  if (typeof value === "object") {
-    str = JSON.stringify(value);
-  } else {
-    str = String(value);
-  }
-  return str.length > 50 ? str.slice(0, 50) + "..." : str;
-}
-function formatDate(date) {
-  const d = typeof date === "string" ? new Date(date) : date;
-  return d.toLocaleString();
-}
-function SubmissionList({
-  form,
-  submissions,
-  isLoading = false,
-  onStatusChange,
-  onDelete,
-  onBulkDelete,
-  onBulkStatusChange,
-  onExport,
-  onViewDetail
-}) {
-  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
-  const [filter, setFilter] = useState("all");
-  const [processingIds, setProcessingIds] = useState(/* @__PURE__ */ new Set());
-  const displayFields = useMemo(() => {
-    return form.fields.filter((f) => f.type !== "hidden").slice(0, 3);
-  }, [form.fields]);
-  const filteredSubmissions = useMemo(() => {
-    if (filter === "all") return submissions;
-    return submissions.filter((sub) => sub.status === filter);
-  }, [submissions, filter]);
-  const someSelected = selectedIds.size > 0;
-  const toggleSelect = useCallback((id) => {
-    setSelectedIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) {
-        next.delete(id);
-      } else {
-        next.add(id);
-      }
-      return next;
-    });
-  }, []);
-  const handleStatusChange = useCallback(
-    async (id, status) => {
-      if (!onStatusChange) return;
-      setProcessingIds((prev) => new Set(prev).add(id));
-      try {
-        await onStatusChange(id, status);
-      } finally {
-        setProcessingIds((prev) => {
-          const next = new Set(prev);
-          next.delete(id);
-          return next;
-        });
-      }
-    },
-    [onStatusChange]
-  );
-  const handleDelete = useCallback(
-    async (id) => {
-      if (!onDelete) return;
-      if (!window.confirm("Are you sure you want to delete this submission?")) {
-        return;
-      }
-      setProcessingIds((prev) => new Set(prev).add(id));
-      try {
-        await onDelete(id);
-        setSelectedIds((prev) => {
-          const next = new Set(prev);
-          next.delete(id);
-          return next;
-        });
-      } finally {
-        setProcessingIds((prev) => {
-          const next = new Set(prev);
-          next.delete(id);
-          return next;
-        });
-      }
-    },
-    [onDelete]
-  );
-  const handleBulkDelete = useCallback(async () => {
-    if (!onBulkDelete || selectedIds.size === 0) return;
-    if (!window.confirm(
-      `Are you sure you want to delete ${selectedIds.size} submission(s)?`
-    )) {
-      return;
-    }
-    const ids = Array.from(selectedIds);
-    ids.forEach((id) => setProcessingIds((prev) => new Set(prev).add(id)));
-    try {
-      await onBulkDelete(ids);
-      setSelectedIds(/* @__PURE__ */ new Set());
-    } finally {
-      setProcessingIds(/* @__PURE__ */ new Set());
-    }
-  }, [onBulkDelete, selectedIds]);
-  const handleBulkStatusChange = useCallback(
-    async (status) => {
-      if (!onBulkStatusChange || selectedIds.size === 0) return;
-      const ids = Array.from(selectedIds);
-      ids.forEach((id) => setProcessingIds((prev) => new Set(prev).add(id)));
-      try {
-        await onBulkStatusChange(ids, status);
-        setSelectedIds(/* @__PURE__ */ new Set());
-      } finally {
-        setProcessingIds(/* @__PURE__ */ new Set());
-      }
-    },
-    [onBulkStatusChange, selectedIds]
-  );
-  const columns = useMemo(() => {
-    const base = [
-      {
-        name: "id",
-        header: "ID",
-        cell: ({ row }) => /* @__PURE__ */ jsxs("code", { className: "font-mono text-xs text-muted-foreground", children: [
-          row.id.slice(0, 8),
-          "..."
-        ] })
-      },
-      {
-        name: "status",
-        header: "Status",
-        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-none border border-border bg-muted px-2 py-0.5 text-[11px] font-medium capitalize text-foreground", children: row.status })
-      },
-      {
-        name: "submittedAt",
-        header: "Submitted",
-        hideOnMobile: true,
-        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-sm text-muted-foreground", children: formatDate(row.submittedAt) })
-      }
-    ];
-    const fieldColumns = displayFields.map(
-      (field) => ({
-        name: `field:${field.name}`,
-        header: field.label,
-        hideOnMobile: true,
-        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: formatValue(row.data[field.name]) })
-      })
-    );
-    return [...base, ...fieldColumns];
-  }, [displayFields]);
-  const selection = useMemo(
-    () => ({
-      selectedIds: Array.from(selectedIds),
-      onToggle: (submission) => toggleSelect(submission.id),
-      onToggleAll: (rows, allChecked) => {
-        const ids = rows.map((r) => r.id);
-        setSelectedIds((prev) => {
-          const next = new Set(prev);
-          if (allChecked) ids.forEach((id) => next.delete(id));
-          else ids.forEach((id) => next.add(id));
-          return next;
-        });
-      }
-    }),
-    [selectedIds, toggleSelect]
-  );
-  const rowActions = useCallback(() => {
-    const actions = [];
-    if (onStatusChange) {
-      actions.push(
-        {
-          id: "mark-read",
-          label: "Mark Read",
-          isVisible: (r) => r.status !== "read",
-          isDisabled: (r) => processingIds.has(r.id),
-          onSelect: (r) => void handleStatusChange(r.id, "read")
-        },
-        {
-          id: "archive",
-          label: "Archive",
-          isVisible: (r) => r.status !== "archived",
-          isDisabled: (r) => processingIds.has(r.id),
-          onSelect: (r) => void handleStatusChange(r.id, "archived")
-        }
-      );
-    }
-    if (onDelete) {
-      actions.push({
-        id: "delete",
-        label: "Delete",
-        destructive: true,
-        isDisabled: (r) => processingIds.has(r.id),
-        onSelect: (r) => void handleDelete(r.id)
-      });
-    }
-    return actions;
-  }, [
-    onStatusChange,
-    onDelete,
-    processingIds,
-    handleStatusChange,
-    handleDelete
-  ]);
-  return /* @__PURE__ */ jsxs("div", { className: "submission-list", children: [
-    /* @__PURE__ */ jsxs("div", { className: "submission-list__toolbar", children: [
-      /* @__PURE__ */ jsx("div", { className: "submission-list__filters", children: /* @__PURE__ */ jsxs(
-        "select",
-        {
-          value: filter,
-          onChange: (e) => setFilter(e.target.value),
-          className: "submission-list__filter-select",
-          "aria-label": "Filter by status",
-          children: [
-            /* @__PURE__ */ jsxs("option", { value: "all", children: [
-              "All Submissions (",
-              submissions.length,
-              ")"
-            ] }),
-            /* @__PURE__ */ jsxs("option", { value: "new", children: [
-              "New (",
-              submissions.filter((s) => s.status === "new").length,
-              ")"
-            ] }),
-            /* @__PURE__ */ jsxs("option", { value: "read", children: [
-              "Read (",
-              submissions.filter((s) => s.status === "read").length,
-              ")"
-            ] }),
-            /* @__PURE__ */ jsxs("option", { value: "archived", children: [
-              "Archived (",
-              submissions.filter((s) => s.status === "archived").length,
-              ")"
-            ] })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "submission-list__actions", children: [
-        someSelected && /* @__PURE__ */ jsxs("div", { className: "submission-list__bulk-actions", children: [
-          /* @__PURE__ */ jsxs("span", { className: "submission-list__selected-count", children: [
-            selectedIds.size,
-            " selected"
-          ] }),
-          onBulkStatusChange && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => void handleBulkStatusChange("read"),
-                className: "submission-list__action-btn",
-                children: "Mark Read"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => void handleBulkStatusChange("archived"),
-                className: "submission-list__action-btn",
-                children: "Archive"
-              }
-            )
-          ] }),
-          onBulkDelete && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => void handleBulkDelete(),
-              className: "submission-list__action-btn submission-list__action-btn--danger",
-              children: "Delete"
-            }
-          )
-        ] }),
-        onExport && /* @__PURE__ */ jsxs("div", { className: "submission-list__export-actions", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onExport("csv"),
-              className: "submission-list__export-btn",
-              children: "Export CSV"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onExport("json"),
-              className: "submission-list__export-btn",
-              children: "Export JSON"
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      DataTableView,
-      {
-        columns,
-        rows: filteredSubmissions,
-        loading: isLoading,
-        selection,
-        rowActions,
-        onRowClick: onViewDetail ? (submission) => onViewDetail(submission) : void 0,
-        registryKey: "form-submissions",
-        ariaLabel: "Form submissions table",
-        emptyMessage: "No submissions found"
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "submission-list__summary", children: [
-      "Showing ",
-      filteredSubmissions.length,
-      " of ",
-      submissions.length,
-      " submissions"
-    ] })
-  ] });
-}
-
-// src/components/submissions/SubmissionDetail.tsx
-import { useState as useState2, useCallback as useCallback2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function safeString(value) {
-  if (typeof value === "object" && value !== null) {
-    return JSON.stringify(value);
-  }
-  return String(value);
-}
-function formatFieldValue(value, field) {
-  if (value === null || value === void 0) return "-";
-  switch (field.type) {
-    case "checkbox":
-      return value ? "Yes" : "No";
-    case "select":
-      if (Array.isArray(value)) {
-        return value.join(", ");
-      }
-      return safeString(value);
-    case "file":
-      if (Array.isArray(value)) {
-        return value.map((v) => safeString(v)).join(", ");
-      }
-      return safeString(value);
-    case "date":
-      if (value instanceof Date) {
-        return value.toLocaleDateString();
-      }
-      if (typeof value === "string") {
-        return new Date(value).toLocaleDateString();
-      }
-      return safeString(value);
-    case "time":
-      return safeString(value);
-    default:
-      return safeString(value);
-  }
-}
-function formatDate2(date) {
-  const d = typeof date === "string" ? new Date(date) : date;
-  return d.toLocaleString();
-}
-var STATUS_OPTIONS = [
-  { value: "new", label: "New" },
-  { value: "read", label: "Read" },
-  { value: "archived", label: "Archived" }
-];
-function SubmissionDetail({
-  form,
-  submission,
-  onStatusChange,
-  onNotesUpdate,
-  onBack,
-  onDelete
-}) {
-  const [isProcessing, setIsProcessing] = useState2(false);
-  const [notes, setNotes] = useState2(
-    submission.notes || ""
-  );
-  const [notesModified, setNotesModified] = useState2(false);
-  const handleStatusChange = useCallback2(
-    async (event) => {
-      if (!onStatusChange) return;
-      const newStatus = event.target.value;
-      setIsProcessing(true);
-      try {
-        await onStatusChange(newStatus);
-      } finally {
-        setIsProcessing(false);
-      }
-    },
-    [onStatusChange]
-  );
-  const handleNotesChange = useCallback2(
-    (event) => {
-      setNotes(event.target.value);
-      setNotesModified(true);
-    },
-    []
-  );
-  const handleNotesSave = useCallback2(async () => {
-    if (!onNotesUpdate || !notesModified) return;
-    setIsProcessing(true);
-    try {
-      await onNotesUpdate(notes);
-      setNotesModified(false);
-    } finally {
-      setIsProcessing(false);
-    }
-  }, [onNotesUpdate, notes, notesModified]);
-  const handleDelete = useCallback2(async () => {
-    if (!onDelete) return;
-    if (!window.confirm("Are you sure you want to delete this submission?")) {
-      return;
-    }
-    setIsProcessing(true);
-    try {
-      await onDelete();
-    } finally {
-      setIsProcessing(false);
-    }
-  }, [onDelete]);
-  const displayFields = form.fields;
-  const data = submission.data;
-  return /* @__PURE__ */ jsxs2("div", { className: "submission-detail", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "submission-detail__header", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__header-left", children: [
-        onBack && /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: onBack,
-            className: "submission-detail__back-btn",
-            disabled: isProcessing,
-            children: "\u2190 Back to List"
-          }
-        ),
-        /* @__PURE__ */ jsx2("h2", { className: "submission-detail__title", children: "Submission Details" })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__header-right", children: [
-        onStatusChange && /* @__PURE__ */ jsxs2("div", { className: "submission-detail__status-control", children: [
-          /* @__PURE__ */ jsx2("label", { htmlFor: "submission-status", children: "Status:" }),
-          /* @__PURE__ */ jsx2(
-            "select",
-            {
-              id: "submission-status",
-              value: submission.status,
-              onChange: (e) => void handleStatusChange(e),
-              disabled: isProcessing,
-              className: "submission-detail__status-select",
-              children: STATUS_OPTIONS.map((option) => /* @__PURE__ */ jsx2("option", { value: option.value, children: option.label }, option.value))
-            }
-          )
-        ] }),
-        onDelete && /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: () => void handleDelete(),
-            disabled: isProcessing,
-            className: "submission-detail__delete-btn",
-            children: "Delete"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "submission-detail__id", children: [
-      /* @__PURE__ */ jsx2("span", { className: "submission-detail__id-label", children: "Submission ID:" }),
-      /* @__PURE__ */ jsx2("code", { className: "submission-detail__id-value", children: submission.id })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "submission-detail__section", children: [
-      /* @__PURE__ */ jsx2("h3", { className: "submission-detail__section-title", children: "Submitted Data" }),
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__fields", children: [
-        displayFields.map((field) => /* @__PURE__ */ jsxs2("div", { className: "submission-detail__field", children: [
-          /* @__PURE__ */ jsx2("div", { className: "submission-detail__field-label", children: field.label }),
-          /* @__PURE__ */ jsx2("div", { className: "submission-detail__field-value", children: formatFieldValue(data[field.name], field) })
-        ] }, field.name)),
-        displayFields.length === 0 && /* @__PURE__ */ jsx2("div", { className: "submission-detail__empty", children: "No fields to display" })
-      ] })
-    ] }),
-    onNotesUpdate && /* @__PURE__ */ jsxs2("div", { className: "submission-detail__section", children: [
-      /* @__PURE__ */ jsx2("h3", { className: "submission-detail__section-title", children: "Internal Notes" }),
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__notes", children: [
-        /* @__PURE__ */ jsx2(
-          "textarea",
-          {
-            value: notes,
-            onChange: handleNotesChange,
-            placeholder: "Add internal notes about this submission...",
-            disabled: isProcessing,
-            className: "submission-detail__notes-textarea",
-            rows: 4
-          }
-        ),
-        notesModified && /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: () => void handleNotesSave(),
-            disabled: isProcessing,
-            className: "submission-detail__notes-save-btn",
-            children: "Save Notes"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "submission-detail__section", children: [
-      /* @__PURE__ */ jsx2("h3", { className: "submission-detail__section-title", children: "Metadata" }),
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "Submitted At:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value", children: formatDate2(submission.submittedAt) })
-        ] }),
-        submission.ipAddress && /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "IP Address:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value", children: /* @__PURE__ */ jsx2("code", { children: submission.ipAddress }) })
-        ] }),
-        submission.userAgent && /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "User Agent:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value submission-detail__metadata-value--truncate", children: submission.userAgent })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "Created At:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value", children: formatDate2(submission.createdAt) })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "Updated At:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value", children: formatDate2(submission.updatedAt) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("details", { className: "submission-detail__raw-data", children: [
-      /* @__PURE__ */ jsx2("summary", { className: "submission-detail__raw-data-summary", children: "View Raw JSON Data" }),
-      /* @__PURE__ */ jsx2("pre", { className: "submission-detail__raw-data-content", children: JSON.stringify(submission.data, null, 2) })
-    ] })
-  ] });
-}
-
-export {
-  SubmissionList,
-  SubmissionDetail
-};
-//# sourceMappingURL=chunk-2LLUO3TV.js.map

package/dist/chunk-2LLUO3TV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/submissions/SubmissionList.tsx","../src/components/submissions/SubmissionDetail.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Submission List Component\n *\n * Admin view for listing and managing form submissions.\n * Displays submissions in a filterable table with bulk actions.\n *\n * @module components/submissions/SubmissionList\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport { DataTableView } from \"@nextlyhq/plugin-sdk/admin\";\nimport type {\n  DataTableSelection,\n  NextlyColumn,\n  RowAction,\n} from \"@nextlyhq/plugin-sdk/admin\";\nimport type React from \"react\";\nimport { useState, useCallback, useMemo } from \"react\";\n\nimport type { SubmissionDocument, FormDocument, FormField } from \"../../types\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Props for the SubmissionList component.\n */\nexport interface SubmissionListProps {\n  /** Form document containing field definitions */\n  form: FormDocument;\n\n  /** Array of submission documents to display */\n  submissions: SubmissionDocument[];\n\n  /** Whether data is currently loading */\n  isLoading?: boolean;\n\n  /** Callback when submission status is changed */\n  onStatusChange?: (\n    id: string,\n    status: \"new\" | \"read\" | \"archived\"\n  ) => Promise<void>;\n\n  /** Callback when submission is deleted */\n  onDelete?: (id: string) => Promise<void>;\n\n  /** Callback when bulk delete is triggered */\n  onBulkDelete?: (ids: string[]) => Promise<void>;\n\n  /** Callback when bulk status change is triggered */\n  onBulkStatusChange?: (\n    ids: string[],\n    status: \"new\" | \"read\" | \"archived\"\n  ) => Promise<void>;\n\n  /** Callback when export is triggered */\n  onExport?: (format: \"csv\" | \"json\") => void;\n\n  /** Callback when a submission is clicked for detail view */\n  onViewDetail?: (submission: SubmissionDocument) => void;\n}\n\n/**\n * Status filter options.\n */\ntype StatusFilter = \"all\" | \"new\" | \"read\" | \"archived\";\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Format a value for display in the table.\n */\nfunction formatValue(value: unknown): string {\n  if (value === null || value === undefined) return \"-\";\n  if (Array.isArray(value)) return value.join(\", \");\n  if (typeof value === \"boolean\") return value ? \"Yes\" : \"No\";\n  if (value instanceof Date) return value.toLocaleDateString();\n  let str: string;\n  if (typeof value === \"object\") {\n    str = JSON.stringify(value);\n  } else {\n    // eslint-disable-next-line @typescript-eslint/no-base-to-string -- value narrowed to primitive above; rule doesn't follow control flow on unknown\n    str = String(value);\n  }\n  return str.length > 50 ? str.slice(0, 50) + \"...\" : str;\n}\n\n/**\n * Format a date for display.\n */\nfunction formatDate(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  return d.toLocaleString();\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Submission List Component\n *\n * Displays form submissions in a table with filtering, selection, and actions.\n *\n * @example\n * ```tsx\n * <SubmissionList\n *   form={form}\n *   submissions={submissions}\n *   onStatusChange={handleStatusChange}\n *   onDelete={handleDelete}\n *   onExport={handleExport}\n *   onViewDetail={handleViewDetail}\n * />\n * ```\n */\nexport function SubmissionList({\n  form,\n  submissions,\n  isLoading = false,\n  onStatusChange,\n  onDelete,\n  onBulkDelete,\n  onBulkStatusChange,\n  onExport,\n  onViewDetail,\n}: SubmissionListProps): React.ReactElement {\n  // -------------------------------------------------------------------------\n  // State\n  // -------------------------------------------------------------------------\n\n  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());\n  const [filter, setFilter] = useState<StatusFilter>(\"all\");\n  const [processingIds, setProcessingIds] = useState<Set<string>>(new Set());\n\n  // -------------------------------------------------------------------------\n  // Computed Values\n  // -------------------------------------------------------------------------\n\n  /** Get display columns from form fields (first 3 fields) */\n  const displayFields = useMemo((): FormField[] => {\n    return form.fields.filter(f => f.type !== \"hidden\").slice(0, 3);\n  }, [form.fields]);\n\n  /** Filter submissions by status */\n  const filteredSubmissions = useMemo((): SubmissionDocument[] => {\n    if (filter === \"all\") return submissions;\n    return submissions.filter(sub => sub.status === filter);\n  }, [submissions, filter]);\n\n  /** Check if some submissions are selected */\n  const someSelected = selectedIds.size > 0;\n\n  // -------------------------------------------------------------------------\n  // Handlers\n  // -------------------------------------------------------------------------\n\n  /** Toggle selection for a single submission */\n  const toggleSelect = useCallback((id: string) => {\n    setSelectedIds(prev => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  /** Handle status change for a single submission */\n  const handleStatusChange = useCallback(\n    async (id: string, status: \"new\" | \"read\" | \"archived\") => {\n      if (!onStatusChange) return;\n\n      setProcessingIds(prev => new Set(prev).add(id));\n      try {\n        await onStatusChange(id, status);\n      } finally {\n        setProcessingIds(prev => {\n          const next = new Set(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    [onStatusChange]\n  );\n\n  /** Handle delete for a single submission */\n  const handleDelete = useCallback(\n    async (id: string) => {\n      if (!onDelete) return;\n      if (!window.confirm(\"Are you sure you want to delete this submission?\")) {\n        return;\n      }\n\n      setProcessingIds(prev => new Set(prev).add(id));\n      try {\n        await onDelete(id);\n        setSelectedIds(prev => {\n          const next = new Set(prev);\n          next.delete(id);\n          return next;\n        });\n      } finally {\n        setProcessingIds(prev => {\n          const next = new Set(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    [onDelete]\n  );\n\n  /** Handle bulk delete */\n  const handleBulkDelete = useCallback(async () => {\n    if (!onBulkDelete || selectedIds.size === 0) return;\n    if (\n      !window.confirm(\n        `Are you sure you want to delete ${selectedIds.size} submission(s)?`\n      )\n    ) {\n      return;\n    }\n\n    const ids = Array.from(selectedIds);\n    ids.forEach(id => setProcessingIds(prev => new Set(prev).add(id)));\n\n    try {\n      await onBulkDelete(ids);\n      setSelectedIds(new Set());\n    } finally {\n      setProcessingIds(new Set());\n    }\n  }, [onBulkDelete, selectedIds]);\n\n  /** Handle bulk status change */\n  const handleBulkStatusChange = useCallback(\n    async (status: \"new\" | \"read\" | \"archived\") => {\n      if (!onBulkStatusChange || selectedIds.size === 0) return;\n\n      const ids = Array.from(selectedIds);\n      ids.forEach(id => setProcessingIds(prev => new Set(prev).add(id)));\n\n      try {\n        await onBulkStatusChange(ids, status);\n        setSelectedIds(new Set());\n      } finally {\n        setProcessingIds(new Set());\n      }\n    },\n    [onBulkStatusChange, selectedIds]\n  );\n\n  // -------------------------------------------------------------------------\n  // DataTable wiring (columns, selection, row actions)\n  // -------------------------------------------------------------------------\n\n  const columns = useMemo<NextlyColumn<SubmissionDocument>[]>(() => {\n    const base: NextlyColumn<SubmissionDocument>[] = [\n      {\n        name: \"id\",\n        header: \"ID\",\n        cell: ({ row }) => (\n          <code className=\"font-mono text-xs text-muted-foreground\">\n            {row.id.slice(0, 8)}...\n          </code>\n        ),\n      },\n      {\n        name: \"status\",\n        header: \"Status\",\n        cell: ({ row }) => (\n          <span className=\"inline-flex items-center rounded-none border border-border bg-muted px-2 py-0.5 text-[11px] font-medium capitalize text-foreground\">\n            {row.status}\n          </span>\n        ),\n      },\n      {\n        name: \"submittedAt\",\n        header: \"Submitted\",\n        hideOnMobile: true,\n        cell: ({ row }) => (\n          <span className=\"whitespace-nowrap text-sm text-muted-foreground\">\n            {formatDate(row.submittedAt)}\n          </span>\n        ),\n      },\n    ];\n    const fieldColumns: NextlyColumn<SubmissionDocument>[] = displayFields.map(\n      field => ({\n        name: `field:${field.name}`,\n        header: field.label,\n        hideOnMobile: true,\n        cell: ({ row }) => (\n          <span className=\"text-sm\">{formatValue(row.data[field.name])}</span>\n        ),\n      })\n    );\n    return [...base, ...fieldColumns];\n  }, [displayFields]);\n\n  const selection = useMemo<DataTableSelection<SubmissionDocument>>(\n    () => ({\n      selectedIds: Array.from(selectedIds),\n      onToggle: submission => toggleSelect(submission.id),\n      onToggleAll: (rows, allChecked) => {\n        const ids = rows.map(r => r.id);\n        setSelectedIds(prev => {\n          const next = new Set(prev);\n          if (allChecked) ids.forEach(id => next.delete(id));\n          else ids.forEach(id => next.add(id));\n          return next;\n        });\n      },\n    }),\n    [selectedIds, toggleSelect]\n  );\n\n  const rowActions = useCallback((): RowAction<SubmissionDocument>[] => {\n    const actions: RowAction<SubmissionDocument>[] = [];\n    if (onStatusChange) {\n      actions.push(\n        {\n          id: \"mark-read\",\n          label: \"Mark Read\",\n          isVisible: r => r.status !== \"read\",\n          isDisabled: r => processingIds.has(r.id),\n          onSelect: r => void handleStatusChange(r.id, \"read\"),\n        },\n        {\n          id: \"archive\",\n          label: \"Archive\",\n          isVisible: r => r.status !== \"archived\",\n          isDisabled: r => processingIds.has(r.id),\n          onSelect: r => void handleStatusChange(r.id, \"archived\"),\n        }\n      );\n    }\n    if (onDelete) {\n      actions.push({\n        id: \"delete\",\n        label: \"Delete\",\n        destructive: true,\n        isDisabled: r => processingIds.has(r.id),\n        onSelect: r => void handleDelete(r.id),\n      });\n    }\n    return actions;\n  }, [\n    onStatusChange,\n    onDelete,\n    processingIds,\n    handleStatusChange,\n    handleDelete,\n  ]);\n\n  // -------------------------------------------------------------------------\n  // Render\n  // -------------------------------------------------------------------------\n\n  return (\n    <div className=\"submission-list\">\n      {/* Toolbar */}\n      <div className=\"submission-list__toolbar\">\n        <div className=\"submission-list__filters\">\n          <select\n            value={filter}\n            onChange={e => setFilter(e.target.value as StatusFilter)}\n            className=\"submission-list__filter-select\"\n            aria-label=\"Filter by status\"\n          >\n            <option value=\"all\">All Submissions ({submissions.length})</option>\n            <option value=\"new\">\n              New ({submissions.filter(s => s.status === \"new\").length})\n            </option>\n            <option value=\"read\">\n              Read ({submissions.filter(s => s.status === \"read\").length})\n            </option>\n            <option value=\"archived\">\n              Archived (\n              {submissions.filter(s => s.status === \"archived\").length})\n            </option>\n          </select>\n        </div>\n\n        <div className=\"submission-list__actions\">\n          {/* Bulk Actions */}\n          {someSelected && (\n            <div className=\"submission-list__bulk-actions\">\n              <span className=\"submission-list__selected-count\">\n                {selectedIds.size} selected\n              </span>\n              {onBulkStatusChange && (\n                <>\n                  <button\n                    type=\"button\"\n                    onClick={() => void handleBulkStatusChange(\"read\")}\n                    className=\"submission-list__action-btn\"\n                  >\n                    Mark Read\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => void handleBulkStatusChange(\"archived\")}\n                    className=\"submission-list__action-btn\"\n                  >\n                    Archive\n                  </button>\n                </>\n              )}\n              {onBulkDelete && (\n                <button\n                  type=\"button\"\n                  onClick={() => void handleBulkDelete()}\n                  className=\"submission-list__action-btn submission-list__action-btn--danger\"\n                >\n                  Delete\n                </button>\n              )}\n            </div>\n          )}\n\n          {/* Export Actions */}\n          {onExport && (\n            <div className=\"submission-list__export-actions\">\n              <button\n                type=\"button\"\n                onClick={() => onExport(\"csv\")}\n                className=\"submission-list__export-btn\"\n              >\n                Export CSV\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => onExport(\"json\")}\n                className=\"submission-list__export-btn\"\n              >\n                Export JSON\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Table (unified admin DataTable via the plugin SDK) */}\n      <DataTableView<SubmissionDocument>\n        columns={columns}\n        rows={filteredSubmissions}\n        loading={isLoading}\n        selection={selection}\n        rowActions={rowActions}\n        onRowClick={\n          onViewDetail ? submission => onViewDetail(submission) : undefined\n        }\n        registryKey=\"form-submissions\"\n        ariaLabel=\"Form submissions table\"\n        emptyMessage=\"No submissions found\"\n      />\n\n      {/* Summary */}\n      <div className=\"submission-list__summary\">\n        Showing {filteredSubmissions.length} of {submissions.length} submissions\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\n/**\n * Submission Detail Component\n *\n * Admin view for viewing and managing a single form submission.\n * Displays all submission data, metadata, and provides status management.\n *\n * @module components/submissions/SubmissionDetail\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport type React from \"react\";\nimport { useState, useCallback } from \"react\";\n\nimport type { SubmissionDocument, FormDocument, FormField } from \"../../types\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Props for the SubmissionDetail component.\n */\nexport interface SubmissionDetailProps {\n  /** Form document containing field definitions */\n  form: FormDocument;\n\n  /** Submission document to display */\n  submission: SubmissionDocument;\n\n  /** Callback when status is changed */\n  onStatusChange?: (status: \"new\" | \"read\" | \"archived\") => Promise<void>;\n\n  /** Callback when notes are updated */\n  onNotesUpdate?: (notes: string) => Promise<void>;\n\n  /** Callback when back button is clicked */\n  onBack?: () => void;\n\n  /** Callback when delete is triggered */\n  onDelete?: () => Promise<void>;\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Stringify a value safely, falling back to JSON for plain objects so we\n * never render the default `[object Object]` representation.\n */\nfunction safeString(value: unknown): string {\n  if (typeof value === \"object\" && value !== null) {\n    return JSON.stringify(value);\n  }\n  return String(value);\n}\n\n/**\n * Format a value for display based on field type.\n */\nfunction formatFieldValue(value: unknown, field: FormField): string {\n  if (value === null || value === undefined) return \"-\";\n\n  switch (field.type) {\n    case \"checkbox\":\n      return value ? \"Yes\" : \"No\";\n\n    case \"select\":\n      if (Array.isArray(value)) {\n        return value.join(\", \");\n      }\n      return safeString(value);\n\n    case \"file\":\n      if (Array.isArray(value)) {\n        return value.map(v => safeString(v)).join(\", \");\n      }\n      return safeString(value);\n\n    case \"date\":\n      if (value instanceof Date) {\n        return value.toLocaleDateString();\n      }\n      if (typeof value === \"string\") {\n        return new Date(value).toLocaleDateString();\n      }\n      return safeString(value);\n\n    case \"time\":\n      return safeString(value);\n\n    default:\n      return safeString(value);\n  }\n}\n\n/**\n * Format a date for display.\n */\nfunction formatDate(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  return d.toLocaleString();\n}\n\n/**\n * Get status options.\n */\nconst STATUS_OPTIONS: Array<{\n  value: \"new\" | \"read\" | \"archived\";\n  label: string;\n}> = [\n  { value: \"new\", label: \"New\" },\n  { value: \"read\", label: \"Read\" },\n  { value: \"archived\", label: \"Archived\" },\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Submission Detail Component\n *\n * Displays full submission data with status management and notes.\n *\n * @example\n * ```tsx\n * <SubmissionDetail\n *   form={form}\n *   submission={submission}\n *   onStatusChange={handleStatusChange}\n *   onNotesUpdate={handleNotesUpdate}\n *   onBack={handleBack}\n * />\n * ```\n */\nexport function SubmissionDetail({\n  form,\n  submission,\n  onStatusChange,\n  onNotesUpdate,\n  onBack,\n  onDelete,\n}: SubmissionDetailProps): React.ReactElement {\n  // -------------------------------------------------------------------------\n  // State\n  // -------------------------------------------------------------------------\n\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [notes, setNotes] = useState(\n    (submission as unknown as { notes?: string }).notes || \"\"\n  );\n  const [notesModified, setNotesModified] = useState(false);\n\n  // -------------------------------------------------------------------------\n  // Handlers\n  // -------------------------------------------------------------------------\n\n  /** Handle status change */\n  const handleStatusChange = useCallback(\n    async (event: React.ChangeEvent<HTMLSelectElement>) => {\n      if (!onStatusChange) return;\n\n      const newStatus = event.target.value as \"new\" | \"read\" | \"archived\";\n      setIsProcessing(true);\n\n      try {\n        await onStatusChange(newStatus);\n      } finally {\n        setIsProcessing(false);\n      }\n    },\n    [onStatusChange]\n  );\n\n  /** Handle notes change */\n  const handleNotesChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setNotes(event.target.value);\n      setNotesModified(true);\n    },\n    []\n  );\n\n  /** Handle notes save */\n  const handleNotesSave = useCallback(async () => {\n    if (!onNotesUpdate || !notesModified) return;\n\n    setIsProcessing(true);\n    try {\n      await onNotesUpdate(notes);\n      setNotesModified(false);\n    } finally {\n      setIsProcessing(false);\n    }\n  }, [onNotesUpdate, notes, notesModified]);\n\n  /** Handle delete */\n  const handleDelete = useCallback(async () => {\n    if (!onDelete) return;\n    if (!window.confirm(\"Are you sure you want to delete this submission?\")) {\n      return;\n    }\n\n    setIsProcessing(true);\n    try {\n      await onDelete();\n    } finally {\n      setIsProcessing(false);\n    }\n  }, [onDelete]);\n\n  // -------------------------------------------------------------------------\n  // Computed Values\n  // -------------------------------------------------------------------------\n\n  /** Get displayable fields */\n  const displayFields = form.fields;\n\n  /** Get submission data */\n  const data = submission.data;\n\n  // -------------------------------------------------------------------------\n  // Render\n  // -------------------------------------------------------------------------\n\n  return (\n    <div className=\"submission-detail\">\n      {/* Header */}\n      <div className=\"submission-detail__header\">\n        <div className=\"submission-detail__header-left\">\n          {onBack && (\n            <button\n              type=\"button\"\n              onClick={onBack}\n              className=\"submission-detail__back-btn\"\n              disabled={isProcessing}\n            >\n              &larr; Back to List\n            </button>\n          )}\n          <h2 className=\"submission-detail__title\">Submission Details</h2>\n        </div>\n\n        <div className=\"submission-detail__header-right\">\n          {onStatusChange && (\n            <div className=\"submission-detail__status-control\">\n              <label htmlFor=\"submission-status\">Status:</label>\n              <select\n                id=\"submission-status\"\n                value={submission.status}\n                onChange={e => void handleStatusChange(e)}\n                disabled={isProcessing}\n                className=\"submission-detail__status-select\"\n              >\n                {STATUS_OPTIONS.map(option => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n\n          {onDelete && (\n            <button\n              type=\"button\"\n              onClick={() => void handleDelete()}\n              disabled={isProcessing}\n              className=\"submission-detail__delete-btn\"\n            >\n              Delete\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Submission ID */}\n      <div className=\"submission-detail__id\">\n        <span className=\"submission-detail__id-label\">Submission ID:</span>\n        <code className=\"submission-detail__id-value\">{submission.id}</code>\n      </div>\n\n      {/* Form Fields Data */}\n      <div className=\"submission-detail__section\">\n        <h3 className=\"submission-detail__section-title\">Submitted Data</h3>\n        <div className=\"submission-detail__fields\">\n          {displayFields.map(field => (\n            <div key={field.name} className=\"submission-detail__field\">\n              <div className=\"submission-detail__field-label\">\n                {field.label}\n              </div>\n              <div className=\"submission-detail__field-value\">\n                {formatFieldValue(data[field.name], field)}\n              </div>\n            </div>\n          ))}\n\n          {displayFields.length === 0 && (\n            <div className=\"submission-detail__empty\">No fields to display</div>\n          )}\n        </div>\n      </div>\n\n      {/* Notes Section */}\n      {onNotesUpdate && (\n        <div className=\"submission-detail__section\">\n          <h3 className=\"submission-detail__section-title\">Internal Notes</h3>\n          <div className=\"submission-detail__notes\">\n            <textarea\n              value={notes}\n              onChange={handleNotesChange}\n              placeholder=\"Add internal notes about this submission...\"\n              disabled={isProcessing}\n              className=\"submission-detail__notes-textarea\"\n              rows={4}\n            />\n            {notesModified && (\n              <button\n                type=\"button\"\n                onClick={() => void handleNotesSave()}\n                disabled={isProcessing}\n                className=\"submission-detail__notes-save-btn\"\n              >\n                Save Notes\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Metadata Section */}\n      <div className=\"submission-detail__section\">\n        <h3 className=\"submission-detail__section-title\">Metadata</h3>\n        <div className=\"submission-detail__metadata\">\n          <div className=\"submission-detail__metadata-item\">\n            <span className=\"submission-detail__metadata-label\">\n              Submitted At:\n            </span>\n            <span className=\"submission-detail__metadata-value\">\n              {formatDate(submission.submittedAt)}\n            </span>\n          </div>\n\n          {submission.ipAddress && (\n            <div className=\"submission-detail__metadata-item\">\n              <span className=\"submission-detail__metadata-label\">\n                IP Address:\n              </span>\n              <span className=\"submission-detail__metadata-value\">\n                <code>{submission.ipAddress}</code>\n              </span>\n            </div>\n          )}\n\n          {submission.userAgent && (\n            <div className=\"submission-detail__metadata-item\">\n              <span className=\"submission-detail__metadata-label\">\n                User Agent:\n              </span>\n              <span className=\"submission-detail__metadata-value submission-detail__metadata-value--truncate\">\n                {submission.userAgent}\n              </span>\n            </div>\n          )}\n\n          <div className=\"submission-detail__metadata-item\">\n            <span className=\"submission-detail__metadata-label\">\n              Created At:\n            </span>\n            <span className=\"submission-detail__metadata-value\">\n              {formatDate(submission.createdAt)}\n            </span>\n          </div>\n\n          <div className=\"submission-detail__metadata-item\">\n            <span className=\"submission-detail__metadata-label\">\n              Updated At:\n            </span>\n            <span className=\"submission-detail__metadata-value\">\n              {formatDate(submission.updatedAt)}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      {/* Raw Data Section (Expandable) */}\n      <details className=\"submission-detail__raw-data\">\n        <summary className=\"submission-detail__raw-data-summary\">\n          View Raw JSON Data\n        </summary>\n        <pre className=\"submission-detail__raw-data-content\">\n          {JSON.stringify(submission.data, null, 2)}\n        </pre>\n      </details>\n    </div>\n  );\n}\n"],"mappings":"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","names":["useState","useCallback","jsx","jsxs","formatDate"]}