@123usmanhaider321/ui 0.1.0 → 0.1.8

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

@@ -0,0 +1,173 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,19 @@
+import { IndividualFormStepRef } from './IndividualFormStep';
+import { StepperFormState } from '../types';
+
+interface TeamFormStepProps {
+    formState: StepperFormState;
+    setField: (field: keyof StepperFormState, value: any) => void;
+    setMultipleFields: (fields: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;
+    errors: Record<string, string>;
+    validateField: (field: keyof StepperFormState, data?: StepperFormState) => void;
+    setErrors: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+    eventId: string;
+    eventData: any;
+    isSameQuestionTitleAllowed?: boolean;
+    allowedDiscountQuestions?: number;
+    onPolluted?: () => void;
+}
+export declare const TeamFormStep: import('react').ForwardRefExoticComponent<TeamFormStepProps & import('react').RefAttributes<IndividualFormStepRef>>;
+declare const _default: import('react').NamedExoticComponent<TeamFormStepProps & import('react').RefAttributes<IndividualFormStepRef>>;
+export default _default;

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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,14 +1,14 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState } from "react";
-import { Button } from "../Button/Button.js";
-import { useSensors, useSensor, DndContext, closestCenter, PointerSensor } from "../../node_modules/@dnd-kit/core/dist/core.esm.js";
+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 Trash2 from "../../node_modules/lucide-react/dist/esm/icons/trash-2.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({
@@ -136,10 +136,10 @@ const CategoryList = ({ categories, onChange, showError }) => {
     if (categories.length <= 1) return;
     onChange(categories.filter((cat) => cat.id !== id));
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "ui-space-y-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-flex ui-items-center ui-justify-between", children: /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "ui-text-sm ui-font-medium ui-text-gray-700", children: "Payment Categories" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SortableContext, { items: categories.map((c) => c.id), strategy: verticalListSortingStrategy, children: categories.map((category, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("label", { className: "text-sm font-medium 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,
@@ -151,19 +151,19 @@ const CategoryList = ({ categories, onChange, showError }) => {
         },
         category.id
       )) }) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      /* @__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`,
+          className: `flex items-center gap-2 text-sm font-medium mt-1 pl-1 text-primaryx-600 hover:text-primaryx-700`,
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPlus, className: "ui-text-xs" }),
+            /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faPlus, className: "text-xs" }),
             "Add Category"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       Alert,
       {
         isVisible: alertState.isVisible,
@@ -183,46 +183,46 @@ function SortableCategoryItem({ category, index, onUpdate, onDelete, isDeletable
     position: "relative",
     zIndex: isDragging ? 1 : 0
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: setNodeRef, style, className: "ui-w-full ui-flex ui-items-center ui-gap-2 ui-group", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { ref: setNodeRef, style, className: "w-full flex items-center gap-2 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__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faGripVertical })
+        className: "sm:block hidden text-gray-300 cursor-move hover:text-gray-500 px-1 opacity-0 group-hover:opacity-100 transition-opacity",
+        children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faGripVertical })
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sm:ui-px-2 ui-text-gray-400", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ui-text-sm ui-font-mono", children: [
+    /* @__PURE__ */ jsx("div", { className: "sm:px-2 text-gray-400", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-mono", children: [
       index + 1,
       "."
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-flex-1 ui-grid sm:ui-grid-cols-2 sm:ui-gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 grid sm:grid-cols-2 sm: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",
+          inputClassName: "h-12 text-sm",
           error: isNameError ? "Required" : void 0
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__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",
+          inputClassName: "h-12 text-sm",
           suffix: "PKR",
           min: 0
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       Button,
       {
         type: "button",
@@ -230,8 +230,8 @@ function SortableCategoryItem({ category, index, onUpdate, onDelete, isDeletable
         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__ */ jsxRuntimeExports.jsx(Trash2, { className: "ui-w-4 ui-h-4" })
+        className: `sm:block hidden transition-opacity ${isDeletable ? "opacity-100 text-red-500 hover:text-red-600 hover:bg-red-50" : "opacity-0 cursor-not-allowed text-gray-300"}`,
+        children: /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" })
       }
     )
   ] });

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

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