@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/FormBuilder/QuestionEditor.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import { sanitizeQuestionData } from "./utils.js";
 import { OptionList } from "./OptionList.js";
@@ -83,9 +83,9 @@ const QuestionEditor = ({
   const isOptionError = errorMessage && (errorMessage.toLowerCase().includes("option") || errorMessage.toLowerCase().includes("category") || errorMessage.toLowerCase().includes("categories") || errorMessage.toLowerCase().includes("csv") || errorMessage.toLowerCase().includes("file") || errorMessage.toLowerCase().includes("applies on"));
   const titleError = isOptionError ? void 0 : errorMessage;
   const listError = isOptionError ? errorMessage : void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-flex ui-flex-col ui-space-y-1.5 ui-w-full", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-flex ui-flex-col ui-justify-center md:ui-flex-row ui-gap-x-4 ui-gap-y-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-flex-1 ui-text-sm ui-w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1.5 w-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center md:flex-row gap-x-4 gap-y-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 text-sm w-full", children: /* @__PURE__ */ jsx(
         FormInput,
         {
           type: "text",
@@ -94,10 +94,10 @@ const QuestionEditor = ({
           placeholder: "Question Title",
           autoFocus: true,
           error: titleError,
-          inputClassName: "ui-h-10"
+          inputClassName: "h-10"
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-w-full md:ui-w-60", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx("div", { className: "w-full md:w-60", children: /* @__PURE__ */ jsx(
         CustomSelect,
         {
           value: question.kind === "NAME_ON_TICKET" ? "INPUT_STR" : question.kind === "TEAM_SIZE" ? "INPUT_INT" : question.kind === "PAYMENT_CHECKBOX" ? "PAYMENT" : question.kind,
@@ -112,26 +112,26 @@ const QuestionEditor = ({
           placeholder: "Select Type",
           disabled: isSystemQuestion,
           enableTooltip: false,
-          triggerClassName: "ui-text-sm ui-h-10"
+          triggerClassName: "text-sm h-10"
         }
       ) })
     ] }),
-    needsPlaceholder && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-w-full ui-text-sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    needsPlaceholder && /* @__PURE__ */ jsx("div", { className: "w-full text-sm", children: /* @__PURE__ */ jsx(
       FormInput,
       {
         type: "text",
         onChange: (e) => handlePlaceholderChange(typeof e === "string" ? e : e.target.value),
         value: question.placeholder || "",
         placeholder: "Question Placeholder",
-        inputClassName: "ui-h-10"
+        inputClassName: "h-10"
       }
     ) }),
-    (question.kind === "MULTIPLE_CHOICE" || question.kind === "CHECKBOX" || question.kind === "DROPDOWN") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-mt-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(OptionList, { question, onUpdate, showError: showValidationErrors || !!listError }),
-      listError && listError.toLowerCase().includes("option") && /* @__PURE__ */ jsxRuntimeExports.jsx(InputErrorMessage, { error: listError || "", className: "ui-mt-1" })
+    (question.kind === "MULTIPLE_CHOICE" || question.kind === "CHECKBOX" || question.kind === "DROPDOWN") && /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
+      /* @__PURE__ */ jsx(OptionList, { question, onUpdate, showError: showValidationErrors || !!listError }),
+      listError && listError.toLowerCase().includes("option") && /* @__PURE__ */ jsx(InputErrorMessage, { error: listError || "", className: "mt-1" })
     ] }),
-    (question.kind === "PAYMENT" || question.kind === "PAYMENT_CHECKBOX") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-mt-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    (question.kind === "PAYMENT" || question.kind === "PAYMENT_CHECKBOX") && /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
+      /* @__PURE__ */ jsx(
         CategoryList,
         {
           categories: question.Categories || [],
@@ -139,9 +139,9 @@ const QuestionEditor = ({
           showError: showValidationErrors || !!listError
         }
       ),
-      listError && (listError.toLowerCase().includes("category") || listError.toLowerCase().includes("categories")) && /* @__PURE__ */ jsxRuntimeExports.jsx(InputErrorMessage, { error: listError || "", className: "ui-mt-1" })
+      listError && (listError.toLowerCase().includes("category") || listError.toLowerCase().includes("categories")) && /* @__PURE__ */ jsx(InputErrorMessage, { error: listError || "", className: "mt-1" })
     ] }),
-    question.kind === "DISCOUNT" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-mt-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    question.kind === "DISCOUNT" && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
       DiscountInput,
       {
         question,

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

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

package/dist/components/FormBuilder/RequiredToggle.js

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

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

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

package/dist/components/FormBuilder/SortableQuestionList.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useSortable } from "../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
 import { CSS } from "../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
 import QuestionCard from "./QuestionCard.js";
@@ -24,12 +24,12 @@ const SortableQuestionList = ({
   showValidationErrors,
   storageService
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-flex ui-flex-col ui-space-y-6", children: questionOrder.map((id) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-6", children: questionOrder.map((id) => {
     const question = questions[id];
     if (!question) return null;
     const isActive = activeQuestionId === id;
     const props = isActive ? activeQuestionProps : {};
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsx(
       SortableQuestionItem,
       {
         question,
@@ -102,7 +102,7 @@ function SortableQuestionItem({
     zIndex: isDragging ? 1e3 : "auto"
   };
   const showTooltip = disabled && !isOpen;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: setNodeRef, style, className: `ui-w-full ui-relative ${showTooltip ? "ui-cursor-not-allowed ui-opacity-60" : ""}`, id: `question-${question.id}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, className: `w-full relative ${showTooltip ? "cursor-not-allowed opacity-60" : ""}`, id: `question-${question.id}`, children: /* @__PURE__ */ jsx(
     QuestionCard,
     {
       question,

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

@@ -1 +1 @@
-{"version":3,"file":"SortableQuestionList.js","sources":["../../../src/components/FormBuilder/SortableQuestionList.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport QuestionCard from './QuestionCard';\nimport { QuestionDraft } from \"./types\";\n\ninterface SortableQuestionListProps {\n    questions: Record<string, QuestionDraft>;\n    questionOrder: string[];\n    formId: string;\n    eventId: string;\n    userUid?: string;\n    isLocked: boolean;\n    activeQuestionId: string | null;\n    onSetActiveQuestion: (id: string | null) => void;\n    onDelete: (questionId: string) => void;\n    onUpdate: (questionId: string, updates: Partial<QuestionDraft>) => void;\n    onSave?: (questionId: string) => void;\n    onDuplicate: (questionId: string) => void;\n    onCancel: (questionId: string) => void;\n    activeQuestionProps?: {\n        isDirty: boolean;\n        isSaving: boolean;\n        isNew: boolean;\n        isValid: boolean;\n        errorMessage?: string;\n    };\n    disabled?: boolean;\n    showValidationErrors?: boolean;\n    scope?: 'INDIVIDUAL' | 'TEAM';\n    participationType?: string;\n    disableDiscountOption?: boolean;\n    storageService?: {\n        uploadFile: (path: string, file: File) => Promise<void>;\n        downloadFile: (path: string) => Promise<Blob>;\n    };\n}\n\nexport const SortableQuestionList: React.FC<SortableQuestionListProps> = ({\n    questions,\n    questionOrder,\n    formId,\n    eventId,\n    userUid,\n    isLocked,\n    activeQuestionId,\n    onSetActiveQuestion,\n    onDelete,\n    onUpdate,\n    onSave,\n    onDuplicate,\n    onCancel,\n    activeQuestionProps,\n    disabled = false,\n    scope,\n    participationType,\n    disableDiscountOption,\n    showValidationErrors,\n    storageService\n}) => {\n    return (\n        <div className=\"ui-flex ui-flex-col ui-space-y-6\">\n            {questionOrder.map((id) => {\n                const question = questions[id];\n                if (!question) return null;\n\n                const isActive = activeQuestionId === id;\n                const props = isActive ? activeQuestionProps : {};\n\n                return (\n                    <SortableQuestionItem\n                        key={id}\n                        question={question}\n                        formId={formId}\n                        eventId={eventId}\n                        userUid={userUid}\n                        isLocked={isLocked}\n                        isOpen={isActive}\n                        onToggle={() => {\n                            onSetActiveQuestion(isActive ? null : id);\n                        }}\n                        onDelete={onDelete}\n                        onUpdate={onUpdate}\n                        onSave={onSave}\n                        onDuplicate={onDuplicate}\n                        onCancel={onCancel}\n                        disabled={disabled}\n                        scope={scope}\n                        participationType={participationType}\n                        disableDiscountOption={disableDiscountOption}\n                        showValidationErrors={showValidationErrors}\n                        storageService={storageService}\n                        {...props}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\ninterface SortableQuestionItemProps {\n    question: QuestionDraft;\n    formId: string;\n    eventId: string;\n    userUid?: string;\n    isLocked: boolean;\n    isOpen: boolean;\n    onToggle: () => void;\n    onDelete?: (questionId: string) => void;\n    onUpdate: (questionId: string, updates: Partial<QuestionDraft>) => void;\n    onSave?: (questionId: string) => void;\n    onDuplicate: (questionId: string) => void;\n    onCancel?: (questionId: string) => void;\n    isDirty?: boolean;\n    isSaving?: boolean;\n    isNew?: boolean;\n    isValid?: boolean;\n    disabled?: boolean;\n    scope?: 'INDIVIDUAL' | 'TEAM';\n    participationType?: string;\n    disableDiscountOption?: boolean;\n    showValidationErrors?: boolean;\n    storageService?: {\n        uploadFile: (path: string, file: File) => Promise<void>;\n        downloadFile: (path: string) => Promise<Blob>;\n    };\n}\n\nfunction SortableQuestionItem({\n    question,\n    formId,\n    eventId,\n    userUid,\n    isLocked,\n    isOpen,\n    onToggle,\n    onDelete,\n    onUpdate,\n    onSave,\n    onDuplicate,\n    onCancel,\n    isDirty,\n    isSaving,\n    isNew,\n    isValid,\n    disabled,\n    errorMessage,\n    scope,\n    participationType,\n    disableDiscountOption,\n    showValidationErrors,\n    storageService\n}: SortableQuestionItemProps & { errorMessage?: string }) {\n    const isSystem = ['TEAM_SIZE', 'NAME_ON_TICKET'].includes(question.kind);\n\n    const {\n        attributes,\n        listeners,\n        setNodeRef,\n        transform,\n        transition,\n        isDragging,\n    } = useSortable({\n        id: question.id,\n        disabled: isLocked || isSystem || disabled\n    });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n        opacity: isDragging ? 0.5 : 1,\n        zIndex: isDragging ? 1000 : 'auto',\n    };\n\n    const showTooltip = disabled && !isOpen;\n\n    return (\n        <div ref={setNodeRef} style={style} className={`ui-w-full ui-relative ${showTooltip ? 'ui-cursor-not-allowed ui-opacity-60' : ''}`} id={`question-${question.id}`}>\n            <QuestionCard\n                question={question}\n                formId={formId}\n                eventId={eventId}\n                userUid={userUid}\n                isLocked={isLocked}\n                isOpen={isOpen}\n                onToggle={onToggle}\n                dragHandleProps={!isLocked && !isSystem && !disabled ? { ...attributes, ...listeners } : undefined}\n                onDelete={onDelete}\n                onUpdate={onUpdate}\n                onSave={onSave}\n                onDuplicate={onDuplicate}\n                onCancel={() => onCancel?.(question.id)}\n                isDirty={isDirty}\n                isSaving={isSaving}\n                isNew={isNew}\n                isValid={isValid}\n                errorMessage={errorMessage}\n                scope={scope}\n                participationType={participationType}\n                disableDiscountOption={disableDiscountOption}\n                showValidationErrors={showValidationErrors}\n                storageService={storageService}\n            />\n        </div>\n    );\n}\n"],"names":["jsx"],"mappings":";;;;AAsCO,MAAM,uBAA4D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,+CACK,OAAA,EAAI,WAAU,oCACV,UAAA,cAAc,IAAI,CAAC,OAAO;AACvB,UAAM,WAAW,UAAU,EAAE;AAC7B,QAAI,CAAC,SAAU,QAAO;AAEtB,UAAM,WAAW,qBAAqB;AACtC,UAAM,QAAQ,WAAW,sBAAsB,CAAA;AAE/C,WACIA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR,UAAU,MAAM;AACZ,8BAAoB,WAAW,OAAO,EAAE;AAAA,QAC5C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,MArBC;AAAA,IAAA;AAAA,EAwBjB,CAAC,EAAA,CACL;AAER;AA8BA,SAAS,qBAAqB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA0D;AACtD,QAAM,WAAW,CAAC,aAAa,gBAAgB,EAAE,SAAS,SAAS,IAAI;AAEvE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,YAAY;AAAA,IACZ,IAAI,SAAS;AAAA,IACb,UAAU,YAAY,YAAY;AAAA,EAAA,CACrC;AAED,QAAM,QAAQ;AAAA,IACV,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,IACA,SAAS,aAAa,MAAM;AAAA,IAC5B,QAAQ,aAAa,MAAO;AAAA,EAAA;AAGhC,QAAM,cAAc,YAAY,CAAC;AAEjC,SACIA,kCAAAA,IAAC,OAAA,EAAI,KAAK,YAAY,OAAc,WAAW,yBAAyB,cAAc,wCAAwC,EAAE,IAAI,IAAI,YAAY,SAAS,EAAE,IAC3J,UAAAA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,EAAE,GAAG,YAAY,GAAG,UAAA,IAAc;AAAA,MACzF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,MAAM,qCAAW,SAAS;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"SortableQuestionList.js","sources":["../../../src/components/FormBuilder/SortableQuestionList.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useSortable } from '@dnd-kit/sortable';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport QuestionCard from './QuestionCard';\r\nimport { QuestionDraft } from \"./types\";\r\n\r\ninterface SortableQuestionListProps {\r\n    questions: Record<string, QuestionDraft>;\r\n    questionOrder: string[];\r\n    formId: string;\r\n    eventId: string;\r\n    userUid?: string;\r\n    isLocked: boolean;\r\n    activeQuestionId: string | null;\r\n    onSetActiveQuestion: (id: string | null) => void;\r\n    onDelete: (questionId: string) => void;\r\n    onUpdate: (questionId: string, updates: Partial<QuestionDraft>) => void;\r\n    onSave?: (questionId: string) => void;\r\n    onDuplicate: (questionId: string) => void;\r\n    onCancel: (questionId: string) => void;\r\n    activeQuestionProps?: {\r\n        isDirty: boolean;\r\n        isSaving: boolean;\r\n        isNew: boolean;\r\n        isValid: boolean;\r\n        errorMessage?: string;\r\n    };\r\n    disabled?: boolean;\r\n    showValidationErrors?: boolean;\r\n    scope?: 'INDIVIDUAL' | 'TEAM';\r\n    participationType?: string;\r\n    disableDiscountOption?: boolean;\r\n    storageService?: {\r\n        uploadFile: (path: string, file: File) => Promise<void>;\r\n        downloadFile: (path: string) => Promise<Blob>;\r\n    };\r\n}\r\n\r\nexport const SortableQuestionList: React.FC<SortableQuestionListProps> = ({\r\n    questions,\r\n    questionOrder,\r\n    formId,\r\n    eventId,\r\n    userUid,\r\n    isLocked,\r\n    activeQuestionId,\r\n    onSetActiveQuestion,\r\n    onDelete,\r\n    onUpdate,\r\n    onSave,\r\n    onDuplicate,\r\n    onCancel,\r\n    activeQuestionProps,\r\n    disabled = false,\r\n    scope,\r\n    participationType,\r\n    disableDiscountOption,\r\n    showValidationErrors,\r\n    storageService\r\n}) => {\r\n    return (\r\n        <div className=\"flex flex-col space-y-6\">\r\n            {questionOrder.map((id) => {\r\n                const question = questions[id];\r\n                if (!question) return null;\r\n\r\n                const isActive = activeQuestionId === id;\r\n                const props = isActive ? activeQuestionProps : {};\r\n\r\n                return (\r\n                    <SortableQuestionItem\r\n                        key={id}\r\n                        question={question}\r\n                        formId={formId}\r\n                        eventId={eventId}\r\n                        userUid={userUid}\r\n                        isLocked={isLocked}\r\n                        isOpen={isActive}\r\n                        onToggle={() => {\r\n                            onSetActiveQuestion(isActive ? null : id);\r\n                        }}\r\n                        onDelete={onDelete}\r\n                        onUpdate={onUpdate}\r\n                        onSave={onSave}\r\n                        onDuplicate={onDuplicate}\r\n                        onCancel={onCancel}\r\n                        disabled={disabled}\r\n                        scope={scope}\r\n                        participationType={participationType}\r\n                        disableDiscountOption={disableDiscountOption}\r\n                        showValidationErrors={showValidationErrors}\r\n                        storageService={storageService}\r\n                        {...props}\r\n                    />\r\n                );\r\n            })}\r\n        </div>\r\n    );\r\n};\r\n\r\ninterface SortableQuestionItemProps {\r\n    question: QuestionDraft;\r\n    formId: string;\r\n    eventId: string;\r\n    userUid?: string;\r\n    isLocked: boolean;\r\n    isOpen: boolean;\r\n    onToggle: () => void;\r\n    onDelete?: (questionId: string) => void;\r\n    onUpdate: (questionId: string, updates: Partial<QuestionDraft>) => void;\r\n    onSave?: (questionId: string) => void;\r\n    onDuplicate: (questionId: string) => void;\r\n    onCancel?: (questionId: string) => void;\r\n    isDirty?: boolean;\r\n    isSaving?: boolean;\r\n    isNew?: boolean;\r\n    isValid?: boolean;\r\n    disabled?: boolean;\r\n    scope?: 'INDIVIDUAL' | 'TEAM';\r\n    participationType?: string;\r\n    disableDiscountOption?: boolean;\r\n    showValidationErrors?: boolean;\r\n    storageService?: {\r\n        uploadFile: (path: string, file: File) => Promise<void>;\r\n        downloadFile: (path: string) => Promise<Blob>;\r\n    };\r\n}\r\n\r\nfunction SortableQuestionItem({\r\n    question,\r\n    formId,\r\n    eventId,\r\n    userUid,\r\n    isLocked,\r\n    isOpen,\r\n    onToggle,\r\n    onDelete,\r\n    onUpdate,\r\n    onSave,\r\n    onDuplicate,\r\n    onCancel,\r\n    isDirty,\r\n    isSaving,\r\n    isNew,\r\n    isValid,\r\n    disabled,\r\n    errorMessage,\r\n    scope,\r\n    participationType,\r\n    disableDiscountOption,\r\n    showValidationErrors,\r\n    storageService\r\n}: SortableQuestionItemProps & { errorMessage?: string }) {\r\n    const isSystem = ['TEAM_SIZE', 'NAME_ON_TICKET'].includes(question.kind);\r\n\r\n    const {\r\n        attributes,\r\n        listeners,\r\n        setNodeRef,\r\n        transform,\r\n        transition,\r\n        isDragging,\r\n    } = useSortable({\r\n        id: question.id,\r\n        disabled: isLocked || isSystem || disabled\r\n    });\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        zIndex: isDragging ? 1000 : 'auto',\r\n    };\r\n\r\n    const showTooltip = disabled && !isOpen;\r\n\r\n    return (\r\n        <div ref={setNodeRef} style={style} className={`w-full relative ${showTooltip ? 'cursor-not-allowed opacity-60' : ''}`} id={`question-${question.id}`}>\r\n            <QuestionCard\r\n                question={question}\r\n                formId={formId}\r\n                eventId={eventId}\r\n                userUid={userUid}\r\n                isLocked={isLocked}\r\n                isOpen={isOpen}\r\n                onToggle={onToggle}\r\n                dragHandleProps={!isLocked && !isSystem && !disabled ? { ...attributes, ...listeners } : undefined}\r\n                onDelete={onDelete}\r\n                onUpdate={onUpdate}\r\n                onSave={onSave}\r\n                onDuplicate={onDuplicate}\r\n                onCancel={() => onCancel?.(question.id)}\r\n                isDirty={isDirty}\r\n                isSaving={isSaving}\r\n                isNew={isNew}\r\n                isValid={isValid}\r\n                errorMessage={errorMessage}\r\n                scope={scope}\r\n                participationType={participationType}\r\n                disableDiscountOption={disableDiscountOption}\r\n                showValidationErrors={showValidationErrors}\r\n                storageService={storageService}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n"],"names":[],"mappings":";;;;AAsCO,MAAM,uBAA4D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,6BACK,OAAA,EAAI,WAAU,2BACV,UAAA,cAAc,IAAI,CAAC,OAAO;AACvB,UAAM,WAAW,UAAU,EAAE;AAC7B,QAAI,CAAC,SAAU,QAAO;AAEtB,UAAM,WAAW,qBAAqB;AACtC,UAAM,QAAQ,WAAW,sBAAsB,CAAA;AAE/C,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR,UAAU,MAAM;AACZ,8BAAoB,WAAW,OAAO,EAAE;AAAA,QAC5C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,MArBC;AAAA,IAAA;AAAA,EAwBjB,CAAC,EAAA,CACL;AAER;AA8BA,SAAS,qBAAqB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA0D;AACtD,QAAM,WAAW,CAAC,aAAa,gBAAgB,EAAE,SAAS,SAAS,IAAI;AAEvE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,YAAY;AAAA,IACZ,IAAI,SAAS;AAAA,IACb,UAAU,YAAY,YAAY;AAAA,EAAA,CACrC;AAED,QAAM,QAAQ;AAAA,IACV,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,IACA,SAAS,aAAa,MAAM;AAAA,IAC5B,QAAQ,aAAa,MAAO;AAAA,EAAA;AAGhC,QAAM,cAAc,YAAY,CAAC;AAEjC,SACI,oBAAC,OAAA,EAAI,KAAK,YAAY,OAAc,WAAW,mBAAmB,cAAc,kCAAkC,EAAE,IAAI,IAAI,YAAY,SAAS,EAAE,IAC/I,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,EAAE,GAAG,YAAY,GAAG,UAAA,IAAc;AAAA,MACzF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,MAAM,qCAAW,SAAS;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/FormBuilder/utils.ts"],"sourcesContent":["import { QuestionDraft, FormDraft, QuestionKind } from \"./types\";\n\nexport function sanitizeQuestionData(question: QuestionDraft, newKind: QuestionKind): QuestionDraft {\n    const sanitized = { ...question, kind: newKind };\n\n    const choiceTypes: QuestionKind[] = ['MULTIPLE_CHOICE', 'DROPDOWN', 'CHECKBOX'];\n    if (!choiceTypes.includes(newKind)) {\n        delete sanitized.options;\n    }\n\n    if (newKind !== 'PAYMENT' && newKind !== 'PAYMENT_CHECKBOX') {\n        delete sanitized.Categories;\n    }\n\n    if (newKind !== 'DISCOUNT') {\n        delete sanitized.applies_on;\n        delete sanitized.discount_file_path;\n        delete sanitized.file;\n    }\n\n    if (!['EMAIL', 'PHONE', 'CNIC'].includes(newKind)) {\n        delete sanitized.validation;\n    }\n\n    return sanitized;\n}\n\n// Map API string types to new QuestionKind\nfunction mapKind(type: string): any {\n    const map: Record<string, string> = {\n        '1': 'INPUT_INT',\n        '2': 'INPUT_STR',\n        '3': 'INPUT_FLOAT',\n        '4': 'MULTIPLE_CHOICE',\n        '5': 'DROPDOWN',\n        '7': 'FILE_UPLOAD',\n        '8': 'PAYMENT',\n        '9': 'EMAIL',\n        '10': 'PHONE',\n        '11': 'CNIC',\n        '12': 'CHECKBOX',\n        '13': 'PAYMENT_CHECKBOX',\n        '14': 'DATE',\n        '15': 'DISCOUNT',\n        '16': 'TEAM_SIZE',\n        '17': 'NAME_ON_TICKET',\n    };\n    return map[type] || 'INPUT_STR';\n}\n\nexport function normalizeFormSchema(fields: any[], discountFilePath?: string, individualDiscountFilePath?: string): Partial<FormDraft> {\n    const questions: Record<string, QuestionDraft> = {};\n    const questionOrder: string[] = [];\n\n    fields?.forEach((field) => {\n        const id = crypto.randomUUID();\n        const rawLabel = field.question || field.label || \"Untitled Question\";\n        const label = String(rawLabel);\n        const type = String(field.type);\n\n        const options = field.options?.map((opt: any) => {\n            if (typeof opt === 'string') {\n                return {\n                    id: crypto.randomUUID(),\n                    label: opt,\n                    value: opt\n                };\n            }\n            const optLabel = opt.name ?? opt.label ?? opt.value ?? (typeof opt === 'object' ? '' : String(opt));\n            return {\n                id: crypto.randomUUID(),\n                label: String(optLabel),\n                value: String(opt.value ?? optLabel)\n            };\n        }) || [];\n\n        questions[id] = {\n            id,\n            kind: mapKind(type),\n            label: String(label),\n            originalLabel: String(label),\n            required: field.validation !== undefined ? field.validation : !!field.required,\n            options,\n            placeholder: field.placeholder,\n            individual: field.individual,\n            scope: (field.scope === 'TEAM' || field.scope === 'BOTH') ? field.scope : 'INDIVIDUAL',\n            applies_on: field.applies_on || [],\n            discount_file_path: discountFilePath,\n            individual_discount_file_path: individualDiscountFilePath,\n            Categories: field.Categories?.map((c: any) => ({\n                id: c.id || crypto.randomUUID(),\n                name: c.name || \"\",\n                price: c.price || 0\n            })) || [],\n        };\n        questionOrder.push(id);\n    });\n\n    return {\n        questions,\n        questionOrder,\n    };\n}\n\nexport function reverseMapKind(kind: QuestionKind): string {\n    const map: Record<string, string> = {\n        'INPUT_INT': '1',\n        'INPUT_STR': '2',\n        'INPUT_FLOAT': '3',\n        'MULTIPLE_CHOICE': '4',\n        'DROPDOWN': '5',\n        'FILE_UPLOAD': '7',\n        'PAYMENT': '8',\n        'EMAIL': '9',\n        'PHONE': '10',\n        'CNIC': '11',\n        'CHECKBOX': '12',\n        'PAYMENT_CHECKBOX': '13',\n        'DATE': '14',\n        'DISCOUNT': '15',\n        'TEAM_SIZE': '16',\n        'NAME_ON_TICKET': '17',\n    };\n    return map[kind] || '2';\n}\n\n\n\nexport function denormalizeFormSchema(questions: Record<string, QuestionDraft>, order: string[]): any[] {\n    return order.map(id => {\n        const q = questions[id];\n        if (!q) return null;\n\n        return {\n            question: q.label,\n            label: q.label,\n            type: reverseMapKind(q.kind),\n            required: q.required,\n            validation: q.required, // Legacy support\n            options: q.options?.map(o => ({\n                name: o.label,\n                label: o.label,\n                value: o.value || o.label\n            })),\n            placeholder: q.placeholder,\n            individual: q.individual,\n            scope: q.scope,\n            applies_on: q.applies_on,\n            discount_file_path: q.discount_file_path,\n            Categories: q.Categories?.map(c => ({ \n                name: c.name, \n                price: c.price \n            })),\n        };\n    }).filter(Boolean);\n}\n\nexport function getDiscountFilePath(\n    eventId: string,\n    userUid: string | undefined,\n    participationType: string | undefined,\n    scope: 'INDIVIDUAL' | 'TEAM' | undefined,\n    question: QuestionDraft\n): string {\n    const effectiveScope = scope || question.scope || (question.individual === false ? 'TEAM' : 'INDIVIDUAL');\n    const path = `/data/${userUid}/events/discounts/${eventId}.csv`;\n    const individualPath = `/data/${userUid}/events/discounts/${eventId}_individual.csv`;\n\n    const isBothParticipation = participationType === '3' || participationType === 'BOTH';\n    let targetUploadPath = path;\n\n    if (isBothParticipation && effectiveScope === 'INDIVIDUAL') {\n        targetUploadPath = individualPath;\n    }\n    return targetUploadPath;\n}\n\nexport function truncateMiddle(text: string, maxLength: number = 30): string {\n    if (!text || text.length <= maxLength) return text;\n\n    const startChars = Math.ceil(maxLength / 2);\n    const endChars = Math.floor(maxLength / 2);\n\n    return `${text.substring(0, startChars)}...${text.substring(text.length - endChars)}`;\n}\n\nexport function validateQuestionError(\n    q: QuestionDraft | undefined,\n    questions: Record<string, QuestionDraft>,\n    participationType?: string,\n    isSameQuestionTitleAllowed?: boolean\n): string | null {\n    if (!q) return null;\n    if (!q.label?.trim()) return \"Question title is required.\";\n\n    // Duplicate Title Check\n    if (!isSameQuestionTitleAllowed) {\n        const normalizedLabel = q.label.trim().toLowerCase();\n        const isBothParticipation = participationType === '3' || participationType === 'BOTH';\n\n        const hasDuplicate = Object.values(questions).some(other => {\n            if (other.id === q.id) return false;\n            const otherLabel = other.label?.trim().toLowerCase();\n            if (otherLabel !== normalizedLabel) return false;\n\n            // If names match, check scope collision\n            if (isBothParticipation) {\n                const qScope = q.scope || (q.individual === false ? 'TEAM' : 'INDIVIDUAL');\n                const otherScope = other.scope || (other.individual === false ? 'TEAM' : 'INDIVIDUAL');\n\n                if (qScope === 'BOTH' || otherScope === 'BOTH') return true;\n                if (qScope === otherScope) return true;\n\n                return false;\n            }\n\n            return true;\n        });\n\n        if (hasDuplicate) {\n            return \"A question already exists with same title.\";\n        }\n    }\n\n    // Kind Specific Validation\n    if (['MULTIPLE_CHOICE', 'CHECKBOX', 'DROPDOWN'].includes(q.kind)) {\n        if (!q.options || q.options.length < 2) return \"At least 2 options are required.\";\n        const hasInvalidOption = q.options.some(o => !o.label || !o.label.trim());\n        if (hasInvalidOption) return \"All options must have a label.\";\n\n        const labels = new Set();\n        const hasDuplicate = q.options.some(o => {\n            const label = o.label?.trim().toLowerCase();\n            if (labels.has(label)) return true;\n            labels.add(label);\n            return false;\n        });\n        if (hasDuplicate) return \"Duplicate options found.\";\n    }\n\n    if (['PAYMENT', 'PAYMENT_CHECKBOX'].includes(q.kind)) {\n        if (!q.Categories || q.Categories.length === 0) return \"At least 1 category is required.\";\n        const hasInvalidCategory = q.Categories.some(c => !c.name || !c.name.trim());\n        if (hasInvalidCategory) return \"All categories must have a name.\";\n\n        const names = new Set();\n        const hasDuplicate = q.Categories.some(c => {\n            const name = c.name?.trim().toLowerCase();\n            if (names.has(name)) return true;\n            names.add(name);\n            return false;\n        });\n        if (hasDuplicate) return \"Duplicate categories found.\";\n    }\n\n    if (q.kind === 'DISCOUNT') {\n        const hasFile = !!q.file || !!q.file_name || !!q.discount_file_path || !!q.individual_discount_file_path;\n        if (!hasFile) return \"Please upload a CSV file.\";\n\n        if (!q.applies_on || q.applies_on.length === 0) {\n            return \"Please select at least one item it applies on.\";\n        }\n    }\n\n    return null;\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/FormBuilder/utils.ts"],"sourcesContent":["import { QuestionDraft, FormDraft, QuestionKind } from \"./types\";\r\n\r\nexport function sanitizeQuestionData(question: QuestionDraft, newKind: QuestionKind): QuestionDraft {\r\n    const sanitized = { ...question, kind: newKind };\r\n\r\n    const choiceTypes: QuestionKind[] = ['MULTIPLE_CHOICE', 'DROPDOWN', 'CHECKBOX'];\r\n    if (!choiceTypes.includes(newKind)) {\r\n        delete sanitized.options;\r\n    }\r\n\r\n    if (newKind !== 'PAYMENT' && newKind !== 'PAYMENT_CHECKBOX') {\r\n        delete sanitized.Categories;\r\n    }\r\n\r\n    if (newKind !== 'DISCOUNT') {\r\n        delete sanitized.applies_on;\r\n        delete sanitized.discount_file_path;\r\n        delete sanitized.file;\r\n    }\r\n\r\n    if (!['EMAIL', 'PHONE', 'CNIC'].includes(newKind)) {\r\n        delete sanitized.validation;\r\n    }\r\n\r\n    return sanitized;\r\n}\r\n\r\n// Map API string types to new QuestionKind\r\nfunction mapKind(type: string): any {\r\n    const map: Record<string, string> = {\r\n        '1': 'INPUT_INT',\r\n        '2': 'INPUT_STR',\r\n        '3': 'INPUT_FLOAT',\r\n        '4': 'MULTIPLE_CHOICE',\r\n        '5': 'DROPDOWN',\r\n        '7': 'FILE_UPLOAD',\r\n        '8': 'PAYMENT',\r\n        '9': 'EMAIL',\r\n        '10': 'PHONE',\r\n        '11': 'CNIC',\r\n        '12': 'CHECKBOX',\r\n        '13': 'PAYMENT_CHECKBOX',\r\n        '14': 'DATE',\r\n        '15': 'DISCOUNT',\r\n        '16': 'TEAM_SIZE',\r\n        '17': 'NAME_ON_TICKET',\r\n    };\r\n    return map[type] || 'INPUT_STR';\r\n}\r\n\r\nexport function normalizeFormSchema(fields: any[], discountFilePath?: string, individualDiscountFilePath?: string): Partial<FormDraft> {\r\n    const questions: Record<string, QuestionDraft> = {};\r\n    const questionOrder: string[] = [];\r\n\r\n    fields?.forEach((field) => {\r\n        const id = crypto.randomUUID();\r\n        const rawLabel = field.question || field.label || \"Untitled Question\";\r\n        const label = String(rawLabel);\r\n        const type = String(field.type);\r\n\r\n        const options = field.options?.map((opt: any) => {\r\n            if (typeof opt === 'string') {\r\n                return {\r\n                    id: crypto.randomUUID(),\r\n                    label: opt,\r\n                    value: opt\r\n                };\r\n            }\r\n            const optLabel = opt.name ?? opt.label ?? opt.value ?? (typeof opt === 'object' ? '' : String(opt));\r\n            return {\r\n                id: crypto.randomUUID(),\r\n                label: String(optLabel),\r\n                value: String(opt.value ?? optLabel)\r\n            };\r\n        }) || [];\r\n\r\n        questions[id] = {\r\n            id,\r\n            kind: mapKind(type),\r\n            label: String(label),\r\n            originalLabel: String(label),\r\n            required: field.validation !== undefined ? field.validation : !!field.required,\r\n            options,\r\n            placeholder: field.placeholder,\r\n            individual: field.individual,\r\n            scope: (field.scope === 'TEAM' || field.scope === 'BOTH') ? field.scope : 'INDIVIDUAL',\r\n            applies_on: field.applies_on || [],\r\n            discount_file_path: discountFilePath,\r\n            individual_discount_file_path: individualDiscountFilePath,\r\n            Categories: field.Categories?.map((c: any) => ({\r\n                id: c.id || crypto.randomUUID(),\r\n                name: c.name || \"\",\r\n                price: c.price || 0\r\n            })) || [],\r\n        };\r\n        questionOrder.push(id);\r\n    });\r\n\r\n    return {\r\n        questions,\r\n        questionOrder,\r\n    };\r\n}\r\n\r\nexport function reverseMapKind(kind: QuestionKind): string {\r\n    const map: Record<string, string> = {\r\n        'INPUT_INT': '1',\r\n        'INPUT_STR': '2',\r\n        'INPUT_FLOAT': '3',\r\n        'MULTIPLE_CHOICE': '4',\r\n        'DROPDOWN': '5',\r\n        'FILE_UPLOAD': '7',\r\n        'PAYMENT': '8',\r\n        'EMAIL': '9',\r\n        'PHONE': '10',\r\n        'CNIC': '11',\r\n        'CHECKBOX': '12',\r\n        'PAYMENT_CHECKBOX': '13',\r\n        'DATE': '14',\r\n        'DISCOUNT': '15',\r\n        'TEAM_SIZE': '16',\r\n        'NAME_ON_TICKET': '17',\r\n    };\r\n    return map[kind] || '2';\r\n}\r\n\r\n\r\n\r\nexport function denormalizeFormSchema(questions: Record<string, QuestionDraft>, order: string[]): any[] {\r\n    return order.map(id => {\r\n        const q = questions[id];\r\n        if (!q) return null;\r\n\r\n        return {\r\n            question: q.label,\r\n            label: q.label,\r\n            type: reverseMapKind(q.kind),\r\n            required: q.required,\r\n            validation: q.required, // Legacy support\r\n            options: q.options?.map(o => ({\r\n                name: o.label,\r\n                label: o.label,\r\n                value: o.value || o.label\r\n            })),\r\n            placeholder: q.placeholder,\r\n            individual: q.individual,\r\n            scope: q.scope,\r\n            applies_on: q.applies_on,\r\n            discount_file_path: q.discount_file_path,\r\n            Categories: q.Categories?.map(c => ({ \r\n                name: c.name, \r\n                price: c.price \r\n            })),\r\n        };\r\n    }).filter(Boolean);\r\n}\r\n\r\nexport function getDiscountFilePath(\r\n    eventId: string,\r\n    userUid: string | undefined,\r\n    participationType: string | undefined,\r\n    scope: 'INDIVIDUAL' | 'TEAM' | undefined,\r\n    question: QuestionDraft\r\n): string {\r\n    const effectiveScope = scope || question.scope || (question.individual === false ? 'TEAM' : 'INDIVIDUAL');\r\n    const path = `/data/${userUid}/events/discounts/${eventId}.csv`;\r\n    const individualPath = `/data/${userUid}/events/discounts/${eventId}_individual.csv`;\r\n\r\n    const isBothParticipation = participationType === '3' || participationType === 'BOTH';\r\n    let targetUploadPath = path;\r\n\r\n    if (isBothParticipation && effectiveScope === 'INDIVIDUAL') {\r\n        targetUploadPath = individualPath;\r\n    }\r\n    return targetUploadPath;\r\n}\r\n\r\nexport function truncateMiddle(text: string, maxLength: number = 30): string {\r\n    if (!text || text.length <= maxLength) return text;\r\n\r\n    const startChars = Math.ceil(maxLength / 2);\r\n    const endChars = Math.floor(maxLength / 2);\r\n\r\n    return `${text.substring(0, startChars)}...${text.substring(text.length - endChars)}`;\r\n}\r\n\r\nexport function validateQuestionError(\r\n    q: QuestionDraft | undefined,\r\n    questions: Record<string, QuestionDraft>,\r\n    participationType?: string,\r\n    isSameQuestionTitleAllowed?: boolean\r\n): string | null {\r\n    if (!q) return null;\r\n    if (!q.label?.trim()) return \"Question title is required.\";\r\n\r\n    // Duplicate Title Check\r\n    if (!isSameQuestionTitleAllowed) {\r\n        const normalizedLabel = q.label.trim().toLowerCase();\r\n        const isBothParticipation = participationType === '3' || participationType === 'BOTH';\r\n\r\n        const hasDuplicate = Object.values(questions).some(other => {\r\n            if (other.id === q.id) return false;\r\n            const otherLabel = other.label?.trim().toLowerCase();\r\n            if (otherLabel !== normalizedLabel) return false;\r\n\r\n            // If names match, check scope collision\r\n            if (isBothParticipation) {\r\n                const qScope = q.scope || (q.individual === false ? 'TEAM' : 'INDIVIDUAL');\r\n                const otherScope = other.scope || (other.individual === false ? 'TEAM' : 'INDIVIDUAL');\r\n\r\n                if (qScope === 'BOTH' || otherScope === 'BOTH') return true;\r\n                if (qScope === otherScope) return true;\r\n\r\n                return false;\r\n            }\r\n\r\n            return true;\r\n        });\r\n\r\n        if (hasDuplicate) {\r\n            return \"A question already exists with same title.\";\r\n        }\r\n    }\r\n\r\n    // Kind Specific Validation\r\n    if (['MULTIPLE_CHOICE', 'CHECKBOX', 'DROPDOWN'].includes(q.kind)) {\r\n        if (!q.options || q.options.length < 2) return \"At least 2 options are required.\";\r\n        const hasInvalidOption = q.options.some(o => !o.label || !o.label.trim());\r\n        if (hasInvalidOption) return \"All options must have a label.\";\r\n\r\n        const labels = new Set();\r\n        const hasDuplicate = q.options.some(o => {\r\n            const label = o.label?.trim().toLowerCase();\r\n            if (labels.has(label)) return true;\r\n            labels.add(label);\r\n            return false;\r\n        });\r\n        if (hasDuplicate) return \"Duplicate options found.\";\r\n    }\r\n\r\n    if (['PAYMENT', 'PAYMENT_CHECKBOX'].includes(q.kind)) {\r\n        if (!q.Categories || q.Categories.length === 0) return \"At least 1 category is required.\";\r\n        const hasInvalidCategory = q.Categories.some(c => !c.name || !c.name.trim());\r\n        if (hasInvalidCategory) return \"All categories must have a name.\";\r\n\r\n        const names = new Set();\r\n        const hasDuplicate = q.Categories.some(c => {\r\n            const name = c.name?.trim().toLowerCase();\r\n            if (names.has(name)) return true;\r\n            names.add(name);\r\n            return false;\r\n        });\r\n        if (hasDuplicate) return \"Duplicate categories found.\";\r\n    }\r\n\r\n    if (q.kind === 'DISCOUNT') {\r\n        const hasFile = !!q.file || !!q.file_name || !!q.discount_file_path || !!q.individual_discount_file_path;\r\n        if (!hasFile) return \"Please upload a CSV file.\";\r\n\r\n        if (!q.applies_on || q.applies_on.length === 0) {\r\n            return \"Please select at least one item it applies on.\";\r\n        }\r\n    }\r\n\r\n    return null;\r\n}\r\n"],"names":["_a"],"mappings":"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"}

package/dist/components/FormInput/FormInput.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useState, useRef, useEffect } from "react";
 import { FontAwesomeIcon } from "../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
 import { faEyeSlash, faEye } from "../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
@@ -37,16 +37,16 @@ const FormInput = ({
       localInputRef.current.focus();
     }
   }, [autoFocus]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ui-text-sm ui-space-y-2 ${className} ${animated ? "ui-group" : ""}`, children: [
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-flex ui-items-center ui-justify-between", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-w-full ui-flex ui-items-center ui-gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "ui-text-sm ui-font-medium ui-text-gray-700 ui-block", children: [
+  return /* @__PURE__ */ jsxs("div", { className: `text-sm space-y-2 ${className} ${animated ? "group" : ""}`, children: [
+    label && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium text-gray-700 block", children: [
         label,
         " ",
-        required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ui-text-red-500", children: "*" })
+        required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
       ] }),
-      tooltip && /* @__PURE__ */ jsxRuntimeExports.jsx(InformationPopover, { text: tooltip })
+      tooltip && /* @__PURE__ */ jsx(InformationPopover, { text: tooltip })
     ] }) }),
-    isTextArea ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-relative ui-space-y-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    isTextArea ? /* @__PURE__ */ jsx("div", { className: "relative space-y-1", children: /* @__PURE__ */ jsx(
       "textarea",
       {
         value,
@@ -54,19 +54,19 @@ const FormInput = ({
         placeholder,
         disabled,
         className: cn(
-          "ui-w-full ui-min-h-[150px] ui-p-3 ui-text-sm ui-text-gray-900 ui-border ui-rounded-lg ui-outline-none focus:ui-ring-2 focus:ui-ring-primaryx-500/20 focus:ui-border-primaryx-500",
-          error ? "ui-border-red-500" : "ui-border-gray-300"
+          "w-full min-h-[150px] p-3 text-sm text-gray-900 border rounded-lg outline-none focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500",
+          error ? "border-red-500" : "border-gray-300"
         )
       }
-    ) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn(
-      "ui-relative ui-flex ui-items-center",
-      animated ? "ui-bg-white ui-rounded-xl ui-px-3 ui-py-2 ui-transition-all ui-duration-200 hover:ui-shadow-sm focus-within:ui-shadow-md ui-overflow-hidden" : "",
-      animated && error ? "ui-ring-2 ui-ring-red-500" : "",
+    ) }) : /* @__PURE__ */ jsxs("div", { className: cn(
+      "relative flex items-center",
+      animated ? "bg-white rounded-xl px-3 py-2 transition-all duration-200 hover:shadow-sm focus-within:shadow-md overflow-hidden" : "",
+      animated && error ? "ring-2 ring-red-500" : "",
       inputCon,
-      error && "ui-rounded-xl"
+      error && "rounded-xl"
     ), children: [
-      Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "ui-absolute ui-left-3 ui-top-1/2 ui-transform ui--translate-y-1/2 ui-text-gray-400 ui-h-5 ui-w-5" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Icon && /* @__PURE__ */ jsx(Icon, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-5 w-5" }),
+      /* @__PURE__ */ jsx(
         "input",
         {
           ref: localInputRef,
@@ -93,30 +93,30 @@ const FormInput = ({
           min: min || (inputType == "number" ? 0 : void 0),
           required,
           className: cn(
-            animated ? `ui-w-full ui-text-[26px] ui-font-medium placeholder:ui-text-gray-400/60 ui-outline-none ui-border-none focus:ui-outline-none focus:ui-ring-0 ui-p-0 ui-bg-transparent ui-transition-colors ui-duration-200 ui-text-gray-900 ui-cursor-text` : `ui-text-sm ui-w-full ${Icon ? "ui-pl-10" : "ui-pl-3"} ui-py-2 ui-border ${error ? "ui-border-red-500" : "ui-border-gray-300 hover:ui-border-gray-400"} ui-rounded-lg focus:ui-ring-2 focus:ui-ring-primaryx-500/20 focus:ui-border-primaryx-500 ui-transition-all ui-duration-200 ui-text-gray-900 placeholder-ui-gray-400 ui-bg-white ${showPasswordToggle ? "ui-pr-10" : "ui-pr-3"} ${suffix ? "ui-pr-12" : ""} ${disabled ? "ui-bg-gray-50 ui-cursor-not-allowed" : ""}`,
+            animated ? `w-full text-[26px] font-medium placeholder:text-gray-400/60 outline-none border-none focus:outline-none focus:ring-0 p-0 bg-transparent transition-colors duration-200 text-gray-900 cursor-text` : `text-sm w-full ${Icon ? "pl-10" : "pl-3"} py-2 border ${error ? "border-red-500" : "border-gray-300 hover:border-gray-400"} rounded-lg focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500 transition-all duration-200 text-gray-900 placeholder-gray-400 bg-white ${showPasswordToggle ? "pr-10" : "pr-3"} ${suffix ? "pr-12" : ""} ${disabled ? "bg-gray-50 cursor-not-allowed" : ""}`,
             inputClassName
           )
         }
       ),
-      prefix && !animated && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ui-absolute ui-left-10 ui-top-1/2 ui-transform ui--translate-y-1/2 ui-text-gray-900 ui-text-sm", children: prefix }),
-      suffix && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ui-absolute ui-right-3 ui-top-1/2 ui--translate-y-1/2 ui-text-md ui-text-gray-900 ui-pointer-events-none ui-uppercase", children: suffix }),
-      showPasswordToggle && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      prefix && !animated && /* @__PURE__ */ jsx("span", { className: "absolute left-10 top-1/2 transform -translate-y-1/2 text-gray-900 text-sm", children: prefix }),
+      suffix && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-md text-gray-900 pointer-events-none uppercase", children: suffix }),
+      showPasswordToggle && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           onClick: () => setShowPassword((prev) => !prev),
-          className: "ui-absolute ui-right-3 ui-top-1/2 ui-transform ui--translate-y-1/2 ui-text-sm ui-text-gray-500 hover:ui-text-gray-700 focus:ui-outline-none",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: showPassword ? faEyeSlash : faEye })
+          className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-sm text-gray-500 hover:text-gray-700 focus:outline-none",
+          children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: showPassword ? faEyeSlash : faEye })
         }
       ),
-      animated && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-absolute ui-bottom-0 ui-left-0 ui-right-0 ui-h-0.5 ui-overflow-hidden", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-absolute ui-inset-0 ui-bg-gray-300 ui-rounded-full" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `ui-absolute ui-inset-0 ui-rounded-full ui-transform ui-origin-left ui-transition-transform ui-duration-300 ui-ease-out ${error ? "" : "ui-bg-primaryx-500 ui-group-hover:ui-scale-x-100 ui-scale-x-0"}` }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `ui-absolute ui-inset-0 ui-rounded-full ui-transform ui-origin-left ui-transition-transform ui-duration-300 ui-ease-out ${error ? "" : "ui-bg-primaryx-500 ui-group-focus-within:ui-scale-x-100 ui-scale-x-0"}` })
+      animated && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-0 left-0 right-0 h-0.5 overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gray-300 rounded-full" }),
+        /* @__PURE__ */ jsx("div", { className: `absolute inset-0 rounded-full transform origin-left transition-transform duration-300 ease-out ${error ? "" : "bg-primaryx-500 group-hover:scale-x-100 scale-x-0"}` }),
+        /* @__PURE__ */ jsx("div", { className: `absolute inset-0 rounded-full transform origin-left transition-transform duration-300 ease-out ${error ? "" : "bg-primaryx-500 group-focus-within:scale-x-100 scale-x-0"}` })
       ] })
     ] }),
-    description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-xs ui-text-gray-500", children: description }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(InputErrorMessage, { error: error || "" })
+    description && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: description }),
+    /* @__PURE__ */ jsx(InputErrorMessage, { error: error || "" })
   ] });
 };
 const FormInput$1 = memo(FormInput);

package/dist/components/FormInput/FormInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import React, { memo, useState, useRef, useEffect } from 'react';\nimport { LucideIcon } from 'lucide-react';\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faEye, faEyeSlash } from \"@fortawesome/free-solid-svg-icons\";\nimport { cn } from '../../utils/cn';\nimport InputErrorMessage from '../InputErrorMessage/InputErrorMessage';\nimport InformationPopover from '../InformationPopover/InformationPopover';\n\nexport interface FormInputProps {\n    label?: string;\n    icon?: LucideIcon;\n    type: string;\n    placeholder: string;\n    value: string;\n    onChange: (e: React.ChangeEvent<HTMLInputElement> | string) => void;\n    onBlur?: () => void;\n    error?: string;\n    showPasswordToggle?: boolean;\n    required?: boolean;\n    description?: string;\n    disabled?: boolean;\n    min?: number;\n    isTextArea?: boolean;\n    className?: string;\n    inputCon?: string;\n    inputClassName?: string;\n    animated?: boolean;\n    autoFocus?: boolean;\n    tooltip?: string;\n    suffix?: string;\n    prefix?: string;\n}\n\nconst FormInput = ({\n    label,\n    icon: Icon,\n    type,\n    placeholder,\n    value,\n    onChange,\n    onBlur,\n    error,\n    showPasswordToggle = false,\n    required = false,\n    description,\n    disabled,\n    min,\n    prefix,\n    isTextArea = false,\n    className = \"\",\n    inputCon = \"\",\n    inputClassName = \"\",\n    animated = false,\n    autoFocus = false,\n    tooltip,\n    suffix,\n}: FormInputProps) => {\n    const [showPassword, setShowPassword] = useState(false);\n    const inputType = showPasswordToggle && showPassword ? \"text\" : type;\n    const localInputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (autoFocus && localInputRef.current) {\n            localInputRef.current.focus();\n        }\n    }, [autoFocus]);\n\n    return (\n        <div className={`ui-text-sm ui-space-y-2 ${className} ${animated ? 'ui-group' : ''}`}>\n            {label && (\n                <div className=\"ui-flex ui-items-center ui-justify-between\">\n                    <div className=\"ui-w-full ui-flex ui-items-center ui-gap-2\">\n                        <label className=\"ui-text-sm ui-font-medium ui-text-gray-700 ui-block\">\n                            {label} {required && <span className=\"ui-text-red-500\">*</span>}\n                        </label>\n                        {tooltip && <InformationPopover text={tooltip} />}\n                    </div>\n                </div>\n            )}\n\n            {isTextArea ? (\n                <div className=\"ui-relative ui-space-y-1\">\n                    {/* Placeholder for RichTextEditor or falling back to simple textarea for now */}\n                    <textarea\n                        value={value}\n                        onChange={(e) => onChange(e.target.value)}\n                        placeholder={placeholder}\n                        disabled={disabled}\n                        className={cn(\n                            \"ui-w-full ui-min-h-[150px] ui-p-3 ui-text-sm ui-text-gray-900 ui-border ui-rounded-lg ui-outline-none focus:ui-ring-2 focus:ui-ring-primaryx-500/20 focus:ui-border-primaryx-500\",\n                            error ? \"ui-border-red-500\" : \"ui-border-gray-300\"\n                        )}\n                    />\n                </div>\n            ) : (\n                <div className={cn(\n                    \"ui-relative ui-flex ui-items-center\",\n                    animated ? 'ui-bg-white ui-rounded-xl ui-px-3 ui-py-2 ui-transition-all ui-duration-200 hover:ui-shadow-sm focus-within:ui-shadow-md ui-overflow-hidden' : '',\n                    animated && error ? 'ui-ring-2 ui-ring-red-500' : '',\n                    inputCon,\n                    error && 'ui-rounded-xl'\n                )}>\n                    {Icon && <Icon className=\"ui-absolute ui-left-3 ui-top-1/2 ui-transform ui--translate-y-1/2 ui-text-gray-400 ui-h-5 ui-w-5\" />}\n\n                    <input\n                        ref={localInputRef}\n                        type={inputType}\n                        placeholder={placeholder}\n                        value={value}\n                        onChange={onChange as (e: React.ChangeEvent<HTMLInputElement>) => void}\n                        onKeyDown={(e) => {\n                            if (type === \"number\" && [\"e\", \"E\", \"+\", \"-\", \".\"].includes(e.key)) {\n                                e.preventDefault();\n                            }\n                        }}\n                        onWheel={(e) => type === \"number\" && e.currentTarget.blur()}\n                        onBlur={() => {\n                            if (typeof value === 'string') {\n                                const trimmed = value?.trim() || \"\";\n                                if (trimmed !== value) {\n                                    onChange({ target: { value: trimmed } } as any);\n                                }\n                            }\n                            if (onBlur) onBlur();\n                        }}\n                        disabled={disabled}\n                        min={min || (inputType == \"number\" ? 0 : undefined)}\n                        required={required}\n                        className={cn(\n                            animated\n                                ? `ui-w-full ui-text-[26px] ui-font-medium placeholder:ui-text-gray-400/60 ui-outline-none ui-border-none focus:ui-outline-none focus:ui-ring-0 ui-p-0 ui-bg-transparent ui-transition-colors ui-duration-200 ui-text-gray-900 ui-cursor-text`\n                                : `ui-text-sm ui-w-full ${Icon ? 'ui-pl-10' : 'ui-pl-3'} ui-py-2 ui-border ${\n                                      error ? 'ui-border-red-500' : 'ui-border-gray-300 hover:ui-border-gray-400'\n                                  } ui-rounded-lg focus:ui-ring-2 focus:ui-ring-primaryx-500/20 focus:ui-border-primaryx-500 ui-transition-all ui-duration-200 ui-text-gray-900 placeholder-ui-gray-400 ui-bg-white ${\n                                      showPasswordToggle ? 'ui-pr-10' : 'ui-pr-3'\n                                  } ${suffix ? 'ui-pr-12' : ''} ${disabled ? 'ui-bg-gray-50 ui-cursor-not-allowed' : ''}`,\n                            inputClassName\n                        )}\n                    />\n\n                    {prefix && !animated && (\n                        <span className=\"ui-absolute ui-left-10 ui-top-1/2 ui-transform ui--translate-y-1/2 ui-text-gray-900 ui-text-sm\">\n                            {prefix}\n                        </span>\n                    )}\n\n                    {suffix && (\n                        <span className=\"ui-absolute ui-right-3 ui-top-1/2 ui--translate-y-1/2 ui-text-md ui-text-gray-900 ui-pointer-events-none ui-uppercase\">\n                            {suffix}\n                        </span>\n                    )}\n\n                    {showPasswordToggle && (\n                        <button\n                            type=\"button\"\n                            onClick={() => setShowPassword(prev => !prev)}\n                            className=\"ui-absolute ui-right-3 ui-top-1/2 ui-transform ui--translate-y-1/2 ui-text-sm ui-text-gray-500 hover:ui-text-gray-700 focus:ui-outline-none\"\n                        >\n                            <FontAwesomeIcon icon={showPassword ? faEyeSlash : faEye} />\n                        </button>\n                    )}\n\n                    {animated && (\n                        <div className=\"ui-absolute ui-bottom-0 ui-left-0 ui-right-0 ui-h-0.5 ui-overflow-hidden\">\n                            <div className=\"ui-absolute ui-inset-0 ui-bg-gray-300 ui-rounded-full\" />\n                            <div className={`ui-absolute ui-inset-0 ui-rounded-full ui-transform ui-origin-left ui-transition-transform ui-duration-300 ui-ease-out ${error ? '' : 'ui-bg-primaryx-500 ui-group-hover:ui-scale-x-100 ui-scale-x-0'}`} />\n                            <div className={`ui-absolute ui-inset-0 ui-rounded-full ui-transform ui-origin-left ui-transition-transform ui-duration-300 ui-ease-out ${error ? '' : 'ui-bg-primaryx-500 ui-group-focus-within:ui-scale-x-100 ui-scale-x-0'}`} />\n                        </div>\n                    )}\n                </div>\n            )}\n            {description && <p className=\"ui-text-xs ui-text-gray-500\">{description}</p>}\n            <InputErrorMessage error={error || \"\"} />\n        </div>\n    );\n};\n\nexport default memo(FormInput);\n"],"names":["jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import React, { memo, useState, useRef, useEffect } from 'react';\r\nimport { LucideIcon } from 'lucide-react';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEye, faEyeSlash } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { cn } from '../../utils/cn';\r\nimport InputErrorMessage from '../InputErrorMessage/InputErrorMessage';\r\nimport InformationPopover from '../InformationPopover/InformationPopover';\r\n\r\nexport interface FormInputProps {\r\n    label?: string;\r\n    icon?: LucideIcon;\r\n    type: string;\r\n    placeholder: string;\r\n    value: string;\r\n    onChange: (e: React.ChangeEvent<HTMLInputElement> | string) => void;\r\n    onBlur?: () => void;\r\n    error?: string;\r\n    showPasswordToggle?: boolean;\r\n    required?: boolean;\r\n    description?: string;\r\n    disabled?: boolean;\r\n    min?: number;\r\n    isTextArea?: boolean;\r\n    className?: string;\r\n    inputCon?: string;\r\n    inputClassName?: string;\r\n    animated?: boolean;\r\n    autoFocus?: boolean;\r\n    tooltip?: string;\r\n    suffix?: string;\r\n    prefix?: string;\r\n}\r\n\r\nconst FormInput = ({\r\n    label,\r\n    icon: Icon,\r\n    type,\r\n    placeholder,\r\n    value,\r\n    onChange,\r\n    onBlur,\r\n    error,\r\n    showPasswordToggle = false,\r\n    required = false,\r\n    description,\r\n    disabled,\r\n    min,\r\n    prefix,\r\n    isTextArea = false,\r\n    className = \"\",\r\n    inputCon = \"\",\r\n    inputClassName = \"\",\r\n    animated = false,\r\n    autoFocus = false,\r\n    tooltip,\r\n    suffix,\r\n}: FormInputProps) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n    const inputType = showPasswordToggle && showPassword ? \"text\" : type;\r\n    const localInputRef = useRef<HTMLInputElement>(null);\r\n\r\n    useEffect(() => {\r\n        if (autoFocus && localInputRef.current) {\r\n            localInputRef.current.focus();\r\n        }\r\n    }, [autoFocus]);\r\n\r\n    return (\r\n        <div className={`text-sm space-y-2 ${className} ${animated ? 'group' : ''}`}>\r\n            {label && (\r\n                <div className=\"flex items-center justify-between\">\r\n                    <div className=\"w-full flex items-center gap-2\">\r\n                        <label className=\"text-sm font-medium text-gray-700 block\">\r\n                            {label} {required && <span className=\"text-red-500\">*</span>}\r\n                        </label>\r\n                        {tooltip && <InformationPopover text={tooltip} />}\r\n                    </div>\r\n                </div>\r\n            )}\r\n\r\n            {isTextArea ? (\r\n                <div className=\"relative space-y-1\">\r\n                    {/* Placeholder for RichTextEditor or falling back to simple textarea for now */}\r\n                    <textarea\r\n                        value={value}\r\n                        onChange={(e) => onChange(e.target.value)}\r\n                        placeholder={placeholder}\r\n                        disabled={disabled}\r\n                        className={cn(\r\n                            \"w-full min-h-[150px] p-3 text-sm text-gray-900 border rounded-lg outline-none focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500\",\r\n                            error ? \"border-red-500\" : \"border-gray-300\"\r\n                        )}\r\n                    />\r\n                </div>\r\n            ) : (\r\n                <div className={cn(\r\n                    \"relative flex items-center\",\r\n                    animated ? 'bg-white rounded-xl px-3 py-2 transition-all duration-200 hover:shadow-sm focus-within:shadow-md overflow-hidden' : '',\r\n                    animated && error ? 'ring-2 ring-red-500' : '',\r\n                    inputCon,\r\n                    error && 'rounded-xl'\r\n                )}>\r\n                    {Icon && <Icon className=\"absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-5 w-5\" />}\r\n\r\n                    <input\r\n                        ref={localInputRef}\r\n                        type={inputType}\r\n                        placeholder={placeholder}\r\n                        value={value}\r\n                        onChange={onChange as (e: React.ChangeEvent<HTMLInputElement>) => void}\r\n                        onKeyDown={(e) => {\r\n                            if (type === \"number\" && [\"e\", \"E\", \"+\", \"-\", \".\"].includes(e.key)) {\r\n                                e.preventDefault();\r\n                            }\r\n                        }}\r\n                        onWheel={(e) => type === \"number\" && e.currentTarget.blur()}\r\n                        onBlur={() => {\r\n                            if (typeof value === 'string') {\r\n                                const trimmed = value?.trim() || \"\";\r\n                                if (trimmed !== value) {\r\n                                    onChange({ target: { value: trimmed } } as any);\r\n                                }\r\n                            }\r\n                            if (onBlur) onBlur();\r\n                        }}\r\n                        disabled={disabled}\r\n                        min={min || (inputType == \"number\" ? 0 : undefined)}\r\n                        required={required}\r\n                        className={cn(\r\n                            animated\r\n                                ? `w-full text-[26px] font-medium placeholder:text-gray-400/60 outline-none border-none focus:outline-none focus:ring-0 p-0 bg-transparent transition-colors duration-200 text-gray-900 cursor-text`\r\n                                : `text-sm w-full ${Icon ? 'pl-10' : 'pl-3'} py-2 border ${\r\n                                      error ? 'border-red-500' : 'border-gray-300 hover:border-gray-400'\r\n                                  } rounded-lg focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500 transition-all duration-200 text-gray-900 placeholder-gray-400 bg-white ${\r\n                                      showPasswordToggle ? 'pr-10' : 'pr-3'\r\n                                  } ${suffix ? 'pr-12' : ''} ${disabled ? 'bg-gray-50 cursor-not-allowed' : ''}`,\r\n                            inputClassName\r\n                        )}\r\n                    />\r\n\r\n                    {prefix && !animated && (\r\n                        <span className=\"absolute left-10 top-1/2 transform -translate-y-1/2 text-gray-900 text-sm\">\r\n                            {prefix}\r\n                        </span>\r\n                    )}\r\n\r\n                    {suffix && (\r\n                        <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-md text-gray-900 pointer-events-none uppercase\">\r\n                            {suffix}\r\n                        </span>\r\n                    )}\r\n\r\n                    {showPasswordToggle && (\r\n                        <button\r\n                            type=\"button\"\r\n                            onClick={() => setShowPassword(prev => !prev)}\r\n                            className=\"absolute right-3 top-1/2 transform -translate-y-1/2 text-sm text-gray-500 hover:text-gray-700 focus:outline-none\"\r\n                        >\r\n                            <FontAwesomeIcon icon={showPassword ? faEyeSlash : faEye} />\r\n                        </button>\r\n                    )}\r\n\r\n                    {animated && (\r\n                        <div className=\"absolute bottom-0 left-0 right-0 h-0.5 overflow-hidden\">\r\n                            <div className=\"absolute inset-0 bg-gray-300 rounded-full\" />\r\n                            <div className={`absolute inset-0 rounded-full transform origin-left transition-transform duration-300 ease-out ${error ? '' : 'bg-primaryx-500 group-hover:scale-x-100 scale-x-0'}`} />\r\n                            <div className={`absolute inset-0 rounded-full transform origin-left transition-transform duration-300 ease-out ${error ? '' : 'bg-primaryx-500 group-focus-within:scale-x-100 scale-x-0'}`} />\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            )}\r\n            {description && <p className=\"text-xs text-gray-500\">{description}</p>}\r\n            <InputErrorMessage error={error || \"\"} />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default memo(FormInput);\r\n"],"names":[],"mappings":";;;;;;;AAiCA,MAAM,YAAY,CAAC;AAAA,EACf;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AACJ,MAAsB;AAClB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,YAAY,sBAAsB,eAAe,SAAS;AAChE,QAAM,gBAAgB,OAAyB,IAAI;AAEnD,YAAU,MAAM;AACZ,QAAI,aAAa,cAAc,SAAS;AACpC,oBAAc,QAAQ,MAAA;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,SACI,qBAAC,SAAI,WAAW,qBAAqB,SAAS,IAAI,WAAW,UAAU,EAAE,IACpE,UAAA;AAAA,IAAA,6BACI,OAAA,EAAI,WAAU,qCACX,UAAA,qBAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,MAAA,qBAAC,SAAA,EAAM,WAAU,2CACZ,UAAA;AAAA,QAAA;AAAA,QAAM;AAAA,QAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,MACC,WAAW,oBAAC,oBAAA,EAAmB,MAAM,QAAA,CAAS;AAAA,IAAA,EAAA,CACnD,EAAA,CACJ;AAAA,IAGH,aACG,oBAAC,OAAA,EAAI,WAAU,sBAEX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,QACxC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACP;AAAA,UACA,QAAQ,mBAAmB;AAAA,QAAA;AAAA,MAC/B;AAAA,IAAA,EACJ,CACJ,IAEA,qBAAC,OAAA,EAAI,WAAW;AAAA,MACZ;AAAA,MACA,WAAW,qHAAqH;AAAA,MAChI,YAAY,QAAQ,wBAAwB;AAAA,MAC5C;AAAA,MACA,SAAS;AAAA,IAAA,GAER,UAAA;AAAA,MAAA,QAAQ,oBAAC,MAAA,EAAK,WAAU,2EAAA,CAA2E;AAAA,MAEpG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK;AAAA,UACL,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAW,CAAC,MAAM;AACd,gBAAI,SAAS,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG,EAAE,SAAS,EAAE,GAAG,GAAG;AAChE,gBAAE,eAAA;AAAA,YACN;AAAA,UACJ;AAAA,UACA,SAAS,CAAC,MAAM,SAAS,YAAY,EAAE,cAAc,KAAA;AAAA,UACrD,QAAQ,MAAM;AACV,gBAAI,OAAO,UAAU,UAAU;AAC3B,oBAAM,WAAU,+BAAO,WAAU;AACjC,kBAAI,YAAY,OAAO;AACnB,yBAAS,EAAE,QAAQ,EAAE,OAAO,QAAA,GAAkB;AAAA,cAClD;AAAA,YACJ;AACA,gBAAI,OAAQ,QAAA;AAAA,UAChB;AAAA,UACA;AAAA,UACA,KAAK,QAAQ,aAAa,WAAW,IAAI;AAAA,UACzC;AAAA,UACA,WAAW;AAAA,YACP,WACM,qMACA,kBAAkB,OAAO,UAAU,MAAM,gBACrC,QAAQ,mBAAmB,uCAC/B,yJACI,qBAAqB,UAAU,MACnC,IAAI,SAAS,UAAU,EAAE,IAAI,WAAW,kCAAkC,EAAE;AAAA,YAClF;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAGH,UAAU,CAAC,gCACP,QAAA,EAAK,WAAU,6EACX,UAAA,QACL;AAAA,MAGH,UACG,oBAAC,QAAA,EAAK,WAAU,iGACX,UAAA,QACL;AAAA,MAGH,sBACG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS,MAAM,gBAAgB,CAAA,SAAQ,CAAC,IAAI;AAAA,UAC5C,WAAU;AAAA,UAEV,UAAA,oBAAC,iBAAA,EAAgB,MAAM,eAAe,aAAa,MAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAIjE,YACG,qBAAC,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,4CAAA,CAA4C;AAAA,4BAC1D,OAAA,EAAI,WAAW,kGAAkG,QAAQ,KAAK,mDAAmD,IAAI;AAAA,4BACrL,OAAA,EAAI,WAAW,kGAAkG,QAAQ,KAAK,0DAA0D,GAAA,CAAI;AAAA,MAAA,EAAA,CACjM;AAAA,IAAA,GAER;AAAA,IAEH,eAAe,oBAAC,KAAA,EAAE,WAAU,yBAAyB,UAAA,aAAY;AAAA,IAClE,oBAAC,mBAAA,EAAkB,OAAO,SAAS,GAAA,CAAI;AAAA,EAAA,GAC3C;AAER;AAEA,MAAA,cAAe,KAAK,SAAS;"}

package/dist/components/ImageCropModal/index.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    open: boolean;
+    imageSrc: string;
+    onClose: () => void;
+    onConfirm: (blob: Blob) => void;
+    aspect?: number;
+    cropShape?: 'rect' | 'round';
+    showRotationControl?: boolean;
+    allowBackgroundColor?: boolean;
+    allowBothFitting?: boolean;
+    hideWatermark?: boolean;
+}
+export default function ImageCropModal({ open, imageSrc, onClose, onConfirm, aspect, cropShape, showRotationControl, allowBackgroundColor, allowBothFitting, hideWatermark, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};