@123usmanhaider321/ui 0.1.8 → 1.0.0

package/dist/components/FormBuilder/FormBuilder.js

@@ -1,918 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { memo, forwardRef, useState, useRef, useEffect, useCallback, useMemo, useImperativeHandle } from "react";
-import { useSensors, useSensor, DndContext, closestCenter, DragOverlay, KeyboardSensor, PointerSensor } from "../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext, verticalListSortingStrategy, arrayMove, sortableKeyboardCoordinates } from "../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { ChevronDown, Plus, ClipboardList } from "lucide-react";
-import { AnimatePresence, motion } from "framer-motion";
-import { SortableQuestionList } from "./SortableQuestionList.js";
-import QuestionCard from "./QuestionCard.js";
-import { normalizeFormSchema, denormalizeFormSchema, getDiscountFilePath, validateQuestionError } from "./utils.js";
-import Alert from "../Alert/Alert.js";
-import { Tooltip } from "../Tooltip/Tooltip.js";
-import { cn } from "../../utils/cn.js";
-import ForwardRef from "../../node_modules/@heroicons/react/24/outline/esm/InformationCircleIcon.js";
-import { Button } from "../Button/Button.js";
-const EmptyState = ({ onAdd, isAddingNew }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 border-2 border-dashed border-grey-200 rounded-xl bg-grey-50/50 text-center", children: [
-  /* @__PURE__ */ jsx("div", { className: "bg-white p-3 rounded-full shadow-sm mb-4", children: /* @__PURE__ */ jsx(ClipboardList, { className: "w-6 h-6 text-purple-600" }) }),
-  /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-1", children: "No questions yet" }),
-  /* @__PURE__ */ jsx("p", { className: "text-sm text-grey-500 mb-6 max-w-sm", children: "Start building your form by adding your first question." }),
-  /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      onClick: (e) => {
-        e.stopPropagation();
-        if (!isAddingNew) onAdd();
-      },
-      disabled: isAddingNew,
-      className: cn("gap-2", isAddingNew && "opacity-50 cursor-not-allowed"),
-      children: [
-        /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" }),
-        "Add Question"
-      ]
-    }
-  )
-] });
-const FormBuilder = forwardRef(({
-  eventId,
-  initialFields,
-  participationType,
-  scope,
-  isSameQuestionTitleAllowed = true,
-  allowedDiscountQuestions = 1,
-  onQuestionsChange,
-  onBusyStateChange,
-  onPolluted,
-  discountFilePath,
-  individualDiscountFilePath,
-  userUid,
-  addQuestion,
-  editQuestion,
-  deleteQuestion,
-  updateOrder,
-  storageService
-}, ref) => {
-  const [questions, setQuestions] = useState({});
-  const [questionOrder, setQuestionOrder] = useState([]);
-  const [isLocked, setIsLocked] = useState(false);
-  const [isLoaded, setIsLoaded] = useState(false);
-  const questionsRef = useRef(questions);
-  const questionOrderRef = useRef(questionOrder);
-  useEffect(() => {
-    questionsRef.current = questions;
-  }, [questions]);
-  useEffect(() => {
-    questionOrderRef.current = questionOrder;
-  }, [questionOrder]);
-  const dirtyQuestionsRef = useRef(/* @__PURE__ */ new Set());
-  const newQuestionsRef = useRef(/* @__PURE__ */ new Set());
-  const isOrderDirtyRef = useRef(false);
-  const [isDirtyForUI, setIsDirtyForUI] = useState(false);
-  const snapshotRef = useRef(null);
-  const isCurrentSessionNewRef = useRef(false);
-  const isSavingRef = useRef(false);
-  const [editingQuestionId, setEditingQuestionId] = useState(null);
-  const [showValidationErrors, setShowValidationErrors] = useState(false);
-  const [activeId, setActiveId] = useState(null);
-  const [alertState, setAlertState] = useState({
-    isVisible: false,
-    message: "",
-    type: "success"
-  });
-  const [isTeamOpen, setIsTeamOpen] = useState(true);
-  const [isIndividualOpen, setIsIndividualOpen] = useState(true);
-  const [isTeamMemberOpen, setIsTeamMemberOpen] = useState(true);
-  const isBusy = isSavingRef.current || isDirtyForUI;
-  useEffect(() => {
-    if (onBusyStateChange) {
-      onBusyStateChange(isBusy);
-    }
-  }, [isBusy, onBusyStateChange]);
-  const showAlert = useCallback((message, type) => {
-    setAlertState({ isVisible: true, message, type });
-    setTimeout(() => setAlertState((prev) => ({ ...prev, isVisible: false })), 3e3);
-  }, []);
-  const formId = useMemo(() => `event-form-${eventId || "new"}`, [eventId]);
-  useEffect(() => {
-    if (initialFields) {
-      const hasUnsavedChanges = dirtyQuestionsRef.current.size > 0 || isOrderDirtyRef.current || newQuestionsRef.current.size > 0;
-      if (!isLoaded || !hasUnsavedChanges) {
-        const normalizedData = normalizeFormSchema(initialFields, discountFilePath, individualDiscountFilePath);
-        setQuestions(normalizedData.questions || {});
-        setQuestionOrder(normalizedData.questionOrder || []);
-        setIsLocked(normalizedData.status === "LOCKED");
-        if (!isLoaded) setIsLoaded(true);
-      }
-    }
-  }, [initialFields, isLoaded]);
-  const notifyParentOfChange = useCallback((newQuestions, newOrder) => {
-    if (onQuestionsChange) {
-      const arrayFormat = denormalizeFormSchema(newQuestions, newOrder);
-      onQuestionsChange(arrayFormat);
-    }
-  }, [onQuestionsChange]);
-  const isTeamEvent = participationType === "2" || participationType === "TEAM";
-  const discountQuestionsCount = useMemo(() => {
-    return Object.values(questions).filter((q) => {
-      if (q.kind !== "DISCOUNT") return false;
-      if (scope) {
-        if (scope === "INDIVIDUAL") {
-          const isBothParticipation = participationType === "3" || participationType === "BOTH";
-          return q.scope === "INDIVIDUAL" || isBothParticipation && q.scope === "BOTH";
-        } else if (scope === "TEAM") {
-          return q.scope === "TEAM" || q.scope === "BOTH";
-        }
-      }
-      if (participationType === "INDIVIDUAL") {
-        return q.scope === "INDIVIDUAL" || q.scope === "BOTH";
-      } else if (isTeamEvent) {
-        return q.scope === "TEAM" || q.scope === "BOTH";
-      }
-      return true;
-    }).length;
-  }, [questions, scope, participationType, isTeamEvent]);
-  const disableDiscountOption = discountQuestionsCount >= allowedDiscountQuestions;
-  const { teamQuestionsOrder, teamMemberQuestionsOrder, individualQuestionsOrder } = useMemo(() => {
-    const team = [];
-    const teamMember = [];
-    const individual = [];
-    questionOrder.forEach((id) => {
-      const q = questions[id];
-      if (!q) return;
-      if (scope) {
-        if (scope === "INDIVIDUAL") {
-          const isBothParticipation = participationType === "3" || participationType === "BOTH";
-          if (q.scope === "INDIVIDUAL" || isBothParticipation && q.scope === "BOTH") {
-            individual.push(id);
-          }
-        } else if (scope === "TEAM" && (q.scope === "TEAM" || q.scope === "BOTH")) {
-          if (q.individual === false) team.push(id);
-          else teamMember.push(id);
-        }
-        return;
-      }
-      if (participationType === "INDIVIDUAL") {
-        if (q.scope === "INDIVIDUAL" || q.scope === "BOTH") individual.push(id);
-      } else if (isTeamEvent) {
-        if (q.scope === "TEAM" || q.scope === "BOTH") {
-          if (q.individual === false) team.push(id);
-          else teamMember.push(id);
-        }
-      } else {
-        if (q.individual === false) team.push(id);
-        else individual.push(id);
-      }
-    });
-    return {
-      teamQuestionsOrder: team,
-      teamMemberQuestionsOrder: teamMember,
-      individualQuestionsOrder: individual
-    };
-  }, [questionOrder, questions, scope, participationType, isTeamEvent]);
-  const autoSaveTimerRef = useRef(null);
-  const markDirty = (desc, delay = 3e4) => {
-    setIsDirtyForUI(true);
-    if (autoSaveTimerRef.current) clearTimeout(autoSaveTimerRef.current);
-    autoSaveTimerRef.current = setTimeout(() => {
-      saveRoutine();
-    }, delay);
-  };
-  useEffect(() => {
-    return () => {
-      if (autoSaveTimerRef.current) clearTimeout(autoSaveTimerRef.current);
-    };
-  }, []);
-  const saveRoutine = async (retryCount = 0) => {
-    var _a, _b;
-    if (isSavingRef.current) {
-      return new Promise((resolve) => {
-        const check = () => {
-          if (!isSavingRef.current) resolve();
-          else setTimeout(check, 100);
-        };
-        check();
-      });
-    }
-    isSavingRef.current = true;
-    autoSaveTimerRef.current = null;
-    const dirtyIds = Array.from(dirtyQuestionsRef.current);
-    const orderDirty = isOrderDirtyRef.current;
-    if (dirtyIds.length === 0 && !orderDirty) {
-      setIsDirtyForUI(false);
-      isSavingRef.current = false;
-      return;
-    }
-    const questionPromises = [];
-    let hasSkippedQuestions = false;
-    for (const id of dirtyIds) {
-      const q = questionsRef.current[id];
-      if (!q) {
-        dirtyQuestionsRef.current.delete(id);
-        continue;
-      }
-      const stateBeingSaved = JSON.stringify(q);
-      const isNew = newQuestionsRef.current.has(id);
-      const isChoice = ["MULTIPLE_CHOICE", "CHECKBOX", "DROPDOWN"].includes(q.kind);
-      const isPayment = ["PAYMENT", "PAYMENT_CHECKBOX"].includes(q.kind);
-      const effectiveScope = scope || q.scope || (q.individual === false ? "TEAM" : "INDIVIDUAL");
-      const path = `/data/${userUid}/events/discounts/${eventId}.csv`;
-      const individualPath = `/data/${userUid}/events/discounts/${eventId}_individual.csv`;
-      const discountPath = userUid ? path : q.discount_file_path;
-      const individualDiscountPath = userUid ? individualPath : discountPath;
-      if (q.kind === "DISCOUNT" && q.file && userUid && storageService) {
-        try {
-          const targetUploadPath = getDiscountFilePath(eventId, userUid, participationType, scope, q);
-          await storageService.uploadFile(targetUploadPath, q.file);
-        } catch (err) {
-          console.error("Failed to upload discount file", err);
-          showAlert("Failed to upload discount file", "error");
-          continue;
-        }
-      }
-      const basePayload = {
-        event_id: eventId,
-        question_type: q.kind,
-        placeholder: q.placeholder || "",
-        validation: q.required,
-        individual: q.individual !== false,
-        scope: effectiveScope,
-        conditions: {},
-        options: isChoice ? ((_a = q.options) == null ? void 0 : _a.map((o) => ({ value: o.value || o.label }))) || [] : [],
-        Categories: isPayment ? ((_b = q.Categories) == null ? void 0 : _b.map((c) => ({ name: c.name, price: c.price }))) || [] : [],
-        additional_fee: isPayment,
-        applies_on: q.kind === "DISCOUNT" ? q.applies_on || [] : [],
-        discount_file_path: effectiveScope === "TEAM" || effectiveScope === "BOTH" || effectiveScope === "INDIVIDUAL" ? discountPath || "" : "",
-        individual_discount_file_path: effectiveScope === "INDIVIDUAL" || effectiveScope === "BOTH" ? individualDiscountPath || "" : ""
-      };
-      if (isNew) {
-        if (addQuestion) {
-          const apiPayload = { ...basePayload, question: q.label };
-          if (!apiPayload.question || isChoice && apiPayload.options.length === 0 || isPayment && apiPayload.Categories.length === 0 || q.kind === "DISCOUNT" && apiPayload.applies_on.length === 0 || q.kind === "DISCOUNT" && effectiveScope === "TEAM" && !apiPayload.discount_file_path || q.kind === "DISCOUNT" && effectiveScope === "INDIVIDUAL" && !apiPayload.individual_discount_file_path) {
-            hasSkippedQuestions = true;
-            continue;
-          }
-          questionPromises.push(
-            addQuestion(apiPayload).then(() => {
-              const currentState = JSON.stringify(questionsRef.current[id]);
-              newQuestionsRef.current.delete(id);
-              setQuestions((prev) => {
-                if (!prev[id]) return prev;
-                return { ...prev, [id]: { ...prev[id], originalLabel: q.label } };
-              });
-              if (currentState === stateBeingSaved) dirtyQuestionsRef.current.delete(id);
-              if (onPolluted) onPolluted();
-            })
-          );
-        }
-      } else {
-        if (editQuestion) {
-          const apiPayload = {
-            ...basePayload,
-            question: q.originalLabel || q.label,
-            new_question: q.label
-          };
-          if (!apiPayload.new_question || isChoice && apiPayload.options.length === 0 || isPayment && apiPayload.Categories.length === 0 || q.kind === "DISCOUNT" && apiPayload.applies_on.length === 0) {
-            hasSkippedQuestions = true;
-            continue;
-          }
-          questionPromises.push(
-            editQuestion(apiPayload).then(() => {
-              const currentState = JSON.stringify(questionsRef.current[id]);
-              setQuestions((prev) => {
-                if (!prev[id]) return prev;
-                return { ...prev, [id]: { ...prev[id], originalLabel: q.label } };
-              });
-              if (currentState === stateBeingSaved) dirtyQuestionsRef.current.delete(id);
-              if (onPolluted) onPolluted();
-            })
-          );
-        }
-      }
-    }
-    try {
-      if (questionPromises.length > 0) await Promise.all(questionPromises);
-      if (orderDirty && !hasSkippedQuestions && updateOrder) {
-        const orderSnapshot = [...questionOrderRef.current];
-        const orderPayload = {
-          event_id: eventId,
-          questions: orderSnapshot.map((id, index) => {
-            const q = questionsRef.current[id];
-            return q ? { question: q.label, order: 900 + index } : null;
-          }).filter(Boolean)
-        };
-        await updateOrder(orderPayload).then(() => {
-          const currentOrderJSON = JSON.stringify(questionOrderRef.current);
-          const sentOrderJSON = JSON.stringify(orderSnapshot);
-          if (currentOrderJSON === sentOrderJSON) isOrderDirtyRef.current = false;
-          if (onPolluted) onPolluted();
-        });
-      }
-      if (dirtyQuestionsRef.current.size === 0 && !isOrderDirtyRef.current) {
-        setIsDirtyForUI(false);
-      }
-    } catch (e) {
-      console.error("Auto-save failed", e);
-      if (!autoSaveTimerRef.current && retryCount < 3) {
-        autoSaveTimerRef.current = setTimeout(() => {
-          saveRoutine(retryCount + 1);
-        }, 3e4);
-        setIsDirtyForUI(true);
-      } else {
-        showAlert("Failed to save changes. Please try again.", "error");
-      }
-    } finally {
-      isSavingRef.current = false;
-    }
-  };
-  useImperativeHandle(ref, () => ({
-    save: async () => {
-      if (editingQuestionId) {
-        handleCancel(editingQuestionId);
-        setShowValidationErrors(false);
-      }
-      if (!isSameQuestionTitleAllowed) {
-        const titles = /* @__PURE__ */ new Set();
-        const duplicates = /* @__PURE__ */ new Set();
-        Object.values(questions).forEach((q) => {
-          var _a;
-          const normalized = (_a = q.label) == null ? void 0 : _a.trim().toLowerCase();
-          if (!normalized) return;
-          if (titles.has(normalized)) duplicates.add(q.label);
-          titles.add(normalized);
-        });
-        if (duplicates.size > 0) {
-          const dupList = Array.from(duplicates).join(", ");
-          showAlert(`Duplicate titles: ${dupList}`, "error");
-          throw new Error(`Duplicate titles: ${dupList}`);
-        }
-      }
-      return await saveRoutine();
-    },
-    validateNavigation: () => {
-      if (editingQuestionId) {
-        handleCancel(editingQuestionId);
-        setShowValidationErrors(false);
-      }
-      return true;
-    },
-    isSaving: () => isSavingRef.current || isBusy,
-    isDirty: () => isDirtyForUI
-  }));
-  useEffect(() => {
-    if (!isDirtyForUI) return;
-    const handleBeforeUnload = (e) => {
-      e.preventDefault();
-      e.returnValue = "";
-      saveRoutine();
-    };
-    window.addEventListener("beforeunload", handleBeforeUnload);
-    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
-  }, [isDirtyForUI]);
-  const updateQuestionLocal = (id, updates) => {
-    setQuestions((prev) => {
-      const current = prev[id];
-      if (!current) return prev;
-      const updated = { ...prev, [id]: { ...current, ...updates } };
-      questionsRef.current = updated;
-      if (updates.options || updates.Categories || updates.label !== void 0 || updates.file !== void 0 || updates.applies_on !== void 0) {
-        setShowValidationErrors(false);
-      }
-      if (onQuestionsChange) {
-        clearTimeout(window._notifyTimer);
-        window._notifyTimer = setTimeout(() => {
-          notifyParentOfChange(updated, questionOrderRef.current);
-        }, 500);
-      }
-      return updated;
-    });
-    dirtyQuestionsRef.current.add(id);
-    markDirty();
-  };
-  const addQuestionLocal = (question, indexToInsert) => {
-    const updatedQuestions = { ...questionsRef.current, [question.id]: question };
-    setQuestions(updatedQuestions);
-    questionsRef.current = updatedQuestions;
-    setQuestionOrder((prev) => {
-      const newOrder = [...prev];
-      newOrder.push(question.id);
-      questionOrderRef.current = newOrder;
-      notifyParentOfChange(questionsRef.current, newOrder);
-      return newOrder;
-    });
-    newQuestionsRef.current.add(question.id);
-    dirtyQuestionsRef.current.add(question.id);
-    isOrderDirtyRef.current = true;
-    markDirty();
-  };
-  const deleteQuestionLocal = async (id) => {
-    const q = questions[id];
-    if (!q) return;
-    if (["TEAM_SIZE", "NAME_ON_TICKET"].includes(q.kind)) {
-      showAlert("System questions cannot be deleted", "error");
-      return;
-    }
-    const nextQuestions = { ...questionsRef.current };
-    delete nextQuestions[id];
-    setQuestions(nextQuestions);
-    questionsRef.current = nextQuestions;
-    const nextOrder = questionOrderRef.current.filter((qid) => qid !== id);
-    setQuestionOrder(nextOrder);
-    questionOrderRef.current = nextOrder;
-    notifyParentOfChange(nextQuestions, nextOrder);
-    if (editingQuestionId === id) setEditingQuestionId(null);
-    if (newQuestionsRef.current.has(id)) {
-      dirtyQuestionsRef.current.delete(id);
-      newQuestionsRef.current.delete(id);
-      return;
-    }
-    if (deleteQuestion) {
-      try {
-        await deleteQuestion({ event_id: eventId, question: q.originalLabel || q.label });
-        dirtyQuestionsRef.current.delete(id);
-        newQuestionsRef.current.delete(id);
-        if (onPolluted) onPolluted();
-      } catch (e) {
-        console.error("Delete failed", e);
-      }
-    }
-  };
-  const startEditing = (id, questionOverride) => {
-    const q = questions[id];
-    if (q) {
-      snapshotRef.current = JSON.parse(JSON.stringify(q));
-      isCurrentSessionNewRef.current = false;
-    }
-    setEditingQuestionId(id);
-  };
-  const handleCancel = (id) => {
-    if (isCurrentSessionNewRef.current) {
-      const nextQuestions = { ...questionsRef.current };
-      delete nextQuestions[id];
-      setQuestions(nextQuestions);
-      questionsRef.current = nextQuestions;
-      const nextOrder = questionOrderRef.current.filter((qid) => qid !== id);
-      setQuestionOrder(nextOrder);
-      questionOrderRef.current = nextOrder;
-      dirtyQuestionsRef.current.delete(id);
-      newQuestionsRef.current.delete(id);
-      setEditingQuestionId(null);
-      setShowValidationErrors(false);
-      return;
-    }
-    if (snapshotRef.current) {
-      setQuestions((prev) => {
-        const updated = { ...prev, [id]: { ...snapshotRef.current, file: void 0 } };
-        questionsRef.current = updated;
-        return updated;
-      });
-    }
-    dirtyQuestionsRef.current.delete(id);
-    if (dirtyQuestionsRef.current.size === 0 && !isOrderDirtyRef.current) setIsDirtyForUI(false);
-    setEditingQuestionId(null);
-    setShowValidationErrors(false);
-  };
-  const triggerSave = () => {
-    snapshotRef.current = null;
-    isCurrentSessionNewRef.current = false;
-    if (autoSaveTimerRef.current) clearTimeout(autoSaveTimerRef.current);
-    autoSaveTimerRef.current = setTimeout(() => saveRoutine(), 100);
-  };
-  const handleSetActiveQuestion = (newId) => {
-    if (newId === null) {
-      if (editingQuestionId) handleCancel(editingQuestionId);
-      return;
-    }
-    if (editingQuestionId && editingQuestionId !== newId) {
-      const current = questions[editingQuestionId];
-      if (!current) {
-        startEditing(newId);
-        setShowValidationErrors(false);
-        return;
-      }
-      if (validateQuestionError(current, questions, participationType, isSameQuestionTitleAllowed) !== null) {
-        setShowValidationErrors(true);
-        showAlert("Please complete the current question to proceed.", "error");
-        return;
-      } else {
-        triggerSave();
-        setShowValidationErrors(false);
-      }
-    }
-    startEditing(newId);
-    setShowValidationErrors(false);
-  };
-  const sensors = useSensors(
-    useSensor(PointerSensor, { activationConstraint: { distance: 3 } }),
-    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
-  );
-  const handleDragStart = (event) => {
-    setActiveId(event.active.id);
-    if (editingQuestionId) setEditingQuestionId(null);
-  };
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    setActiveId(null);
-    if (!over || active.id === over.id) return;
-    const oldIndex = questionOrder.indexOf(active.id);
-    const newIndex = questionOrder.indexOf(over.id);
-    const activeQ = questions[active.id];
-    const overQ = questions[over.id];
-    if (isTeamEvent && activeQ && overQ && activeQ.individual !== overQ.individual) return;
-    if (["TEAM_SIZE", "NAME_ON_TICKET"].includes(activeQ == null ? void 0 : activeQ.kind)) return;
-    if (oldIndex !== -1 && newIndex !== -1) {
-      const newOrder = arrayMove(questionOrder, oldIndex, newIndex);
-      setQuestionOrder(newOrder);
-      questionOrderRef.current = newOrder;
-      isOrderDirtyRef.current = true;
-      markDirty();
-      notifyParentOfChange(questions, newOrder);
-    }
-  };
-  const handleAddClick = (isIndividual = true) => {
-    if (editingQuestionId) {
-      const q = questions[editingQuestionId];
-      if (q && validateQuestionError(q, questions, participationType, isSameQuestionTitleAllowed) !== null) {
-        setShowValidationErrors(true);
-        showAlert("Please complete the current question to proceed.", "error");
-        return;
-      }
-      triggerSave();
-      setShowValidationErrors(false);
-    }
-    const newId = crypto.randomUUID();
-    let defaultScope = scope || (isTeamEvent ? "TEAM" : "INDIVIDUAL");
-    const newQuestion = {
-      id: newId,
-      kind: "INPUT_STR",
-      label: "",
-      required: false,
-      options: [],
-      individual: isIndividual,
-      scope: defaultScope
-    };
-    addQuestionLocal(newQuestion);
-    isCurrentSessionNewRef.current = true;
-    snapshotRef.current = JSON.parse(JSON.stringify(newQuestion));
-    setEditingQuestionId(newId);
-  };
-  const handleDuplicate = (id) => {
-    var _a, _b;
-    const original = questions[id];
-    if (!original) return;
-    if (["TEAM_SIZE", "NAME_ON_TICKET"].includes(original.kind)) {
-      showAlert("System questions cannot be duplicated", "error");
-      return;
-    }
-    const newId = crypto.randomUUID();
-    const baseName = (original.label || "").replace(/\s+copy\s+\(\d+\)$/i, "").trim();
-    let nextNumber = 1;
-    const labels = Object.values(questions).map((q) => {
-      var _a2;
-      return ((_a2 = q.label) == null ? void 0 : _a2.toLowerCase()) || "";
-    });
-    while (labels.includes(`${baseName} copy (${nextNumber})`.toLowerCase())) nextNumber++;
-    const newQuestion = {
-      ...original,
-      id: newId,
-      label: `${baseName} copy (${nextNumber})`,
-      options: ((_a = original.options) == null ? void 0 : _a.map((o) => ({ ...o, id: crypto.randomUUID() }))) || [],
-      Categories: ((_b = original.Categories) == null ? void 0 : _b.map((c) => ({ ...c, id: crypto.randomUUID() }))) || []
-    };
-    const originalIndex = questionOrder.indexOf(id);
-    const newOrder = [...questionOrder];
-    newOrder.splice(originalIndex + 1, 0, newId);
-    setQuestions((prev) => {
-      const updated = { ...prev, [newId]: newQuestion };
-      questionsRef.current = updated;
-      return updated;
-    });
-    setQuestionOrder(newOrder);
-    questionOrderRef.current = newOrder;
-    newQuestionsRef.current.add(newId);
-    dirtyQuestionsRef.current.add(newId);
-    isOrderDirtyRef.current = true;
-    markDirty();
-    isCurrentSessionNewRef.current = true;
-    setEditingQuestionId(newId);
-  };
-  const handleManualSave = (id) => {
-    const q = questions[id];
-    if (!q) return;
-    if (validateQuestionError(q, questions, participationType, isSameQuestionTitleAllowed) !== null) {
-      setShowValidationErrors(true);
-      return;
-    }
-    triggerSave();
-    setShowValidationErrors(false);
-    setEditingQuestionId(null);
-  };
-  const activeQuestionProps = (id) => {
-    const q = questions[id];
-    const err = validateQuestionError(q, questions, participationType, isSameQuestionTitleAllowed);
-    return {
-      isDirty: dirtyQuestionsRef.current.has(id),
-      isSaving: isSavingRef.current,
-      isNew: newQuestionsRef.current.has(id),
-      isValid: err === null,
-      errorMessage: showValidationErrors ? err || void 0 : void 0
-    };
-  };
-  const handleSectionToggle = (section) => {
-    let currentIsOpen = false;
-    let setOpen = () => {
-    };
-    let qOrder = [];
-    if (section === "TEAM") {
-      currentIsOpen = isTeamOpen;
-      setOpen = setIsTeamOpen;
-      qOrder = teamQuestionsOrder;
-    } else if (section === "TEAM_MEMBER") {
-      currentIsOpen = isTeamMemberOpen;
-      setOpen = setIsTeamMemberOpen;
-      qOrder = teamMemberQuestionsOrder;
-    } else {
-      currentIsOpen = isIndividualOpen;
-      setOpen = setIsIndividualOpen;
-      qOrder = individualQuestionsOrder;
-    }
-    if (currentIsOpen && editingQuestionId && qOrder.includes(editingQuestionId)) {
-      handleSetActiveQuestion(null);
-    }
-    setOpen(!currentIsOpen);
-  };
-  if (!isLoaded && initialFields) return /* @__PURE__ */ jsx("div", { className: "p-8 text-center text-gray-500", children: "Loading Form Builder..." });
-  const isAddingNew = editingQuestionId ? newQuestionsRef.current.has(editingQuestionId) : false;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 relative", children: [
-    /* @__PURE__ */ jsx(
-      Alert,
-      {
-        isVisible: alertState.isVisible,
-        message: alertState.message,
-        type: alertState.type,
-        onClose: () => setAlertState((prev) => ({ ...prev, isVisible: false }))
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      DndContext,
-      {
-        sensors,
-        collisionDetection: closestCenter,
-        onDragStart: handleDragStart,
-        onDragEnd: handleDragEnd,
-        children: [
-          (scope === "TEAM" || isTeamEvent && !scope) && /* @__PURE__ */ jsxs("div", { className: "space-y-8 overflow-y-hidden", children: [
-            /* @__PURE__ */ jsxs("div", { className: "border border-gray-200 rounded-xl bg-white", children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "p-4 flex items-center space-x-2 cursor-pointer transition-colors",
-                  onClick: () => handleSectionToggle("TEAM"),
-                  children: [
-                    /* @__PURE__ */ jsx(ChevronDown, { className: cn(
-                      "w-5 h-5 text-gray-900 transition-transform duration-300",
-                      isTeamOpen ? "rotate-180" : "rotate-0"
-                    ) }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-800 flex items-center gap-2", children: "Team questions" }),
-                      /* @__PURE__ */ jsx(
-                        Tooltip,
-                        {
-                          placement: "bottom",
-                          content: "Questions that apply to the entire team and only need to be specified once",
-                          children: /* @__PURE__ */ jsx(ForwardRef, { className: "h-5 w-5 text-gray-400" })
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isTeamOpen && /* @__PURE__ */ jsx(
-                motion.div,
-                {
-                  initial: { height: 0, opacity: 0 },
-                  animate: { height: "auto", opacity: 1 },
-                  exit: { height: 0, opacity: 0 },
-                  transition: { duration: 0.2 },
-                  children: /* @__PURE__ */ jsx("div", { className: "p-6 pt-0", children: teamQuestionsOrder.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx(SortableContext, { items: teamQuestionsOrder, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(
-                      SortableQuestionList,
-                      {
-                        questions,
-                        questionOrder: teamQuestionsOrder,
-                        formId,
-                        eventId,
-                        userUid,
-                        storageService,
-                        isLocked,
-                        activeQuestionId: editingQuestionId,
-                        onSetActiveQuestion: handleSetActiveQuestion,
-                        onDelete: deleteQuestionLocal,
-                        onDuplicate: handleDuplicate,
-                        onSave: handleManualSave,
-                        onUpdate: updateQuestionLocal,
-                        onCancel: handleCancel,
-                        activeQuestionProps: editingQuestionId ? activeQuestionProps(editingQuestionId) : void 0,
-                        disabled: isAddingNew,
-                        scope,
-                        participationType,
-                        disableDiscountOption,
-                        showValidationErrors
-                      }
-                    ) }),
-                    !activeId && !isLocked && /* @__PURE__ */ jsx("div", { className: "flex justify-center mt-6", children: /* @__PURE__ */ jsxs(
-                      Button,
-                      {
-                        type: "button",
-                        variant: "outline",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          if (!isAddingNew) handleAddClick(false);
-                        },
-                        size: "lg",
-                        className: cn("gap-x-2 px-4 py-2.5 text-sm", isAddingNew && "opacity-50 cursor-not-allowed"),
-                        disabled: isAddingNew,
-                        children: [
-                          /* @__PURE__ */ jsx(Plus, { className: "font-bold w-5 h-5" }),
-                          "Add New Question"
-                        ]
-                      }
-                    ) })
-                  ] }) : /* @__PURE__ */ jsx(EmptyState, { onAdd: () => handleAddClick(false), isAddingNew }) })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "border border-gray-200 rounded-xl bg-white", children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "p-4 flex items-center space-x-2 cursor-pointer transition-colors",
-                  onClick: () => handleSectionToggle("TEAM_MEMBER"),
-                  children: [
-                    /* @__PURE__ */ jsx(ChevronDown, { className: cn(
-                      "w-5 h-5 text-gray-900 transition-transform duration-300",
-                      isTeamMemberOpen ? "rotate-180" : "rotate-0"
-                    ) }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-800 flex items-center gap-2", children: "Team Member Questions" }),
-                      /* @__PURE__ */ jsx(
-                        Tooltip,
-                        {
-                          placement: "bottom",
-                          content: "Questions that are specific to each individual team member and need to be asked separately for each person.",
-                          children: /* @__PURE__ */ jsx(ForwardRef, { className: "h-5 w-5 text-gray-400" })
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isTeamMemberOpen && /* @__PURE__ */ jsx(
-                motion.div,
-                {
-                  initial: { height: 0, opacity: 0 },
-                  animate: { height: "auto", opacity: 1 },
-                  exit: { height: 0, opacity: 0 },
-                  transition: { duration: 0.2 },
-                  children: /* @__PURE__ */ jsx("div", { className: "p-6 pt-0", children: teamMemberQuestionsOrder.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx(SortableContext, { items: teamMemberQuestionsOrder, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(
-                      SortableQuestionList,
-                      {
-                        questions,
-                        questionOrder: teamMemberQuestionsOrder,
-                        formId,
-                        eventId,
-                        userUid,
-                        storageService,
-                        isLocked,
-                        activeQuestionId: editingQuestionId,
-                        onSetActiveQuestion: handleSetActiveQuestion,
-                        onDelete: deleteQuestionLocal,
-                        onDuplicate: handleDuplicate,
-                        onSave: handleManualSave,
-                        onUpdate: updateQuestionLocal,
-                        onCancel: handleCancel,
-                        activeQuestionProps: editingQuestionId ? activeQuestionProps(editingQuestionId) : void 0,
-                        disabled: isAddingNew,
-                        scope,
-                        participationType,
-                        disableDiscountOption,
-                        showValidationErrors
-                      }
-                    ) }),
-                    !activeId && !isLocked && /* @__PURE__ */ jsx("div", { className: "flex justify-center mt-6", children: /* @__PURE__ */ jsxs(
-                      Button,
-                      {
-                        type: "button",
-                        variant: "outline",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          if (!isAddingNew) handleAddClick(true);
-                        },
-                        size: "lg",
-                        className: cn("gap-x-2 px-4 py-2.5 text-sm", isAddingNew && "opacity-50 cursor-not-allowed"),
-                        disabled: isAddingNew,
-                        children: [
-                          /* @__PURE__ */ jsx(Plus, { className: "font-bold w-5 h-5" }),
-                          "Add New Question"
-                        ]
-                      }
-                    ) })
-                  ] }) : /* @__PURE__ */ jsx(EmptyState, { onAdd: () => handleAddClick(true), isAddingNew }) })
-                }
-              ) })
-            ] })
-          ] }),
-          (scope === "INDIVIDUAL" || !isTeamEvent && !scope) && /* @__PURE__ */ jsxs("div", { className: "border border-gray-200 rounded-xl bg-white overflow-y-hidden", children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "p-4 flex items-center space-x-2 cursor-pointer transition-colors",
-                onClick: () => handleSectionToggle("INDIVIDUAL"),
-                children: [
-                  /* @__PURE__ */ jsx(ChevronDown, { className: cn(
-                    "w-5 h-5 text-gray-900 transition-transform duration-300",
-                    isIndividualOpen ? "rotate-180" : "rotate-0"
-                  ) }),
-                  /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-800 flex items-center gap-2", children: "Individual questions" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isIndividualOpen && /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                initial: { height: 0, opacity: 0 },
-                animate: { height: "auto", opacity: 1 },
-                exit: { height: 0, opacity: 0 },
-                transition: { duration: 0.2 },
-                children: /* @__PURE__ */ jsx("div", { className: "p-6 pt-0", children: individualQuestionsOrder.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(SortableContext, { items: individualQuestionsOrder, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(
-                    SortableQuestionList,
-                    {
-                      questions,
-                      questionOrder: individualQuestionsOrder,
-                      formId,
-                      eventId,
-                      userUid,
-                      storageService,
-                      isLocked,
-                      activeQuestionId: editingQuestionId,
-                      onSetActiveQuestion: handleSetActiveQuestion,
-                      onDelete: deleteQuestionLocal,
-                      onDuplicate: handleDuplicate,
-                      onSave: handleManualSave,
-                      onUpdate: updateQuestionLocal,
-                      onCancel: handleCancel,
-                      activeQuestionProps: editingQuestionId ? activeQuestionProps(editingQuestionId) : void 0,
-                      disabled: isAddingNew,
-                      scope,
-                      participationType,
-                      disableDiscountOption,
-                      showValidationErrors
-                    }
-                  ) }),
-                  !activeId && !isLocked && /* @__PURE__ */ jsx("div", { className: "flex justify-center mt-6", children: /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      type: "button",
-                      onClick: () => !isAddingNew && handleAddClick(true),
-                      variant: "outline",
-                      size: "lg",
-                      className: cn("gap-x-2 px-4 py-2.5 text-sm", isAddingNew && "opacity-50 cursor-not-allowed"),
-                      disabled: isAddingNew,
-                      children: [
-                        /* @__PURE__ */ jsx(Plus, { className: "font-bold w-5 h-5" }),
-                        "Add New Question"
-                      ]
-                    }
-                  ) })
-                ] }) : /* @__PURE__ */ jsx(EmptyState, { onAdd: () => handleAddClick(true), isAddingNew }) })
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx(DragOverlay, { children: activeId && questions[activeId] ? /* @__PURE__ */ jsx("div", { className: "opacity-80 rotate-2 cursor-grabbing", children: /* @__PURE__ */ jsx(
-            QuestionCard,
-            {
-              question: questions[activeId],
-              formId,
-              eventId,
-              isLocked,
-              isOpen: false,
-              onToggle: () => {
-              },
-              onDelete: () => {
-              },
-              onUpdate: () => {
-              }
-            }
-          ) }) : null })
-        ]
-      }
-    )
-  ] });
-});
-FormBuilder.displayName = "FormBuilder";
-const FormBuilder$1 = memo(FormBuilder);
-export {
-  FormBuilder$1 as default
-};
-//# sourceMappingURL=FormBuilder.js.map