@squaredr/fieldcraft-pro 1.7.0 → 1.8.0

package/dist/{chunk-VEP3DOCQ.mjs → chunk-IW654Z3M.mjs}

@@ -1,3 +1,5 @@
+import { TIMEZONES } from '@squaredr/fieldcraft-core';
+
 // src/templates/consultation-booking.ts
 var consultationBookingSchema = {
   id: "consultation-booking",
@@ -364,17 +366,10 @@ var consultationBookingSchema = {
           type: "dropdown",
           label: "Your Timezone",
           required: true,
-          options: [
-            { label: "US Eastern (ET)", value: "America/New_York" },
-            { label: "US Central (CT)", value: "America/Chicago" },
-            { label: "US Mountain (MT)", value: "America/Denver" },
-            { label: "US Pacific (PT)", value: "America/Los_Angeles" },
-            { label: "UK (GMT/BST)", value: "Europe/London" },
-            { label: "Central Europe (CET)", value: "Europe/Berlin" },
-            { label: "India (IST)", value: "Asia/Kolkata" },
-            { label: "Japan (JST)", value: "Asia/Tokyo" },
-            { label: "Australia Eastern (AEST)", value: "Australia/Sydney" }
-          ]
+          options: TIMEZONES.map((tz) => ({
+            label: `${tz.label} (${tz.offset})`,
+            value: tz.value
+          }))
         },
         {
           id: "appointment_slot",
@@ -405,7 +400,7 @@ var consultationBookingSchema = {
                 times: ["09:00", "11:00", "13:00", "14:00", "16:00"]
               }
             ],
-            timezone: "America/New_York",
+            timezoneField: "timezone",
             duration: 60
           }
         },
@@ -501,10 +496,11 @@ var consultationBookingSchema = {
             type: "payment",
             provider: "stripe",
             publicKey: "",
+            // Set your Stripe publishable key (pk_test_... or pk_live_...)
             amount: 2e4,
             currency: "USD",
-            description: "Consultation Session",
-            serverUrl: "/api/payment-intents"
+            description: "Consultation Session"
+            // No serverUrl — developer must configure their own endpoint via customProps or serverUrl
           }
         }
       ]
@@ -1028,10 +1024,11 @@ var ecommerceCheckoutSchema = {
             type: "payment",
             provider: "stripe",
             publicKey: "",
+            // Set your Stripe publishable key (pk_test_... or pk_live_...)
             amount: 1e4,
             currency: "USD",
-            description: "E-commerce Order",
-            serverUrl: "/api/payment-intents"
+            description: "E-commerce Order"
+            // No serverUrl — developer must configure their own endpoint via customProps or serverUrl
           }
         }
       ]

package/dist/{chunk-GZIV2XAD.mjs → chunk-MLP5EDWP.mjs}

@@ -4,6 +4,122 @@ import { useState, useEffect, useMemo } from 'react';
 import { Input, Button, Separator, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@squaredr/fieldcraft-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
+function formatDuration(ms) {
+  if (ms == null) 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__ */ jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-[13px]", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-muted", children: [
+      selectable && /* @__PURE__ */ jsx("th", { className: "px-3 py-2 w-8 border-b-2 border-border", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: allPageSelected,
+          onChange: () => onSelectAll?.(),
+          className: "accent-primary"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Submitted" }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Completion Time" }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Fields Answered" }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Score" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("tbody", { children: [
+      responses.map((response, idx) => {
+        const answered = countAnswered(response.values);
+        return /* @__PURE__ */ 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__ */ jsx("td", { className: "px-3 py-2 w-8", children: /* @__PURE__ */ 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__ */ jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: new Date(response.submittedAt).toLocaleString() }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: formatDuration(response.completionTimeMs) }),
+              /* @__PURE__ */ jsxs("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: [
+                answered,
+                "/",
+                totalFields
+              ] }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: response.totalScore ?? "\u2014" })
+            ]
+          },
+          response.sessionToken || idx
+        );
+      }),
+      responses.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: colCount,
+          className: "px-3 py-8 text-center text-muted-foreground",
+          children: "No responses yet"
+        }
+      ) })
+    ] })
+  ] }) });
+}
+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"
+]);
+
 // src/response-viewer/clinical-display-data.ts
 var BODY_REGION_LABELS = {
   head: "Head",
@@ -140,166 +256,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__ */ jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-[13px]", children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-muted", children: [
-      selectable && /* @__PURE__ */ jsx("th", { className: "px-3 py-2 w-8 border-b-2 border-border", children: /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: allPageSelected,
-          onChange: () => onSelectAll?.(),
-          className: "accent-primary"
-        }
-      ) }),
-      /* @__PURE__ */ 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__ */ 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__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Score" })
-    ] }) }),
-    /* @__PURE__ */ jsxs("tbody", { children: [
-      responses.map((response, idx) => /* @__PURE__ */ 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__ */ jsx("td", { className: "px-3 py-2 w-8", children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx("tr", { children: /* @__PURE__ */ 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,
@@ -1297,13 +1253,26 @@ function exportToJson(responses, filename = "responses.json") {
   const content = JSON.stringify(responses, null, 2);
   downloadBlob(content, filename, "application/json;charset=utf-8;");
 }
+var DISPLAY_ONLY_TYPES2 = /* @__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 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_TYPES2.has(q.type)) continue;
       questions.push(q);
     }
   }
@@ -1369,6 +1338,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, '""')}"`;
   }
@@ -1383,7 +1356,7 @@ function downloadBlob(content, filename, mimeType) {
   document.body.appendChild(link);
   link.click();
   document.body.removeChild(link);
-  URL.revokeObjectURL(url);
+  setTimeout(() => URL.revokeObjectURL(url), 1e4);
 }
 
 // src/response-viewer/pagination-utils.ts
@@ -1616,9 +1589,12 @@ function ResponseViewerInner({
     [responses, searchQuery, schema]
   );
   const isFiltered = hasActiveFilters(filterState);
-  const filteredResponses = applyFilters(searchedResponses, filterState);
+  const filteredResponses = useMemo(
+    () => applyFilters(searchedResponses, filterState),
+    [searchedResponses, filterState]
+  );
   const pag = paginate(filteredResponses, currentPage, effectivePageSize);
-  const questions = getAllQuestions2(schema);
+  const questions = getAllQuestions(schema);
   const isSelectable = selectable && (!!onBulkDelete || !!onBulkExport);
   function handleSelect(response) {
     setSelectedResponse(response);
@@ -1720,7 +1696,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,
@@ -1873,10 +1849,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"
               }
             ),
@@ -1888,10 +1864,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"
               }
             )
@@ -2172,13 +2148,26 @@ function ResponseViewerInner({
     }
   );
 }
-function getAllQuestions2(schema) {
+var DISPLAY_ONLY_TYPES3 = /* @__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 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_TYPES3.has(q.type)) continue;
       questions.push(q);
     }
   }

package/dist/form-builder/index.d.mts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { b as FormBuilderProps, d as FormBuilderTheme, f as QuestionTypeInfo, S as SelectedItem, D as DragItem } from '../types-bFHsZT1n.mjs';
-export { B as BuilderState, a as DropTarget, M as MutationAction, P as PaletteCategory, e as PropertyPanelTab, Q as QuestionTypeCategory } from '../types-bFHsZT1n.mjs';
+export { B as BuilderState, a as DropTarget, F as FormBuilderPreviewProps, M as MutationAction, P as PaletteCategory, e as PropertyPanelTab, Q as QuestionTypeCategory } from '../types-bFHsZT1n.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FormEngineSchema, Option, Question, Section } from '@squaredr/fieldcraft-core';
 import { ClassValue } from 'clsx';

package/dist/form-builder/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { b as FormBuilderProps, d as FormBuilderTheme, f as QuestionTypeInfo, S as SelectedItem, D as DragItem } from '../types-bFHsZT1n.js';
-export { B as BuilderState, a as DropTarget, M as MutationAction, P as PaletteCategory, e as PropertyPanelTab, Q as QuestionTypeCategory } from '../types-bFHsZT1n.js';
+export { B as BuilderState, a as DropTarget, F as FormBuilderPreviewProps, M as MutationAction, P as PaletteCategory, e as PropertyPanelTab, Q as QuestionTypeCategory } from '../types-bFHsZT1n.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FormEngineSchema, Option, Question, Section } from '@squaredr/fieldcraft-core';
 import { ClassValue } from 'clsx';