@123usmanhaider321/ui 0.1.6 → 1.0.0

package/dist/components/FormBuilder/SortableQuestionList.js

@@ -1,137 +0,0 @@
-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";
-const SortableQuestionList = ({
-  questions,
-  questionOrder,
-  formId,
-  eventId,
-  userUid,
-  isLocked,
-  activeQuestionId,
-  onSetActiveQuestion,
-  onDelete,
-  onUpdate,
-  onSave,
-  onDuplicate,
-  onCancel,
-  activeQuestionProps,
-  disabled = false,
-  scope,
-  participationType,
-  disableDiscountOption,
-  showValidationErrors,
-  storageService
-}) => {
-  return /* @__PURE__ */ jsx("div", { className: "ui-flex ui-flex-col ui-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__ */ jsx(
-      SortableQuestionItem,
-      {
-        question,
-        formId,
-        eventId,
-        userUid,
-        isLocked,
-        isOpen: isActive,
-        onToggle: () => {
-          onSetActiveQuestion(isActive ? null : id);
-        },
-        onDelete,
-        onUpdate,
-        onSave,
-        onDuplicate,
-        onCancel,
-        disabled,
-        scope,
-        participationType,
-        disableDiscountOption,
-        showValidationErrors,
-        storageService,
-        ...props
-      },
-      id
-    );
-  }) });
-};
-function SortableQuestionItem({
-  question,
-  formId,
-  eventId,
-  userUid,
-  isLocked,
-  isOpen,
-  onToggle,
-  onDelete,
-  onUpdate,
-  onSave,
-  onDuplicate,
-  onCancel,
-  isDirty,
-  isSaving,
-  isNew,
-  isValid,
-  disabled,
-  errorMessage,
-  scope,
-  participationType,
-  disableDiscountOption,
-  showValidationErrors,
-  storageService
-}) {
-  const isSystem = ["TEAM_SIZE", "NAME_ON_TICKET"].includes(question.kind);
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition,
-    isDragging
-  } = useSortable({
-    id: question.id,
-    disabled: isLocked || isSystem || disabled
-  });
-  const style = {
-    transform: CSS.Transform.toString(transform),
-    transition,
-    opacity: isDragging ? 0.5 : 1,
-    zIndex: isDragging ? 1e3 : "auto"
-  };
-  const showTooltip = disabled && !isOpen;
-  return /* @__PURE__ */ 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__ */ jsx(
-    QuestionCard,
-    {
-      question,
-      formId,
-      eventId,
-      userUid,
-      isLocked,
-      isOpen,
-      onToggle,
-      dragHandleProps: !isLocked && !isSystem && !disabled ? { ...attributes, ...listeners } : void 0,
-      onDelete,
-      onUpdate,
-      onSave,
-      onDuplicate,
-      onCancel: () => onCancel == null ? void 0 : onCancel(question.id),
-      isDirty,
-      isSaving,
-      isNew,
-      isValid,
-      errorMessage,
-      scope,
-      participationType,
-      disableDiscountOption,
-      showValidationErrors,
-      storageService
-    }
-  ) });
-}
-export {
-  SortableQuestionList
-};
-//# sourceMappingURL=SortableQuestionList.js.map

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

@@ -1 +0,0 @@
-{"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=\"ui-flex ui-flex-col ui-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={`ui-w-full ui-relative ${showTooltip ? 'ui-cursor-not-allowed ui-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,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,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,yBAAyB,cAAc,wCAAwC,EAAE,IAAI,IAAI,YAAY,SAAS,EAAE,IAC3J,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/index.d.ts

@@ -1,4 +0,0 @@
-export { default as FormBuilder } from './FormBuilder';
-export type { FormBuilderProps, FormBuilderRef } from './FormBuilder';
-export * from './types';
-export * from './utils';

package/dist/components/FormBuilder/utils.js

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

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

@@ -1 +0,0 @@
-{"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,126 +0,0 @@
-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";
-import { cn } from "../../utils/cn.js";
-import InputErrorMessage from "../InputErrorMessage/InputErrorMessage.js";
-import InformationPopover from "../InformationPopover/InformationPopover.js";
-const FormInput = ({
-  label,
-  icon: Icon,
-  type,
-  placeholder,
-  value,
-  onChange,
-  onBlur,
-  error,
-  showPasswordToggle = false,
-  required = false,
-  description,
-  disabled,
-  min,
-  prefix,
-  isTextArea = false,
-  className = "",
-  inputCon = "",
-  inputClassName = "",
-  animated = false,
-  autoFocus = false,
-  tooltip,
-  suffix
-}) => {
-  const [showPassword, setShowPassword] = useState(false);
-  const inputType = showPasswordToggle && showPassword ? "text" : type;
-  const localInputRef = useRef(null);
-  useEffect(() => {
-    if (autoFocus && localInputRef.current) {
-      localInputRef.current.focus();
-    }
-  }, [autoFocus]);
-  return /* @__PURE__ */ jsxs("div", { className: `ui-text-sm ui-space-y-2 ${className} ${animated ? "ui-group" : ""}`, children: [
-    label && /* @__PURE__ */ jsx("div", { className: "ui-flex ui-items-center ui-justify-between", children: /* @__PURE__ */ jsxs("div", { className: "ui-w-full ui-flex ui-items-center ui-gap-2", children: [
-      /* @__PURE__ */ jsxs("label", { className: "ui-text-sm ui-font-medium ui-text-gray-700 ui-block", children: [
-        label,
-        " ",
-        required && /* @__PURE__ */ jsx("span", { className: "ui-text-red-500", children: "*" })
-      ] }),
-      tooltip && /* @__PURE__ */ jsx(InformationPopover, { text: tooltip })
-    ] }) }),
-    isTextArea ? /* @__PURE__ */ jsx("div", { className: "ui-relative ui-space-y-1", children: /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        value,
-        onChange: (e) => onChange(e.target.value),
-        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"
-        )
-      }
-    ) }) : /* @__PURE__ */ 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" : "",
-      inputCon,
-      error && "ui-rounded-xl"
-    ), children: [
-      Icon && /* @__PURE__ */ 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__ */ jsx(
-        "input",
-        {
-          ref: localInputRef,
-          type: inputType,
-          placeholder,
-          value,
-          onChange,
-          onKeyDown: (e) => {
-            if (type === "number" && ["e", "E", "+", "-", "."].includes(e.key)) {
-              e.preventDefault();
-            }
-          },
-          onWheel: (e) => type === "number" && e.currentTarget.blur(),
-          onBlur: () => {
-            if (typeof value === "string") {
-              const trimmed = (value == null ? void 0 : value.trim()) || "";
-              if (trimmed !== value) {
-                onChange({ target: { value: trimmed } });
-              }
-            }
-            if (onBlur) onBlur();
-          },
-          disabled,
-          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" : ""}`,
-            inputClassName
-          )
-        }
-      ),
-      prefix && !animated && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(FontAwesomeIcon, { icon: showPassword ? faEyeSlash : faEye })
-        }
-      ),
-      animated && /* @__PURE__ */ jsxs("div", { className: "ui-absolute ui-bottom-0 ui-left-0 ui-right-0 ui-h-0.5 ui-overflow-hidden", children: [
-        /* @__PURE__ */ jsx("div", { className: "ui-absolute ui-inset-0 ui-bg-gray-300 ui-rounded-full" }),
-        /* @__PURE__ */ 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__ */ 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"}` })
-      ] })
-    ] }),
-    description && /* @__PURE__ */ jsx("p", { className: "ui-text-xs ui-text-gray-500", children: description }),
-    /* @__PURE__ */ jsx(InputErrorMessage, { error: error || "" })
-  ] });
-};
-const FormInput$1 = memo(FormInput);
-export {
-  FormInput$1 as default
-};
-//# sourceMappingURL=FormInput.js.map

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

@@ -1 +0,0 @@
-{"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={`ui-text-sm ui-space-y-2 ${className} ${animated ? 'ui-group' : ''}`}>\r\n            {label && (\r\n                <div className=\"ui-flex ui-items-center ui-justify-between\">\r\n                    <div className=\"ui-w-full ui-flex ui-items-center ui-gap-2\">\r\n                        <label className=\"ui-text-sm ui-font-medium ui-text-gray-700 ui-block\">\r\n                            {label} {required && <span className=\"ui-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=\"ui-relative ui-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                            \"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\",\r\n                            error ? \"ui-border-red-500\" : \"ui-border-gray-300\"\r\n                        )}\r\n                    />\r\n                </div>\r\n            ) : (\r\n                <div className={cn(\r\n                    \"ui-relative ui-flex ui-items-center\",\r\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' : '',\r\n                    animated && error ? 'ui-ring-2 ui-ring-red-500' : '',\r\n                    inputCon,\r\n                    error && 'ui-rounded-xl'\r\n                )}>\r\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\" />}\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                                ? `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`\r\n                                : `ui-text-sm ui-w-full ${Icon ? 'ui-pl-10' : 'ui-pl-3'} ui-py-2 ui-border ${\r\n                                      error ? 'ui-border-red-500' : 'ui-border-gray-300 hover:ui-border-gray-400'\r\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 ${\r\n                                      showPasswordToggle ? 'ui-pr-10' : 'ui-pr-3'\r\n                                  } ${suffix ? 'ui-pr-12' : ''} ${disabled ? 'ui-bg-gray-50 ui-cursor-not-allowed' : ''}`,\r\n                            inputClassName\r\n                        )}\r\n                    />\r\n\r\n                    {prefix && !animated && (\r\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\">\r\n                            {prefix}\r\n                        </span>\r\n                    )}\r\n\r\n                    {suffix && (\r\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\">\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=\"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\"\r\n                        >\r\n                            <FontAwesomeIcon icon={showPassword ? faEyeSlash : faEye} />\r\n                        </button>\r\n                    )}\r\n\r\n                    {animated && (\r\n                        <div className=\"ui-absolute ui-bottom-0 ui-left-0 ui-right-0 ui-h-0.5 ui-overflow-hidden\">\r\n                            <div className=\"ui-absolute ui-inset-0 ui-bg-gray-300 ui-rounded-full\" />\r\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'}`} />\r\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'}`} />\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            )}\r\n            {description && <p className=\"ui-text-xs ui-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,2BAA2B,SAAS,IAAI,WAAW,aAAa,EAAE,IAC7E,UAAA;AAAA,IAAA,6BACI,OAAA,EAAI,WAAU,8CACX,UAAA,qBAAC,OAAA,EAAI,WAAU,8CACX,UAAA;AAAA,MAAA,qBAAC,SAAA,EAAM,WAAU,uDACZ,UAAA;AAAA,QAAA;AAAA,QAAM;AAAA,QAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,IAAA,CAAC;AAAA,MAAA,GAC5D;AAAA,MACC,WAAW,oBAAC,oBAAA,EAAmB,MAAM,QAAA,CAAS;AAAA,IAAA,EAAA,CACnD,EAAA,CACJ;AAAA,IAGH,aACG,oBAAC,OAAA,EAAI,WAAU,4BAEX,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,sBAAsB;AAAA,QAAA;AAAA,MAClC;AAAA,IAAA,EACJ,CACJ,IAEA,qBAAC,OAAA,EAAI,WAAW;AAAA,MACZ;AAAA,MACA,WAAW,gJAAgJ;AAAA,MAC3J,YAAY,QAAQ,8BAA8B;AAAA,MAClD;AAAA,MACA,SAAS;AAAA,IAAA,GAER,UAAA;AAAA,MAAA,QAAQ,oBAAC,MAAA,EAAK,WAAU,mGAAA,CAAmG;AAAA,MAE5H;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,+OACA,wBAAwB,OAAO,aAAa,SAAS,sBACjD,QAAQ,sBAAsB,6CAClC,oLACI,qBAAqB,aAAa,SACtC,IAAI,SAAS,aAAa,EAAE,IAAI,WAAW,wCAAwC,EAAE;AAAA,YAC3F;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAGH,UAAU,CAAC,gCACP,QAAA,EAAK,WAAU,kGACX,UAAA,QACL;AAAA,MAGH,UACG,oBAAC,QAAA,EAAK,WAAU,yHACX,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,4EACX,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,4BACtE,OAAA,EAAI,WAAW,0HAA0H,QAAQ,KAAK,+DAA+D,IAAI;AAAA,4BACzN,OAAA,EAAI,WAAW,0HAA0H,QAAQ,KAAK,sEAAsE,GAAA,CAAI;AAAA,MAAA,EAAA,CACrO;AAAA,IAAA,GAER;AAAA,IAEH,eAAe,oBAAC,KAAA,EAAE,WAAU,+BAA+B,UAAA,aAAY;AAAA,IACxE,oBAAC,mBAAA,EAAkB,OAAO,SAAS,GAAA,CAAI;AAAA,EAAA,GAC3C;AAER;AAEA,MAAA,cAAe,KAAK,SAAS;"}

package/dist/components/FormInput/FormInput.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,2 +0,0 @@
-export { default as FormInput } from './FormInput';
-export * from './FormInput';