@erpsquad/common 1.8.75 → 1.8.77

package/dist/views/form-builder/field_properties.d.ts

@@ -0,0 +1,99 @@
+import { MRT_ColumnDef, MRT_RowData } from 'material-react-table';
+
+export interface IProperty {
+    field_type: string;
+    label: string;
+    placeholder: string;
+    default_value?: string;
+    float_step?: string;
+    min_length?: number;
+    max_length?: number;
+    is_multiline?: boolean;
+    is_required?: boolean;
+    is_negative?: boolean;
+    is_unique?: boolean;
+    is_checked?: boolean;
+    id?: string;
+    is_future_dates_allowed?: boolean;
+    is_past_dates_allowed?: boolean;
+    option?: string;
+    max_size?: number;
+    section_id?: string;
+    section_name?: string;
+    title_position?: "start" | "end";
+    title?: string;
+    table_columns?: MRT_ColumnDef<MRT_RowData>[];
+    table?: string;
+    module?: string;
+    field?: string;
+    is_country_code_separate?: boolean;
+    country_code_field_name?: string;
+}
+interface IMultiOption {
+    value: string;
+    label: string;
+    is_checked: boolean;
+}
+export interface IMultiOptionsProperty extends IProperty {
+    options: IMultiOption[];
+    display?: "row" | "column";
+}
+export interface ISelectProperty {
+    field_type: string;
+    label: string;
+    placeholder: string;
+    default_value: string;
+    is_required?: boolean;
+    is_unique?: boolean;
+    options: ISelectOption[];
+    is_multiselect?: boolean;
+    id?: string;
+    section_id?: string;
+    section_name?: string;
+}
+export interface ISwitcherForms {
+    value?: string;
+    name: string;
+    id: string | number | null;
+}
+export interface ISectionProperty {
+    field_type: string;
+    label: string;
+    is_accordion: boolean;
+    id?: string;
+    section_order?: string;
+    section_id?: string;
+    section_name?: string;
+    section_type: "Default" | "Form switcher section";
+    form_switcher_label?: string;
+    form_switcher_name?: string;
+    switcher_forms?: ISwitcherForms[];
+    members: IProperty[] | ISelectProperty[];
+}
+interface ISelectOption {
+    text: string;
+    value: string;
+}
+export declare const element: {
+    text: IProperty;
+    number: IProperty;
+    email: IProperty;
+    phone: IProperty;
+    select: ISelectProperty;
+    date: IProperty;
+    time: IProperty;
+    url: IProperty;
+    currency: IProperty;
+    file: IProperty;
+    geoLocation: IProperty;
+    image: IProperty;
+    section: ISectionProperty;
+    info: IProperty;
+    relation: IProperty;
+    checkbox: IProperty;
+    toggleButton: IProperty;
+    radioButton: IMultiOptionsProperty;
+    table: IProperty;
+    tagsInput: IProperty;
+};
+export {};

package/dist/views/form-builder/form-fields/index.esm.js

@@ -1,17 +1,17 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useMemo } from "react";
-import DynamicInput from "../../../components/form-control/form-builder/form-builder-element/text/index.esm.js";
+import { DynamicInput } from "../../../components/form-control/form-builder/form-builder-element/text/index.esm.js";
 import DynamicCheckBox from "../../../components/form-control/form-builder/form-builder-element/checkbox/index.esm.js";
 import DynamicTable from "../../../components/form-control/form-builder/form-builder-element/table/index.esm.js";
-import DynamicElementHOC from "../../../components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.esm.js";
+import { DynamicElementHOC } from "../../../components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.esm.js";
 import DynamicRadioButton from "../../../components/form-control/form-builder/form-builder-element/radio-button/index.esm.js";
 import DynamicToggleButton from "../../../components/form-control/form-builder/form-builder-element/toggle-button/index.esm.js";
-import DynamicInfo from "../../../components/form-control/form-builder/form-builder-element/info/index.esm.js";
-import DynamicMedia from "../../../components/form-control/form-builder/form-builder-element/media/index.esm.js";
-import DynamicTime from "../../../components/form-control/form-builder/form-builder-element/time/index.esm.js";
-import DynamicDate from "../../../components/form-control/form-builder/form-builder-element/date/index.esm.js";
-import DynamicSelect from "../../../components/form-control/form-builder/form-builder-element/select/index.esm.js";
-import DynamicPhone from "../../../components/form-control/form-builder/form-builder-element/phone/index.esm.js";
+import { DynamicInfo } from "../../../components/form-control/form-builder/form-builder-element/info/index.esm.js";
+import { DynamicMedia } from "../../../components/form-control/form-builder/form-builder-element/media/index.esm.js";
+import { DynamicTime } from "../../../components/form-control/form-builder/form-builder-element/time/index.esm.js";
+import { DynamicDate } from "../../../components/form-control/form-builder/form-builder-element/date/index.esm.js";
+import { DynamicSelect } from "../../../components/form-control/form-builder/form-builder-element/select/index.esm.js";
+import { DynamicPhone } from "../../../components/form-control/form-builder/form-builder-element/phone/index.esm.js";
 import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 const FormField = memo(({
   field,
@@ -349,6 +349,7 @@ const FormFields = memo(({
 });
 FormFields.displayName = "FormFields";
 export {
+  FormField,
   FormFields as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/views/form-builder/form-fields/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/views/form-builder/form-fields.tsx"],"sourcesContent":["// React imports\nimport React, { memo, useMemo, useCallback } from 'react';\n\n// Material UI imports\nimport { Grid } from '@mui/material';\n\n// ERP Common imports - Form builder elements\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\n\n// Types\ninterface IField {\n  id: string;\n  field_type: string;\n  placeholder?: string;\n  label: string;\n  default_value?: any;\n  is_multiline?: boolean;\n  is_required?: boolean;\n  min_length?: number;\n  max_length?: number;\n  is_fullwidth?: boolean;\n  custom_width?: number;\n  options?: any[];\n  is_multiselect?: boolean;\n  is_future_dates_allowed?: boolean;\n  is_past_dates_allowed?: boolean;\n  option?: any;\n  max_size?: number;\n  title?: string;\n  display?: string;\n  title_position?: string;\n  table_columns?: any[];\n  float_step?: number;\n  type: string;\n}\n\ninterface FormFieldsProps {\n  sectionMembers: IField[];\n  // Add other required props with proper types\n  members: IField[];\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}\n\n// Field type mapping for better maintainability\nconst FIELD_TYPE_MAP = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  IMAGE: 'image',\n  GEO_LOCATION: 'geoLocation',\n  RELATION: 'relation',\n  INFO: 'info',\n  TOGGLE_BUTTON: 'toggleButton',\n  RADIO_BUTTON: 'radioButton',\n  TAGS_INPUT: 'tagsInput',\n  CHECKBOX: 'checkbox',\n  TABLE: 'table'\n} as const;\n\n// Memoized individual field component\nconst FormField = memo<{\n  field: IField;\n  index: number;\n  gridItemSize: number;\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}>(({\n  field,\n  index,\n  gridItemSize,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Common HOC props - memoized to prevent unnecessary re-renders\n  const hocProps = useMemo(() => ({\n    activeIndex: activeMember === index,\n    removeElement: remove,\n    index,\n    onClick: handleElementSelection,\n    swap: move,\n    elementSwap: () => setElementSwap(true),\n    handleDuplicate: handleDuplicateElement,\n    setElementHoc: () => {\n      setSelectedHoc(\"\");\n      setActiveMember(undefined);\n    }\n  }), [\n    activeMember, \n    index, \n    remove, \n    handleElementSelection, \n    move, \n    setElementSwap, \n    handleDuplicateElement, \n    setSelectedHoc, \n    setActiveMember\n  ]);\n\n  // Common field props - memoized to prevent unnecessary re-renders\n  const commonFieldProps = useMemo(() => ({\n    key: field.id,\n    position: index,\n    placeholder: t(field.placeholder || ''),\n    label: t(field.label),\n    formControl: control,\n    name: \"message\",\n    fieldArrayName: \"members\",\n    required: field.is_required,\n    formType: \"builder\" as const,\n    typeOfField: field.type,\n    disabled: true\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\n\n  // Render field based on type\n  const renderFieldContent = useCallback(() => {\n    const { field_type } = field;\n\n    switch (field_type) {\n      case element.text.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.email.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.sms} alt=\"email\" />}\n          />\n        );\n\n      case element.number.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            min={field.min_length}\n            max={field.max_length}\n            float_step={field.float_step}\n          />\n        );\n\n      case element.phone.field_type:\n        return (\n          <DynamicPhone\n            {...commonFieldProps}\n            type={field_type}\n            default_value={field.default_value}\n          />\n        );\n\n      case element.select.field_type:\n        return (\n          <DynamicSelect\n            {...commonFieldProps}\n            options={field.options}\n            defaultValue={field.default_value}\n            is_multiselect={field.is_multiselect}\n          />\n        );\n\n      case element.date.field_type:\n        return (\n          <DynamicDate\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n            is_future_dates_allowed={field.is_future_dates_allowed}\n            is_past_dates_allowed={field.is_past_dates_allowed}\n            disable={true}\n          />\n        );\n\n      case element.time.field_type:\n        return (\n          <DynamicTime\n            {...commonFieldProps}\n            option={field.option}\n          />\n        );\n\n      case element.url.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.url} alt=\"url\" />}\n          />\n        );\n\n      case element.currency.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\n          />\n        );\n\n      case element.file.field_type:\n      case element.image.field_type:\n        return (\n          <DynamicMedia\n            {...commonFieldProps}\n            type={field_type}\n            max_size={field.max_size}\n          />\n        );\n\n      case element.geoLocation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.location} alt=\"location\" />}\n          />\n        );\n\n      case element.relation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n            label={\n              <span\n                className=\"formSection--Relation\"\n                data-position={index}\n                data-name={`members.${index}.message`}\n              >\n                {t(field.label)}\n                <img src={images.relation} alt=\"relation\" />\n              </span>\n            }\n          />\n        );\n\n      case element.info.field_type:\n        return (\n          <DynamicInfo\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n          />\n        );\n\n      case element.toggleButton.field_type:\n        return (\n          <DynamicToggleButton\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.radioButton.field_type:\n        return (\n          <DynamicRadioButton\n            {...commonFieldProps}\n            options={field.options}\n            display={field.display}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.tagsInput.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.checkbox.field_type:\n        return (\n          <DynamicCheckBox\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={field.title_position}\n          />\n        );\n\n      case element.table.field_type:\n        return (\n          <DynamicTable\n            {...commonFieldProps}\n            columns={field.table_columns || elementJSON?.table_columns || []}\n          />\n        );\n\n      default:\n        console.warn(`Unknown field type: ${field_type}`);\n        return null;\n    }\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\n\n  return (\n    <Grid item xs={gridItemSize}>\n      <DynamicElementHOC\n        {...hocProps}\n        element={field.field_type}\n      >\n        {renderFieldContent()}\n      </DynamicElementHOC>\n    </Grid>\n  );\n});\n\nFormField.displayName = 'FormField';\n\n// Main component\nconst FormFields: React.FC<FormFieldsProps> = memo(({\n  sectionMembers,\n  members,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Memoize grid item size calculation\n  const calculateGridSize = useCallback((field: IField): number => {\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\n    if (field.custom_width) return field.custom_width;\n    return 6;\n  }, []);\n\n  // Memoize the rendered fields\n  const renderedFields = useMemo(() => {\n    return sectionMembers.map((field: IField) => {\n      const index = members.findIndex(member => member === field);\n      const gridItemSize = calculateGridSize(field);\n\n      return (\n        <FormField\n          key={`${field.id}-${index}`} // Better key for React reconciliation\n          field={field}\n          index={index}\n          gridItemSize={gridItemSize}\n          activeMember={activeMember}\n          control={control}\n          t={t}\n          element={element}\n          images={images}\n          elementJSON={elementJSON}\n          remove={remove}\n          move={move}\n          handleElementSelection={handleElementSelection}\n          setElementSwap={setElementSwap}\n          handleDuplicateElement={handleDuplicateElement}\n          setSelectedHoc={setSelectedHoc}\n          setActiveMember={setActiveMember}\n        />\n      );\n    });\n  }, [\n    sectionMembers,\n    members,\n    activeMember,\n    control,\n    t,\n    element,\n    images,\n    elementJSON,\n    remove,\n    move,\n    handleElementSelection,\n    setElementSwap,\n    handleDuplicateElement,\n    setSelectedHoc,\n    setActiveMember,\n    calculateGridSize,\n    elementJSON?.field_type\n  ]);\n\n  return <>{renderedFields}</>;\n});\n\nFormFields.displayName = 'FormFields';\n\nexport default FormFields;"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/views/form-builder/form-fields.tsx"],"sourcesContent":["// React imports\nimport React, { memo, useMemo, useCallback } from 'react';\n\n// Material UI imports\nimport { Grid } from '@mui/material';\n\n// ERP Common imports - Form builder elements\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\n\n// Types\ninterface IField {\n  id: string;\n  field_type: string;\n  placeholder?: string;\n  label: string;\n  default_value?: any;\n  is_multiline?: boolean;\n  is_required?: boolean;\n  min_length?: number;\n  max_length?: number;\n  is_fullwidth?: boolean;\n  custom_width?: number;\n  options?: any[];\n  is_multiselect?: boolean;\n  is_future_dates_allowed?: boolean;\n  is_past_dates_allowed?: boolean;\n  option?: any;\n  max_size?: number;\n  title?: string;\n  display?: string;\n  title_position?: string;\n  table_columns?: any[];\n  float_step?: number;\n  type: string;\n}\n\ninterface FormFieldsProps {\n  sectionMembers: IField[];\n  // Add other required props with proper types\n  members: IField[];\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}\n\n// Field type mapping for better maintainability\nconst FIELD_TYPE_MAP = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  IMAGE: 'image',\n  GEO_LOCATION: 'geoLocation',\n  RELATION: 'relation',\n  INFO: 'info',\n  TOGGLE_BUTTON: 'toggleButton',\n  RADIO_BUTTON: 'radioButton',\n  TAGS_INPUT: 'tagsInput',\n  CHECKBOX: 'checkbox',\n  TABLE: 'table'\n} as const;\n\n// Memoized individual field component\nconst FormField = memo<{\n  field: IField;\n  index: number;\n  gridItemSize: number;\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}>(({\n  field,\n  index,\n  gridItemSize,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Common HOC props - memoized to prevent unnecessary re-renders\n  const hocProps = useMemo(() => ({\n    activeIndex: activeMember === index,\n    removeElement: remove,\n    index,\n    onClick: handleElementSelection,\n    swap: move,\n    elementSwap: () => setElementSwap(true),\n    handleDuplicate: handleDuplicateElement,\n    setElementHoc: () => {\n      setSelectedHoc(\"\");\n      setActiveMember(undefined);\n    }\n  }), [\n    activeMember, \n    index, \n    remove, \n    handleElementSelection, \n    move, \n    setElementSwap, \n    handleDuplicateElement, \n    setSelectedHoc, \n    setActiveMember\n  ]);\n\n  // Common field props - memoized to prevent unnecessary re-renders\n  const commonFieldProps = useMemo(() => ({\n    key: field.id,\n    position: index,\n    placeholder: t(field.placeholder || ''),\n    label: t(field.label),\n    formControl: control,\n    name: \"message\",\n    fieldArrayName: \"members\",\n    required: field.is_required,\n    formType: \"builder\" as const,\n    typeOfField: field.type,\n    disabled: true\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\n\n  // Render field based on type\n  const renderFieldContent = useCallback(() => {\n    const { field_type } = field;\n\n    switch (field_type) {\n      case element.text.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.email.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.sms} alt=\"email\" />}\n          />\n        );\n\n      case element.number.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            min={field.min_length}\n            max={field.max_length}\n            float_step={field.float_step}\n          />\n        );\n\n      case element.phone.field_type:\n        return (\n          <DynamicPhone\n            {...commonFieldProps}\n            type={field_type}\n            default_value={field.default_value}\n          />\n        );\n\n      case element.select.field_type:\n        return (\n          <DynamicSelect\n            {...commonFieldProps}\n            options={field.options}\n            defaultValue={field.default_value}\n            is_multiselect={field.is_multiselect}\n          />\n        );\n\n      case element.date.field_type:\n        return (\n          <DynamicDate\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n            is_future_dates_allowed={field.is_future_dates_allowed}\n            is_past_dates_allowed={field.is_past_dates_allowed}\n            disable={true}\n          />\n        );\n\n      case element.time.field_type:\n        return (\n          <DynamicTime\n            {...commonFieldProps}\n            option={field.option}\n          />\n        );\n\n      case element.url.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.url} alt=\"url\" />}\n          />\n        );\n\n      case element.currency.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\n          />\n        );\n\n      case element.file.field_type:\n      case element.image.field_type:\n        return (\n          <DynamicMedia\n            {...commonFieldProps}\n            type={field_type}\n            max_size={field.max_size}\n          />\n        );\n\n      case element.geoLocation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.location} alt=\"location\" />}\n          />\n        );\n\n      case element.relation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n            label={\n              <span\n                className=\"formSection--Relation\"\n                data-position={index}\n                data-name={`members.${index}.message`}\n              >\n                {t(field.label)}\n                <img src={images.relation} alt=\"relation\" />\n              </span>\n            }\n          />\n        );\n\n      case element.info.field_type:\n        return (\n          <DynamicInfo\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n          />\n        );\n\n      case element.toggleButton.field_type:\n        return (\n          <DynamicToggleButton\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.radioButton.field_type:\n        return (\n          <DynamicRadioButton\n            {...commonFieldProps}\n            options={field.options}\n            display={field.display}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.tagsInput.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.checkbox.field_type:\n        return (\n          <DynamicCheckBox\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={field.title_position}\n          />\n        );\n\n      case element.table.field_type:\n        return (\n          <DynamicTable\n            {...commonFieldProps}\n            columns={field.table_columns || elementJSON?.table_columns || []}\n          />\n        );\n\n      default:\n        console.warn(`Unknown field type: ${field_type}`);\n        return null;\n    }\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\n\n  return (\n    <Grid item xs={gridItemSize}>\n      <DynamicElementHOC\n        {...hocProps}\n        element={field.field_type}\n      >\n        {renderFieldContent()}\n      </DynamicElementHOC>\n    </Grid>\n  );\n});\n\nFormField.displayName = 'FormField';\n\n// Main component\nconst FormFields: React.FC<FormFieldsProps> = memo(({\n  sectionMembers,\n  members,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Memoize grid item size calculation\n  const calculateGridSize = useCallback((field: IField): number => {\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\n    if (field.custom_width) return field.custom_width;\n    return 6;\n  }, []);\n\n  // Memoize the rendered fields\n  const renderedFields = useMemo(() => {\n    return sectionMembers.map((field: IField) => {\n      const index = members.findIndex(member => member === field);\n      const gridItemSize = calculateGridSize(field);\n\n      return (\n        <FormField\n          key={`${field.id}-${index}`} // Better key for React reconciliation\n          field={field}\n          index={index}\n          gridItemSize={gridItemSize}\n          activeMember={activeMember}\n          control={control}\n          t={t}\n          element={element}\n          images={images}\n          elementJSON={elementJSON}\n          remove={remove}\n          move={move}\n          handleElementSelection={handleElementSelection}\n          setElementSwap={setElementSwap}\n          handleDuplicateElement={handleDuplicateElement}\n          setSelectedHoc={setSelectedHoc}\n          setActiveMember={setActiveMember}\n        />\n      );\n    });\n  }, [\n    sectionMembers,\n    members,\n    activeMember,\n    control,\n    t,\n    element,\n    images,\n    elementJSON,\n    remove,\n    move,\n    handleElementSelection,\n    setElementSwap,\n    handleDuplicateElement,\n    setSelectedHoc,\n    setActiveMember,\n    calculateGridSize,\n    elementJSON?.field_type\n  ]);\n\n  return <>{renderedFields}</>;\n});\n\nFormFields.displayName = 'FormFields';\n\nexport { FormField };\nexport default FormFields;"],"names":[],"mappings":"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"}

package/dist/views/form-builder/form-fields/index.js

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../components/form-control/form-builder/form-builder-element/text/index.js"),i=require("../../../components/form-control/form-builder/form-builder-element/checkbox/index.js"),r=require("../../../components/form-control/form-builder/form-builder-element/table/index.js"),n=require("../../../components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.js"),o=require("../../../components/form-control/form-builder/form-builder-element/radio-button/index.js"),a=require("../../../components/form-control/form-builder/form-builder-element/toggle-button/index.js"),d=require("../../../components/form-control/form-builder/form-builder-element/info/index.js"),u=require("../../../components/form-control/form-builder/form-builder-element/media/index.js"),s=require("../../../components/form-control/form-builder/form-builder-element/time/index.js"),m=require("../../../components/form-control/form-builder/form-builder-element/date/index.js"),c=require("../../../components/form-control/form-builder/form-builder-element/select/index.js"),f=require("../../../components/form-control/form-builder/form-builder-element/phone/index.js"),p=require("../../../node_modules/@mui/material/Grid/Grid/index.js");const _=t.memo(({field:_,index:x,gridItemSize:b,activeMember:y,control:j,t:v,element:h,images:g,elementJSON:q,remove:S,move:w,handleElementSelection:E,setElementSwap:M,handleDuplicateElement:V,setSelectedHoc:I,setActiveMember:N})=>{const k=t.useMemo(()=>({activeIndex:y===x,removeElement:S,index:x,onClick:E,swap:w,elementSwap:()=>M(!0),handleDuplicate:V,setElementHoc:()=>{I(""),N(void 0)}}),[y,x,S,E,w,M,V,I,N]),F=t.useMemo(()=>({key:_.id,position:x,placeholder:v(_.placeholder||""),label:v(_.label),formControl:j,name:"message",fieldArrayName:"members",required:_.is_required,formType:"builder",typeOfField:_.type,disabled:!0}),[_.id,_.placeholder,_.label,_.is_required,_.type,x,v,j]),O=t.useCallback(()=>{const{field_type:t}=_;switch(t){case h.text.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length});case h.email.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.sms,alt:"email"})});case h.number.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,min:_.min_length,max:_.max_length,float_step:_.float_step});case h.phone.field_type:/* @__PURE__ */
-return e.jsx(f.default,{...F,type:t,default_value:_.default_value});case h.select.field_type:/* @__PURE__ */
-return e.jsx(c.default,{...F,options:_.options,defaultValue:_.default_value,is_multiselect:_.is_multiselect});case h.date.field_type:/* @__PURE__ */
-return e.jsx(m.default,{...F,defaultValue:_.default_value,is_future_dates_allowed:_.is_future_dates_allowed,is_past_dates_allowed:_.is_past_dates_allowed,disable:!0});case h.time.field_type:/* @__PURE__ */
-return e.jsx(s.default,{...F,option:_.option});case h.url.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.url,alt:"url"})});case h.currency.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.dollar,alt:"currency"})});case h.file.field_type:case h.image.field_type:/* @__PURE__ */
-return e.jsx(u.default,{...F,type:t,max_size:_.max_size});case h.geoLocation.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.location,alt:"location"})});case h.relation.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length,label:/* @__PURE__ */e.jsxs("span",{className:"formSection--Relation","data-position":x,"data-name":`members.${x}.message`,children:[v(_.label),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../components/form-control/form-builder/form-builder-element/text/index.js"),i=require("../../../components/form-control/form-builder/form-builder-element/checkbox/index.js"),n=require("../../../components/form-control/form-builder/form-builder-element/table/index.js"),r=require("../../../components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.js"),o=require("../../../components/form-control/form-builder/form-builder-element/radio-button/index.js"),a=require("../../../components/form-control/form-builder/form-builder-element/toggle-button/index.js"),m=require("../../../components/form-control/form-builder/form-builder-element/info/index.js"),s=require("../../../components/form-control/form-builder/form-builder-element/media/index.js"),u=require("../../../components/form-control/form-builder/form-builder-element/time/index.js"),d=require("../../../components/form-control/form-builder/form-builder-element/date/index.js"),c=require("../../../components/form-control/form-builder/form-builder-element/select/index.js"),f=require("../../../components/form-control/form-builder/form-builder-element/phone/index.js"),p=require("../../../node_modules/@mui/material/Grid/Grid/index.js");const _=t.memo(({field:_,index:x,gridItemSize:y,activeMember:b,control:j,t:v,element:h,images:g,elementJSON:D,remove:q,move:I,handleElementSelection:S,setElementSwap:w,handleDuplicateElement:E,setSelectedHoc:M,setActiveMember:V})=>{const F=t.useMemo(()=>({activeIndex:b===x,removeElement:q,index:x,onClick:S,swap:I,elementSwap:()=>w(!0),handleDuplicate:E,setElementHoc:()=>{M(""),V(void 0)}}),[b,x,q,S,I,w,E,M,V]),N=t.useMemo(()=>({key:_.id,position:x,placeholder:v(_.placeholder||""),label:v(_.label),formControl:j,name:"message",fieldArrayName:"members",required:_.is_required,formType:"builder",typeOfField:_.type,disabled:!0}),[_.id,_.placeholder,_.label,_.is_required,_.type,x,v,j]),k=t.useCallback(()=>{const{field_type:t}=_;switch(t){case h.text.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length});case h.email.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.sms,alt:"email"})});case h.number.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,type:t,defaultValue:_.default_value,min:_.min_length,max:_.max_length,float_step:_.float_step});case h.phone.field_type:/* @__PURE__ */
+return e.jsx(f.DynamicPhone,{...N,type:t,default_value:_.default_value});case h.select.field_type:/* @__PURE__ */
+return e.jsx(c.DynamicSelect,{...N,options:_.options,defaultValue:_.default_value,is_multiselect:_.is_multiselect});case h.date.field_type:/* @__PURE__ */
+return e.jsx(d.DynamicDate,{...N,defaultValue:_.default_value,is_future_dates_allowed:_.is_future_dates_allowed,is_past_dates_allowed:_.is_past_dates_allowed,disable:!0});case h.time.field_type:/* @__PURE__ */
+return e.jsx(u.DynamicTime,{...N,option:_.option});case h.url.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.url,alt:"url"})});case h.currency.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.dollar,alt:"currency"})});case h.file.field_type:case h.image.field_type:/* @__PURE__ */
+return e.jsx(s.DynamicMedia,{...N,type:t,max_size:_.max_size});case h.geoLocation.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.location,alt:"location"})});case h.relation.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length,label:/* @__PURE__ */e.jsxs("span",{className:"formSection--Relation","data-position":x,"data-name":`members.${x}.message`,children:[v(_.label),
 /* @__PURE__ */e.jsx("img",{src:g.relation,alt:"relation"})]})});case h.info.field_type:/* @__PURE__ */
-return e.jsx(d.default,{...F,defaultValue:_.default_value});case h.toggleButton.field_type:/* @__PURE__ */
-return e.jsx(a.default,{...F,title:v(_.title||""),titlePosition:null==q?void 0:q.title_position});case h.radioButton.field_type:/* @__PURE__ */
-return e.jsx(o.default,{...F,options:_.options,display:_.display,titlePosition:null==q?void 0:q.title_position});case h.tagsInput.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length});case h.checkbox.field_type:/* @__PURE__ */
-return e.jsx(i.default,{...F,title:v(_.title||""),titlePosition:_.title_position});case h.table.field_type:/* @__PURE__ */
-return e.jsx(r.default,{...F,columns:_.table_columns||(null==q?void 0:q.table_columns)||[]});default:return null}},[_,F,h,g,q,v,x]);/* @__PURE__ */
-return e.jsx(p.default,{item:!0,xs:b,children:/* @__PURE__ */e.jsx(n.default,{...k,element:_.field_type,children:O()})})});_.displayName="FormField";const x=t.memo(({sectionMembers:l,members:i,activeMember:r,control:n,t:o,element:a,images:d,elementJSON:u,remove:s,move:m,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:b})=>{const y=t.useCallback(e=>e.is_fullwidth||"table"===e.field_type?12:e.custom_width?e.custom_width:6,[]),j=t.useMemo(()=>l.map(t=>{const l=i.findIndex(e=>e===t),j=y(t);/* @__PURE__ */
-return e.jsx(_,{field:t,index:l,gridItemSize:j,activeMember:r,control:n,t:o,element:a,images:d,elementJSON:u,remove:s,move:m,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:b},`${t.id}-${l}`)}),[l,i,r,n,o,a,d,u,s,m,c,f,p,x,b,y,null==u?void 0:u.field_type]);/* @__PURE__ */
-return e.jsx(e.Fragment,{children:j})});x.displayName="FormFields",exports.default=x;
+return e.jsx(m.DynamicInfo,{...N,defaultValue:_.default_value});case h.toggleButton.field_type:/* @__PURE__ */
+return e.jsx(a.default,{...N,title:v(_.title||""),titlePosition:null==D?void 0:D.title_position});case h.radioButton.field_type:/* @__PURE__ */
+return e.jsx(o.default,{...N,options:_.options,display:_.display,titlePosition:null==D?void 0:D.title_position});case h.tagsInput.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length});case h.checkbox.field_type:/* @__PURE__ */
+return e.jsx(i.default,{...N,title:v(_.title||""),titlePosition:_.title_position});case h.table.field_type:/* @__PURE__ */
+return e.jsx(n.default,{...N,columns:_.table_columns||(null==D?void 0:D.table_columns)||[]});default:return null}},[_,N,h,g,D,v,x]);/* @__PURE__ */
+return e.jsx(p.default,{item:!0,xs:y,children:/* @__PURE__ */e.jsx(r.DynamicElementHOC,{...F,element:_.field_type,children:k()})})});_.displayName="FormField";const x=t.memo(({sectionMembers:l,members:i,activeMember:n,control:r,t:o,element:a,images:m,elementJSON:s,remove:u,move:d,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:y})=>{const b=t.useCallback(e=>e.is_fullwidth||"table"===e.field_type?12:e.custom_width?e.custom_width:6,[]),j=t.useMemo(()=>l.map(t=>{const l=i.findIndex(e=>e===t),j=b(t);/* @__PURE__ */
+return e.jsx(_,{field:t,index:l,gridItemSize:j,activeMember:n,control:r,t:o,element:a,images:m,elementJSON:s,remove:u,move:d,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:y},`${t.id}-${l}`)}),[l,i,n,r,o,a,m,s,u,d,c,f,p,x,y,b,null==s?void 0:s.field_type]);/* @__PURE__ */
+return e.jsx(e.Fragment,{children:j})});x.displayName="FormFields",exports.FormField=_,exports.default=x;
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/form-fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/views/form-builder/form-fields.tsx"],"sourcesContent":["// React imports\nimport React, { memo, useMemo, useCallback } from 'react';\n\n// Material UI imports\nimport { Grid } from '@mui/material';\n\n// ERP Common imports - Form builder elements\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\n\n// Types\ninterface IField {\n  id: string;\n  field_type: string;\n  placeholder?: string;\n  label: string;\n  default_value?: any;\n  is_multiline?: boolean;\n  is_required?: boolean;\n  min_length?: number;\n  max_length?: number;\n  is_fullwidth?: boolean;\n  custom_width?: number;\n  options?: any[];\n  is_multiselect?: boolean;\n  is_future_dates_allowed?: boolean;\n  is_past_dates_allowed?: boolean;\n  option?: any;\n  max_size?: number;\n  title?: string;\n  display?: string;\n  title_position?: string;\n  table_columns?: any[];\n  float_step?: number;\n  type: string;\n}\n\ninterface FormFieldsProps {\n  sectionMembers: IField[];\n  // Add other required props with proper types\n  members: IField[];\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}\n\n// Field type mapping for better maintainability\nconst FIELD_TYPE_MAP = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  IMAGE: 'image',\n  GEO_LOCATION: 'geoLocation',\n  RELATION: 'relation',\n  INFO: 'info',\n  TOGGLE_BUTTON: 'toggleButton',\n  RADIO_BUTTON: 'radioButton',\n  TAGS_INPUT: 'tagsInput',\n  CHECKBOX: 'checkbox',\n  TABLE: 'table'\n} as const;\n\n// Memoized individual field component\nconst FormField = memo<{\n  field: IField;\n  index: number;\n  gridItemSize: number;\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}>(({\n  field,\n  index,\n  gridItemSize,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Common HOC props - memoized to prevent unnecessary re-renders\n  const hocProps = useMemo(() => ({\n    activeIndex: activeMember === index,\n    removeElement: remove,\n    index,\n    onClick: handleElementSelection,\n    swap: move,\n    elementSwap: () => setElementSwap(true),\n    handleDuplicate: handleDuplicateElement,\n    setElementHoc: () => {\n      setSelectedHoc(\"\");\n      setActiveMember(undefined);\n    }\n  }), [\n    activeMember, \n    index, \n    remove, \n    handleElementSelection, \n    move, \n    setElementSwap, \n    handleDuplicateElement, \n    setSelectedHoc, \n    setActiveMember\n  ]);\n\n  // Common field props - memoized to prevent unnecessary re-renders\n  const commonFieldProps = useMemo(() => ({\n    key: field.id,\n    position: index,\n    placeholder: t(field.placeholder || ''),\n    label: t(field.label),\n    formControl: control,\n    name: \"message\",\n    fieldArrayName: \"members\",\n    required: field.is_required,\n    formType: \"builder\" as const,\n    typeOfField: field.type,\n    disabled: true\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\n\n  // Render field based on type\n  const renderFieldContent = useCallback(() => {\n    const { field_type } = field;\n\n    switch (field_type) {\n      case element.text.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.email.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.sms} alt=\"email\" />}\n          />\n        );\n\n      case element.number.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            min={field.min_length}\n            max={field.max_length}\n            float_step={field.float_step}\n          />\n        );\n\n      case element.phone.field_type:\n        return (\n          <DynamicPhone\n            {...commonFieldProps}\n            type={field_type}\n            default_value={field.default_value}\n          />\n        );\n\n      case element.select.field_type:\n        return (\n          <DynamicSelect\n            {...commonFieldProps}\n            options={field.options}\n            defaultValue={field.default_value}\n            is_multiselect={field.is_multiselect}\n          />\n        );\n\n      case element.date.field_type:\n        return (\n          <DynamicDate\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n            is_future_dates_allowed={field.is_future_dates_allowed}\n            is_past_dates_allowed={field.is_past_dates_allowed}\n            disable={true}\n          />\n        );\n\n      case element.time.field_type:\n        return (\n          <DynamicTime\n            {...commonFieldProps}\n            option={field.option}\n          />\n        );\n\n      case element.url.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.url} alt=\"url\" />}\n          />\n        );\n\n      case element.currency.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\n          />\n        );\n\n      case element.file.field_type:\n      case element.image.field_type:\n        return (\n          <DynamicMedia\n            {...commonFieldProps}\n            type={field_type}\n            max_size={field.max_size}\n          />\n        );\n\n      case element.geoLocation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.location} alt=\"location\" />}\n          />\n        );\n\n      case element.relation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n            label={\n              <span\n                className=\"formSection--Relation\"\n                data-position={index}\n                data-name={`members.${index}.message`}\n              >\n                {t(field.label)}\n                <img src={images.relation} alt=\"relation\" />\n              </span>\n            }\n          />\n        );\n\n      case element.info.field_type:\n        return (\n          <DynamicInfo\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n          />\n        );\n\n      case element.toggleButton.field_type:\n        return (\n          <DynamicToggleButton\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.radioButton.field_type:\n        return (\n          <DynamicRadioButton\n            {...commonFieldProps}\n            options={field.options}\n            display={field.display}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.tagsInput.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.checkbox.field_type:\n        return (\n          <DynamicCheckBox\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={field.title_position}\n          />\n        );\n\n      case element.table.field_type:\n        return (\n          <DynamicTable\n            {...commonFieldProps}\n            columns={field.table_columns || elementJSON?.table_columns || []}\n          />\n        );\n\n      default:\n        console.warn(`Unknown field type: ${field_type}`);\n        return null;\n    }\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\n\n  return (\n    <Grid item xs={gridItemSize}>\n      <DynamicElementHOC\n        {...hocProps}\n        element={field.field_type}\n      >\n        {renderFieldContent()}\n      </DynamicElementHOC>\n    </Grid>\n  );\n});\n\nFormField.displayName = 'FormField';\n\n// Main component\nconst FormFields: React.FC<FormFieldsProps> = memo(({\n  sectionMembers,\n  members,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Memoize grid item size calculation\n  const calculateGridSize = useCallback((field: IField): number => {\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\n    if (field.custom_width) return field.custom_width;\n    return 6;\n  }, []);\n\n  // Memoize the rendered fields\n  const renderedFields = useMemo(() => {\n    return sectionMembers.map((field: IField) => {\n      const index = members.findIndex(member => member === field);\n      const gridItemSize = calculateGridSize(field);\n\n      return (\n        <FormField\n          key={`${field.id}-${index}`} // Better key for React reconciliation\n          field={field}\n          index={index}\n          gridItemSize={gridItemSize}\n          activeMember={activeMember}\n          control={control}\n          t={t}\n          element={element}\n          images={images}\n          elementJSON={elementJSON}\n          remove={remove}\n          move={move}\n          handleElementSelection={handleElementSelection}\n          setElementSwap={setElementSwap}\n          handleDuplicateElement={handleDuplicateElement}\n          setSelectedHoc={setSelectedHoc}\n          setActiveMember={setActiveMember}\n        />\n      );\n    });\n  }, [\n    sectionMembers,\n    members,\n    activeMember,\n    control,\n    t,\n    element,\n    images,\n    elementJSON,\n    remove,\n    move,\n    handleElementSelection,\n    setElementSwap,\n    handleDuplicateElement,\n    setSelectedHoc,\n    setActiveMember,\n    calculateGridSize,\n    elementJSON?.field_type\n  ]);\n\n  return <>{renderedFields}</>;\n});\n\nFormFields.displayName = 'FormFields';\n\nexport default FormFields;"],"names":["FormField","memo","field","index","gridItemSize","activeMember","control","t","element","images","elementJSON","remove","move","handleElementSelection","setElementSwap","handleDuplicateElement","setSelectedHoc","setActiveMember","hocProps","useMemo","activeIndex","removeElement","onClick","swap","elementSwap","handleDuplicate","setElementHoc","commonFieldProps","key","id","position","placeholder","label","formControl","name","fieldArrayName","required","is_required","formType","typeOfField","type","disabled","renderFieldContent","useCallback","field_type","text","jsx","DynamicInput","defaultValue","default_value","is_multiline","min","min_length","max","max_length","email","endIcon","src","sms","alt","number","float_step","phone","DynamicPhone","select","DynamicSelect","options","is_multiselect","date","DynamicDate","is_future_dates_allowed","is_past_dates_allowed","disable","time","DynamicTime","option","url","currency","dollar","file","image","DynamicMedia","max_size","geoLocation","location","relation","jsxs","className","children","info","DynamicInfo","toggleButton","DynamicToggleButton","title","titlePosition","title_position","radioButton","DynamicRadioButton","display","tagsInput","checkbox","DynamicCheckBox","table","DynamicTable","columns","table_columns","Grid","item","xs","DynamicElementHOC","displayName","FormFields","sectionMembers","members","calculateGridSize","is_fullwidth","custom_width","renderedFields","map","findIndex","member"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/views/form-builder/form-fields.tsx"],"sourcesContent":["// React imports\nimport React, { memo, useMemo, useCallback } from 'react';\n\n// Material UI imports\nimport { Grid } from '@mui/material';\n\n// ERP Common imports - Form builder elements\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\n\n// Types\ninterface IField {\n  id: string;\n  field_type: string;\n  placeholder?: string;\n  label: string;\n  default_value?: any;\n  is_multiline?: boolean;\n  is_required?: boolean;\n  min_length?: number;\n  max_length?: number;\n  is_fullwidth?: boolean;\n  custom_width?: number;\n  options?: any[];\n  is_multiselect?: boolean;\n  is_future_dates_allowed?: boolean;\n  is_past_dates_allowed?: boolean;\n  option?: any;\n  max_size?: number;\n  title?: string;\n  display?: string;\n  title_position?: string;\n  table_columns?: any[];\n  float_step?: number;\n  type: string;\n}\n\ninterface FormFieldsProps {\n  sectionMembers: IField[];\n  // Add other required props with proper types\n  members: IField[];\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}\n\n// Field type mapping for better maintainability\nconst FIELD_TYPE_MAP = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  IMAGE: 'image',\n  GEO_LOCATION: 'geoLocation',\n  RELATION: 'relation',\n  INFO: 'info',\n  TOGGLE_BUTTON: 'toggleButton',\n  RADIO_BUTTON: 'radioButton',\n  TAGS_INPUT: 'tagsInput',\n  CHECKBOX: 'checkbox',\n  TABLE: 'table'\n} as const;\n\n// Memoized individual field component\nconst FormField = memo<{\n  field: IField;\n  index: number;\n  gridItemSize: number;\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}>(({\n  field,\n  index,\n  gridItemSize,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Common HOC props - memoized to prevent unnecessary re-renders\n  const hocProps = useMemo(() => ({\n    activeIndex: activeMember === index,\n    removeElement: remove,\n    index,\n    onClick: handleElementSelection,\n    swap: move,\n    elementSwap: () => setElementSwap(true),\n    handleDuplicate: handleDuplicateElement,\n    setElementHoc: () => {\n      setSelectedHoc(\"\");\n      setActiveMember(undefined);\n    }\n  }), [\n    activeMember, \n    index, \n    remove, \n    handleElementSelection, \n    move, \n    setElementSwap, \n    handleDuplicateElement, \n    setSelectedHoc, \n    setActiveMember\n  ]);\n\n  // Common field props - memoized to prevent unnecessary re-renders\n  const commonFieldProps = useMemo(() => ({\n    key: field.id,\n    position: index,\n    placeholder: t(field.placeholder || ''),\n    label: t(field.label),\n    formControl: control,\n    name: \"message\",\n    fieldArrayName: \"members\",\n    required: field.is_required,\n    formType: \"builder\" as const,\n    typeOfField: field.type,\n    disabled: true\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\n\n  // Render field based on type\n  const renderFieldContent = useCallback(() => {\n    const { field_type } = field;\n\n    switch (field_type) {\n      case element.text.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.email.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.sms} alt=\"email\" />}\n          />\n        );\n\n      case element.number.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            min={field.min_length}\n            max={field.max_length}\n            float_step={field.float_step}\n          />\n        );\n\n      case element.phone.field_type:\n        return (\n          <DynamicPhone\n            {...commonFieldProps}\n            type={field_type}\n            default_value={field.default_value}\n          />\n        );\n\n      case element.select.field_type:\n        return (\n          <DynamicSelect\n            {...commonFieldProps}\n            options={field.options}\n            defaultValue={field.default_value}\n            is_multiselect={field.is_multiselect}\n          />\n        );\n\n      case element.date.field_type:\n        return (\n          <DynamicDate\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n            is_future_dates_allowed={field.is_future_dates_allowed}\n            is_past_dates_allowed={field.is_past_dates_allowed}\n            disable={true}\n          />\n        );\n\n      case element.time.field_type:\n        return (\n          <DynamicTime\n            {...commonFieldProps}\n            option={field.option}\n          />\n        );\n\n      case element.url.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.url} alt=\"url\" />}\n          />\n        );\n\n      case element.currency.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\n          />\n        );\n\n      case element.file.field_type:\n      case element.image.field_type:\n        return (\n          <DynamicMedia\n            {...commonFieldProps}\n            type={field_type}\n            max_size={field.max_size}\n          />\n        );\n\n      case element.geoLocation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.location} alt=\"location\" />}\n          />\n        );\n\n      case element.relation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n            label={\n              <span\n                className=\"formSection--Relation\"\n                data-position={index}\n                data-name={`members.${index}.message`}\n              >\n                {t(field.label)}\n                <img src={images.relation} alt=\"relation\" />\n              </span>\n            }\n          />\n        );\n\n      case element.info.field_type:\n        return (\n          <DynamicInfo\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n          />\n        );\n\n      case element.toggleButton.field_type:\n        return (\n          <DynamicToggleButton\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.radioButton.field_type:\n        return (\n          <DynamicRadioButton\n            {...commonFieldProps}\n            options={field.options}\n            display={field.display}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.tagsInput.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.checkbox.field_type:\n        return (\n          <DynamicCheckBox\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={field.title_position}\n          />\n        );\n\n      case element.table.field_type:\n        return (\n          <DynamicTable\n            {...commonFieldProps}\n            columns={field.table_columns || elementJSON?.table_columns || []}\n          />\n        );\n\n      default:\n        console.warn(`Unknown field type: ${field_type}`);\n        return null;\n    }\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\n\n  return (\n    <Grid item xs={gridItemSize}>\n      <DynamicElementHOC\n        {...hocProps}\n        element={field.field_type}\n      >\n        {renderFieldContent()}\n      </DynamicElementHOC>\n    </Grid>\n  );\n});\n\nFormField.displayName = 'FormField';\n\n// Main component\nconst FormFields: React.FC<FormFieldsProps> = memo(({\n  sectionMembers,\n  members,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Memoize grid item size calculation\n  const calculateGridSize = useCallback((field: IField): number => {\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\n    if (field.custom_width) return field.custom_width;\n    return 6;\n  }, []);\n\n  // Memoize the rendered fields\n  const renderedFields = useMemo(() => {\n    return sectionMembers.map((field: IField) => {\n      const index = members.findIndex(member => member === field);\n      const gridItemSize = calculateGridSize(field);\n\n      return (\n        <FormField\n          key={`${field.id}-${index}`} // Better key for React reconciliation\n          field={field}\n          index={index}\n          gridItemSize={gridItemSize}\n          activeMember={activeMember}\n          control={control}\n          t={t}\n          element={element}\n          images={images}\n          elementJSON={elementJSON}\n          remove={remove}\n          move={move}\n          handleElementSelection={handleElementSelection}\n          setElementSwap={setElementSwap}\n          handleDuplicateElement={handleDuplicateElement}\n          setSelectedHoc={setSelectedHoc}\n          setActiveMember={setActiveMember}\n        />\n      );\n    });\n  }, [\n    sectionMembers,\n    members,\n    activeMember,\n    control,\n    t,\n    element,\n    images,\n    elementJSON,\n    remove,\n    move,\n    handleElementSelection,\n    setElementSwap,\n    handleDuplicateElement,\n    setSelectedHoc,\n    setActiveMember,\n    calculateGridSize,\n    elementJSON?.field_type\n  ]);\n\n  return <>{renderedFields}</>;\n});\n\nFormFields.displayName = 'FormFields';\n\nexport { FormField };\nexport default FormFields;"],"names":["FormField","memo","field","index","gridItemSize","activeMember","control","t","element","images","elementJSON","remove","move","handleElementSelection","setElementSwap","handleDuplicateElement","setSelectedHoc","setActiveMember","hocProps","useMemo","activeIndex","removeElement","onClick","swap","elementSwap","handleDuplicate","setElementHoc","commonFieldProps","key","id","position","placeholder","label","formControl","name","fieldArrayName","required","is_required","formType","typeOfField","type","disabled","renderFieldContent","useCallback","field_type","text","jsx","DynamicInput","defaultValue","default_value","is_multiline","min","min_length","max","max_length","email","endIcon","src","sms","alt","number","float_step","phone","DynamicPhone","select","DynamicSelect","options","is_multiselect","date","DynamicDate","is_future_dates_allowed","is_past_dates_allowed","disable","time","DynamicTime","option","url","currency","dollar","file","image","DynamicMedia","max_size","geoLocation","location","relation","jsxs","className","children","info","DynamicInfo","toggleButton","DynamicToggleButton","title","titlePosition","title_position","radioButton","DynamicRadioButton","display","tagsInput","checkbox","DynamicCheckBox","table","DynamicTable","columns","table_columns","Grid","item","xs","DynamicElementHOC","displayName","FormFields","sectionMembers","members","calculateGridSize","is_fullwidth","custom_width","renderedFields","map","findIndex","member"],"mappings":"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"}

package/dist/views/form-builder/form-fields.d.ts

@@ -0,0 +1,65 @@
+import { default as React } from 'react';
+
+interface IField {
+    id: string;
+    field_type: string;
+    placeholder?: string;
+    label: string;
+    default_value?: any;
+    is_multiline?: boolean;
+    is_required?: boolean;
+    min_length?: number;
+    max_length?: number;
+    is_fullwidth?: boolean;
+    custom_width?: number;
+    options?: any[];
+    is_multiselect?: boolean;
+    is_future_dates_allowed?: boolean;
+    is_past_dates_allowed?: boolean;
+    option?: any;
+    max_size?: number;
+    title?: string;
+    display?: string;
+    title_position?: string;
+    table_columns?: any[];
+    float_step?: number;
+    type: string;
+}
+interface FormFieldsProps {
+    sectionMembers: IField[];
+    members: IField[];
+    activeMember?: number;
+    control: any;
+    t: (key: string) => string;
+    element: any;
+    images: any;
+    elementJSON?: any;
+    remove: (index: number) => void;
+    move: (from: number, to: number) => void;
+    handleElementSelection: (e: any) => void;
+    setElementSwap: (value: boolean) => void;
+    handleDuplicateElement: (index: number) => void;
+    setSelectedHoc: (value: string) => void;
+    setActiveMember: (value: number | undefined) => void;
+}
+declare const FormField: React.NamedExoticComponent<{
+    field: IField;
+    index: number;
+    gridItemSize: number;
+    activeMember?: number;
+    control: any;
+    t: (key: string) => string;
+    element: any;
+    images: any;
+    elementJSON?: any;
+    remove: (index: number) => void;
+    move: (from: number, to: number) => void;
+    handleElementSelection: (e: any) => void;
+    setElementSwap: (value: boolean) => void;
+    handleDuplicateElement: (index: number) => void;
+    setSelectedHoc: (value: string) => void;
+    setActiveMember: (value: number | undefined) => void;
+}>;
+declare const FormFields: React.FC<FormFieldsProps>;
+export { FormField };
+export default FormFields;

package/dist/views/form-builder/index.d.ts

@@ -0,0 +1,9 @@
+export { default as CustomForm } from './custom-form';
+export * from './custom-form';
+export * from './field_properties';
+export { default as FormFields } from './form-fields';
+export * from './form-fields';
+export * from './types';
+export * from './element-edit-forms';
+export * from './redux';
+export * from './utils';

package/dist/views/form-builder/redux/actionCreator/index.esm.js

@@ -1,4 +1,4 @@
-import { getV1FormBuilderId, patchV1FormBuilderId, getV1FormBuilderFieldsId, setBaseUrl } from "../../../../api-client/api.system-feature/api/index.esm.js";
+import { patchV1FormBuilderId, getV1FormBuilderId, getV1FormBuilderFieldsId, setBaseUrl } from "../../../../api-client/api.system-feature/api/index.esm.js";
 import { createAsyncThunk } from "@reduxjs/toolkit";
 import { getToken } from "../../../../utils/common/index.esm.js";
 setBaseUrl(`${"http://127.0.0.1:4011"}/system-feature`);

package/dist/views/form-builder/redux/actionCreator.d.ts

@@ -0,0 +1,5 @@
+import { GetV1FormBuilderFieldsIdRequest } from '../../../api-client/api.system-feature/api-types';
+
+export declare const patchFormDataById: import('@reduxjs/toolkit').AsyncThunk<import('../../../api-client/api.system-feature/api-types').PatchV1FormBuilderIdResponseOK | import('../../../api-client/api.system-feature/api-types').PatchV1FormBuilderIdResponseBadRequest | import('../../../api-client/api.system-feature/api-types').PatchV1FormBuilderIdResponseNotFound | import('../../../api-client/api.system-feature/api-types').PatchV1FormBuilderIdResponseInternalServerError, any, import('@reduxjs/toolkit').AsyncThunkConfig>;
+export declare const getFormDataById: import('@reduxjs/toolkit').AsyncThunk<import('../../../api-client/api.system-feature/api-types').GetV1FormBuilderIdResponseOK | import('../../../api-client/api.system-feature/api-types').GetV1FormBuilderIdResponseBadRequest | import('../../../api-client/api.system-feature/api-types').GetV1FormBuilderIdResponseNotFound | import('../../../api-client/api.system-feature/api-types').GetV1FormBuilderIdResponseInternalServerError, string, import('@reduxjs/toolkit').AsyncThunkConfig>;
+export declare const getFieldsByFormId: import('@reduxjs/toolkit').AsyncThunk<any, GetV1FormBuilderFieldsIdRequest, import('@reduxjs/toolkit').AsyncThunkConfig>;

package/dist/views/form-builder/redux/index.d.ts

@@ -0,0 +1,5 @@
+export * from './actionCreator';
+export { default as formBuilderListSlice } from './reducer';
+export * from './reducer';
+export { default as state } from './state';
+export * from './state';

package/dist/views/form-builder/redux/reducer/index.esm.js

@@ -82,7 +82,11 @@ const formBuilderListSlice = createSlice({
     });
   }
 });
+const { setFormData } = formBuilderListSlice.actions;
+var reducer = formBuilderListSlice.reducer;
 export {
-  formBuilderListSlice
+  reducer as default,
+  formBuilderListSlice,
+  setFormData
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/views/form-builder/redux/reducer/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/redux/reducer.ts"],"sourcesContent":["import { createSlice } from '@reduxjs/toolkit';\nimport {\n  getFieldsByFormId,\n  getFormDataById,\n  patchFormDataById,\n\n} from \"./actionCreator\";\nimport initialState from \"./state\";\n\nconst isJsonParse = (json: string) => {\n  try {\n    return JSON.parse(json);\n  } catch (error) {\n    return false;\n  }\n};\n\nexport const formBuilderListSlice = createSlice({\n  name: \"formBuilder/getAllFormData\",\n  initialState,\n  reducers: {\n    setFormData: (state, action) => {\n      state.formData = action.payload\n    },\n    setPaginationModel(state, action) {\n      state.paginationModel = { ...state.paginationModel, ...action.payload };\n    },\n  },\n  extraReducers: (builder) => {\n    /*--------------------------------GET Handle Pending State ---------------------------------*/\n\n\n\n    /*--------------------------------GET BY ID Handle Pending State ---------------------------------*/\n\n    builder.addCase(getFormDataById.pending, (state) => {\n      state.isLoading = true;\n      state.isError = false;\n      state.error = '';\n      state.formData = [];\n    });\n\n    /*--------------------------------GET BY ID Handle fullfiled State ---------------------------------*/\n    builder.addCase(getFormDataById.fulfilled, (state, action: any) => {\n      state.isLoading = false;\n      state.isError = false;\n      state.formData = action?.payload?.data?.form?.fields;\n      state.error = \"\";\n    });\n\n    /*--------------------------------GET BY ID Handle Rejected State ---------------------------------*/\n    builder.addCase(getFormDataById.rejected, (state, action) => {\n      state.isLoading = false;\n      state.isError = true;\n      state.error = action.error.message || \"\";\n    });\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\n\n    builder.addCase(patchFormDataById.pending, (state) => {\n      // state.isLoading = true;\n      // state.isError = false;\n      // state.isSuccess = false;\n      // state.error = \"\";\n    });\n\n    /*--------------------------------Patch Handle fullfiled State ---------------------------------*/\n    builder.addCase(patchFormDataById.fulfilled, (state) => {\n      state.isLoading = false;\n      state.isError = false;\n      // state.formData = [];\n      state.error = \"\";\n      state.isSuccess = true;\n    });\n\n    /*--------------------------------Patch Handle Rejected State ---------------------------------*/\n    builder.addCase(patchFormDataById.rejected, (state, action) => {\n      const error: string = isJsonParse(action.error?.message)?.message || action.error.message || \"Something went wrong\";\n      state.isLoading = false;\n      state.isError = true;\n      state.error = error;\n      state.isSuccess = false;\n    });\n\n\n\n\n    /*--------------------------------Get Fields By Form ID handle pending state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.pending, (state) => {\n      state.isLoading = true;\n    });\n    /*--------------------------------Get Fields By Form ID handle fullfilled state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.fulfilled, (state, action) => {\n      const incomingFields = action.payload;\n      if (incomingFields.length) {\n        let fields = {};\n        incomingFields.forEach((field: any) => {\n          for (const key in field) {\n            fields = {\n              ...fields,\n              [key]: field[key],\n            };\n          }\n        });\n        state.fields = fields;\n        state.isLoading = false;\n      }\n    });\n    /*--------------------------------Get Fields By Form ID handle rejected state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.rejected, (state, action) => {\n      const message = `Fields API: ${isJsonParse(action.error.message as string)?.message ||\n        action.error.message\n        }`;\n      state.isLoading = false;\n      state.isError = true;\n      state.error = message;\n    });\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\n  },\n});\n\nexport const { setFormData, setPaginationModel } = formBuilderListSlice.actions;\n\nexport default formBuilderListSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AASA,MAAM,cAAc,CAAC,SAAiB;AACpC,MAAI;AACF,WAAO,KAAK,MAAM,IAAI;AAAA,EACxB,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEO,MAAM,uBAAuB,YAAY;AAAA,EAC9C,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU;AAAA,IACR,aAAa,CAACC,QAAO,WAAW;AAC9B,MAAAA,OAAM,WAAW,OAAO;AAAA,IAC1B;AAAA,IACA,mBAAmBA,QAAO,QAAQ;AAChC,MAAAA,OAAM,kBAAkB,EAAE,GAAGA,OAAM,iBAAiB,GAAG,OAAO,QAAA;AAAA,IAChE;AAAA,EAAA;AAAA,EAEF,eAAe,CAAC,YAAY;AAO1B,YAAQ,QAAQ,gBAAgB,SAAS,CAACA,WAAU;AAClD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,WAAW,CAAA;AAAA,IACnB,CAAC;AAGD,YAAQ,QAAQ,gBAAgB,WAAW,CAACA,QAAO,WAAgB;;AACjE,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,YAAW,kDAAQ,YAAR,mBAAiB,SAAjB,mBAAuB,SAAvB,mBAA6B;AAC9C,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AAGD,YAAQ,QAAQ,gBAAgB,UAAU,CAACA,QAAO,WAAW;AAC3D,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AAAA,IACxC,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,SAAS,CAACA,WAAU;AAAA,IAKtD,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,WAAW,CAACA,WAAU;AACtD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAEhB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,UAAU,CAACA,QAAO,WAAW;;AAC7D,YAAM,UAAgB,kBAAY,YAAO,UAAP,mBAAc,OAAO,MAAjC,mBAAoC,YAAW,OAAO,MAAM,WAAW;AAC7F,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAMD,YAAQ,QAAQ,kBAAkB,SAAS,CAACA,WAAU;AACpD,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAED,YAAQ,QAAQ,kBAAkB,WAAW,CAACA,QAAO,WAAW;AAC9D,YAAM,iBAAiB,OAAO;AAC9B,UAAI,eAAe,QAAQ;AACzB,YAAI,SAAS,CAAA;AACb,uBAAe,QAAQ,CAAC,UAAe;AACrC,qBAAW,OAAO,OAAO;AACvB,qBAAS;AAAA,cACP,GAAG;AAAA,cACH,CAAC,GAAG,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAEpB;AAAA,QACF,CAAC;AACD,QAAAA,OAAM,SAAS;AACf,QAAAA,OAAM,YAAY;AAAA,MACpB;AAAA,IACF,CAAC;AAED,YAAQ,QAAQ,kBAAkB,UAAU,CAACA,QAAO,WAAW;;AAC7D,YAAM,UAAU,iBAAe,iBAAY,OAAO,MAAM,OAAiB,MAA1C,mBAA6C,YAC1E,OAAO,MAAM,OACb;AACF,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AAAA,EAEH;AACF,CAAC;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/redux/reducer.ts"],"sourcesContent":["import { createSlice } from '@reduxjs/toolkit';\nimport {\n  getFieldsByFormId,\n  getFormDataById,\n  patchFormDataById,\n\n} from \"./actionCreator\";\nimport initialState from \"./state\";\n\nconst isJsonParse = (json: string) => {\n  try {\n    return JSON.parse(json);\n  } catch (error) {\n    return false;\n  }\n};\n\nexport const formBuilderListSlice = createSlice({\n  name: \"formBuilder/getAllFormData\",\n  initialState,\n  reducers: {\n    setFormData: (state, action) => {\n      state.formData = action.payload\n    },\n    setPaginationModel(state, action) {\n      state.paginationModel = { ...state.paginationModel, ...action.payload };\n    },\n  },\n  extraReducers: (builder) => {\n    /*--------------------------------GET Handle Pending State ---------------------------------*/\n\n\n\n    /*--------------------------------GET BY ID Handle Pending State ---------------------------------*/\n\n    builder.addCase(getFormDataById.pending, (state) => {\n      state.isLoading = true;\n      state.isError = false;\n      state.error = '';\n      state.formData = [];\n    });\n\n    /*--------------------------------GET BY ID Handle fullfiled State ---------------------------------*/\n    builder.addCase(getFormDataById.fulfilled, (state, action: any) => {\n      state.isLoading = false;\n      state.isError = false;\n      state.formData = action?.payload?.data?.form?.fields;\n      state.error = \"\";\n    });\n\n    /*--------------------------------GET BY ID Handle Rejected State ---------------------------------*/\n    builder.addCase(getFormDataById.rejected, (state, action) => {\n      state.isLoading = false;\n      state.isError = true;\n      state.error = action.error.message || \"\";\n    });\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\n\n    builder.addCase(patchFormDataById.pending, (state) => {\n      // state.isLoading = true;\n      // state.isError = false;\n      // state.isSuccess = false;\n      // state.error = \"\";\n    });\n\n    /*--------------------------------Patch Handle fullfiled State ---------------------------------*/\n    builder.addCase(patchFormDataById.fulfilled, (state) => {\n      state.isLoading = false;\n      state.isError = false;\n      // state.formData = [];\n      state.error = \"\";\n      state.isSuccess = true;\n    });\n\n    /*--------------------------------Patch Handle Rejected State ---------------------------------*/\n    builder.addCase(patchFormDataById.rejected, (state, action) => {\n      const error: string = isJsonParse(action.error?.message)?.message || action.error.message || \"Something went wrong\";\n      state.isLoading = false;\n      state.isError = true;\n      state.error = error;\n      state.isSuccess = false;\n    });\n\n\n\n\n    /*--------------------------------Get Fields By Form ID handle pending state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.pending, (state) => {\n      state.isLoading = true;\n    });\n    /*--------------------------------Get Fields By Form ID handle fullfilled state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.fulfilled, (state, action) => {\n      const incomingFields = action.payload;\n      if (incomingFields.length) {\n        let fields = {};\n        incomingFields.forEach((field: any) => {\n          for (const key in field) {\n            fields = {\n              ...fields,\n              [key]: field[key],\n            };\n          }\n        });\n        state.fields = fields;\n        state.isLoading = false;\n      }\n    });\n    /*--------------------------------Get Fields By Form ID handle rejected state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.rejected, (state, action) => {\n      const message = `Fields API: ${isJsonParse(action.error.message as string)?.message ||\n        action.error.message\n        }`;\n      state.isLoading = false;\n      state.isError = true;\n      state.error = message;\n    });\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\n  },\n});\n\nexport const { setFormData, setPaginationModel } = formBuilderListSlice.actions;\n\nexport default formBuilderListSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AASA,MAAM,cAAc,CAAC,SAAiB;AACpC,MAAI;AACF,WAAO,KAAK,MAAM,IAAI;AAAA,EACxB,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEO,MAAM,uBAAuB,YAAY;AAAA,EAC9C,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU;AAAA,IACR,aAAa,CAACC,QAAO,WAAW;AAC9B,MAAAA,OAAM,WAAW,OAAO;AAAA,IAC1B;AAAA,IACA,mBAAmBA,QAAO,QAAQ;AAChC,MAAAA,OAAM,kBAAkB,EAAE,GAAGA,OAAM,iBAAiB,GAAG,OAAO,QAAA;AAAA,IAChE;AAAA,EAAA;AAAA,EAEF,eAAe,CAAC,YAAY;AAO1B,YAAQ,QAAQ,gBAAgB,SAAS,CAACA,WAAU;AAClD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,WAAW,CAAA;AAAA,IACnB,CAAC;AAGD,YAAQ,QAAQ,gBAAgB,WAAW,CAACA,QAAO,WAAgB;;AACjE,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,YAAW,kDAAQ,YAAR,mBAAiB,SAAjB,mBAAuB,SAAvB,mBAA6B;AAC9C,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AAGD,YAAQ,QAAQ,gBAAgB,UAAU,CAACA,QAAO,WAAW;AAC3D,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AAAA,IACxC,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,SAAS,CAACA,WAAU;AAAA,IAKtD,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,WAAW,CAACA,WAAU;AACtD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAEhB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,UAAU,CAACA,QAAO,WAAW;;AAC7D,YAAM,UAAgB,kBAAY,YAAO,UAAP,mBAAc,OAAO,MAAjC,mBAAoC,YAAW,OAAO,MAAM,WAAW;AAC7F,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAMD,YAAQ,QAAQ,kBAAkB,SAAS,CAACA,WAAU;AACpD,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAED,YAAQ,QAAQ,kBAAkB,WAAW,CAACA,QAAO,WAAW;AAC9D,YAAM,iBAAiB,OAAO;AAC9B,UAAI,eAAe,QAAQ;AACzB,YAAI,SAAS,CAAA;AACb,uBAAe,QAAQ,CAAC,UAAe;AACrC,qBAAW,OAAO,OAAO;AACvB,qBAAS;AAAA,cACP,GAAG;AAAA,cACH,CAAC,GAAG,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAEpB;AAAA,QACF,CAAC;AACD,QAAAA,OAAM,SAAS;AACf,QAAAA,OAAM,YAAY;AAAA,MACpB;AAAA,IACF,CAAC;AAED,YAAQ,QAAQ,kBAAkB,UAAU,CAACA,QAAO,WAAW;;AAC7D,YAAM,UAAU,iBAAe,iBAAY,OAAO,MAAM,OAAiB,MAA1C,mBAA6C,YAC1E,OAAO,MAAM,OACb;AACF,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AAAA,EAEH;AACF,CAAC;AAEM,MAAM,EAAE,YAAgC,IAAI,qBAAqB;AAExE,IAAA,UAAe,qBAAqB;"}

package/dist/views/form-builder/redux/reducer/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../actionCreator/index.js"),a=require("../state/index.js");const o=e=>{try{return JSON.parse(e)}catch(r){return!1}},d=e.createSlice({name:"formBuilder/getAllFormData",initialState:a.state,reducers:{setFormData:(e,r)=>{e.formData=r.payload},setPaginationModel(e,r){e.paginationModel={...e.paginationModel,...r.payload}}},extraReducers:e=>{e.addCase(r.getFormDataById.pending,e=>{e.isLoading=!0,e.isError=!1,e.error="",e.formData=[]}),e.addCase(r.getFormDataById.fulfilled,(e,r)=>{var a,o,d;e.isLoading=!1,e.isError=!1,e.formData=null==(d=null==(o=null==(a=null==r?void 0:r.payload)?void 0:a.data)?void 0:o.form)?void 0:d.fields,e.error=""}),e.addCase(r.getFormDataById.rejected,(e,r)=>{e.isLoading=!1,e.isError=!0,e.error=r.error.message||""}),e.addCase(r.patchFormDataById.pending,e=>{}),e.addCase(r.patchFormDataById.fulfilled,e=>{e.isLoading=!1,e.isError=!1,e.error="",e.isSuccess=!0}),e.addCase(r.patchFormDataById.rejected,(e,r)=>{var a,d;const s=(null==(d=o(null==(a=r.error)?void 0:a.message))?void 0:d.message)||r.error.message||"Something went wrong";e.isLoading=!1,e.isError=!0,e.error=s,e.isSuccess=!1}),e.addCase(r.getFieldsByFormId.pending,e=>{e.isLoading=!0}),e.addCase(r.getFieldsByFormId.fulfilled,(e,r)=>{const a=r.payload;if(a.length){let r={};a.forEach(e=>{for(const a in e)r={...r,[a]:e[a]}}),e.fields=r,e.isLoading=!1}}),e.addCase(r.getFieldsByFormId.rejected,(e,r)=>{var a;const d=`Fields API: ${(null==(a=o(r.error.message))?void 0:a.message)||r.error.message}`;e.isLoading=!1,e.isError=!0,e.error=d})}});exports.formBuilderListSlice=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../actionCreator/index.js"),a=require("../state/index.js");const o=e=>{try{return JSON.parse(e)}catch(r){return!1}},d=e.createSlice({name:"formBuilder/getAllFormData",initialState:a.state,reducers:{setFormData:(e,r)=>{e.formData=r.payload},setPaginationModel(e,r){e.paginationModel={...e.paginationModel,...r.payload}}},extraReducers:e=>{e.addCase(r.getFormDataById.pending,e=>{e.isLoading=!0,e.isError=!1,e.error="",e.formData=[]}),e.addCase(r.getFormDataById.fulfilled,(e,r)=>{var a,o,d;e.isLoading=!1,e.isError=!1,e.formData=null==(d=null==(o=null==(a=null==r?void 0:r.payload)?void 0:a.data)?void 0:o.form)?void 0:d.fields,e.error=""}),e.addCase(r.getFormDataById.rejected,(e,r)=>{e.isLoading=!1,e.isError=!0,e.error=r.error.message||""}),e.addCase(r.patchFormDataById.pending,e=>{}),e.addCase(r.patchFormDataById.fulfilled,e=>{e.isLoading=!1,e.isError=!1,e.error="",e.isSuccess=!0}),e.addCase(r.patchFormDataById.rejected,(e,r)=>{var a,d;const s=(null==(d=o(null==(a=r.error)?void 0:a.message))?void 0:d.message)||r.error.message||"Something went wrong";e.isLoading=!1,e.isError=!0,e.error=s,e.isSuccess=!1}),e.addCase(r.getFieldsByFormId.pending,e=>{e.isLoading=!0}),e.addCase(r.getFieldsByFormId.fulfilled,(e,r)=>{const a=r.payload;if(a.length){let r={};a.forEach(e=>{for(const a in e)r={...r,[a]:e[a]}}),e.fields=r,e.isLoading=!1}}),e.addCase(r.getFieldsByFormId.rejected,(e,r)=>{var a;const d=`Fields API: ${(null==(a=o(r.error.message))?void 0:a.message)||r.error.message}`;e.isLoading=!1,e.isError=!0,e.error=d})}}),{setFormData:s}=d.actions;var t=d.reducer;exports.default=t,exports.formBuilderListSlice=d,exports.setFormData=s;
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/redux/reducer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/redux/reducer.ts"],"sourcesContent":["import { createSlice } from '@reduxjs/toolkit';\nimport {\n  getFieldsByFormId,\n  getFormDataById,\n  patchFormDataById,\n\n} from \"./actionCreator\";\nimport initialState from \"./state\";\n\nconst isJsonParse = (json: string) => {\n  try {\n    return JSON.parse(json);\n  } catch (error) {\n    return false;\n  }\n};\n\nexport const formBuilderListSlice = createSlice({\n  name: \"formBuilder/getAllFormData\",\n  initialState,\n  reducers: {\n    setFormData: (state, action) => {\n      state.formData = action.payload\n    },\n    setPaginationModel(state, action) {\n      state.paginationModel = { ...state.paginationModel, ...action.payload };\n    },\n  },\n  extraReducers: (builder) => {\n    /*--------------------------------GET Handle Pending State ---------------------------------*/\n\n\n\n    /*--------------------------------GET BY ID Handle Pending State ---------------------------------*/\n\n    builder.addCase(getFormDataById.pending, (state) => {\n      state.isLoading = true;\n      state.isError = false;\n      state.error = '';\n      state.formData = [];\n    });\n\n    /*--------------------------------GET BY ID Handle fullfiled State ---------------------------------*/\n    builder.addCase(getFormDataById.fulfilled, (state, action: any) => {\n      state.isLoading = false;\n      state.isError = false;\n      state.formData = action?.payload?.data?.form?.fields;\n      state.error = \"\";\n    });\n\n    /*--------------------------------GET BY ID Handle Rejected State ---------------------------------*/\n    builder.addCase(getFormDataById.rejected, (state, action) => {\n      state.isLoading = false;\n      state.isError = true;\n      state.error = action.error.message || \"\";\n    });\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\n\n    builder.addCase(patchFormDataById.pending, (state) => {\n      // state.isLoading = true;\n      // state.isError = false;\n      // state.isSuccess = false;\n      // state.error = \"\";\n    });\n\n    /*--------------------------------Patch Handle fullfiled State ---------------------------------*/\n    builder.addCase(patchFormDataById.fulfilled, (state) => {\n      state.isLoading = false;\n      state.isError = false;\n      // state.formData = [];\n      state.error = \"\";\n      state.isSuccess = true;\n    });\n\n    /*--------------------------------Patch Handle Rejected State ---------------------------------*/\n    builder.addCase(patchFormDataById.rejected, (state, action) => {\n      const error: string = isJsonParse(action.error?.message)?.message || action.error.message || \"Something went wrong\";\n      state.isLoading = false;\n      state.isError = true;\n      state.error = error;\n      state.isSuccess = false;\n    });\n\n\n\n\n    /*--------------------------------Get Fields By Form ID handle pending state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.pending, (state) => {\n      state.isLoading = true;\n    });\n    /*--------------------------------Get Fields By Form ID handle fullfilled state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.fulfilled, (state, action) => {\n      const incomingFields = action.payload;\n      if (incomingFields.length) {\n        let fields = {};\n        incomingFields.forEach((field: any) => {\n          for (const key in field) {\n            fields = {\n              ...fields,\n              [key]: field[key],\n            };\n          }\n        });\n        state.fields = fields;\n        state.isLoading = false;\n      }\n    });\n    /*--------------------------------Get Fields By Form ID handle rejected state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.rejected, (state, action) => {\n      const message = `Fields API: ${isJsonParse(action.error.message as string)?.message ||\n        action.error.message\n        }`;\n      state.isLoading = false;\n      state.isError = true;\n      state.error = message;\n    });\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\n  },\n});\n\nexport const { setFormData, setPaginationModel } = formBuilderListSlice.actions;\n\nexport default formBuilderListSlice.reducer;\n"],"names":["isJsonParse","json","JSON","parse","error","formBuilderListSlice","createSlice","name","initialState","reducers","setFormData","state","action","formData","payload","setPaginationModel","paginationModel","extraReducers","builder","addCase","getFormDataById","pending","isLoading","isError","fulfilled","_c","_b","_a","data","form","fields","rejected","message","patchFormDataById","isSuccess","getFieldsByFormId","incomingFields","length","forEach","field","key"],"mappings":"4KASA,MAAMA,EAAeC,IACnB,IACE,OAAOC,KAAKC,MAAMF,EACpB,OAASG,GACP,OAAO,CACT,GAGWC,EAAuBC,EAAAA,YAAY,CAC9CC,KAAM,6BAAAC,aACNA,EAAAA,MACAC,SAAU,CACRC,YAAa,CAACC,EAAOC,KACnBD,EAAME,SAAWD,EAAOE,SAE1B,kBAAAC,CAAmBJ,EAAOC,GACxBD,EAAMK,gBAAkB,IAAKL,EAAMK,mBAAoBJ,EAAOE,QAChE,GAEFG,cAAgBC,IAOdA,EAAQC,QAAQC,EAAAA,gBAAgBC,QAAUV,IACxCA,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQ,GACdO,EAAME,SAAW,KAInBK,EAAQC,QAAQC,EAAAA,gBAAgBI,UAAW,CAACb,EAAOC,eACjDD,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAME,SAAW,OAAAY,EAAA,OAAAC,EAAA,OAAAC,EAAA,MAAAf,OAAA,EAAAA,EAAQE,kBAASc,WAAjB,EAAAF,EAAuBG,WAAvB,EAAAJ,EAA6BK,OAC9CnB,EAAMP,MAAQ,KAIhBc,EAAQC,QAAQC,EAAAA,gBAAgBW,SAAU,CAACpB,EAAOC,KAChDD,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQQ,EAAOR,MAAM4B,SAAW,KAIxCd,EAAQC,QAAQc,EAAAA,kBAAkBZ,QAAUV,OAQ5CO,EAAQC,QAAQc,EAAAA,kBAAkBT,UAAYb,IAC5CA,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAEhBZ,EAAMP,MAAQ,GACdO,EAAMuB,WAAY,IAIpBhB,EAAQC,QAAQc,EAAAA,kBAAkBF,SAAU,CAACpB,EAAOC,aAClD,MAAMR,GAAgB,OAAAsB,EAAA1B,EAAY,OAAA2B,EAAAf,EAAOR,YAAP,EAAAuB,EAAcK,eAA1B,EAAAN,EAAoCM,UAAWpB,EAAOR,MAAM4B,SAAW,uBAC7FrB,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQA,EACdO,EAAMuB,WAAY,IAOpBhB,EAAQC,QAAQgB,EAAAA,kBAAkBd,QAAUV,IAC1CA,EAAMW,WAAY,IAGpBJ,EAAQC,QAAQgB,EAAAA,kBAAkBX,UAAW,CAACb,EAAOC,KACnD,MAAMwB,EAAiBxB,EAAOE,QAC9B,GAAIsB,EAAeC,OAAQ,CACzB,IAAIP,EAAS,CAAA,EACbM,EAAeE,QAASC,IACtB,IAAA,MAAWC,KAAOD,EAChBT,EAAS,IACJA,EACHU,CAACA,GAAMD,EAAMC,MAInB7B,EAAMmB,OAASA,EACfnB,EAAMW,WAAY,CACpB,IAGFJ,EAAQC,QAAQgB,EAAAA,kBAAkBJ,SAAU,CAACpB,EAAOC,WAClD,MAAMoB,EAAU,gBAAe,OAAAL,EAAA3B,EAAYY,EAAOR,MAAM4B,eAAzB,EAAAL,EAA6CK,UAC1EpB,EAAOR,MAAM4B,UAEfrB,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQ4B"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/redux/reducer.ts"],"sourcesContent":["import { createSlice } from '@reduxjs/toolkit';\nimport {\n  getFieldsByFormId,\n  getFormDataById,\n  patchFormDataById,\n\n} from \"./actionCreator\";\nimport initialState from \"./state\";\n\nconst isJsonParse = (json: string) => {\n  try {\n    return JSON.parse(json);\n  } catch (error) {\n    return false;\n  }\n};\n\nexport const formBuilderListSlice = createSlice({\n  name: \"formBuilder/getAllFormData\",\n  initialState,\n  reducers: {\n    setFormData: (state, action) => {\n      state.formData = action.payload\n    },\n    setPaginationModel(state, action) {\n      state.paginationModel = { ...state.paginationModel, ...action.payload };\n    },\n  },\n  extraReducers: (builder) => {\n    /*--------------------------------GET Handle Pending State ---------------------------------*/\n\n\n\n    /*--------------------------------GET BY ID Handle Pending State ---------------------------------*/\n\n    builder.addCase(getFormDataById.pending, (state) => {\n      state.isLoading = true;\n      state.isError = false;\n      state.error = '';\n      state.formData = [];\n    });\n\n    /*--------------------------------GET BY ID Handle fullfiled State ---------------------------------*/\n    builder.addCase(getFormDataById.fulfilled, (state, action: any) => {\n      state.isLoading = false;\n      state.isError = false;\n      state.formData = action?.payload?.data?.form?.fields;\n      state.error = \"\";\n    });\n\n    /*--------------------------------GET BY ID Handle Rejected State ---------------------------------*/\n    builder.addCase(getFormDataById.rejected, (state, action) => {\n      state.isLoading = false;\n      state.isError = true;\n      state.error = action.error.message || \"\";\n    });\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\n\n    builder.addCase(patchFormDataById.pending, (state) => {\n      // state.isLoading = true;\n      // state.isError = false;\n      // state.isSuccess = false;\n      // state.error = \"\";\n    });\n\n    /*--------------------------------Patch Handle fullfiled State ---------------------------------*/\n    builder.addCase(patchFormDataById.fulfilled, (state) => {\n      state.isLoading = false;\n      state.isError = false;\n      // state.formData = [];\n      state.error = \"\";\n      state.isSuccess = true;\n    });\n\n    /*--------------------------------Patch Handle Rejected State ---------------------------------*/\n    builder.addCase(patchFormDataById.rejected, (state, action) => {\n      const error: string = isJsonParse(action.error?.message)?.message || action.error.message || \"Something went wrong\";\n      state.isLoading = false;\n      state.isError = true;\n      state.error = error;\n      state.isSuccess = false;\n    });\n\n\n\n\n    /*--------------------------------Get Fields By Form ID handle pending state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.pending, (state) => {\n      state.isLoading = true;\n    });\n    /*--------------------------------Get Fields By Form ID handle fullfilled state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.fulfilled, (state, action) => {\n      const incomingFields = action.payload;\n      if (incomingFields.length) {\n        let fields = {};\n        incomingFields.forEach((field: any) => {\n          for (const key in field) {\n            fields = {\n              ...fields,\n              [key]: field[key],\n            };\n          }\n        });\n        state.fields = fields;\n        state.isLoading = false;\n      }\n    });\n    /*--------------------------------Get Fields By Form ID handle rejected state ---------------------------------*/\n    builder.addCase(getFieldsByFormId.rejected, (state, action) => {\n      const message = `Fields API: ${isJsonParse(action.error.message as string)?.message ||\n        action.error.message\n        }`;\n      state.isLoading = false;\n      state.isError = true;\n      state.error = message;\n    });\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\n  },\n});\n\nexport const { setFormData, setPaginationModel } = formBuilderListSlice.actions;\n\nexport default formBuilderListSlice.reducer;\n"],"names":["isJsonParse","json","JSON","parse","error","formBuilderListSlice","createSlice","name","initialState","reducers","setFormData","state","action","formData","payload","setPaginationModel","paginationModel","extraReducers","builder","addCase","getFormDataById","pending","isLoading","isError","fulfilled","_c","_b","_a","data","form","fields","rejected","message","patchFormDataById","isSuccess","getFieldsByFormId","incomingFields","length","forEach","field","key","actions","reducer"],"mappings":"4KASA,MAAMA,EAAeC,IACnB,IACE,OAAOC,KAAKC,MAAMF,EACpB,OAASG,GACP,OAAO,CACT,GAGWC,EAAuBC,EAAAA,YAAY,CAC9CC,KAAM,6BAAAC,aACNA,EAAAA,MACAC,SAAU,CACRC,YAAa,CAACC,EAAOC,KACnBD,EAAME,SAAWD,EAAOE,SAE1B,kBAAAC,CAAmBJ,EAAOC,GACxBD,EAAMK,gBAAkB,IAAKL,EAAMK,mBAAoBJ,EAAOE,QAChE,GAEFG,cAAgBC,IAOdA,EAAQC,QAAQC,EAAAA,gBAAgBC,QAAUV,IACxCA,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQ,GACdO,EAAME,SAAW,KAInBK,EAAQC,QAAQC,EAAAA,gBAAgBI,UAAW,CAACb,EAAOC,eACjDD,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAME,SAAW,OAAAY,EAAA,OAAAC,EAAA,OAAAC,EAAA,MAAAf,OAAA,EAAAA,EAAQE,kBAASc,WAAjB,EAAAF,EAAuBG,WAAvB,EAAAJ,EAA6BK,OAC9CnB,EAAMP,MAAQ,KAIhBc,EAAQC,QAAQC,EAAAA,gBAAgBW,SAAU,CAACpB,EAAOC,KAChDD,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQQ,EAAOR,MAAM4B,SAAW,KAIxCd,EAAQC,QAAQc,EAAAA,kBAAkBZ,QAAUV,OAQ5CO,EAAQC,QAAQc,EAAAA,kBAAkBT,UAAYb,IAC5CA,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAEhBZ,EAAMP,MAAQ,GACdO,EAAMuB,WAAY,IAIpBhB,EAAQC,QAAQc,EAAAA,kBAAkBF,SAAU,CAACpB,EAAOC,aAClD,MAAMR,GAAgB,OAAAsB,EAAA1B,EAAY,OAAA2B,EAAAf,EAAOR,YAAP,EAAAuB,EAAcK,eAA1B,EAAAN,EAAoCM,UAAWpB,EAAOR,MAAM4B,SAAW,uBAC7FrB,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQA,EACdO,EAAMuB,WAAY,IAOpBhB,EAAQC,QAAQgB,EAAAA,kBAAkBd,QAAUV,IAC1CA,EAAMW,WAAY,IAGpBJ,EAAQC,QAAQgB,EAAAA,kBAAkBX,UAAW,CAACb,EAAOC,KACnD,MAAMwB,EAAiBxB,EAAOE,QAC9B,GAAIsB,EAAeC,OAAQ,CACzB,IAAIP,EAAS,CAAA,EACbM,EAAeE,QAASC,IACtB,IAAA,MAAWC,KAAOD,EAChBT,EAAS,IACJA,EACHU,CAACA,GAAMD,EAAMC,MAInB7B,EAAMmB,OAASA,EACfnB,EAAMW,WAAY,CACpB,IAGFJ,EAAQC,QAAQgB,EAAAA,kBAAkBJ,SAAU,CAACpB,EAAOC,WAClD,MAAMoB,EAAU,gBAAe,OAAAL,EAAA3B,EAAYY,EAAOR,MAAM4B,eAAzB,EAAAL,EAA6CK,UAC1EpB,EAAOR,MAAM4B,UAEfrB,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQ4B,QAMPtB,YAAEA,GAAoCL,EAAqBoC,QAExE,IAAAC,EAAerC,EAAqBqC"}