@erpsquad/common 1.8.45 → 1.8.47

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\r\nimport React, { memo, useMemo, useCallback } from 'react';\r\n\r\n// Material UI imports\r\nimport { Grid } from '@mui/material';\r\n\r\n// ERP Common imports - Form builder elements\r\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\r\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\r\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\r\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\r\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\r\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\r\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\r\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\r\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\r\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\r\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\r\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\r\n\r\n// Types\r\ninterface IField {\r\n  id: string;\r\n  field_type: string;\r\n  placeholder?: string;\r\n  label: string;\r\n  default_value?: any;\r\n  is_multiline?: boolean;\r\n  is_required?: boolean;\r\n  min_length?: number;\r\n  max_length?: number;\r\n  is_fullwidth?: boolean;\r\n  custom_width?: number;\r\n  options?: any[];\r\n  is_multiselect?: boolean;\r\n  is_future_dates_allowed?: boolean;\r\n  is_past_dates_allowed?: boolean;\r\n  option?: any;\r\n  max_size?: number;\r\n  title?: string;\r\n  display?: string;\r\n  title_position?: string;\r\n  table_columns?: any[];\r\n  float_step?: number;\r\n  type: string;\r\n}\r\n\r\ninterface FormFieldsProps {\r\n  sectionMembers: IField[];\r\n  // Add other required props with proper types\r\n  members: IField[];\r\n  activeMember?: number;\r\n  control: any;\r\n  t: (key: string) => string;\r\n  element: any;\r\n  images: any;\r\n  elementJSON?: any;\r\n  remove: (index: number) => void;\r\n  move: (from: number, to: number) => void;\r\n  handleElementSelection: (e: any) => void;\r\n  setElementSwap: (value: boolean) => void;\r\n  handleDuplicateElement: (index: number) => void;\r\n  setSelectedHoc: (value: string) => void;\r\n  setActiveMember: (value: number | undefined) => void;\r\n}\r\n\r\n// Field type mapping for better maintainability\r\nconst FIELD_TYPE_MAP = {\r\n  TEXT: 'text',\r\n  EMAIL: 'email',\r\n  NUMBER: 'number',\r\n  PHONE: 'phone',\r\n  SELECT: 'select',\r\n  DATE: 'date',\r\n  TIME: 'time',\r\n  URL: 'url',\r\n  CURRENCY: 'currency',\r\n  FILE: 'file',\r\n  IMAGE: 'image',\r\n  GEO_LOCATION: 'geoLocation',\r\n  RELATION: 'relation',\r\n  INFO: 'info',\r\n  TOGGLE_BUTTON: 'toggleButton',\r\n  RADIO_BUTTON: 'radioButton',\r\n  TAGS_INPUT: 'tagsInput',\r\n  CHECKBOX: 'checkbox',\r\n  TABLE: 'table'\r\n} as const;\r\n\r\n// Memoized individual field component\r\nconst FormField = memo<{\r\n  field: IField;\r\n  index: number;\r\n  gridItemSize: number;\r\n  activeMember?: number;\r\n  control: any;\r\n  t: (key: string) => string;\r\n  element: any;\r\n  images: any;\r\n  elementJSON?: any;\r\n  remove: (index: number) => void;\r\n  move: (from: number, to: number) => void;\r\n  handleElementSelection: (e: any) => void;\r\n  setElementSwap: (value: boolean) => void;\r\n  handleDuplicateElement: (index: number) => void;\r\n  setSelectedHoc: (value: string) => void;\r\n  setActiveMember: (value: number | undefined) => void;\r\n}>(({\r\n  field,\r\n  index,\r\n  gridItemSize,\r\n  activeMember,\r\n  control,\r\n  t,\r\n  element,\r\n  images,\r\n  elementJSON,\r\n  remove,\r\n  move,\r\n  handleElementSelection,\r\n  setElementSwap,\r\n  handleDuplicateElement,\r\n  setSelectedHoc,\r\n  setActiveMember\r\n}) => {\r\n  // Common HOC props - memoized to prevent unnecessary re-renders\r\n  const hocProps = useMemo(() => ({\r\n    activeIndex: activeMember === index,\r\n    removeElement: remove,\r\n    index,\r\n    onClick: handleElementSelection,\r\n    swap: move,\r\n    elementSwap: () => setElementSwap(true),\r\n    handleDuplicate: handleDuplicateElement,\r\n    setElementHoc: () => {\r\n      setSelectedHoc(\"\");\r\n      setActiveMember(undefined);\r\n    }\r\n  }), [\r\n    activeMember, \r\n    index, \r\n    remove, \r\n    handleElementSelection, \r\n    move, \r\n    setElementSwap, \r\n    handleDuplicateElement, \r\n    setSelectedHoc, \r\n    setActiveMember\r\n  ]);\r\n\r\n  // Common field props - memoized to prevent unnecessary re-renders\r\n  const commonFieldProps = useMemo(() => ({\r\n    key: field.id,\r\n    position: index,\r\n    placeholder: t(field.placeholder || ''),\r\n    label: t(field.label),\r\n    formControl: control,\r\n    name: \"message\",\r\n    fieldArrayName: \"members\",\r\n    required: field.is_required,\r\n    formType: \"builder\" as const,\r\n    typeOfField: field.type,\r\n    disabled: true\r\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\r\n\r\n  // Render field based on type\r\n  const renderFieldContent = useCallback(() => {\r\n    const { field_type } = field;\r\n\r\n    switch (field_type) {\r\n      case element.text.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n          />\r\n        );\r\n\r\n      case element.email.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.sms} alt=\"email\" />}\r\n          />\r\n        );\r\n\r\n      case element.number.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n            float_step={field.float_step}\r\n          />\r\n        );\r\n\r\n      case element.phone.field_type:\r\n        return (\r\n          <DynamicPhone\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            default_value={field.default_value}\r\n          />\r\n        );\r\n\r\n      case element.select.field_type:\r\n        return (\r\n          <DynamicSelect\r\n            {...commonFieldProps}\r\n            options={field.options}\r\n            defaultValue={field.default_value}\r\n            is_multiselect={field.is_multiselect}\r\n          />\r\n        );\r\n\r\n      case element.date.field_type:\r\n        return (\r\n          <DynamicDate\r\n            {...commonFieldProps}\r\n            defaultValue={field.default_value}\r\n            is_future_dates_allowed={field.is_future_dates_allowed}\r\n            is_past_dates_allowed={field.is_past_dates_allowed}\r\n            disable={true}\r\n          />\r\n        );\r\n\r\n      case element.time.field_type:\r\n        return (\r\n          <DynamicTime\r\n            {...commonFieldProps}\r\n            option={field.option}\r\n          />\r\n        );\r\n\r\n      case element.url.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.url} alt=\"url\" />}\r\n          />\r\n        );\r\n\r\n      case element.currency.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\r\n          />\r\n        );\r\n\r\n      case element.file.field_type:\r\n      case element.image.field_type:\r\n        return (\r\n          <DynamicMedia\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            max_size={field.max_size}\r\n          />\r\n        );\r\n\r\n      case element.geoLocation.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.location} alt=\"location\" />}\r\n          />\r\n        );\r\n\r\n      case element.relation.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n            label={\r\n              <span\r\n                className=\"formSection--Relation\"\r\n                data-position={index}\r\n                data-name={`members.${index}.message`}\r\n              >\r\n                {t(field.label)}\r\n                <img src={images.relation} alt=\"relation\" />\r\n              </span>\r\n            }\r\n          />\r\n        );\r\n\r\n      case element.info.field_type:\r\n        return (\r\n          <DynamicInfo\r\n            {...commonFieldProps}\r\n            defaultValue={field.default_value}\r\n          />\r\n        );\r\n\r\n      case element.toggleButton.field_type:\r\n        return (\r\n          <DynamicToggleButton\r\n            {...commonFieldProps}\r\n            title={t(field.title || '')}\r\n            titlePosition={elementJSON?.title_position}\r\n          />\r\n        );\r\n\r\n      case element.radioButton.field_type:\r\n        return (\r\n          <DynamicRadioButton\r\n            {...commonFieldProps}\r\n            options={field.options}\r\n            display={field.display}\r\n            titlePosition={elementJSON?.title_position}\r\n          />\r\n        );\r\n\r\n      case element.tagsInput.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n          />\r\n        );\r\n\r\n      case element.checkbox.field_type:\r\n        return (\r\n          <DynamicCheckBox\r\n            {...commonFieldProps}\r\n            title={t(field.title || '')}\r\n            titlePosition={field.title_position}\r\n          />\r\n        );\r\n\r\n      case element.table.field_type:\r\n        return (\r\n          <DynamicTable\r\n            {...commonFieldProps}\r\n            columns={field.table_columns || elementJSON?.table_columns || []}\r\n          />\r\n        );\r\n\r\n      default:\r\n        console.warn(`Unknown field type: ${field_type}`);\r\n        return null;\r\n    }\r\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\r\n\r\n  return (\r\n    <Grid item xs={gridItemSize}>\r\n      <DynamicElementHOC\r\n        {...hocProps}\r\n        element={field.field_type}\r\n      >\r\n        {renderFieldContent()}\r\n      </DynamicElementHOC>\r\n    </Grid>\r\n  );\r\n});\r\n\r\nFormField.displayName = 'FormField';\r\n\r\n// Main component\r\nconst FormFields: React.FC<FormFieldsProps> = memo(({\r\n  sectionMembers,\r\n  members,\r\n  activeMember,\r\n  control,\r\n  t,\r\n  element,\r\n  images,\r\n  elementJSON,\r\n  remove,\r\n  move,\r\n  handleElementSelection,\r\n  setElementSwap,\r\n  handleDuplicateElement,\r\n  setSelectedHoc,\r\n  setActiveMember\r\n}) => {\r\n  // Memoize grid item size calculation\r\n  const calculateGridSize = useCallback((field: IField): number => {\r\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\r\n    if (field.custom_width) return field.custom_width;\r\n    return 6;\r\n  }, []);\r\n\r\n  // Memoize the rendered fields\r\n  const renderedFields = useMemo(() => {\r\n    return sectionMembers.map((field: IField) => {\r\n      const index = members.findIndex(member => member === field);\r\n      const gridItemSize = calculateGridSize(field);\r\n\r\n      return (\r\n        <FormField\r\n          key={`${field.id}-${index}`} // Better key for React reconciliation\r\n          field={field}\r\n          index={index}\r\n          gridItemSize={gridItemSize}\r\n          activeMember={activeMember}\r\n          control={control}\r\n          t={t}\r\n          element={element}\r\n          images={images}\r\n          elementJSON={elementJSON}\r\n          remove={remove}\r\n          move={move}\r\n          handleElementSelection={handleElementSelection}\r\n          setElementSwap={setElementSwap}\r\n          handleDuplicateElement={handleDuplicateElement}\r\n          setSelectedHoc={setSelectedHoc}\r\n          setActiveMember={setActiveMember}\r\n        />\r\n      );\r\n    });\r\n  }, [\r\n    sectionMembers,\r\n    members,\r\n    activeMember,\r\n    control,\r\n    t,\r\n    element,\r\n    images,\r\n    elementJSON,\r\n    remove,\r\n    move,\r\n    handleElementSelection,\r\n    setElementSwap,\r\n    handleDuplicateElement,\r\n    setSelectedHoc,\r\n    setActiveMember,\r\n    calculateGridSize,\r\n    elementJSON?.field_type\r\n  ]);\r\n\r\n  return <>{renderedFields}</>;\r\n});\r\n\r\nFormFields.displayName = 'FormFields';\r\n\r\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\r\nimport React, { memo, useMemo, useCallback } from 'react';\r\n\r\n// Material UI imports\r\nimport { Grid } from '@mui/material';\r\n\r\n// ERP Common imports - Form builder elements\r\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\r\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\r\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\r\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\r\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\r\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\r\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\r\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\r\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\r\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\r\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\r\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\r\n\r\n// Types\r\ninterface IField {\r\n  id: string;\r\n  field_type: string;\r\n  placeholder?: string;\r\n  label: string;\r\n  default_value?: any;\r\n  is_multiline?: boolean;\r\n  is_required?: boolean;\r\n  min_length?: number;\r\n  max_length?: number;\r\n  is_fullwidth?: boolean;\r\n  custom_width?: number;\r\n  options?: any[];\r\n  is_multiselect?: boolean;\r\n  is_future_dates_allowed?: boolean;\r\n  is_past_dates_allowed?: boolean;\r\n  option?: any;\r\n  max_size?: number;\r\n  title?: string;\r\n  display?: string;\r\n  title_position?: string;\r\n  table_columns?: any[];\r\n  float_step?: number;\r\n  type: string;\r\n}\r\n\r\ninterface FormFieldsProps {\r\n  sectionMembers: IField[];\r\n  // Add other required props with proper types\r\n  members: IField[];\r\n  activeMember?: number;\r\n  control: any;\r\n  t: (key: string) => string;\r\n  element: any;\r\n  images: any;\r\n  elementJSON?: any;\r\n  remove: (index: number) => void;\r\n  move: (from: number, to: number) => void;\r\n  handleElementSelection: (e: any) => void;\r\n  setElementSwap: (value: boolean) => void;\r\n  handleDuplicateElement: (index: number) => void;\r\n  setSelectedHoc: (value: string) => void;\r\n  setActiveMember: (value: number | undefined) => void;\r\n}\r\n\r\n// Field type mapping for better maintainability\r\nconst FIELD_TYPE_MAP = {\r\n  TEXT: 'text',\r\n  EMAIL: 'email',\r\n  NUMBER: 'number',\r\n  PHONE: 'phone',\r\n  SELECT: 'select',\r\n  DATE: 'date',\r\n  TIME: 'time',\r\n  URL: 'url',\r\n  CURRENCY: 'currency',\r\n  FILE: 'file',\r\n  IMAGE: 'image',\r\n  GEO_LOCATION: 'geoLocation',\r\n  RELATION: 'relation',\r\n  INFO: 'info',\r\n  TOGGLE_BUTTON: 'toggleButton',\r\n  RADIO_BUTTON: 'radioButton',\r\n  TAGS_INPUT: 'tagsInput',\r\n  CHECKBOX: 'checkbox',\r\n  TABLE: 'table'\r\n} as const;\r\n\r\n// Memoized individual field component\r\nconst FormField = memo<{\r\n  field: IField;\r\n  index: number;\r\n  gridItemSize: number;\r\n  activeMember?: number;\r\n  control: any;\r\n  t: (key: string) => string;\r\n  element: any;\r\n  images: any;\r\n  elementJSON?: any;\r\n  remove: (index: number) => void;\r\n  move: (from: number, to: number) => void;\r\n  handleElementSelection: (e: any) => void;\r\n  setElementSwap: (value: boolean) => void;\r\n  handleDuplicateElement: (index: number) => void;\r\n  setSelectedHoc: (value: string) => void;\r\n  setActiveMember: (value: number | undefined) => void;\r\n}>(({\r\n  field,\r\n  index,\r\n  gridItemSize,\r\n  activeMember,\r\n  control,\r\n  t,\r\n  element,\r\n  images,\r\n  elementJSON,\r\n  remove,\r\n  move,\r\n  handleElementSelection,\r\n  setElementSwap,\r\n  handleDuplicateElement,\r\n  setSelectedHoc,\r\n  setActiveMember\r\n}) => {\r\n  // Common HOC props - memoized to prevent unnecessary re-renders\r\n  const hocProps = useMemo(() => ({\r\n    activeIndex: activeMember === index,\r\n    removeElement: remove,\r\n    index,\r\n    onClick: handleElementSelection,\r\n    swap: move,\r\n    elementSwap: () => setElementSwap(true),\r\n    handleDuplicate: handleDuplicateElement,\r\n    setElementHoc: () => {\r\n      setSelectedHoc(\"\");\r\n      setActiveMember(undefined);\r\n    }\r\n  }), [\r\n    activeMember, \r\n    index, \r\n    remove, \r\n    handleElementSelection, \r\n    move, \r\n    setElementSwap, \r\n    handleDuplicateElement, \r\n    setSelectedHoc, \r\n    setActiveMember\r\n  ]);\r\n\r\n  // Common field props - memoized to prevent unnecessary re-renders\r\n  const commonFieldProps = useMemo(() => ({\r\n    key: field.id,\r\n    position: index,\r\n    placeholder: t(field.placeholder || ''),\r\n    label: t(field.label),\r\n    formControl: control,\r\n    name: \"message\",\r\n    fieldArrayName: \"members\",\r\n    required: field.is_required,\r\n    formType: \"builder\" as const,\r\n    typeOfField: field.type,\r\n    disabled: true\r\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\r\n\r\n  // Render field based on type\r\n  const renderFieldContent = useCallback(() => {\r\n    const { field_type } = field;\r\n\r\n    switch (field_type) {\r\n      case element.text.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n          />\r\n        );\r\n\r\n      case element.email.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.sms} alt=\"email\" />}\r\n          />\r\n        );\r\n\r\n      case element.number.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n            float_step={field.float_step}\r\n          />\r\n        );\r\n\r\n      case element.phone.field_type:\r\n        return (\r\n          <DynamicPhone\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            default_value={field.default_value}\r\n          />\r\n        );\r\n\r\n      case element.select.field_type:\r\n        return (\r\n          <DynamicSelect\r\n            {...commonFieldProps}\r\n            options={field.options}\r\n            defaultValue={field.default_value}\r\n            is_multiselect={field.is_multiselect}\r\n          />\r\n        );\r\n\r\n      case element.date.field_type:\r\n        return (\r\n          <DynamicDate\r\n            {...commonFieldProps}\r\n            defaultValue={field.default_value}\r\n            is_future_dates_allowed={field.is_future_dates_allowed}\r\n            is_past_dates_allowed={field.is_past_dates_allowed}\r\n            disable={true}\r\n          />\r\n        );\r\n\r\n      case element.time.field_type:\r\n        return (\r\n          <DynamicTime\r\n            {...commonFieldProps}\r\n            option={field.option}\r\n          />\r\n        );\r\n\r\n      case element.url.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.url} alt=\"url\" />}\r\n          />\r\n        );\r\n\r\n      case element.currency.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\r\n          />\r\n        );\r\n\r\n      case element.file.field_type:\r\n      case element.image.field_type:\r\n        return (\r\n          <DynamicMedia\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            max_size={field.max_size}\r\n          />\r\n        );\r\n\r\n      case element.geoLocation.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.location} alt=\"location\" />}\r\n          />\r\n        );\r\n\r\n      case element.relation.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n            label={\r\n              <span\r\n                className=\"formSection--Relation\"\r\n                data-position={index}\r\n                data-name={`members.${index}.message`}\r\n              >\r\n                {t(field.label)}\r\n                <img src={images.relation} alt=\"relation\" />\r\n              </span>\r\n            }\r\n          />\r\n        );\r\n\r\n      case element.info.field_type:\r\n        return (\r\n          <DynamicInfo\r\n            {...commonFieldProps}\r\n            defaultValue={field.default_value}\r\n          />\r\n        );\r\n\r\n      case element.toggleButton.field_type:\r\n        return (\r\n          <DynamicToggleButton\r\n            {...commonFieldProps}\r\n            title={t(field.title || '')}\r\n            titlePosition={elementJSON?.title_position}\r\n          />\r\n        );\r\n\r\n      case element.radioButton.field_type:\r\n        return (\r\n          <DynamicRadioButton\r\n            {...commonFieldProps}\r\n            options={field.options}\r\n            display={field.display}\r\n            titlePosition={elementJSON?.title_position}\r\n          />\r\n        );\r\n\r\n      case element.tagsInput.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n          />\r\n        );\r\n\r\n      case element.checkbox.field_type:\r\n        return (\r\n          <DynamicCheckBox\r\n            {...commonFieldProps}\r\n            title={t(field.title || '')}\r\n            titlePosition={field.title_position}\r\n          />\r\n        );\r\n\r\n      case element.table.field_type:\r\n        return (\r\n          <DynamicTable\r\n            {...commonFieldProps}\r\n            columns={field.table_columns || elementJSON?.table_columns || []}\r\n          />\r\n        );\r\n\r\n      default:\r\n        console.warn(`Unknown field type: ${field_type}`);\r\n        return null;\r\n    }\r\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\r\n\r\n  return (\r\n    <Grid item xs={gridItemSize}>\r\n      <DynamicElementHOC\r\n        {...hocProps}\r\n        element={field.field_type}\r\n      >\r\n        {renderFieldContent()}\r\n      </DynamicElementHOC>\r\n    </Grid>\r\n  );\r\n});\r\n\r\nFormField.displayName = 'FormField';\r\n\r\n// Main component\r\nconst FormFields: React.FC<FormFieldsProps> = memo(({\r\n  sectionMembers,\r\n  members,\r\n  activeMember,\r\n  control,\r\n  t,\r\n  element,\r\n  images,\r\n  elementJSON,\r\n  remove,\r\n  move,\r\n  handleElementSelection,\r\n  setElementSwap,\r\n  handleDuplicateElement,\r\n  setSelectedHoc,\r\n  setActiveMember\r\n}) => {\r\n  // Memoize grid item size calculation\r\n  const calculateGridSize = useCallback((field: IField): number => {\r\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\r\n    if (field.custom_width) return field.custom_width;\r\n    return 6;\r\n  }, []);\r\n\r\n  // Memoize the rendered fields\r\n  const renderedFields = useMemo(() => {\r\n    return sectionMembers.map((field: IField) => {\r\n      const index = members.findIndex(member => member === field);\r\n      const gridItemSize = calculateGridSize(field);\r\n\r\n      return (\r\n        <FormField\r\n          key={`${field.id}-${index}`} // Better key for React reconciliation\r\n          field={field}\r\n          index={index}\r\n          gridItemSize={gridItemSize}\r\n          activeMember={activeMember}\r\n          control={control}\r\n          t={t}\r\n          element={element}\r\n          images={images}\r\n          elementJSON={elementJSON}\r\n          remove={remove}\r\n          move={move}\r\n          handleElementSelection={handleElementSelection}\r\n          setElementSwap={setElementSwap}\r\n          handleDuplicateElement={handleDuplicateElement}\r\n          setSelectedHoc={setSelectedHoc}\r\n          setActiveMember={setActiveMember}\r\n        />\r\n      );\r\n    });\r\n  }, [\r\n    sectionMembers,\r\n    members,\r\n    activeMember,\r\n    control,\r\n    t,\r\n    element,\r\n    images,\r\n    elementJSON,\r\n    remove,\r\n    move,\r\n    handleElementSelection,\r\n    setElementSwap,\r\n    handleDuplicateElement,\r\n    setSelectedHoc,\r\n    setActiveMember,\r\n    calculateGridSize,\r\n    elementJSON?.field_type\r\n  ]);\r\n\r\n  return <>{renderedFields}</>;\r\n});\r\n\r\nFormFields.displayName = 'FormFields';\r\n\r\nexport { FormField };\nexport default FormFields;"],"names":[],"mappings":";;;;;;;;;;;;;;;AA0FA,MAAM,YAAY,KAiBf,CAAC;AAAA,EACF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,WAAW,QAAQ,OAAO;AAAA,IAC9B,aAAa,iBAAiB;AAAA,IAC9B,eAAe;AAAA,IACf;AAAA,IACA,SAAS;AAAA,IACT,MAAM;AAAA,IACN,aAAa,MAAM,eAAe,IAAI;AAAA,IACtC,iBAAiB;AAAA,IACjB,eAAe,MAAM;AACnB,qBAAe,EAAE;AACjB,sBAAgB,MAAS;AAAA,IAC3B;AAAA,EAAA,IACE;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGD,QAAM,mBAAmB,QAAQ,OAAO;AAAA,IACtC,KAAK,MAAM;AAAA,IACX,UAAU;AAAA,IACV,aAAa,EAAE,MAAM,eAAe,EAAE;AAAA,IACtC,OAAO,EAAE,MAAM,KAAK;AAAA,IACpB,aAAa;AAAA,IACb,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,aAAa,MAAM;AAAA,IACnB,UAAU;AAAA,EAAA,IACR,CAAC,MAAM,IAAI,MAAM,aAAa,MAAM,OAAO,MAAM,aAAa,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC;AAGhG,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,EAAE,eAAe;AAEvB,YAAQ,YAAA;AAAA,MACN,KAAK,QAAQ,KAAK;AAChB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,KAAK,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAIjB,KAAK,QAAQ,MAAM;AACjB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,SAAS,oBAAC,OAAA,EAAI,KAAK,OAAO,KAAK,KAAI,QAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAIjD,KAAK,QAAQ,OAAO;AAClB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,KAAK,MAAM;AAAA,YACX,YAAY,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAIxB,KAAK,QAAQ,MAAM;AACjB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,eAAe,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI3B,KAAK,QAAQ,OAAO;AAClB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,SAAS,MAAM;AAAA,YACf,cAAc,MAAM;AAAA,YACpB,gBAAgB,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI5B,KAAK,QAAQ,KAAK;AAChB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc,MAAM;AAAA,YACpB,yBAAyB,MAAM;AAAA,YAC/B,uBAAuB,MAAM;AAAA,YAC7B,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAIf,KAAK,QAAQ,KAAK;AAChB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,QAAQ,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAIpB,KAAK,QAAQ,IAAI;AACf,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,SAAS,oBAAC,OAAA,EAAI,KAAK,OAAO,KAAK,KAAI,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI/C,KAAK,QAAQ,SAAS;AACpB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,SAAS,oBAAC,OAAA,EAAI,KAAK,OAAO,QAAQ,KAAI,WAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAIvD,KAAK,QAAQ,KAAK;AAAA,MAClB,KAAK,QAAQ,MAAM;AACjB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,UAAU,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAItB,KAAK,QAAQ,YAAY;AACvB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,SAAS,oBAAC,OAAA,EAAI,KAAK,OAAO,UAAU,KAAI,WAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAIzD,KAAK,QAAQ,SAAS;AACpB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,KAAK,MAAM;AAAA,YACX,OACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,iBAAe;AAAA,gBACf,aAAW,WAAW,KAAK;AAAA,gBAE1B,UAAA;AAAA,kBAAA,EAAE,MAAM,KAAK;AAAA,sCACb,OAAA,EAAI,KAAK,OAAO,UAAU,KAAI,WAAA,CAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC5C;AAAA,QAAA;AAAA,MAKR,KAAK,QAAQ,KAAK;AAChB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI1B,KAAK,QAAQ,aAAa;AACxB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,EAAE,MAAM,SAAS,EAAE;AAAA,YAC1B,eAAe,2CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAIlC,KAAK,QAAQ,YAAY;AACvB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,SAAS,MAAM;AAAA,YACf,SAAS,MAAM;AAAA,YACf,eAAe,2CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAIlC,KAAK,QAAQ,UAAU;AACrB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,KAAK,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAIjB,KAAK,QAAQ,SAAS;AACpB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,EAAE,MAAM,SAAS,EAAE;AAAA,YAC1B,eAAe,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI3B,KAAK,QAAQ,MAAM;AACjB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,SAAS,MAAM,kBAAiB,2CAAa,kBAAiB,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAIrE;AACE,gBAAQ,KAAK,uBAAuB,UAAU,EAAE;AAChD,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC,OAAO,kBAAkB,SAAS,QAAQ,aAAa,GAAG,KAAK,CAAC;AAEpE,SACE,oBAAC,MAAA,EAAK,MAAI,MAAC,IAAI,cACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS,MAAM;AAAA,MAEd,UAAA,mBAAA;AAAA,IAAmB;AAAA,EAAA,GAExB;AAEJ,CAAC;AAED,UAAU,cAAc;AAGxB,MAAM,aAAwC,KAAK,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,oBAAoB,YAAY,CAAC,UAA0B;AAC/D,QAAI,MAAM,gBAAgB,MAAM,eAAe,QAAS,QAAO;AAC/D,QAAI,MAAM,aAAc,QAAO,MAAM;AACrC,WAAO;AAAA,EACT,GAAG,CAAA,CAAE;AAGL,QAAM,iBAAiB,QAAQ,MAAM;AACnC,WAAO,eAAe,IAAI,CAAC,UAAkB;AAC3C,YAAM,QAAQ,QAAQ,UAAU,CAAA,WAAU,WAAW,KAAK;AAC1D,YAAM,eAAe,kBAAkB,KAAK;AAE5C,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAhBK,GAAG,MAAM,EAAE,IAAI,KAAK;AAAA,MAAA;AAAA,IAmB/B,CAAC;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,2CAAa;AAAA,EAAA,CACd;AAED,yCAAU,UAAA,eAAA,CAAe;AAC3B,CAAC;AAED,WAAW,cAAc;"}

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

@@ -42,5 +42,24 @@ interface FormFieldsProps {
     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/utils/common/index.esm.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import formBuilderDeConversion from "../../../../utils/form-builder-deconversion/index.esm.js";
+import { formBuilderDeConversion } from "../../../../utils/form-builder-deconversion/index.esm.js";
 import { PathnameAccounting } from "../../../../constants/pathnames/pathname.accounting/index.esm.js";
 import { PathnameCrm } from "../../../../constants/pathnames/pathname.crm/index.esm.js";
 import { PathnameInventory } from "../../../../constants/pathnames/pathname.inventory/index.esm.js";

package/dist/views/form-builder/utils/common/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../utils/form-builder-deconversion/index.js"),a=require("../../../../constants/pathnames/pathname.accounting/index.js"),r=require("../../../../constants/pathnames/pathname.crm/index.js"),n=require("../../../../constants/pathnames/pathname.inventory/index.js"),o=require("../../../../constants/pathnames/pathname.manufacturing/index.js"),s=require("../../../../constants/pathnames/pathname.procurement/index.js"),i=require("../../../../constants/pathnames/pathname.rental/index.js"),c=require("../../../../constants/pathnames/pathname.user/index.js");const l={accounting:a.PathnameAccounting.FORMS,inventory:n.PathnameInventory.FORMS,manufacturing:o.PathnameManufacturing.FORMS,procurement:s.PathnamePurchase.FORMS,crm:r.PathnameCrm.FORMS,rental:i.PathnameRental.FORMS,user:c.PathnameUsers.FORMS},m=e=>e.split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(" "),u=(e,t)=>{var a,r;if(null==(a=e.table_columns)?void 0:a.length)return e.table_columns;if(!e.table||!(null==(r=t.fields)?void 0:r[e.table]))return[{header:"Column 1",accessorKey:"column_1",visible:!0},{header:"Column 2",accessorKey:"column_2",visible:!0}];const n=t.fields[e.table];return Array.isArray(n)&&0!==n.length?n.map((e,t)=>({header:m(e.field),accessorKey:e.field,visible:t<=3})):[{header:"Column 1",accessorKey:"column_1",visible:!0},{header:"Column 2",accessorKey:"column_2",visible:!0}]},d=(e,t)=>e.flatMap(e=>e.members.map(e=>"table"===e.field_type?{...e,table_columns:u(e,t)}:{...e})),p=e=>e.map(({field_type:e,label:t,is_accordion:a,id:r,remove_section:n,form_switcher_label:o,form_switcher_name:s,is_section_field:i,section_type:c,switcher_forms:l})=>({field_type:e,label:t,is_accordion:a,id:r,remove_section:n,form_switcher_label:o,form_switcher_name:s,is_section_field:i,section_type:c,switcher_forms:l})),h=(e,t=0,a,r,n)=>{const{removeSection:o,remove:s}=n;try{if(o(),s(),e.tab)f(e.tab,t,a,n);else if(e.section)v(e.section,a,n);else{if(!e.tabsData||!r)throw new Error("Invalid data format: Missing required properties (tab, section, or tabsData)");b(r,t,n)}}catch(i){alert(i instanceof Error?i.message:"An error occurred while processing data")}},f=(e,t,a,r)=>{const{setTabsData:n,append:o,appendSection:s}=r;n(e);const i=e.find(e=>e.tab_order===t+1);if(!(null==i?void 0:i.data))return;const c=p(i.data);o(d(i.data,a)),s(c)},v=(e,t,a)=>{const{append:r,appendSection:n}=a,o=p(e);r(d(e,t)),n(o)},b=(e,t,a)=>{const{append:r,appendSection:n}=a,o=e.find(e=>e.tab_order===t+1);if(!(null==o?void 0:o.data))return;const s=p(o.data),i=o.data.flatMap(e=>e.members.map(e=>({...e})));i.length>0&&r(i),s.length>0&&n(s)};exports.createDefaultTableColumns=()=>[{header:"Column 1",accessorKey:"column_1",visible:!0},{header:"Column 2",accessorKey:"column_2",visible:!0}],exports.extractSections=p,exports.formatText=m,exports.generateModulePath=e=>{try{const t=(e=>{if(!(e in l))throw new Error(`Invalid module: ${e}`);return l[e]})(e);return`/dashboard/${e}${t}`}catch(t){throw t}},exports.processMembers=d,exports.processTableColumns=u,exports.useFormDataEffect=(a,r,n=0,o)=>{const{removeSection:s,remove:i,append:c}=o;e.useEffect(()=>{var e;let l=null;if(null==(e=null==a?void 0:a.formData)?void 0:e.length)try{l=t.default(a.formData)}catch(m){}if(!l)return s(),i(),void c([]);try{r.length>0?h({tabsData:r},n,a,r,o):l.tab?h(l,n,a,r,o):l.section?h(l,0,a,r,o):(s(),i(),c([]))}catch(m){s(),i(),c([])}},[n,JSON.stringify(null==a?void 0:a.formData),r.length])},exports.useFormDataProcessor=(a,r,n,o)=>{const{removeSection:s,remove:i,append:c}=o,l=useMemo(()=>JSON.stringify(null==a?void 0:a.formData),[null==a?void 0:a.formData]),m=useMemo(()=>{var e;if(!(null==(e=null==a?void 0:a.formData)?void 0:e.length))return null;try{return t.default(a.formData)}catch(r){return null}},[l]);return e.useEffect(()=>{if(!m)return s(),i(),void c([]);try{r.length>0?h({tabsData:r},n,a,r,o):m.tab?h(m,n,a,r,o):m.section?h(m,0,a,r,o):(s(),i(),c([]))}catch(e){s(),i(),c([])}},[n,l,r.length,m,o,a]),{initialData:m}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../utils/form-builder-deconversion/index.js"),a=require("../../../../constants/pathnames/pathname.accounting/index.js"),r=require("../../../../constants/pathnames/pathname.crm/index.js"),n=require("../../../../constants/pathnames/pathname.inventory/index.js"),o=require("../../../../constants/pathnames/pathname.manufacturing/index.js"),s=require("../../../../constants/pathnames/pathname.procurement/index.js"),i=require("../../../../constants/pathnames/pathname.rental/index.js"),c=require("../../../../constants/pathnames/pathname.user/index.js");const l={accounting:a.PathnameAccounting.FORMS,inventory:n.PathnameInventory.FORMS,manufacturing:o.PathnameManufacturing.FORMS,procurement:s.PathnamePurchase.FORMS,crm:r.PathnameCrm.FORMS,rental:i.PathnameRental.FORMS,user:c.PathnameUsers.FORMS},m=e=>e.split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(" "),u=(e,t)=>{var a,r;if(null==(a=e.table_columns)?void 0:a.length)return e.table_columns;if(!e.table||!(null==(r=t.fields)?void 0:r[e.table]))return[{header:"Column 1",accessorKey:"column_1",visible:!0},{header:"Column 2",accessorKey:"column_2",visible:!0}];const n=t.fields[e.table];return Array.isArray(n)&&0!==n.length?n.map((e,t)=>({header:m(e.field),accessorKey:e.field,visible:t<=3})):[{header:"Column 1",accessorKey:"column_1",visible:!0},{header:"Column 2",accessorKey:"column_2",visible:!0}]},d=(e,t)=>e.flatMap(e=>e.members.map(e=>"table"===e.field_type?{...e,table_columns:u(e,t)}:{...e})),p=e=>e.map(({field_type:e,label:t,is_accordion:a,id:r,remove_section:n,form_switcher_label:o,form_switcher_name:s,is_section_field:i,section_type:c,switcher_forms:l})=>({field_type:e,label:t,is_accordion:a,id:r,remove_section:n,form_switcher_label:o,form_switcher_name:s,is_section_field:i,section_type:c,switcher_forms:l})),h=(e,t=0,a,r,n)=>{const{removeSection:o,remove:s}=n;try{if(o(),s(),e.tab)f(e.tab,t,a,n);else if(e.section)v(e.section,a,n);else{if(!e.tabsData||!r)throw new Error("Invalid data format: Missing required properties (tab, section, or tabsData)");b(r,t,n)}}catch(i){alert(i instanceof Error?i.message:"An error occurred while processing data")}},f=(e,t,a,r)=>{const{setTabsData:n,append:o,appendSection:s}=r;n(e);const i=e.find(e=>e.tab_order===t+1);if(!(null==i?void 0:i.data))return;const c=p(i.data);o(d(i.data,a)),s(c)},v=(e,t,a)=>{const{append:r,appendSection:n}=a,o=p(e);r(d(e,t)),n(o)},b=(e,t,a)=>{const{append:r,appendSection:n}=a,o=e.find(e=>e.tab_order===t+1);if(!(null==o?void 0:o.data))return;const s=p(o.data),i=o.data.flatMap(e=>e.members.map(e=>({...e})));i.length>0&&r(i),s.length>0&&n(s)};exports.createDefaultTableColumns=()=>[{header:"Column 1",accessorKey:"column_1",visible:!0},{header:"Column 2",accessorKey:"column_2",visible:!0}],exports.extractSections=p,exports.formatText=m,exports.generateModulePath=e=>{try{const t=(e=>{if(!(e in l))throw new Error(`Invalid module: ${e}`);return l[e]})(e);return`/dashboard/${e}${t}`}catch(t){throw t}},exports.processMembers=d,exports.processTableColumns=u,exports.useFormDataEffect=(a,r,n=0,o)=>{const{removeSection:s,remove:i,append:c}=o;e.useEffect(()=>{var e;let l=null;if(null==(e=null==a?void 0:a.formData)?void 0:e.length)try{l=t.formBuilderDeConversion(a.formData)}catch(m){}if(!l)return s(),i(),void c([]);try{r.length>0?h({tabsData:r},n,a,r,o):l.tab?h(l,n,a,r,o):l.section?h(l,0,a,r,o):(s(),i(),c([]))}catch(m){s(),i(),c([])}},[n,JSON.stringify(null==a?void 0:a.formData),r.length])},exports.useFormDataProcessor=(a,r,n,o)=>{const{removeSection:s,remove:i,append:c}=o,l=useMemo(()=>JSON.stringify(null==a?void 0:a.formData),[null==a?void 0:a.formData]),m=useMemo(()=>{var e;if(!(null==(e=null==a?void 0:a.formData)?void 0:e.length))return null;try{return t.formBuilderDeConversion(a.formData)}catch(r){return null}},[l]);return e.useEffect(()=>{if(!m)return s(),i(),void c([]);try{r.length>0?h({tabsData:r},n,a,r,o):m.tab?h(m,n,a,r,o):m.section?h(m,0,a,r,o):(s(),i(),c([]))}catch(e){s(),i(),c([])}},[n,l,r.length,m,o,a]),{initialData:m}};
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/utils/common/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/utils/common.ts"],"sourcesContent":["// React imports\r\nimport { useEffect } from \"react\";\r\n\r\n// ERP Common imports\r\nimport formBuilderDeConversion from \"@/utils/form-builder-deconversion\";\r\n\r\n// Module pathname imports\r\nimport { PathnameAccounting } from \"../../../constants/pathnames/pathname.accounting\";\r\nimport { PathnameCrm } from \"../../../constants/pathnames/pathname.crm\";\r\nimport { PathnameInventory } from \"../../../constants/pathnames/pathname.inventory\";\r\nimport { PathnameManufacturing } from \"../../../constants/pathnames/pathname.manufacturing\";\r\nimport { PathnamePurchase } from \"../../../constants/pathnames/pathname.procurement\";\r\nimport { PathnameRental } from \"../../../constants/pathnames/pathname.rental\";\r\nimport { PathnameUsers } from \"../../../constants/pathnames/pathname.user\";\r\n\r\n// Types for better type safety\r\nexport interface TableColumn {\r\n  header: string;\r\n  accessorKey: string;\r\n  visible: boolean;\r\n}\r\n\r\nexport interface FormMember {\r\n  field_type: string;\r\n  table?: string;\r\n  table_columns?: TableColumn[];\r\n  [key: string]: any;\r\n}\r\n\r\nexport interface FormSection {\r\n  field_type: string;\r\n  label: string;\r\n  is_accordion: boolean;\r\n  id: string;\r\n  remove_section: boolean;\r\n  form_switcher_label?: string;\r\n  form_switcher_name?: string;\r\n  is_section_field?: boolean;\r\n  section_type?: string;\r\n  switcher_forms?: any;\r\n  members: FormMember[];\r\n}\r\n\r\nexport interface TabData {\r\n  tab_order: number;\r\n  data: FormSection[];\r\n}\r\n\r\nexport interface ProcessedData {\r\n  tab?: TabData[];\r\n  section?: FormSection[];\r\n  tabsData?: TabData[];\r\n}\r\n\r\n// Constants for module paths\r\nconst MODULE_PATHS = {\r\n  accounting: PathnameAccounting.FORMS,\r\n  inventory: PathnameInventory.FORMS,\r\n  manufacturing: PathnameManufacturing.FORMS,\r\n  procurement: PathnamePurchase.FORMS,\r\n  crm: PathnameCrm.FORMS,\r\n  rental: PathnameRental.FORMS,\r\n  user: PathnameUsers.FORMS,\r\n} as const;\r\n\r\nexport type ModuleType = keyof typeof MODULE_PATHS;\r\n\r\n// Helper function to format text (converts snake_case to Title Case)\r\nexport const formatText = (text: string): string => {\r\n  return text\r\n    .split('_')\r\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\r\n    .join(' ');\r\n};\r\n\r\n// Helper function to get redirection path\r\nconst getRedirectionPath = (currentModule: string): string => {\r\n  if (!isValidModule(currentModule)) {\r\n    throw new Error(`Invalid module: ${currentModule}`);\r\n  }\r\n  return MODULE_PATHS[currentModule as ModuleType];\r\n};\r\n\r\n// Type guard for module validation\r\nconst isValidModule = (module: string): module is ModuleType => {\r\n  return module in MODULE_PATHS;\r\n};\r\n\r\n// Helper function to create default table columns\r\nexport const createDefaultTableColumns = (): TableColumn[] => [\r\n  { header: \"Column 1\", accessorKey: \"column_1\", visible: true },\r\n  { header: \"Column 2\", accessorKey: \"column_2\", visible: true },\r\n];\r\n\r\n// Helper function to process table columns\r\nexport const processTableColumns = (\r\n  member: FormMember,\r\n  formBuilder: any\r\n): TableColumn[] => {\r\n  // Return existing columns if they exist\r\n  if (member.table_columns?.length) {\r\n    return member.table_columns;\r\n  }\r\n\r\n  // Check if table exists and has fields\r\n  if (!member.table || !formBuilder.fields?.[member.table]) {\r\n    return createDefaultTableColumns();\r\n  }\r\n\r\n  const fields = formBuilder.fields[member.table];\r\n  if (!Array.isArray(fields) || fields.length === 0) {\r\n    return createDefaultTableColumns();\r\n  }\r\n\r\n  return fields.map((field: any, index: number) => ({\r\n    header: formatText(field.field),\r\n    accessorKey: field.field,\r\n    visible: index <= 3, // Show first 4 columns by default\r\n  }));\r\n};\r\n\r\n// Helper function to process members\r\nexport const processMembers = (\r\n  sections: FormSection[],\r\n  formBuilder: any\r\n): FormMember[] => {\r\n  return sections.flatMap((section) =>\r\n    section.members.map((member) => {\r\n      if (member.field_type === \"table\") {\r\n        return {\r\n          ...member,\r\n          table_columns: processTableColumns(member, formBuilder),\r\n        };\r\n      }\r\n      return { ...member };\r\n    })\r\n  );\r\n};\r\n\r\n// Helper function to extract sections data\r\nexport const extractSections = (sections: FormSection[]): Omit<FormSection, 'members'>[] => {\r\n  return sections.map(({\r\n    field_type,\r\n    label,\r\n    is_accordion,\r\n    id,\r\n    remove_section,\r\n    form_switcher_label,\r\n    form_switcher_name,\r\n    is_section_field,\r\n    section_type,\r\n    switcher_forms,\r\n  }) => ({\r\n    field_type,\r\n    label,\r\n    is_accordion,\r\n    id,\r\n    remove_section,\r\n    form_switcher_label,\r\n    form_switcher_name,\r\n    is_section_field,\r\n    section_type,\r\n    switcher_forms,\r\n  }));\r\n};\r\n\r\n// Main processing function\r\nconst processData = (\r\n  data: ProcessedData,\r\n  activeTabId: number = 0,\r\n  formBuilder: any,\r\n  tabsData: TabData[] | null,\r\n  // Callback functions\r\n  callbacks: {\r\n    removeSection: () => void;\r\n    remove: () => void;\r\n    setTabsData: (data: TabData[]) => void;\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n): void => {\r\n  const { removeSection, remove, setTabsData, append, appendSection } = callbacks;\r\n\r\n  try {\r\n    // Clear existing data\r\n    removeSection();\r\n    remove();\r\n\r\n    if (data.tab) {\r\n      processTabData(data.tab, activeTabId, formBuilder, callbacks);\r\n    } else if (data.section) {\r\n      processSectionData(data.section, formBuilder, callbacks);\r\n    } else if (data.tabsData && tabsData) {\r\n      processExistingTabsData(tabsData, activeTabId, callbacks);\r\n    } else {\r\n      throw new Error(\"Invalid data format: Missing required properties (tab, section, or tabsData)\");\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Error processing data:\", error);\r\n    // You might want to show a user-friendly error message instead of alert\r\n    alert(error instanceof Error ? error.message : \"An error occurred while processing data\");\r\n  }\r\n};\r\n\r\n// Process tab data\r\nconst processTabData = (\r\n  tabs: TabData[],\r\n  activeTabId: number,\r\n  formBuilder: any,\r\n  callbacks: {\r\n    setTabsData: (data: TabData[]) => void;\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n): void => {\r\n  const { setTabsData, append, appendSection } = callbacks;\r\n\r\n  setTabsData(tabs);\r\n\r\n  const activeTab = tabs.find(tab => tab.tab_order === activeTabId + 1);\r\n  if (!activeTab?.data) {\r\n    console.warn(`No active tab found for tab order: ${activeTabId + 1}`);\r\n    return;\r\n  }\r\n\r\n  const sections = extractSections(activeTab.data);\r\n  const members = processMembers(activeTab.data, formBuilder);\r\n\r\n  append(members);\r\n  appendSection(sections);\r\n};\r\n\r\n// Process section data\r\nconst processSectionData = (\r\n  sections: FormSection[],\r\n  formBuilder: any,\r\n  callbacks: {\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n): void => {\r\n  const { append, appendSection } = callbacks;\r\n\r\n  const extractedSections = extractSections(sections);\r\n  const members = processMembers(sections, formBuilder);\r\n\r\n  append(members);\r\n  appendSection(extractedSections);\r\n};\r\n\r\n// Process existing tabs data\r\nconst processExistingTabsData = (\r\n  tabsData: TabData[],\r\n  activeTabId: number,\r\n  callbacks: {\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n): void => {\r\n  const { append, appendSection } = callbacks;\r\n\r\n  const activeTab = tabsData.find(tab => tab.tab_order === activeTabId + 1);\r\n  if (!activeTab?.data) {\r\n    console.warn(`No active tab found for tab order: ${activeTabId + 1}`);\r\n    return;\r\n  }\r\n\r\n  const sections = extractSections(activeTab.data);\r\n  const members = activeTab.data.flatMap(section =>\r\n    section.members.map(member => ({ ...member }))\r\n  );\r\n\r\n  if (members.length > 0) append(members);\r\n  if (sections.length > 0) appendSection(sections);\r\n};\r\n\r\n// Custom hook for form data processing\r\nexport const useFormDataProcessor = (\r\n  formBuilder: any,\r\n  tabsData: TabData[],\r\n  activeTabValue: number,\r\n  callbacks: {\r\n    removeSection: () => void;\r\n    remove: () => void;\r\n    setTabsData: (data: TabData[]) => void;\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n) => {\r\n  const { removeSection, remove, append } = callbacks;\r\n\r\n  // Memoize the serialized form data to avoid unnecessary re-renders\r\n  const serializedFormData = useMemo(() =>\r\n    JSON.stringify(formBuilder?.formData),\r\n    [formBuilder?.formData]\r\n  );\r\n\r\n  // Memoize the initial data processing\r\n  const initialData = useMemo(() => {\r\n    if (!formBuilder?.formData?.length) return null;\r\n\r\n    try {\r\n      return formBuilderDeConversion(formBuilder.formData);\r\n    } catch (error) {\r\n      console.error('Error processing form data:', error);\r\n      return null;\r\n    }\r\n  }, [serializedFormData]);\r\n\r\n  useEffect(() => {\r\n    // Handle case when there's no initial data\r\n    if (!initialData) {\r\n      removeSection();\r\n      remove();\r\n      append([]);\r\n      return;\r\n    }\r\n\r\n    // Determine processing strategy based on available data\r\n    try {\r\n      if (tabsData.length > 0) {\r\n        // Process existing tabs data\r\n        processData(\r\n          { tabsData: tabsData },\r\n          activeTabValue,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else if (initialData.tab) {\r\n        // Process new tab data\r\n        processData(\r\n          initialData,\r\n          activeTabValue,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else if (initialData.section) {\r\n        // Process section data\r\n        processData(\r\n          initialData,\r\n          0, // No active tab for section-only data\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else {\r\n        console.warn('No valid data structure found in initialData');\r\n        removeSection();\r\n        remove();\r\n        append([]);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error in form data processing:', error);\r\n      // Reset to clean state on error\r\n      removeSection();\r\n      remove();\r\n      append([]);\r\n    }\r\n  }, [activeTabValue, serializedFormData, tabsData.length, initialData, callbacks, formBuilder]);\r\n\r\n  return { initialData };\r\n};\r\n\r\n// Alternative: Direct useEffect implementation (if you prefer not to use custom hook)\r\nexport const useFormDataEffect = (\r\n  formBuilder: any,\r\n  tabsData: TabData[],\r\n  activeTabValue: number = 0,\r\n  callbacks: {\r\n    removeSection: () => void;\r\n    remove: () => void;\r\n    setTabsData: (data: TabData[]) => void;\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n) => {\r\n  const { removeSection, remove, append } = callbacks;\r\n\r\n  useEffect(() => {\r\n    let initialData: ProcessedData | null = null;\r\n\r\n    // Process initial data\r\n    if (formBuilder?.formData?.length) {\r\n      try {\r\n        initialData = formBuilderDeConversion(formBuilder.formData);\r\n      } catch (error) {\r\n        console.error('Error converting form data:', error);\r\n      }\r\n    }\r\n\r\n    // Handle empty initial data\r\n    if (!initialData) {\r\n      removeSection();\r\n      remove();\r\n      append([]);\r\n      return;\r\n    }\r\n\r\n    // Process data based on available structure\r\n    try {\r\n      if (tabsData.length > 0) {\r\n        processData(\r\n          { tabsData: tabsData },\r\n          activeTabValue,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else if (initialData.tab) {\r\n        processData(\r\n          initialData,\r\n          activeTabValue,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else if (initialData.section) {\r\n        processData(\r\n          initialData,\r\n          0,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else {\r\n        console.warn('Invalid data structure in initialData');\r\n        removeSection();\r\n        remove();\r\n        append([]);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error processing form data:', error);\r\n      // Reset to clean state on error\r\n      removeSection();\r\n      remove();\r\n      append([]);\r\n    }\r\n  }, [activeTabValue, JSON.stringify(formBuilder?.formData), tabsData.length]);\r\n};\r\n\r\n// Usage example:\r\n/*\r\n// Option 1: Using custom hook\r\nconst { initialData } = useFormDataProcessor(\r\n  formBuilder,\r\n  tabsData,\r\n  activeTabValue,\r\n  {\r\n    removeSection,\r\n    remove,\r\n    setTabsData,\r\n    append,\r\n    appendSection\r\n  }\r\n);\r\n\r\n// Option 2: Using direct useEffect\r\nuseFormDataEffect(\r\n  formBuilder,\r\n  tabsData,\r\n  activeTabValue,\r\n  {\r\n    removeSection,\r\n    remove,\r\n    setTabsData,\r\n    append,\r\n    appendSection\r\n  }\r\n);\r\n*/\r\n\r\n// Path generation utility (separate from the effect)\r\nexport const generateModulePath = (currentModule: string): string => {\r\n  try {\r\n    const redirectionPath = getRedirectionPath(currentModule);\r\n    return `/dashboard/${currentModule}${redirectionPath}`;\r\n  } catch (error) {\r\n    console.error('Error generating module path:', error);\r\n    throw error;\r\n  }\r\n};"],"names":["MODULE_PATHS","accounting","PathnameAccounting","FORMS","inventory","PathnameInventory","manufacturing","PathnameManufacturing","procurement","PathnamePurchase","crm","PathnameCrm","rental","PathnameRental","user","PathnameUsers","formatText","text","split","map","word","charAt","toUpperCase","slice","toLowerCase","join","processTableColumns","member","formBuilder","_a","table_columns","length","table","_b","fields","header","accessorKey","visible","Array","isArray","field","index","processMembers","sections","flatMap","section","members","field_type","extractSections","label","is_accordion","id","remove_section","form_switcher_label","form_switcher_name","is_section_field","section_type","switcher_forms","processData","data","activeTabId","tabsData","callbacks","removeSection","remove","tab","processTabData","processSectionData","Error","processExistingTabsData","error","alert","message","tabs","setTabsData","append","appendSection","activeTab","find","tab_order","extractedSections","currentModule","redirectionPath","getRedirectionPath","activeTabValue","useEffect","initialData","formData","formBuilderDeConversion","JSON","stringify","serializedFormData","useMemo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/utils/common.ts"],"sourcesContent":["// React imports\r\nimport { useEffect } from \"react\";\r\n\r\n// ERP Common imports\r\nimport formBuilderDeConversion from \"@/utils/form-builder-deconversion\";\r\n\r\n// Module pathname imports\r\nimport { PathnameAccounting } from \"../../../constants/pathnames/pathname.accounting\";\r\nimport { PathnameCrm } from \"../../../constants/pathnames/pathname.crm\";\r\nimport { PathnameInventory } from \"../../../constants/pathnames/pathname.inventory\";\r\nimport { PathnameManufacturing } from \"../../../constants/pathnames/pathname.manufacturing\";\r\nimport { PathnamePurchase } from \"../../../constants/pathnames/pathname.procurement\";\r\nimport { PathnameRental } from \"../../../constants/pathnames/pathname.rental\";\r\nimport { PathnameUsers } from \"../../../constants/pathnames/pathname.user\";\r\n\r\n// Types for better type safety\r\nexport interface TableColumn {\r\n  header: string;\r\n  accessorKey: string;\r\n  visible: boolean;\r\n}\r\n\r\nexport interface FormMember {\r\n  field_type: string;\r\n  table?: string;\r\n  table_columns?: TableColumn[];\r\n  [key: string]: any;\r\n}\r\n\r\nexport interface FormSection {\r\n  field_type: string;\r\n  label: string;\r\n  is_accordion: boolean;\r\n  id: string;\r\n  remove_section: boolean;\r\n  form_switcher_label?: string;\r\n  form_switcher_name?: string;\r\n  is_section_field?: boolean;\r\n  section_type?: string;\r\n  switcher_forms?: any;\r\n  members: FormMember[];\r\n}\r\n\r\nexport interface TabData {\r\n  tab_order: number;\r\n  data: FormSection[];\r\n}\r\n\r\nexport interface ProcessedData {\r\n  tab?: TabData[];\r\n  section?: FormSection[];\r\n  tabsData?: TabData[];\r\n}\r\n\r\n// Constants for module paths\r\nconst MODULE_PATHS = {\r\n  accounting: PathnameAccounting.FORMS,\r\n  inventory: PathnameInventory.FORMS,\r\n  manufacturing: PathnameManufacturing.FORMS,\r\n  procurement: PathnamePurchase.FORMS,\r\n  crm: PathnameCrm.FORMS,\r\n  rental: PathnameRental.FORMS,\r\n  user: PathnameUsers.FORMS,\r\n} as const;\r\n\r\nexport type ModuleType = keyof typeof MODULE_PATHS;\r\n\r\n// Helper function to format text (converts snake_case to Title Case)\r\nexport const formatText = (text: string): string => {\r\n  return text\r\n    .split('_')\r\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\r\n    .join(' ');\r\n};\r\n\r\n// Helper function to get redirection path\r\nconst getRedirectionPath = (currentModule: string): string => {\r\n  if (!isValidModule(currentModule)) {\r\n    throw new Error(`Invalid module: ${currentModule}`);\r\n  }\r\n  return MODULE_PATHS[currentModule as ModuleType];\r\n};\r\n\r\n// Type guard for module validation\r\nconst isValidModule = (module: string): module is ModuleType => {\r\n  return module in MODULE_PATHS;\r\n};\r\n\r\n// Helper function to create default table columns\r\nexport const createDefaultTableColumns = (): TableColumn[] => [\r\n  { header: \"Column 1\", accessorKey: \"column_1\", visible: true },\r\n  { header: \"Column 2\", accessorKey: \"column_2\", visible: true },\r\n];\r\n\r\n// Helper function to process table columns\r\nexport const processTableColumns = (\r\n  member: FormMember,\r\n  formBuilder: any\r\n): TableColumn[] => {\r\n  // Return existing columns if they exist\r\n  if (member.table_columns?.length) {\r\n    return member.table_columns;\r\n  }\r\n\r\n  // Check if table exists and has fields\r\n  if (!member.table || !formBuilder.fields?.[member.table]) {\r\n    return createDefaultTableColumns();\r\n  }\r\n\r\n  const fields = formBuilder.fields[member.table];\r\n  if (!Array.isArray(fields) || fields.length === 0) {\r\n    return createDefaultTableColumns();\r\n  }\r\n\r\n  return fields.map((field: any, index: number) => ({\r\n    header: formatText(field.field),\r\n    accessorKey: field.field,\r\n    visible: index <= 3, // Show first 4 columns by default\r\n  }));\r\n};\r\n\r\n// Helper function to process members\r\nexport const processMembers = (\r\n  sections: FormSection[],\r\n  formBuilder: any\r\n): FormMember[] => {\r\n  return sections.flatMap((section) =>\r\n    section.members.map((member) => {\r\n      if (member.field_type === \"table\") {\r\n        return {\r\n          ...member,\r\n          table_columns: processTableColumns(member, formBuilder),\r\n        };\r\n      }\r\n      return { ...member };\r\n    })\r\n  );\r\n};\r\n\r\n// Helper function to extract sections data\r\nexport const extractSections = (sections: FormSection[]): Omit<FormSection, 'members'>[] => {\r\n  return sections.map(({\r\n    field_type,\r\n    label,\r\n    is_accordion,\r\n    id,\r\n    remove_section,\r\n    form_switcher_label,\r\n    form_switcher_name,\r\n    is_section_field,\r\n    section_type,\r\n    switcher_forms,\r\n  }) => ({\r\n    field_type,\r\n    label,\r\n    is_accordion,\r\n    id,\r\n    remove_section,\r\n    form_switcher_label,\r\n    form_switcher_name,\r\n    is_section_field,\r\n    section_type,\r\n    switcher_forms,\r\n  }));\r\n};\r\n\r\n// Main processing function\r\nconst processData = (\r\n  data: ProcessedData,\r\n  activeTabId: number = 0,\r\n  formBuilder: any,\r\n  tabsData: TabData[] | null,\r\n  // Callback functions\r\n  callbacks: {\r\n    removeSection: () => void;\r\n    remove: () => void;\r\n    setTabsData: (data: TabData[]) => void;\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n): void => {\r\n  const { removeSection, remove, setTabsData, append, appendSection } = callbacks;\r\n\r\n  try {\r\n    // Clear existing data\r\n    removeSection();\r\n    remove();\r\n\r\n    if (data.tab) {\r\n      processTabData(data.tab, activeTabId, formBuilder, callbacks);\r\n    } else if (data.section) {\r\n      processSectionData(data.section, formBuilder, callbacks);\r\n    } else if (data.tabsData && tabsData) {\r\n      processExistingTabsData(tabsData, activeTabId, callbacks);\r\n    } else {\r\n      throw new Error(\"Invalid data format: Missing required properties (tab, section, or tabsData)\");\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Error processing data:\", error);\r\n    // You might want to show a user-friendly error message instead of alert\r\n    alert(error instanceof Error ? error.message : \"An error occurred while processing data\");\r\n  }\r\n};\r\n\r\n// Process tab data\r\nconst processTabData = (\r\n  tabs: TabData[],\r\n  activeTabId: number,\r\n  formBuilder: any,\r\n  callbacks: {\r\n    setTabsData: (data: TabData[]) => void;\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n): void => {\r\n  const { setTabsData, append, appendSection } = callbacks;\r\n\r\n  setTabsData(tabs);\r\n\r\n  const activeTab = tabs.find(tab => tab.tab_order === activeTabId + 1);\r\n  if (!activeTab?.data) {\r\n    console.warn(`No active tab found for tab order: ${activeTabId + 1}`);\r\n    return;\r\n  }\r\n\r\n  const sections = extractSections(activeTab.data);\r\n  const members = processMembers(activeTab.data, formBuilder);\r\n\r\n  append(members);\r\n  appendSection(sections);\r\n};\r\n\r\n// Process section data\r\nconst processSectionData = (\r\n  sections: FormSection[],\r\n  formBuilder: any,\r\n  callbacks: {\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n): void => {\r\n  const { append, appendSection } = callbacks;\r\n\r\n  const extractedSections = extractSections(sections);\r\n  const members = processMembers(sections, formBuilder);\r\n\r\n  append(members);\r\n  appendSection(extractedSections);\r\n};\r\n\r\n// Process existing tabs data\r\nconst processExistingTabsData = (\r\n  tabsData: TabData[],\r\n  activeTabId: number,\r\n  callbacks: {\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n): void => {\r\n  const { append, appendSection } = callbacks;\r\n\r\n  const activeTab = tabsData.find(tab => tab.tab_order === activeTabId + 1);\r\n  if (!activeTab?.data) {\r\n    console.warn(`No active tab found for tab order: ${activeTabId + 1}`);\r\n    return;\r\n  }\r\n\r\n  const sections = extractSections(activeTab.data);\r\n  const members = activeTab.data.flatMap(section =>\r\n    section.members.map(member => ({ ...member }))\r\n  );\r\n\r\n  if (members.length > 0) append(members);\r\n  if (sections.length > 0) appendSection(sections);\r\n};\r\n\r\n// Custom hook for form data processing\r\nexport const useFormDataProcessor = (\r\n  formBuilder: any,\r\n  tabsData: TabData[],\r\n  activeTabValue: number,\r\n  callbacks: {\r\n    removeSection: () => void;\r\n    remove: () => void;\r\n    setTabsData: (data: TabData[]) => void;\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n) => {\r\n  const { removeSection, remove, append } = callbacks;\r\n\r\n  // Memoize the serialized form data to avoid unnecessary re-renders\r\n  const serializedFormData = useMemo(() =>\r\n    JSON.stringify(formBuilder?.formData),\r\n    [formBuilder?.formData]\r\n  );\r\n\r\n  // Memoize the initial data processing\r\n  const initialData = useMemo(() => {\r\n    if (!formBuilder?.formData?.length) return null;\r\n\r\n    try {\r\n      return formBuilderDeConversion(formBuilder.formData);\r\n    } catch (error) {\r\n      console.error('Error processing form data:', error);\r\n      return null;\r\n    }\r\n  }, [serializedFormData]);\r\n\r\n  useEffect(() => {\r\n    // Handle case when there's no initial data\r\n    if (!initialData) {\r\n      removeSection();\r\n      remove();\r\n      append([]);\r\n      return;\r\n    }\r\n\r\n    // Determine processing strategy based on available data\r\n    try {\r\n      if (tabsData.length > 0) {\r\n        // Process existing tabs data\r\n        processData(\r\n          { tabsData: tabsData },\r\n          activeTabValue,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else if (initialData.tab) {\r\n        // Process new tab data\r\n        processData(\r\n          initialData,\r\n          activeTabValue,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else if (initialData.section) {\r\n        // Process section data\r\n        processData(\r\n          initialData,\r\n          0, // No active tab for section-only data\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else {\r\n        console.warn('No valid data structure found in initialData');\r\n        removeSection();\r\n        remove();\r\n        append([]);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error in form data processing:', error);\r\n      // Reset to clean state on error\r\n      removeSection();\r\n      remove();\r\n      append([]);\r\n    }\r\n  }, [activeTabValue, serializedFormData, tabsData.length, initialData, callbacks, formBuilder]);\r\n\r\n  return { initialData };\r\n};\r\n\r\n// Alternative: Direct useEffect implementation (if you prefer not to use custom hook)\r\nexport const useFormDataEffect = (\r\n  formBuilder: any,\r\n  tabsData: TabData[],\r\n  activeTabValue: number = 0,\r\n  callbacks: {\r\n    removeSection: () => void;\r\n    remove: () => void;\r\n    setTabsData: (data: TabData[]) => void;\r\n    append: (members: FormMember[]) => void;\r\n    appendSection: (sections: Omit<FormSection, 'members'>[]) => void;\r\n  }\r\n) => {\r\n  const { removeSection, remove, append } = callbacks;\r\n\r\n  useEffect(() => {\r\n    let initialData: ProcessedData | null = null;\r\n\r\n    // Process initial data\r\n    if (formBuilder?.formData?.length) {\r\n      try {\r\n        initialData = formBuilderDeConversion(formBuilder.formData);\r\n      } catch (error) {\r\n        console.error('Error converting form data:', error);\r\n      }\r\n    }\r\n\r\n    // Handle empty initial data\r\n    if (!initialData) {\r\n      removeSection();\r\n      remove();\r\n      append([]);\r\n      return;\r\n    }\r\n\r\n    // Process data based on available structure\r\n    try {\r\n      if (tabsData.length > 0) {\r\n        processData(\r\n          { tabsData: tabsData },\r\n          activeTabValue,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else if (initialData.tab) {\r\n        processData(\r\n          initialData,\r\n          activeTabValue,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else if (initialData.section) {\r\n        processData(\r\n          initialData,\r\n          0,\r\n          formBuilder,\r\n          tabsData,\r\n          callbacks\r\n        );\r\n      } else {\r\n        console.warn('Invalid data structure in initialData');\r\n        removeSection();\r\n        remove();\r\n        append([]);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error processing form data:', error);\r\n      // Reset to clean state on error\r\n      removeSection();\r\n      remove();\r\n      append([]);\r\n    }\r\n  }, [activeTabValue, JSON.stringify(formBuilder?.formData), tabsData.length]);\r\n};\r\n\r\n// Usage example:\r\n/*\r\n// Option 1: Using custom hook\r\nconst { initialData } = useFormDataProcessor(\r\n  formBuilder,\r\n  tabsData,\r\n  activeTabValue,\r\n  {\r\n    removeSection,\r\n    remove,\r\n    setTabsData,\r\n    append,\r\n    appendSection\r\n  }\r\n);\r\n\r\n// Option 2: Using direct useEffect\r\nuseFormDataEffect(\r\n  formBuilder,\r\n  tabsData,\r\n  activeTabValue,\r\n  {\r\n    removeSection,\r\n    remove,\r\n    setTabsData,\r\n    append,\r\n    appendSection\r\n  }\r\n);\r\n*/\r\n\r\n// Path generation utility (separate from the effect)\r\nexport const generateModulePath = (currentModule: string): string => {\r\n  try {\r\n    const redirectionPath = getRedirectionPath(currentModule);\r\n    return `/dashboard/${currentModule}${redirectionPath}`;\r\n  } catch (error) {\r\n    console.error('Error generating module path:', error);\r\n    throw error;\r\n  }\r\n};"],"names":["MODULE_PATHS","accounting","PathnameAccounting","FORMS","inventory","PathnameInventory","manufacturing","PathnameManufacturing","procurement","PathnamePurchase","crm","PathnameCrm","rental","PathnameRental","user","PathnameUsers","formatText","text","split","map","word","charAt","toUpperCase","slice","toLowerCase","join","processTableColumns","member","formBuilder","_a","table_columns","length","table","_b","fields","header","accessorKey","visible","Array","isArray","field","index","processMembers","sections","flatMap","section","members","field_type","extractSections","label","is_accordion","id","remove_section","form_switcher_label","form_switcher_name","is_section_field","section_type","switcher_forms","processData","data","activeTabId","tabsData","callbacks","removeSection","remove","tab","processTabData","processSectionData","Error","processExistingTabsData","error","alert","message","tabs","setTabsData","append","appendSection","activeTab","find","tab_order","extractedSections","currentModule","redirectionPath","getRedirectionPath","activeTabValue","useEffect","initialData","formData","formBuilderDeConversion","JSON","stringify","serializedFormData","useMemo"],"mappings":"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"}