@squaredr/fieldcraft-pro 1.8.0 → 1.9.1

package/dist/index.js

@@ -37,7 +37,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 
 // package.json
-var version = "1.8.0";
+var version = "1.9.1";
 var PRODUCT_IDS = {
   FIELDCRAFT_PRO: 1
 };
@@ -592,21 +592,20 @@ var MAX_HISTORY = 50;
 function useUndoRedo(currentSchema, setSchema) {
   const historyRef = React.useRef([currentSchema]);
   const [currentIndex, setCurrentIndex] = React.useState(0);
-  const currentIndexRef = React.useRef(currentIndex);
-  currentIndexRef.current = currentIndex;
   const canUndo = currentIndex > 0;
   const canRedo = currentIndex < historyRef.current.length - 1;
   const push = React.useCallback(
     (schema) => {
-      const idx = currentIndexRef.current;
-      historyRef.current = historyRef.current.slice(0, idx + 1);
-      historyRef.current.push(schema);
-      if (historyRef.current.length > MAX_HISTORY) {
-        historyRef.current.shift();
-        setCurrentIndex(historyRef.current.length - 1);
-      } else {
-        setCurrentIndex(idx + 1);
-      }
+      setCurrentIndex((prevIndex) => {
+        historyRef.current = historyRef.current.slice(0, prevIndex + 1);
+        historyRef.current.push(schema);
+        let newIndex = prevIndex + 1;
+        if (historyRef.current.length > MAX_HISTORY) {
+          historyRef.current.shift();
+          newIndex = Math.max(0, newIndex - 1);
+        }
+        return newIndex;
+      });
     },
     []
   );
@@ -639,13 +638,9 @@ function useUndoRedo(currentSchema, setSchema) {
 }
 
 // src/form-builder/utils/id-generator.ts
-var counter = 0;
 function generateId(prefix) {
-  const timestamp = Date.now().toString(36);
-  const random = Math.random().toString(36).substring(2, 7);
-  counter = (counter + 1) % 1e4;
-  const count = counter.toString(36);
-  return `${prefix}_${timestamp}${count}${random}`;
+  const uuid = crypto.randomUUID().replace(/-/g, "").substring(0, 12);
+  return `${prefix}_${uuid}`;
 }
 function generateSectionId() {
   return generateId("section");
@@ -732,18 +727,39 @@ function duplicateSection(schema, sectionId) {
   const sectionIndex = newSchema.sections.findIndex((s) => s.id === sectionId);
   if (sectionIndex === -1) return schema;
   const original = newSchema.sections[sectionIndex];
+  const idMap = /* @__PURE__ */ new Map();
+  for (const q of original.questions) {
+    idMap.set(q.id, generateQuestionId());
+  }
   const duplicate = {
     ...original,
     id: generateSectionId(),
     title: `${original.title} (Copy)`,
+    showIf: original.showIf ? remapConditionFieldIds(original.showIf, idMap) : void 0,
     questions: original.questions.map((q) => ({
       ...q,
-      id: generateQuestionId()
+      id: idMap.get(q.id),
+      showIf: q.showIf ? remapConditionFieldIds(q.showIf, idMap) : void 0
     }))
   };
   newSchema.sections.splice(sectionIndex + 1, 0, duplicate);
   return newSchema;
 }
+function remapConditionFieldIds(expr, idMap) {
+  if (expr.field) {
+    return {
+      ...expr,
+      field: idMap.get(expr.field) ?? expr.field
+    };
+  }
+  if (expr.conditions) {
+    return {
+      ...expr,
+      conditions: expr.conditions.map((c) => remapConditionFieldIds(c, idMap))
+    };
+  }
+  return expr;
+}
 function addQuestion(schema, sectionId, question, index) {
   const newSchema = deepClone(schema);
   const section = newSchema.sections.find((s) => s.id === sectionId);
@@ -887,7 +903,7 @@ function useBuilderState(initialSchema) {
     (sectionId) => {
       applyMutation((s) => removeSection(s, sectionId));
       setSelectedItem((prev) => {
-        if (prev?.type === "section" && prev.sectionId === sectionId) return null;
+        if (prev?.sectionId === sectionId) return null;
         return prev;
       });
     },
@@ -2020,6 +2036,14 @@ function SectionBlock({ section, builderState }) {
 }
 function FormCanvas({ builderState }) {
   const { schema } = builderState;
+  const [localTitle, setLocalTitle] = React.useState(schema.title);
+  const [localDesc, setLocalDesc] = React.useState(schema.description ?? "");
+  React.useEffect(() => {
+    setLocalTitle(schema.title);
+  }, [schema.title]);
+  React.useEffect(() => {
+    setLocalDesc(schema.description ?? "");
+  }, [schema.description]);
   const handleAddSection = () => {
     const newSection = {
       id: generateSectionId(),
@@ -2036,9 +2060,12 @@ function FormCanvas({ builderState }) {
         "input",
         {
           type: "text",
-          value: schema.title,
-          onChange: (e) => {
-            builderState.updateSchema({ ...schema, title: e.target.value });
+          value: localTitle,
+          onChange: (e) => setLocalTitle(e.target.value),
+          onBlur: () => {
+            if (localTitle !== schema.title) {
+              builderState.updateSchema({ ...schema, title: localTitle });
+            }
           },
           className: "w-full text-xl font-bold bg-transparent text-foreground border-0 outline-none p-1.5 rounded-md focus:bg-card transition-colors",
           placeholder: "Form Title"
@@ -2047,9 +2074,12 @@ function FormCanvas({ builderState }) {
       /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
-          value: schema.description ?? "",
-          onChange: (e) => {
-            builderState.updateSchema({ ...schema, description: e.target.value });
+          value: localDesc,
+          onChange: (e) => setLocalDesc(e.target.value),
+          onBlur: () => {
+            if (localDesc !== (schema.description ?? "")) {
+              builderState.updateSchema({ ...schema, description: localDesc || void 0 });
+            }
           },
           className: "w-full text-sm text-muted-foreground bg-transparent border-0 outline-none p-1.5 resize-y min-h-12 rounded-md leading-relaxed focus:bg-card transition-colors",
           placeholder: "Form description (optional)"
@@ -2152,12 +2182,26 @@ SelectItem.displayName = "SelectItem";
 function useConfigUpdater(question, onUpdate) {
   return (updates) => {
     const current = question.config ?? {};
-    onUpdate({ config: { ...current, type: question.type, ...updates } });
+    const merged = { ...current, type: question.type, ...updates };
+    for (const key of Object.keys(merged)) {
+      if (merged[key] === void 0) delete merged[key];
+    }
+    onUpdate({ config: merged });
   };
 }
-function QuestionConfigEditor({ question, onUpdate }) {
+function QuestionConfigEditor({ question, schema, onUpdate }) {
   const updateConfig = useConfigUpdater(question, onUpdate);
   const config = question.config ?? {};
+  const allQuestions = React.useMemo(() => {
+    if (!schema?.sections) return [];
+    return schema.sections.flatMap((s) => s.questions || []);
+  }, [schema]);
+  const candidateAmountFields = React.useMemo(() => {
+    return allQuestions.filter((q) => q.id !== question.id && ["calculated", "number", "slider", "rating", "single_select"].includes(q.type)).map((q) => ({ label: `${q.label || q.id} (${q.id})`, value: q.id }));
+  }, [allQuestions, question.id]);
+  const candidateTimezoneFields = React.useMemo(() => {
+    return allQuestions.filter((q) => q.id !== question.id && ["dropdown", "single_select", "short_text"].includes(q.type)).map((q) => ({ label: `${q.label || q.id} (${q.id})`, value: q.id }));
+  }, [allQuestions, question.id]);
   switch (question.type) {
     // ── Text ──
     case "short_text":
@@ -2181,32 +2225,32 @@ function QuestionConfigEditor({ question, onUpdate }) {
     // ── Numeric ──
     case "number":
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Number Settings", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min", value: config.min, onChange: (v) => updateConfig({ min: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max", value: config.max, onChange: (v) => updateConfig({ max: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min Value", value: config.min, onChange: (v) => updateConfig({ min: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Value", value: config.max, onChange: (v) => updateConfig({ max: v }) }),
         /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Step", value: config.step, placeholder: "1", onChange: (v) => updateConfig({ step: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Decimal Places", value: config.decimalPlaces, placeholder: "0", onChange: (v) => updateConfig({ decimalPlaces: v }) }),
         /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Prefix", value: config.prefix, placeholder: "e.g. $", onChange: (v) => updateConfig({ prefix: v }) }),
         /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Suffix", value: config.suffix, placeholder: "e.g. kg", onChange: (v) => updateConfig({ suffix: v }) })
       ] });
     case "slider":
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Slider Settings", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min", value: config.min, placeholder: "0", onChange: (v) => updateConfig({ min: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max", value: config.max, placeholder: "100", onChange: (v) => updateConfig({ max: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Step", value: config.step, placeholder: "1", onChange: (v) => updateConfig({ step: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Value", checked: !!config.showValue, onChange: (v) => updateConfig({ showValue: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Min Label", value: config.minLabel, onChange: (v) => updateConfig({ minLabel: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Max Label", value: config.maxLabel, onChange: (v) => updateConfig({ maxLabel: v }) })
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min Value", value: config.min, placeholder: "0", onChange: (v) => updateConfig({ min: v ?? 0 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Value", value: config.max, placeholder: "100", onChange: (v) => updateConfig({ max: v ?? 100 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Step", value: config.step, placeholder: "1", onChange: (v) => updateConfig({ step: v ?? 1 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Min Label", value: config.minLabel, placeholder: "Low", onChange: (v) => updateConfig({ minLabel: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Max Label", value: config.maxLabel, placeholder: "High", onChange: (v) => updateConfig({ maxLabel: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Value", checked: config.showValue !== false, onChange: (v) => updateConfig({ showValue: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Unit", value: config.unit, placeholder: "e.g. %", onChange: (v) => updateConfig({ unit: v }) })
       ] });
     case "rating":
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Rating Settings", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Stars", value: config.max, placeholder: "5", onChange: (v) => updateConfig({ max: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Icon", value: config.icon ?? "star", options: [{ label: "Star", value: "star" }, { label: "Heart", value: "heart" }, { label: "Circle", value: "circle" }], onChange: (v) => updateConfig({ icon: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Labels", checked: !!config.showLabels, onChange: (v) => updateConfig({ showLabels: v }) })
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Rating", value: config.maxRating, placeholder: "5", onChange: (v) => updateConfig({ maxRating: v ?? 5 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Icon", value: config.icon ?? "star", options: [{ label: "Star", value: "star" }, { label: "Heart", value: "heart" }, { label: "Thumb", value: "thumb" }], onChange: (v) => updateConfig({ icon: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Allow Half Ratings", checked: !!config.allowHalf, onChange: (v) => updateConfig({ allowHalf: v }) })
       ] });
     case "nps":
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "NPS Settings", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Low Label", value: config.lowLabel ?? "Not likely", onChange: (v) => updateConfig({ lowLabel: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "High Label", value: config.highLabel ?? "Very likely", onChange: (v) => updateConfig({ highLabel: v }) })
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Left Label", value: config.leftLabel ?? "Not likely", onChange: (v) => updateConfig({ leftLabel: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Right Label", value: config.rightLabel ?? "Extremely likely", onChange: (v) => updateConfig({ rightLabel: v }) })
       ] });
     case "opinion_scale":
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Scale Settings", children: [
@@ -2272,50 +2316,126 @@ function QuestionConfigEditor({ question, onUpdate }) {
         /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Range (days)", value: config.maxRangeDays, onChange: (v) => updateConfig({ maxRangeDays: v }) })
       ] });
     case "appointment": {
-      const appointmentMode = typeof config.embedUrl === "string" ? "embed" : typeof config.slotsUrl === "string" ? "url" : "static";
+      const appointmentMode = typeof config.slotsUrl === "string" ? "url" : typeof config.embedUrl === "string" ? "embed" : "static";
+      const timezoneFieldOptions = [
+        { label: "None (Static Timezone)", value: "" },
+        ...candidateTimezoneFields,
+        { label: "Custom Field ID...", value: "__custom__" }
+      ];
+      const isCustomTzField = Boolean(config.timezoneField) && !candidateTimezoneFields.some((opt) => opt.value === config.timezoneField);
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Appointment Settings", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           SelectField,
           {
-            label: "Mode",
+            label: "Scheduling Mode",
             value: appointmentMode,
             options: [
-              { label: "Static Slots", value: "static" },
-              { label: "API Endpoint", value: "url" },
-              { label: "Embed (Calendly / Cal.com)", value: "embed" }
+              { label: "Manual Static Slots", value: "static" },
+              { label: "Fetch from URL", value: "url" },
+              { label: "Third-Party Embed (Calendly / Cal.com)", value: "embed" }
             ],
             onChange: (v) => {
-              if (v === "static") {
-                updateConfig({ slotsUrl: void 0, embedUrl: void 0, embedProvider: void 0 });
-              } else if (v === "url") {
-                updateConfig({ slotsUrl: "", embedUrl: void 0, embedProvider: void 0, slots: void 0 });
+              if (v === "url") {
+                updateConfig({
+                  slotsUrl: "",
+                  embedUrl: void 0,
+                  embedProvider: void 0,
+                  slots: void 0
+                });
               } else if (v === "embed") {
-                updateConfig({ embedUrl: "", slotsUrl: void 0, slots: void 0 });
+                updateConfig({
+                  embedUrl: "",
+                  embedProvider: config.embedProvider || "cal_com",
+                  slotsUrl: void 0,
+                  slots: void 0
+                });
+              } else {
+                updateConfig({
+                  slots: config.slots ?? [],
+                  slotsUrl: void 0,
+                  embedUrl: void 0,
+                  embedProvider: void 0
+                });
               }
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Duration (min)", value: config.duration ?? 30, onChange: (v) => updateConfig({ duration: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Timezone", value: config.timezone, placeholder: "e.g. America/New_York", onChange: (v) => updateConfig({ timezone: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Timezone Field", value: config.timezoneField, placeholder: "Field ID for dynamic timezone", onChange: (v) => updateConfig({ timezoneField: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Date Format", value: config.dateFormat, placeholder: "Locale-aware (default)", onChange: (v) => updateConfig({ dateFormat: v }) }),
-        appointmentMode === "url" && /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Slots URL", value: config.slotsUrl, placeholder: "https://api.example.com/slots", onChange: (v) => updateConfig({ slotsUrl: v }) }),
+        appointmentMode === "url" && /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Slots URL",
+            value: config.slotsUrl,
+            placeholder: "https://example.com/slots",
+            onChange: (v) => updateConfig({ slotsUrl: v ?? "" })
+          }
+        ),
         appointmentMode === "embed" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Embed URL", value: config.embedUrl, placeholder: "https://calendly.com/your-name/30min", onChange: (v) => updateConfig({ embedUrl: v }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TextField,
+            {
+              label: "Embed URL",
+              value: config.embedUrl,
+              placeholder: "https://calendly.com/... or https://cal.com/...",
+              onChange: (v) => updateConfig({ embedUrl: v ?? "" })
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             SelectField,
             {
               label: "Embed Provider",
-              value: config.embedProvider ?? "custom",
+              value: config.embedProvider ?? "cal_com",
               options: [
-                { label: "Calendly", value: "calendly" },
                 { label: "Cal.com", value: "cal_com" },
+                { label: "Calendly", value: "calendly" },
                 { label: "Custom", value: "custom" }
               ],
               onChange: (v) => updateConfig({ embedProvider: v })
             }
           )
         ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Duration (min)", value: config.duration ?? 30, onChange: (v) => updateConfig({ duration: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Timezone", value: config.timezone, placeholder: "e.g. America/New_York", onChange: (v) => updateConfig({ timezone: v }) }),
+        candidateTimezoneFields.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SelectField,
+            {
+              label: "Dynamic Timezone Field",
+              value: isCustomTzField ? "__custom__" : config.timezoneField ?? "",
+              options: timezoneFieldOptions,
+              onChange: (v) => {
+                if (v !== "__custom__") {
+                  updateConfig({ timezoneField: v || void 0 });
+                }
+              }
+            }
+          ),
+          isCustomTzField && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            TextField,
+            {
+              label: "Custom Timezone Field ID",
+              value: config.timezoneField,
+              placeholder: "e.g. timezone",
+              onChange: (v) => updateConfig({ timezoneField: v || void 0 })
+            }
+          ) })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Timezone Field",
+            value: config.timezoneField,
+            placeholder: "Field ID for dynamic timezone",
+            onChange: (v) => updateConfig({ timezoneField: v || void 0 })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Date Format", value: config.dateFormat, placeholder: "Locale-aware (default)", onChange: (v) => updateConfig({ dateFormat: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ToggleField,
+          {
+            label: "Auto-Advance on Booking Complete",
+            checked: config.autoAdvance !== false,
+            onChange: (v) => updateConfig({ autoAdvance: v })
+          }
+        ),
         appointmentMode === "static" && /* @__PURE__ */ jsxRuntime.jsx(
           AppointmentSlotsEditor,
           {
@@ -2328,10 +2448,41 @@ function QuestionConfigEditor({ question, onUpdate }) {
     // ── Media ──
     case "file_upload":
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Upload Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2.5 bg-muted/40 border border-border rounded-md text-xs text-muted-foreground flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u{1F4E6}" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Uploads stream to your cloud bucket using Form / Account Storage settings." })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Files", value: config.maxFiles ?? 1, onChange: (v) => updateConfig({ maxFiles: v }) }),
         /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Size (MB)", value: config.maxSizeMb ?? 10, onChange: (v) => updateConfig({ maxSizeMb: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Accepted Types", value: config.accept?.join(", "), placeholder: "e.g. .pdf, .jpg, .png", onChange: (v) => updateConfig({ accept: v ? v.split(",").map((s) => s.trim()) : void 0 }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Upload URL", value: config.uploadUrl, placeholder: "Server upload endpoint", onChange: (v) => updateConfig({ uploadUrl: v }) })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Accepted Types (comma-separated)",
+            value: config.accept?.join(", "),
+            placeholder: "e.g. image/*, .pdf, .docx, .zip",
+            onChange: (v) => updateConfig({
+              accept: v ? v.split(",").map((s) => s.trim()).filter(Boolean) : void 0
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Upload URL",
+            value: config.uploadUrl,
+            placeholder: "https://api.example.com/s3/presign",
+            onChange: (v) => updateConfig({ uploadUrl: v || void 0 })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Public Key",
+            value: config.publicKey,
+            placeholder: "pk_test_...",
+            onChange: (v) => updateConfig({ publicKey: v || void 0 })
+          }
+        )
       ] });
     case "signature":
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Signature Settings", children: [
@@ -2448,32 +2599,120 @@ function QuestionConfigEditor({ question, onUpdate }) {
         /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Default Country", value: config.defaultCountry, placeholder: "e.g. US", onChange: (v) => updateConfig({ defaultCountry: v }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-2 block", children: "Fields" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: ADDRESS_FIELDS.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
-            ToggleField,
-            {
-              label: f.label,
-              checked: activeFields.includes(f.value),
-              onChange: (checked) => {
-                const next = checked ? [...activeFields, f.value] : activeFields.filter((v) => v !== f.value);
-                updateConfig({ fields: next.length > 0 ? next : void 0 });
-              }
-            },
-            f.value
-          )) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: ADDRESS_FIELDS.map((f) => {
+            const isChecked = activeFields.includes(f.value);
+            const isLastChecked = isChecked && activeFields.length === 1;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              ToggleField,
+              {
+                label: f.label,
+                checked: isChecked,
+                disabled: isLastChecked,
+                onChange: (checked) => {
+                  const next = checked ? [...activeFields, f.value] : activeFields.filter((v) => v !== f.value);
+                  updateConfig({ fields: next });
+                }
+              },
+              f.value
+            );
+          }) })
         ] })
       ] });
     }
-    case "payment":
+    case "payment": {
+      const amountFieldOptions = [
+        { label: "None (Fixed Amount)", value: "" },
+        ...candidateAmountFields,
+        { label: "Custom Field ID...", value: "__custom__" }
+      ];
+      const isCustomAmountField = Boolean(config.amountField) && !candidateAmountFields.some((opt) => opt.value === config.amountField);
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Payment Settings", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Provider", value: config.provider ?? "stripe", options: [{ label: "Stripe", value: "stripe" }, { label: "PayPal", value: "paypal" }], onChange: (v) => updateConfig({ provider: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Public Key", value: config.publicKey ?? "", placeholder: "Provider public/client key", onChange: (v) => updateConfig({ publicKey: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Server URL", value: config.serverUrl ?? "", placeholder: "https://api.example.com/create-intent", onChange: (v) => updateConfig({ serverUrl: v || void 0 }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Client Secret Path", value: config.responseMapping?.clientSecretPath ?? "", placeholder: "clientSecret", onChange: (v) => updateConfig({ responseMapping: v ? { clientSecretPath: v } : void 0 }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Amount", value: config.amount, onChange: (v) => updateConfig({ amount: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Amount Field", value: config.amountField, placeholder: "Field ID for dynamic amount", onChange: (v) => updateConfig({ amountField: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Currency", value: config.currency, placeholder: "USD", onChange: (v) => updateConfig({ currency: v }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Description", value: config.description, onChange: (v) => updateConfig({ description: v }) })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SelectField,
+          {
+            label: "Provider",
+            value: config.provider ?? "stripe",
+            options: [
+              { label: "Stripe", value: "stripe" },
+              { label: "PayPal", value: "paypal" },
+              { label: "Razorpay", value: "razorpay" }
+            ],
+            onChange: (v) => updateConfig({ provider: v })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Public Key",
+            value: config.publicKey,
+            placeholder: "pk_test_...",
+            onChange: (v) => updateConfig({ publicKey: v || void 0 })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Server URL",
+            value: config.serverUrl,
+            placeholder: "https://api.example.com/create-intent",
+            onChange: (v) => updateConfig({ serverUrl: v || void 0 })
+          }
+        ),
+        candidateAmountFields.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SelectField,
+            {
+              label: "Dynamic Amount Field",
+              value: isCustomAmountField ? "__custom__" : config.amountField ?? "",
+              options: amountFieldOptions,
+              onChange: (v) => {
+                if (v !== "__custom__") {
+                  updateConfig({ amountField: v || void 0 });
+                }
+              }
+            }
+          ),
+          isCustomAmountField && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            TextField,
+            {
+              label: "Custom Field ID",
+              value: config.amountField,
+              placeholder: "Field ID for dynamic amount",
+              onChange: (v) => updateConfig({ amountField: v || void 0 })
+            }
+          ) })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Amount Field",
+            value: config.amountField,
+            placeholder: "Field ID for dynamic amount (e.g. total_cost)",
+            onChange: (v) => updateConfig({ amountField: v || void 0 })
+          }
+        ),
+        !config.amountField && /* @__PURE__ */ jsxRuntime.jsx(
+          NumberField,
+          {
+            label: "Fixed Amount",
+            value: config.amount,
+            onChange: (v) => updateConfig({ amount: v })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Currency", value: config.currency ?? "USD", placeholder: "USD", onChange: (v) => updateConfig({ currency: v || "USD" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Description", value: config.description, onChange: (v) => updateConfig({ description: v }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TextField,
+          {
+            label: "Client Secret Response Path",
+            value: typeof config.responseMapping?.clientSecretPath === "string" ? config.responseMapping.clientSecretPath : config.responseMapping ?? "",
+            placeholder: "clientSecret",
+            onChange: (v) => updateConfig({
+              responseMapping: v ? { clientSecretPath: v } : void 0
+            })
+          }
+        )
       ] });
+    }
     case "calculated":
       return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Calculated Field", children: [
         /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Expression", value: config.expression ?? "", placeholder: "e.g. {q1} + {q2}", onChange: (v) => updateConfig({ expression: v }) }),
@@ -2582,11 +2821,12 @@ function NumberField({
 function ToggleField({
   label,
   checked,
-  onChange
+  onChange,
+  disabled
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Switch, { checked, onCheckedChange: onChange })
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Switch, { checked, onCheckedChange: onChange, disabled })
   ] });
 }
 function SelectField({
@@ -3558,7 +3798,14 @@ function QuestionProperties({ question, sectionId, builderState, onClose, onOpen
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(QuestionConfigEditor, { question, onUpdate: updateQuestion2 }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          QuestionConfigEditor,
+          {
+            question,
+            schema: builderState.schema,
+            onUpdate: updateQuestion2
+          }
+        ),
         hasOptions && /* @__PURE__ */ jsxRuntime.jsx(
           OptionsEditor,
           {
@@ -3735,6 +3982,11 @@ function MonacoWrapper({ value, onChange, errors }) {
     editorRef.current = editor;
     monacoRef.current = monaco;
   };
+  React.useEffect(() => {
+    return () => {
+      editorRef.current?.dispose();
+    };
+  }, []);
   React.useEffect(() => {
     const editor = editorRef.current;
     const monaco = monacoRef.current;
@@ -4539,6 +4791,11 @@ function TemplateGallery({ templates, onSelect, onClose }) {
 function useDebouncedValidation(delayMs = 500) {
   const [errors, setErrors] = React.useState([]);
   const timerRef = React.useRef(null);
+  React.useEffect(() => {
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
   const validate = React.useCallback(
     (text) => {
       if (timerRef.current) {
@@ -5232,62 +5489,1143 @@ ${details}`);
         showTemplateGallery && templates && /* @__PURE__ */ jsxRuntime.jsx(
           TemplateGallery,
           {
-            templates,
-            onSelect: (template) => builderState.resetSchema(template.schema),
-            onClose: () => setShowTemplateGallery(false)
+            templates,
+            onSelect: (template) => builderState.resetSchema(template.schema),
+            onClose: () => setShowTemplateGallery(false)
+          }
+        )
+      ]
+    }
+  ) });
+}
+function DragOverlayContent({
+  item,
+  schema,
+  questionTypes: types
+}) {
+  if (item.type === "palette-item") {
+    const typeInfo = types[item.questionType];
+    if (!typeInfo) return null;
+    const IconComponent = getIcon(typeInfo.icon);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-3 py-2 rounded-md border border-primary bg-card text-foreground text-sm fcb-shadow-lg cursor-grabbing", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 14, className: "shrink-0 text-primary", strokeWidth: 1.75 }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: typeInfo.label })
+    ] });
+  }
+  if (item.type === "question") {
+    const found = findQuestion(schema, item.sectionId, item.questionId);
+    if (!found) return null;
+    const typeInfo = types[found.question.type];
+    const IconComponent = typeInfo ? getIcon(typeInfo.icon) : null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 rounded-md border border-primary bg-card text-foreground fcb-shadow-lg cursor-grabbing max-w-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mb-1", children: /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Badge, { variant: "secondary", className: "gap-1.5 text-muted-foreground", children: [
+        IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 11, strokeWidth: 1.75 }),
+        typeInfo?.label ?? found.question.type
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: found.question.label })
+    ] });
+  }
+  if (item.type === "section") {
+    const section = schema.sections.find((s) => s.id === item.sectionId);
+    if (!section) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 rounded-md border border-primary bg-card text-foreground fcb-shadow-lg cursor-grabbing max-w-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold", children: section.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground mt-0.5", children: [
+        section.questions.length,
+        " field",
+        section.questions.length !== 1 ? "s" : ""
+      ] })
+    ] });
+  }
+  return null;
+}
+function FormBuilderInner(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormBuilderErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(FormBuilderCore, { ...props }) });
+}
+
+// src/form-builder/components/FormBuilderGated.tsx
+var FormBuilder = requireLicense(FormBuilderInner, "FormBuilder");
+function formatBytes(bytes, decimals = 1) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+function isFileAccepted(file, acceptList) {
+  if (!acceptList || acceptList.length === 0) return true;
+  const fileName = file.name.toLowerCase();
+  const fileType = file.type.toLowerCase();
+  return acceptList.some((pattern) => {
+    const p = pattern.trim().toLowerCase();
+    if (!p) return false;
+    if (p === "*/*") return true;
+    if (p.startsWith(".")) {
+      return fileName.endsWith(p);
+    }
+    if (p.endsWith("/*")) {
+      const baseType = p.slice(0, -2);
+      return fileType.startsWith(baseType);
+    }
+    return fileType === p;
+  });
+}
+async function decipherPresignPayload(encryptedHex, ivHex, secretKeyStr) {
+  const enc = new TextEncoder();
+  const rawKey = enc.encode(secretKeyStr.padEnd(32, "0").slice(0, 32));
+  const cryptoObj = typeof window !== "undefined" ? window.crypto : globalThis.crypto;
+  if (!cryptoObj || !cryptoObj.subtle) {
+    throw new Error("Web Crypto API is not supported in this environment.");
+  }
+  const cryptoKey = await cryptoObj.subtle.importKey(
+    "raw",
+    rawKey,
+    { name: "AES-GCM" },
+    false,
+    ["decrypt"]
+  );
+  let iv;
+  if (/^[0-9a-fA-F]+$/.test(ivHex) && ivHex.length % 2 === 0) {
+    iv = new Uint8Array(ivHex.match(/.{1,2}/g).map((b) => parseInt(b, 16)));
+  } else {
+    iv = Uint8Array.from(atob(ivHex), (c) => c.charCodeAt(0));
+  }
+  let ciphertext;
+  if (/^[0-9a-fA-F]+$/.test(encryptedHex) && encryptedHex.length % 2 === 0) {
+    ciphertext = new Uint8Array(encryptedHex.match(/.{1,2}/g).map((b) => parseInt(b, 16)));
+  } else {
+    ciphertext = Uint8Array.from(atob(encryptedHex), (c) => c.charCodeAt(0));
+  }
+  const decryptedBuffer = await cryptoObj.subtle.decrypt(
+    { name: "AES-GCM", iv },
+    cryptoKey,
+    ciphertext
+  );
+  const plaintext = new TextDecoder().decode(decryptedBuffer);
+  return JSON.parse(plaintext);
+}
+function bytesToHex(bytes) {
+  let hex = "";
+  for (let i = 0; i < bytes.length; i++) {
+    hex += (bytes[i] ?? 0).toString(16).padStart(2, "0");
+  }
+  return hex;
+}
+async function generateEphemeralKeyPair() {
+  const cryptoObj = typeof window !== "undefined" ? window.crypto : globalThis.crypto;
+  if (!cryptoObj || !cryptoObj.subtle) {
+    throw new Error("Web Crypto API is not supported in this environment.");
+  }
+  return await cryptoObj.subtle.generateKey(
+    {
+      name: "RSA-OAEP",
+      modulusLength: 2048,
+      publicExponent: new Uint8Array([1, 0, 1]),
+      hash: "SHA-256"
+    },
+    true,
+    ["encrypt", "decrypt"]
+  );
+}
+async function exportPublicKeySpki(publicKey) {
+  const cryptoObj = typeof window !== "undefined" ? window.crypto : globalThis.crypto;
+  const exported = await cryptoObj.subtle.exportKey("spki", publicKey);
+  const bytes = new Uint8Array(exported);
+  let binary = "";
+  for (let i = 0; i < bytes.byteLength; i++) {
+    binary += String.fromCharCode(bytes[i] ?? 0);
+  }
+  return btoa(binary);
+}
+async function decryptEphemeralPayload(payload, privateKey) {
+  const cryptoObj = typeof window !== "undefined" ? window.crypto : globalThis.crypto;
+  const cipher = payload.encryptedPayload || payload.ciphertext;
+  if (!cipher) throw new Error("Missing encryptedPayload in response");
+  let ciphertext;
+  if (/^[0-9a-fA-F]+$/.test(cipher) && cipher.length % 2 === 0) {
+    ciphertext = new Uint8Array(cipher.match(/.{1,2}/g).map((b) => parseInt(b, 16)));
+  } else {
+    ciphertext = Uint8Array.from(atob(cipher), (c) => c.charCodeAt(0));
+  }
+  if (payload.encryptedKey && payload.iv) {
+    let encKeyBytes;
+    if (/^[0-9a-fA-F]+$/.test(payload.encryptedKey) && payload.encryptedKey.length % 2 === 0) {
+      encKeyBytes = new Uint8Array(payload.encryptedKey.match(/.{1,2}/g).map((b) => parseInt(b, 16)));
+    } else {
+      encKeyBytes = Uint8Array.from(atob(payload.encryptedKey), (c) => c.charCodeAt(0));
+    }
+    const rawAesKey = await cryptoObj.subtle.decrypt(
+      { name: "RSA-OAEP" },
+      privateKey,
+      encKeyBytes
+    );
+    const aesKey = await cryptoObj.subtle.importKey(
+      "raw",
+      rawAesKey,
+      { name: "AES-GCM" },
+      false,
+      ["decrypt"]
+    );
+    let iv;
+    if (/^[0-9a-fA-F]+$/.test(payload.iv) && payload.iv.length % 2 === 0) {
+      iv = new Uint8Array(payload.iv.match(/.{1,2}/g).map((b) => parseInt(b, 16)));
+    } else {
+      iv = Uint8Array.from(atob(payload.iv), (c) => c.charCodeAt(0));
+    }
+    const decrypted2 = await cryptoObj.subtle.decrypt(
+      { name: "AES-GCM", iv },
+      aesKey,
+      ciphertext
+    );
+    return JSON.parse(new TextDecoder().decode(decrypted2));
+  }
+  const decrypted = await cryptoObj.subtle.decrypt(
+    { name: "RSA-OAEP" },
+    privateKey,
+    ciphertext
+  );
+  return JSON.parse(new TextDecoder().decode(decrypted));
+}
+async function encryptPresignPayload(data, secretKeyStr) {
+  const enc = new TextEncoder();
+  const rawKey = enc.encode(secretKeyStr.padEnd(32, "0").slice(0, 32));
+  const cryptoObj = typeof window !== "undefined" ? window.crypto : globalThis.crypto;
+  if (!cryptoObj || !cryptoObj.subtle) {
+    throw new Error("Web Crypto API is not supported in this environment.");
+  }
+  const cryptoKey = await cryptoObj.subtle.importKey(
+    "raw",
+    rawKey,
+    { name: "AES-GCM" },
+    false,
+    ["encrypt"]
+  );
+  const iv = cryptoObj.getRandomValues(new Uint8Array(12));
+  const plaintextBytes = enc.encode(JSON.stringify(data));
+  const encryptedBuffer = await cryptoObj.subtle.decrypt ? await cryptoObj.subtle.encrypt({ name: "AES-GCM", iv }, cryptoKey, plaintextBytes) : new ArrayBuffer(0);
+  const encryptedPayload = bytesToHex(new Uint8Array(encryptedBuffer));
+  const ivHex = bytesToHex(iv);
+  return { encryptedPayload, iv: ivHex };
+}
+function ProFileUploadField(props) {
+  const {
+    value,
+    onChange,
+    onBlur,
+    error,
+    touched,
+    disabled = false,
+    customProps
+  } = props;
+  const field = props.field || props.question;
+  const config = field?.config ?? {};
+  const maxFiles = config.maxFiles ?? 1;
+  const maxSizeMb = config.maxSizeMb ?? 10;
+  const maxSizeBytes = maxSizeMb * 1024 * 1024;
+  const acceptList = config.accept;
+  const [items, setItems] = React.useState(() => {
+    if (!value) return [];
+    const arrayVal = Array.isArray(value) ? value : [value];
+    return arrayVal.filter((v) => Boolean(v && typeof v === "object" && "url" in v)).map((v, idx) => ({
+      id: `init-${idx}-${v.name}`,
+      name: v.name,
+      size: v.size || 0,
+      type: v.type || "application/octet-stream",
+      progress: 100,
+      status: "succeeded",
+      url: v.url,
+      key: v.key
+    }));
+  });
+  const [isDragOver, setIsDragOver] = React.useState(false);
+  const [generalError, setGeneralError] = React.useState(null);
+  const fileInputRef = React.useRef(null);
+  const activeXhrsRef = React.useRef(/* @__PURE__ */ new Map());
+  const notifyChange = React.useCallback(
+    (newItems) => {
+      const succeeded = newItems.filter((item) => item.status === "succeeded" && item.url).map((item) => ({
+        name: item.name,
+        size: item.size,
+        type: item.type,
+        url: item.url,
+        key: item.key,
+        uploadedAt: (/* @__PURE__ */ new Date()).toISOString()
+      }));
+      if (maxFiles === 1) {
+        onChange(succeeded.length > 0 ? succeeded[0] : null);
+      } else {
+        onChange(succeeded);
+      }
+    },
+    [maxFiles, onChange]
+  );
+  React.useEffect(() => {
+    return () => {
+      activeXhrsRef.current.forEach((xhr) => xhr.abort());
+      activeXhrsRef.current.clear();
+    };
+  }, []);
+  const uploadSingleFile = React.useCallback(
+    async (fileState) => {
+      const { file, id } = fileState;
+      if (!file) return;
+      const uploadEndpoint = config.uploadUrl || customProps?.uploadUrl || customProps?.presignUrl;
+      if (!uploadEndpoint) {
+        setItems((prev) => {
+          const next = prev.map(
+            (item) => item.id === id ? {
+              ...item,
+              progress: 0,
+              status: "error",
+              error: "No upload endpoint configured. Please configure storage settings or pass an uploadUrl."
+            } : item
+          );
+          setTimeout(() => notifyChange(next), 0);
+          return next;
+        });
+        return;
+      }
+      try {
+        let ephemeralKeyPair = null;
+        let ephemeralPublicKeyBase64 = void 0;
+        try {
+          const cryptoObj = typeof window !== "undefined" ? window.crypto : globalThis.crypto;
+          if (cryptoObj?.subtle) {
+            ephemeralKeyPair = await generateEphemeralKeyPair();
+            ephemeralPublicKeyBase64 = await exportPublicKeySpki(ephemeralKeyPair.publicKey);
+          }
+        } catch {
+        }
+        const headers = {
+          "Content-Type": "application/json",
+          ...ephemeralPublicKeyBase64 ? { "X-Ephemeral-Public-Key": ephemeralPublicKeyBase64 } : {},
+          ...config.publicKey ? { "X-Public-Key": config.publicKey } : {},
+          ...config.headers || {}
+        };
+        const presignRes = await fetch(uploadEndpoint, {
+          method: "POST",
+          headers,
+          body: JSON.stringify({
+            filename: file.name,
+            contentType: file.type || "application/octet-stream",
+            size: file.size,
+            ephemeralPublicKey: ephemeralPublicKeyBase64,
+            publicKey: config.publicKey,
+            storageProvider: config.storageProvider
+          })
+        });
+        if (!presignRes.ok) {
+          const errData = await presignRes.json().catch(() => null);
+          throw new Error(
+            errData?.message || `Presign request failed with status ${presignRes.status}`
+          );
+        }
+        let presignData = await presignRes.json();
+        if (ephemeralKeyPair && (presignData.encryptedPayload || presignData.ciphertext)) {
+          presignData = await decryptEphemeralPayload(presignData, ephemeralKeyPair.privateKey);
+        } else if (presignData.encryptedPayload || presignData.ciphertext) {
+          const cipher = presignData.encryptedPayload || presignData.ciphertext;
+          const iv = presignData.iv || presignData.nonce;
+          const key2 = config.publicKey || customProps?.publicKey;
+          if (key2) {
+            presignData = await decipherPresignPayload(cipher, iv, key2);
+          } else {
+            throw new Error(
+              "Cannot decipher encrypted upload payload: Missing public key in question configuration."
+            );
+          }
+        }
+        const uploadUrl = presignData.uploadUrl || presignData.url || presignData.signedUrl;
+        const fileUrl = presignData.fileUrl || presignData.publicUrl || uploadUrl.split("?")[0];
+        const key = presignData.key || presignData.fileKey;
+        if (!uploadUrl) {
+          throw new Error("Presign response did not contain an uploadUrl");
+        }
+        const xhr = new XMLHttpRequest();
+        activeXhrsRef.current.set(id, xhr);
+        xhr.upload.onprogress = (e) => {
+          if (e.lengthComputable) {
+            const pct = Math.round(e.loaded / e.total * 100);
+            setItems(
+              (prev) => prev.map((item) => item.id === id ? { ...item, progress: pct } : item)
+            );
+          }
+        };
+        xhr.onload = () => {
+          activeXhrsRef.current.delete(id);
+          if (xhr.status >= 200 && xhr.status < 300) {
+            let finalUrl = fileUrl;
+            let finalKey = key;
+            try {
+              if (xhr.responseText) {
+                const resp = JSON.parse(xhr.responseText);
+                if (resp.secure_url) finalUrl = resp.secure_url;
+                else if (resp.url && !resp.url.includes("?")) finalUrl = resp.url;
+                if (resp.public_id) finalKey = resp.public_id;
+                else if (resp.key) finalKey = resp.key;
+              }
+            } catch {
+            }
+            setItems((prev) => {
+              const next = prev.map(
+                (item) => item.id === id ? {
+                  ...item,
+                  progress: 100,
+                  status: "succeeded",
+                  url: finalUrl,
+                  key: finalKey
+                } : item
+              );
+              setTimeout(() => notifyChange(next), 0);
+              return next;
+            });
+          } else {
+            setItems(
+              (prev) => prev.map(
+                (item) => item.id === id ? {
+                  ...item,
+                  status: "error",
+                  error: `Upload failed (Status ${xhr.status})`
+                } : item
+              )
+            );
+          }
+        };
+        xhr.onerror = () => {
+          activeXhrsRef.current.delete(id);
+          setItems(
+            (prev) => prev.map(
+              (item) => item.id === id ? { ...item, status: "error", error: "Network error during upload" } : item
+            )
+          );
+        };
+        if (presignData.fields && typeof presignData.fields === "object") {
+          const formData = new FormData();
+          Object.entries(presignData.fields).forEach(([k, v]) => {
+            formData.append(k, String(v));
+          });
+          formData.append("file", file);
+          xhr.open("POST", uploadUrl);
+          xhr.send(formData);
+        } else {
+          xhr.open("PUT", uploadUrl);
+          xhr.setRequestHeader("Content-Type", file.type || "application/octet-stream");
+          if (presignData.headers && typeof presignData.headers === "object") {
+            Object.entries(presignData.headers).forEach(([k, v]) => {
+              xhr.setRequestHeader(k, String(v));
+            });
+          }
+          xhr.send(file);
+        }
+      } catch (err) {
+        setItems(
+          (prev) => prev.map(
+            (item) => item.id === id ? {
+              ...item,
+              status: "error",
+              error: err.message || "Failed to initialize upload"
+            } : item
+          )
+        );
+      }
+    },
+    [config, customProps]
+  );
+  const handleFilesAdded = React.useCallback(
+    (files) => {
+      setGeneralError(null);
+      const incoming = Array.from(files);
+      if (incoming.length === 0) return;
+      const currentCount = items.filter((i) => i.status !== "error").length;
+      if (currentCount + incoming.length > maxFiles) {
+        setGeneralError(`You can upload a maximum of ${maxFiles} file${maxFiles === 1 ? "" : "s"}.`);
+        return;
+      }
+      const validFiles = [];
+      for (const file of incoming) {
+        if (!isFileAccepted(file, acceptList)) {
+          setGeneralError(`File "${file.name}" has an unsupported format.`);
+          return;
+        }
+        if (file.size > maxSizeBytes) {
+          setGeneralError(
+            `File "${file.name}" exceeds the maximum size limit of ${maxSizeMb} MB.`
+          );
+          return;
+        }
+        const newId = `file-${Date.now()}-${Math.random().toString(36).substring(2, 8)}`;
+        validFiles.push({
+          id: newId,
+          file,
+          name: file.name,
+          size: file.size,
+          type: file.type,
+          progress: 0,
+          status: "uploading"
+        });
+      }
+      setItems((prev) => {
+        const next = maxFiles === 1 ? validFiles : [...prev, ...validFiles];
+        return next;
+      });
+      validFiles.forEach((f) => uploadSingleFile(f));
+    },
+    [acceptList, items, maxFiles, maxSizeBytes, maxSizeMb, uploadSingleFile]
+  );
+  const removeItem = React.useCallback(
+    (id) => {
+      const activeXhr = activeXhrsRef.current.get(id);
+      if (activeXhr) {
+        activeXhr.abort();
+        activeXhrsRef.current.delete(id);
+      }
+      setItems((prev) => {
+        const next = prev.filter((item) => item.id !== id);
+        setTimeout(() => notifyChange(next), 0);
+        return next;
+      });
+    },
+    [notifyChange]
+  );
+  const retryItem = React.useCallback(
+    (id) => {
+      const target = items.find((item) => item.id === id);
+      if (!target || !target.file) return;
+      setItems(
+        (prev) => prev.map(
+          (item) => item.id === id ? { ...item, progress: 0, status: "uploading", error: void 0 } : item
+        )
+      );
+      uploadSingleFile({ ...target, progress: 0, status: "uploading", error: void 0 });
+    },
+    [items, uploadSingleFile]
+  );
+  const canAddMore = items.length < maxFiles && !disabled;
+  const combinedError = error || generalError ? [
+    ...Array.isArray(error) ? error : error ? [String(error)] : [],
+    ...generalError ? [generalError] : []
+  ] : void 0;
+  const c = props.theme?.colors;
+  const inputRadius = props.theme?.shape?.inputRadius || "8px";
+  const dropzoneStyle = {
+    borderRadius: inputRadius,
+    ...c?.border && !isDragOver ? { borderColor: c.border } : {},
+    ...c?.surface ? { backgroundColor: isDragOver ? `${c.primary || "#3b82f6"}15` : c.surface } : {},
+    ...c?.text ? { color: c.text } : {}
+  };
+  const cardStyle = {
+    borderRadius: inputRadius,
+    ...c?.border ? { borderColor: c.border } : {},
+    ...c?.surface ? { backgroundColor: c.surface } : {},
+    ...c?.text ? { color: c.text } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    fieldcraftReact.FieldWrapper,
+    {
+      field,
+      error: combinedError,
+      touched: touched || Boolean(generalError),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 font-sans", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            multiple: maxFiles > 1,
+            accept: acceptList?.join(","),
+            className: "hidden",
+            disabled,
+            onChange: (e) => {
+              if (e.target.files) {
+                handleFilesAdded(e.target.files);
+                e.target.value = "";
+              }
+            },
+            onBlur
+          }
+        ),
+        canAddMore && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: dropzoneStyle,
+            onDragOver: (e) => {
+              e.preventDefault();
+              if (!disabled) setIsDragOver(true);
+            },
+            onDragLeave: () => setIsDragOver(false),
+            onDrop: (e) => {
+              e.preventDefault();
+              setIsDragOver(false);
+              if (!disabled && e.dataTransfer.files) {
+                handleFilesAdded(e.dataTransfer.files);
+              }
+            },
+            onClick: () => {
+              if (!disabled) fileInputRef.current?.click();
+            },
+            className: `
+              relative flex flex-col items-center justify-center p-6 border-2 border-dashed rounded-xl cursor-pointer transition-all duration-200
+              ${isDragOver ? "border-primary bg-primary/5 scale-[0.99]" : "border-muted-foreground/25 hover:border-primary/60 hover:bg-muted/30 bg-muted/10"}
+              ${disabled ? "opacity-50 cursor-not-allowed" : ""}
+            `,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 bg-primary/10 text-primary rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  className: "w-6 h-6",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: "Click to upload" }),
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "or drag and drop" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                acceptList && acceptList.length > 0 ? `Supported: ${acceptList.join(", ")}` : "All file types supported",
+                " ",
+                "(Max ",
+                maxSizeMb,
+                " MB)"
+              ] })
+            ] })
+          }
+        ),
+        items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: items.map((item) => {
+          const isImage = item.type.startsWith("image/") && item.url;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: cardStyle,
+              className: "flex items-center justify-between p-3 bg-card border rounded-lg shadow-sm text-sm",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-3 min-w-0 flex-1 mr-3", children: [
+                  isImage ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: item.url,
+                      alt: item.name,
+                      className: "w-10 h-10 rounded object-cover shrink-0 border"
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded bg-muted flex items-center justify-center shrink-0 text-muted-foreground font-mono text-xs uppercase font-bold", children: item.name.split(".").pop()?.slice(0, 4) || "FILE" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground truncate", children: item.name }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground shrink-0 ml-2", children: formatBytes(item.size) })
+                    ] }),
+                    item.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 w-full bg-muted rounded-full h-1.5 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: "bg-primary h-1.5 rounded-full transition-all duration-150",
+                        style: { width: `${item.progress}%` }
+                      }
+                    ) }),
+                    item.status === "error" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive mt-0.5", children: item.error || "Upload failed" }),
+                    item.status === "succeeded" && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-emerald-600 dark:text-emerald-400 mt-0.5 flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          fillRule: "evenodd",
+                          d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                          clipRule: "evenodd"
+                        }
+                      ) }),
+                      "Uploaded"
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-1.5 shrink-0", children: [
+                  item.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => retryItem(item.id),
+                      className: "p-1 text-xs text-primary hover:underline",
+                      title: "Retry upload",
+                      children: "Retry"
+                    }
+                  ),
+                  item.status === "succeeded" && item.url && /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      href: item.url,
+                      target: "_blank",
+                      rel: "noreferrer",
+                      className: "p-1.5 text-muted-foreground hover:text-foreground rounded transition-colors",
+                      title: "View file",
+                      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+                        }
+                      ) })
+                    }
+                  ),
+                  !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => removeItem(item.id),
+                      className: "p-1.5 text-muted-foreground hover:text-destructive rounded transition-colors",
+                      title: "Remove file",
+                      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M6 18L18 6M6 6l12 12"
+                        }
+                      ) })
+                    }
+                  )
+                ] })
+              ]
+            },
+            item.id
+          );
+        }) })
+      ] })
+    }
+  );
+}
+var ProFileUploadField_default = ProFileUploadField;
+function extractAttendeeInfo(fieldValues) {
+  if (!fieldValues) return {};
+  let name;
+  let email;
+  for (const [key, val] of Object.entries(fieldValues)) {
+    const k = key.toLowerCase();
+    if (!name && (k.includes("name") || k === "fullname" || k === "first_name")) {
+      if (typeof val === "string" && val.trim()) {
+        name = val.trim();
+      } else if (val && typeof val === "object" && "first" in val) {
+        const obj = val;
+        name = [obj.first, obj.middle, obj.last].filter(Boolean).join(" ").trim();
+      }
+    }
+    if (!email && (k.includes("email") || k.includes("mail"))) {
+      if (typeof val === "string" && val.includes("@")) {
+        email = val.trim();
+      }
+    }
+  }
+  return { name, email };
+}
+function formatTime12h(timeStr) {
+  const [hStr, mStr] = timeStr.split(":");
+  const h = parseInt(hStr, 10);
+  if (isNaN(h)) return timeStr;
+  const ampm = h >= 12 ? "PM" : "AM";
+  const h12 = h % 12 || 12;
+  return `${h12}:${mStr || "00"} ${ampm}`;
+}
+function ProAppointmentField(props) {
+  const {
+    value,
+    onChange,
+    onBlur,
+    error,
+    touched,
+    disabled = false,
+    fieldValues,
+    customProps
+  } = props;
+  const onNext = customProps?.onNext || props.onNext;
+  const field = props.field || props.question;
+  const config = field?.config ?? {};
+  const provider = React.useMemo(() => {
+    if (config.embedUrl) {
+      if (config.embedProvider === "calendly" || config.embedUrl.includes("calendly.com")) {
+        return "calendly";
+      }
+      return "cal_com";
+    }
+    return "slots";
+  }, [config.embedUrl, config.embedProvider]);
+  const booking = value ?? null;
+  const isConfirmed = booking?.status === "confirmed";
+  const resolvedTimezone = React.useMemo(() => {
+    if (config.timezoneField && fieldValues?.[config.timezoneField]) {
+      const dynamicVal = String(fieldValues[config.timezoneField]);
+      if (dynamicVal.trim()) return dynamicVal.trim();
+    }
+    if (config.timezone) return config.timezone;
+    try {
+      return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+    } catch {
+      return "UTC";
+    }
+  }, [config.timezone, config.timezoneField, fieldValues]);
+  const [selectedDate, setSelectedDate] = React.useState(() => {
+    if (booking?.date) return booking.date;
+    if (config.slots && config.slots.length > 0) return config.slots[0].date;
+    return (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  });
+  const [selectedTime, setSelectedTime] = React.useState(() => booking?.time || null);
+  const [remoteSlots, setRemoteSlots] = React.useState(config.slots || []);
+  const [isLoadingSlots, setIsLoadingSlots] = React.useState(false);
+  const [slotsFetchError, setSlotsFetchError] = React.useState(null);
+  React.useEffect(() => {
+    if (provider !== "slots" || !config.slotsUrl) return;
+    let isMounted = true;
+    setIsLoadingSlots(true);
+    setSlotsFetchError(null);
+    fetch(config.slotsUrl).then((res) => {
+      if (!res.ok) throw new Error(`Slots API returned status ${res.status}`);
+      return res.json();
+    }).then((data) => {
+      if (isMounted) {
+        const slotsList = Array.isArray(data) ? data : data.slots || [];
+        setRemoteSlots(slotsList);
+        if (slotsList.length > 0 && !selectedDate) {
+          setSelectedDate(slotsList[0].date);
+        }
+        setIsLoadingSlots(false);
+      }
+    }).catch((err) => {
+      if (isMounted) {
+        setSlotsFetchError(err.message || "Failed to load available slots");
+        setIsLoadingSlots(false);
+      }
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, [config.slotsUrl, provider, selectedDate]);
+  const embedSrc = React.useMemo(() => {
+    if (!config.embedUrl) return "";
+    try {
+      const url = new URL(config.embedUrl);
+      const { name, email } = extractAttendeeInfo(fieldValues);
+      if (name && !url.searchParams.has("name")) url.searchParams.set("name", name);
+      if (email && !url.searchParams.has("email")) url.searchParams.set("email", email);
+      if (resolvedTimezone && !url.searchParams.has("timezone")) {
+        url.searchParams.set("timezone", resolvedTimezone);
+      }
+      if (provider === "cal_com") {
+        if (!url.searchParams.has("embed")) url.searchParams.set("embed", "true");
+        if (!url.searchParams.has("layout")) url.searchParams.set("layout", "month_view");
+      } else if (provider === "calendly") {
+        if (!url.searchParams.has("embed_type")) url.searchParams.set("embed_type", "Inline");
+      }
+      return url.toString();
+    } catch {
+      return config.embedUrl;
+    }
+  }, [config.embedUrl, fieldValues, provider, resolvedTimezone]);
+  React.useEffect(() => {
+    const handleMessage = (event) => {
+      let data = event.data;
+      if (!data) return;
+      if (typeof data === "string") {
+        try {
+          data = JSON.parse(data);
+        } catch {
+        }
+      }
+      if (typeof data !== "object" || data === null) return;
+      if (data.type === "cal:bookingSuccessful" || data.origin === "CAL" && data.action === "bookingSuccessful" || data.event === "cal:bookingSuccessful") {
+        const payload = data.data || data.payload || {};
+        const newBooking = {
+          provider: "cal_com",
+          status: "confirmed",
+          bookingId: String(payload.bookingId || payload.id || `cal-${Date.now()}`),
+          date: payload.date || payload.startTime?.split("T")[0],
+          time: payload.time || payload.startTime?.split("T")[1]?.slice(0, 5),
+          duration: payload.duration || config.duration || 30,
+          timezone: payload.timezone || resolvedTimezone,
+          eventTitle: payload.eventTitle || payload.title,
+          attendeeName: payload.name || payload.attendeeName,
+          attendeeEmail: payload.email || payload.attendeeEmail,
+          confirmedAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        onChange(newBooking);
+        if (config.autoAdvance !== false && typeof onNext === "function") {
+          setTimeout(() => onNext(), 400);
+        }
+      }
+      if (data.event === "calendly.event_scheduled" || data.action === "calendly.event_scheduled" || data.type === "calendly.event_scheduled" || data.event === "event_scheduled") {
+        const payload = data.payload || data.data || {};
+        const newBooking = {
+          provider: "calendly",
+          status: "confirmed",
+          eventUri: payload.event?.uri,
+          inviteeUri: payload.invitee?.uri,
+          bookingId: payload.event?.uri ? String(payload.event.uri).split("/").pop() : `cal-${Date.now()}`,
+          duration: config.duration || 30,
+          timezone: resolvedTimezone,
+          confirmedAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        onChange(newBooking);
+        if (config.autoAdvance !== false && typeof onNext === "function") {
+          setTimeout(() => onNext(), 400);
+        }
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [config.autoAdvance, config.duration, onChange, onNext, resolvedTimezone]);
+  const handleSlotSelect = React.useCallback(
+    (time) => {
+      setSelectedTime(time);
+      const newBooking = {
+        provider: "slots",
+        status: "confirmed",
+        date: selectedDate,
+        time,
+        duration: config.duration || 30,
+        timezone: resolvedTimezone,
+        confirmedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      onChange(newBooking);
+    },
+    [config.duration, onChange, resolvedTimezone, selectedDate]
+  );
+  const handleResetBooking = React.useCallback(() => {
+    onChange(null);
+    setSelectedTime(null);
+  }, [onChange]);
+  const availableTimes = React.useMemo(() => {
+    const dayMatch = remoteSlots.find((s) => s.date === selectedDate);
+    if (dayMatch && Array.isArray(dayMatch.times) && dayMatch.times.length > 0) {
+      return dayMatch.times;
+    }
+    return [
+      "09:00",
+      "09:30",
+      "10:00",
+      "10:30",
+      "11:00",
+      "11:30",
+      "13:00",
+      "13:30",
+      "14:00",
+      "14:30",
+      "15:00",
+      "15:30",
+      "16:00"
+    ];
+  }, [remoteSlots, selectedDate]);
+  const combinedError = error || slotsFetchError ? [
+    ...Array.isArray(error) ? error : error ? [String(error)] : [],
+    ...slotsFetchError ? [slotsFetchError] : []
+  ] : void 0;
+  const c = props.theme?.colors;
+  const inputRadius = props.theme?.shape?.inputRadius || "8px";
+  const cardStyle = {
+    borderRadius: inputRadius,
+    ...c?.border ? { borderColor: c.border } : {},
+    ...c?.surface ? { backgroundColor: c.surface } : {},
+    ...c?.text ? { color: c.text } : {}
+  };
+  const activeSlotStyle = {
+    borderRadius: inputRadius,
+    ...c?.primary ? { backgroundColor: c.primary, borderColor: c.primary } : {},
+    ...c?.primaryForeground ? { color: c.primaryForeground } : {}
+  };
+  const inactiveSlotStyle = {
+    borderRadius: inputRadius,
+    ...c?.border ? { borderColor: c.border } : {},
+    ...c?.surface ? { backgroundColor: c.surface } : {},
+    ...c?.text ? { color: c.text } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.FieldWrapper, { field, error: combinedError, touched: touched || Boolean(slotsFetchError), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 font-sans", children: [
+    isConfirmed && booking && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: cardStyle,
+        className: "p-5 border border-emerald-500/30 bg-emerald-500/5 rounded-xl text-foreground space-y-3",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                  clipRule: "evenodd"
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold text-foreground", children: "Appointment Confirmed" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground capitalize", children: [
+                  "via ",
+                  booking.provider.replace("_", ".")
+                ] })
+              ] })
+            ] }),
+            !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleResetBooking,
+                className: "text-xs text-muted-foreground hover:text-foreground underline transition-colors",
+                children: "Reschedule"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs pt-1 border-t border-emerald-500/20", children: [
+            booking.date && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Date:" }),
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: booking.date })
+            ] }),
+            booking.time && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Time:" }),
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: formatTime12h(booking.time) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Timezone:" }),
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: booking.timezone || resolvedTimezone })
+            ] }),
+            booking.duration && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Duration:" }),
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-foreground", children: [
+                booking.duration,
+                " mins"
+              ] })
+            ] })
+          ] }),
+          typeof onNext === "function" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2 border-t border-emerald-500/20 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onNext,
+              className: "px-3.5 py-1.5 text-xs font-semibold rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white transition-colors flex items-center gap-1",
+              children: [
+                "Continue",
+                /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    !isConfirmed && (provider === "cal_com" || provider === "calendly") && embedSrc && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: cardStyle,
+          className: "w-full border rounded-xl overflow-hidden shadow-sm bg-card",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "iframe",
+            {
+              src: embedSrc,
+              title: "Schedule Appointment",
+              className: "w-full h-[580px] border-0",
+              allow: "camera; microphone; autoplay; fullscreen; payment",
+              loading: "lazy"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 text-xs text-muted-foreground px-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Finished scheduling in the calendar above?" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              const manualBooking = {
+                provider,
+                status: "confirmed",
+                bookingId: `manual-${Date.now()}`,
+                timezone: resolvedTimezone,
+                confirmedAt: (/* @__PURE__ */ new Date()).toISOString()
+              };
+              onChange(manualBooking);
+              if (typeof onNext === "function") {
+                setTimeout(() => onNext(), 300);
+              }
+            },
+            className: "px-3 py-1.5 font-medium rounded-lg border border-border bg-background hover:bg-muted text-foreground transition-colors flex items-center justify-center gap-1 shadow-sm self-end sm:self-auto",
+            children: "\u2713 I've Completed My Booking"
           }
         )
-      ]
-    }
-  ) });
-}
-function DragOverlayContent({
-  item,
-  schema,
-  questionTypes: types
-}) {
-  if (item.type === "palette-item") {
-    const typeInfo = types[item.questionType];
-    if (!typeInfo) return null;
-    const IconComponent = getIcon(typeInfo.icon);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-3 py-2 rounded-md border border-primary bg-card text-foreground text-sm fcb-shadow-lg cursor-grabbing", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 14, className: "shrink-0 text-primary", strokeWidth: 1.75 }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: typeInfo.label })
-    ] });
-  }
-  if (item.type === "question") {
-    const found = findQuestion(schema, item.sectionId, item.questionId);
-    if (!found) return null;
-    const typeInfo = types[found.question.type];
-    const IconComponent = typeInfo ? getIcon(typeInfo.icon) : null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 rounded-md border border-primary bg-card text-foreground fcb-shadow-lg cursor-grabbing max-w-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mb-1", children: /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Badge, { variant: "secondary", className: "gap-1.5 text-muted-foreground", children: [
-        IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 11, strokeWidth: 1.75 }),
-        typeInfo?.label ?? found.question.type
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: found.question.label })
-    ] });
-  }
-  if (item.type === "section") {
-    const section = schema.sections.find((s) => s.id === item.sectionId);
-    if (!section) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 rounded-md border border-primary bg-card text-foreground fcb-shadow-lg cursor-grabbing max-w-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold", children: section.title }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground mt-0.5", children: [
-        section.questions.length,
-        " field",
-        section.questions.length !== 1 ? "s" : ""
       ] })
-    ] });
-  }
-  return null;
-}
-function FormBuilderInner(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(FormBuilderErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(FormBuilderCore, { ...props }) });
+    ] }),
+    !isConfirmed && provider === "slots" && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: cardStyle,
+        className: "space-y-4 p-4 border rounded-xl bg-card shadow-sm",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 pb-3 border-b", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-semibold text-foreground block mb-1", children: "Select Date" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "date",
+                  value: selectedDate,
+                  min: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+                  disabled,
+                  onChange: (e) => setSelectedDate(e.target.value),
+                  onBlur,
+                  className: "px-3 py-1.5 text-sm border rounded-lg bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/40"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-1.5 self-start sm:self-auto", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4 text-muted-foreground/70", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "Timezone: ",
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground", children: resolvedTimezone })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-foreground block", children: [
+              "Available Times (",
+              config.duration || 30,
+              " mins)"
+            ] }),
+            isLoadingSlots ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8 text-center text-xs text-muted-foreground", children: "Loading available slots..." }) : availableTimes.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2", children: availableTimes.map((timeStr) => {
+              const isSelected = selectedTime === timeStr;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  style: isSelected ? activeSlotStyle : inactiveSlotStyle,
+                  disabled,
+                  onClick: () => handleSlotSelect(timeStr),
+                  className: `
+                          px-2.5 py-2 text-xs font-medium rounded-lg border transition-all duration-150 text-center
+                          ${isSelected ? "bg-primary text-primary-foreground border-primary shadow-sm ring-2 ring-primary/20 scale-[1.02]" : "bg-background text-foreground border-border hover:border-primary/60 hover:bg-muted/50"}
+                          ${disabled ? "opacity-50 cursor-not-allowed" : ""}
+                        `,
+                  children: formatTime12h(timeStr)
+                },
+                timeStr
+              );
+            }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-xs text-muted-foreground", children: "No slots available on this date. Please select another date." })
+          ] })
+        ]
+      }
+    )
+  ] }) });
 }
-
-// src/form-builder/components/FormBuilderGated.tsx
-var FormBuilder = requireLicense(FormBuilderInner, "FormBuilder");
+var ProAppointmentField_default = ProAppointmentField;
 function resolvePath(obj, path) {
   let current = obj;
   for (const key of path.split(".")) {
@@ -5384,13 +6722,16 @@ function ProPaymentField(props) {
     onChange,
     onBlur,
     customProps,
-    theme: formTheme
+    theme: formTheme,
+    fieldValues
   } = props;
   const config = field.config;
   const current = value ?? { status: "pending" };
   const provider = config?.provider ?? "stripe";
   const publicKey = config?.publicKey;
-  const amount = customProps?.amount ?? config?.amount;
+  const rawDynamicAmount = config?.amountField && fieldValues ? fieldValues[config.amountField] : void 0;
+  const dynamicAmountCents = typeof rawDynamicAmount === "number" ? Math.round(rawDynamicAmount * 100) : typeof rawDynamicAmount === "string" && !isNaN(Number(rawDynamicAmount)) && rawDynamicAmount !== "" ? Math.round(Number(rawDynamicAmount) * 100) : void 0;
+  const amount = customProps?.amount ?? dynamicAmountCents ?? config?.amount;
   const currency = config?.currency ?? "USD";
   const directSecret = customProps?.clientSecret;
   const onCreateIntent = customProps?.onCreatePaymentIntent;
@@ -5399,6 +6740,15 @@ function ProPaymentField(props) {
   const [clientSecret, setClientSecret] = React.useState(directSecret);
   const [intentLoading, setIntentLoading] = React.useState(false);
   const [intentError, setIntentError] = React.useState(null);
+  const prevAmountRef = React.useRef(amount);
+  React.useEffect(() => {
+    if (prevAmountRef.current !== amount) {
+      prevAmountRef.current = amount;
+      if (!directSecret) {
+        setClientSecret(void 0);
+      }
+    }
+  }, [amount, directSecret]);
   const mode = directSecret ? "direct" : onCreateIntent ? "callback" : serverUrl ? "url" : "setup";
   React.useEffect(() => {
     if (directSecret) {
@@ -5465,7 +6815,7 @@ function ProPaymentField(props) {
   const c = formTheme.colors;
   const cardStyle = {
     borderRadius: formTheme.shape?.inputRadius || "8px",
-    border: `1px solid ${c?.border || "#e2e8f0"}`,
+    border: `1px solid ${c?.border || "var(--rule)"}`,
     padding: "16px",
     background: c?.surface || c?.background,
     color: c?.text
@@ -5753,10 +7103,29 @@ function PayKitCheckout({
   ) });
 }
 var PRO_FIELD_OVERRIDES = {
-  payment: ProPaymentField
+  payment: ProPaymentField,
+  file_upload: ProFileUploadField_default,
+  appointment: ProAppointmentField_default
 };
+
+// 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) return "\u2014";
+  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);
@@ -5833,11 +7202,7 @@ function ResponseTable({
               ) }),
               /* @__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.jsxs("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: [
-                answered,
-                "/",
-                totalFields
-              ] }),
+              /* @__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" })
             ]
           },
@@ -5855,21 +7220,6 @@ function ResponseTable({
     ] })
   ] }) });
 }
-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 = {
@@ -6490,7 +7840,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 }) {
@@ -7004,26 +8360,11 @@ 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 (DISPLAY_ONLY_TYPES2.has(q.type)) continue;
+      if (DISPLAY_ONLY_TYPES.has(q.type)) continue;
       questions.push(q);
     }
   }
@@ -7107,7 +8448,7 @@ function downloadBlob(content, filename, mimeType) {
   document.body.appendChild(link);
   link.click();
   document.body.removeChild(link);
-  setTimeout(() => URL.revokeObjectURL(url), 1e4);
+  setTimeout(() => URL.revokeObjectURL(url), 100);
 }
 
 // src/response-viewer/pagination-utils.ts
@@ -7227,14 +8568,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;
@@ -7345,7 +8687,7 @@ function ResponseViewerInner({
     [searchedResponses, filterState]
   );
   const pag = paginate(filteredResponses, currentPage, effectivePageSize);
-  const questions = getAllQuestions(schema);
+  const questions = React.useMemo(() => getAllQuestions(schema), [schema]);
   const isSelectable = selectable && (!!onBulkDelete || !!onBulkExport);
   function handleSelect(response) {
     setSelectedResponse(response);
@@ -7794,7 +9136,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,
@@ -7899,26 +9241,11 @@ function ResponseViewerInner({
     }
   );
 }
-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 (DISPLAY_ONLY_TYPES3.has(q.type)) continue;
+      if (DISPLAY_ONLY_TYPES.has(q.type)) continue;
       questions.push(q);
     }
   }
@@ -8344,16 +9671,20 @@ function deepMerge(base, partial) {
 
 // src/theme-editor/palette-generator.ts
 function generatePalette(baseHex) {
+  const cleaned = baseHex.replace("#", "");
+  if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$/.test(cleaned)) {
+    return generatePalette("#6B7280");
+  }
   const [h, s, l] = hexToHsl(baseHex);
   const secH = (h + 180) % 360;
   const isLightBase = l > 50;
   return {
     // Primary
     primary: hslToHex(h, s, clamp(l, 30, 60)),
-    primaryForeground: isLightBase ? "#ffffff" : "#ffffff",
+    primaryForeground: isLightBase ? "#ffffff" : "#000000",
     // Secondary (complementary)
     secondary: hslToHex(secH, Math.max(s - 15, 10), clamp(l, 35, 55)),
-    secondaryForeground: "#ffffff",
+    secondaryForeground: isLightBase ? "#ffffff" : "#000000",
     // Surfaces
     surface: hslToHex(h, Math.max(s - 35, 3), 97),
     background: "#F4F7F8",
@@ -9399,6 +10730,12 @@ function resolveThemeFromDOM() {
     const val = styles.getPropertyValue(prop).trim();
     return val || void 0;
   };
+  const getNumber = (prop) => {
+    const val = get(prop);
+    if (val == null) return void 0;
+    const num = parseFloat(val);
+    return isNaN(num) ? void 0 : num;
+  };
   return {
     colors: {
       primary: get("--primary"),
@@ -9431,6 +10768,17 @@ function resolveThemeFromDOM() {
       inputRadius: get("--fc-radius-input"),
       buttonRadius: get("--fc-radius-button"),
       cardRadius: get("--fc-radius-card")
+    },
+    spacing: {
+      base: getNumber("--fc-spacing-base"),
+      sectionGap: getNumber("--fc-section-gap"),
+      fieldGap: getNumber("--fc-field-gap"),
+      inputPaddingX: getNumber("--fc-input-padding-x"),
+      inputPaddingY: getNumber("--fc-input-padding-y")
+    },
+    layout: {
+      maxWidth: get("--fc-max-width")
+      // alignment, progressPosition, sectionLayout are enums — not resolvable from CSS
     }
   };
 }
@@ -9485,6 +10833,9 @@ function detectPresetFamily(theme) {
   }
   return null;
 }
+function isValidHex(value) {
+  return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(value);
+}
 var SECTIONS = [
   {
     id: "colors",
@@ -9735,6 +11086,7 @@ function ThemeEditorInner({
     a.click();
     URL.revokeObjectURL(url);
   }, [theme]);
+  const [importError, setImportError] = React.useState(null);
   const importJson = React.useCallback(() => {
     const input = document.createElement("input");
     input.type = "file";
@@ -9746,10 +11098,16 @@ function ThemeEditorInner({
       reader.onload = () => {
         try {
           const parsed = JSON.parse(reader.result);
+          if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed) || !("colors" in parsed || "typography" in parsed || "shape" in parsed || "spacing" in parsed || "layout" in parsed)) {
+            setImportError("Invalid theme file: expected an object with colors, typography, shape, spacing, or layout.");
+            return;
+          }
+          setImportError(null);
           setTheme(parsed);
           setPresetKey("custom");
           onChange?.(parsed, "custom");
         } catch {
+          setImportError("Failed to parse JSON file. Please check the file format.");
         }
       };
       reader.readAsText(file);
@@ -9827,6 +11185,10 @@ function ThemeEditorInner({
             onSave && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onSave(theme, presetKey), className: "fcte-btn fcte-btn--primary", children: "Save" })
           ] })
         ] }),
+        importError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-import-error", role: "alert", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: importError }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setImportError(null), className: "fcte-import-error__close", children: "\xD7" })
+        ] }),
         showPalette && /* @__PURE__ */ jsxRuntime.jsx(
           PaletteGenerator,
           {
@@ -9860,6 +11222,8 @@ function ThemeEditorInner({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fcte-fields", children: currentSection.fields.map((field) => {
               const val = sectionValues[field.key];
               if (field.kind === "color") {
+                const colorVal = typeof val === "string" ? val : "#000000";
+                const isInvalid = colorVal.length > 0 && !isValidHex(colorVal);
                 return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-field", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("label", { className: "fcte-field__label", children: field.label }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-field__color-row", children: [
@@ -9867,7 +11231,7 @@ function ThemeEditorInner({
                       "input",
                       {
                         type: "color",
-                        value: typeof val === "string" ? val : "#000000",
+                        value: isValidHex(colorVal) ? colorVal : "#000000",
                         onChange: (e) => updateField(currentSection.themeKey, field.key, e.target.value),
                         className: "fcte-field__swatch"
                       }
@@ -9876,10 +11240,24 @@ function ThemeEditorInner({
                       "input",
                       {
                         type: "text",
-                        value: typeof val === "string" ? val : "",
-                        onChange: (e) => updateField(currentSection.themeKey, field.key, e.target.value),
-                        className: "fcte-field__text",
-                        spellCheck: false
+                        value: colorVal,
+                        onChange: (e) => {
+                          const v = e.target.value;
+                          if (isValidHex(v)) {
+                            updateField(currentSection.themeKey, field.key, v);
+                          } else {
+                            setTheme((prev) => ({
+                              ...prev,
+                              [currentSection.themeKey]: {
+                                ...prev[currentSection.themeKey],
+                                [field.key]: v
+                              }
+                            }));
+                          }
+                        },
+                        className: `fcte-field__text${isInvalid ? " fcte-field__text--invalid" : ""}`,
+                        spellCheck: false,
+                        placeholder: "#RRGGBB"
                       }
                     )
                   ] })
@@ -9908,9 +11286,16 @@ function ThemeEditorInner({
                       {
                         type: "number",
                         value: typeof val === "number" ? val : 0,
-                        onChange: (e) => updateField(currentSection.themeKey, field.key, Number(e.target.value)),
+                        onChange: (e) => {
+                          let n = Math.round(Number(e.target.value));
+                          if (isNaN(n)) n = 0;
+                          if (field.min != null) n = Math.max(field.min, n);
+                          if (field.max != null) n = Math.min(field.max, n);
+                          updateField(currentSection.themeKey, field.key, n);
+                        },
                         min: field.min,
                         max: field.max,
+                        step: 1,
                         className: "fcte-field__number"
                       }
                     ),
@@ -9928,7 +11313,8 @@ function ThemeEditorInner({
                     onChange: (e) => updateField(currentSection.themeKey, field.key, e.target.value),
                     placeholder: field.placeholder,
                     className: "fcte-field__text",
-                    spellCheck: false
+                    spellCheck: false,
+                    maxLength: 200
                   }
                 )
               ] }, field.key);
@@ -10366,6 +11752,7 @@ var consultationBookingSchema = {
           required: true,
           config: {
             type: "appointment",
+            // Example slots — replace with dynamic data or a slots URL in production
             slots: [
               {
                 date: "2026-09-01",
@@ -10466,6 +11853,55 @@ var consultationBookingSchema = {
           type: "divider",
           label: ""
         },
+        {
+          id: "hourly_rate",
+          type: "calculated",
+          label: "Hourly Rate",
+          config: {
+            type: "calculated",
+            expression: 'IF({service_type} = "legal", 150, IF({service_type} = "business", 200, IF({service_type} = "technical", 175, 0)))',
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "session_cost",
+          type: "calculated",
+          label: "Session Cost",
+          helpText: "Based on service type and session duration",
+          config: {
+            type: "calculated",
+            expression: "{hourly_rate} * {session_duration} / 60",
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "rush_fee",
+          type: "calculated",
+          label: "Rush Fee",
+          config: {
+            type: "calculated",
+            expression: 'IF({urgency} = "rush", 50, 0)',
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "total_cost",
+          type: "calculated",
+          label: "Total",
+          config: {
+            type: "calculated",
+            expression: "{session_cost} + {rush_fee}",
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
         {
           id: "promo_code",
           type: "short_text",
@@ -10485,10 +11921,10 @@ var consultationBookingSchema = {
             provider: "stripe",
             publicKey: "",
             // Set your Stripe publishable key (pk_test_... or pk_live_...)
-            amount: 2e4,
+            amountField: "total_cost",
             currency: "USD",
             description: "Consultation Session"
-            // No serverUrl — developer must configure their own endpoint via customProps or serverUrl
+            // serverUrl: "" — developer must configure their own payment intent endpoint
           }
         }
       ]
@@ -10985,13 +12421,50 @@ var ecommerceCheckoutSchema = {
             prefix: "$"
           }
         },
+        {
+          id: "shipping_cost",
+          type: "calculated",
+          label: "Shipping",
+          helpText: "Based on your selected shipping method",
+          config: {
+            type: "calculated",
+            expression: 'IF({shipping_method} = "overnight", 29.99, IF({shipping_method} = "express", 14.99, IF({shipping_method} = "standard", 7.99, 0)))',
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "insurance_cost",
+          type: "calculated",
+          label: "Shipping Insurance",
+          config: {
+            type: "calculated",
+            expression: "IF({shipping_insurance} = true, 4.99, 0)",
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "gift_wrap_cost",
+          type: "calculated",
+          label: "Gift Wrapping",
+          config: {
+            type: "calculated",
+            expression: "IF({gift_wrap} = true, 5.99, 0)",
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
         {
           id: "order_total",
           type: "calculated",
           label: "Order Total",
           config: {
             type: "calculated",
-            expression: "{order_subtotal} + {order_tax}",
+            expression: "{order_subtotal} + {order_tax} + {shipping_cost} + {insurance_cost} + {gift_wrap_cost}",
             format: "currency",
             decimalPlaces: 2,
             prefix: "$"
@@ -11013,10 +12486,10 @@ var ecommerceCheckoutSchema = {
             provider: "stripe",
             publicKey: "",
             // Set your Stripe publishable key (pk_test_... or pk_live_...)
-            amount: 1e4,
+            amountField: "order_total",
             currency: "USD",
             description: "E-commerce Order"
-            // No serverUrl — developer must configure their own endpoint via customProps or serverUrl
+            // serverUrl: "" — developer must configure their own payment intent endpoint
           }
         }
       ]
@@ -11122,6 +12595,8 @@ exports.FormBuilderThemeProvider = FormBuilderThemeProvider;
 exports.PRESET_FAMILIES = PRESET_FAMILIES;
 exports.PREVIEW_SCHEMA = PREVIEW_SCHEMA;
 exports.PRO_FIELD_OVERRIDES = PRO_FIELD_OVERRIDES;
+exports.ProAppointmentField = ProAppointmentField;
+exports.ProFileUploadField = ProFileUploadField;
 exports.ProPaymentField = ProPaymentField;
 exports.QUESTION_TYPE_INFO = QUESTION_TYPE_INFO;
 exports.ResponseViewer = ResponseViewer;
@@ -11135,13 +12610,18 @@ exports.cn = cn;
 exports.consultationBooking = consultationBooking;
 exports.consultationBookingMeta = consultationBookingMeta;
 exports.consultationBookingSchema = consultationBookingSchema;
+exports.decipherPresignPayload = decipherPresignPayload;
+exports.decryptEphemeralPayload = decryptEphemeralPayload;
 exports.duplicateQuestion = duplicateQuestion;
 exports.duplicateSection = duplicateSection;
 exports.ecommerceCheckout = ecommerceCheckout;
 exports.ecommerceCheckoutMeta = ecommerceCheckoutMeta;
 exports.ecommerceCheckoutSchema = ecommerceCheckoutSchema;
+exports.encryptPresignPayload = encryptPresignPayload;
+exports.exportPublicKeySpki = exportPublicKeySpki;
 exports.findQuestion = findQuestion;
 exports.findSection = findSection;
+exports.generateEphemeralKeyPair = generateEphemeralKeyPair;
 exports.generateId = generateId;
 exports.generateOptionId = generateOptionId;
 exports.generateQuestionId = generateQuestionId;