@123usmanhaider321/ui 0.1.6 → 1.0.0

package/dist/components/EventAddForm/steps/StepTwo.js

@@ -1,173 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { memo, useState, useMemo } from "react";
-import { getDateRange } from "../../../utils/date-range.js";
-import ConfirmationModal from "../common/ConfirmationModal.js";
-import TicketTierSection from "../components/StepTwo/TicketTierSection.js";
-import CustomFormSection from "../components/StepTwo/CustomFormSection.js";
-import TicketTypeSelection from "../components/TicketTypeSelection.js";
-function StepTwo({ formState, setField, errors, validateField, setNavigationBlocked, eventId }) {
-  const [showInlineForm, setShowInlineForm] = useState(false);
-  const [selectedTier, setSelectedTier] = useState(null);
-  const [showDeleteModal, setShowDeleteModal] = useState(false);
-  const [tierToDelete, setTierToDelete] = useState(null);
-  const formRef = React__default.useRef(null);
-  const [showParticipationModal, setShowParticipationModal] = useState(false);
-  const [pendingParticipationType, setPendingParticipationType] = useState(null);
-  React__default.useEffect(() => {
-    if (showInlineForm && formRef.current) {
-      formRef.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
-    }
-  }, [showInlineForm]);
-  const tiers = Object.values(formState.ticket_tiers || {});
-  const handleSaveTier = (tier) => {
-    const newTiers = { ...formState.ticket_tiers || {} };
-    newTiers[tier.id] = tier;
-    setField("ticket_tiers", newTiers);
-    setShowInlineForm(false);
-    setSelectedTier(null);
-  };
-  const handleDeleteTier = () => {
-    if (tierToDelete) {
-      const newTiers = { ...formState.ticket_tiers || {} };
-      delete newTiers[tierToDelete.id];
-      setField("ticket_tiers", newTiers);
-      setShowDeleteModal(false);
-      setTierToDelete(null);
-    }
-  };
-  const handleEditTier = (tier) => {
-    setSelectedTier(tier);
-    setShowInlineForm(true);
-  };
-  const handleDuplicateTier = (tier) => {
-    const existingNames = tiers.map((t) => t.name.toLowerCase());
-    const baseNameRegex = /^(.*?)(?:\sCopy\s\((\d+)\))?$/i;
-    const match = tier.name.match(baseNameRegex);
-    const baseName = match ? match[1].trim() : tier.name.trim();
-    let n = 1;
-    let newName = `${baseName} Copy (${n})`;
-    while (existingNames.includes(newName.toLowerCase())) {
-      n++;
-      newName = `${baseName} Copy (${n})`;
-    }
-    const dataToSave = {
-      ...tier,
-      id: crypto.randomUUID(),
-      name: newName
-    };
-    const newTiers = { ...formState.ticket_tiers || {} };
-    newTiers[dataToSave.id] = dataToSave;
-    setField("ticket_tiers", newTiers);
-  };
-  const handleSetField = (field, value) => {
-    if (field === "participants_type" && eventId && eventId !== "new") {
-      if (value !== formState.participants_type) {
-        setPendingParticipationType(value);
-        setShowParticipationModal(true);
-        return;
-      }
-    }
-    setField(field, value);
-  };
-  const handleConfirmParticipationChange = () => {
-    if (pendingParticipationType) {
-      setField("participants_type", pendingParticipationType);
-    }
-    setShowParticipationModal(false);
-    setPendingParticipationType(null);
-  };
-  const handleCancelParticipationChange = () => {
-    setShowParticipationModal(false);
-    setPendingParticipationType(null);
-  };
-  const eventDateRange = useMemo(
-    () => {
-      var _a, _b, _c, _d;
-      return ((_a = formState == null ? void 0 : formState.event_start_timestamp) == null ? void 0 : _a.date) && ((_b = formState == null ? void 0 : formState.event_end_timestamp) == null ? void 0 : _b.date) ? getDateRange(new Date((_c = formState == null ? void 0 : formState.event_start_timestamp) == null ? void 0 : _c.date), new Date((_d = formState == null ? void 0 : formState.event_end_timestamp) == null ? void 0 : _d.date)) : void 0;
-    },
-    [formState.event_start_timestamp, formState.event_end_timestamp]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "max-w-[734px] mx-auto space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500", children: [
-    /* @__PURE__ */ jsxs("div", { className: "py-6 space-y-4 rounded-lg", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-grey-900 px-4", children: "Step up your ticket" }),
-      /* @__PURE__ */ jsx("div", { className: "px-2 rounded-xl", children: /* @__PURE__ */ jsx("div", { className: "px-2 rounded-xl", "data-name": "ticket_type", children: /* @__PURE__ */ jsx(
-        TicketTypeSelection,
-        {
-          selectedType: formState.ticket_type || "",
-          onSelect: (type) => {
-            setField("ticket_type", type);
-            setShowInlineForm(false);
-          }
-        }
-      ) }) }),
-      /* @__PURE__ */ jsxs("div", { className: "w-full px-4", children: [
-        formState.ticket_type === "TICKET_TIER" && /* @__PURE__ */ jsx(
-          TicketTierSection,
-          {
-            tiers,
-            ticketsError: errors.ticket_tiers,
-            showInlineForm,
-            setShowInlineForm,
-            selectedTier,
-            setSelectedTier,
-            handleEditTier,
-            handleDuplicateTier,
-            setTierToDelete,
-            setShowDeleteModal,
-            formRef,
-            eventDateRange,
-            handleSaveTier,
-            setNavigationBlocked,
-            eventStart: formState.event_start_timestamp,
-            eventEnd: formState.event_end_timestamp,
-            registrationStart: formState.registration_start_timestamp,
-            registrationEnd: formState.registration_end_timestamp
-          }
-        ),
-        formState.ticket_type === "CUSTOM_FORM" && /* @__PURE__ */ jsx(
-          CustomFormSection,
-          {
-            formState,
-            setField: handleSetField,
-            errors,
-            validateField
-          }
-        ),
-        errors._step && /* @__PURE__ */ jsxs("div", { className: "p-3 bg-error-50 border border-error-100 rounded-lg text-sm text-error-700 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
-          errors._step
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      ConfirmationModal,
-      {
-        open: showDeleteModal,
-        title: "Delete ticket tier?",
-        description: "Are you sure you want to delete this ticket tier? This action cannot be undone.",
-        onClose: () => {
-          setShowDeleteModal(false);
-          setTierToDelete(null);
-        },
-        onConfirm: handleDeleteTier
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ConfirmationModal,
-      {
-        open: showParticipationModal,
-        title: "Change participation type?",
-        description: "Changing the participation type will reset the form questions in the next step. Are you sure you want to proceed?",
-        onClose: handleCancelParticipationChange,
-        onConfirm: handleConfirmParticipationChange,
-        confirmText: "Yes, change it",
-        cancelText: "No, keep it"
-      }
-    )
-  ] });
-}
-const StepTwo$1 = memo(StepTwo);
-export {
-  StepTwo$1 as default
-};
-//# sourceMappingURL=StepTwo.js.map

package/dist/components/EventAddForm/steps/StepTwo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepTwo.js","sources":["../../../../src/components/EventAddForm/steps/StepTwo.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { memo, useMemo, useState } from \"react\";\r\nimport { StepperFormState } from '../types';\r\nimport { TicketTier } from \"@/types/types\";\r\nimport { getDateRange } from \"@/utils/date-range\";\r\nimport ConfirmationModal from \"../common/ConfirmationModal\";\r\nimport TicketTierSection from \"@/components/EventAddForm/components/StepTwo/TicketTierSection\";\r\nimport CustomFormSection from \"@/components/EventAddForm/components/StepTwo/CustomFormSection\";\r\nimport TicketTypeSelection from \"@/components/EventAddForm/components/TicketTypeSelection\";\r\n\r\ninterface StepTwoProps {\r\n    formState: StepperFormState;\r\n    setField: (field: keyof StepperFormState, value: any) => void;\r\n    setMultipleFields: (fields: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;\r\n    errors: Record<string, string>;\r\n    validateField: (field: keyof StepperFormState, data?: StepperFormState) => void;\r\n    setErrors: React.Dispatch<React.SetStateAction<Record<string, string>>>;\r\n    eventData?: any;\r\n    eventId?: string;\r\n    setNavigationBlocked?: (blocked: boolean) => void;\r\n}\r\n\r\nfunction StepTwo({ formState, setField, errors, validateField, setNavigationBlocked, eventId }: StepTwoProps) {\r\n    const [showInlineForm, setShowInlineForm] = useState(false);\r\n    const [selectedTier, setSelectedTier] = useState<TicketTier | null>(null);\r\n    const [showDeleteModal, setShowDeleteModal] = useState(false);\r\n    const [tierToDelete, setTierToDelete] = useState<TicketTier | null>(null);\r\n    const formRef = React.useRef<HTMLDivElement>(null);\r\n\r\n    const [showParticipationModal, setShowParticipationModal] = useState(false);\r\n    const [pendingParticipationType, setPendingParticipationType] = useState<string | null>(null);\r\n\r\n    React.useEffect(() => {\r\n        if (showInlineForm && formRef.current) {\r\n            formRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n        }\r\n    }, [showInlineForm]);\r\n\r\n    const tiers = Object.values(formState.ticket_tiers || {}) as TicketTier[];\r\n\r\n    const handleSaveTier = (tier: TicketTier) => {\r\n        const newTiers = { ...(formState.ticket_tiers || {}) };\r\n        newTiers[tier.id] = tier;\r\n        setField(\"ticket_tiers\", newTiers);\r\n        setShowInlineForm(false);\r\n        setSelectedTier(null);\r\n    };\r\n\r\n    const handleDeleteTier = () => {\r\n        if (tierToDelete) {\r\n            const newTiers = { ...(formState.ticket_tiers || {}) };\r\n            delete newTiers[tierToDelete.id];\r\n            setField(\"ticket_tiers\", newTiers);\r\n            setShowDeleteModal(false);\r\n            setTierToDelete(null);\r\n        }\r\n    };\r\n\r\n    const handleEditTier = (tier: TicketTier) => {\r\n        setSelectedTier(tier);\r\n        setShowInlineForm(true);\r\n    };\r\n\r\n    const handleDuplicateTier = (tier: TicketTier) => {\r\n        const existingNames = tiers.map(t => t.name.toLowerCase());\r\n\r\n        // Identify the base name (strip any existing \" Copy (n)\" suffix)\r\n        // Case-insensitive regex to handle variations\r\n        const baseNameRegex = /^(.*?)(?:\\sCopy\\s\\((\\d+)\\))?$/i;\r\n        const match = tier.name.match(baseNameRegex);\r\n        const baseName = match ? match[1].trim() : tier.name.trim();\r\n\r\n        let n = 1;\r\n        let newName = `${baseName} Copy (${n})`;\r\n\r\n        while (existingNames.includes(newName.toLowerCase())) {\r\n            n++;\r\n            newName = `${baseName} Copy (${n})`;\r\n        }\r\n\r\n        const dataToSave: TicketTier = {\r\n            ...tier,\r\n            id: crypto.randomUUID(),\r\n            name: newName,\r\n        };\r\n\r\n        const newTiers = { ...(formState.ticket_tiers || {}) };\r\n        newTiers[dataToSave.id] = dataToSave;\r\n        setField(\"ticket_tiers\", newTiers);\r\n    };\r\n\r\n    // Proxied setField to intercept participation_type change\r\n    const handleSetField = (field: keyof StepperFormState, value: any) => {\r\n        if (field === \"participants_type\" && eventId && eventId !== \"new\") {\r\n            // Check if value actually changed\r\n            if (value !== formState.participants_type) {\r\n                setPendingParticipationType(value);\r\n                setShowParticipationModal(true);\r\n                return;\r\n            }\r\n        }\r\n        setField(field, value);\r\n    };\r\n\r\n    const handleConfirmParticipationChange = () => {\r\n        if (pendingParticipationType) {\r\n            setField(\"participants_type\", pendingParticipationType);\r\n        }\r\n        setShowParticipationModal(false);\r\n        setPendingParticipationType(null);\r\n    };\r\n\r\n    const handleCancelParticipationChange = () => {\r\n        setShowParticipationModal(false);\r\n        setPendingParticipationType(null);\r\n    };\r\n\r\n    const eventDateRange = useMemo(() =>\r\n        formState?.event_start_timestamp?.date && formState?.event_end_timestamp?.date\r\n            ? getDateRange(new Date(formState?.event_start_timestamp?.date), new Date(formState?.event_end_timestamp?.date))\r\n            : undefined,\r\n        [formState.event_start_timestamp, formState.event_end_timestamp]);\r\n\r\n    return (\r\n        <div className=\"max-w-[734px] mx-auto space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500\">\r\n            <div className=\"py-6 space-y-4 rounded-lg\">\r\n                <h2 className=\"text-lg font-semibold text-grey-900 px-4\">\r\n                    Step up your ticket\r\n                </h2>\r\n\r\n                {/* Ticket Type Selection Cards */}\r\n                <div className=\"px-2 rounded-xl\">\r\n                    <div className=\"px-2 rounded-xl\" data-name=\"ticket_type\">\r\n                        <TicketTypeSelection\r\n                            selectedType={formState.ticket_type || \"\"}\r\n                            onSelect={(type) => {\r\n                                setField(\"ticket_type\", type);\r\n                                setShowInlineForm(false);\r\n                            }}\r\n                        />\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"w-full px-4\">\r\n                    {/* Ticket Tier Section Logic */}\r\n                    {formState.ticket_type === \"TICKET_TIER\" && (\r\n                        <TicketTierSection\r\n                            tiers={tiers}\r\n                            ticketsError={errors.ticket_tiers}\r\n                            showInlineForm={showInlineForm}\r\n                            setShowInlineForm={setShowInlineForm}\r\n                            selectedTier={selectedTier}\r\n                            setSelectedTier={setSelectedTier}\r\n                            handleEditTier={handleEditTier}\r\n                            handleDuplicateTier={handleDuplicateTier}\r\n                            setTierToDelete={setTierToDelete}\r\n                            setShowDeleteModal={setShowDeleteModal}\r\n                            formRef={formRef as React.RefObject<HTMLDivElement>}\r\n                            eventDateRange={eventDateRange}\r\n                            handleSaveTier={handleSaveTier}\r\n                            setNavigationBlocked={setNavigationBlocked}\r\n                            eventStart={formState.event_start_timestamp}\r\n                            eventEnd={formState.event_end_timestamp}\r\n                            registrationStart={formState.registration_start_timestamp}\r\n                            registrationEnd={formState.registration_end_timestamp}\r\n                        />\r\n                    )}\r\n\r\n                    {/* Custom Form Section */}\r\n                    {formState.ticket_type === \"CUSTOM_FORM\" && (\r\n                        <CustomFormSection\r\n                            formState={formState}\r\n                            setField={handleSetField as any}\r\n                            errors={errors}\r\n                            validateField={validateField as any}\r\n                        />\r\n                    )}\r\n\r\n                    {errors._step && (\r\n                        <div className=\"p-3 bg-error-50 border border-error-100 rounded-lg text-sm text-error-700 flex items-center gap-2\">\r\n                            <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\r\n                            </svg>\r\n                            {errors._step}\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n\r\n            <ConfirmationModal\r\n                open={showDeleteModal}\r\n                title=\"Delete ticket tier?\"\r\n                description=\"Are you sure you want to delete this ticket tier? This action cannot be undone.\"\r\n                onClose={() => {\r\n                    setShowDeleteModal(false);\r\n                    setTierToDelete(null);\r\n                }}\r\n                onConfirm={handleDeleteTier}\r\n            />\r\n\r\n            <ConfirmationModal\r\n                open={showParticipationModal}\r\n                title=\"Change participation type?\"\r\n                description=\"Changing the participation type will reset the form questions in the next step. Are you sure you want to proceed?\"\r\n                onClose={handleCancelParticipationChange}\r\n                onConfirm={handleConfirmParticipationChange}\r\n                confirmText=\"Yes, change it\"\r\n                cancelText=\"No, keep it\"\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default memo(StepTwo);\r\n"],"names":["React"],"mappings":"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"}

package/dist/components/EventAddForm/steps/TeamFormStep.js

@@ -1,13 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { memo, forwardRef } from "react";
-import IndividualFormStep from "./IndividualFormStep.js";
-const TeamFormStep = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(IndividualFormStep, { ...props, ref, participationTypeOverride: "2", scopeOverride: "TEAM", allowedDiscountQuestions: 1, onPolluted: props.onPolluted });
-});
-TeamFormStep.displayName = "TeamFormStep";
-const TeamFormStep$1 = memo(TeamFormStep);
-export {
-  TeamFormStep,
-  TeamFormStep$1 as default
-};
-//# sourceMappingURL=TeamFormStep.js.map

package/dist/components/EventAddForm/steps/TeamFormStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TeamFormStep.js","sources":["../../../../src/components/EventAddForm/steps/TeamFormStep.tsx"],"sourcesContent":["import { memo, forwardRef } from \"react\";\r\nimport IndividualFormStep, { IndividualFormStepRef } from \"./IndividualFormStep\";\r\nimport { StepperFormState } from \"../types\";\r\n\r\ninterface TeamFormStepProps {\r\n    formState: StepperFormState;\r\n    setField: (field: keyof StepperFormState, value: any) => void;\r\n    setMultipleFields: (fields: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;\r\n    errors: Record<string, string>;\r\n    validateField: (field: keyof StepperFormState, data?: StepperFormState) => void;\r\n    setErrors: React.Dispatch<React.SetStateAction<Record<string, string>>>;\r\n    eventId: string;\r\n    eventData: any;\r\n    isSameQuestionTitleAllowed?: boolean;\r\n    allowedDiscountQuestions?: number;\r\n    onPolluted?: () => void;\r\n}\r\n\r\nexport const TeamFormStep = forwardRef<IndividualFormStepRef, TeamFormStepProps>((props, ref) => {\r\n    return <IndividualFormStep {...props} ref={ref} participationTypeOverride=\"2\" scopeOverride='TEAM' allowedDiscountQuestions={1} onPolluted={props.onPolluted} />;\r\n});\r\n \r\nTeamFormStep.displayName = \"TeamFormStep\";\r\n \r\nexport default memo(TeamFormStep);\r\n"],"names":[],"mappings":";;;AAkBO,MAAM,eAAe,WAAqD,CAAC,OAAO,QAAQ;AAC7F,SAAO,oBAAC,oBAAA,EAAoB,GAAG,OAAO,KAAU,2BAA0B,KAAI,eAAc,QAAO,0BAA0B,GAAG,YAAY,MAAM,YAAY;AAClK,CAAC;AAED,aAAa,cAAc;AAE3B,MAAA,iBAAe,KAAK,YAAY;"}

package/dist/components/FormBuilder/CategoryList.js

@@ -1,242 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React__default, { useState } from "react";
-import { Trash2 } from "lucide-react";
-import { useSensors, useSensor, PointerSensor, DndContext, closestCenter } from "../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext, verticalListSortingStrategy, arrayMove, useSortable } from "../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { CSS } from "../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
-import FormInput from "../FormInput/FormInput.js";
-import { FontAwesomeIcon } from "../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faPlus, faGripVertical } from "../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
-import Alert from "../Alert/Alert.js";
-import { Button } from "../Button/Button.js";
-const CategoryList = ({ categories, onChange, showError }) => {
-  const containerRef = React__default.useRef(null);
-  const [alertState, setAlertState] = useState({
-    isVisible: false,
-    message: "",
-    type: "success"
-  });
-  const sensors = useSensors(
-    useSensor(PointerSensor, { activationConstraint: { distance: 3 } })
-  );
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    if (active.id !== (over == null ? void 0 : over.id)) {
-      const oldIndex = categories.findIndex((c) => c.id === active.id);
-      const newIndex = categories.findIndex((c) => c.id === (over == null ? void 0 : over.id));
-      if (oldIndex !== -1 && newIndex !== -1) {
-        const newCategories = arrayMove(categories, oldIndex, newIndex);
-        onChange(newCategories);
-      }
-    }
-  };
-  const handleAdd = () => {
-    const newCategory = {
-      id: crypto.randomUUID(),
-      name: ``,
-      price: 0
-    };
-    onChange([...categories, newCategory]);
-  };
-  const handleBulkAdd = (newItems) => {
-    onChange([...categories, ...newItems]);
-  };
-  React__default.useEffect(() => {
-    const handleGlobalPaste = (e) => {
-      var _a, _b;
-      const target = e.target;
-      const isInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA";
-      const isInside = (_a = containerRef.current) == null ? void 0 : _a.contains(target);
-      if (isInput && !isInside) return;
-      if (target !== document.body && !isInside) return;
-      const clipboardData = (_b = e.clipboardData) == null ? void 0 : _b.getData("text");
-      if (!clipboardData) return;
-      const lines = clipboardData.split(/\r?\n/).filter((line) => line.trim() !== "");
-      if (lines.length === 0) return;
-      const newItems = [];
-      let skippedCount = 0;
-      lines.forEach((line) => {
-        let name = "";
-        let price = 0;
-        let parsed = false;
-        if (line.includes("	")) {
-          const parts = line.split("	");
-          if (parts.length >= 2) {
-            name = parts[0].trim();
-            const pricePart = parts[1].replace(/[^0-9.]/g, "");
-            if (!isNaN(parseFloat(pricePart))) {
-              price = parseFloat(pricePart);
-              parsed = true;
-            }
-          }
-        } else if (line.includes("|")) {
-          const parts = line.split("|");
-          if (parts.length >= 2) {
-            name = parts[0].trim();
-            const pricePart = parts[1].replace(/[^0-9.]/g, "");
-            if (!isNaN(parseFloat(pricePart))) {
-              price = parseFloat(pricePart);
-              parsed = true;
-            }
-          }
-        } else {
-          const match = line.match(/^(.*)\s+(\d+(\.\d{1,2})?)$/);
-          if (match) {
-            name = match[1].trim();
-            price = parseFloat(match[2]);
-            parsed = true;
-          }
-        }
-        if (!parsed && (lines.length > 1 || !isInput)) {
-          name = line.trim();
-          price = 0;
-          parsed = true;
-        }
-        if (parsed && name) {
-          newItems.push({
-            id: crypto.randomUUID(),
-            name,
-            price
-          });
-        } else {
-          skippedCount++;
-        }
-      });
-      if (isInput && lines.length === 1 && newItems.length === 1 && newItems[0].price === 0) {
-        return;
-      }
-      if (newItems.length > 0) {
-        e.preventDefault();
-        handleBulkAdd(newItems);
-        setAlertState({
-          isVisible: true,
-          message: `Added ${newItems.length} categories from clipboard.`,
-          type: "success"
-        });
-        setTimeout(() => setAlertState((prev) => ({ ...prev, isVisible: false })), 3e3);
-      } else if (skippedCount > 0 && !isInput) {
-        setAlertState({
-          isVisible: true,
-          message: "Could not parse clipboard data.",
-          type: "error"
-        });
-        setTimeout(() => setAlertState((prev) => ({ ...prev, isVisible: false })), 3e3);
-      }
-    };
-    document.addEventListener("paste", handleGlobalPaste);
-    return () => document.removeEventListener("paste", handleGlobalPaste);
-  }, [categories]);
-  const handleUpdate = (id, updates) => {
-    const newCategories = categories.map(
-      (cat) => cat.id === id ? { ...cat, ...updates } : cat
-    );
-    onChange(newCategories);
-  };
-  const handleDelete = (id) => {
-    if (categories.length <= 1) return;
-    onChange(categories.filter((cat) => cat.id !== id));
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "ui-space-y-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "ui-flex ui-items-center ui-justify-between", children: /* @__PURE__ */ jsx("label", { className: "ui-text-sm ui-font-medium ui-text-gray-700", children: "Payment Categories" }) }),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx(SortableContext, { items: categories.map((c) => c.id), strategy: verticalListSortingStrategy, children: categories.map((category, index) => /* @__PURE__ */ jsx(
-        SortableCategoryItem,
-        {
-          category,
-          index,
-          onUpdate: handleUpdate,
-          onDelete: handleDelete,
-          isDeletable: categories.length > 1,
-          isNameError: showError && !category.name.trim()
-        },
-        category.id
-      )) }) }) }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: handleAdd,
-          className: `ui-flex ui-items-center ui-gap-2 ui-text-sm ui-font-medium ui-mt-1 ui-pl-1 ui-text-primaryx-600 hover:ui-text-primaryx-700`,
-          children: [
-            /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faPlus, className: "ui-text-xs" }),
-            "Add Category"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Alert,
-      {
-        isVisible: alertState.isVisible,
-        message: alertState.message,
-        type: alertState.type,
-        onClose: () => setAlertState((prev) => ({ ...prev, isVisible: false }))
-      }
-    )
-  ] });
-};
-function SortableCategoryItem({ category, index, onUpdate, onDelete, isDeletable, isNameError }) {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: category.id });
-  const style = {
-    transform: CSS.Transform.toString(transform),
-    transition,
-    opacity: isDragging ? 0.5 : 1,
-    position: "relative",
-    zIndex: isDragging ? 1 : 0
-  };
-  return /* @__PURE__ */ jsxs("div", { ref: setNodeRef, style, className: "ui-w-full ui-flex ui-items-center ui-gap-2 ui-group", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...attributes,
-        ...listeners,
-        className: "sm:ui-block ui-hidden ui-text-gray-300 ui-cursor-move hover:ui-text-gray-500 ui-px-1 ui-opacity-0 group-hover:ui-opacity-100 ui-transition-opacity",
-        children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faGripVertical })
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "sm:ui-px-2 ui-text-gray-400", children: /* @__PURE__ */ jsxs("span", { className: "ui-text-sm ui-font-mono", children: [
-      index + 1,
-      "."
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "ui-flex-1 ui-grid sm:ui-grid-cols-2 sm:ui-gap-2", children: [
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          type: "text",
-          value: category.name,
-          onChange: (e) => onUpdate(category.id, { name: typeof e === "string" ? e : e.target.value }),
-          placeholder: `Category ${index + 1}`,
-          inputClassName: "ui-h-12 ui-text-sm",
-          error: isNameError ? "Required" : void 0
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          type: "number",
-          value: category.price.toString(),
-          onChange: (e) => onUpdate(category.id, { price: parseFloat(typeof e === "string" ? e : e.target.value) || 0 }),
-          placeholder: "Price",
-          inputClassName: "ui-h-12 ui-text-sm",
-          suffix: "PKR",
-          min: 0
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "sm",
-        onClick: () => onDelete(category.id),
-        disabled: !isDeletable,
-        className: `sm:ui-block ui-hidden ui-transition-opacity ${isDeletable ? "ui-opacity-100 ui-text-red-500 hover:ui-text-red-600 hover:ui-bg-red-50" : "ui-opacity-0 ui-cursor-not-allowed ui-text-gray-300"}`,
-        children: /* @__PURE__ */ jsx(Trash2, { className: "ui-w-4 ui-h-4" })
-      }
-    )
-  ] });
-}
-export {
-  CategoryList
-};
-//# sourceMappingURL=CategoryList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CategoryList.js","sources":["../../../src/components/FormBuilder/CategoryList.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState } from 'react';\r\nimport { Button } from '../Button';\r\nimport { Trash2 } from 'lucide-react';\r\nimport { DndContext, closestCenter, DragEndEvent, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\r\nimport { SortableContext, verticalListSortingStrategy, arrayMove, useSortable } from '@dnd-kit/sortable';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport FormInput from '../FormInput/FormInput';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus, faGripVertical } from '@fortawesome/free-solid-svg-icons';\r\nimport Alert from '../Alert/Alert';\r\n\r\nexport interface CategoryDraft {\r\n    id: string;\r\n    name: string;\r\n    price: number;\r\n}\r\n\r\ninterface CategoryListProps {\r\n    categories: CategoryDraft[];\r\n    onChange: (categories: CategoryDraft[]) => void;\r\n    showError?: boolean;\r\n}\r\n\r\nexport const CategoryList: React.FC<CategoryListProps> = ({ categories, onChange, showError }) => {\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n    const [alertState, setAlertState] = useState<{ isVisible: boolean; message: string; type: 'success' | 'error' }>({\r\n        isVisible: false,\r\n        message: '',\r\n        type: 'success'\r\n    });\r\n\r\n    const sensors = useSensors(\r\n        useSensor(PointerSensor, { activationConstraint: { distance: 3 } })\r\n    );\r\n\r\n    const handleDragEnd = (event: DragEndEvent) => {\r\n        const { active, over } = event;\r\n        if (active.id !== over?.id) {\r\n            const oldIndex = categories.findIndex(c => c.id === active.id);\r\n            const newIndex = categories.findIndex(c => c.id === over?.id);\r\n            if (oldIndex !== -1 && newIndex !== -1) {\r\n                const newCategories = arrayMove(categories, oldIndex, newIndex);\r\n                onChange(newCategories);\r\n            }\r\n        }\r\n    };\r\n\r\n    const handleAdd = () => {\r\n        const newCategory: CategoryDraft = {\r\n            id: crypto.randomUUID(),\r\n            name: ``,\r\n            price: 0\r\n        };\r\n        onChange([...categories, newCategory]);\r\n    };\r\n\r\n    const handleBulkAdd = (newItems: CategoryDraft[]) => {\r\n        onChange([...categories, ...newItems]);\r\n    };\r\n\r\n    // Global Paste Listener\r\n    React.useEffect(() => {\r\n        const handleGlobalPaste = (e: ClipboardEvent) => {\r\n            const target = e.target as HTMLElement;\r\n            const isInput = target.tagName === 'INPUT' || target.tagName === 'TEXTAREA';\r\n            const isInside = containerRef.current?.contains(target);\r\n\r\n            if (isInput && !isInside) return;\r\n            if (target !== document.body && !isInside) return;\r\n\r\n            const clipboardData = e.clipboardData?.getData(\"text\");\r\n            if (!clipboardData) return;\r\n\r\n            const lines = clipboardData.split(/\\r?\\n/).filter(line => line.trim() !== \"\");\r\n            if (lines.length === 0) return;\r\n\r\n            const newItems: CategoryDraft[] = [];\r\n            let skippedCount = 0;\r\n\r\n            lines.forEach(line => {\r\n                let name = \"\";\r\n                let price = 0;\r\n                let parsed = false;\r\n\r\n                if (line.includes(\"\\t\")) {\r\n                    const parts = line.split(\"\\t\");\r\n                    if (parts.length >= 2) {\r\n                        name = parts[0].trim();\r\n                        const pricePart = parts[1].replace(/[^0-9.]/g, \"\");\r\n                        if (!isNaN(parseFloat(pricePart))) {\r\n                            price = parseFloat(pricePart);\r\n                            parsed = true;\r\n                        }\r\n                    }\r\n                }\r\n                else if (line.includes(\"|\")) {\r\n                    const parts = line.split(\"|\");\r\n                    if (parts.length >= 2) {\r\n                        name = parts[0].trim();\r\n                        const pricePart = parts[1].replace(/[^0-9.]/g, \"\");\r\n                        if (!isNaN(parseFloat(pricePart))) {\r\n                            price = parseFloat(pricePart);\r\n                            parsed = true;\r\n                        }\r\n                    }\r\n                }\r\n                else {\r\n                    const match = line.match(/^(.*)\\s+(\\d+(\\.\\d{1,2})?)$/);\r\n                    if (match) {\r\n                        name = match[1].trim();\r\n                        price = parseFloat(match[2]);\r\n                        parsed = true;\r\n                    }\r\n                }\r\n\r\n                if (!parsed && (lines.length > 1 || !isInput)) {\r\n                    name = line.trim();\r\n                    price = 0;\r\n                    parsed = true;\r\n                }\r\n\r\n                if (parsed && name) {\r\n                    newItems.push({\r\n                        id: crypto.randomUUID(),\r\n                        name,\r\n                        price\r\n                    });\r\n                } else {\r\n                    skippedCount++;\r\n                }\r\n            });\r\n\r\n            if (isInput && lines.length === 1 && newItems.length === 1 && newItems[0].price === 0) {\r\n                return;\r\n            }\r\n\r\n            if (newItems.length > 0) {\r\n                e.preventDefault();\r\n                handleBulkAdd(newItems);\r\n                setAlertState({\r\n                    isVisible: true,\r\n                    message: `Added ${newItems.length} categories from clipboard.`,\r\n                    type: 'success'\r\n                });\r\n                setTimeout(() => setAlertState(prev => ({ ...prev, isVisible: false })), 3000);\r\n            } else if (skippedCount > 0 && !isInput) {\r\n                setAlertState({\r\n                    isVisible: true,\r\n                    message: \"Could not parse clipboard data.\",\r\n                    type: 'error'\r\n                });\r\n                setTimeout(() => setAlertState(prev => ({ ...prev, isVisible: false })), 3000);\r\n            }\r\n        };\r\n\r\n        document.addEventListener('paste', handleGlobalPaste);\r\n        return () => document.removeEventListener('paste', handleGlobalPaste);\r\n    }, [categories]);\r\n\r\n    const handleUpdate = (id: string, updates: Partial<CategoryDraft>) => {\r\n        const newCategories = categories.map(cat =>\r\n            cat.id === id ? { ...cat, ...updates } : cat\r\n        );\r\n        onChange(newCategories);\r\n    };\r\n\r\n    const handleDelete = (id: string) => {\r\n        if (categories.length <= 1) return;\r\n        onChange(categories.filter(cat => cat.id !== id));\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <div ref={containerRef} className=\"ui-space-y-3\">\r\n                <div className=\"ui-flex ui-items-center ui-justify-between\">\r\n                    <label className=\"ui-text-sm ui-font-medium ui-text-gray-700\">Payment Categories</label>\r\n                </div>\r\n\r\n                <div>\r\n                    <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\r\n                        <SortableContext items={categories.map(c => c.id)} strategy={verticalListSortingStrategy}>\r\n                            {categories.map((category, index) => (\r\n                                <SortableCategoryItem\r\n                                    key={category.id}\r\n                                    category={category}\r\n                                    index={index}\r\n                                    onUpdate={handleUpdate}\r\n                                    onDelete={handleDelete}\r\n                                    isDeletable={categories.length > 1}\r\n                                    isNameError={showError && !category.name.trim()}\r\n                                />\r\n                            ))}\r\n                        </SortableContext>\r\n                    </DndContext>\r\n                </div>\r\n\r\n                <button\r\n                    onClick={handleAdd}\r\n                    className={`ui-flex ui-items-center ui-gap-2 ui-text-sm ui-font-medium ui-mt-1 ui-pl-1 ui-text-primaryx-600 hover:ui-text-primaryx-700`}\r\n                >\r\n                    <FontAwesomeIcon icon={faPlus} className=\"ui-text-xs\" />\r\n                    Add Category\r\n                </button>\r\n            </div>\r\n            <Alert\r\n                isVisible={alertState.isVisible}\r\n                message={alertState.message}\r\n                type={alertState.type}\r\n                onClose={() => setAlertState(prev => ({ ...prev, isVisible: false }))}\r\n            />\r\n        </>\r\n    );\r\n};\r\n\r\ninterface SortableCategoryItemProps {\r\n    category: CategoryDraft;\r\n    index: number;\r\n    onUpdate: (id: string, updates: Partial<CategoryDraft>) => void;\r\n    onDelete: (id: string) => void;\r\n    isDeletable: boolean;\r\n    isNameError?: boolean;\r\n}\r\n\r\nfunction SortableCategoryItem({ category, index, onUpdate, onDelete, isDeletable, isNameError }: SortableCategoryItemProps) {\r\n    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: category.id });\r\n\r\n    const style = {\r\n        transform: CSS.Transform.toString(transform),\r\n        transition,\r\n        opacity: isDragging ? 0.5 : 1,\r\n        position: 'relative' as const,\r\n        zIndex: isDragging ? 1 : 0,\r\n    };\r\n\r\n    return (\r\n        <div ref={setNodeRef} style={style} className=\"ui-w-full ui-flex ui-items-center ui-gap-2 ui-group\">\r\n            {/* Drag Handle */}\r\n            <div\r\n                {...attributes}\r\n                {...listeners}\r\n                className=\"sm:ui-block ui-hidden ui-text-gray-300 ui-cursor-move hover:ui-text-gray-500 ui-px-1 ui-opacity-0 group-hover:ui-opacity-100 ui-transition-opacity\"\r\n            >\r\n                <FontAwesomeIcon icon={faGripVertical} />\r\n            </div>\r\n\r\n            <div className=\"sm:ui-px-2 ui-text-gray-400\">\r\n                <span className=\"ui-text-sm ui-font-mono\">{index + 1}.</span>\r\n            </div>\r\n\r\n            <div className=\"ui-flex-1 ui-grid sm:ui-grid-cols-2 sm:ui-gap-2\">\r\n                <FormInput\r\n                    type=\"text\"\r\n                    value={category.name}\r\n                    onChange={(e: any) => onUpdate(category.id, { name: typeof e === 'string' ? e : e.target.value })}\r\n                    placeholder={`Category ${index + 1}`}\r\n                    inputClassName=\"ui-h-12 ui-text-sm\"\r\n                    error={isNameError ? \"Required\" : undefined}\r\n                />\r\n                <FormInput\r\n                    type=\"number\"\r\n                    value={category.price.toString()}\r\n                    onChange={(e: any) => onUpdate(category.id, { price: parseFloat(typeof e === 'string' ? e : e.target.value) || 0 })}\r\n                    placeholder=\"Price\"\r\n                    inputClassName=\"ui-h-12 ui-text-sm\"\r\n                    suffix=\"PKR\"\r\n                    min={0}\r\n                />\r\n            </div>\r\n\r\n            <Button\r\n                type=\"button\"\r\n                variant=\"ghost\"\r\n                size=\"sm\"\r\n                onClick={() => onDelete(category.id)}\r\n                disabled={!isDeletable}\r\n                className={`sm:ui-block ui-hidden ui-transition-opacity ${isDeletable ? 'ui-opacity-100 ui-text-red-500 hover:ui-text-red-600 hover:ui-bg-red-50' : 'ui-opacity-0 ui-cursor-not-allowed ui-text-gray-300'}`}\r\n            >\r\n                <Trash2 className=\"ui-w-4 ui-h-4\" />\r\n            </Button>\r\n        </div>\r\n    );\r\n}\r\n"],"names":["React"],"mappings":"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"}