@squaredr/fieldcraft-pro 1.7.0 → 1.9.0

package/dist/response-viewer/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { FormEngineSchema, FormResponse } from '@squaredr/fieldcraft-core';
+import { FormResponse, FormEngineSchema } from '@squaredr/fieldcraft-core';
 
 type FieldRenderer = (field: ResponseField, response: FormResponse) => React.ReactNode;
 type ResponseViewerProps = {

package/dist/response-viewer/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { FormEngineSchema, FormResponse } from '@squaredr/fieldcraft-core';
+import { FormResponse, FormEngineSchema } from '@squaredr/fieldcraft-core';
 
 type FieldRenderer = (field: ResponseField, response: FormResponse) => React.ReactNode;
 type ResponseViewerProps = {

package/dist/response-viewer/index.js

@@ -306,6 +306,119 @@ function requireLicense(Component, featureName) {
   return LicenseGated;
 }
 
+// src/response-viewer/constants.ts
+var DISPLAY_ONLY_TYPES = /* @__PURE__ */ new Set([
+  "info-block",
+  "info_block",
+  "section-header",
+  "page-break",
+  "image",
+  "divider",
+  "spacer",
+  "video",
+  "rich-text",
+  "welcome-screen",
+  "thank-you-screen",
+  "hidden",
+  "calculated"
+]);
+function formatDuration(ms) {
+  if (ms == null || ms < 0) return "\u2014";
+  const totalSeconds = Math.round(ms / 1e3);
+  if (totalSeconds < 60) return `${totalSeconds}s`;
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}m ${seconds}s`;
+}
+function countAnswered(values) {
+  let count = 0;
+  for (const v of Object.values(values)) {
+    if (v !== void 0 && v !== null && v !== "") count++;
+  }
+  return count;
+}
+function getTotalFieldCount(schema) {
+  let count = 0;
+  for (const section of schema.sections) {
+    for (const q of section.questions) {
+      if (!DISPLAY_ONLY_TYPES.has(q.type)) count++;
+    }
+  }
+  return count;
+}
+function ResponseTable({
+  schema,
+  responses,
+  onRowClick,
+  selectable,
+  selectedIds,
+  onToggleSelect,
+  onSelectAll
+}) {
+  const totalFields = getTotalFieldCount(schema);
+  const allPageSelected = selectable && responses.length > 0 && responses.every(
+    (r) => r.sessionToken && selectedIds?.has(r.sessionToken)
+  );
+  const colCount = 4 + (selectable ? 1 : 0);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse text-[13px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "bg-muted", children: [
+      selectable && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 w-8 border-b-2 border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: allPageSelected,
+          onChange: () => onSelectAll?.(),
+          className: "accent-primary"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Submitted" }),
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Completion Time" }),
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Fields Answered" }),
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Score" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+      responses.map((response, idx) => {
+        const answered = countAnswered(response.values);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "tr",
+          {
+            onClick: () => onRowClick?.(response),
+            className: onRowClick ? "cursor-pointer border-b border-border hover:bg-accent transition-colors" : "border-b border-border",
+            children: [
+              selectable && /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 w-8", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !!(response.sessionToken && selectedIds?.has(response.sessionToken)),
+                  onChange: (e) => {
+                    e.stopPropagation();
+                    if (response.sessionToken) onToggleSelect?.(response.sessionToken);
+                  },
+                  onClick: (e) => e.stopPropagation(),
+                  className: "accent-primary"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: new Date(response.submittedAt).toLocaleString() }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: formatDuration(response.completionTimeMs) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: totalFields > 0 ? `${answered}/${totalFields}` : "\u2014" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: response.totalScore ?? "\u2014" })
+            ]
+          },
+          response.sessionToken || idx
+        );
+      }),
+      responses.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "td",
+        {
+          colSpan: colCount,
+          className: "px-3 py-8 text-center text-muted-foreground",
+          children: "No responses yet"
+        }
+      ) })
+    ] })
+  ] }) });
+}
+
 // src/response-viewer/clinical-display-data.ts
 var BODY_REGION_LABELS = {
   head: "Head",
@@ -442,166 +555,6 @@ function getScoreSeverity(instrumentKey, score) {
   if (!thresholds) return void 0;
   return thresholds.find((t) => score >= t.min && score <= t.max);
 }
-function ResponseTable({
-  schema,
-  responses,
-  onRowClick,
-  selectable,
-  selectedIds,
-  onToggleSelect,
-  onSelectAll
-}) {
-  const questions = getAllQuestions(schema);
-  const allPageSelected = selectable && responses.length > 0 && responses.every(
-    (r) => r.sessionToken && selectedIds?.has(r.sessionToken)
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse text-[13px]", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "bg-muted", children: [
-      selectable && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 w-8 border-b-2 border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: allPageSelected,
-          onChange: () => onSelectAll?.(),
-          className: "accent-primary"
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Submitted" }),
-      questions.map((q) => /* @__PURE__ */ jsxRuntime.jsx(
-        "th",
-        {
-          className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap",
-          children: q.label
-        },
-        q.id
-      )),
-      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Score" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-      responses.map((response, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "tr",
-        {
-          onClick: () => onRowClick?.(response),
-          className: onRowClick ? "cursor-pointer border-b border-border hover:bg-accent transition-colors" : "border-b border-border",
-          children: [
-            selectable && /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 w-8", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: !!(response.sessionToken && selectedIds?.has(response.sessionToken)),
-                onChange: (e) => {
-                  e.stopPropagation();
-                  if (response.sessionToken) onToggleSelect?.(response.sessionToken);
-                },
-                onClick: (e) => e.stopPropagation(),
-                className: "accent-primary"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap", children: new Date(response.submittedAt).toLocaleString() }),
-            questions.map((q) => /* @__PURE__ */ jsxRuntime.jsx(
-              "td",
-              {
-                className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap",
-                children: formatCellValue(response.values[q.id], q.type)
-              },
-              q.id
-            )),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap", children: response.totalScore ?? "\u2014" })
-          ]
-        },
-        response.sessionToken || idx
-      )),
-      responses.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
-        "td",
-        {
-          colSpan: questions.length + 2 + (selectable ? 1 : 0),
-          className: "px-3 py-8 text-center text-muted-foreground",
-          children: "No responses yet"
-        }
-      ) })
-    ] })
-  ] }) });
-}
-function getAllQuestions(schema) {
-  const questions = [];
-  for (const section of schema.sections) {
-    for (const q of section.questions) {
-      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
-        continue;
-      }
-      questions.push(q);
-    }
-  }
-  return questions;
-}
-function formatCellValue(value, type) {
-  if (value == null) return "\u2014";
-  if (type) {
-    switch (type) {
-      case "vitals_entry": {
-        if (typeof value !== "object" || value === null) break;
-        const v = value;
-        const parts = [];
-        if (v.systolicBp && v.diastolicBp) parts.push(`BP ${v.systolicBp}/${v.diastolicBp}`);
-        if (v.heartRate) parts.push(`HR ${v.heartRate}`);
-        if (v.temperature) parts.push(`${v.temperature}\xB0F`);
-        if (v.oxygenSaturation) parts.push(`SpO\u2082 ${v.oxygenSaturation}%`);
-        return parts.length > 0 ? parts.join(", ") : "\u2014";
-      }
-      case "medication_list":
-        if (Array.isArray(value)) return `${value.length} medication${value.length !== 1 ? "s" : ""}`;
-        break;
-      case "allergy_list":
-        if (Array.isArray(value)) return `${value.length} allerg${value.length !== 1 ? "ies" : "y"}`;
-        break;
-      case "body_diagram":
-        if (Array.isArray(value)) {
-          const labels = value.map((id) => BODY_REGION_LABELS[id] ?? id);
-          return labels.join(", ");
-        }
-        break;
-      case "pain_scale":
-        if (typeof value === "number") return `${value}/10`;
-        break;
-      case "bmi_calculator": {
-        if (typeof value !== "object" || value === null) break;
-        const d = value;
-        if (d.bmi != null) return `BMI ${d.bmi}`;
-        break;
-      }
-      case "payment": {
-        if (typeof value !== "object" || value === null) break;
-        const p = value;
-        const status = p.status;
-        return status ? status.charAt(0).toUpperCase() + status.slice(1) : "\u2014";
-      }
-      case "insurance_card": {
-        if (typeof value !== "object" || value === null) break;
-        const ins = value;
-        const parts = [ins.carrierId, ins.planName].filter(Boolean);
-        return parts.length > 0 ? parts.join(" \u2014 ") : "Card uploaded";
-      }
-      case "legal_name": {
-        if (typeof value !== "object" || value === null) break;
-        const n = value;
-        return [n.first, n.last].filter(Boolean).join(" ") || "\u2014";
-      }
-      case "address": {
-        if (typeof value !== "object" || value === null) break;
-        const a = value;
-        return [a.city, a.state].filter(Boolean).join(", ") || "\u2014";
-      }
-      case "consent":
-        return value === true || value === "true" || value === "agreed" ? "Agreed" : "Not agreed";
-      case "signature":
-        return typeof value === "string" && value.startsWith("data:image") ? "Signed" : "\u2014";
-    }
-  }
-  if (typeof value === "boolean") return value ? "Yes" : "No";
-  if (Array.isArray(value)) return value.join(", ");
-  if (typeof value === "object") return JSON.stringify(value);
-  return String(value);
-}
 function ResponseCard({
   response,
   fields,
@@ -1085,7 +1038,13 @@ function formatFallbackValue(value) {
   if (value == null) return "\u2014";
   if (typeof value === "boolean") return value ? "Yes" : "No";
   if (Array.isArray(value)) return value.map(formatFallbackValue).join(", ");
-  if (typeof value === "object") return JSON.stringify(value, null, 2);
+  if (typeof value === "object") {
+    try {
+      return JSON.stringify(value, null, 2);
+    } catch {
+      return "[Object]";
+    }
+  }
   return String(value);
 }
 function TimelineView({ responses, questions, onSelect }) {
@@ -1603,9 +1562,7 @@ function getExportableQuestions(schema) {
   const questions = [];
   for (const section of schema.sections) {
     for (const q of section.questions) {
-      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
-        continue;
-      }
+      if (DISPLAY_ONLY_TYPES.has(q.type)) continue;
       questions.push(q);
     }
   }
@@ -1671,6 +1628,10 @@ function formatExportValue(value, type) {
   return String(value);
 }
 function escapeCsvField(field) {
+  const first = field.charAt(0);
+  if (first === "=" || first === "+" || first === "-" || first === "@" || first === "	" || first === "\r") {
+    field = `'${field}`;
+  }
   if (field.includes(",") || field.includes('"') || field.includes("\n")) {
     return `"${field.replace(/"/g, '""')}"`;
   }
@@ -1685,7 +1646,7 @@ function downloadBlob(content, filename, mimeType) {
   document.body.appendChild(link);
   link.click();
   document.body.removeChild(link);
-  URL.revokeObjectURL(url);
+  setTimeout(() => URL.revokeObjectURL(url), 100);
 }
 
 // src/response-viewer/pagination-utils.ts
@@ -1805,14 +1766,15 @@ function applyFilters(responses, state) {
 function matchesDateRange(submittedAt, range) {
   if (!range.from && !range.to) return true;
   const submitted = new Date(submittedAt);
+  if (isNaN(submitted.getTime())) return false;
   if (range.from) {
-    const from = new Date(range.from);
-    from.setHours(0, 0, 0, 0);
+    const from = /* @__PURE__ */ new Date(range.from + "T00:00:00");
+    if (isNaN(from.getTime())) return false;
     if (submitted < from) return false;
   }
   if (range.to) {
-    const to = new Date(range.to);
-    to.setHours(23, 59, 59, 999);
+    const to = /* @__PURE__ */ new Date(range.to + "T23:59:59.999");
+    if (isNaN(to.getTime())) return false;
     if (submitted > to) return false;
   }
   return true;
@@ -1921,9 +1883,12 @@ function ResponseViewerInner({
     [responses, searchQuery, schema]
   );
   const isFiltered = hasActiveFilters(filterState);
-  const filteredResponses = applyFilters(searchedResponses, filterState);
+  const filteredResponses = react.useMemo(
+    () => applyFilters(searchedResponses, filterState),
+    [searchedResponses, filterState]
+  );
   const pag = paginate(filteredResponses, currentPage, effectivePageSize);
-  const questions = getAllQuestions2(schema);
+  const questions = react.useMemo(() => getAllQuestions(schema), [schema]);
   const isSelectable = selectable && (!!onBulkDelete || !!onBulkExport);
   function handleSelect(response) {
     setSelectedResponse(response);
@@ -2025,7 +1990,7 @@ function ResponseViewerInner({
     });
   }
   function getFields(response) {
-    return questions.map((q) => ({
+    return questions.filter((q) => response.values[q.id] !== void 0).map((q) => ({
       questionId: q.id,
       label: q.label,
       type: q.type,
@@ -2178,10 +2143,10 @@ function ResponseViewerInner({
                 className: "h-7 text-xs",
                 onClick: () => {
                   const csvFilename = filename ? filename.replace(/\.\w+$/, ".csv") : "responses.csv";
-                  exportToCsv(schema, responses, csvFilename, { dateFormat, columnLabels });
-                  onExport?.("csv", responses.length);
+                  exportToCsv(schema, filteredResponses, csvFilename, { dateFormat, columnLabels });
+                  onExport?.("csv", filteredResponses.length);
                 },
-                disabled: responses.length === 0,
+                disabled: filteredResponses.length === 0,
                 children: "Export CSV"
               }
             ),
@@ -2193,10 +2158,10 @@ function ResponseViewerInner({
                 className: "h-7 text-xs",
                 onClick: () => {
                   const jsonFilename = filename ? filename.replace(/\.\w+$/, ".json") : "responses.json";
-                  exportToJson(responses, jsonFilename);
-                  onExport?.("json", responses.length);
+                  exportToJson(filteredResponses, jsonFilename);
+                  onExport?.("json", filteredResponses.length);
                 },
-                disabled: responses.length === 0,
+                disabled: filteredResponses.length === 0,
                 children: "Export JSON"
               }
             )
@@ -2372,7 +2337,7 @@ function ResponseViewerInner({
             response: selectedResponse,
             fields: getFields(selectedResponse),
             onBack: handleBack,
-            onDelete: onDelete && selectedResponse.sessionToken ? () => handleDeleteSingle(selectedResponse.sessionToken) : void 0
+            onDelete: onDelete && selectedResponse.sessionToken != null ? () => handleDeleteSingle(selectedResponse.sessionToken) : void 0
           }
         ) }) : viewMode === "timeline" ? /* @__PURE__ */ jsxRuntime.jsx(
           TimelineView,
@@ -2477,13 +2442,11 @@ function ResponseViewerInner({
     }
   );
 }
-function getAllQuestions2(schema) {
+function getAllQuestions(schema) {
   const questions = [];
   for (const section of schema.sections) {
     for (const q of section.questions) {
-      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
-        continue;
-      }
+      if (DISPLAY_ONLY_TYPES.has(q.type)) continue;
       questions.push(q);
     }
   }

package/dist/response-viewer/index.mjs

@@ -1,3 +1,3 @@
-export { ResponseViewer } from '../chunk-GZIV2XAD.mjs';
+export { ResponseViewer } from '../chunk-7GPX3YIB.mjs';
 import '../chunk-QQ4JZGTD.mjs';
 import '../chunk-4MMKB2EW.mjs';