@123usmanhaider321/ui 0.1.8 → 1.0.0

package/dist/components/FormBuilder/QuestionCard.js

@@ -1,252 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { memo } from "react";
-import QuestionEditor from "./QuestionEditor.js";
-import { FontAwesomeIcon } from "../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { FiUploadCloud } from "react-icons/fi";
-import { faGripHorizontal, faTrash } from "../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
-import { Info, Copy } from "lucide-react";
-import { cn } from "../../utils/cn.js";
-import RequiredToggle from "./RequiredToggle.js";
-import PreviewInput from "./PreviewInput.js";
-import PaymentPreview from "./PaymentPreview.js";
-import { Tooltip } from "../Tooltip/Tooltip.js";
-import { Button } from "../Button/Button.js";
-const QuestionCard = ({
-  question,
-  formId,
-  eventId,
-  userUid,
-  isLocked,
-  isOpen,
-  onToggle,
-  dragHandleProps,
-  onDelete,
-  onUpdate,
-  onSave,
-  onDuplicate,
-  onCancel,
-  isDirty = false,
-  isSaving = false,
-  isNew = false,
-  isValid = true,
-  disabled = false,
-  errorMessage,
-  scope,
-  participationType,
-  disableDiscountOption,
-  showValidationErrors,
-  storageService
-}) => {
-  var _a;
-  const handleDelete = (e) => {
-    e.stopPropagation();
-    if (onDelete) {
-      onDelete(question.id);
-    }
-  };
-  const handleDuplicate = (e) => {
-    e.stopPropagation();
-    if (onDuplicate) {
-      onDuplicate(question.id);
-    }
-  };
-  const isSystemQuestion = ["TEAM_SIZE", "NAME_ON_TICKET"].includes(question.kind);
-  const DragHandle = /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...!disabled ? dragHandleProps : {},
-      className: cn(
-        "absolute top-0 left-1/2 -translate-x-1/2 --mt-3 w-12 h-6 flex items-center justify-center bg-white border border-gray-300 rounded-full shadow-sm z-10 transition-opacity",
-        "opacity-0 group-hover:opacity-100",
-        disabled ? "cursor-not-allowed text-gray-300" : "cursor-move text-gray-400 hover:text-gray-600"
-      ),
-      title: disabled ? "" : "Drag to move",
-      children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faGripHorizontal, className: "transform rotate-90" })
-    }
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      onClick: () => !isOpen && onToggle(),
-      className: cn(
-        "bg-white border border-gray-200 hover:border-gray-300 transition-all duration-200 relative group rounded-lg",
-        isOpen ? "shadow-md" : "",
-        disabled ? "opacity-70" : ""
-      ),
-      children: [
-        !isLocked && !isSystemQuestion && !isNew && !isOpen && !disabled && DragHandle,
-        /* @__PURE__ */ jsxs("div", { className: "relative w-full rounded-lg px-4", children: [
-          /* @__PURE__ */ jsx("div", { className: cn(
-            "absolute top-0 left-0 w-1.5 h-full transition-all overflow-hidden rounded-l-full"
-          ), children: /* @__PURE__ */ jsx("div", { className: cn(
-            "w-full h-full bg-primaryx-600 transition-all duration-75 ease-in-out",
-            isOpen ? "translate-x-0" : "-translate-x-full"
-          ) }) }),
-          /* @__PURE__ */ jsx("div", { className: "relative w-full py-4", children: isOpen ? /* @__PURE__ */ jsx(
-            QuestionEditor,
-            {
-              question,
-              formId,
-              eventId,
-              userUid,
-              onClose: onToggle,
-              onUpdate,
-              errorMessage,
-              scope,
-              participationType,
-              isNew,
-              disableDiscountOption,
-              showValidationErrors,
-              storageService
-            }
-          ) : /* @__PURE__ */ jsxs("div", { className: "w-full flex justify-between items-start", children: [
-            /* @__PURE__ */ jsxs("div", { className: "w-full flex-1", children: [
-              /* @__PURE__ */ jsxs("h3", { className: "text-sm font-medium text-gray-900 mb-1 flex items-center gap-1", children: [
-                question.label || /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "Untitled Question" }),
-                question.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" }),
-                ["TEAM_SIZE", "NAME_ON_TICKET"].includes(question.kind) && /* @__PURE__ */ jsx(
-                  Tooltip,
-                  {
-                    placement: "bottom",
-                    content: "This question is mandatory and cannot be removed.",
-                    children: /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 text-gray-400" })
-                  }
-                )
-              ] }),
-              ["INPUT_STR", "INPUT_INT", "INPUT_FLOAT", "EMAIL", "PHONE", "CNIC", "DATE", "NAME_ON_TICKET", "TEAM_SIZE"].includes(question.kind) && /* @__PURE__ */ jsx("div", { className: "mt-2 w-full", children: /* @__PURE__ */ jsx(PreviewInput, { type: question.kind, placeholder: question.placeholder }) }),
-              ["PAYMENT", "PAYMENT_CHECKBOX"].includes(question == null ? void 0 : question.kind) && /* @__PURE__ */ jsx("div", { className: "mt-2 w-full", children: /* @__PURE__ */ jsx(
-                PaymentPreview,
-                {
-                  categories: (question == null ? void 0 : question.Categories) || [],
-                  isCheckbox: question.kind === "PAYMENT_CHECKBOX"
-                }
-              ) }),
-              question.kind === "DISCOUNT" && /* @__PURE__ */ jsxs("div", { className: "mt-2 w-full", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex gap-2 mb-2", children: /* @__PURE__ */ jsx("div", { className: "flex-1 h-9 rounded-md border border-gray-300 bg-gray-50 px-3 flex items-center text-gray-400 text-sm italic cursor-default", children: "Enter discount code" }) }),
-                question.applies_on && question.applies_on.length > 0 && /* @__PURE__ */ jsxs("div", { className: "text-[10px] text-gray-400 flex items-center gap-1.5 px-1", children: [
-                  /* @__PURE__ */ jsx("div", { className: "w-1 h-1 rounded-full bg-gray-300" }),
-                  "Applies to ",
-                  question.applies_on.length,
-                  " item(s): ",
-                  question.applies_on.join(", ")
-                ] })
-              ] }),
-              (question.kind === "MULTIPLE_CHOICE" || question.kind === "CHECKBOX" || question.kind === "DROPDOWN") && /* @__PURE__ */ jsxs("div", { className: "mt-2 text-sm text-gray-500", children: [
-                (_a = question.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                  question.kind === "MULTIPLE_CHOICE" && /* @__PURE__ */ jsx("div", { className: "w-4 h-4 rounded-full border border-gray-300" }),
-                  question.kind === "CHECKBOX" && /* @__PURE__ */ jsx("div", { className: "w-4 h-4 rounded border border-gray-300" }),
-                  question.kind === "DROPDOWN" && /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-400", children: [
-                    i + 1,
-                    "."
-                  ] }),
-                  /* @__PURE__ */ jsx("span", { children: opt.label })
-                ] }, opt.id || i)),
-                (!question.options || question.options.length === 0) && /* @__PURE__ */ jsx("span", { className: "italic", children: "No options defined" })
-              ] }),
-              question.kind === "FILE_UPLOAD" && /* @__PURE__ */ jsxs("div", { className: "mt-2 w-full flex flex-col items-center justify-center p-6 border-2 border-dashed border-gray-300 rounded-lg bg-gray-50", children: [
-                /* @__PURE__ */ jsx("div", { className: "bg-gray-200 p-2 rounded-full mb-2", children: /* @__PURE__ */ jsx("div", { className: "bg-gray-300 p-3 rounded-full", children: /* @__PURE__ */ jsx(FiUploadCloud, { className: "text-gray-700 text-xl" }) }) }),
-                /* @__PURE__ */ jsxs("div", { className: "text-primaryx-500 text-sm", children: [
-                  "Click to upload ",
-                  /* @__PURE__ */ jsx("span", { className: "text-gray-500 font-normal", children: "or drag and drop" })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-400 mt-1", children: "JPG or JPEG (max. 5MB)" })
-              ] })
-            ] }),
-            !isLocked && !isSystemQuestion && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-0 opacity-0 group-hover:opacity-100 transition-opacity flex gap-2 flex-shrink-0", children: /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: handleDelete,
-                className: "w-8 h-8 text-gray-400 hover:text-red-500 rounded-full hover:bg-red-50 transition-colors flex-shrink-0 flex justify-center items-center",
-                title: "Delete",
-                children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faTrash })
-              }
-            ) })
-          ] }) }),
-          isOpen && !isLocked && /* @__PURE__ */ jsx("div", { className: "border-t border-gray-300 py-2 flex items-center justify-end bg-gray-50 rounded-b-lg gap-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center sm:flex-nowrap flex-wrap justify-end", children: [
-            !isSystemQuestion && /* @__PURE__ */ jsx(Fragment, { children: !(disableDiscountOption && question.kind === "DISCOUNT") && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: handleDuplicate,
-                  disabled: !isValid,
-                  className: cn(
-                    "p-2 transition-colors duration-200 rounded-full",
-                    !isValid ? "text-gray-300 cursor-not-allowed" : "text-gray-400 hover:text-primaryx-600 hover:bg-gray-100"
-                  ),
-                  title: !isValid ? "Fix errors to duplicate" : "Duplicate",
-                  children: /* @__PURE__ */ jsx(Copy, { className: "w-4 h-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "h-6 w-px bg-gray-300 mx-2" })
-            ] }) }),
-            /* @__PURE__ */ jsx("div", { className: "flex items-center pb-1", children: /* @__PURE__ */ jsx(
-              RequiredToggle,
-              {
-                checked: question.required,
-                onChange: (checked) => onUpdate(question.id, { required: checked }),
-                id: `req-${question.id}`,
-                disabled: isSystemQuestion
-              }
-            ) }),
-            (question.kind === "PAYMENT" || question.kind === "PAYMENT_CHECKBOX") && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("div", { className: "hidden sm:block h-6 w-px bg-gray-300 mx-2" }),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center pb-1", children: /* @__PURE__ */ jsx(
-                Tooltip,
-                {
-                  placement: "top",
-                  content: question.Categories && question.Categories.length > 1 ? "Enable this to allow users to select multiple options." : "Add more than one category to enable multiple selections.",
-                  children: /* @__PURE__ */ jsx(
-                    RequiredToggle,
-                    {
-                      label: "Multiple Selections",
-                      checked: question.kind === "PAYMENT_CHECKBOX",
-                      onChange: (checked) => onUpdate(question.id, { kind: checked ? "PAYMENT_CHECKBOX" : "PAYMENT" }),
-                      id: `multiple-${question.id}`,
-                      disabled: !question.Categories || question.Categories.length <= 1
-                    }
-                  )
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "hidden sm:block h-6 w-px bg-gray-300 mx-2" }),
-            /* @__PURE__ */ jsxs("div", { className: "w-full sm:w-fit flex items-center justify-end gap-2", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onCancel == null ? void 0 : onCancel();
-                  },
-                  variant: "outline",
-                  size: "sm",
-                  className: "min-w-[80px]",
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onSave == null ? void 0 : onSave(question.id);
-                  },
-                  variant: "default",
-                  size: "sm",
-                  className: "min-w-[80px]",
-                  children: isNew ? "Add" : "Save"
-                }
-              )
-            ] })
-          ] }) })
-        ] })
-      ]
-    }
-  );
-};
-const QuestionCard$1 = memo(QuestionCard);
-export {
-  QuestionCard$1 as default
-};
-//# sourceMappingURL=QuestionCard.js.map

package/dist/components/FormBuilder/QuestionCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuestionCard.js","sources":["../../../src/components/FormBuilder/QuestionCard.tsx"],"sourcesContent":["import React, { memo } from 'react';\r\nimport { QuestionDraft } from \"./types\";\r\nimport QuestionEditor from './QuestionEditor';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { FiUploadCloud } from \"react-icons/fi\";\r\nimport { faGripHorizontal, faTrash } from '@fortawesome/free-solid-svg-icons';\r\nimport { Copy } from 'lucide-react';\r\nimport { Button } from '../Button';\r\nimport { cn } from '../../utils/cn';\r\nimport RequiredToggle from './RequiredToggle';\r\nimport PreviewInput from './PreviewInput';\r\nimport PaymentPreview from './PaymentPreview';\r\nimport { Tooltip } from '../Tooltip/Tooltip';\r\nimport { Info } from 'lucide-react';\r\n\r\ninterface QuestionCardProps {\r\n    question: QuestionDraft;\r\n    formId: string;\r\n    eventId: string;\r\n    userUid?: string;\r\n    isLocked: boolean;\r\n    isOpen: boolean;\r\n    onToggle: () => void;\r\n    dragHandleProps?: React.HTMLAttributes<any>;\r\n    onDelete?: (questionId: string) => void;\r\n    onUpdate: (questionId: string, updates: Partial<QuestionDraft>) => void;\r\n    onSave?: (questionId: string) => void;\r\n    onDuplicate?: (questionId: string) => void;\r\n    onCancel?: () => void;\r\n    isDirty?: boolean;\r\n    isSaving?: boolean;\r\n    isNew?: boolean;\r\n    isValid?: boolean;\r\n    disabled?: boolean;\r\n    errorMessage?: string;\r\n    participationType?: string;\r\n    disableDiscountOption?: boolean;\r\n    showValidationErrors?: boolean;\r\n    scope?: \"INDIVIDUAL\" | \"TEAM\";\r\n    storageService?: {\r\n        uploadFile: (path: string, file: File) => Promise<void>;\r\n        downloadFile: (path: string) => Promise<Blob>;\r\n    };\r\n}\r\n\r\nconst QuestionCard: React.FC<QuestionCardProps> = ({\r\n    question,\r\n    formId,\r\n    eventId,\r\n    userUid,\r\n    isLocked,\r\n    isOpen,\r\n    onToggle,\r\n    dragHandleProps,\r\n    onDelete,\r\n    onUpdate,\r\n    onSave,\r\n    onDuplicate,\r\n    onCancel,\r\n    isDirty = false,\r\n    isSaving = false,\r\n    isNew = false,\r\n    isValid = true,\r\n    disabled = false,\r\n    errorMessage,\r\n    scope,\r\n    participationType,\r\n    disableDiscountOption,\r\n    showValidationErrors,\r\n    storageService\r\n}) => {\r\n\r\n    const handleDelete = (e: React.MouseEvent) => {\r\n        e.stopPropagation();\r\n        if (onDelete) {\r\n            onDelete(question.id);\r\n        }\r\n    };\r\n\r\n    const handleDuplicate = (e: React.MouseEvent) => {\r\n        e.stopPropagation();\r\n        if (onDuplicate) {\r\n            onDuplicate(question.id);\r\n        }\r\n    };\r\n\r\n    const isSystemQuestion = ['TEAM_SIZE', 'NAME_ON_TICKET'].includes(question.kind);\r\n\r\n    const DragHandle = (\r\n        <div\r\n            {...(!disabled ? dragHandleProps : {})}\r\n            className={cn(\r\n                \"absolute top-0 left-1/2 -translate-x-1/2 --mt-3 w-12 h-6 flex items-center justify-center bg-white border border-gray-300 rounded-full shadow-sm z-10 transition-opacity\",\r\n                \"opacity-0 group-hover:opacity-100\",\r\n                disabled ? \"cursor-not-allowed text-gray-300\" : \"cursor-move text-gray-400 hover:text-gray-600\"\r\n            )}\r\n            title={disabled ? \"\" : \"Drag to move\"}\r\n        >\r\n            <FontAwesomeIcon icon={faGripHorizontal} className=\"transform rotate-90\" />\r\n        </div>\r\n    );\r\n\r\n    return (\r\n        <div\r\n            onClick={() => !isOpen && onToggle()}\r\n            className={cn(\r\n                \"bg-white border border-gray-200 hover:border-gray-300 transition-all duration-200 relative group rounded-lg\",\r\n                isOpen ? \"shadow-md\" : \"\",\r\n                disabled ? \"opacity-70\" : \"\" \r\n            )}\r\n        >\r\n            {/* Drag Handle - Only show when not editing any question */}\r\n            {(!isLocked && !isSystemQuestion && !isNew && !isOpen && !disabled) && (\r\n                DragHandle\r\n            )}\r\n\r\n            <div className=\"relative w-full rounded-lg px-4\">\r\n                <div className={cn(\r\n                    \"absolute top-0 left-0 w-1.5 h-full transition-all overflow-hidden rounded-l-full\",\r\n                )}>\r\n                    <div className={cn(\r\n                        \"w-full h-full bg-primaryx-600 transition-all duration-75 ease-in-out\",\r\n                        isOpen ? 'translate-x-0' : '-translate-x-full'\r\n                    )} />\r\n                </div>\r\n\r\n                <div className=\"relative w-full py-4\">\r\n                    {isOpen ? (\r\n                        <QuestionEditor\r\n                            question={question}\r\n                            formId={formId}\r\n                            eventId={eventId}\r\n                            userUid={userUid}\r\n                            onClose={onToggle}\r\n                            onUpdate={onUpdate}\r\n                            errorMessage={errorMessage}\r\n                            scope={scope}\r\n                            participationType={participationType}\r\n                            isNew={isNew}\r\n                            disableDiscountOption={disableDiscountOption}\r\n                            showValidationErrors={showValidationErrors}\r\n                            storageService={storageService}\r\n                        />\r\n                    ) : (\r\n                        <div className=\"w-full flex justify-between items-start\">\r\n                            {/* View Mode */}\r\n                            <div className=\"w-full flex-1\">\r\n                                <h3 className=\"text-sm font-medium text-gray-900 mb-1 flex items-center gap-1\">\r\n                                    {question.label || <span className=\"text-gray-400 italic\">Untitled Question</span>}\r\n                                    {question.required && <span className=\"text-red-500\">*</span>}\r\n                                    {\r\n                                        [\"TEAM_SIZE\", \"NAME_ON_TICKET\"].includes(question.kind) && (\r\n                                            <Tooltip\r\n                                                placement=\"bottom\"\r\n                                                content=\"This question is mandatory and cannot be removed.\"\r\n                                            >\r\n                                                <Info className=\"h-4 w-4 text-gray-400\" />\r\n                                            </Tooltip>\r\n                                        )\r\n                                    }\r\n                                </h3>\r\n                                {['INPUT_STR', 'INPUT_INT', 'INPUT_FLOAT', 'EMAIL', 'PHONE', 'CNIC', 'DATE', 'NAME_ON_TICKET', 'TEAM_SIZE'].includes(question.kind) && (\r\n                                    <div className=\"mt-2 w-full\">\r\n                                        <PreviewInput type={question.kind} placeholder={question.placeholder} />\r\n                                    </div>\r\n                                )}\r\n                                {['PAYMENT', 'PAYMENT_CHECKBOX'].includes(question?.kind) && (\r\n                                    <div className=\"mt-2 w-full\">\r\n                                        <PaymentPreview\r\n                                            categories={question?.Categories || []}\r\n                                            isCheckbox={question.kind === 'PAYMENT_CHECKBOX'}\r\n                                        />\r\n                                    </div>\r\n                                )}\r\n                                {question.kind === 'DISCOUNT' && (\r\n                                    <div className=\"mt-2 w-full\">\r\n                                        <div className=\"flex gap-2 mb-2\">\r\n                                            <div className=\"flex-1 h-9 rounded-md border border-gray-300 bg-gray-50 px-3 flex items-center text-gray-400 text-sm italic cursor-default\">\r\n                                                Enter discount code\r\n                                            </div>\r\n                                        </div>\r\n                                        {question.applies_on && question.applies_on.length > 0 && (\r\n                                            <div className=\"text-[10px] text-gray-400 flex items-center gap-1.5 px-1\">\r\n                                                <div className=\"w-1 h-1 rounded-full bg-gray-300\" />\r\n                                                Applies to {question.applies_on.length} item(s): {question.applies_on.join(\", \")}\r\n                                            </div>\r\n                                        )}\r\n                                    </div>\r\n                                )}\r\n                                {(question.kind === 'MULTIPLE_CHOICE' || question.kind === 'CHECKBOX' || question.kind === 'DROPDOWN') && (\r\n                                    <div className=\"mt-2 text-sm text-gray-500\">\r\n                                        {question.options?.map((opt, i) => (\r\n                                            <div key={opt.id || i} className=\"flex items-center gap-2 mb-1\">\r\n                                                {question.kind === 'MULTIPLE_CHOICE' && <div className=\"w-4 h-4 rounded-full border border-gray-300\"></div>}\r\n                                                {question.kind === 'CHECKBOX' && <div className=\"w-4 h-4 rounded border border-gray-300\"></div>}\r\n                                                {question.kind === 'DROPDOWN' && <span className=\"text-xs text-gray-400\">{i + 1}.</span>}\r\n                                                <span>{opt.label}</span>\r\n                                            </div>\r\n                                        ))}\r\n                                        {(!question.options || question.options.length === 0) && <span className=\"italic\">No options defined</span>}\r\n                                    </div>\r\n                                )}\r\n                                {question.kind === 'FILE_UPLOAD' && (\r\n                                    <div className=\"mt-2 w-full flex flex-col items-center justify-center p-6 border-2 border-dashed border-gray-300 rounded-lg bg-gray-50\">\r\n                                        <div className=\"bg-gray-200 p-2 rounded-full mb-2\">\r\n                                            <div className=\"bg-gray-300 p-3 rounded-full\">\r\n                                                <FiUploadCloud className=\"text-gray-700 text-xl\" />\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className=\"text-primaryx-500 text-sm\">Click to upload <span className=\"text-gray-500 font-normal\">or drag and drop</span></div>\r\n                                        <div className=\"text-xs text-gray-400 mt-1\">JPG or JPEG (max. 5MB)</div>\r\n                                    </div>\r\n                                )}\r\n                            </div>\r\n\r\n                            {!isLocked && !isSystemQuestion && (\r\n                                <div className=\"absolute top-2 right-0 opacity-0 group-hover:opacity-100 transition-opacity flex gap-2 flex-shrink-0\">\r\n                                    <button\r\n                                        onClick={handleDelete}\r\n                                        className=\"w-8 h-8 text-gray-400 hover:text-red-500 rounded-full hover:bg-red-50 transition-colors flex-shrink-0 flex justify-center items-center\"\r\n                                        title=\"Delete\"\r\n                                    >\r\n                                        <FontAwesomeIcon icon={faTrash} />\r\n                                    </button>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n                </div>\r\n\r\n                {/* Footer for expanded state */}\r\n                {isOpen && !isLocked && (\r\n                    <div className=\"border-t border-gray-300 py-2 flex items-center justify-end bg-gray-50 rounded-b-lg gap-4\">\r\n                        <div className=\"flex items-center sm:flex-nowrap flex-wrap justify-end\">\r\n                            {!isSystemQuestion && (\r\n                                <>\r\n                                    {!(disableDiscountOption && question.kind === 'DISCOUNT') && (\r\n                                        <>\r\n                                            <button\r\n                                                onClick={handleDuplicate}\r\n                                                disabled={!isValid}\r\n                                                className={cn(\r\n                                                    \"p-2 transition-colors duration-200 rounded-full\",\r\n                                                    !isValid ? \"text-gray-300 cursor-not-allowed\" : \"text-gray-400 hover:text-primaryx-600 hover:bg-gray-100\"\r\n                                                )}\r\n                                                title={!isValid ? \"Fix errors to duplicate\" : \"Duplicate\"}\r\n                                            >\r\n                                                <Copy className=\"w-4 h-4\" />\r\n                                            </button>\r\n                                            <div className=\"h-6 w-px bg-gray-300 mx-2\"></div>\r\n                                        </>\r\n                                    )}\r\n                                </>\r\n                            )}\r\n\r\n                            <div className=\"flex items-center pb-1\">\r\n                                <RequiredToggle\r\n                                    checked={question.required}\r\n                                    onChange={(checked) => onUpdate(question.id, { required: checked })}\r\n                                    id={`req-${question.id}`}\r\n                                    disabled={isSystemQuestion}\r\n                                />\r\n                            </div>\r\n\r\n                            {(question.kind === 'PAYMENT' || question.kind === 'PAYMENT_CHECKBOX') && (\r\n                                <>\r\n                                    <div className=\"hidden sm:block h-6 w-px bg-gray-300 mx-2\"></div>\r\n                                    <div className=\"flex items-center pb-1\">\r\n                                        <Tooltip\r\n                                            placement=\"top\"\r\n                                            content={question.Categories && question.Categories.length > 1 ? \"Enable this to allow users to select multiple options.\" : \"Add more than one category to enable multiple selections.\"}\r\n                                        >\r\n                                            <RequiredToggle\r\n                                                label=\"Multiple Selections\"\r\n                                                checked={question.kind === 'PAYMENT_CHECKBOX'}\r\n                                                onChange={(checked) => onUpdate(question.id, { kind: checked ? 'PAYMENT_CHECKBOX' : 'PAYMENT' })}\r\n                                                id={`multiple-${question.id}`}\r\n                                                disabled={!question.Categories || question.Categories.length <= 1}\r\n                                            />\r\n                                        </Tooltip>\r\n                                    </div>\r\n                                </>\r\n                            )}\r\n\r\n                            <div className=\"hidden sm:block h-6 w-px bg-gray-300 mx-2\"></div>\r\n\r\n                            <div className=\"w-full sm:w-fit flex items-center justify-end gap-2\">\r\n                                <Button\r\n                                    type=\"button\"\r\n                                    onClick={(e) => { e.stopPropagation(); onCancel?.(); }}\r\n                                    variant=\"outline\"\r\n                                    size=\"sm\"\r\n                                    className=\"min-w-[80px]\"\r\n                                >\r\n                                    Cancel\r\n                                </Button>\r\n                                <Button\r\n                                    type=\"button\"\r\n                                    onClick={(e) => { e.stopPropagation(); onSave?.(question.id); }}\r\n                                    variant=\"default\"\r\n                                    size=\"sm\"\r\n                                    className=\"min-w-[80px]\"\r\n                                >\r\n                                    {isNew ? \"Add\" : \"Save\"}\r\n                                </Button>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                )}\r\n            </div>\r\n        </div >\r\n    );\r\n};\r\n\r\nexport default memo(QuestionCard);\r\n"],"names":[],"mappings":"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"}

package/dist/components/FormBuilder/QuestionEditor.js

@@ -1,166 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { sanitizeQuestionData } from "./utils.js";
-import { OptionList } from "./OptionList.js";
-import { CategoryList } from "./CategoryList.js";
-import CustomSelect from "../CustomSelect/CustomSelect.js";
-import FormInput from "../FormInput/FormInput.js";
-import DiscountInput from "./DiscountInput.js";
-import InputErrorMessage from "../InputErrorMessage/InputErrorMessage.js";
-const QUESTION_TYPES = [
-  { label: "Text", value: "INPUT_STR", src: "/icons/questions-custom-select-box/pencil-01.svg" },
-  { label: "Number", value: "INPUT_INT", src: "/icons/questions-custom-select-box/users-03.svg" },
-  { label: "Email", value: "EMAIL", src: "/icons/questions-custom-select-box/mail-04.svg" },
-  { label: "Phone", value: "PHONE", src: "/icons/questions-custom-select-box/phone-call-01.svg" },
-  { label: "CNIC", value: "CNIC", src: "/icons/questions-custom-select-box/credit-card-01.svg" },
-  { label: "Multiple Choice", value: "MULTIPLE_CHOICE", src: "/icons/questions-custom-select-box/grid-01.svg" },
-  { label: "Dropdown", value: "DROPDOWN", src: "/icons/questions-custom-select-box/arrow-square-down.svg" },
-  { label: "File Upload", value: "FILE_UPLOAD", src: "/icons/questions-custom-select-box/upload-01.svg" },
-  { label: "Checkbox", value: "CHECKBOX", src: "/icons/questions-custom-select-box/check-square-broken.svg" },
-  { label: "Date", value: "DATE", src: "/icons/questions-custom-select-box/calendar-date.svg" },
-  { label: "Discount", value: "DISCOUNT", src: "/icons/questions-custom-select-box/sale-03.svg" },
-  { label: "Payment", value: "PAYMENT", src: "/icons/questions-custom-select-box/coins-stacked-01.svg" }
-];
-const QuestionEditor = ({
-  question,
-  formId,
-  eventId,
-  userUid,
-  event,
-  storageService,
-  onUpdate,
-  errorMessage,
-  scope,
-  participationType,
-  isNew,
-  isSaving,
-  disableDiscountOption,
-  showValidationErrors
-}) => {
-  const handleDiscountFileChange = (file) => {
-    onUpdate(question.id, { file });
-  };
-  const handleUpdate = (updates) => {
-    onUpdate(question.id, updates);
-  };
-  const handleLabelChange = (value) => {
-    handleUpdate({ label: value });
-  };
-  const PLACEHOLDER_TYPES = [
-    "INPUT_STR",
-    "INPUT_INT",
-    "EMAIL",
-    "PHONE",
-    "CNIC",
-    "DATE",
-    "TEAM_SIZE",
-    "NAME_ON_TICKET",
-    "INPUT_FLOAT"
-  ];
-  const needsPlaceholder = PLACEHOLDER_TYPES.includes(question.kind);
-  const handleTypeChange = (value) => {
-    const newKind = value;
-    const sanitized = sanitizeQuestionData(question, newKind);
-    const choiceTypes = ["MULTIPLE_CHOICE", "DROPDOWN", "CHECKBOX"];
-    let newOptions = sanitized.options;
-    if (choiceTypes.includes(newKind)) {
-      if (!newOptions || newOptions.length === 0) {
-        newOptions = [{ id: crypto.randomUUID(), label: "" }];
-      }
-    }
-    let newCategories = sanitized.Categories;
-    if (newKind === "PAYMENT" || newKind === "PAYMENT_CHECKBOX") {
-      if (!newCategories || newCategories.length === 0) {
-        newCategories = [{ id: crypto.randomUUID(), name: "", price: 0 }];
-      }
-    }
-    handleUpdate({ ...sanitized, options: newOptions, Categories: newCategories });
-  };
-  const handlePlaceholderChange = (value) => {
-    handleUpdate({ placeholder: value });
-  };
-  const isSystemQuestion = ["TEAM_SIZE", "NAME_ON_TICKET"].includes(question.kind);
-  const isOptionError = errorMessage && (errorMessage.toLowerCase().includes("option") || errorMessage.toLowerCase().includes("category") || errorMessage.toLowerCase().includes("categories") || errorMessage.toLowerCase().includes("csv") || errorMessage.toLowerCase().includes("file") || errorMessage.toLowerCase().includes("applies on"));
-  const titleError = isOptionError ? void 0 : errorMessage;
-  const listError = isOptionError ? errorMessage : void 0;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1.5 w-full", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center md:flex-row gap-x-4 gap-y-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-1 text-sm w-full", children: /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          type: "text",
-          onChange: (e) => handleLabelChange(typeof e === "string" ? e : e.target.value),
-          value: question.label,
-          placeholder: "Question Title",
-          autoFocus: true,
-          error: titleError,
-          inputClassName: "h-10"
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: "w-full md:w-60", children: /* @__PURE__ */ jsx(
-        CustomSelect,
-        {
-          value: question.kind === "NAME_ON_TICKET" ? "INPUT_STR" : question.kind === "TEAM_SIZE" ? "INPUT_INT" : question.kind === "PAYMENT_CHECKBOX" ? "PAYMENT" : question.kind,
-          onChange: handleTypeChange,
-          options: QUESTION_TYPES.filter((q) => {
-            if (disableDiscountOption && q.value === "DISCOUNT" && question.kind !== "DISCOUNT") return false;
-            const isTeamEvent = participationType === "2" || participationType === "TEAM" || participationType === "3" || participationType === "BOTH";
-            const isTeamMemberSection = (scope === "TEAM" || !scope && isTeamEvent) && question.individual === true;
-            if (isTeamMemberSection && q.value === "DISCOUNT") return false;
-            return true;
-          }),
-          placeholder: "Select Type",
-          disabled: isSystemQuestion,
-          enableTooltip: false,
-          triggerClassName: "text-sm h-10"
-        }
-      ) })
-    ] }),
-    needsPlaceholder && /* @__PURE__ */ jsx("div", { className: "w-full text-sm", children: /* @__PURE__ */ jsx(
-      FormInput,
-      {
-        type: "text",
-        onChange: (e) => handlePlaceholderChange(typeof e === "string" ? e : e.target.value),
-        value: question.placeholder || "",
-        placeholder: "Question Placeholder",
-        inputClassName: "h-10"
-      }
-    ) }),
-    (question.kind === "MULTIPLE_CHOICE" || question.kind === "CHECKBOX" || question.kind === "DROPDOWN") && /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
-      /* @__PURE__ */ jsx(OptionList, { question, onUpdate, showError: showValidationErrors || !!listError }),
-      listError && listError.toLowerCase().includes("option") && /* @__PURE__ */ jsx(InputErrorMessage, { error: listError || "", className: "mt-1" })
-    ] }),
-    (question.kind === "PAYMENT" || question.kind === "PAYMENT_CHECKBOX") && /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
-      /* @__PURE__ */ jsx(
-        CategoryList,
-        {
-          categories: question.Categories || [],
-          onChange: (newCategories) => handleUpdate({ Categories: newCategories }),
-          showError: showValidationErrors || !!listError
-        }
-      ),
-      listError && (listError.toLowerCase().includes("category") || listError.toLowerCase().includes("categories")) && /* @__PURE__ */ jsx(InputErrorMessage, { error: listError || "", className: "mt-1" })
-    ] }),
-    question.kind === "DISCOUNT" && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
-      DiscountInput,
-      {
-        question,
-        eventId,
-        userUid,
-        event,
-        storageService,
-        onUpdate,
-        setDiscountFile: handleDiscountFileChange,
-        error: listError,
-        scope,
-        participationType,
-        isSaving
-      }
-    ) })
-  ] });
-};
-const QuestionEditor$1 = memo(QuestionEditor);
-export {
-  QuestionEditor$1 as default
-};
-//# sourceMappingURL=QuestionEditor.js.map

package/dist/components/FormBuilder/QuestionEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuestionEditor.js","sources":["../../../src/components/FormBuilder/QuestionEditor.tsx"],"sourcesContent":["import React, { memo } from 'react';\r\nimport { QuestionDraft, QuestionKind } from \"./types\";\r\nimport { sanitizeQuestionData } from './utils';\r\nimport { OptionList } from './OptionList';\r\nimport { CategoryList } from './CategoryList';\r\nimport CustomSelect from '../CustomSelect/CustomSelect';\r\nimport FormInput from '../FormInput/FormInput';\r\nimport DiscountInput from './DiscountInput';\r\nimport InputErrorMessage from '../InputErrorMessage/InputErrorMessage';\r\n\r\ninterface QuestionEditorProps {\r\n    question: QuestionDraft;\r\n    formId: string;\r\n    eventId: string;\r\n    userUid?: string;\r\n    event?: any;\r\n    storageService?: {\r\n        downloadFile: (path: string) => Promise<Blob>;\r\n    };\r\n    onClose: () => void;\r\n    onUpdate: (questionId: string, updates: Partial<QuestionDraft>) => void;\r\n    errorMessage?: string;\r\n    scope?: 'INDIVIDUAL' | 'TEAM';\r\n    participationType?: string;\r\n    isNew?: boolean;\r\n    isSaving?: boolean;\r\n    disableDiscountOption?: boolean;\r\n    showValidationErrors?: boolean;\r\n}\r\n\r\nconst QUESTION_TYPES: { value: QuestionKind; label: string; src?: string }[] = [\r\n    { label: \"Text\", value: \"INPUT_STR\", src: \"/icons/questions-custom-select-box/pencil-01.svg\" },\r\n    { label: \"Number\", value: \"INPUT_INT\", src: \"/icons/questions-custom-select-box/users-03.svg\" },\r\n    { label: \"Email\", value: \"EMAIL\", src: \"/icons/questions-custom-select-box/mail-04.svg\" },\r\n    { label: \"Phone\", value: \"PHONE\", src: \"/icons/questions-custom-select-box/phone-call-01.svg\" },\r\n    { label: \"CNIC\", value: \"CNIC\", src: \"/icons/questions-custom-select-box/credit-card-01.svg\" },\r\n    { label: \"Multiple Choice\", value: \"MULTIPLE_CHOICE\", src: \"/icons/questions-custom-select-box/grid-01.svg\" },\r\n    { label: \"Dropdown\", value: \"DROPDOWN\", src: \"/icons/questions-custom-select-box/arrow-square-down.svg\" },\r\n    { label: \"File Upload\", value: \"FILE_UPLOAD\", src: \"/icons/questions-custom-select-box/upload-01.svg\" },\r\n    { label: \"Checkbox\", value: \"CHECKBOX\", src: \"/icons/questions-custom-select-box/check-square-broken.svg\" },\r\n    { label: \"Date\", value: \"DATE\", src: \"/icons/questions-custom-select-box/calendar-date.svg\" },\r\n    { label: \"Discount\", value: \"DISCOUNT\", src: \"/icons/questions-custom-select-box/sale-03.svg\" },\r\n    { label: \"Payment\", value: \"PAYMENT\", src: \"/icons/questions-custom-select-box/coins-stacked-01.svg\" }\r\n];\r\n\r\nconst QuestionEditor: React.FC<QuestionEditorProps> = ({ \r\n    question, \r\n    formId, \r\n    eventId, \r\n    userUid,\r\n    event,\r\n    storageService,\r\n    onUpdate, \r\n    errorMessage, \r\n    scope, \r\n    participationType, \r\n    isNew, \r\n    isSaving, \r\n    disableDiscountOption, \r\n    showValidationErrors \r\n}) => {\r\n\r\n    const handleDiscountFileChange = (file: File | null) => {\r\n        onUpdate(question.id, { file: file } as any);\r\n    };\r\n\r\n    const handleUpdate = (updates: Partial<QuestionDraft>) => {\r\n        onUpdate(question.id, updates);\r\n    };\r\n\r\n    const handleLabelChange = (value: string) => {\r\n        handleUpdate({ label: value });\r\n    };\r\n\r\n    const PLACEHOLDER_TYPES: QuestionKind[] = [\r\n        'INPUT_STR', 'INPUT_INT', 'EMAIL', 'PHONE', 'CNIC', 'DATE',\r\n        'TEAM_SIZE', 'NAME_ON_TICKET', 'INPUT_FLOAT'\r\n    ];\r\n\r\n    const needsPlaceholder = PLACEHOLDER_TYPES.includes(question.kind);\r\n\r\n    const handleTypeChange = (value: string) => {\r\n        const newKind = value as QuestionKind;\r\n        const sanitized = sanitizeQuestionData(question, newKind);\r\n\r\n        const choiceTypes: QuestionKind[] = ['MULTIPLE_CHOICE', 'DROPDOWN', 'CHECKBOX'];\r\n\r\n        let newOptions = sanitized.options;\r\n        if (choiceTypes.includes(newKind)) {\r\n            if (!newOptions || newOptions.length === 0) {\r\n                newOptions = [{ id: crypto.randomUUID(), label: '' }];\r\n            }\r\n        }\r\n\r\n        let newCategories = sanitized.Categories;\r\n        if (newKind === 'PAYMENT' || newKind === 'PAYMENT_CHECKBOX') {\r\n            if (!newCategories || newCategories.length === 0) {\r\n                newCategories = [{ id: crypto.randomUUID(), name: '', price: 0 }];\r\n            }\r\n        }\r\n\r\n        handleUpdate({ ...sanitized, options: newOptions, Categories: newCategories });\r\n    };\r\n\r\n    const handlePlaceholderChange = (value: string) => {\r\n        handleUpdate({ placeholder: value });\r\n    };\r\n\r\n    const isSystemQuestion = ['TEAM_SIZE', 'NAME_ON_TICKET'].includes(question.kind);\r\n\r\n    const isOptionError = errorMessage && (\r\n        errorMessage.toLowerCase().includes(\"option\") ||\r\n        errorMessage.toLowerCase().includes(\"category\") ||\r\n        errorMessage.toLowerCase().includes(\"categories\") ||\r\n        errorMessage.toLowerCase().includes(\"csv\") ||\r\n        errorMessage.toLowerCase().includes(\"file\") ||\r\n        errorMessage.toLowerCase().includes(\"applies on\")\r\n    );\r\n\r\n    const titleError = isOptionError ? undefined : errorMessage;\r\n    const listError = isOptionError ? errorMessage : undefined;\r\n\r\n    return (\r\n        <div className=\"flex flex-col space-y-1.5 w-full\">\r\n            <div className=\"flex flex-col justify-center md:flex-row gap-x-4 gap-y-2\">\r\n                <div className=\"flex-1 text-sm w-full\">\r\n                    <FormInput\r\n                        type='text'\r\n                        onChange={(e: any) => handleLabelChange(typeof e === 'string' ? e : e.target.value)}\r\n                        value={question.label}\r\n                        placeholder=\"Question Title\"\r\n                        autoFocus\r\n                        error={titleError}\r\n                        inputClassName=\"h-10\"\r\n                    />\r\n                </div>\r\n\r\n                <div className=\"w-full md:w-60\">\r\n                    <CustomSelect\r\n                        value={\r\n                            question.kind === 'NAME_ON_TICKET' ? 'INPUT_STR' :\r\n                                question.kind === \"TEAM_SIZE\" ? \"INPUT_INT\" :\r\n                                    question.kind === \"PAYMENT_CHECKBOX\" ? \"PAYMENT\" :\r\n                                        question.kind\r\n                        }\r\n                        onChange={handleTypeChange}\r\n                        options={QUESTION_TYPES.filter(q => {\r\n                            if (disableDiscountOption && q.value === \"DISCOUNT\" && question.kind !== \"DISCOUNT\") return false;\r\n\r\n                            const isTeamEvent = participationType === '2' || participationType === 'TEAM' || participationType === '3' || participationType === 'BOTH';\r\n                            const isTeamMemberSection = (scope === 'TEAM' || (!scope && isTeamEvent)) && question.individual === true;\r\n\r\n                            if (isTeamMemberSection && q.value === \"DISCOUNT\") return false;\r\n\r\n                            return true;\r\n                        })}\r\n                        placeholder=\"Select Type\"\r\n                        disabled={isSystemQuestion}\r\n                        enableTooltip={false}\r\n                        triggerClassName=\"text-sm h-10\"\r\n                    />\r\n                </div>\r\n            </div>\r\n\r\n            {/* Placeholder Input */}\r\n            {needsPlaceholder && (\r\n                <div className=\"w-full text-sm\">\r\n                    <FormInput\r\n                        type='text'\r\n                        onChange={(e: any) => handlePlaceholderChange(typeof e === 'string' ? e : e.target.value)}\r\n                        value={question.placeholder || ''}\r\n                        placeholder=\"Question Placeholder\"\r\n                        inputClassName='h-10'\r\n                    />\r\n                </div>\r\n            )}\r\n\r\n            {/* Options Area */}\r\n            {(question.kind === 'MULTIPLE_CHOICE' || question.kind === 'CHECKBOX' || question.kind === 'DROPDOWN') && (\r\n                <div className=\"mt-2\">\r\n                    <OptionList question={question} onUpdate={onUpdate} showError={showValidationErrors || !!listError} />\r\n                    {listError && listError.toLowerCase().includes(\"option\") && (\r\n                        <InputErrorMessage error={listError || \"\"} className=\"mt-1\" />\r\n                    )}\r\n                </div>\r\n            )}\r\n\r\n            {/* Payment Categories Area */}\r\n            {(question.kind === 'PAYMENT' || question.kind === 'PAYMENT_CHECKBOX') && (\r\n                <div className=\"mt-2\">\r\n                    <CategoryList\r\n                        categories={question.Categories || []}\r\n                        onChange={(newCategories) => handleUpdate({ Categories: newCategories })}\r\n                        showError={showValidationErrors || !!listError}\r\n                    />\r\n                    {listError && (listError.toLowerCase().includes(\"category\") || listError.toLowerCase().includes(\"categories\")) && (\r\n                        <InputErrorMessage error={listError || \"\"} className=\"mt-1\" />\r\n                    )}\r\n                </div>\r\n            )}\r\n\r\n            {/* Discount Area */}\r\n            {question.kind === 'DISCOUNT' && (\r\n                <div className=\"mt-2\">\r\n                    <DiscountInput\r\n                        question={question}\r\n                        eventId={eventId}\r\n                        userUid={userUid}\r\n                        event={event}\r\n                        storageService={storageService}\r\n                        onUpdate={onUpdate}\r\n                        setDiscountFile={handleDiscountFileChange}\r\n                        error={listError}\r\n                        scope={scope}\r\n                        participationType={participationType}\r\n                        isSaving={isSaving}\r\n                    />\r\n                </div>\r\n            )}\r\n\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default memo(QuestionEditor)\r\n"],"names":[],"mappings":";;;;;;;;;AA8BA,MAAM,iBAAyE;AAAA,EAC3E,EAAE,OAAO,QAAQ,OAAO,aAAa,KAAK,mDAAA;AAAA,EAC1C,EAAE,OAAO,UAAU,OAAO,aAAa,KAAK,kDAAA;AAAA,EAC5C,EAAE,OAAO,SAAS,OAAO,SAAS,KAAK,iDAAA;AAAA,EACvC,EAAE,OAAO,SAAS,OAAO,SAAS,KAAK,uDAAA;AAAA,EACvC,EAAE,OAAO,QAAQ,OAAO,QAAQ,KAAK,wDAAA;AAAA,EACrC,EAAE,OAAO,mBAAmB,OAAO,mBAAmB,KAAK,iDAAA;AAAA,EAC3D,EAAE,OAAO,YAAY,OAAO,YAAY,KAAK,2DAAA;AAAA,EAC7C,EAAE,OAAO,eAAe,OAAO,eAAe,KAAK,mDAAA;AAAA,EACnD,EAAE,OAAO,YAAY,OAAO,YAAY,KAAK,6DAAA;AAAA,EAC7C,EAAE,OAAO,QAAQ,OAAO,QAAQ,KAAK,uDAAA;AAAA,EACrC,EAAE,OAAO,YAAY,OAAO,YAAY,KAAK,iDAAA;AAAA,EAC7C,EAAE,OAAO,WAAW,OAAO,WAAW,KAAK,0DAAA;AAC/C;AAEA,MAAM,iBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAEF,QAAM,2BAA2B,CAAC,SAAsB;AACpD,aAAS,SAAS,IAAI,EAAE,KAAA,CAAmB;AAAA,EAC/C;AAEA,QAAM,eAAe,CAAC,YAAoC;AACtD,aAAS,SAAS,IAAI,OAAO;AAAA,EACjC;AAEA,QAAM,oBAAoB,CAAC,UAAkB;AACzC,iBAAa,EAAE,OAAO,OAAO;AAAA,EACjC;AAEA,QAAM,oBAAoC;AAAA,IACtC;AAAA,IAAa;AAAA,IAAa;AAAA,IAAS;AAAA,IAAS;AAAA,IAAQ;AAAA,IACpD;AAAA,IAAa;AAAA,IAAkB;AAAA,EAAA;AAGnC,QAAM,mBAAmB,kBAAkB,SAAS,SAAS,IAAI;AAEjE,QAAM,mBAAmB,CAAC,UAAkB;AACxC,UAAM,UAAU;AAChB,UAAM,YAAY,qBAAqB,UAAU,OAAO;AAExD,UAAM,cAA8B,CAAC,mBAAmB,YAAY,UAAU;AAE9E,QAAI,aAAa,UAAU;AAC3B,QAAI,YAAY,SAAS,OAAO,GAAG;AAC/B,UAAI,CAAC,cAAc,WAAW,WAAW,GAAG;AACxC,qBAAa,CAAC,EAAE,IAAI,OAAO,cAAc,OAAO,IAAI;AAAA,MACxD;AAAA,IACJ;AAEA,QAAI,gBAAgB,UAAU;AAC9B,QAAI,YAAY,aAAa,YAAY,oBAAoB;AACzD,UAAI,CAAC,iBAAiB,cAAc,WAAW,GAAG;AAC9C,wBAAgB,CAAC,EAAE,IAAI,OAAO,cAAc,MAAM,IAAI,OAAO,GAAG;AAAA,MACpE;AAAA,IACJ;AAEA,iBAAa,EAAE,GAAG,WAAW,SAAS,YAAY,YAAY,eAAe;AAAA,EACjF;AAEA,QAAM,0BAA0B,CAAC,UAAkB;AAC/C,iBAAa,EAAE,aAAa,OAAO;AAAA,EACvC;AAEA,QAAM,mBAAmB,CAAC,aAAa,gBAAgB,EAAE,SAAS,SAAS,IAAI;AAE/E,QAAM,gBAAgB,iBAClB,aAAa,YAAA,EAAc,SAAS,QAAQ,KAC5C,aAAa,YAAA,EAAc,SAAS,UAAU,KAC9C,aAAa,cAAc,SAAS,YAAY,KAChD,aAAa,YAAA,EAAc,SAAS,KAAK,KACzC,aAAa,YAAA,EAAc,SAAS,MAAM,KAC1C,aAAa,YAAA,EAAc,SAAS,YAAY;AAGpD,QAAM,aAAa,gBAAgB,SAAY;AAC/C,QAAM,YAAY,gBAAgB,eAAe;AAEjD,SACI,qBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,4DACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU,CAAC,MAAW,kBAAkB,OAAO,MAAM,WAAW,IAAI,EAAE,OAAO,KAAK;AAAA,UAClF,OAAO,SAAS;AAAA,UAChB,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,OAAO;AAAA,UACP,gBAAe;AAAA,QAAA;AAAA,MAAA,GAEvB;AAAA,MAEA,oBAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OACI,SAAS,SAAS,mBAAmB,cACjC,SAAS,SAAS,cAAc,cAC5B,SAAS,SAAS,qBAAqB,YACnC,SAAS;AAAA,UAEzB,UAAU;AAAA,UACV,SAAS,eAAe,OAAO,CAAA,MAAK;AAChC,gBAAI,yBAAyB,EAAE,UAAU,cAAc,SAAS,SAAS,WAAY,QAAO;AAE5F,kBAAM,cAAc,sBAAsB,OAAO,sBAAsB,UAAU,sBAAsB,OAAO,sBAAsB;AACpI,kBAAM,uBAAuB,UAAU,UAAW,CAAC,SAAS,gBAAiB,SAAS,eAAe;AAErG,gBAAI,uBAAuB,EAAE,UAAU,WAAY,QAAO;AAE1D,mBAAO;AAAA,UACX,CAAC;AAAA,UACD,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,eAAe;AAAA,UACf,kBAAiB;AAAA,QAAA;AAAA,MAAA,EACrB,CACJ;AAAA,IAAA,GACJ;AAAA,IAGC,oBACG,oBAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,UAAU,CAAC,MAAW,wBAAwB,OAAO,MAAM,WAAW,IAAI,EAAE,OAAO,KAAK;AAAA,QACxF,OAAO,SAAS,eAAe;AAAA,QAC/B,aAAY;AAAA,QACZ,gBAAe;AAAA,MAAA;AAAA,IAAA,GAEvB;AAAA,KAIF,SAAS,SAAS,qBAAqB,SAAS,SAAS,cAAc,SAAS,SAAS,eACvF,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,cAAW,UAAoB,UAAoB,WAAW,wBAAwB,CAAC,CAAC,WAAW;AAAA,MACnG,aAAa,UAAU,YAAA,EAAc,SAAS,QAAQ,KACnD,oBAAC,mBAAA,EAAkB,OAAO,aAAa,IAAI,WAAU,OAAA,CAAO;AAAA,IAAA,GAEpE;AAAA,KAIF,SAAS,SAAS,aAAa,SAAS,SAAS,uBAC/C,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,YAAY,SAAS,cAAc,CAAA;AAAA,UACnC,UAAU,CAAC,kBAAkB,aAAa,EAAE,YAAY,eAAe;AAAA,UACvE,WAAW,wBAAwB,CAAC,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAExC,cAAc,UAAU,cAAc,SAAS,UAAU,KAAK,UAAU,cAAc,SAAS,YAAY,MACxG,oBAAC,mBAAA,EAAkB,OAAO,aAAa,IAAI,WAAU,OAAA,CAAO;AAAA,IAAA,GAEpE;AAAA,IAIH,SAAS,SAAS,cACf,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GAGR;AAER;AAEA,MAAA,mBAAe,KAAK,cAAc;"}

package/dist/components/FormBuilder/RequiredToggle.js

@@ -1,43 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { cn } from "../../utils/cn.js";
-const RequiredToggle = ({ label, checked, onChange, id, disabled }) => {
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      htmlFor: id,
-      className: cn(
-        "flex items-center gap-3 cursor-pointer select-none",
-        disabled && "cursor-not-allowed"
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 font-medium", children: label || "Required" }),
-        /* @__PURE__ */ jsxs("div", { className: cn("relative", disabled && "opacity-50 pointer-events-none"), children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              id,
-              className: "sr-only",
-              checked,
-              onChange: (e) => !disabled && onChange(e.target.checked)
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: cn(
-            "block w-10 h-6 rounded-full transition-colors duration-200 ease-in-out",
-            checked ? "bg-primaryx-600" : "bg-gray-300"
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: cn(
-            "absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform duration-200 ease-in-out shadow-sm",
-            checked ? "translate-x-4" : "translate-x-0"
-          ) })
-        ] })
-      ]
-    }
-  );
-};
-const RequiredToggle$1 = memo(RequiredToggle);
-export {
-  RequiredToggle$1 as default
-};
-//# sourceMappingURL=RequiredToggle.js.map

package/dist/components/FormBuilder/RequiredToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredToggle.js","sources":["../../../src/components/FormBuilder/RequiredToggle.tsx"],"sourcesContent":["import React, { memo } from 'react';\r\nimport { cn } from '../../utils/cn';\r\n\r\ninterface RequiredToggleProps {\r\n    checked: boolean;\r\n    label?: string;\r\n    onChange: (checked: boolean) => void;\r\n    id?: string;\r\n    disabled?: boolean;\r\n}\r\n\r\nconst RequiredToggle: React.FC<RequiredToggleProps> = ({ label, checked, onChange, id, disabled }) => {\r\n    return (\r\n        <label\r\n            htmlFor={id}\r\n            className={cn(\r\n                \"flex items-center gap-3 cursor-pointer select-none\",\r\n                disabled && \"cursor-not-allowed\"\r\n            )}\r\n        >\r\n            <span className=\"text-sm text-gray-700 font-medium\">{label || \"Required\"}</span>\r\n            <div className={cn(\"relative\", disabled && \"opacity-50 pointer-events-none\")}>\r\n                <input\r\n                    type=\"checkbox\"\r\n                    id={id}\r\n                    className=\"sr-only\"\r\n                    checked={checked}\r\n                    onChange={(e) => !disabled && onChange(e.target.checked)}\r\n                />\r\n                <div className={cn(\r\n                    \"block w-10 h-6 rounded-full transition-colors duration-200 ease-in-out\",\r\n                    checked ? \"bg-primaryx-600\" : \"bg-gray-300\"\r\n                )}></div>\r\n                <div className={cn(\r\n                    \"absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform duration-200 ease-in-out shadow-sm\",\r\n                    checked ? \"translate-x-4\" : \"translate-x-0\"\r\n                )}></div>\r\n            </div>\r\n        </label>\r\n    );\r\n};\r\n\r\n\r\nexport default memo(RequiredToggle);\r\n"],"names":[],"mappings":";;;AAWA,MAAM,iBAAgD,CAAC,EAAE,OAAO,SAAS,UAAU,IAAI,eAAe;AAClG,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,MACT,WAAW;AAAA,QACP;AAAA,QACA,YAAY;AAAA,MAAA;AAAA,MAGhB,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,qCAAqC,UAAA,SAAS,YAAW;AAAA,6BACxE,OAAA,EAAI,WAAW,GAAG,YAAY,YAAY,gCAAgC,GACvE,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,WAAU;AAAA,cACV;AAAA,cACA,UAAU,CAAC,MAAM,CAAC,YAAY,SAAS,EAAE,OAAO,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAE3D,oBAAC,SAAI,WAAW;AAAA,YACZ;AAAA,YACA,UAAU,oBAAoB;AAAA,UAAA,GAC/B;AAAA,UACH,oBAAC,SAAI,WAAW;AAAA,YACZ;AAAA,YACA,UAAU,kBAAkB;AAAA,UAAA,EAChC,CAAG;AAAA,QAAA,EAAA,CACP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;AAGA,MAAA,mBAAe,KAAK,cAAc;"}