@erpsquad/common 1.8.40 → 1.8.42

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/views/form-builder/custom-form.tsx"],"sourcesContent":["// React imports\r\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\r\n\r\n// React Router imports\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\n// React Hook Form imports\r\nimport { useForm, useFieldArray } from \"react-hook-form\";\r\n\r\n// Material UI imports\r\nimport { Box, FormControlLabel, Grid, RadioGroup } from \"@mui/material\";\r\nimport { Add } from \"@mui/icons-material\";\r\n\r\n// Third-party imports\r\nimport { DndProvider } from \"react-dnd\";\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\r\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { enqueueSnackbar } from \"notistack\";\r\n\r\n// ERP Common imports\r\nimport DynamicSectionHOC from \"@/components/form-control/form-builder/form-builder-element/section\";\r\nimport Button from \"@/components/form-control/form-builder/form-builder-element/button\";\r\nimport TabBar from \"@/components/tabs/tabs\";\r\nimport images from \"@/assets/images\";\r\nimport { Pathname } from \"@/constants\";\r\nimport FormHeader from \"@/components/form-header/form-header\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport formBuilderConversion from \"@/utils/form-builder-conversion\";\r\nimport { useAppDispatch, useAppSelector } from \"@/redux/hooks\";\r\nimport { formatLabel } from \"@/utils/format-text\";\r\nimport Toast from \"@/components/toast/toast\";\r\nimport Radio from \"@/components/radio/radio\";\r\nimport { SECTION_TYPES } from \"@/utils/constant\";\r\nimport ErpLoader from \"@/components/loaders/erp-loader\";\r\nimport { getErrorMessage } from \"@/utils/common\";\r\nimport FormParser from \"@/components/form-control/form-parser/form-parser\";\r\nimport { Eye, EyeOff } from \"@/components/icons\";\r\n\r\n// Redux actions\r\nimport {\r\n  patchFormDataById,\r\n  getFormDataById,\r\n  getFieldsByFormId,\r\n} from \"../form-builder/redux/actionCreator\";\r\n\r\n// Local imports\r\nimport {\r\n  IProperty,\r\n  ISectionProperty,\r\n  ISelectProperty,\r\n  element,\r\n} from \"./field_properties\";\r\nimport TextEditForm from \"./element-edit-forms/text\";\r\nimport SelectEditForm from \"./element-edit-forms/select\";\r\nimport SectionEditForm from \"./element-edit-forms/section\";\r\nimport CheckboxEditForm from \"./element-edit-forms/checkbox\";\r\nimport TableEditForm from \"./element-edit-forms/table-form\";\r\nimport FormFields from \"./form-fields\";\r\nimport { generateModulePath, useFormDataEffect } from \"./utils/common\";\r\nimport \"./custom-form.scss\";\r\n\r\nexport interface IElementJson extends IProperty {\r\n  type: string;\r\n}\r\n\r\nconst FIELD_TYPES = {\r\n  TEXT: 'text',\r\n  NUMBER: 'number',\r\n  EMAIL: 'email',\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  GEO_LOCATION: 'geoLocation',\r\n  IMAGE: 'image',\r\n  SECTION: 'section',\r\n  INFO: 'info',\r\n  RELATION: 'relation',\r\n  CHECKBOX: 'checkbox',\r\n  TOGGLE_BUTTON: 'toggleButton',\r\n  TAGS_INPUT: 'tagsInput'\r\n} as const;\r\n\r\nconst DEFAULT_GRID_COLUMNS = 12;\r\nconst DEFAULT_COLUMN_WIDTH = 2;\r\nconst DEFAULT_TAB_TITLE = 'data';\r\n\r\nconst isValidNumber = (value: any): boolean => !isNaN(Number(value)) && isFinite(Number(value));\r\nconst deepClone = (obj: T): T => JSON.parse(JSON.stringify(obj));\r\nconst generateUniqueId = (separator = ''): { uniqueStringId: string } => {\r\n  return { uniqueStringId: `${Date.now()}${separator}${Math.random().toString(36).substr(2, 9)}` };\r\n};\r\n\r\n\r\nexport function CustomForm() {\r\n  const { t } = useTranslation();\r\n  const dispatch = useAppDispatch();\r\n  const navigate = useNavigate();\r\n  const location = useLocation();\r\n  const rowData = location.state ?? [];\r\n\r\n  const formBuilder = useAppSelector((state) => state.formBuilder);\r\n\r\n  const { control } = useForm({\r\n    reValidateMode: \"onBlur\",\r\n  });\r\n\r\n  const {\r\n    fields: members,\r\n    append,\r\n    remove,\r\n    update,\r\n    move,\r\n    insert,\r\n  } = useFieldArray({\r\n    control,\r\n    name: \"members\",\r\n  });\r\n\r\n  const {\r\n    fields: section,\r\n    append: appendSection,\r\n    remove: removeSection,\r\n    update: updateSection,\r\n  } = useFieldArray({\r\n    control,\r\n    name: \"section\",\r\n  });\r\n\r\n  const [selectedHoc, setSelectedHoc] = useState(\"\");\r\n  const [activeSection, setActiveSection] = useState<number>();\r\n  const [activeMember, setActiveMember] = useState<number>();\r\n\r\n  const [formJSON, setFormJSON] = useState<object[]>([]);\r\n  const [elementJSON, setElementJSON] = useState<any>(null);\r\n  const [positionEditedElement, setPositionEditedElement] = useState<\r\n    number | undefined\r\n  >();\r\n\r\n  const [sectionFormJSON, setSectionFormJSON] = useState<object[]>([]);\r\n  const [sectionJSON, setSectionJSON] = useState<any>({});\r\n  const [sectionPositionEditedElement, setSectionPositionEditedElement] =\r\n    useState<number | undefined>();\r\n  const [removeSectionActionPerformed, setRemoveSectionActionPerformed] =\r\n    useState(false);\r\n  const [removeSectionMembersPerformed, setRemoveSectionMembersPerformed] =\r\n    useState(false);\r\n  const [removeSectionPosition, setRemoveSectionPosition] = useState<\r\n    number | undefined\r\n  >();\r\n  const [initialLoading, setInitialLoading] = useState(true);\r\n  const [tabsData, setTabsData] = useState<any[]>([]);\r\n  const [activeTabValue, setActiveTabValue] = useState<number | undefined>(0);\r\n\r\n  const [elementSwap, setElementSwap] = useState(false);\r\n  const [modifyAccordion, setModifyAccordion] = useState(false);\r\n  const [toast, setToast] = useState<IToast | null>(null);\r\n  const [previewFieldsData, setPreviewFields] = useState<any>(null);\r\n  const [_, setFormParserMethods] = useState<any>();\r\n\r\n  let elementPerColumn: any;\r\n\r\n  const currentModule = location.pathname.split('/')[2]\r\n\r\n  const path = generateModulePath(currentModule)\r\n\r\n  useFormDataEffect(\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  const pickPropertyEditForm = useCallback((type: string): React.ReactElement => {\r\n    try {\r\n      if (!type || typeof type !== 'string') {\r\n        console.warn('Invalid field type provided to pickPropertyEditForm');\r\n        return <div className=\"text-gray-500 p-4\">Select a field to edit</div>;\r\n      }\r\n\r\n      const normalizedType = type.toLowerCase().trim();\r\n\r\n      // Define form type groups for better maintainability\r\n      const formGroups = {\r\n        text: [\r\n          'text', 'number', 'email', 'phone', 'date', 'time',\r\n          'url', 'currency', 'file', 'geolocation', 'image',\r\n          'relation', 'info', 'tagsinput'\r\n        ],\r\n        select: ['select'],\r\n        section: ['section'],\r\n        checkbox: ['checkbox', 'togglebutton', 'radiobutton'],\r\n        table: ['table']\r\n      };\r\n\r\n      // Common props for reusability\r\n      const commonTextProps = {\r\n        element: elementJSON,\r\n        handlePropertyValueUpdate,\r\n        handleWidthChange,\r\n        handleColumnSelect,\r\n        fields: formBuilder?.fields || []\r\n      };\r\n\r\n      const commonSelectProps = {\r\n        element: elementJSON,\r\n        handlePropertyValueUpdate,\r\n        handleSelectOptionValueUpdate,\r\n        handleWidthChange,\r\n        handleColumnSelect\r\n      };\r\n\r\n      // Determine form type and render appropriate component\r\n      if (formGroups.text.includes(normalizedType)) {\r\n        return (\r\n          <TextEditForm\r\n            {...commonTextProps}\r\n            key={`text-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.select.includes(normalizedType)) {\r\n        return (\r\n          <SelectEditForm\r\n            {...commonSelectProps}\r\n            key={`select-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.section.includes(normalizedType)) {\r\n        return (\r\n          <SectionEditForm\r\n            element={sectionJSON}\r\n            handlePropertyValueUpdate={handleSectionPropertyValueUpdate}\r\n            key={`section-form-${sectionJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.checkbox.includes(normalizedType)) {\r\n        return (\r\n          <CheckboxEditForm\r\n            {...commonSelectProps}\r\n            key={`checkbox-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.table.includes(normalizedType)) {\r\n        return (\r\n          <TableEditForm\r\n            element={elementJSON}\r\n            handlePropertyValueUpdate={handlePropertyValueUpdate}\r\n            handleColumnsUpdate={handleColumnsUpdate}\r\n            fields={formBuilder?.fields || []}\r\n            key={`table-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      // Default fallback with helpful message\r\n      console.warn(`Unknown field type: ${type}`);\r\n      return (\r\n        <div className=\"text-gray-500 p-4 border border-gray-200 rounded\">\r\n          <p className=\"font-medium\">Unknown Field Type</p>\r\n          <p className=\"text-sm mt-1\">\r\n            Field type \"{type}\" is not supported. Please select a valid field to edit.\r\n          </p>\r\n        </div>\r\n      );\r\n\r\n    } catch (error) {\r\n      console.error('Error in pickPropertyEditForm:', error);\r\n      return (\r\n        <div className=\"text-red-500 p-4 border border-red-200 rounded bg-red-50\">\r\n          <p className=\"font-medium\">Error Loading Form</p>\r\n          <p className=\"text-sm mt-1\">\r\n            There was an error loading the property edit form. Please try again.\r\n          </p>\r\n        </div>\r\n      );\r\n    }\r\n  }, [elementJSON, sectionJSON, formBuilder]);\r\n\r\n  const addNewSection = useCallback((): void => {\r\n    try {\r\n      if (!element?.section) {\r\n        console.error('Element section template is not available');\r\n        return;\r\n      }\r\n\r\n      const { uniqueStringId: id } = generateUniqueId('-');\r\n      const newSection: ISectionProperty = {\r\n        ...deepClone(element.section),\r\n        id: id,\r\n      };\r\n\r\n      // Update switcher forms with new ID if they exist\r\n      if (newSection.switcher_forms) {\r\n        newSection.switcher_forms = newSection.switcher_forms.map(form => ({\r\n          ...form,\r\n          id: generateUniqueId('-').uniqueStringId\r\n        }));\r\n      }\r\n\r\n      const newSectionIndex = section.length;\r\n\r\n      appendSection(newSection);\r\n      setActiveSection(newSectionIndex);\r\n      setSelectedHoc('section');\r\n\r\n      const sectionData: ISectionProperty = {\r\n        field_type: newSection.field_type,\r\n        section_type: newSection.section_type,\r\n        switcher_forms: newSection.switcher_forms,\r\n        form_switcher_label: newSection.form_switcher_label,\r\n        form_switcher_name: newSection.form_switcher_name,\r\n        label: newSection.label,\r\n        is_accordion: newSection.is_accordion,\r\n        id: newSection.id ?? newSectionIndex,\r\n      };\r\n\r\n      setSectionJSON(sectionData);\r\n      setSectionPositionEditedElement(newSectionIndex);\r\n      pickPropertyEditForm(newSection.field_type);\r\n    } catch (error) {\r\n      console.error('Error adding new section:', error);\r\n    }\r\n  }, [element, section, appendSection, setActiveSection, setSelectedHoc, setSectionJSON, setSectionPositionEditedElement, pickPropertyEditForm]);\r\n\r\n  /**\r\n   * Enhanced handleAddTab with better validation and error handling\r\n   */\r\n  const handleAddTab = useCallback((): void => {\r\n    try {\r\n      const formWithMembers = deepClone(sectionFormJSON);\r\n\r\n      // Populate sections with their members\r\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\r\n        section.members = members.filter(\r\n          (member: IProperty) => member?.section_order === sectionIndex\r\n        );\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const shouldRemoveTab = !tabsData?.length && hasSystemMembers;\r\n\r\n      const newTab: TabData = {\r\n        tab_order: tabsData.length + 1,\r\n        title: DEFAULT_TAB_TITLE,\r\n        remove_tab: shouldRemoveTab,\r\n        data: tabsData?.length ? [] : formWithMembers\r\n      };\r\n\r\n      setTabsData(prevTabs => [...prevTabs, newTab]);\r\n    } catch (error) {\r\n      console.error('Error adding new tab:', error);\r\n    }\r\n  }, [sectionFormJSON, members, tabsData, setTabsData]);\r\n\r\n  const handleEditTabTitle = useCallback((tabId: number, newTitle: string): void => {\r\n    try {\r\n      if (!isValidNumber(tabId) || !newTitle?.trim()) {\r\n        console.error('Invalid tab ID or title provided');\r\n        return;\r\n      }\r\n\r\n      setTabsData(prevTabs =>\r\n        prevTabs.map((tab: TabData) =>\r\n          tab.tab_order === tabId ? { ...tab, title: newTitle.trim() } : tab\r\n        )\r\n      );\r\n    } catch (error) {\r\n      console.error('Error editing tab title:', error);\r\n    }\r\n  }, [setTabsData]);\r\n\r\n  const handleRemoveTab = useCallback((id: number): void => {\r\n    try {\r\n      if (!isValidNumber(id)) {\r\n        console.error('Invalid tab ID provided');\r\n        return;\r\n      }\r\n\r\n      const filteredTabs = tabsData.filter((tab: TabData) => tab.tab_order !== id);\r\n\r\n      // Reorder remaining tabs\r\n      const reorderedTabs = filteredTabs.map((tab: TabData) => ({\r\n        ...tab,\r\n        tab_order: tab.tab_order > id ? tab.tab_order - 1 : tab.tab_order,\r\n      }));\r\n\r\n      setTabsData(reorderedTabs);\r\n      if (activeTabValue == id) {\r\n        setActiveTabValue(reorderedTabs?.length - 1)\r\n      }\r\n\r\n      if (reorderedTabs.length > 0) {\r\n        const activeTab = reorderedTabs.find(\r\n          (tab: TabData) => tab.tab_order === (activeTabValue ?? 0) + 1\r\n        );\r\n\r\n        if (activeTab?.data) {\r\n          const sections = activeTab.data.map(\r\n            ({ field_type, label, is_accordion, id, remove_section }) => ({\r\n              field_type,\r\n              label,\r\n              is_accordion,\r\n              id,\r\n              remove_section,\r\n            })\r\n          );\r\n\r\n          const membersList = activeTab.data.flatMap((section: ISectionProperty) =>\r\n            section.members?.map((member: IProperty) => ({ ...member })) || []\r\n          );\r\n\r\n          // Clear current data and add new data\r\n          remove();\r\n          removeSection();\r\n          membersList.forEach(member => append(member));\r\n          sections.forEach(section => appendSection(section));\r\n        }\r\n      } else {\r\n        // Clear all data if no tabs remain\r\n        remove();\r\n        removeSection();\r\n      }\r\n    } catch (error) {\r\n      console.error('Error removing tab:', error);\r\n    }\r\n  }, [tabsData, activeTabValue, setTabsData, remove, removeSection, append, appendSection]);\r\n\r\n  const handleElementSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\r\n    try {\r\n      const target = e.target as HTMLElement;\r\n      const elementPositionIndex = target.dataset.position;\r\n\r\n      if (!elementPositionIndex || !isValidNumber(elementPositionIndex)) {\r\n        console.error('Invalid element position index');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(elementPositionIndex);\r\n\r\n      if (positionIndex < 0 || positionIndex >= formJSON.length) {\r\n        console.error('Element position index out of bounds');\r\n        return;\r\n      }\r\n\r\n      setActiveMember(positionIndex);\r\n\r\n      const elementDetails = deepClone(formJSON[positionIndex]);\r\n      setPositionEditedElement(positionIndex);\r\n      setElementJSON(elementDetails);\r\n      setSelectedHoc('element');\r\n    } catch (error) {\r\n      console.error('Error selecting element:', error);\r\n    }\r\n  }, [formJSON, setActiveMember, setPositionEditedElement, setElementJSON, setSelectedHoc]);\r\n\r\n  const handleSectionSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\r\n    try {\r\n      const target = e.target as HTMLElement;\r\n      const sectionPositionIndex = target.dataset.position;\r\n\r\n      if (!sectionPositionIndex || !isValidNumber(sectionPositionIndex)) {\r\n        console.error('Invalid section position index');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(sectionPositionIndex);\r\n\r\n      if (positionIndex < 0 || positionIndex >= sectionFormJSON.length) {\r\n        console.error('Section position index out of bounds');\r\n        return;\r\n      }\r\n\r\n      setActiveSection(positionIndex);\r\n\r\n      const sectionDetails = deepClone(sectionFormJSON[positionIndex]);\r\n      setSectionPositionEditedElement(positionIndex);\r\n      setSectionJSON(sectionDetails);\r\n      setSelectedHoc('section');\r\n    } catch (error) {\r\n      console.error('Error selecting section:', error);\r\n    }\r\n  }, [sectionFormJSON, setActiveSection, setSectionPositionEditedElement, setSectionJSON, setSelectedHoc]);\r\n\r\n  const handleAddMember = useCallback((\r\n    e: React.SyntheticEvent<HTMLElement>,\r\n    otherProperties?: Record<string, any>\r\n  ): void => {\r\n    try {\r\n      const target = e.currentTarget as HTMLElement;\r\n      const sectionPositionIndex = target?.dataset?.position;\r\n\r\n      if (sectionPositionIndex === undefined || !isValidNumber(sectionPositionIndex)) {\r\n        console.error('Invalid section position index for adding member');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(sectionPositionIndex);\r\n\r\n      if (positionIndex < 0) {\r\n        console.error('Section position index cannot be negative');\r\n        return;\r\n      }\r\n\r\n      if (!element?.text) {\r\n        console.error('Element text template is not available');\r\n        return;\r\n      }\r\n\r\n      const newMember: IProperty = {\r\n        ...deepClone(element.text),\r\n        ...otherProperties,\r\n        section_order: positionIndex,\r\n        type: 'custom',\r\n        is_new: true,\r\n        custom_width: Math.floor(DEFAULT_GRID_COLUMNS / DEFAULT_COLUMN_WIDTH),\r\n        is_fullwidth: false,\r\n        is_system_field: Boolean(otherProperties?.is_system_field),\r\n        id: generateUniqueId().uniqueStringId,\r\n      };\r\n\r\n      setActiveSection(positionIndex);\r\n      append(newMember);\r\n\r\n      const elementPositionIndex = members.length;\r\n      setActiveMember(elementPositionIndex);\r\n      setSelectedHoc('element');\r\n      setPositionEditedElement(elementPositionIndex);\r\n      setElementJSON(newMember);\r\n      pickPropertyEditForm(newMember.field_type);\r\n    } catch (error) {\r\n      console.error('Error adding new member:', error);\r\n    }\r\n  }, [element, members, setActiveSection, append, setActiveMember, setSelectedHoc, setPositionEditedElement, setElementJSON, pickPropertyEditForm]);\r\n\r\n\r\n  const handleSectionPropertyValueUpdate = useCallback((\r\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\r\n    overrideValue?: any\r\n  ): void => {\r\n    try {\r\n      const { name, type, checked, value } = e.target;\r\n\r\n      if (!name) {\r\n        console.error('Property name is required for update');\r\n        return;\r\n      }\r\n\r\n      const updatedValue = overrideValue !== undefined ? overrideValue : (type === 'checkbox' ? checked : value);\r\n\r\n      // Only update if value actually changed\r\n      if (sectionJSON[name] !== updatedValue) {\r\n        setSectionJSON(prev => ({ ...prev, [name]: updatedValue }));\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating section property:', error);\r\n    }\r\n  }, [sectionJSON, setSectionJSON]);\r\n\r\n  const handleWidthChange = useCallback((newCustomWidth: number): void => {\r\n    try {\r\n      if (!isValidNumber(newCustomWidth) || newCustomWidth < 1 || newCustomWidth > DEFAULT_GRID_COLUMNS) {\r\n        console.error('Invalid width value provided');\r\n        return;\r\n      }\r\n\r\n      setElementJSON(prevData => ({\r\n        ...prevData,\r\n        custom_width: newCustomWidth,\r\n      }));\r\n    } catch (error) {\r\n      console.error('Error updating width:', error);\r\n    }\r\n  }, [setElementJSON]);\r\n\r\n  const handleColumnSelect = useCallback((e: React.ChangeEvent<HTMLSelectElement>): void => {\r\n    try {\r\n      const columnValue = Number(e.target.value);\r\n\r\n      if (!isValidNumber(columnValue) || columnValue <= 0) {\r\n        console.error('Invalid column value provided');\r\n        return;\r\n      }\r\n\r\n      const elementPerColumn = Math.floor(DEFAULT_GRID_COLUMNS / columnValue);\r\n\r\n      if (elementPerColumn <= 0) {\r\n        console.error('Calculated element per column is invalid');\r\n        return;\r\n      }\r\n\r\n      // Batch update all members\r\n      members.forEach((field: IProperty, index: number) => {\r\n        update(index, { ...field, custom_width: elementPerColumn });\r\n      });\r\n    } catch (error) {\r\n      console.error('Error updating column selection:', error);\r\n    }\r\n  }, [members, update]);\r\n\r\n  const handlePropertyValueUpdate = useCallback((\r\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\r\n    numberValue?: number,\r\n    val?: string,\r\n    fieldType?: keyof typeof FIELD_TYPES\r\n  ): void => {\r\n    try {\r\n      const getValue = (): any => {\r\n        if (fieldType) return fieldType;\r\n        if (val !== undefined) return val;\r\n        if (numberValue !== undefined) return numberValue;\r\n        return e?.target?.value;\r\n      };\r\n\r\n      const value = getValue();\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n\r\n      if (e?.target?.name) {\r\n        elementJSONCopy[e.target.name] = e.target.type === 'checkbox' ? e.target.checked : value;\r\n      }\r\n      // Only update if there's an actual change\r\n      if (fieldType) {\r\n        const { uniqueStringId: uniqueId } = generateUniqueId();\r\n        const copyOfUpdatedElement: IProperty = {\r\n          ...element[fieldType],\r\n          section_form_id: elementJSONCopy?.section_form_id,\r\n          is_form_switcher_section: elementJSONCopy?.is_form_switcher_section,\r\n          section_order: elementJSONCopy.section_order,\r\n          id: uniqueId,\r\n          type: 'custom',\r\n          is_system_field: Boolean(elementJSONCopy?.is_system_field),\r\n          is_new: true,\r\n          column_width: elementJSONCopy?.column_width || 6,\r\n          custom_width: elementJSONCopy?.custom_width || 6\r\n        };\r\n        setElementJSON(copyOfUpdatedElement);\r\n      } else if (JSON.stringify(elementJSON) !== JSON.stringify(elementJSONCopy)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating property value:', error);\r\n    }\r\n  }, [elementJSON, element, setElementJSON]);\r\n\r\n  const handleSelectOptionValueUpdate = useCallback((options: any[]): void => {\r\n    try {\r\n      if (!Array.isArray(options)) {\r\n        console.error('Options must be an array');\r\n        return;\r\n      }\r\n\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n      elementJSONCopy.options = [...options];\r\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\r\n\r\n      if (JSON.stringify(elementJSON.options) !== JSON.stringify(options)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating select options:', error);\r\n    }\r\n  }, [elementJSON, setElementJSON]);\r\n\r\n  const handleColumnsUpdate = useCallback((columns: MRT_ColumnDef<MRT_RowData>[]): void => {\r\n    try {\r\n      if (!Array.isArray(columns)) {\r\n        console.error('Columns must be an array');\r\n        return;\r\n      }\r\n\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n      elementJSONCopy.table_columns = [...columns];\r\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\r\n\r\n      if (JSON.stringify(elementJSON.table_columns) !== JSON.stringify(columns)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating table columns:', error);\r\n    }\r\n  }, [elementJSON, setElementJSON]);\r\n\r\n  const handleRemoveSection = useCallback((sectionIndex: number): void => {\r\n    try {\r\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\r\n        console.error('Invalid section index for removal');\r\n        return;\r\n      }\r\n\r\n      setRemoveSectionPosition(sectionIndex);\r\n      removeSection(sectionIndex);\r\n\r\n      // Remove associated members in reverse order to maintain indices\r\n      const membersToRemove: number[] = [];\r\n      members.forEach((member: IProperty, index: number) => {\r\n        if (member?.section_order === sectionIndex) {\r\n          membersToRemove.push(index);\r\n        }\r\n      });\r\n\r\n      // Remove members in reverse order to maintain correct indices\r\n      membersToRemove.reverse().forEach(memberIndex => {\r\n        remove(memberIndex);\r\n      });\r\n\r\n      setRemoveSectionActionPerformed(true);\r\n    } catch (error) {\r\n      console.error('Error removing section:', error);\r\n    }\r\n  }, [section, members, setRemoveSectionPosition, removeSection, remove, setRemoveSectionActionPerformed]);\r\n\r\n  const handleMakeAccordion = useCallback((sectionIndex: number): void => {\r\n    try {\r\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\r\n        console.error('Invalid section index for accordion conversion');\r\n        return;\r\n      }\r\n\r\n      setModifyAccordion(true);\r\n      setSectionPositionEditedElement(sectionIndex);\r\n      setActiveSection(sectionIndex);\r\n\r\n      const copyOfSection: ISectionProperty = {\r\n        ...deepClone(section[sectionIndex]),\r\n        is_accordion: true\r\n      };\r\n\r\n      updateSection(sectionIndex, copyOfSection);\r\n      setSelectedHoc('section');\r\n      setSectionJSON(copyOfSection);\r\n      pickPropertyEditForm(copyOfSection.field_type);\r\n    } catch (error) {\r\n      console.error('Error making section accordion:', error);\r\n    }\r\n  }, [section, setModifyAccordion, setSectionPositionEditedElement, setActiveSection, updateSection, setSelectedHoc, setSectionJSON, pickPropertyEditForm]);\r\n\r\n  const handleTabData = useCallback((): void => {\r\n    try {\r\n      const formWithMembers = deepClone(sectionFormJSON);\r\n\r\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\r\n        section.members = members.filter(\r\n          (member: IProperty) => member?.section_order === sectionIndex\r\n        );\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const activeTabIndex = Number(activeTabValue);\r\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\r\n        const updatedTabsData = [...tabsData];\r\n        updatedTabsData[activeTabIndex] = {\r\n          ...updatedTabsData[activeTabIndex],\r\n          data: formWithMembers,\r\n          remove_tab: hasSystemMembers,\r\n        };\r\n        setTabsData(updatedTabsData)\r\n        remove();\r\n        removeSection();\r\n        setActiveMember(undefined);\r\n        setSelectedHoc(\"\");\r\n        setActiveSection(undefined);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating tab data:', error);\r\n    }\r\n  }, [sectionFormJSON, members, activeTabValue, tabsData, setTabsData]);\r\n\r\n  // const handlePreview = () => {\r\n  //   const formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\r\n\r\n  //   formWithMembers.forEach(\r\n  //     (section: ISectionProperty, sectionIndex: number) => {\r\n  //       section.members = members.filter(\r\n  //         (member: any) => member?.section_order === sectionIndex,\r\n  //       ) as (IProperty | ISelectProperty)[];\r\n  //     },\r\n  //   );\r\n  //   const state = tabsData?.length\r\n  //     ? { tab: tabsData }\r\n  //     : { section: formWithMembers };\r\n\r\n  //   const FormBuilderConversion = state && formBuilderConversion(state);\r\n\r\n  //   setPreviewFields(FormBuilderConversion);\r\n  // };\r\n\r\n  // Option 1: Using useMemo to memoize the expensive computation\r\n  const formWithMembers = useMemo(() => {\r\n    if (!sectionFormJSON || !members) return null;\r\n\r\n    return sectionFormJSON.map((section: ISectionProperty, sectionIndex: number) => ({\r\n      ...section,\r\n      members: members.filter(\r\n        (member: any) => member?.section_order === sectionIndex,\r\n      ) as (IProperty | ISelectProperty)[]\r\n    }));\r\n  }, [sectionFormJSON, members]);\r\n\r\n  const previewState = useMemo(() => {\r\n    if (!formWithMembers) return null;\r\n\r\n    return tabsData?.length\r\n      ? { tab: tabsData }\r\n      : { section: formWithMembers };\r\n  }, [tabsData, formWithMembers]);\r\n\r\n  const previewFields = useMemo(() => {\r\n    if (!previewState) return null;\r\n    return formBuilderConversion(previewState);\r\n  }, [previewState]);\r\n\r\n\r\n  // Option 2: Optimized handlePreview function using useCallback\r\n  const showPreview = useCallback(() => {\r\n    if (previewFields) {\r\n      setPreviewFields(previewFields);\r\n    }\r\n  }, [previewFields, setPreviewFields]);\r\n  const hidePreview = useCallback(() => {\r\n    setPreviewFields(null);\r\n  }, []);\r\n\r\n  // Enhanced handleFormUpdate with proper error handling and validation\r\n  const handleFormUpdate = useCallback(async (): void => {\r\n    try {\r\n\r\n\r\n\r\n      // Early validation checks\r\n      if (!sectionFormJSON || !Array.isArray(sectionFormJSON)) {\r\n        console.warn('Invalid sectionFormJSON provided');\r\n        return;\r\n      }\r\n\r\n      if (!members || !Array.isArray(members)) {\r\n        console.warn('Invalid members array provided');\r\n        return;\r\n      }\r\n\r\n      if (!rowData?._id) {\r\n        console.warn('Missing rowData._id for form update');\r\n        return;\r\n      }\r\n\r\n      // Deep clone with proper error handling\r\n      let formWithMembers: IEnhancedSectionProperty[];\r\n\r\n      try {\r\n        formWithMembers = structuredClone(sectionFormJSON);\r\n      } catch (cloneError) {\r\n        // Fallback to JSON method if structuredClone is not available\r\n        formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\r\n      }\r\n\r\n      // Enhanced member filtering with better type safety and validation\r\n      formWithMembers.forEach((section: IEnhancedSectionProperty, sectionIndex: number) => {\r\n        // Validate section object\r\n        if (!section || typeof section !== 'object') {\r\n          console.warn(`Invalid section at index ${sectionIndex}`);\r\n          return;\r\n        }\r\n\r\n        // Filter members with proper type checking and validation\r\n        section.members = members.filter((member: IMember) => {\r\n          // Validate member object and section_order\r\n          return (\r\n            member &&\r\n            typeof member === 'object' &&\r\n            typeof member.section_order === 'number' &&\r\n            member.section_order === sectionIndex\r\n          );\r\n        }) as (IProperty | ISelectProperty)[];\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const activeTabIndex = Number(activeTabValue);\r\n      let updatedTabsData = [...tabsData];\r\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\r\n        updatedTabsData = [...tabsData];\r\n        updatedTabsData[activeTabIndex] = {\r\n          ...updatedTabsData[activeTabIndex],\r\n          data: formWithMembers,\r\n          remove_tab: hasSystemMembers,\r\n        };\r\n\r\n        setTabsData(updatedTabsData)\r\n      }\r\n\r\n      // Build state object with proper validation\r\n      const state: IFormState = updatedTabsData?.length > 0\r\n        ? { tab: updatedTabsData }\r\n        : { section: formWithMembers };\r\n\r\n      // Validate formBuilderConversion function exists\r\n      if (typeof formBuilderConversion !== 'function') {\r\n        console.error('formBuilderConversion is not a function');\r\n        return;\r\n      }\r\n\r\n      // Execute conversion with error handling\r\n      let formBuilderConversionResult: any;\r\n      try {\r\n        formBuilderConversionResult = formBuilderConversion(state);\r\n      } catch (conversionError) {\r\n        console.error('Error during form builder conversion:', conversionError);\r\n        return;\r\n      }\r\n\r\n      // Validate conversion result\r\n      if (!formBuilderConversionResult) {\r\n        console.warn('Form builder conversion returned empty result');\r\n        return;\r\n      }\r\n\r\n      // Validate elementPerColumn\r\n      // if (typeof elementPerColumn !== 'number' || elementPerColumn <= 0) {\r\n\r\n      //   console.warn('Invalid elementPerColumn value');\r\n      //   return;\r\n      // }\r\n\r\n      // Prepare payload with validation\r\n      const updatePayload: IFormUpdatePayload = {\r\n        gridCol: elementPerColumn || 2,\r\n        fields: formBuilderConversionResult\r\n      };\r\n\r\n      // Dispatch update action\r\n      const updateRes = await dispatch(\r\n        patchFormDataById({\r\n          id: rowData._id,\r\n          data: updatePayload\r\n        })\r\n      );\r\n      if (updateRes.meta.requestStatus === 'rejected') {\r\n\r\n        const m = getErrorMessage(updateRes?.error?.message);\r\n        enqueueSnackbar(m, { variant: 'error' });\r\n      } else {\r\n        enqueueSnackbar(\"Form updated successfully\", { variant: 'success' });\r\n        navigate(path);\r\n      }\r\n\r\n    } catch (error) {\r\n      const m = error?.message || 'Something went wrong while updating the form';\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }, [\r\n    sectionFormJSON,\r\n    members,\r\n    tabsData,\r\n    rowData?._id,\r\n    elementPerColumn,\r\n    dispatch,\r\n    formBuilderConversion\r\n  ]);\r\n\r\n  const handleDuplicateElement = (index: number) => {\r\n    const copyOfMember: any = { ...members[index], type: \"custom\" };\r\n    copyOfMember && insert(index + 1, copyOfMember);\r\n    setActiveMember(index + 1);\r\n    setSelectedHoc(\"element\");\r\n    setPositionEditedElement(index + 1);\r\n    setElementJSON(copyOfMember);\r\n    pickPropertyEditForm(copyOfMember.field_type);\r\n  };\r\n\r\n  const breadCrumbPath = [\r\n    {\r\n      link: path,\r\n      label: \"Forms\",\r\n    },\r\n    {\r\n      link: \"\",\r\n      label: formatLabel(rowData?.name),\r\n    },\r\n    {\r\n      link: \"\",\r\n      label: \"Edit Form\",\r\n    },\r\n  ];\r\n\r\n\r\n  useEffect(() => {\r\n    if (removeSectionActionPerformed) {\r\n      members.forEach((member: any, index: number) => {\r\n        if (\r\n          removeSectionPosition !== undefined &&\r\n          Boolean(removeSectionPosition?.toString) &&\r\n          member.section_order > removeSectionPosition\r\n        ) {\r\n          update(index, { ...member, section_order: member.section_order - 1 });\r\n        }\r\n      });\r\n      setRemoveSectionActionPerformed(false);\r\n      setRemoveSectionMembersPerformed(true);\r\n      setRemoveSectionPosition(undefined);\r\n      setSelectedHoc(\"\");\r\n    }\r\n\r\n    // eslint-disable-next-line\r\n  }, [removeSectionActionPerformed]);\r\n\r\n  useEffect(() => {\r\n    formBuilder.isSuccess && navigate(path);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [formBuilder.isSuccess]);\r\n\r\n  useEffect(() => {\r\n    if (formBuilder.isError) {\r\n      setToast({\r\n        type: 'alert',\r\n        message: formBuilder.error\r\n      });\r\n    }\r\n  }, [formBuilder.error, formBuilder.isError]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      typeof positionEditedElement !== \"number\" ||\r\n      typeof positionEditedElement !== \"string\"\r\n    ) {\r\n      const index = Number(positionEditedElement);\r\n      if (formJSON[index]) {\r\n        const copyOfUpdatedFormJson = JSON.parse(\r\n          JSON.stringify(formJSON[index]),\r\n        );\r\n        update(index, { ...copyOfUpdatedFormJson });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [formJSON]);\r\n\r\n  useEffect(() => {\r\n    const updatedFormJSON = formJSON.map((obj: any, index: number) => {\r\n      if (index === Number(positionEditedElement)) {\r\n        return { ...elementJSON };\r\n      } else {\r\n        return { ...obj };\r\n      }\r\n    });\r\n    setFormJSON(updatedFormJSON);\r\n\r\n    // eslint-disable-next-line\r\n  }, [elementJSON]);\r\n\r\n  useEffect(() => {\r\n    if (members.length !== formJSON.length) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n    }\r\n    if (\r\n      Boolean(elementSwap) &&\r\n      JSON.stringify(members) !== JSON.stringify(formJSON)\r\n    ) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n      setElementSwap(false);\r\n      const newMember: any =\r\n        positionEditedElement && members[positionEditedElement];\r\n      newMember && setSelectedHoc(\"element\");\r\n      newMember && setElementJSON(newMember);\r\n      newMember && pickPropertyEditForm(newMember.field_type);\r\n    }\r\n    if (\r\n      removeSectionMembersPerformed &&\r\n      JSON.stringify(members) !== JSON.stringify(formJSON)\r\n    ) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n      setRemoveSectionMembersPerformed(false);\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [members, elementSwap]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      typeof sectionPositionEditedElement !== \"number\" ||\r\n      typeof sectionPositionEditedElement !== \"string\"\r\n    ) {\r\n      const index = Number(sectionPositionEditedElement);\r\n      if (sectionFormJSON[index]) {\r\n        const copyOfUpdatedFormJson = JSON.parse(\r\n          JSON.stringify(sectionFormJSON[index]),\r\n        );\r\n        updateSection(index, { ...copyOfUpdatedFormJson });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [sectionFormJSON]);\r\n\r\n  useEffect(() => {\r\n    const updatedFormJSON = sectionFormJSON.map((obj: any, index: number) => {\r\n      if (index === Number(sectionPositionEditedElement)) {\r\n        return { ...obj, ...sectionJSON };\r\n      } else {\r\n        return { ...obj };\r\n      }\r\n    });\r\n    setSectionFormJSON(updatedFormJSON);\r\n    // eslint-disable-next-line\r\n  }, [sectionJSON]);\r\n\r\n  useEffect(() => {\r\n    if (section.length !== sectionFormJSON.length) {\r\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\r\n    }\r\n    if (\r\n      JSON.stringify(sectionFormJSON) !== JSON.stringify(section) &&\r\n      modifyAccordion\r\n    ) {\r\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\r\n      setModifyAccordion(false);\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [section]);\r\n\r\n  useEffect(() => {\r\n    () => setInitialLoading(true);\r\n  }, [])\r\n\r\n  const handleFormData = useCallback(async () => {\r\n    setInitialLoading(true)\r\n    try {\r\n      if (rowData?._id) {\r\n        setTabsData([])\r\n        await dispatch(getFormDataById(rowData?._id));\r\n        await dispatch(getFieldsByFormId({ id: rowData?._id }));\r\n\r\n      }\r\n    } finally {\r\n      setInitialLoading(false);\r\n    }\r\n\r\n  }, [rowData?._id])\r\n\r\n  useEffect(() => {\r\n    handleFormData();\r\n  }, [handleFormData]);\r\n\r\n  type SelectedHoc = \"element\" | \"section\" | null;\r\n\r\n  // Constants\r\n  const DEFAULT_FIELD_TYPE = \"text\";\r\n  const HOC_TYPES = {\r\n    ELEMENT: \"element\",\r\n    SECTION: \"section\"\r\n  } as const;\r\n\r\n  // Helper function to check if object has meaningful content\r\n  const hasValidContent = (obj: Record<string, any>): boolean => {\r\n    return obj && Object.keys(obj).length > 0;\r\n  };\r\n\r\n  const EmptyStateMessage = () => (\r\n    <Typography type=\"s5\" color={\"theme.secondary.800\"} className=\"formSection--Text\">Select a field to edit its properties.</Typography>\r\n  )\r\n\r\n  // Helper function to get field type with fallback\r\n  const getFieldTypeWithFallback = (\r\n    json: ElementJSON | SectionJSON | null | undefined,\r\n    fallback: string = DEFAULT_FIELD_TYPE\r\n  ): string => {\r\n    return json?.field_type || fallback;\r\n  };\r\n\r\n  const memoizedForm = useMemo(() => {\r\n    // Early return for empty state\r\n    if (!selectedHoc) {\r\n\r\n      return <EmptyStateMessage />;\r\n    }\r\n\r\n    // Handle element selection\r\n    if (selectedHoc === HOC_TYPES.ELEMENT) {\r\n      if (!hasValidContent(members)) {\r\n        console.warn('Element selected but no members data available');\r\n        return <EmptyStateMessage />;\r\n      }\r\n\r\n      const fieldType = getFieldTypeWithFallback(elementJSON);\r\n      return pickPropertyEditForm(fieldType);\r\n    }\r\n\r\n    // Handle section selection\r\n    if (selectedHoc === HOC_TYPES.SECTION) {\r\n      if (!hasValidContent(section)) {\r\n        console.warn('Section selected but no section data available');\r\n        return <EmptyStateMessage />;\r\n      }\r\n\r\n      const fieldType = getFieldTypeWithFallback(sectionJSON);\r\n      return pickPropertyEditForm(fieldType);\r\n    }\r\n\r\n    // Fallback for unknown selection type\r\n    console.warn(`Unknown selectedHoc type: ${selectedHoc}`);\r\n    return <EmptyStateMessage />;\r\n  }, [\r\n    // Core dependencies\r\n    selectedHoc,\r\n\r\n    // Data dependencies\r\n    Object.keys(members).length,\r\n    Object.keys(section).length,\r\n\r\n    // JSON dependencies with deep comparison consideration\r\n    elementJSON?.field_type,\r\n    elementJSON?.field_properties,\r\n    sectionJSON?.field_type,\r\n    sectionJSON?.field_properties,\r\n\r\n    // Function dependency\r\n    pickPropertyEditForm\r\n  ]);\r\n\r\n  return (\r\n    //   <FullScreenLayout className=\"formSection--Layout\">\r\n    <Box position='relative'>\r\n      {initialLoading ? <ErpLoader /> :\r\n        <DndProvider backend={HTML5Backend}>\r\n          <FormHeader breadCrumbPath={breadCrumbPath}>\r\n            <div className=\"formSection--Buttons\">\r\n              <Button\r\n                variant=\"outlined\"\r\n                className=\"formSection--PreviewButton\"\r\n                text=\"Preview\"\r\n                onClick={() => { !previewFieldsData ? showPreview() : hidePreview() }}\r\n                disable={!members?.length}\r\n                startIcon={previewFieldsData ? <EyeOff /> : <Eye />}\r\n              />\r\n              <Button\r\n                variant=\"contained\"\r\n                type=\"submit\"\r\n                text=\"Update\"\r\n                onClick={handleFormUpdate}\r\n                disable={previewFieldsData}\r\n              />\r\n            </div>\r\n          </FormHeader>\r\n          {!previewFieldsData ?\r\n            <Grid className=\"formSection--Grid\" container>\r\n              <Grid\r\n                item\r\n                xs={9}\r\n                component=\"form\"\r\n                sx={{\r\n                  position: \"relative\",\r\n                  background: \"#F5F6F5\",\r\n                  padding: \"0.75rem\",\r\n                }}\r\n              >\r\n                <Grid className=\"formSection--GridContainer\">\r\n                  <Box className=\"formSection--Tab\">\r\n                    {tabsData && (\r\n                      <TabBar\r\n                        tabs={tabsData}\r\n                        onEditTabTitle={handleEditTabTitle}\r\n                        activeValue={activeTabValue}\r\n                        setActiveValue={setActiveTabValue}\r\n                        handleTabChange={() => {\r\n                          handleTabData()\r\n                        }}\r\n                        handleRemoveTab={handleRemoveTab}\r\n                        containerProps={{ mb: 0 }}\r\n                      />\r\n                    )}\r\n                    <Button\r\n                      variant=\"outlined\"\r\n                      text=\"Add Tab\"\r\n                      onClick={handleAddTab}\r\n                      style={{ color: \"#292D32\", margin: \"0.5rem\" }}\r\n                    />\r\n                  </Box>\r\n                  <div className=\"formSection--Form\">\r\n                    {section?.map((item: any, i: number) => {\r\n                      const sectionMembers = members.filter(\r\n                        (member: any) => member.section_order === i,\r\n                      );\r\n                      const isFormSwitcher = item.section_type === SECTION_TYPES.FORM_SWITCH_SECTION\r\n                      const switchForms = item?.switcher_forms?.map((form: any) => ({\r\n                        ...form,\r\n                        formMembers: members.filter(\r\n                          (member: any) => member.section_form_id === form.id,\r\n                        )\r\n                      }))\r\n\r\n                      return (\r\n                        <DynamicSectionHOC\r\n                          index={i}\r\n                          label={t(item.label)}\r\n                          onClick={handleSectionSelection}\r\n                          position={i}\r\n                          fieldArrayName=\"section\"\r\n                          isFormSwitcher={isFormSwitcher}\r\n                          activeIndex={activeSection === i}\r\n                          removeSection={() => handleRemoveSection(i)}\r\n                          handleAccordion={() => handleMakeAccordion(i)}\r\n                          handleAddButton={(e) => handleAddMember(e)}\r\n                          remove_section={item.remove_section}\r\n                        >\r\n                          {isFormSwitcher ? (\r\n                            <div style={{ width: '100%' }} >\r\n                              <Typography type=\"s5\" style={{ fontWeight: 500 }} color={\"theme.secondary.800\"}>\r\n                                {item.form_switcher_label}\r\n                              </Typography>\r\n                              <RadioGroup\r\n                                aria-labelledby=\"theme-radio-buttons-group-label\"\r\n                                name={item.form_switcher_name || item.form_switcher_label}\r\n                              >\r\n\r\n                                {switchForms?.map(({ name, id, formMembers }: { name: string, id: number, formMembers: any }) => (\r\n                                  <>\r\n                                    <div>\r\n                                      <FormControlLabel\r\n                                        key={id}\r\n                                        value={name}\r\n                                        control={<Radio />}\r\n                                        label={t(name)}\r\n                                        disabled\r\n                                      />\r\n                                    </div>\r\n\r\n                                    <Grid container sx={{ mb: 3 }}>\r\n                                      <FormFields\r\n                                        sectionMembers={formMembers || []}\r\n                                        members={members}\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                                    </Grid>\r\n                                    <Button\r\n                                      text=\"Add\"\r\n                                      variant=\"outlined\"\r\n                                      className=\"formSection--PreviewButton\"\r\n                                      data-position={i}\r\n                                      onClick={(e) => handleAddMember(e, {\r\n                                        section_form_id: id,\r\n                                        is_form_switcher_section: true\r\n                                      })}\r\n                                      startIcon={<Add />}\r\n                                    />\r\n                                  </>\r\n                                ))}\r\n                              </RadioGroup>\r\n                            </div>\r\n                          ) : null}\r\n                          {!isFormSwitcher &&\r\n                            <FormFields\r\n                              sectionMembers={sectionMembers || []}\r\n                              members={members}\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                        </DynamicSectionHOC>\r\n                      );\r\n                    })}\r\n                    <div className=\"formSection--Section\">\r\n                      <Button\r\n                        text=\"Add a section\"\r\n                        variant=\"outlined\"\r\n                        className=\"formSection--PreviewButton\"\r\n                        onClick={addNewSection}\r\n                        startIcon={<Add />}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </Grid>\r\n\r\n              </Grid>\r\n              <Grid\r\n                item\r\n                xs={3}\r\n                className={\r\n                  Boolean(selectedHoc) && (members?.length || section.length)\r\n                    ? \"formSection--RightGrid\"\r\n                    : \"formSection--RightGrid formSection--Text\"\r\n                }\r\n              >\r\n                {memoizedForm}\r\n              </Grid>\r\n            </Grid>\r\n            :\r\n            <FormParser\r\n              data={previewFieldsData || []}\r\n              handleFormSubmit={(data) => console.log(\"Preview Data\", data)}\r\n              className='form-container'\r\n              fieldArrayName='form-builder-preview'\r\n              getFormMethods={(methods: any) =>\r\n                setFormParserMethods({ ...methods })\r\n              }\r\n            />\r\n          }\r\n          <Toast\r\n            open={Boolean(toast)}\r\n            type={toast?.type}\r\n            message={toast?.message}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\r\n          />\r\n        </DndProvider>}\r\n    </Box>\r\n    //    </FullScreenLayout>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["formWithMembers","section","id","elementPerColumn","_a","Button"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/views/form-builder/custom-form.tsx"],"sourcesContent":["// React imports\r\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\r\n\r\n// React Router imports\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\n// React Hook Form imports\r\nimport { useForm, useFieldArray } from \"react-hook-form\";\r\n\r\n// Material UI imports\r\nimport { Box, FormControlLabel, Grid, RadioGroup } from \"@mui/material\";\r\nimport { Add } from \"@mui/icons-material\";\r\n\r\n// Third-party imports\r\nimport { DndProvider } from \"react-dnd\";\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\r\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { enqueueSnackbar } from \"notistack\";\r\n\r\n// ERP Common imports\r\nimport DynamicSectionHOC from \"@/components/form-control/form-builder/form-builder-element/section\";\r\nimport Button from \"@/components/form-control/form-builder/form-builder-element/button\";\r\nimport TabBar from \"@/components/tabs/tabs\";\r\nimport images from \"@/assets/images\";\r\nimport { Pathname } from \"@/constants\";\r\nimport FormHeader from \"@/components/form-header/form-header\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport formBuilderConversion from \"@/utils/form-builder-conversion\";\r\nimport { useAppDispatch, useAppSelector } from \"@/redux/hooks\";\r\nimport { formatLabel } from \"@/utils/format-text\";\r\nimport Toast from \"@/components/toast/toast\";\r\nimport Radio from \"@/components/radio/radio\";\r\nimport { SECTION_TYPES } from \"@/utils/constant\";\r\nimport ErpLoader from \"@/components/loaders/erp-loader\";\r\nimport { getErrorMessage } from \"@/utils/common\";\r\nimport FormParser from \"@/components/form-control/form-parser/form-parser\";\r\nimport { Eye, EyeOff } from \"@/components/icons\";\r\n\r\n// Redux actions\r\nimport {\r\n  patchFormDataById,\r\n  getFormDataById,\r\n  getFieldsByFormId,\r\n} from \"../form-builder/redux/actionCreator\";\r\n\r\n// Local imports\r\nimport {\r\n  IProperty,\r\n  ISectionProperty,\r\n  ISelectProperty,\r\n  element,\r\n} from \"./field_properties\";\r\nimport TextEditForm from \"./element-edit-forms/text\";\r\nimport SelectEditForm from \"./element-edit-forms/select\";\r\nimport SectionEditForm from \"./element-edit-forms/section\";\r\nimport CheckboxEditForm from \"./element-edit-forms/checkbox\";\r\nimport TableEditForm from \"./element-edit-forms/table-form\";\r\nimport FormFields from \"./form-fields\";\r\nimport { generateModulePath, useFormDataEffect } from \"./utils/common\";\r\nimport \"./custom-form.scss\";\r\n\r\nexport interface IElementJson extends IProperty {\r\n  type: string;\r\n}\r\n\r\nconst FIELD_TYPES = {\r\n  TEXT: 'text',\r\n  NUMBER: 'number',\r\n  EMAIL: 'email',\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  GEO_LOCATION: 'geoLocation',\r\n  IMAGE: 'image',\r\n  SECTION: 'section',\r\n  INFO: 'info',\r\n  RELATION: 'relation',\r\n  CHECKBOX: 'checkbox',\r\n  TOGGLE_BUTTON: 'toggleButton',\r\n  TAGS_INPUT: 'tagsInput'\r\n} as const;\r\n\r\nconst DEFAULT_GRID_COLUMNS = 12;\r\nconst DEFAULT_COLUMN_WIDTH = 2;\r\nconst DEFAULT_TAB_TITLE = 'data';\r\n\r\nconst isValidNumber = (value: any): boolean => !isNaN(Number(value)) && isFinite(Number(value));\r\nconst deepClone = (obj: T): T => JSON.parse(JSON.stringify(obj));\r\nconst generateUniqueId = (separator = ''): { uniqueStringId: string } => {\r\n  return { uniqueStringId: `${Date.now()}${separator}${Math.random().toString(36).substr(2, 9)}` };\r\n};\r\n\r\n\r\nexport function CustomForm() {\r\n  const { t } = useTranslation();\r\n  const dispatch = useAppDispatch();\r\n  const navigate = useNavigate();\r\n  const location = useLocation();\r\n  const rowData = location.state ?? [];\r\n\r\n  const formBuilder = useAppSelector((state) => state.formBuilder);\r\n\r\n  const { control } = useForm({\r\n    reValidateMode: \"onBlur\",\r\n  });\r\n\r\n  const {\r\n    fields: members,\r\n    append,\r\n    remove,\r\n    update,\r\n    move,\r\n    insert,\r\n  } = useFieldArray({\r\n    control,\r\n    name: \"members\",\r\n  });\r\n\r\n  const {\r\n    fields: section,\r\n    append: appendSection,\r\n    remove: removeSection,\r\n    update: updateSection,\r\n  } = useFieldArray({\r\n    control,\r\n    name: \"section\",\r\n  });\r\n\r\n  const [selectedHoc, setSelectedHoc] = useState(\"\");\r\n  const [activeSection, setActiveSection] = useState<number>();\r\n  const [activeMember, setActiveMember] = useState<number>();\r\n\r\n  const [formJSON, setFormJSON] = useState<object[]>([]);\r\n  const [elementJSON, setElementJSON] = useState<any>(null);\r\n  const [positionEditedElement, setPositionEditedElement] = useState<\r\n    number | undefined\r\n  >();\r\n\r\n  const [sectionFormJSON, setSectionFormJSON] = useState<object[]>([]);\r\n  const [sectionJSON, setSectionJSON] = useState<any>({});\r\n  const [sectionPositionEditedElement, setSectionPositionEditedElement] =\r\n    useState<number | undefined>();\r\n  const [removeSectionActionPerformed, setRemoveSectionActionPerformed] =\r\n    useState(false);\r\n  const [removeSectionMembersPerformed, setRemoveSectionMembersPerformed] =\r\n    useState(false);\r\n  const [removeSectionPosition, setRemoveSectionPosition] = useState<\r\n    number | undefined\r\n  >();\r\n  const [initialLoading, setInitialLoading] = useState(true);\r\n  const [tabsData, setTabsData] = useState<any[]>([]);\r\n  const [activeTabValue, setActiveTabValue] = useState<number | undefined>(0);\r\n\r\n  const [elementSwap, setElementSwap] = useState(false);\r\n  const [modifyAccordion, setModifyAccordion] = useState(false);\r\n  const [toast, setToast] = useState<IToast | null>(null);\r\n  const [previewFieldsData, setPreviewFields] = useState<any>(null);\r\n  const [_, setFormParserMethods] = useState<any>();\r\n\r\n  let elementPerColumn: any;\r\n\r\n  const currentModule = location.pathname.split('/')[2]\r\n\r\n  const path = generateModulePath(currentModule)\r\n\r\n  useFormDataEffect(\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  const pickPropertyEditForm = useCallback((type: string): React.ReactElement => {\r\n    try {\r\n      if (!type || typeof type !== 'string') {\r\n        console.warn('Invalid field type provided to pickPropertyEditForm');\r\n        return <div className=\"text-gray-500 p-4\">Select a field to edit</div>;\r\n      }\r\n\r\n      const normalizedType = type.toLowerCase().trim();\r\n\r\n      // Define form type groups for better maintainability\r\n      const formGroups = {\r\n        text: [\r\n          'text', 'number', 'email', 'phone', 'date', 'time',\r\n          'url', 'currency', 'file', 'geolocation', 'image',\r\n          'relation', 'info', 'tagsinput'\r\n        ],\r\n        select: ['select'],\r\n        section: ['section'],\r\n        checkbox: ['checkbox', 'togglebutton', 'radiobutton'],\r\n        table: ['table']\r\n      };\r\n\r\n      // Common props for reusability\r\n      const commonTextProps = {\r\n        element: elementJSON,\r\n        handlePropertyValueUpdate,\r\n        handleWidthChange,\r\n        handleColumnSelect,\r\n        fields: formBuilder?.fields || []\r\n      };\r\n\r\n      const commonSelectProps = {\r\n        element: elementJSON,\r\n        handlePropertyValueUpdate,\r\n        handleSelectOptionValueUpdate,\r\n        handleWidthChange,\r\n        handleColumnSelect\r\n      };\r\n\r\n      // Determine form type and render appropriate component\r\n      if (formGroups.text.includes(normalizedType)) {\r\n        return (\r\n          <TextEditForm\r\n            {...commonTextProps}\r\n            key={`text-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.select.includes(normalizedType)) {\r\n        return (\r\n          <SelectEditForm\r\n            {...commonSelectProps}\r\n            key={`select-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.section.includes(normalizedType)) {\r\n        return (\r\n          <SectionEditForm\r\n            element={sectionJSON}\r\n            handlePropertyValueUpdate={handleSectionPropertyValueUpdate}\r\n            key={`section-form-${sectionJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.checkbox.includes(normalizedType)) {\r\n        return (\r\n          <CheckboxEditForm\r\n            {...commonSelectProps}\r\n            key={`checkbox-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.table.includes(normalizedType)) {\r\n        return (\r\n          <TableEditForm\r\n            element={elementJSON}\r\n            handlePropertyValueUpdate={handlePropertyValueUpdate}\r\n            handleColumnsUpdate={handleColumnsUpdate}\r\n            fields={formBuilder?.fields || []}\r\n            key={`table-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      // Default fallback with helpful message\r\n      console.warn(`Unknown field type: ${type}`);\r\n      return (\r\n        <div className=\"text-gray-500 p-4 border border-gray-200 rounded\">\r\n          <p className=\"font-medium\">Unknown Field Type</p>\r\n          <p className=\"text-sm mt-1\">\r\n            Field type \"{type}\" is not supported. Please select a valid field to edit.\r\n          </p>\r\n        </div>\r\n      );\r\n\r\n    } catch (error) {\r\n      console.error('Error in pickPropertyEditForm:', error);\r\n      return (\r\n        <div className=\"text-red-500 p-4 border border-red-200 rounded bg-red-50\">\r\n          <p className=\"font-medium\">Error Loading Form</p>\r\n          <p className=\"text-sm mt-1\">\r\n            There was an error loading the property edit form. Please try again.\r\n          </p>\r\n        </div>\r\n      );\r\n    }\r\n  }, [elementJSON, sectionJSON, formBuilder]);\r\n\r\n  const addNewSection = useCallback((): void => {\r\n    try {\r\n      if (!element?.section) {\r\n        console.error('Element section template is not available');\r\n        return;\r\n      }\r\n\r\n      const { uniqueStringId: id } = generateUniqueId('-');\r\n      const newSection: ISectionProperty = {\r\n        ...deepClone(element.section),\r\n        id: id,\r\n      };\r\n\r\n      // Update switcher forms with new ID if they exist\r\n      if (newSection.switcher_forms) {\r\n        newSection.switcher_forms = newSection.switcher_forms.map(form => ({\r\n          ...form,\r\n          id: generateUniqueId('-').uniqueStringId\r\n        }));\r\n      }\r\n\r\n      const newSectionIndex = section.length;\r\n\r\n      appendSection(newSection);\r\n      setActiveSection(newSectionIndex);\r\n      setSelectedHoc('section');\r\n\r\n      const sectionData: ISectionProperty = {\r\n        field_type: newSection.field_type,\r\n        section_type: newSection.section_type,\r\n        switcher_forms: newSection.switcher_forms,\r\n        form_switcher_label: newSection.form_switcher_label,\r\n        form_switcher_name: newSection.form_switcher_name,\r\n        label: newSection.label,\r\n        is_accordion: newSection.is_accordion,\r\n        id: newSection.id ?? newSectionIndex,\r\n      };\r\n\r\n      setSectionJSON(sectionData);\r\n      setSectionPositionEditedElement(newSectionIndex);\r\n      pickPropertyEditForm(newSection.field_type);\r\n    } catch (error) {\r\n      console.error('Error adding new section:', error);\r\n    }\r\n  }, [element, section, appendSection, setActiveSection, setSelectedHoc, setSectionJSON, setSectionPositionEditedElement, pickPropertyEditForm]);\r\n\r\n  /**\r\n   * Enhanced handleAddTab with better validation and error handling\r\n   */\r\n  const handleAddTab = useCallback((): void => {\r\n    try {\r\n      const formWithMembers = deepClone(sectionFormJSON);\r\n\r\n      // Populate sections with their members\r\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\r\n        section.members = members.filter(\r\n          (member: IProperty) => member?.section_order === sectionIndex\r\n        );\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const shouldRemoveTab = !tabsData?.length && hasSystemMembers;\r\n\r\n      const newTab: TabData = {\r\n        tab_order: tabsData.length + 1,\r\n        title: DEFAULT_TAB_TITLE,\r\n        remove_tab: shouldRemoveTab,\r\n        data: tabsData?.length ? [] : formWithMembers\r\n      };\r\n\r\n      setTabsData(prevTabs => [...prevTabs, newTab]);\r\n    } catch (error) {\r\n      console.error('Error adding new tab:', error);\r\n    }\r\n  }, [sectionFormJSON, members, tabsData, setTabsData]);\r\n\r\n  const handleEditTabTitle = useCallback((tabId: number, newTitle: string): void => {\r\n    try {\r\n      if (!isValidNumber(tabId) || !newTitle?.trim()) {\r\n        console.error('Invalid tab ID or title provided');\r\n        return;\r\n      }\r\n\r\n      setTabsData(prevTabs =>\r\n        prevTabs.map((tab: TabData) =>\r\n          tab.tab_order === tabId ? { ...tab, title: newTitle.trim() } : tab\r\n        )\r\n      );\r\n    } catch (error) {\r\n      console.error('Error editing tab title:', error);\r\n    }\r\n  }, [setTabsData]);\r\n\r\n  const handleRemoveTab = useCallback((id: number): void => {\r\n    try {\r\n      if (!isValidNumber(id)) {\r\n        console.error('Invalid tab ID provided');\r\n        return;\r\n      }\r\n\r\n      const filteredTabs = tabsData.filter((tab: TabData) => tab.tab_order !== id);\r\n\r\n      // Reorder remaining tabs\r\n      const reorderedTabs = filteredTabs.map((tab: TabData) => ({\r\n        ...tab,\r\n        tab_order: tab.tab_order > id ? tab.tab_order - 1 : tab.tab_order,\r\n      }));\r\n\r\n      setTabsData(reorderedTabs);\r\n      if (activeTabValue == id) {\r\n        setActiveTabValue(reorderedTabs?.length - 1)\r\n      }\r\n\r\n      if (reorderedTabs.length > 0) {\r\n        const activeTab = reorderedTabs.find(\r\n          (tab: TabData) => tab.tab_order === (activeTabValue ?? 0) + 1\r\n        );\r\n\r\n        if (activeTab?.data) {\r\n          const sections = activeTab.data.map(\r\n            ({ field_type, label, is_accordion, id, remove_section }) => ({\r\n              field_type,\r\n              label,\r\n              is_accordion,\r\n              id,\r\n              remove_section,\r\n            })\r\n          );\r\n\r\n          const membersList = activeTab.data.flatMap((section: ISectionProperty) =>\r\n            section.members?.map((member: IProperty) => ({ ...member })) || []\r\n          );\r\n\r\n          // Clear current data and add new data\r\n          remove();\r\n          removeSection();\r\n          membersList.forEach(member => append(member));\r\n          sections.forEach(section => appendSection(section));\r\n        }\r\n      } else {\r\n        // Clear all data if no tabs remain\r\n        remove();\r\n        removeSection();\r\n      }\r\n    } catch (error) {\r\n      console.error('Error removing tab:', error);\r\n    }\r\n  }, [tabsData, activeTabValue, setTabsData, remove, removeSection, append, appendSection]);\r\n\r\n  const handleElementSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\r\n    try {\r\n      const target = e.target as HTMLElement;\r\n      const elementPositionIndex = target.dataset.position;\r\n\r\n      if (!elementPositionIndex || !isValidNumber(elementPositionIndex)) {\r\n        console.error('Invalid element position index');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(elementPositionIndex);\r\n\r\n      if (positionIndex < 0 || positionIndex >= formJSON.length) {\r\n        console.error('Element position index out of bounds');\r\n        return;\r\n      }\r\n\r\n      setActiveMember(positionIndex);\r\n\r\n      const elementDetails = deepClone(formJSON[positionIndex]);\r\n      setPositionEditedElement(positionIndex);\r\n      setElementJSON(elementDetails);\r\n      setSelectedHoc('element');\r\n    } catch (error) {\r\n      console.error('Error selecting element:', error);\r\n    }\r\n  }, [formJSON, setActiveMember, setPositionEditedElement, setElementJSON, setSelectedHoc]);\r\n\r\n  const handleSectionSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\r\n    try {\r\n      const target = e.target as HTMLElement;\r\n      const sectionPositionIndex = target.dataset.position;\r\n\r\n      if (!sectionPositionIndex || !isValidNumber(sectionPositionIndex)) {\r\n        console.error('Invalid section position index');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(sectionPositionIndex);\r\n\r\n      if (positionIndex < 0 || positionIndex >= sectionFormJSON.length) {\r\n        console.error('Section position index out of bounds');\r\n        return;\r\n      }\r\n\r\n      setActiveSection(positionIndex);\r\n\r\n      const sectionDetails = deepClone(sectionFormJSON[positionIndex]);\r\n      setSectionPositionEditedElement(positionIndex);\r\n      setSectionJSON(sectionDetails);\r\n      setSelectedHoc('section');\r\n    } catch (error) {\r\n      console.error('Error selecting section:', error);\r\n    }\r\n  }, [sectionFormJSON, setActiveSection, setSectionPositionEditedElement, setSectionJSON, setSelectedHoc]);\r\n\r\n  const handleAddMember = useCallback((\r\n    e: React.SyntheticEvent<HTMLElement>,\r\n    otherProperties?: Record<string, any>\r\n  ): void => {\r\n    try {\r\n      const target = e.currentTarget as HTMLElement;\r\n      const sectionPositionIndex = target?.dataset?.position;\r\n\r\n      if (sectionPositionIndex === undefined || !isValidNumber(sectionPositionIndex)) {\r\n        console.error('Invalid section position index for adding member');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(sectionPositionIndex);\r\n\r\n      if (positionIndex < 0) {\r\n        console.error('Section position index cannot be negative');\r\n        return;\r\n      }\r\n\r\n      if (!element?.text) {\r\n        console.error('Element text template is not available');\r\n        return;\r\n      }\r\n\r\n      const newMember: IProperty = {\r\n        ...deepClone(element.text),\r\n        ...otherProperties,\r\n        section_order: positionIndex,\r\n        type: 'custom',\r\n        is_new: true,\r\n        custom_width: Math.floor(DEFAULT_GRID_COLUMNS / DEFAULT_COLUMN_WIDTH),\r\n        is_fullwidth: false,\r\n        is_system_field: Boolean(otherProperties?.is_system_field),\r\n        id: generateUniqueId().uniqueStringId,\r\n      };\r\n\r\n      setActiveSection(positionIndex);\r\n      append(newMember);\r\n\r\n      const elementPositionIndex = members.length;\r\n      setActiveMember(elementPositionIndex);\r\n      setSelectedHoc('element');\r\n      setPositionEditedElement(elementPositionIndex);\r\n      setElementJSON(newMember);\r\n      pickPropertyEditForm(newMember.field_type);\r\n    } catch (error) {\r\n      console.error('Error adding new member:', error);\r\n    }\r\n  }, [element, members, setActiveSection, append, setActiveMember, setSelectedHoc, setPositionEditedElement, setElementJSON, pickPropertyEditForm]);\r\n\r\n\r\n  const handleSectionPropertyValueUpdate = useCallback((\r\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\r\n    overrideValue?: any\r\n  ): void => {\r\n    try {\r\n      const { name, type, checked, value } = e.target;\r\n\r\n      if (!name) {\r\n        console.error('Property name is required for update');\r\n        return;\r\n      }\r\n\r\n      const updatedValue = overrideValue !== undefined ? overrideValue : (type === 'checkbox' ? checked : value);\r\n\r\n      // Only update if value actually changed\r\n      if (sectionJSON[name] !== updatedValue) {\r\n        setSectionJSON(prev => ({ ...prev, [name]: updatedValue }));\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating section property:', error);\r\n    }\r\n  }, [sectionJSON, setSectionJSON]);\r\n\r\n  const handleWidthChange = useCallback((newCustomWidth: number): void => {\r\n    try {\r\n      if (!isValidNumber(newCustomWidth) || newCustomWidth < 1 || newCustomWidth > DEFAULT_GRID_COLUMNS) {\r\n        console.error('Invalid width value provided');\r\n        return;\r\n      }\r\n\r\n      setElementJSON(prevData => ({\r\n        ...prevData,\r\n        custom_width: newCustomWidth,\r\n      }));\r\n    } catch (error) {\r\n      console.error('Error updating width:', error);\r\n    }\r\n  }, [setElementJSON]);\r\n\r\n  const handleColumnSelect = useCallback((e: React.ChangeEvent<HTMLSelectElement>): void => {\r\n    try {\r\n      const columnValue = Number(e.target.value);\r\n\r\n      if (!isValidNumber(columnValue) || columnValue <= 0) {\r\n        console.error('Invalid column value provided');\r\n        return;\r\n      }\r\n\r\n      const elementPerColumn = Math.floor(DEFAULT_GRID_COLUMNS / columnValue);\r\n\r\n      if (elementPerColumn <= 0) {\r\n        console.error('Calculated element per column is invalid');\r\n        return;\r\n      }\r\n\r\n      // Batch update all members\r\n      members.forEach((field: IProperty, index: number) => {\r\n        update(index, { ...field, custom_width: elementPerColumn });\r\n      });\r\n    } catch (error) {\r\n      console.error('Error updating column selection:', error);\r\n    }\r\n  }, [members, update]);\r\n\r\n  const handlePropertyValueUpdate = useCallback((\r\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\r\n    numberValue?: number,\r\n    val?: string,\r\n    fieldType?: keyof typeof FIELD_TYPES\r\n  ): void => {\r\n    try {\r\n      const getValue = (): any => {\r\n        if (fieldType) return fieldType;\r\n        if (val !== undefined) return val;\r\n        if (numberValue !== undefined) return numberValue;\r\n        return e?.target?.value;\r\n      };\r\n\r\n      const value = getValue();\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n\r\n      if (e?.target?.name) {\r\n        elementJSONCopy[e.target.name] = e.target.type === 'checkbox' ? e.target.checked : value;\r\n      }\r\n      // Only update if there's an actual change\r\n      if (fieldType) {\r\n        const { uniqueStringId: uniqueId } = generateUniqueId();\r\n        const copyOfUpdatedElement: IProperty = {\r\n          ...element[fieldType],\r\n          section_form_id: elementJSONCopy?.section_form_id,\r\n          is_form_switcher_section: elementJSONCopy?.is_form_switcher_section,\r\n          section_order: elementJSONCopy.section_order,\r\n          id: uniqueId,\r\n          type: 'custom',\r\n          is_system_field: Boolean(elementJSONCopy?.is_system_field),\r\n          is_new: true,\r\n          column_width: elementJSONCopy?.column_width || 6,\r\n          custom_width: elementJSONCopy?.custom_width || 6\r\n        };\r\n        setElementJSON(copyOfUpdatedElement);\r\n      } else if (JSON.stringify(elementJSON) !== JSON.stringify(elementJSONCopy)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating property value:', error);\r\n    }\r\n  }, [elementJSON, element, setElementJSON]);\r\n\r\n  const handleSelectOptionValueUpdate = useCallback((options: any[]): void => {\r\n    try {\r\n      if (!Array.isArray(options)) {\r\n        console.error('Options must be an array');\r\n        return;\r\n      }\r\n\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n      elementJSONCopy.options = [...options];\r\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\r\n\r\n      if (JSON.stringify(elementJSON.options) !== JSON.stringify(options)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating select options:', error);\r\n    }\r\n  }, [elementJSON, setElementJSON]);\r\n\r\n  const handleColumnsUpdate = useCallback((columns: MRT_ColumnDef<MRT_RowData>[]): void => {\r\n    try {\r\n      if (!Array.isArray(columns)) {\r\n        console.error('Columns must be an array');\r\n        return;\r\n      }\r\n\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n      elementJSONCopy.table_columns = [...columns];\r\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\r\n\r\n      if (JSON.stringify(elementJSON.table_columns) !== JSON.stringify(columns)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating table columns:', error);\r\n    }\r\n  }, [elementJSON, setElementJSON]);\r\n\r\n  const handleRemoveSection = useCallback((sectionIndex: number): void => {\r\n    try {\r\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\r\n        console.error('Invalid section index for removal');\r\n        return;\r\n      }\r\n\r\n      setRemoveSectionPosition(sectionIndex);\r\n      removeSection(sectionIndex);\r\n\r\n      // Remove associated members in reverse order to maintain indices\r\n      const membersToRemove: number[] = [];\r\n      members.forEach((member: IProperty, index: number) => {\r\n        if (member?.section_order === sectionIndex) {\r\n          membersToRemove.push(index);\r\n        }\r\n      });\r\n\r\n      // Remove members in reverse order to maintain correct indices\r\n      membersToRemove.reverse().forEach(memberIndex => {\r\n        remove(memberIndex);\r\n      });\r\n\r\n      setRemoveSectionActionPerformed(true);\r\n    } catch (error) {\r\n      console.error('Error removing section:', error);\r\n    }\r\n  }, [section, members, setRemoveSectionPosition, removeSection, remove, setRemoveSectionActionPerformed]);\r\n\r\n  const handleMakeAccordion = useCallback((sectionIndex: number): void => {\r\n    try {\r\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\r\n        console.error('Invalid section index for accordion conversion');\r\n        return;\r\n      }\r\n\r\n      setModifyAccordion(true);\r\n      setSectionPositionEditedElement(sectionIndex);\r\n      setActiveSection(sectionIndex);\r\n\r\n      const copyOfSection: ISectionProperty = {\r\n        ...deepClone(section[sectionIndex]),\r\n        is_accordion: true\r\n      };\r\n\r\n      updateSection(sectionIndex, copyOfSection);\r\n      setSelectedHoc('section');\r\n      setSectionJSON(copyOfSection);\r\n      pickPropertyEditForm(copyOfSection.field_type);\r\n    } catch (error) {\r\n      console.error('Error making section accordion:', error);\r\n    }\r\n  }, [section, setModifyAccordion, setSectionPositionEditedElement, setActiveSection, updateSection, setSelectedHoc, setSectionJSON, pickPropertyEditForm]);\r\n\r\n  const handleTabData = useCallback((): void => {\r\n    try {\r\n      const formWithMembers = deepClone(sectionFormJSON);\r\n\r\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\r\n        section.members = members.filter(\r\n          (member: IProperty) => member?.section_order === sectionIndex\r\n        );\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const activeTabIndex = Number(activeTabValue);\r\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\r\n        const updatedTabsData = [...tabsData];\r\n        updatedTabsData[activeTabIndex] = {\r\n          ...updatedTabsData[activeTabIndex],\r\n          data: formWithMembers,\r\n          remove_tab: hasSystemMembers,\r\n        };\r\n        setTabsData(updatedTabsData)\r\n        remove();\r\n        removeSection();\r\n        setActiveMember(undefined);\r\n        setSelectedHoc(\"\");\r\n        setActiveSection(undefined);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating tab data:', error);\r\n    }\r\n  }, [sectionFormJSON, members, activeTabValue, tabsData, setTabsData]);\r\n\r\n  // const handlePreview = () => {\r\n  //   const formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\r\n\r\n  //   formWithMembers.forEach(\r\n  //     (section: ISectionProperty, sectionIndex: number) => {\r\n  //       section.members = members.filter(\r\n  //         (member: any) => member?.section_order === sectionIndex,\r\n  //       ) as (IProperty | ISelectProperty)[];\r\n  //     },\r\n  //   );\r\n  //   const state = tabsData?.length\r\n  //     ? { tab: tabsData }\r\n  //     : { section: formWithMembers };\r\n\r\n  //   const FormBuilderConversion = state && formBuilderConversion(state);\r\n\r\n  //   setPreviewFields(FormBuilderConversion);\r\n  // };\r\n\r\n  // Option 1: Using useMemo to memoize the expensive computation\r\n  const formWithMembers = useMemo(() => {\r\n    if (!sectionFormJSON || !members) return null;\r\n\r\n    return sectionFormJSON.map((section: ISectionProperty, sectionIndex: number) => ({\r\n      ...section,\r\n      members: members.filter(\r\n        (member: any) => member?.section_order === sectionIndex,\r\n      ) as (IProperty | ISelectProperty)[]\r\n    }));\r\n  }, [sectionFormJSON, members]);\r\n\r\n  const previewState = useMemo(() => {\r\n    if (!formWithMembers) return null;\r\n\r\n    return tabsData?.length\r\n      ? { tab: tabsData }\r\n      : { section: formWithMembers };\r\n  }, [tabsData, formWithMembers]);\r\n\r\n  const previewFields = useMemo(() => {\r\n    if (!previewState) return null;\r\n    return formBuilderConversion(previewState);\r\n  }, [previewState]);\r\n\r\n\r\n  // Option 2: Optimized handlePreview function using useCallback\r\n  const showPreview = useCallback(() => {\r\n    if (previewFields) {\r\n      setPreviewFields(previewFields);\r\n    }\r\n  }, [previewFields, setPreviewFields]);\r\n  const hidePreview = useCallback(() => {\r\n    setPreviewFields(null);\r\n  }, []);\r\n\r\n  // Enhanced handleFormUpdate with proper error handling and validation\r\n  const handleFormUpdate = useCallback(async (): void => {\r\n    try {\r\n\r\n\r\n\r\n      // Early validation checks\r\n      if (!sectionFormJSON || !Array.isArray(sectionFormJSON)) {\r\n        console.warn('Invalid sectionFormJSON provided');\r\n        return;\r\n      }\r\n\r\n      if (!members || !Array.isArray(members)) {\r\n        console.warn('Invalid members array provided');\r\n        return;\r\n      }\r\n\r\n      if (!rowData?._id) {\r\n        console.warn('Missing rowData._id for form update');\r\n        return;\r\n      }\r\n\r\n      // Deep clone with proper error handling\r\n      let formWithMembers: IEnhancedSectionProperty[];\r\n\r\n      try {\r\n        formWithMembers = structuredClone(sectionFormJSON);\r\n      } catch (cloneError) {\r\n        // Fallback to JSON method if structuredClone is not available\r\n        formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\r\n      }\r\n\r\n      // Enhanced member filtering with better type safety and validation\r\n      formWithMembers.forEach((section: IEnhancedSectionProperty, sectionIndex: number) => {\r\n        // Validate section object\r\n        if (!section || typeof section !== 'object') {\r\n          console.warn(`Invalid section at index ${sectionIndex}`);\r\n          return;\r\n        }\r\n\r\n        // Filter members with proper type checking and validation\r\n        section.members = members.filter((member: IMember) => {\r\n          // Validate member object and section_order\r\n          return (\r\n            member &&\r\n            typeof member === 'object' &&\r\n            typeof member.section_order === 'number' &&\r\n            member.section_order === sectionIndex\r\n          );\r\n        }) as (IProperty | ISelectProperty)[];\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const activeTabIndex = Number(activeTabValue);\r\n      let updatedTabsData = [...tabsData];\r\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\r\n        updatedTabsData = [...tabsData];\r\n        updatedTabsData[activeTabIndex] = {\r\n          ...updatedTabsData[activeTabIndex],\r\n          data: formWithMembers,\r\n          remove_tab: hasSystemMembers,\r\n        };\r\n\r\n        setTabsData(updatedTabsData)\r\n      }\r\n\r\n      // Build state object with proper validation\r\n      const state: IFormState = updatedTabsData?.length > 0\r\n        ? { tab: updatedTabsData }\r\n        : { section: formWithMembers };\r\n\r\n      // Validate formBuilderConversion function exists\r\n      if (typeof formBuilderConversion !== 'function') {\r\n        console.error('formBuilderConversion is not a function');\r\n        return;\r\n      }\r\n\r\n      // Execute conversion with error handling\r\n      let formBuilderConversionResult: any;\r\n      try {\r\n        formBuilderConversionResult = formBuilderConversion(state);\r\n      } catch (conversionError) {\r\n        console.error('Error during form builder conversion:', conversionError);\r\n        return;\r\n      }\r\n\r\n      // Validate conversion result\r\n      if (!formBuilderConversionResult) {\r\n        console.warn('Form builder conversion returned empty result');\r\n        return;\r\n      }\r\n\r\n      // Validate elementPerColumn\r\n      // if (typeof elementPerColumn !== 'number' || elementPerColumn <= 0) {\r\n\r\n      //   console.warn('Invalid elementPerColumn value');\r\n      //   return;\r\n      // }\r\n\r\n      // Prepare payload with validation\r\n      const updatePayload: IFormUpdatePayload = {\r\n        gridCol: elementPerColumn || 2,\r\n        fields: formBuilderConversionResult\r\n      };\r\n\r\n      // Dispatch update action\r\n      const updateRes = await dispatch(\r\n        patchFormDataById({\r\n          id: rowData._id,\r\n          data: updatePayload\r\n        })\r\n      );\r\n      if (updateRes.meta.requestStatus === 'rejected') {\r\n\r\n        const m = getErrorMessage(updateRes?.error?.message);\r\n        enqueueSnackbar(m, { variant: 'error' });\r\n      } else {\r\n        enqueueSnackbar(\"Form updated successfully\", { variant: 'success' });\r\n        navigate(path);\r\n      }\r\n\r\n    } catch (error) {\r\n      const m = error?.message || 'Something went wrong while updating the form';\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }, [\r\n    sectionFormJSON,\r\n    members,\r\n    tabsData,\r\n    rowData?._id,\r\n    elementPerColumn,\r\n    dispatch,\r\n    formBuilderConversion\r\n  ]);\r\n\r\n  const handleDuplicateElement = (index: number) => {\r\n    const copyOfMember: any = { ...members[index], type: \"custom\" };\r\n    copyOfMember && insert(index + 1, copyOfMember);\r\n    setActiveMember(index + 1);\r\n    setSelectedHoc(\"element\");\r\n    setPositionEditedElement(index + 1);\r\n    setElementJSON(copyOfMember);\r\n    pickPropertyEditForm(copyOfMember.field_type);\r\n  };\r\n\r\n  const breadCrumbPath = [\r\n    {\r\n      link: path,\r\n      label: \"Forms\",\r\n    },\r\n    {\r\n      link: \"\",\r\n      label: formatLabel(rowData?.name),\r\n    },\r\n    {\r\n      link: \"\",\r\n      label: \"Edit Form\",\r\n    },\r\n  ];\r\n\r\n\r\n  useEffect(() => {\r\n    if (removeSectionActionPerformed) {\r\n      members.forEach((member: any, index: number) => {\r\n        if (\r\n          removeSectionPosition !== undefined &&\r\n          Boolean(removeSectionPosition?.toString) &&\r\n          member.section_order > removeSectionPosition\r\n        ) {\r\n          update(index, { ...member, section_order: member.section_order - 1 });\r\n        }\r\n      });\r\n      setRemoveSectionActionPerformed(false);\r\n      setRemoveSectionMembersPerformed(true);\r\n      setRemoveSectionPosition(undefined);\r\n      setSelectedHoc(\"\");\r\n    }\r\n\r\n    // eslint-disable-next-line\r\n  }, [removeSectionActionPerformed]);\r\n\r\n  useEffect(() => {\r\n    formBuilder.isSuccess && navigate(path);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [formBuilder.isSuccess]);\r\n\r\n  useEffect(() => {\r\n    if (formBuilder.isError) {\r\n      setToast({\r\n        type: 'alert',\r\n        message: formBuilder.error\r\n      });\r\n    }\r\n  }, [formBuilder.error, formBuilder.isError]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      typeof positionEditedElement !== \"number\" ||\r\n      typeof positionEditedElement !== \"string\"\r\n    ) {\r\n      const index = Number(positionEditedElement);\r\n      if (formJSON[index]) {\r\n        const copyOfUpdatedFormJson = JSON.parse(\r\n          JSON.stringify(formJSON[index]),\r\n        );\r\n        update(index, { ...copyOfUpdatedFormJson });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [formJSON]);\r\n\r\n  useEffect(() => {\r\n    const updatedFormJSON = formJSON.map((obj: any, index: number) => {\r\n      if (index === Number(positionEditedElement)) {\r\n        return { ...elementJSON };\r\n      } else {\r\n        return { ...obj };\r\n      }\r\n    });\r\n    setFormJSON(updatedFormJSON);\r\n\r\n    // eslint-disable-next-line\r\n  }, [elementJSON]);\r\n\r\n  useEffect(() => {\r\n    if (members.length !== formJSON.length) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n    }\r\n    if (\r\n      Boolean(elementSwap) &&\r\n      JSON.stringify(members) !== JSON.stringify(formJSON)\r\n    ) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n      setElementSwap(false);\r\n      const newMember: any =\r\n        positionEditedElement && members[positionEditedElement];\r\n      newMember && setSelectedHoc(\"element\");\r\n      newMember && setElementJSON(newMember);\r\n      newMember && pickPropertyEditForm(newMember.field_type);\r\n    }\r\n    if (\r\n      removeSectionMembersPerformed &&\r\n      JSON.stringify(members) !== JSON.stringify(formJSON)\r\n    ) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n      setRemoveSectionMembersPerformed(false);\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [members, elementSwap]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      typeof sectionPositionEditedElement !== \"number\" ||\r\n      typeof sectionPositionEditedElement !== \"string\"\r\n    ) {\r\n      const index = Number(sectionPositionEditedElement);\r\n      if (sectionFormJSON[index]) {\r\n        const copyOfUpdatedFormJson = JSON.parse(\r\n          JSON.stringify(sectionFormJSON[index]),\r\n        );\r\n        updateSection(index, { ...copyOfUpdatedFormJson });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [sectionFormJSON]);\r\n\r\n  useEffect(() => {\r\n    const updatedFormJSON = sectionFormJSON.map((obj: any, index: number) => {\r\n      if (index === Number(sectionPositionEditedElement)) {\r\n        return { ...obj, ...sectionJSON };\r\n      } else {\r\n        return { ...obj };\r\n      }\r\n    });\r\n    setSectionFormJSON(updatedFormJSON);\r\n    // eslint-disable-next-line\r\n  }, [sectionJSON]);\r\n\r\n  useEffect(() => {\r\n    if (section.length !== sectionFormJSON.length) {\r\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\r\n    }\r\n    if (\r\n      JSON.stringify(sectionFormJSON) !== JSON.stringify(section) &&\r\n      modifyAccordion\r\n    ) {\r\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\r\n      setModifyAccordion(false);\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [section]);\r\n\r\n  useEffect(() => {\r\n    () => setInitialLoading(true);\r\n  }, [])\r\n\r\n  const handleFormData = useCallback(async () => {\r\n    setInitialLoading(true)\r\n    try {\r\n      if (rowData?._id) {\r\n        setTabsData([])\r\n        await dispatch(getFormDataById(rowData?._id));\r\n        await dispatch(getFieldsByFormId({ id: rowData?._id }));\r\n\r\n      }\r\n    } finally {\r\n      setInitialLoading(false);\r\n    }\r\n\r\n  }, [rowData?._id])\r\n\r\n  useEffect(() => {\r\n    handleFormData();\r\n  }, [handleFormData]);\r\n\r\n  type SelectedHoc = \"element\" | \"section\" | null;\r\n\r\n  // Constants\r\n  const DEFAULT_FIELD_TYPE = \"text\";\r\n  const HOC_TYPES = {\r\n    ELEMENT: \"element\",\r\n    SECTION: \"section\"\r\n  } as const;\r\n\r\n  // Helper function to check if object has meaningful content\r\n  const hasValidContent = (obj: Record<string, any>): boolean => {\r\n    return obj && Object.keys(obj).length > 0;\r\n  };\r\n\r\n  const EmptyStateMessage = () => (\r\n    <Typography type=\"s5\" color={\"theme.secondary.800\"} className=\"formSection--Text\">Select a field to edit its properties.</Typography>\r\n  )\r\n\r\n  // Helper function to get field type with fallback\r\n  const getFieldTypeWithFallback = (\r\n    json: ElementJSON | SectionJSON | null | undefined,\r\n    fallback: string = DEFAULT_FIELD_TYPE\r\n  ): string => {\r\n    return json?.field_type || fallback;\r\n  };\r\n\r\n  const memoizedForm = useMemo(() => {\r\n    // Early return for empty state\r\n    if (!selectedHoc) {\r\n\r\n      return <EmptyStateMessage />;\r\n    }\r\n\r\n    // Handle element selection\r\n    if (selectedHoc === HOC_TYPES.ELEMENT) {\r\n      if (!hasValidContent(members)) {\r\n        console.warn('Element selected but no members data available');\r\n        return <EmptyStateMessage />;\r\n      }\r\n\r\n      const fieldType = getFieldTypeWithFallback(elementJSON);\r\n      return pickPropertyEditForm(fieldType);\r\n    }\r\n\r\n    // Handle section selection\r\n    if (selectedHoc === HOC_TYPES.SECTION) {\r\n      if (!hasValidContent(section)) {\r\n        console.warn('Section selected but no section data available');\r\n        return <EmptyStateMessage />;\r\n      }\r\n\r\n      const fieldType = getFieldTypeWithFallback(sectionJSON);\r\n      return pickPropertyEditForm(fieldType);\r\n    }\r\n\r\n    // Fallback for unknown selection type\r\n    console.warn(`Unknown selectedHoc type: ${selectedHoc}`);\r\n    return <EmptyStateMessage />;\r\n  }, [\r\n    // Core dependencies\r\n    selectedHoc,\r\n\r\n    // Data dependencies\r\n    Object.keys(members).length,\r\n    Object.keys(section).length,\r\n\r\n    // JSON dependencies with deep comparison consideration\r\n    elementJSON?.field_type,\r\n    elementJSON?.field_properties,\r\n    sectionJSON?.field_type,\r\n    sectionJSON?.field_properties,\r\n\r\n    // Function dependency\r\n    pickPropertyEditForm\r\n  ]);\r\n\r\n  return (\r\n    //   <FullScreenLayout className=\"formSection--Layout\">\r\n    <Box position='relative'>\r\n      {initialLoading ? <ErpLoader /> :\r\n        <DndProvider backend={HTML5Backend}>\r\n          <FormHeader breadCrumbPath={breadCrumbPath}>\r\n            <div className=\"formSection--Buttons\">\r\n              <Button\r\n                variant=\"outlined\"\r\n                className=\"formSection--PreviewButton\"\r\n                text=\"Preview\"\r\n                onClick={() => { !previewFieldsData ? showPreview() : hidePreview() }}\r\n                disable={!members?.length}\r\n                startIcon={previewFieldsData ? <EyeOff /> : <Eye />}\r\n              />\r\n              <Button\r\n                variant=\"contained\"\r\n                type=\"submit\"\r\n                text=\"Update\"\r\n                onClick={handleFormUpdate}\r\n                disable={previewFieldsData}\r\n              />\r\n            </div>\r\n          </FormHeader>\r\n          {!previewFieldsData ?\r\n            <Grid className=\"formSection--Grid\" container>\r\n              <Grid\r\n                item\r\n                xs={9}\r\n                component=\"form\"\r\n                sx={{\r\n                  position: \"relative\",\r\n                  background: \"#F5F6F5\",\r\n                  padding: \"0.75rem\",\r\n                }}\r\n              >\r\n                <Grid className=\"formSection--GridContainer\">\r\n                  <Box className=\"formSection--Tab\">\r\n                    {tabsData && (\r\n                      <TabBar\r\n                        tabs={tabsData}\r\n                        onEditTabTitle={handleEditTabTitle}\r\n                        activeValue={activeTabValue}\r\n                        setActiveValue={setActiveTabValue}\r\n                        handleTabChange={() => {\r\n                          handleTabData()\r\n                        }}\r\n                        handleRemoveTab={handleRemoveTab}\r\n                        containerProps={{ mb: 0 }}\r\n                      />\r\n                    )}\r\n                    <Button\r\n                      variant=\"outlined\"\r\n                      text=\"Add Tab\"\r\n                      onClick={handleAddTab}\r\n                      style={{ color: \"#292D32\", margin: \"0.5rem\" }}\r\n                    />\r\n                  </Box>\r\n                  <div className=\"formSection--Form\">\r\n                    {section?.map((item: any, i: number) => {\r\n                      const sectionMembers = members.filter(\r\n                        (member: any) => member.section_order === i,\r\n                      );\r\n                      const isFormSwitcher = item.section_type === SECTION_TYPES.FORM_SWITCH_SECTION\r\n                      const switchForms = item?.switcher_forms?.map((form: any) => ({\r\n                        ...form,\r\n                        formMembers: members.filter(\r\n                          (member: any) => member.section_form_id === form.id,\r\n                        )\r\n                      }))\r\n\r\n                      return (\r\n                        <DynamicSectionHOC\r\n                          index={i}\r\n                          label={t(item.label)}\r\n                          onClick={handleSectionSelection}\r\n                          position={i}\r\n                          fieldArrayName=\"section\"\r\n                          isFormSwitcher={isFormSwitcher}\r\n                          activeIndex={activeSection === i}\r\n                          removeSection={() => handleRemoveSection(i)}\r\n                          handleAccordion={() => handleMakeAccordion(i)}\r\n                          handleAddButton={(e) => handleAddMember(e)}\r\n                          remove_section={item.remove_section}\r\n                        >\r\n                          {isFormSwitcher ? (\r\n                            <div style={{ width: '100%' }} >\r\n                              <Typography type=\"s5\" style={{ fontWeight: 500 }} color={\"theme.secondary.800\"}>\r\n                                {item.form_switcher_label}\r\n                              </Typography>\r\n                              <RadioGroup\r\n                                aria-labelledby=\"theme-radio-buttons-group-label\"\r\n                                name={item.form_switcher_name || item.form_switcher_label}\r\n                              >\r\n\r\n                                {switchForms?.map(({ name, id, formMembers }: { name: string, id: number, formMembers: any }) => (\r\n                                  <>\r\n                                    <div>\r\n                                      <FormControlLabel\r\n                                        key={id}\r\n                                        value={name}\r\n                                        control={<Radio />}\r\n                                        label={t(name)}\r\n                                        disabled\r\n                                      />\r\n                                    </div>\r\n\r\n                                    <Grid container sx={{ mb: 3 }}>\r\n                                      <FormFields\r\n                                        sectionMembers={formMembers || []}\r\n                                        members={members}\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                                    </Grid>\r\n                                    <Button\r\n                                      text=\"Add\"\r\n                                      variant=\"outlined\"\r\n                                      className=\"formSection--PreviewButton\"\r\n                                      data-position={i}\r\n                                      onClick={(e) => handleAddMember(e, {\r\n                                        section_form_id: id,\r\n                                        is_form_switcher_section: true\r\n                                      })}\r\n                                      startIcon={<Add />}\r\n                                    />\r\n                                  </>\r\n                                ))}\r\n                              </RadioGroup>\r\n                            </div>\r\n                          ) : null}\r\n                          {!isFormSwitcher &&\r\n                            <FormFields\r\n                              sectionMembers={sectionMembers || []}\r\n                              members={members}\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                        </DynamicSectionHOC>\r\n                      );\r\n                    })}\r\n                    <div className=\"formSection--Section\">\r\n                      <Button\r\n                        text=\"Add a section\"\r\n                        variant=\"outlined\"\r\n                        className=\"formSection--PreviewButton\"\r\n                        onClick={addNewSection}\r\n                        startIcon={<Add />}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </Grid>\r\n\r\n              </Grid>\r\n              <Grid\r\n                item\r\n                xs={3}\r\n                className={\r\n                  Boolean(selectedHoc) && (members?.length || section.length)\r\n                    ? \"formSection--RightGrid\"\r\n                    : \"formSection--RightGrid formSection--Text\"\r\n                }\r\n              >\r\n                {memoizedForm}\r\n              </Grid>\r\n            </Grid>\r\n            :\r\n            <FormParser\r\n              data={previewFieldsData || []}\r\n              handleFormSubmit={(data) => console.log(\"Preview Data\", data)}\r\n              className='form-container'\r\n              fieldArrayName='form-builder-preview'\r\n              getFormMethods={(methods: any) =>\r\n                setFormParserMethods({ ...methods })\r\n              }\r\n            />\r\n          }\r\n          <Toast\r\n            open={Boolean(toast)}\r\n            type={toast?.type}\r\n            message={toast?.message}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\r\n          />\r\n        </DndProvider>}\r\n    </Box>\r\n    //    </FullScreenLayout>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["formWithMembers","section","id","elementPerColumn","_a","Button"],"mappings":"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"}

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

@@ -1,30 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),i=require("react-hook-form"),n=require("@mui/material"),o=require("@mui/icons-material"),s=require("react-dnd"),l=require("react-dnd-html5-backend"),a=require("react-i18next"),d=,/* empty css                                                   */c=,/* empty css                                                                                */u=,/* empty css                                                                               */m=,/* empty css                                   */f=,/* empty css                     */h=,/* empty css                                                 */p=,/* empty css                                               */b=,/* empty css                                            */v=,/* empty css                          */y=,/* empty css                                */_=,/* empty css                                     */x=,/* empty css                                     */g=,/* empty css                             */S=,/* empty css                                            */j=,/* empty css                           */N=,/* empty css                                                              */k=,/* empty css                            */q=,/* empty css                         */C=,/* empty css                                */w=,/* empty css                                  */E=,/* empty css                                   */O=,/* empty css                                    */J=,/* empty css                                      */F=,/* empty css                    */A=;/* empty css                     */;/* empty css                         */var M=,/* empty css                                       */B=;/* empty css                                   */const T=e=>!isNaN(Number(e))&&isFinite(Number(e)),I=e=>JSON.parse(JSON.stringify(e)),P=(e="")=>({uniqueStringId:`${Date.now()}${e}${Math.random().toString(36).substr(2,9)}`});function D(){const{t:D}=a.useTranslation(),G=v.useAppDispatch(),U=r.useNavigate(),V=r.useLocation(),$=V.state??[],L=v.useAppSelector(e=>e.formBuilder),{control:R}=i.useForm({reValidateMode:"onBlur"}),{fields:H,append:W,remove:z,update:Y,move:K,insert:Q}=i.useFieldArray({control:R,name:"members"}),{fields:X,append:Z,remove:ee,update:te}=i.useFieldArray({control:R,name:"section"}),[re,ie]=t.useState(""),[ne,oe]=t.useState(),[se,le]=t.useState(),[ae,de]=t.useState([]),[ce,ue]=t.useState(null),[me,fe]=t.useState(),[he,pe]=t.useState([]),[be,ve]=t.useState({}),[ye,_e]=t.useState(),[xe,ge]=t.useState(!1),[Se,je]=t.useState(!1),[Ne,ke]=t.useState(),[qe,Ce]=t.useState(!0),[we,Ee]=t.useState([]),[Oe,Je]=t.useState(0),[Fe,Ae]=t.useState(!1),[Me,Be]=t.useState(!1),[Te,Ie]=t.useState(null),[Pe,De]=t.useState(null),[Ge,Ue]=t.useState(),Ve=V.pathname.split("/")[2],$e=A.generateModulePath(Ve);A.useFormDataEffect(L,we,Oe,{removeSection:ee,remove:z,setTabsData:Ee,append:W,appendSection:Z});const Le=t.useCallback(r=>{try{if(!r||"string"!=typeof r)/* @__PURE__ */
-return e.jsx("div",{className:"text-gray-500 p-4",children:"Select a field to edit"});const i=r.toLowerCase().trim(),n={text:["text","number","email","phone","date","time","url","currency","file","geolocation","image","relation","info","tagsinput"],select:["select"],section:["section"],checkbox:["checkbox","togglebutton","radiobutton"],table:["table"]},o={element:ce,handlePropertyValueUpdate:tt,handleWidthChange:Ze,handleColumnSelect:et,fields:(null==L?void 0:L.fields)||[]},s={element:ce,handlePropertyValueUpdate:tt,handleSelectOptionValueUpdate:rt,handleWidthChange:Ze,handleColumnSelect:et};return n.text.includes(i)?/* @__PURE__ */t.createElement(C.TextEditForm,{...o,key:`text-form-${(null==ce?void 0:ce.id)||"default"}`}):n.select.includes(i)?/* @__PURE__ */t.createElement(w.SelectEditForm,{...s,key:`select-form-${(null==ce?void 0:ce.id)||"default"}`}):n.section.includes(i)?/* @__PURE__ */e.jsx(E.default,{element:be,handlePropertyValueUpdate:Xe},`section-form-${(null==be?void 0:be.id)||"default"}`):n.checkbox.includes(i)?/* @__PURE__ */t.createElement(O.CheckboxEditForm,{...s,key:`checkbox-form-${(null==ce?void 0:ce.id)||"default"}`}):n.table.includes(i)?/* @__PURE__ */e.jsx(J.default,{element:ce,handlePropertyValueUpdate:tt,handleColumnsUpdate:it,fields:(null==L?void 0:L.fields)||[]},`table-form-${(null==ce?void 0:ce.id)||"default"}`):/* @__PURE__ */e.jsxs("div",{className:"text-gray-500 p-4 border border-gray-200 rounded",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),i=require("react-hook-form"),n=require("react-dnd"),o=require("react-dnd-html5-backend"),s=require("react-i18next"),l=,/* empty css                                                   */a=,/* empty css                                                                                */d=,/* empty css                                                                               */c=,/* empty css                                   */u=,/* empty css                     */m=,/* empty css                                                 */f=,/* empty css                                               */h=,/* empty css                                            */p=,/* empty css                          */b=,/* empty css                                */v=,/* empty css                                     */y=,/* empty css                                     */_=,/* empty css                             */x=,/* empty css                                            */g=,/* empty css                           */S=,/* empty css                                                              */j=,/* empty css                            */N=,/* empty css                         */k=,/* empty css                                */q=,/* empty css                                  */C=,/* empty css                                   */w=,/* empty css                                    */E=,/* empty css                                      */O=,/* empty css                    */J=;/* empty css                     */;/* empty css                         */var F=,/* empty css                                                 */A=,/* empty css                                       */M=,/* empty css                                   */B=,/* empty css                                                   */T=,/* empty css                                                               */I=,/* empty css                                                                           */P=;/* empty css                                                       */const D=e=>!isNaN(Number(e))&&isFinite(Number(e)),G=e=>JSON.parse(JSON.stringify(e)),U=(e="")=>({uniqueStringId:`${Date.now()}${e}${Math.random().toString(36).substr(2,9)}`});function V(){const{t:V}=s.useTranslation(),$=p.useAppDispatch(),L=r.useNavigate(),R=r.useLocation(),H=R.state??[],W=p.useAppSelector(e=>e.formBuilder),{control:z}=i.useForm({reValidateMode:"onBlur"}),{fields:Y,append:K,remove:Q,update:X,move:Z,insert:ee}=i.useFieldArray({control:z,name:"members"}),{fields:te,append:re,remove:ie,update:ne}=i.useFieldArray({control:z,name:"section"}),[oe,se]=t.useState(""),[le,ae]=t.useState(),[de,ce]=t.useState(),[ue,me]=t.useState([]),[fe,he]=t.useState(null),[pe,be]=t.useState(),[ve,ye]=t.useState([]),[_e,xe]=t.useState({}),[ge,Se]=t.useState(),[je,Ne]=t.useState(!1),[ke,qe]=t.useState(!1),[Ce,we]=t.useState(),[Ee,Oe]=t.useState(!0),[Je,Fe]=t.useState([]),[Ae,Me]=t.useState(0),[Be,Te]=t.useState(!1),[Ie,Pe]=t.useState(!1),[De,Ge]=t.useState(null),[Ue,Ve]=t.useState(null),[$e,Le]=t.useState(),Re=R.pathname.split("/")[2],He=J.generateModulePath(Re);J.useFormDataEffect(W,Je,Ae,{removeSection:ie,remove:Q,setTabsData:Fe,append:K,appendSection:re});const We=t.useCallback(r=>{try{if(!r||"string"!=typeof r)/* @__PURE__ */
+return e.jsx("div",{className:"text-gray-500 p-4",children:"Select a field to edit"});const i=r.toLowerCase().trim(),n={text:["text","number","email","phone","date","time","url","currency","file","geolocation","image","relation","info","tagsinput"],select:["select"],section:["section"],checkbox:["checkbox","togglebutton","radiobutton"],table:["table"]},o={element:fe,handlePropertyValueUpdate:nt,handleWidthChange:rt,handleColumnSelect:it,fields:(null==W?void 0:W.fields)||[]},s={element:fe,handlePropertyValueUpdate:nt,handleSelectOptionValueUpdate:ot,handleWidthChange:rt,handleColumnSelect:it};return n.text.includes(i)?/* @__PURE__ */t.createElement(k.TextEditForm,{...o,key:`text-form-${(null==fe?void 0:fe.id)||"default"}`}):n.select.includes(i)?/* @__PURE__ */t.createElement(q.SelectEditForm,{...s,key:`select-form-${(null==fe?void 0:fe.id)||"default"}`}):n.section.includes(i)?/* @__PURE__ */e.jsx(C.default,{element:_e,handlePropertyValueUpdate:tt},`section-form-${(null==_e?void 0:_e.id)||"default"}`):n.checkbox.includes(i)?/* @__PURE__ */t.createElement(w.CheckboxEditForm,{...s,key:`checkbox-form-${(null==fe?void 0:fe.id)||"default"}`}):n.table.includes(i)?/* @__PURE__ */e.jsx(E.default,{element:fe,handlePropertyValueUpdate:nt,handleColumnsUpdate:st,fields:(null==W?void 0:W.fields)||[]},`table-form-${(null==fe?void 0:fe.id)||"default"}`):/* @__PURE__ */e.jsxs("div",{className:"text-gray-500 p-4 border border-gray-200 rounded",children:[
 /* @__PURE__ */e.jsx("p",{className:"font-medium",children:"Unknown Field Type"}),
 /* @__PURE__ */e.jsxs("p",{className:"text-sm mt-1",children:['Field type "',r,'" is not supported. Please select a valid field to edit.']})]})}catch(i){/* @__PURE__ */
 return e.jsxs("div",{className:"text-red-500 p-4 border border-red-200 rounded bg-red-50",children:[
 /* @__PURE__ */e.jsx("p",{className:"font-medium",children:"Error Loading Form"}),
-/* @__PURE__ */e.jsx("p",{className:"text-sm mt-1",children:"There was an error loading the property edit form. Please try again."})]})}},[ce,be,L]),Re=t.useCallback(()=>{var e;try{if(!(null==(e=q.element)?void 0:e.section))return;const{uniqueStringId:t}=P("-"),r={...I(q.element.section),id:t};r.switcher_forms&&(r.switcher_forms=r.switcher_forms.map(e=>({...e,id:P("-").uniqueStringId})));const i=X.length;Z(r),oe(i),ie("section");const n={field_type:r.field_type,section_type:r.section_type,switcher_forms:r.switcher_forms,form_switcher_label:r.form_switcher_label,form_switcher_name:r.form_switcher_name,label:r.label,is_accordion:r.is_accordion,id:r.id??i};ve(n),_e(i),Le(r.field_type)}catch(t){}},[q.element,X,Z,oe,ie,ve,_e,Le]),He=t.useCallback(()=>{try{const e=I(he);e.forEach((e,t)=>{e.members=H.filter(e=>(null==e?void 0:e.section_order)===t)});const t=e.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),r=!(null==we?void 0:we.length)&&t,i={tab_order:we.length+1,title:"data",remove_tab:r,data:(null==we?void 0:we.length)?[]:e};Ee(e=>[...e,i])}catch(e){}},[he,H,we,Ee]),We=t.useCallback((e,t)=>{try{if(!T(e)||!(null==t?void 0:t.trim()))return;Ee(r=>r.map(r=>r.tab_order===e?{...r,title:t.trim()}:r))}catch(r){}},[Ee]),ze=t.useCallback(e=>{try{if(!T(e))return;const t=we.filter(t=>t.tab_order!==e).map(t=>({...t,tab_order:t.tab_order>e?t.tab_order-1:t.tab_order}));if(Ee(t),Oe==e&&Je((null==t?void 0:t.length)-1),t.length>0){const e=t.find(e=>e.tab_order===(Oe??0)+1);if(null==e?void 0:e.data){const t=e.data.map(({field_type:e,label:t,is_accordion:r,id:i,remove_section:n})=>({field_type:e,label:t,is_accordion:r,id:i,remove_section:n})),r=e.data.flatMap(e=>{var t;return(null==(t=e.members)?void 0:t.map(e=>({...e})))||[]});z(),ee(),r.forEach(e=>W(e)),t.forEach(e=>Z(e))}}else z(),ee()}catch(t){}},[we,Oe,Ee,z,ee,W,Z]),Ye=t.useCallback(e=>{try{const t=e.target.dataset.position;if(!t||!T(t))return;const r=Number(t);if(r<0||r>=ae.length)return;le(r);const i=I(ae[r]);fe(r),ue(i),ie("element")}catch(t){}},[ae,le,fe,ue,ie]),Ke=t.useCallback(e=>{try{const t=e.target.dataset.position;if(!t||!T(t))return;const r=Number(t);if(r<0||r>=he.length)return;oe(r);const i=I(he[r]);_e(r),ve(i),ie("section")}catch(t){}},[he,oe,_e,ve,ie]),Qe=t.useCallback((e,t)=>{var r,i;try{const n=e.currentTarget,o=null==(r=null==n?void 0:n.dataset)?void 0:r.position;if(void 0===o||!T(o))return;const s=Number(o);if(s<0)return;if(!(null==(i=q.element)?void 0:i.text))return;const l={...I(q.element.text),...t,section_order:s,type:"custom",is_new:!0,custom_width:Math.floor(6),is_fullwidth:!1,is_system_field:Boolean(null==t?void 0:t.is_system_field),id:P().uniqueStringId};oe(s),W(l);const a=H.length;le(a),ie("element"),fe(a),ue(l),Le(l.field_type)}catch(n){}},[q.element,H,oe,W,le,ie,fe,ue,Le]),Xe=t.useCallback((e,t)=>{try{const{name:r,type:i,checked:n,value:o}=e.target;if(!r)return;const s=void 0!==t?t:"checkbox"===i?n:o;be[r]!==s&&ve(e=>({...e,[r]:s}))}catch(r){}},[be,ve]),Ze=t.useCallback(e=>{try{if(!T(e)||e<1||e>12)return;ue(t=>({...t,custom_width:e}))}catch(t){}},[ue]),et=t.useCallback(e=>{try{const t=Number(e.target.value);if(!T(t)||t<=0)return;const r=Math.floor(12/t);if(r<=0)return;H.forEach((e,t)=>{Y(t,{...e,custom_width:r})})}catch(t){}},[H,Y]),tt=t.useCallback((e,t,r,i)=>{var n;try{const o=(()=>{var n;return i||(void 0!==r?r:void 0!==t?t:null==(n=null==e?void 0:e.target)?void 0:n.value)})(),s=I(ce);if((null==(n=null==e?void 0:e.target)?void 0:n.name)&&(s[e.target.name]="checkbox"===e.target.type?e.target.checked:o),i){const{uniqueStringId:e}=P(),t={...q.element[i],section_form_id:null==s?void 0:s.section_form_id,is_form_switcher_section:null==s?void 0:s.is_form_switcher_section,section_order:s.section_order,id:e,type:"custom",is_system_field:Boolean(null==s?void 0:s.is_system_field),is_new:!0,column_width:(null==s?void 0:s.column_width)||6,custom_width:(null==s?void 0:s.custom_width)||6};ue(t)}else JSON.stringify(ce)!==JSON.stringify(s)&&ue({...ce,...s})}catch(o){}},[ce,q.element,ue]),rt=t.useCallback(e=>{try{if(!Array.isArray(e))return;const t=I(ce);t.options=[...e];const{uniqueStringId:r}=P("-");JSON.stringify(ce.options)!==JSON.stringify(e)&&ue({...ce,...t,id:r})}catch(t){}},[ce,ue]),it=t.useCallback(e=>{try{if(!Array.isArray(e))return;const t=I(ce);t.table_columns=[...e];const{uniqueStringId:r}=P("-");JSON.stringify(ce.table_columns)!==JSON.stringify(e)&&ue({...ce,...t,id:r})}catch(t){}},[ce,ue]),nt=t.useCallback(e=>{try{if(!T(e)||e<0||e>=X.length)return;ke(e),ee(e);const t=[];H.forEach((r,i)=>{(null==r?void 0:r.section_order)===e&&t.push(i)}),t.reverse().forEach(e=>{z(e)}),ge(!0)}catch(t){}},[X,H,ke,ee,z,ge]),ot=t.useCallback(e=>{try{if(!T(e)||e<0||e>=X.length)return;Be(!0),_e(e),oe(e);const t={...I(X[e]),is_accordion:!0};te(e,t),ie("section"),ve(t),Le(t.field_type)}catch(t){}},[X,Be,_e,oe,te,ie,ve,Le]),st=t.useCallback(()=>{try{const e=I(he);e.forEach((e,t)=>{e.members=H.filter(e=>(null==e?void 0:e.section_order)===t)});const t=e.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),r=Number(Oe);if(T(r)&&r>=0&&r<we.length){const i=[...we];i[r]={...i[r],data:e,remove_tab:t},Ee(i),z(),ee(),le(void 0),ie(""),oe(void 0)}}catch(e){}},[he,H,Oe,we,Ee]),lt=t.useMemo(()=>he&&H?he.map((e,t)=>({...e,members:H.filter(e=>(null==e?void 0:e.section_order)===t)})):null,[he,H]),at=t.useMemo(()=>lt?(null==we?void 0:we.length)?{tab:we}:{section:lt}:null,[we,lt]),dt=t.useMemo(()=>at?b.default(at):null,[at]),ct=t.useCallback(()=>{dt&&De(dt)},[dt,De]),ut=t.useCallback(()=>{De(null)},[]),mt=t.useCallback(async()=>{var e;try{if(!he||!Array.isArray(he))return;if(!H||!Array.isArray(H))return;if(!(null==$?void 0:$._id))return;let i;try{i=structuredClone(he)}catch(t){i=JSON.parse(JSON.stringify(he))}i.forEach((e,t)=>{e&&"object"==typeof e&&(e.members=H.filter(e=>e&&"object"==typeof e&&"number"==typeof e.section_order&&e.section_order===t))});const n=i.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),o=Number(Oe);let s=[...we];T(o)&&o>=0&&o<we.length&&(s=[...we],s[o]={...s[o],data:i,remove_tab:n},Ee(s));const l=(null==s?void 0:s.length)>0?{tab:s}:{section:i};if("function"!=typeof b.default)return;let a;try{a=b.default(l)}catch(r){return}if(!a)return;const c={gridCol:2,fields:a},u=await G(k.patchFormDataById({id:$._id,data:c}));if("rejected"===u.meta.requestStatus){const t=j.getErrorMessage(null==(e=null==u?void 0:u.error)?void 0:e.message);d.enqueueSnackbar(t,{variant:"error"})}else d.enqueueSnackbar("Form updated successfully",{variant:"success"}),U($e)}catch(i){const e=(null==i?void 0:i.message)||"Something went wrong while updating the form";d.enqueueSnackbar(e,{variant:"error"})}},[he,H,we,null==$?void 0:$._id,void 0,G,b.default]),ft=e=>{const t={...H[e],type:"custom"};t&&Q(e+1,t),le(e+1),ie("element"),fe(e+1),ue(t),Le(t.field_type)},ht=[{link:$e,label:"Forms"},{link:"",label:y.formatLabel(null==$?void 0:$.name)},{link:"",label:"Edit Form"}];t.useEffect(()=>{xe&&(H.forEach((e,t)=>{void 0!==Ne&&Boolean(null==Ne?void 0:Ne.toString)&&e.section_order>Ne&&Y(t,{...e,section_order:e.section_order-1})}),ge(!1),je(!0),ke(void 0),ie(""))},[xe]),t.useEffect(()=>{L.isSuccess&&U($e)},[L.isSuccess]),t.useEffect(()=>{L.isError&&Ie({type:"alert",message:L.error})},[L.error,L.isError]),t.useEffect(()=>{if("number"!=typeof me||"string"!=typeof me){const e=Number(me);if(ae[e]){const t=JSON.parse(JSON.stringify(ae[e]));Y(e,{...t})}}},[ae]),t.useEffect(()=>{const e=ae.map((e,t)=>t===Number(me)?{...ce}:{...e});de(e)},[ce]),t.useEffect(()=>{if(H.length!==ae.length&&de(JSON.parse(JSON.stringify(H))),Boolean(Fe)&&JSON.stringify(H)!==JSON.stringify(ae)){de(JSON.parse(JSON.stringify(H))),Ae(!1);const e=me&&H[me];e&&ie("element"),e&&ue(e),e&&Le(e.field_type)}Se&&JSON.stringify(H)!==JSON.stringify(ae)&&(de(JSON.parse(JSON.stringify(H))),je(!1))},[H,Fe]),t.useEffect(()=>{if("number"!=typeof ye||"string"!=typeof ye){const e=Number(ye);if(he[e]){const t=JSON.parse(JSON.stringify(he[e]));te(e,{...t})}}},[he]),t.useEffect(()=>{const e=he.map((e,t)=>t===Number(ye)?{...e,...be}:{...e});pe(e)},[be]),t.useEffect(()=>{X.length!==he.length&&pe(JSON.parse(JSON.stringify(X))),JSON.stringify(he)!==JSON.stringify(X)&&Me&&(pe(JSON.parse(JSON.stringify(X))),Be(!1))},[X]),t.useEffect(()=>{},[]);const pt=t.useCallback(async()=>{Ce(!0);try{(null==$?void 0:$._id)&&(Ee([]),await G(k.getFormDataById(null==$?void 0:$._id)),await G(k.getFieldsByFormId({id:null==$?void 0:$._id})))}finally{Ce(!1)}},[null==$?void 0:$._id]);t.useEffect(()=>{pt()},[pt]);const bt=e=>e&&Object.keys(e).length>0,vt=()=>/* @__PURE__ */e.jsx(p.Typography,{type:"s5",color:"theme.secondary.800",className:"formSection--Text",children:"Select a field to edit its properties."}),yt=(e,t="text")=>(null==e?void 0:e.field_type)||t,_t=t.useMemo(()=>{if(!re)/* @__PURE__ */
-return e.jsx(vt,{});if("element"===re){if(!bt(H))/* @__PURE__ */
-return e.jsx(vt,{});const t=yt(ce);return Le(t)}if("section"===re){if(!bt(X))/* @__PURE__ */
-return e.jsx(vt,{});const t=yt(be);return Le(t)}/* @__PURE__ */
-return e.jsx(vt,{})},[re,Object.keys(H).length,Object.keys(X).length,null==ce?void 0:ce.field_type,null==ce?void 0:ce.field_properties,null==be?void 0:be.field_type,null==be?void 0:be.field_properties,Le]);
+/* @__PURE__ */e.jsx("p",{className:"text-sm mt-1",children:"There was an error loading the property edit form. Please try again."})]})}},[fe,_e,W]),ze=t.useCallback(()=>{var e;try{if(!(null==(e=N.element)?void 0:e.section))return;const{uniqueStringId:t}=U("-"),r={...G(N.element.section),id:t};r.switcher_forms&&(r.switcher_forms=r.switcher_forms.map(e=>({...e,id:U("-").uniqueStringId})));const i=te.length;re(r),ae(i),se("section");const n={field_type:r.field_type,section_type:r.section_type,switcher_forms:r.switcher_forms,form_switcher_label:r.form_switcher_label,form_switcher_name:r.form_switcher_name,label:r.label,is_accordion:r.is_accordion,id:r.id??i};xe(n),Se(i),We(r.field_type)}catch(t){}},[N.element,te,re,ae,se,xe,Se,We]),Ye=t.useCallback(()=>{try{const e=G(ve);e.forEach((e,t)=>{e.members=Y.filter(e=>(null==e?void 0:e.section_order)===t)});const t=e.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),r=!(null==Je?void 0:Je.length)&&t,i={tab_order:Je.length+1,title:"data",remove_tab:r,data:(null==Je?void 0:Je.length)?[]:e};Fe(e=>[...e,i])}catch(e){}},[ve,Y,Je,Fe]),Ke=t.useCallback((e,t)=>{try{if(!D(e)||!(null==t?void 0:t.trim()))return;Fe(r=>r.map(r=>r.tab_order===e?{...r,title:t.trim()}:r))}catch(r){}},[Fe]),Qe=t.useCallback(e=>{try{if(!D(e))return;const t=Je.filter(t=>t.tab_order!==e).map(t=>({...t,tab_order:t.tab_order>e?t.tab_order-1:t.tab_order}));if(Fe(t),Ae==e&&Me((null==t?void 0:t.length)-1),t.length>0){const e=t.find(e=>e.tab_order===(Ae??0)+1);if(null==e?void 0:e.data){const t=e.data.map(({field_type:e,label:t,is_accordion:r,id:i,remove_section:n})=>({field_type:e,label:t,is_accordion:r,id:i,remove_section:n})),r=e.data.flatMap(e=>{var t;return(null==(t=e.members)?void 0:t.map(e=>({...e})))||[]});Q(),ie(),r.forEach(e=>K(e)),t.forEach(e=>re(e))}}else Q(),ie()}catch(t){}},[Je,Ae,Fe,Q,ie,K,re]),Xe=t.useCallback(e=>{try{const t=e.target.dataset.position;if(!t||!D(t))return;const r=Number(t);if(r<0||r>=ue.length)return;ce(r);const i=G(ue[r]);be(r),he(i),se("element")}catch(t){}},[ue,ce,be,he,se]),Ze=t.useCallback(e=>{try{const t=e.target.dataset.position;if(!t||!D(t))return;const r=Number(t);if(r<0||r>=ve.length)return;ae(r);const i=G(ve[r]);Se(r),xe(i),se("section")}catch(t){}},[ve,ae,Se,xe,se]),et=t.useCallback((e,t)=>{var r,i;try{const n=e.currentTarget,o=null==(r=null==n?void 0:n.dataset)?void 0:r.position;if(void 0===o||!D(o))return;const s=Number(o);if(s<0)return;if(!(null==(i=N.element)?void 0:i.text))return;const l={...G(N.element.text),...t,section_order:s,type:"custom",is_new:!0,custom_width:Math.floor(6),is_fullwidth:!1,is_system_field:Boolean(null==t?void 0:t.is_system_field),id:U().uniqueStringId};ae(s),K(l);const a=Y.length;ce(a),se("element"),be(a),he(l),We(l.field_type)}catch(n){}},[N.element,Y,ae,K,ce,se,be,he,We]),tt=t.useCallback((e,t)=>{try{const{name:r,type:i,checked:n,value:o}=e.target;if(!r)return;const s=void 0!==t?t:"checkbox"===i?n:o;_e[r]!==s&&xe(e=>({...e,[r]:s}))}catch(r){}},[_e,xe]),rt=t.useCallback(e=>{try{if(!D(e)||e<1||e>12)return;he(t=>({...t,custom_width:e}))}catch(t){}},[he]),it=t.useCallback(e=>{try{const t=Number(e.target.value);if(!D(t)||t<=0)return;const r=Math.floor(12/t);if(r<=0)return;Y.forEach((e,t)=>{X(t,{...e,custom_width:r})})}catch(t){}},[Y,X]),nt=t.useCallback((e,t,r,i)=>{var n;try{const o=(()=>{var n;return i||(void 0!==r?r:void 0!==t?t:null==(n=null==e?void 0:e.target)?void 0:n.value)})(),s=G(fe);if((null==(n=null==e?void 0:e.target)?void 0:n.name)&&(s[e.target.name]="checkbox"===e.target.type?e.target.checked:o),i){const{uniqueStringId:e}=U(),t={...N.element[i],section_form_id:null==s?void 0:s.section_form_id,is_form_switcher_section:null==s?void 0:s.is_form_switcher_section,section_order:s.section_order,id:e,type:"custom",is_system_field:Boolean(null==s?void 0:s.is_system_field),is_new:!0,column_width:(null==s?void 0:s.column_width)||6,custom_width:(null==s?void 0:s.custom_width)||6};he(t)}else JSON.stringify(fe)!==JSON.stringify(s)&&he({...fe,...s})}catch(o){}},[fe,N.element,he]),ot=t.useCallback(e=>{try{if(!Array.isArray(e))return;const t=G(fe);t.options=[...e];const{uniqueStringId:r}=U("-");JSON.stringify(fe.options)!==JSON.stringify(e)&&he({...fe,...t,id:r})}catch(t){}},[fe,he]),st=t.useCallback(e=>{try{if(!Array.isArray(e))return;const t=G(fe);t.table_columns=[...e];const{uniqueStringId:r}=U("-");JSON.stringify(fe.table_columns)!==JSON.stringify(e)&&he({...fe,...t,id:r})}catch(t){}},[fe,he]),lt=t.useCallback(e=>{try{if(!D(e)||e<0||e>=te.length)return;we(e),ie(e);const t=[];Y.forEach((r,i)=>{(null==r?void 0:r.section_order)===e&&t.push(i)}),t.reverse().forEach(e=>{Q(e)}),Ne(!0)}catch(t){}},[te,Y,we,ie,Q,Ne]),at=t.useCallback(e=>{try{if(!D(e)||e<0||e>=te.length)return;Pe(!0),Se(e),ae(e);const t={...G(te[e]),is_accordion:!0};ne(e,t),se("section"),xe(t),We(t.field_type)}catch(t){}},[te,Pe,Se,ae,ne,se,xe,We]),dt=t.useCallback(()=>{try{const e=G(ve);e.forEach((e,t)=>{e.members=Y.filter(e=>(null==e?void 0:e.section_order)===t)});const t=e.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),r=Number(Ae);if(D(r)&&r>=0&&r<Je.length){const i=[...Je];i[r]={...i[r],data:e,remove_tab:t},Fe(i),Q(),ie(),ce(void 0),se(""),ae(void 0)}}catch(e){}},[ve,Y,Ae,Je,Fe]),ct=t.useMemo(()=>ve&&Y?ve.map((e,t)=>({...e,members:Y.filter(e=>(null==e?void 0:e.section_order)===t)})):null,[ve,Y]),ut=t.useMemo(()=>ct?(null==Je?void 0:Je.length)?{tab:Je}:{section:ct}:null,[Je,ct]),mt=t.useMemo(()=>ut?h.default(ut):null,[ut]),ft=t.useCallback(()=>{mt&&Ve(mt)},[mt,Ve]),ht=t.useCallback(()=>{Ve(null)},[]),pt=t.useCallback(async()=>{var e;try{if(!ve||!Array.isArray(ve))return;if(!Y||!Array.isArray(Y))return;if(!(null==H?void 0:H._id))return;let i;try{i=structuredClone(ve)}catch(t){i=JSON.parse(JSON.stringify(ve))}i.forEach((e,t)=>{e&&"object"==typeof e&&(e.members=Y.filter(e=>e&&"object"==typeof e&&"number"==typeof e.section_order&&e.section_order===t))});const n=i.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),o=Number(Ae);let s=[...Je];D(o)&&o>=0&&o<Je.length&&(s=[...Je],s[o]={...s[o],data:i,remove_tab:n},Fe(s));const a=(null==s?void 0:s.length)>0?{tab:s}:{section:i};if("function"!=typeof h.default)return;let d;try{d=h.default(a)}catch(r){return}if(!d)return;const c={gridCol:2,fields:d},u=await $(j.patchFormDataById({id:H._id,data:c}));if("rejected"===u.meta.requestStatus){const t=g.getErrorMessage(null==(e=null==u?void 0:u.error)?void 0:e.message);l.enqueueSnackbar(t,{variant:"error"})}else l.enqueueSnackbar("Form updated successfully",{variant:"success"}),L(He)}catch(i){const e=(null==i?void 0:i.message)||"Something went wrong while updating the form";l.enqueueSnackbar(e,{variant:"error"})}},[ve,Y,Je,null==H?void 0:H._id,void 0,$,h.default]),bt=e=>{const t={...Y[e],type:"custom"};t&&ee(e+1,t),ce(e+1),se("element"),be(e+1),he(t),We(t.field_type)},vt=[{link:He,label:"Forms"},{link:"",label:b.formatLabel(null==H?void 0:H.name)},{link:"",label:"Edit Form"}];t.useEffect(()=>{je&&(Y.forEach((e,t)=>{void 0!==Ce&&Boolean(null==Ce?void 0:Ce.toString)&&e.section_order>Ce&&X(t,{...e,section_order:e.section_order-1})}),Ne(!1),qe(!0),we(void 0),se(""))},[je]),t.useEffect(()=>{W.isSuccess&&L(He)},[W.isSuccess]),t.useEffect(()=>{W.isError&&Ge({type:"alert",message:W.error})},[W.error,W.isError]),t.useEffect(()=>{if("number"!=typeof pe||"string"!=typeof pe){const e=Number(pe);if(ue[e]){const t=JSON.parse(JSON.stringify(ue[e]));X(e,{...t})}}},[ue]),t.useEffect(()=>{const e=ue.map((e,t)=>t===Number(pe)?{...fe}:{...e});me(e)},[fe]),t.useEffect(()=>{if(Y.length!==ue.length&&me(JSON.parse(JSON.stringify(Y))),Boolean(Be)&&JSON.stringify(Y)!==JSON.stringify(ue)){me(JSON.parse(JSON.stringify(Y))),Te(!1);const e=pe&&Y[pe];e&&se("element"),e&&he(e),e&&We(e.field_type)}ke&&JSON.stringify(Y)!==JSON.stringify(ue)&&(me(JSON.parse(JSON.stringify(Y))),qe(!1))},[Y,Be]),t.useEffect(()=>{if("number"!=typeof ge||"string"!=typeof ge){const e=Number(ge);if(ve[e]){const t=JSON.parse(JSON.stringify(ve[e]));ne(e,{...t})}}},[ve]),t.useEffect(()=>{const e=ve.map((e,t)=>t===Number(ge)?{...e,..._e}:{...e});ye(e)},[_e]),t.useEffect(()=>{te.length!==ve.length&&ye(JSON.parse(JSON.stringify(te))),JSON.stringify(ve)!==JSON.stringify(te)&&Ie&&(ye(JSON.parse(JSON.stringify(te))),Pe(!1))},[te]),t.useEffect(()=>{},[]);const yt=t.useCallback(async()=>{Oe(!0);try{(null==H?void 0:H._id)&&(Fe([]),await $(j.getFormDataById(null==H?void 0:H._id)),await $(j.getFieldsByFormId({id:null==H?void 0:H._id})))}finally{Oe(!1)}},[null==H?void 0:H._id]);t.useEffect(()=>{yt()},[yt]);const _t=e=>e&&Object.keys(e).length>0,xt=()=>/* @__PURE__ */e.jsx(f.Typography,{type:"s5",color:"theme.secondary.800",className:"formSection--Text",children:"Select a field to edit its properties."}),gt=(e,t="text")=>(null==e?void 0:e.field_type)||t,St=t.useMemo(()=>{if(!oe)/* @__PURE__ */
+return e.jsx(xt,{});if("element"===oe){if(!_t(Y))/* @__PURE__ */
+return e.jsx(xt,{});const t=gt(fe);return We(t)}if("section"===oe){if(!_t(te))/* @__PURE__ */
+return e.jsx(xt,{});const t=gt(_e);return We(t)}/* @__PURE__ */
+return e.jsx(xt,{})},[oe,Object.keys(Y).length,Object.keys(te).length,null==fe?void 0:fe.field_type,null==fe?void 0:fe.field_properties,null==_e?void 0:_e.field_type,null==_e?void 0:_e.field_properties,We]);
 /* @__PURE__ */
-return e.jsx(n.Box,{position:"relative",children:qe?/* @__PURE__ */e.jsx(S.default,{}):/* @__PURE__ */e.jsxs(s.DndProvider,{backend:l.HTML5Backend,children:[
-/* @__PURE__ */e.jsx(h.default,{breadCrumbPath:ht,children:/* @__PURE__ */e.jsxs("div",{className:"formSection--Buttons",children:[
-/* @__PURE__ */e.jsx(u.default,{variant:"outlined",className:"formSection--PreviewButton",text:"Preview",onClick:()=>{Pe?ut():ct()},disable:!(null==H?void 0:H.length),startIcon:Pe?/* @__PURE__ */e.jsx(M.EyeOff,{}):/* @__PURE__ */e.jsx(B.Eye,{})}),
-/* @__PURE__ */e.jsx(u.default,{variant:"contained",type:"submit",text:"Update",onClick:mt,disable:Pe})]})}),Pe?/* @__PURE__ */e.jsx(N.default,{data:Pe||[],handleFormSubmit:e=>{},className:"form-container",fieldArrayName:"form-builder-preview",getFormMethods:e=>Ue({...e})}):/* @__PURE__ */e.jsxs(n.Grid,{className:"formSection--Grid",container:!0,children:[
-/* @__PURE__ */e.jsx(n.Grid,{item:!0,xs:9,component:"form",sx:{position:"relative",background:"#F5F6F5",padding:"0.75rem"},children:/* @__PURE__ */e.jsxs(n.Grid,{className:"formSection--GridContainer",children:[
-/* @__PURE__ */e.jsxs(n.Box,{className:"formSection--Tab",children:[we&&/* @__PURE__ */e.jsx(m.default,{tabs:we,onEditTabTitle:We,activeValue:Oe,setActiveValue:Je,handleTabChange:()=>{st()},handleRemoveTab:ze,containerProps:{mb:0}}),
-/* @__PURE__ */e.jsx(u.default,{variant:"outlined",text:"Add Tab",onClick:He,style:{color:"#292D32",margin:"0.5rem"}})]}),
-/* @__PURE__ */e.jsxs("div",{className:"formSection--Form",children:[null==X?void 0:X.map((t,r)=>{var i;const s=H.filter(e=>e.section_order===r),l=t.section_type===g.SECTION_TYPES.FORM_SWITCH_SECTION,a=null==(i=null==t?void 0:t.switcher_forms)?void 0:i.map(e=>({...e,formMembers:H.filter(t=>t.section_form_id===e.id)}));/* @__PURE__ */
-return e.jsxs(c.default,{index:r,label:D(t.label),onClick:Ke,position:r,fieldArrayName:"section",isFormSwitcher:l,activeIndex:ne===r,removeSection:()=>nt(r),handleAccordion:()=>ot(r),handleAddButton:e=>Qe(e),remove_section:t.remove_section,children:[l?/* @__PURE__ */e.jsxs("div",{style:{width:"100%"},children:[
-/* @__PURE__ */e.jsx(p.Typography,{type:"s5",style:{fontWeight:500},color:"theme.secondary.800",children:t.form_switcher_label}),
-/* @__PURE__ */e.jsx(n.RadioGroup,{"aria-labelledby":"theme-radio-buttons-group-label",name:t.form_switcher_name||t.form_switcher_label,children:null==a?void 0:a.map(({name:t,id:i,formMembers:s})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(n.FormControlLabel,{value:t,control:/* @__PURE__ */e.jsx(x.default,{}),label:D(t),disabled:!0},i)}),
-/* @__PURE__ */e.jsx(n.Grid,{container:!0,sx:{mb:3},children:/* @__PURE__ */e.jsx(F.default,{sectionMembers:s||[],members:H,activeMember:se,control:R,t:D,element:q.element,images:f.images,elementJSON:ce,remove:z,move:K,handleElementSelection:Ye,setElementSwap:Ae,handleDuplicateElement:ft,setSelectedHoc:ie,setActiveMember:le})}),
-/* @__PURE__ */e.jsx(u.default,{text:"Add",variant:"outlined",className:"formSection--PreviewButton","data-position":r,onClick:e=>Qe(e,{section_form_id:i,is_form_switcher_section:!0}),startIcon:/* @__PURE__ */e.jsx(o.Add,{})})]}))})]}):null,!l&&/* @__PURE__ */e.jsx(F.default,{sectionMembers:s||[],members:H,activeMember:se,control:R,t:D,element:q.element,images:f.images,elementJSON:ce,remove:z,move:K,handleElementSelection:Ye,setElementSwap:Ae,handleDuplicateElement:ft,setSelectedHoc:ie,setActiveMember:le})]})}),
-/* @__PURE__ */e.jsx("div",{className:"formSection--Section",children:/* @__PURE__ */e.jsx(u.default,{text:"Add a section",variant:"outlined",className:"formSection--PreviewButton",onClick:Re,startIcon:/* @__PURE__ */e.jsx(o.Add,{})})})]})]})}),
-/* @__PURE__ */e.jsx(n.Grid,{item:!0,xs:3,className:Boolean(re)&&((null==H?void 0:H.length)||X.length)?"formSection--RightGrid":"formSection--RightGrid formSection--Text",children:_t})]}),
-/* @__PURE__ */e.jsx(_.default,{open:Boolean(Te),type:null==Te?void 0:Te.type,message:null==Te?void 0:Te.message,handleClose:()=>Ie(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})})}exports.CustomForm=D,exports.default=D;
+return e.jsx(F.default,{position:"relative",children:Ee?/* @__PURE__ */e.jsx(x.default,{}):/* @__PURE__ */e.jsxs(n.DndProvider,{backend:o.HTML5Backend,children:[
+/* @__PURE__ */e.jsx(m.default,{breadCrumbPath:vt,children:/* @__PURE__ */e.jsxs("div",{className:"formSection--Buttons",children:[
+/* @__PURE__ */e.jsx(d.default,{variant:"outlined",className:"formSection--PreviewButton",text:"Preview",onClick:()=>{Ue?ht():ft()},disable:!(null==Y?void 0:Y.length),startIcon:Ue?/* @__PURE__ */e.jsx(A.EyeOff,{}):/* @__PURE__ */e.jsx(M.Eye,{})}),
+/* @__PURE__ */e.jsx(d.default,{variant:"contained",type:"submit",text:"Update",onClick:pt,disable:Ue})]})}),Ue?/* @__PURE__ */e.jsx(S.default,{data:Ue||[],handleFormSubmit:e=>{},className:"form-container",fieldArrayName:"form-builder-preview",getFormMethods:e=>Le({...e})}):/* @__PURE__ */e.jsxs(B.default,{className:"formSection--Grid",container:!0,children:[
+/* @__PURE__ */e.jsx(B.default,{item:!0,xs:9,component:"form",sx:{position:"relative",background:"#F5F6F5",padding:"0.75rem"},children:/* @__PURE__ */e.jsxs(B.default,{className:"formSection--GridContainer",children:[
+/* @__PURE__ */e.jsxs(F.default,{className:"formSection--Tab",children:[Je&&/* @__PURE__ */e.jsx(c.default,{tabs:Je,onEditTabTitle:Ke,activeValue:Ae,setActiveValue:Me,handleTabChange:()=>{dt()},handleRemoveTab:Qe,containerProps:{mb:0}}),
+/* @__PURE__ */e.jsx(d.default,{variant:"outlined",text:"Add Tab",onClick:Ye,style:{color:"#292D32",margin:"0.5rem"}})]}),
+/* @__PURE__ */e.jsxs("div",{className:"formSection--Form",children:[null==te?void 0:te.map((t,r)=>{var i;const n=Y.filter(e=>e.section_order===r),o=t.section_type===_.SECTION_TYPES.FORM_SWITCH_SECTION,s=null==(i=null==t?void 0:t.switcher_forms)?void 0:i.map(e=>({...e,formMembers:Y.filter(t=>t.section_form_id===e.id)}));/* @__PURE__ */
+return e.jsxs(a.default,{index:r,label:V(t.label),onClick:Ze,position:r,fieldArrayName:"section",isFormSwitcher:o,activeIndex:le===r,removeSection:()=>lt(r),handleAccordion:()=>at(r),handleAddButton:e=>et(e),remove_section:t.remove_section,children:[o?/* @__PURE__ */e.jsxs("div",{style:{width:"100%"},children:[
+/* @__PURE__ */e.jsx(f.Typography,{type:"s5",style:{fontWeight:500},color:"theme.secondary.800",children:t.form_switcher_label}),
+/* @__PURE__ */e.jsx(T.default,{"aria-labelledby":"theme-radio-buttons-group-label",name:t.form_switcher_name||t.form_switcher_label,children:null==s?void 0:s.map(({name:t,id:i,formMembers:n})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(I.default,{value:t,control:/* @__PURE__ */e.jsx(y.default,{}),label:V(t),disabled:!0},i)}),
+/* @__PURE__ */e.jsx(B.default,{container:!0,sx:{mb:3},children:/* @__PURE__ */e.jsx(O.default,{sectionMembers:n||[],members:Y,activeMember:de,control:z,t:V,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})}),
+/* @__PURE__ */e.jsx(d.default,{text:"Add",variant:"outlined",className:"formSection--PreviewButton","data-position":r,onClick:e=>et(e,{section_form_id:i,is_form_switcher_section:!0}),startIcon:/* @__PURE__ */e.jsx(P.default,{})})]}))})]}):null,!o&&/* @__PURE__ */e.jsx(O.default,{sectionMembers:n||[],members:Y,activeMember:de,control:z,t:V,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})]})}),
+/* @__PURE__ */e.jsx("div",{className:"formSection--Section",children:/* @__PURE__ */e.jsx(d.default,{text:"Add a section",variant:"outlined",className:"formSection--PreviewButton",onClick:ze,startIcon:/* @__PURE__ */e.jsx(P.default,{})})})]})]})}),
+/* @__PURE__ */e.jsx(B.default,{item:!0,xs:3,className:Boolean(oe)&&((null==Y?void 0:Y.length)||te.length)?"formSection--RightGrid":"formSection--RightGrid formSection--Text",children:St})]}),
+/* @__PURE__ */e.jsx(v.default,{open:Boolean(De),type:null==De?void 0:De.type,message:null==De?void 0:De.message,handleClose:()=>Ge(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})})}exports.CustomForm=V,exports.default=V;
 //# sourceMappingURL=index.js.map