@erpsquad/common 1.8.79 → 1.8.81

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/views/form-builder/custom-form.tsx"],"sourcesContent":["// React imports\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\n\n// React Router imports\nimport { useLocation, useNavigate } from \"react-router-dom\";\n\n// React Hook Form imports\nimport { useForm, useFieldArray } from \"react-hook-form\";\n\n// Material UI imports\nimport { Box, FormControlLabel, Grid, RadioGroup } from \"@mui/material\";\nimport { Add } from \"@mui/icons-material\";\n\n// Third-party imports\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\n\n// ERP Common imports\nimport DynamicSectionHOC from \"@/components/form-control/form-builder/form-builder-element/section\";\nimport Button from \"@/components/form-control/form-builder/form-builder-element/button\";\nimport TabBar from \"@/components/tabs/tabs\";\nimport images from \"@/assets/images\";\nimport { Pathname } from \"@/constants\";\nimport FormHeader from \"@/components/form-header/form-header\";\nimport Typography from \"@/components/typography/typography\";\nimport formBuilderConversion from \"@/utils/form-builder-conversion\";\nimport { useAppDispatch, useAppSelector } from \"@/redux/hooks\";\nimport { formatLabel } from \"@/utils/format-text\";\nimport Toast from \"@/components/toast/toast\";\nimport Radio from \"@/components/radio/radio\";\nimport { SECTION_TYPES } from \"@/utils/constant\";\nimport ErpLoader from \"@/components/loaders/erp-loader\";\nimport { getErrorMessage } from \"@/utils/common\";\nimport FormParser from \"@/components/form-control/form-parser/form-parser\";\nimport { Eye, EyeOff } from \"@/components/icons\";\n\n// Redux actions\nimport {\n  patchFormDataById,\n  getFormDataById,\n  getFieldsByFormId,\n} from \"../form-builder/redux/actionCreator\";\n\n// Local imports\nimport {\n  IProperty,\n  ISectionProperty,\n  ISelectProperty,\n  element,\n} from \"./field_properties\";\nimport TextEditForm from \"./element-edit-forms/text\";\nimport SelectEditForm from \"./element-edit-forms/select\";\nimport SectionEditForm from \"./element-edit-forms/section\";\nimport CheckboxEditForm from \"./element-edit-forms/checkbox\";\nimport TableEditForm from \"./element-edit-forms/table-form\";\nimport FormFields from \"./form-fields\";\nimport { generateModulePath, useFormDataEffect } from \"./utils/common\";\nimport \"./custom-form.scss\";\n\nexport interface IElementJson extends IProperty {\n  type: string;\n}\n\nconst FIELD_TYPES = {\n  TEXT: 'text',\n  NUMBER: 'number',\n  EMAIL: 'email',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  GEO_LOCATION: 'geoLocation',\n  IMAGE: 'image',\n  SECTION: 'section',\n  INFO: 'info',\n  RELATION: 'relation',\n  CHECKBOX: 'checkbox',\n  TOGGLE_BUTTON: 'toggleButton',\n  TAGS_INPUT: 'tagsInput'\n} as const;\n\nconst DEFAULT_GRID_COLUMNS = 12;\nconst DEFAULT_COLUMN_WIDTH = 2;\nconst DEFAULT_TAB_TITLE = 'data';\n\nconst isValidNumber = (value: any): boolean => !isNaN(Number(value)) && isFinite(Number(value));\nconst deepClone = (obj: T): T => JSON.parse(JSON.stringify(obj));\nconst generateUniqueId = (separator = ''): { uniqueStringId: string } => {\n  return { uniqueStringId: `${Date.now()}${separator}${Math.random().toString(36).substr(2, 9)}` };\n};\n\n\nexport function CustomForm() {\n  const { t } = useTranslation();\n  const dispatch = useAppDispatch();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const rowData = location.state ?? [];\n\n  const formBuilder = useAppSelector((state) => state.formBuilder);\n\n  const { control } = useForm({\n    reValidateMode: \"onBlur\",\n  });\n\n  const {\n    fields: members,\n    append,\n    remove,\n    update,\n    move,\n    insert,\n  } = useFieldArray({\n    control,\n    name: \"members\",\n  });\n\n  const {\n    fields: section,\n    append: appendSection,\n    remove: removeSection,\n    update: updateSection,\n  } = useFieldArray({\n    control,\n    name: \"section\",\n  });\n\n  const [selectedHoc, setSelectedHoc] = useState(\"\");\n  const [activeSection, setActiveSection] = useState<number>();\n  const [activeMember, setActiveMember] = useState<number>();\n\n  const [formJSON, setFormJSON] = useState<object[]>([]);\n  const [elementJSON, setElementJSON] = useState<any>(null);\n  const [positionEditedElement, setPositionEditedElement] = useState<\n    number | undefined\n  >();\n\n  const [sectionFormJSON, setSectionFormJSON] = useState<object[]>([]);\n  const [sectionJSON, setSectionJSON] = useState<any>({});\n  const [sectionPositionEditedElement, setSectionPositionEditedElement] =\n    useState<number | undefined>();\n  const [removeSectionActionPerformed, setRemoveSectionActionPerformed] =\n    useState(false);\n  const [removeSectionMembersPerformed, setRemoveSectionMembersPerformed] =\n    useState(false);\n  const [removeSectionPosition, setRemoveSectionPosition] = useState<\n    number | undefined\n  >();\n  const [initialLoading, setInitialLoading] = useState(true);\n  const [tabsData, setTabsData] = useState<any[]>([]);\n  const [activeTabValue, setActiveTabValue] = useState<number | undefined>(0);\n\n  const [elementSwap, setElementSwap] = useState(false);\n  const [modifyAccordion, setModifyAccordion] = useState(false);\n  const [toast, setToast] = useState<IToast | null>(null);\n  const [previewFieldsData, setPreviewFields] = useState<any>(null);\n  const [_, setFormParserMethods] = useState<any>();\n\n  let elementPerColumn: any;\n\n  const currentModule = location.pathname.split('/')[2]\n\n  const path = generateModulePath(currentModule)\n\n  useFormDataEffect(\n    formBuilder,\n    tabsData,\n    activeTabValue,\n    {\n      removeSection,\n      remove,\n      setTabsData,\n      append,\n      appendSection\n    }\n  );\n\n  const pickPropertyEditForm = useCallback((type: string): React.ReactElement => {\n    try {\n      if (!type || typeof type !== 'string') {\n        console.warn('Invalid field type provided to pickPropertyEditForm');\n        return <div className=\"text-gray-500 p-4\">Select a field to edit</div>;\n      }\n\n      const normalizedType = type.toLowerCase().trim();\n\n      // Define form type groups for better maintainability\n      const formGroups = {\n        text: [\n          'text', 'number', 'email', 'phone', 'date', 'time',\n          'url', 'currency', 'file', 'geolocation', 'image',\n          'relation', 'info', 'tagsinput'\n        ],\n        select: ['select'],\n        section: ['section'],\n        checkbox: ['checkbox', 'togglebutton', 'radiobutton'],\n        table: ['table']\n      };\n\n      // Common props for reusability\n      const commonTextProps = {\n        element: elementJSON,\n        handlePropertyValueUpdate,\n        handleWidthChange,\n        handleColumnSelect,\n        fields: formBuilder?.fields || []\n      };\n\n      const commonSelectProps = {\n        element: elementJSON,\n        handlePropertyValueUpdate,\n        handleSelectOptionValueUpdate,\n        handleWidthChange,\n        handleColumnSelect\n      };\n\n      // Determine form type and render appropriate component\n      if (formGroups.text.includes(normalizedType)) {\n        return (\n          <TextEditForm\n            {...commonTextProps}\n            key={`text-form-${elementJSON?.id || 'default'}`}\n          />\n        );\n      }\n\n      if (formGroups.select.includes(normalizedType)) {\n        return (\n          <SelectEditForm\n            {...commonSelectProps}\n            key={`select-form-${elementJSON?.id || 'default'}`}\n          />\n        );\n      }\n\n      if (formGroups.section.includes(normalizedType)) {\n        return (\n          <SectionEditForm\n            element={sectionJSON}\n            handlePropertyValueUpdate={handleSectionPropertyValueUpdate}\n            key={`section-form-${sectionJSON?.id || 'default'}`}\n          />\n        );\n      }\n\n      if (formGroups.checkbox.includes(normalizedType)) {\n        return (\n          <CheckboxEditForm\n            {...commonSelectProps}\n            key={`checkbox-form-${elementJSON?.id || 'default'}`}\n          />\n        );\n      }\n\n      if (formGroups.table.includes(normalizedType)) {\n        return (\n          <TableEditForm\n            element={elementJSON}\n            handlePropertyValueUpdate={handlePropertyValueUpdate}\n            handleColumnsUpdate={handleColumnsUpdate}\n            fields={formBuilder?.fields || []}\n            key={`table-form-${elementJSON?.id || 'default'}`}\n          />\n        );\n      }\n\n      // Default fallback with helpful message\n      console.warn(`Unknown field type: ${type}`);\n      return (\n        <div className=\"text-gray-500 p-4 border border-gray-200 rounded\">\n          <p className=\"font-medium\">Unknown Field Type</p>\n          <p className=\"text-sm mt-1\">\n            Field type \"{type}\" is not supported. Please select a valid field to edit.\n          </p>\n        </div>\n      );\n\n    } catch (error) {\n      console.error('Error in pickPropertyEditForm:', error);\n      return (\n        <div className=\"text-red-500 p-4 border border-red-200 rounded bg-red-50\">\n          <p className=\"font-medium\">Error Loading Form</p>\n          <p className=\"text-sm mt-1\">\n            There was an error loading the property edit form. Please try again.\n          </p>\n        </div>\n      );\n    }\n  }, [elementJSON, sectionJSON, formBuilder]);\n\n  const addNewSection = useCallback((): void => {\n    try {\n      if (!element?.section) {\n        console.error('Element section template is not available');\n        return;\n      }\n\n      const { uniqueStringId: id } = generateUniqueId('-');\n      const newSection: ISectionProperty = {\n        ...deepClone(element.section),\n        id: id,\n      };\n\n      // Update switcher forms with new ID if they exist\n      if (newSection.switcher_forms) {\n        newSection.switcher_forms = newSection.switcher_forms.map(form => ({\n          ...form,\n          id: generateUniqueId('-').uniqueStringId\n        }));\n      }\n\n      const newSectionIndex = section.length;\n\n      appendSection(newSection);\n      setActiveSection(newSectionIndex);\n      setSelectedHoc('section');\n\n      const sectionData: ISectionProperty = {\n        field_type: newSection.field_type,\n        section_type: newSection.section_type,\n        switcher_forms: newSection.switcher_forms,\n        form_switcher_label: newSection.form_switcher_label,\n        form_switcher_name: newSection.form_switcher_name,\n        label: newSection.label,\n        is_accordion: newSection.is_accordion,\n        id: newSection.id ?? newSectionIndex,\n      };\n\n      setSectionJSON(sectionData);\n      setSectionPositionEditedElement(newSectionIndex);\n      pickPropertyEditForm(newSection.field_type);\n    } catch (error) {\n      console.error('Error adding new section:', error);\n    }\n  }, [element, section, appendSection, setActiveSection, setSelectedHoc, setSectionJSON, setSectionPositionEditedElement, pickPropertyEditForm]);\n\n  /**\n   * Enhanced handleAddTab with better validation and error handling\n   */\n  const handleAddTab = useCallback((): void => {\n    try {\n      const formWithMembers = deepClone(sectionFormJSON);\n\n      // Populate sections with their members\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\n        section.members = members.filter(\n          (member: IProperty) => member?.section_order === sectionIndex\n        );\n      });\n\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\n      );\n\n      const shouldRemoveTab = !tabsData?.length && hasSystemMembers;\n\n      const newTab: TabData = {\n        tab_order: tabsData.length + 1,\n        title: DEFAULT_TAB_TITLE,\n        remove_tab: shouldRemoveTab,\n        data: tabsData?.length ? [] : formWithMembers\n      };\n\n      setTabsData(prevTabs => [...prevTabs, newTab]);\n    } catch (error) {\n      console.error('Error adding new tab:', error);\n    }\n  }, [sectionFormJSON, members, tabsData, setTabsData]);\n\n  const handleEditTabTitle = useCallback((tabId: number, newTitle: string): void => {\n    try {\n      if (!isValidNumber(tabId) || !newTitle?.trim()) {\n        console.error('Invalid tab ID or title provided');\n        return;\n      }\n\n      setTabsData(prevTabs =>\n        prevTabs.map((tab: TabData) =>\n          tab.tab_order === tabId ? { ...tab, title: newTitle.trim() } : tab\n        )\n      );\n    } catch (error) {\n      console.error('Error editing tab title:', error);\n    }\n  }, [setTabsData]);\n\n  const handleRemoveTab = useCallback((id: number): void => {\n    try {\n      if (!isValidNumber(id)) {\n        console.error('Invalid tab ID provided');\n        return;\n      }\n\n      const filteredTabs = tabsData.filter((tab: TabData) => tab.tab_order !== id);\n\n      // Reorder remaining tabs\n      const reorderedTabs = filteredTabs.map((tab: TabData) => ({\n        ...tab,\n        tab_order: tab.tab_order > id ? tab.tab_order - 1 : tab.tab_order,\n      }));\n\n      setTabsData(reorderedTabs);\n      if (activeTabValue == id) {\n        setActiveTabValue(reorderedTabs?.length - 1)\n      }\n\n      if (reorderedTabs.length > 0) {\n        const activeTab = reorderedTabs.find(\n          (tab: TabData) => tab.tab_order === (activeTabValue ?? 0) + 1\n        );\n\n        if (activeTab?.data) {\n          const sections = activeTab.data.map(\n            ({ field_type, label, is_accordion, id, remove_section }) => ({\n              field_type,\n              label,\n              is_accordion,\n              id,\n              remove_section,\n            })\n          );\n\n          const membersList = activeTab.data.flatMap((section: ISectionProperty) =>\n            section.members?.map((member: IProperty) => ({ ...member })) || []\n          );\n\n          // Clear current data and add new data\n          remove();\n          removeSection();\n          membersList.forEach(member => append(member));\n          sections.forEach(section => appendSection(section));\n        }\n      } else {\n        // Clear all data if no tabs remain\n        remove();\n        removeSection();\n      }\n    } catch (error) {\n      console.error('Error removing tab:', error);\n    }\n  }, [tabsData, activeTabValue, setTabsData, remove, removeSection, append, appendSection]);\n\n  const handleElementSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\n    try {\n      const target = e.target as HTMLElement;\n      const elementPositionIndex = target.dataset.position;\n\n      if (!elementPositionIndex || !isValidNumber(elementPositionIndex)) {\n        console.error('Invalid element position index');\n        return;\n      }\n\n      const positionIndex = Number(elementPositionIndex);\n\n      if (positionIndex < 0 || positionIndex >= formJSON.length) {\n        console.error('Element position index out of bounds');\n        return;\n      }\n\n      setActiveMember(positionIndex);\n\n      const elementDetails = deepClone(formJSON[positionIndex]);\n      setPositionEditedElement(positionIndex);\n      setElementJSON(elementDetails);\n      setSelectedHoc('element');\n    } catch (error) {\n      console.error('Error selecting element:', error);\n    }\n  }, [formJSON, setActiveMember, setPositionEditedElement, setElementJSON, setSelectedHoc]);\n\n  const handleSectionSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\n    try {\n      const target = e.target as HTMLElement;\n      const sectionPositionIndex = target.dataset.position;\n\n      if (!sectionPositionIndex || !isValidNumber(sectionPositionIndex)) {\n        console.error('Invalid section position index');\n        return;\n      }\n\n      const positionIndex = Number(sectionPositionIndex);\n\n      if (positionIndex < 0 || positionIndex >= sectionFormJSON.length) {\n        console.error('Section position index out of bounds');\n        return;\n      }\n\n      setActiveSection(positionIndex);\n\n      const sectionDetails = deepClone(sectionFormJSON[positionIndex]);\n      setSectionPositionEditedElement(positionIndex);\n      setSectionJSON(sectionDetails);\n      setSelectedHoc('section');\n    } catch (error) {\n      console.error('Error selecting section:', error);\n    }\n  }, [sectionFormJSON, setActiveSection, setSectionPositionEditedElement, setSectionJSON, setSelectedHoc]);\n\n  const handleAddMember = useCallback((\n    e: React.SyntheticEvent<HTMLElement>,\n    otherProperties?: Record<string, any>\n  ): void => {\n    try {\n      const target = e.currentTarget as HTMLElement;\n      const sectionPositionIndex = target?.dataset?.position;\n\n      if (sectionPositionIndex === undefined || !isValidNumber(sectionPositionIndex)) {\n        console.error('Invalid section position index for adding member');\n        return;\n      }\n\n      const positionIndex = Number(sectionPositionIndex);\n\n      if (positionIndex < 0) {\n        console.error('Section position index cannot be negative');\n        return;\n      }\n\n      if (!element?.text) {\n        console.error('Element text template is not available');\n        return;\n      }\n\n      const newMember: IProperty = {\n        ...deepClone(element.text),\n        ...otherProperties,\n        section_order: positionIndex,\n        type: 'custom',\n        is_new: true,\n        custom_width: Math.floor(DEFAULT_GRID_COLUMNS / DEFAULT_COLUMN_WIDTH),\n        is_fullwidth: false,\n        is_system_field: Boolean(otherProperties?.is_system_field),\n        id: generateUniqueId().uniqueStringId,\n      };\n\n      setActiveSection(positionIndex);\n      append(newMember);\n\n      const elementPositionIndex = members.length;\n      setActiveMember(elementPositionIndex);\n      setSelectedHoc('element');\n      setPositionEditedElement(elementPositionIndex);\n      setElementJSON(newMember);\n      pickPropertyEditForm(newMember.field_type);\n    } catch (error) {\n      console.error('Error adding new member:', error);\n    }\n  }, [element, members, setActiveSection, append, setActiveMember, setSelectedHoc, setPositionEditedElement, setElementJSON, pickPropertyEditForm]);\n\n\n  const handleSectionPropertyValueUpdate = useCallback((\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\n    overrideValue?: any\n  ): void => {\n    try {\n      const { name, type, checked, value } = e.target;\n\n      if (!name) {\n        console.error('Property name is required for update');\n        return;\n      }\n\n      const updatedValue = overrideValue !== undefined ? overrideValue : (type === 'checkbox' ? checked : value);\n\n      // Only update if value actually changed\n      if (sectionJSON[name] !== updatedValue) {\n        setSectionJSON(prev => ({ ...prev, [name]: updatedValue }));\n      }\n    } catch (error) {\n      console.error('Error updating section property:', error);\n    }\n  }, [sectionJSON, setSectionJSON]);\n\n  const handleWidthChange = useCallback((newCustomWidth: number): void => {\n    try {\n      if (!isValidNumber(newCustomWidth) || newCustomWidth < 1 || newCustomWidth > DEFAULT_GRID_COLUMNS) {\n        console.error('Invalid width value provided');\n        return;\n      }\n\n      setElementJSON(prevData => ({\n        ...prevData,\n        custom_width: newCustomWidth,\n      }));\n    } catch (error) {\n      console.error('Error updating width:', error);\n    }\n  }, [setElementJSON]);\n\n  const handleColumnSelect = useCallback((e: React.ChangeEvent<HTMLSelectElement>): void => {\n    try {\n      const columnValue = Number(e.target.value);\n\n      if (!isValidNumber(columnValue) || columnValue <= 0) {\n        console.error('Invalid column value provided');\n        return;\n      }\n\n      const elementPerColumn = Math.floor(DEFAULT_GRID_COLUMNS / columnValue);\n\n      if (elementPerColumn <= 0) {\n        console.error('Calculated element per column is invalid');\n        return;\n      }\n\n      // Batch update all members\n      members.forEach((field: IProperty, index: number) => {\n        update(index, { ...field, custom_width: elementPerColumn });\n      });\n    } catch (error) {\n      console.error('Error updating column selection:', error);\n    }\n  }, [members, update]);\n\n  const handlePropertyValueUpdate = useCallback((\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\n    numberValue?: number,\n    val?: string,\n    fieldType?: keyof typeof FIELD_TYPES\n  ): void => {\n    try {\n      const getValue = (): any => {\n        if (fieldType) return fieldType;\n        if (val !== undefined) return val;\n        if (numberValue !== undefined) return numberValue;\n        return e?.target?.value;\n      };\n\n      const value = getValue();\n      const elementJSONCopy = deepClone(elementJSON);\n\n      if (e?.target?.name) {\n        elementJSONCopy[e.target.name] = e.target.type === 'checkbox' ? e.target.checked : value;\n      }\n      // Only update if there's an actual change\n      if (fieldType) {\n        const { uniqueStringId: uniqueId } = generateUniqueId();\n        const copyOfUpdatedElement: IProperty = {\n          ...element[fieldType],\n          section_form_id: elementJSONCopy?.section_form_id,\n          is_form_switcher_section: elementJSONCopy?.is_form_switcher_section,\n          section_order: elementJSONCopy.section_order,\n          id: uniqueId,\n          type: 'custom',\n          is_system_field: Boolean(elementJSONCopy?.is_system_field),\n          is_new: true,\n          column_width: elementJSONCopy?.column_width || 6,\n          custom_width: elementJSONCopy?.custom_width || 6\n        };\n        setElementJSON(copyOfUpdatedElement);\n      } else if (JSON.stringify(elementJSON) !== JSON.stringify(elementJSONCopy)) {\n        setElementJSON({ ...elementJSON, ...elementJSONCopy });\n      }\n    } catch (error) {\n      console.error('Error updating property value:', error);\n    }\n  }, [elementJSON, element, setElementJSON]);\n\n  const handleSelectOptionValueUpdate = useCallback((options: any[]): void => {\n    try {\n      if (!Array.isArray(options)) {\n        console.error('Options must be an array');\n        return;\n      }\n\n      const elementJSONCopy = deepClone(elementJSON);\n      elementJSONCopy.options = [...options];\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\n\n      if (JSON.stringify(elementJSON.options) !== JSON.stringify(options)) {\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\n      }\n    } catch (error) {\n      console.error('Error updating select options:', error);\n    }\n  }, [elementJSON, setElementJSON]);\n\n  const handleColumnsUpdate = useCallback((columns: MRT_ColumnDef<MRT_RowData>[]): void => {\n    try {\n      if (!Array.isArray(columns)) {\n        console.error('Columns must be an array');\n        return;\n      }\n\n      const elementJSONCopy = deepClone(elementJSON);\n      elementJSONCopy.table_columns = [...columns];\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\n\n      if (JSON.stringify(elementJSON.table_columns) !== JSON.stringify(columns)) {\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\n      }\n    } catch (error) {\n      console.error('Error updating table columns:', error);\n    }\n  }, [elementJSON, setElementJSON]);\n\n  const handleRemoveSection = useCallback((sectionIndex: number): void => {\n    try {\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\n        console.error('Invalid section index for removal');\n        return;\n      }\n\n      setRemoveSectionPosition(sectionIndex);\n      removeSection(sectionIndex);\n\n      // Remove associated members in reverse order to maintain indices\n      const membersToRemove: number[] = [];\n      members.forEach((member: IProperty, index: number) => {\n        if (member?.section_order === sectionIndex) {\n          membersToRemove.push(index);\n        }\n      });\n\n      // Remove members in reverse order to maintain correct indices\n      membersToRemove.reverse().forEach(memberIndex => {\n        remove(memberIndex);\n      });\n\n      setRemoveSectionActionPerformed(true);\n    } catch (error) {\n      console.error('Error removing section:', error);\n    }\n  }, [section, members, setRemoveSectionPosition, removeSection, remove, setRemoveSectionActionPerformed]);\n\n  const handleMakeAccordion = useCallback((sectionIndex: number): void => {\n    try {\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\n        console.error('Invalid section index for accordion conversion');\n        return;\n      }\n\n      setModifyAccordion(true);\n      setSectionPositionEditedElement(sectionIndex);\n      setActiveSection(sectionIndex);\n\n      const copyOfSection: ISectionProperty = {\n        ...deepClone(section[sectionIndex]),\n        is_accordion: true\n      };\n\n      updateSection(sectionIndex, copyOfSection);\n      setSelectedHoc('section');\n      setSectionJSON(copyOfSection);\n      pickPropertyEditForm(copyOfSection.field_type);\n    } catch (error) {\n      console.error('Error making section accordion:', error);\n    }\n  }, [section, setModifyAccordion, setSectionPositionEditedElement, setActiveSection, updateSection, setSelectedHoc, setSectionJSON, pickPropertyEditForm]);\n\n  const handleTabData = useCallback((): void => {\n    try {\n      const formWithMembers = deepClone(sectionFormJSON);\n\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\n        section.members = members.filter(\n          (member: IProperty) => member?.section_order === sectionIndex\n        );\n      });\n\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\n      );\n\n      const activeTabIndex = Number(activeTabValue);\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\n        const updatedTabsData = [...tabsData];\n        updatedTabsData[activeTabIndex] = {\n          ...updatedTabsData[activeTabIndex],\n          data: formWithMembers,\n          remove_tab: hasSystemMembers,\n        };\n        setTabsData(updatedTabsData)\n        remove();\n        removeSection();\n        setActiveMember(undefined);\n        setSelectedHoc(\"\");\n        setActiveSection(undefined);\n      }\n    } catch (error) {\n      console.error('Error updating tab data:', error);\n    }\n  }, [sectionFormJSON, members, activeTabValue, tabsData, setTabsData]);\n\n  // const handlePreview = () => {\n  //   const formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\n\n  //   formWithMembers.forEach(\n  //     (section: ISectionProperty, sectionIndex: number) => {\n  //       section.members = members.filter(\n  //         (member: any) => member?.section_order === sectionIndex,\n  //       ) as (IProperty | ISelectProperty)[];\n  //     },\n  //   );\n  //   const state = tabsData?.length\n  //     ? { tab: tabsData }\n  //     : { section: formWithMembers };\n\n  //   const FormBuilderConversion = state && formBuilderConversion(state);\n\n  //   setPreviewFields(FormBuilderConversion);\n  // };\n\n  // Option 1: Using useMemo to memoize the expensive computation\n  const formWithMembers = useMemo(() => {\n    if (!sectionFormJSON || !members) return null;\n\n    return sectionFormJSON.map((section: ISectionProperty, sectionIndex: number) => ({\n      ...section,\n      members: members.filter(\n        (member: any) => member?.section_order === sectionIndex,\n      ) as (IProperty | ISelectProperty)[]\n    }));\n  }, [sectionFormJSON, members]);\n\n  const previewState = useMemo(() => {\n    if (!formWithMembers) return null;\n\n    return tabsData?.length\n      ? { tab: tabsData }\n      : { section: formWithMembers };\n  }, [tabsData, formWithMembers]);\n\n  const previewFields = useMemo(() => {\n    if (!previewState) return null;\n    return formBuilderConversion(previewState);\n  }, [previewState]);\n\n\n  // Option 2: Optimized handlePreview function using useCallback\n  const showPreview = useCallback(() => {\n    if (previewFields) {\n      setPreviewFields(previewFields);\n    }\n  }, [previewFields, setPreviewFields]);\n  const hidePreview = useCallback(() => {\n    setPreviewFields(null);\n  }, []);\n\n  // Enhanced handleFormUpdate with proper error handling and validation\n  const handleFormUpdate = useCallback(async (): void => {\n    try {\n\n\n\n      // Early validation checks\n      if (!sectionFormJSON || !Array.isArray(sectionFormJSON)) {\n        console.warn('Invalid sectionFormJSON provided');\n        return;\n      }\n\n      if (!members || !Array.isArray(members)) {\n        console.warn('Invalid members array provided');\n        return;\n      }\n\n      if (!rowData?._id) {\n        console.warn('Missing rowData._id for form update');\n        return;\n      }\n\n      // Deep clone with proper error handling\n      let formWithMembers: IEnhancedSectionProperty[];\n\n      try {\n        formWithMembers = structuredClone(sectionFormJSON);\n      } catch (cloneError) {\n        // Fallback to JSON method if structuredClone is not available\n        formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\n      }\n\n      // Enhanced member filtering with better type safety and validation\n      formWithMembers.forEach((section: IEnhancedSectionProperty, sectionIndex: number) => {\n        // Validate section object\n        if (!section || typeof section !== 'object') {\n          console.warn(`Invalid section at index ${sectionIndex}`);\n          return;\n        }\n\n        // Filter members with proper type checking and validation\n        section.members = members.filter((member: IMember) => {\n          // Validate member object and section_order\n          return (\n            member &&\n            typeof member === 'object' &&\n            typeof member.section_order === 'number' &&\n            member.section_order === sectionIndex\n          );\n        }) as (IProperty | ISelectProperty)[];\n      });\n\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\n      );\n\n      const activeTabIndex = Number(activeTabValue);\n      let updatedTabsData = [...tabsData];\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\n        updatedTabsData = [...tabsData];\n        updatedTabsData[activeTabIndex] = {\n          ...updatedTabsData[activeTabIndex],\n          data: formWithMembers,\n          remove_tab: hasSystemMembers,\n        };\n\n        setTabsData(updatedTabsData)\n      }\n\n      // Build state object with proper validation\n      const state: IFormState = updatedTabsData?.length > 0\n        ? { tab: updatedTabsData }\n        : { section: formWithMembers };\n\n      // Validate formBuilderConversion function exists\n      if (typeof formBuilderConversion !== 'function') {\n        console.error('formBuilderConversion is not a function');\n        return;\n      }\n\n      // Execute conversion with error handling\n      let formBuilderConversionResult: any;\n      try {\n        formBuilderConversionResult = formBuilderConversion(state);\n      } catch (conversionError) {\n        console.error('Error during form builder conversion:', conversionError);\n        return;\n      }\n\n      // Validate conversion result\n      if (!formBuilderConversionResult) {\n        console.warn('Form builder conversion returned empty result');\n        return;\n      }\n\n      // Validate elementPerColumn\n      // if (typeof elementPerColumn !== 'number' || elementPerColumn <= 0) {\n\n      //   console.warn('Invalid elementPerColumn value');\n      //   return;\n      // }\n\n      // Prepare payload with validation\n      const updatePayload: IFormUpdatePayload = {\n        gridCol: elementPerColumn || 2,\n        fields: formBuilderConversionResult\n      };\n\n      // Dispatch update action\n      const updateRes = await dispatch(\n        patchFormDataById({\n          id: rowData._id,\n          data: updatePayload\n        })\n      );\n      if (updateRes.meta.requestStatus === 'rejected') {\n\n        const m = getErrorMessage(updateRes?.error?.message);\n        enqueueSnackbar(m, { variant: 'error' });\n      } else {\n        enqueueSnackbar(\"Form updated successfully\", { variant: 'success' });\n        navigate(path);\n      }\n\n    } catch (error) {\n      const m = error?.message || 'Something went wrong while updating the form';\n      enqueueSnackbar(m, { variant: 'error' });\n    }\n  }, [\n    sectionFormJSON,\n    members,\n    tabsData,\n    rowData?._id,\n    elementPerColumn,\n    dispatch,\n    formBuilderConversion\n  ]);\n\n  const handleDuplicateElement = (index: number) => {\n    const copyOfMember: any = { ...members[index], type: \"custom\" };\n    copyOfMember && insert(index + 1, copyOfMember);\n    setActiveMember(index + 1);\n    setSelectedHoc(\"element\");\n    setPositionEditedElement(index + 1);\n    setElementJSON(copyOfMember);\n    pickPropertyEditForm(copyOfMember.field_type);\n  };\n\n  const breadCrumbPath = [\n    {\n      link: path,\n      label: \"Forms\",\n    },\n    {\n      link: \"\",\n      label: formatLabel(rowData?.name),\n    },\n    {\n      link: \"\",\n      label: \"Edit Form\",\n    },\n  ];\n\n\n  useEffect(() => {\n    if (removeSectionActionPerformed) {\n      members.forEach((member: any, index: number) => {\n        if (\n          removeSectionPosition !== undefined &&\n          Boolean(removeSectionPosition?.toString) &&\n          member.section_order > removeSectionPosition\n        ) {\n          update(index, { ...member, section_order: member.section_order - 1 });\n        }\n      });\n      setRemoveSectionActionPerformed(false);\n      setRemoveSectionMembersPerformed(true);\n      setRemoveSectionPosition(undefined);\n      setSelectedHoc(\"\");\n    }\n\n    // eslint-disable-next-line\n  }, [removeSectionActionPerformed]);\n\n  useEffect(() => {\n    formBuilder.isSuccess && navigate(path);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [formBuilder.isSuccess]);\n\n  useEffect(() => {\n    if (formBuilder.isError) {\n      setToast({\n        type: 'alert',\n        message: formBuilder.error\n      });\n    }\n  }, [formBuilder.error, formBuilder.isError]);\n\n  useEffect(() => {\n    if (\n      typeof positionEditedElement !== \"number\" ||\n      typeof positionEditedElement !== \"string\"\n    ) {\n      const index = Number(positionEditedElement);\n      if (formJSON[index]) {\n        const copyOfUpdatedFormJson = JSON.parse(\n          JSON.stringify(formJSON[index]),\n        );\n        update(index, { ...copyOfUpdatedFormJson });\n      }\n    }\n    // eslint-disable-next-line\n  }, [formJSON]);\n\n  useEffect(() => {\n    const updatedFormJSON = formJSON.map((obj: any, index: number) => {\n      if (index === Number(positionEditedElement)) {\n        return { ...elementJSON };\n      } else {\n        return { ...obj };\n      }\n    });\n    setFormJSON(updatedFormJSON);\n\n    // eslint-disable-next-line\n  }, [elementJSON]);\n\n  useEffect(() => {\n    if (members.length !== formJSON.length) {\n      setFormJSON(JSON.parse(JSON.stringify(members)));\n    }\n    if (\n      Boolean(elementSwap) &&\n      JSON.stringify(members) !== JSON.stringify(formJSON)\n    ) {\n      setFormJSON(JSON.parse(JSON.stringify(members)));\n      setElementSwap(false);\n      const newMember: any =\n        positionEditedElement && members[positionEditedElement];\n      newMember && setSelectedHoc(\"element\");\n      newMember && setElementJSON(newMember);\n      newMember && pickPropertyEditForm(newMember.field_type);\n    }\n    if (\n      removeSectionMembersPerformed &&\n      JSON.stringify(members) !== JSON.stringify(formJSON)\n    ) {\n      setFormJSON(JSON.parse(JSON.stringify(members)));\n      setRemoveSectionMembersPerformed(false);\n    }\n    // eslint-disable-next-line\n  }, [members, elementSwap]);\n\n  useEffect(() => {\n    if (\n      typeof sectionPositionEditedElement !== \"number\" ||\n      typeof sectionPositionEditedElement !== \"string\"\n    ) {\n      const index = Number(sectionPositionEditedElement);\n      if (sectionFormJSON[index]) {\n        const copyOfUpdatedFormJson = JSON.parse(\n          JSON.stringify(sectionFormJSON[index]),\n        );\n        updateSection(index, { ...copyOfUpdatedFormJson });\n      }\n    }\n    // eslint-disable-next-line\n  }, [sectionFormJSON]);\n\n  useEffect(() => {\n    const updatedFormJSON = sectionFormJSON.map((obj: any, index: number) => {\n      if (index === Number(sectionPositionEditedElement)) {\n        return { ...obj, ...sectionJSON };\n      } else {\n        return { ...obj };\n      }\n    });\n    setSectionFormJSON(updatedFormJSON);\n    // eslint-disable-next-line\n  }, [sectionJSON]);\n\n  useEffect(() => {\n    if (section.length !== sectionFormJSON.length) {\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\n    }\n    if (\n      JSON.stringify(sectionFormJSON) !== JSON.stringify(section) &&\n      modifyAccordion\n    ) {\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\n      setModifyAccordion(false);\n    }\n    // eslint-disable-next-line\n  }, [section]);\n\n  useEffect(() => {\n    () => setInitialLoading(true);\n  }, [])\n\n  const handleFormData = useCallback(async () => {\n    setInitialLoading(true)\n    try {\n      if (rowData?._id) {\n        setTabsData([])\n        await dispatch(getFormDataById(rowData?._id));\n        await dispatch(getFieldsByFormId({ id: rowData?._id }));\n\n      }\n    } finally {\n      setInitialLoading(false);\n    }\n\n  }, [rowData?._id])\n\n  useEffect(() => {\n    handleFormData();\n  }, [handleFormData]);\n\n  type SelectedHoc = \"element\" | \"section\" | null;\n\n  // Constants\n  const DEFAULT_FIELD_TYPE = \"text\";\n  const HOC_TYPES = {\n    ELEMENT: \"element\",\n    SECTION: \"section\"\n  } as const;\n\n  // Helper function to check if object has meaningful content\n  const hasValidContent = (obj: Record<string, any>): boolean => {\n    return obj && Object.keys(obj).length > 0;\n  };\n\n  const EmptyStateMessage = () => (\n    <Typography type=\"s5\" color={\"theme.secondary.800\"} className=\"formSection--Text\">Select a field to edit its properties.</Typography>\n  )\n\n  // Helper function to get field type with fallback\n  const getFieldTypeWithFallback = (\n    json: ElementJSON | SectionJSON | null | undefined,\n    fallback: string = DEFAULT_FIELD_TYPE\n  ): string => {\n    return json?.field_type || fallback;\n  };\n\n  const memoizedForm = useMemo(() => {\n    // Early return for empty state\n    if (!selectedHoc) {\n\n      return <EmptyStateMessage />;\n    }\n\n    // Handle element selection\n    if (selectedHoc === HOC_TYPES.ELEMENT) {\n      if (!hasValidContent(members)) {\n        console.warn('Element selected but no members data available');\n        return <EmptyStateMessage />;\n      }\n\n      const fieldType = getFieldTypeWithFallback(elementJSON);\n      return pickPropertyEditForm(fieldType);\n    }\n\n    // Handle section selection\n    if (selectedHoc === HOC_TYPES.SECTION) {\n      if (!hasValidContent(section)) {\n        console.warn('Section selected but no section data available');\n        return <EmptyStateMessage />;\n      }\n\n      const fieldType = getFieldTypeWithFallback(sectionJSON);\n      return pickPropertyEditForm(fieldType);\n    }\n\n    // Fallback for unknown selection type\n    console.warn(`Unknown selectedHoc type: ${selectedHoc}`);\n    return <EmptyStateMessage />;\n  }, [\n    // Core dependencies\n    selectedHoc,\n\n    // Data dependencies\n    Object.keys(members).length,\n    Object.keys(section).length,\n\n    // JSON dependencies with deep comparison consideration\n    elementJSON?.field_type,\n    elementJSON?.field_properties,\n    sectionJSON?.field_type,\n    sectionJSON?.field_properties,\n\n    // Function dependency\n    pickPropertyEditForm\n  ]);\n\n  return (\n    //   <FullScreenLayout className=\"formSection--Layout\">\n    <Box position='relative'>\n      {initialLoading ? <ErpLoader /> :\n        <DndProvider backend={HTML5Backend}>\n          <FormHeader breadCrumbPath={breadCrumbPath}>\n            <div className=\"formSection--Buttons\">\n              <Button\n                variant=\"outlined\"\n                className=\"formSection--PreviewButton\"\n                text=\"Preview\"\n                onClick={() => { !previewFieldsData ? showPreview() : hidePreview() }}\n                disable={!members?.length}\n                startIcon={previewFieldsData ? <EyeOff /> : <Eye />}\n              />\n              <Button\n                variant=\"contained\"\n                type=\"submit\"\n                text=\"Update\"\n                onClick={handleFormUpdate}\n                disable={previewFieldsData}\n              />\n            </div>\n          </FormHeader>\n          {!previewFieldsData ?\n            <Grid className=\"formSection--Grid\" container>\n              <Grid\n                item\n                xs={9}\n                component=\"form\"\n                sx={{\n                  position: \"relative\",\n                  background: \"#F5F6F5\",\n                  padding: \"0.75rem\",\n                }}\n              >\n                <Grid className=\"formSection--GridContainer\">\n                  <Box className=\"formSection--Tab\">\n                    {tabsData && (\n                      <TabBar\n                        tabs={tabsData}\n                        onEditTabTitle={handleEditTabTitle}\n                        activeValue={activeTabValue}\n                        setActiveValue={setActiveTabValue}\n                        handleTabChange={() => {\n                          handleTabData()\n                        }}\n                        handleRemoveTab={handleRemoveTab}\n                        containerProps={{ mb: 0 }}\n                      />\n                    )}\n                    <Button\n                      variant=\"outlined\"\n                      text=\"Add Tab\"\n                      onClick={handleAddTab}\n                      style={{ color: \"#292D32\", margin: \"0.5rem\" }}\n                    />\n                  </Box>\n                  <div className=\"formSection--Form\">\n                    {section?.map((item: any, i: number) => {\n                      const sectionMembers = members.filter(\n                        (member: any) => member.section_order === i,\n                      );\n                      const isFormSwitcher = item.section_type === SECTION_TYPES.FORM_SWITCH_SECTION\n                      const switchForms = item?.switcher_forms?.map((form: any) => ({\n                        ...form,\n                        formMembers: members.filter(\n                          (member: any) => member.section_form_id === form.id,\n                        )\n                      }))\n\n                      return (\n                        <DynamicSectionHOC\n                          index={i}\n                          label={t(item.label)}\n                          onClick={handleSectionSelection}\n                          position={i}\n                          fieldArrayName=\"section\"\n                          isFormSwitcher={isFormSwitcher}\n                          activeIndex={activeSection === i}\n                          removeSection={() => handleRemoveSection(i)}\n                          handleAccordion={() => handleMakeAccordion(i)}\n                          handleAddButton={(e) => handleAddMember(e)}\n                          remove_section={item.remove_section}\n                        >\n                          {isFormSwitcher ? (\n                            <div style={{ width: '100%' }} >\n                              <Typography type=\"s5\" style={{ fontWeight: 500 }} color={\"theme.secondary.800\"}>\n                                {item.form_switcher_label}\n                              </Typography>\n                              <RadioGroup\n                                aria-labelledby=\"theme-radio-buttons-group-label\"\n                                name={item.form_switcher_name || item.form_switcher_label}\n                              >\n\n                                {switchForms?.map(({ name, id, formMembers }: { name: string, id: number, formMembers: any }) => (\n                                  <>\n                                    <div>\n                                      <FormControlLabel\n                                        key={id}\n                                        value={name}\n                                        control={<Radio />}\n                                        label={t(name)}\n                                        disabled\n                                      />\n                                    </div>\n\n                                    <Grid container sx={{ mb: 3 }}>\n                                      <FormFields\n                                        sectionMembers={formMembers || []}\n                                        members={members}\n                                        activeMember={activeMember}\n                                        control={control}\n                                        t={t}\n                                        element={element}\n                                        images={images}\n                                        elementJSON={elementJSON}\n                                        remove={remove}\n                                        move={move}\n                                        handleElementSelection={handleElementSelection}\n                                        setElementSwap={setElementSwap}\n                                        handleDuplicateElement={handleDuplicateElement}\n                                        setSelectedHoc={setSelectedHoc}\n                                        setActiveMember={setActiveMember}\n                                      />\n                                    </Grid>\n                                    <Button\n                                      text=\"Add\"\n                                      variant=\"outlined\"\n                                      className=\"formSection--PreviewButton\"\n                                      data-position={i}\n                                      onClick={(e) => handleAddMember(e, {\n                                        section_form_id: id,\n                                        is_form_switcher_section: true\n                                      })}\n                                      startIcon={<Add />}\n                                    />\n                                  </>\n                                ))}\n                              </RadioGroup>\n                            </div>\n                          ) : null}\n                          {!isFormSwitcher &&\n                            <FormFields\n                              sectionMembers={sectionMembers || []}\n                              members={members}\n                              activeMember={activeMember}\n                              control={control}\n                              t={t}\n                              element={element}\n                              images={images}\n                              elementJSON={elementJSON}\n                              remove={remove}\n                              move={move}\n                              handleElementSelection={handleElementSelection}\n                              setElementSwap={setElementSwap}\n                              handleDuplicateElement={handleDuplicateElement}\n                              setSelectedHoc={setSelectedHoc}\n                              setActiveMember={setActiveMember}\n                            />\n                          }\n                        </DynamicSectionHOC>\n                      );\n                    })}\n                    <div className=\"formSection--Section\">\n                      <Button\n                        text=\"Add a section\"\n                        variant=\"outlined\"\n                        className=\"formSection--PreviewButton\"\n                        onClick={addNewSection}\n                        startIcon={<Add />}\n                      />\n                    </div>\n                  </div>\n                </Grid>\n\n              </Grid>\n              <Grid\n                item\n                xs={3}\n                className={\n                  Boolean(selectedHoc) && (members?.length || section.length)\n                    ? \"formSection--RightGrid\"\n                    : \"formSection--RightGrid formSection--Text\"\n                }\n              >\n                {memoizedForm}\n              </Grid>\n            </Grid>\n            :\n            <FormParser\n              data={previewFieldsData || []}\n              handleFormSubmit={(data) => console.log(\"Preview Data\", data)}\n              className='form-container'\n              fieldArrayName='form-builder-preview'\n              getFormMethods={(methods: any) =>\n                setFormParserMethods({ ...methods })\n              }\n            />\n          }\n          <Toast\n            open={Boolean(toast)}\n            type={toast?.type}\n            message={toast?.message}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n          />\n        </DndProvider>}\n    </Box>\n    //    </FullScreenLayout>\n  );\n}\n\nexport default CustomForm;\n"],"names":["isValidNumber","value","isNaN","Number","isFinite","deepClone","obj","JSON","parse","stringify","generateUniqueId","separator","uniqueStringId","Date","now","Math","random","toString","substr","CustomForm","t","useTranslation","dispatch","useAppDispatch","navigate","useNavigate","location","useLocation","rowData","state","formBuilder","useAppSelector","control","useForm","reValidateMode","fields","members","append","remove","update","move","insert","useFieldArray","name","section","appendSection","removeSection","updateSection","selectedHoc","setSelectedHoc","useState","activeSection","setActiveSection","activeMember","setActiveMember","formJSON","setFormJSON","elementJSON","setElementJSON","positionEditedElement","setPositionEditedElement","sectionFormJSON","setSectionFormJSON","sectionJSON","setSectionJSON","sectionPositionEditedElement","setSectionPositionEditedElement","removeSectionActionPerformed","setRemoveSectionActionPerformed","removeSectionMembersPerformed","setRemoveSectionMembersPerformed","removeSectionPosition","setRemoveSectionPosition","initialLoading","setInitialLoading","tabsData","setTabsData","activeTabValue","setActiveTabValue","elementSwap","setElementSwap","modifyAccordion","setModifyAccordion","toast","setToast","previewFieldsData","setPreviewFields","_","setFormParserMethods","currentModule","pathname","split","path","generateModulePath","useFormDataEffect","pickPropertyEditForm","useCallback","type","jsx","className","children","normalizedType","toLowerCase","trim","formGroups","text","select","checkbox","table","commonTextProps","element","handlePropertyValueUpdate","handleWidthChange","handleColumnSelect","commonSelectProps","handleSelectOptionValueUpdate","includes","createElement","TextEditForm","key","id","SelectEditForm","SectionEditForm","handleSectionPropertyValueUpdate","CheckboxEditForm","TableEditForm","handleColumnsUpdate","jsxs","error","addNewSection","newSection","switcher_forms","map","form","newSectionIndex","length","sectionData","field_type","section_type","form_switcher_label","form_switcher_name","label","is_accordion","handleAddTab","formWithMembers","forEach","sectionIndex","filter","member","section_order","hasSystemMembers","some","Boolean","is_system_field","shouldRemoveTab","newTab","tab_order","title","remove_tab","data","prevTabs","handleEditTabTitle","tabId","newTitle","tab","handleRemoveTab","reorderedTabs","activeTab","find","sections","remove_section","membersList","flatMap","handleElementSelection","e","elementPositionIndex","target","dataset","position","positionIndex","elementDetails","handleSectionSelection","sectionPositionIndex","sectionDetails","handleAddMember","otherProperties","currentTarget","_a","newMember","is_new","custom_width","floor","DEFAULT_GRID_COLUMNS","is_fullwidth","overrideValue","checked","updatedValue","prev","newCustomWidth","prevData","columnValue","elementPerColumn","field","index","numberValue","val","fieldType","getValue","elementJSONCopy","uniqueId","copyOfUpdatedElement","section_form_id","is_form_switcher_section","column_width","options","Array","isArray","columns","table_columns","handleRemoveSection","membersToRemove","push","reverse","memberIndex","handleMakeAccordion","copyOfSection","handleTabData","activeTabIndex","updatedTabsData","useMemo","previewState","previewFields","formBuilderConversion","showPreview","hidePreview","handleFormUpdate","async","_id","structuredClone","cloneError","formBuilderConversionResult","conversionError","updatePayload","gridCol","updateRes","patchFormDataById","meta","requestStatus","m","getErrorMessage","message","enqueueSnackbar","variant","handleDuplicateElement","copyOfMember","breadCrumbPath","link","formatLabel","useEffect","isSuccess","isError","copyOfUpdatedFormJson","updatedFormJSON","handleFormData","getFormDataById","getFieldsByFormId","hasValidContent","Object","keys","EmptyStateMessage","Typography","color","getFieldTypeWithFallback","json","fallback","memoizedForm","field_properties","Box","ErpLoader","DndProvider","backend","HTML5Backend","FormHeader","Button","onClick","disable","startIcon","EyeOff","Eye","FormParser","handleFormSubmit","fieldArrayName","getFormMethods","methods","Grid","container","item","xs","component","sx","background","padding","TabBar","tabs","onEditTabTitle","activeValue","setActiveValue","handleTabChange","containerProps","mb","style","margin","i","sectionMembers","isFormSwitcher","SECTION_TYPES","FORM_SWITCH_SECTION","switchForms","formMembers","DynamicSectionHOC","activeIndex","handleAccordion","handleAddButton","width","fontWeight","RadioGroup","Fragment","FormControlLabel","Radio","disabled","FormFields","images","Add","Toast","open","handleClose","anchorOrigin","horizontal","vertical"],"mappings":"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"}
+{"version":3,"file":"index.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":["isValidNumber","value","isNaN","Number","isFinite","deepClone","obj","JSON","parse","stringify","generateUniqueId","separator","uniqueStringId","Date","now","Math","random","toString","substr","CustomForm","t","useTranslation","dispatch","useAppDispatch","navigate","useNavigate","location","useLocation","rowData","state","formBuilder","useAppSelector","control","useForm","reValidateMode","fields","members","append","remove","update","move","insert","useFieldArray","name","section","appendSection","removeSection","updateSection","selectedHoc","setSelectedHoc","useState","activeSection","setActiveSection","activeMember","setActiveMember","formJSON","setFormJSON","elementJSON","setElementJSON","positionEditedElement","setPositionEditedElement","sectionFormJSON","setSectionFormJSON","sectionJSON","setSectionJSON","sectionPositionEditedElement","setSectionPositionEditedElement","removeSectionActionPerformed","setRemoveSectionActionPerformed","removeSectionMembersPerformed","setRemoveSectionMembersPerformed","removeSectionPosition","setRemoveSectionPosition","initialLoading","setInitialLoading","tabsData","setTabsData","activeTabValue","setActiveTabValue","elementSwap","setElementSwap","modifyAccordion","setModifyAccordion","toast","setToast","previewFieldsData","setPreviewFields","_","setFormParserMethods","currentModule","pathname","split","path","generateModulePath","useFormDataEffect","pickPropertyEditForm","useCallback","type","jsx","className","children","normalizedType","toLowerCase","trim","formGroups","text","select","checkbox","table","commonTextProps","element","handlePropertyValueUpdate","handleWidthChange","handleColumnSelect","commonSelectProps","handleSelectOptionValueUpdate","includes","createElement","TextEditForm","key","id","SelectEditForm","SectionEditForm","handleSectionPropertyValueUpdate","CheckboxEditForm","TableEditForm","handleColumnsUpdate","jsxs","error","addNewSection","newSection","switcher_forms","map","form","newSectionIndex","length","sectionData","field_type","section_type","form_switcher_label","form_switcher_name","label","is_accordion","handleAddTab","formWithMembers","forEach","sectionIndex","filter","member","section_order","hasSystemMembers","some","Boolean","is_system_field","shouldRemoveTab","newTab","tab_order","title","remove_tab","data","prevTabs","handleEditTabTitle","tabId","newTitle","tab","handleRemoveTab","reorderedTabs","activeTab","find","sections","remove_section","membersList","flatMap","handleElementSelection","e","elementPositionIndex","target","dataset","position","positionIndex","elementDetails","handleSectionSelection","sectionPositionIndex","sectionDetails","handleAddMember","otherProperties","currentTarget","_a","newMember","is_new","custom_width","floor","DEFAULT_GRID_COLUMNS","is_fullwidth","overrideValue","checked","updatedValue","prev","newCustomWidth","prevData","columnValue","elementPerColumn","field","index","numberValue","val","fieldType","getValue","elementJSONCopy","uniqueId","copyOfUpdatedElement","section_form_id","is_form_switcher_section","column_width","options","Array","isArray","columns","table_columns","handleRemoveSection","membersToRemove","push","reverse","memberIndex","handleMakeAccordion","copyOfSection","handleTabData","activeTabIndex","updatedTabsData","useMemo","previewState","previewFields","formBuilderConversion","showPreview","hidePreview","handleFormUpdate","async","_id","structuredClone","cloneError","formBuilderConversionResult","conversionError","updatePayload","gridCol","updateRes","patchFormDataById","meta","requestStatus","m","getErrorMessage","message","enqueueSnackbar","variant","handleDuplicateElement","copyOfMember","breadCrumbPath","link","formatLabel","useEffect","isSuccess","isError","copyOfUpdatedFormJson","updatedFormJSON","handleFormData","getFormDataById","getFieldsByFormId","hasValidContent","Object","keys","EmptyStateMessage","Typography","color","getFieldTypeWithFallback","json","fallback","memoizedForm","field_properties","Box","ErpLoader","DndProvider","backend","HTML5Backend","FormHeader","Button","onClick","disable","startIcon","EyeOff","Eye","FormParser","handleFormSubmit","fieldArrayName","getFormMethods","methods","Grid","container","item","xs","component","sx","background","padding","TabBar","tabs","onEditTabTitle","activeValue","setActiveValue","handleTabChange","containerProps","mb","style","margin","i","sectionMembers","isFormSwitcher","SECTION_TYPES","FORM_SWITCH_SECTION","switchForms","formMembers","DynamicSectionHOC","activeIndex","handleAccordion","handleAddButton","width","fontWeight","RadioGroup","Fragment","FormControlLabel","Radio","disabled","FormFields","images","Add","Toast","open","handleClose","anchorOrigin","horizontal","vertical"],"mappings":"gpEAuFA,MAIMA,EAAiBC,IAAyBC,MAAMC,OAAOF,KAAWG,SAASD,OAAOF,IAClFI,EAAaC,GAAcC,KAAKC,MAAMD,KAAKE,UAAUH,IACrDI,EAAmB,CAACC,EAAY,MAC7B,CAAEC,eAAgB,GAAGC,KAAKC,QAAQH,IAAYI,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,OAIrF,SAASC,IACd,MAAMC,EAAEA,GAAMC,mBACRC,EAAWC,EAAAA,iBACXC,EAAWC,EAAAA,cACXC,EAAWC,EAAAA,cACXC,EAAUF,EAASG,OAAS,GAE5BC,EAAcC,EAAAA,eAAgBF,GAAUA,EAAMC,cAE9CE,QAAEA,GAAYC,UAAQ,CAC1BC,eAAgB,YAIhBC,OAAQC,EAAAC,OACRA,EAAAC,OACAA,EAAAC,OACAA,EAAAC,KACAA,EAAAC,OACAA,IACEC,gBAAc,CAChBV,UACAW,KAAM,aAINR,OAAQS,GACRP,OAAQQ,GACRP,OAAQQ,GACRP,OAAQQ,IACNL,gBAAc,CAChBV,UACAW,KAAM,aAGDK,GAAaC,IAAkBC,EAAAA,SAAS,KACxCC,GAAeC,IAAoBF,cACnCG,GAAcC,IAAmBJ,cAEjCK,GAAUC,IAAeN,EAAAA,SAAmB,KAC5CO,GAAaC,IAAkBR,EAAAA,SAAc,OAC7CS,GAAuBC,IAA4BV,cAInDW,GAAiBC,IAAsBZ,EAAAA,SAAmB,KAC1Da,GAAaC,IAAkBd,EAAAA,SAAc,CAAA,IAC7Ce,GAA8BC,IACnChB,cACKiB,GAA8BC,IACnClB,EAAAA,UAAS,IACJmB,GAA+BC,IACpCpB,EAAAA,UAAS,IACJqB,GAAuBC,IAA4BtB,cAGnDuB,GAAgBC,IAAqBxB,EAAAA,UAAS,IAC9CyB,GAAUC,IAAe1B,EAAAA,SAAgB,KACzC2B,GAAgBC,IAAqB5B,EAAAA,SAA6B,IAElE6B,GAAaC,IAAkB9B,EAAAA,UAAS,IACxC+B,GAAiBC,IAAsBhC,EAAAA,UAAS,IAChDiC,GAAOC,IAAYlC,EAAAA,SAAwB,OAC3CmC,GAAmBC,IAAoBpC,EAAAA,SAAc,OACrDqC,GAAGC,IAAwBtC,aAI5BuC,GAAgB/D,EAASgE,SAASC,MAAM,KAAK,GAE7CC,GAAOC,EAAAA,mBAAmBJ,IAEhCK,EAAAA,kBACEhE,EACA6C,GACAE,GACA,CACE/B,iBACAR,SACAsC,eACAvC,SACAQ,mBAIJ,MAAMkD,GAAuBC,cAAaC,IACxC,IACE,IAAKA,GAAwB,iBAATA;AAElB,OAAOC,EAAAA,IAAC,MAAA,CAAIC,UAAU,oBAAoBC,SAAA,2BAG5C,MAAMC,EAAiBJ,EAAKK,cAAcC,OAGpCC,EAAa,CACjBC,KAAM,CACJ,OAAQ,SAAU,QAAS,QAAS,OAAQ,OAC5C,MAAO,WAAY,OAAQ,cAAe,QAC1C,WAAY,OAAQ,aAEtBC,OAAQ,CAAC,UACT9D,QAAS,CAAC,WACV+D,SAAU,CAAC,WAAY,eAAgB,eACvCC,MAAO,CAAC,UAIJC,EAAkB,CACtBC,QAASrD,GACTsD,6BACAC,qBACAC,sBACA9E,QAAQ,MAAAL,OAAA,EAAAA,EAAaK,SAAU,IAG3B+E,EAAoB,CACxBJ,QAASrD,GACTsD,6BACAI,iCACAH,qBACAC,uBAIF,OAAIT,EAAWC,KAAKW,SAASf,kBAEzBgB,EAAAA,cAACC,EAAAA,aAAA,IACKT,EACJU,IAAK,cAAa,MAAA9D,QAAA,EAAAA,GAAa+D,KAAM,cAKvChB,EAAWE,OAAOU,SAASf,kBAE3BgB,EAAAA,cAACI,EAAAA,eAAA,IACKP,EACJK,IAAK,gBAAe,MAAA9D,QAAA,EAAAA,GAAa+D,KAAM,cAKzChB,EAAW5D,QAAQwE,SAASf,kBAE5BH,EAAAA,IAACwB,EAAAA,gBAAA,CACCZ,QAAS/C,GACTgD,0BAA2BY,IACtB,iBAAgB,MAAA5D,QAAA,EAAAA,GAAayD,KAAM,aAK1ChB,EAAWG,SAASS,SAASf,kBAE7BgB,EAAAA,cAACO,EAAAA,iBAAA,IACKV,EACJK,IAAK,kBAAiB,MAAA9D,QAAA,EAAAA,GAAa+D,KAAM,cAK3ChB,EAAWI,MAAMQ,SAASf,kBAE1BH,EAAAA,IAAC2B,EAAAA,QAAA,CACCf,QAASrD,GACTsD,6BACAe,uBACA3F,QAAQ,MAAAL,OAAA,EAAAA,EAAaK,SAAU,IAC1B,eAAc,MAAAsB,QAAA,EAAAA,GAAa+D,KAAM,8BAQ1CO,KAAC,MAAA,CAAI5B,UAAU,mDACbC,SAAA;eAAAF,EAAAA,IAAC,IAAA,CAAEC,UAAU,cAAcC,SAAA;iBAC3B2B,KAAC,IAAA,CAAE5B,UAAU,eAAeC,SAAA,CAAA,eACbH,EAAK,gEAK1B,OAAS+B;AAEP,SACED,KAAC,MAAA,CAAI5B,UAAU,2DACbC,SAAA;eAAAF,EAAAA,IAAC,IAAA,CAAEC,UAAU,cAAcC,SAAA;eAC3BF,EAAAA,IAAC,IAAA,CAAEC,UAAU,eAAeC,SAAA,2EAKlC,GACC,CAAC3C,GAAaM,GAAajC,IAExBmG,GAAgBjC,EAAAA,YAAY,WAChC,IACE,KAAKc,OAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAASlE,SAEZ,OAGF,MAAQhC,eAAgB4G,GAAO9G,EAAiB,KAC1CwH,EAA+B,IAChC7H,EAAUyG,EAAAA,QAAQlE,SACrB4E,MAIEU,EAAWC,iBACbD,EAAWC,eAAiBD,EAAWC,eAAeC,IAAIC,IAAA,IACrDA,EACHb,GAAI9G,EAAiB,KAAKE,mBAI9B,MAAM0H,EAAkB1F,GAAQ2F,OAEhC1F,GAAcqF,GACd9E,GAAiBkF,GACjBrF,GAAe,WAEf,MAAMuF,EAAgC,CACpCC,WAAYP,EAAWO,WACvBC,aAAcR,EAAWQ,aACzBP,eAAgBD,EAAWC,eAC3BQ,oBAAqBT,EAAWS,oBAChCC,mBAAoBV,EAAWU,mBAC/BC,MAAOX,EAAWW,MAClBC,aAAcZ,EAAWY,aACzBtB,GAAIU,EAAWV,IAAMc,GAGvBtE,GAAewE,GACftE,GAAgCoE,GAChCvC,GAAqBmC,EAAWO,WAClC,OAAST,GAET,GACC,CAAClB,UAASlE,GAASC,GAAeO,GAAkBH,GAAgBe,GAAgBE,GAAiC6B,KAKlHgD,GAAe/C,EAAAA,YAAY,KAC/B,IACE,MAAMgD,EAAkB3I,EAAUwD,IAGlCmF,EAAgBC,QAAQ,CAACrG,EAA2BsG,KAClDtG,EAAQR,QAAUA,EAAQ+G,OACvBC,IAAsB,MAAAA,OAAA,EAAAA,EAAQC,iBAAkBH,KAIrD,MAAMI,EAAmBN,EAAgBO,KAAM3G,UAC7CA,OAAAA,OAAAA,EAAAA,EAAQR,cAARQ,EAAAA,EAAiB2G,KAAMH,GAAsBI,cAAQJ,WAAQK,oBAGzDC,IAAmB,MAAA/E,QAAA,EAAAA,GAAU4D,SAAUe,EAEvCK,EAAkB,CACtBC,UAAWjF,GAAS4D,OAAS,EAC7BsB,MAnRkB,OAoRlBC,WAAYJ,EACZK,MAAM,MAAApF,QAAA,EAAAA,GAAU4D,QAAS,GAAKS,GAGhCpE,GAAYoF,GAAY,IAAIA,EAAUL,GACxC,OAAS3B,GAET,GACC,CAACnE,GAAiBzB,EAASuC,GAAUC,KAElCqF,GAAqBjE,EAAAA,YAAY,CAACkE,EAAeC,KACrD,IACE,IAAKnK,EAAckK,YAAWC,WAAU5D,QAEtC,OAGF3B,MACEoF,EAAS5B,IAAKgC,GACZA,EAAIR,YAAcM,EAAQ,IAAKE,EAAKP,MAAOM,EAAS5D,QAAW6D,GAGrE,OAASpC,GAET,GACC,CAACpD,KAEEyF,GAAkBrE,cAAawB,IACnC,IACE,IAAKxH,EAAcwH,GAEjB,OAGF,MAGM8C,EAHe3F,GAASwE,OAAQiB,GAAiBA,EAAIR,YAAcpC,GAGtCY,IAAKgC,IAAA,IACnCA,EACHR,UAAWQ,EAAIR,UAAYpC,EAAK4C,EAAIR,UAAY,EAAIQ,EAAIR,aAQ1D,GALAhF,GAAY0F,GACRzF,IAAkB2C,GACpB1C,IAAkB,MAAAwF,OAAA,EAAAA,EAAe/B,QAAS,GAGxC+B,EAAc/B,OAAS,EAAG,CAC5B,MAAMgC,EAAYD,EAAcE,KAC7BJ,GAAiBA,EAAIR,aAAe/E,IAAkB,GAAK,GAG9D,SAAI0F,WAAWR,KAAM,CACnB,MAAMU,EAAWF,EAAUR,KAAK3B,IAC9B,EAAGK,aAAYI,QAAOC,eAActB,GAAAA,EAAIkD,sBACtCjC,aACAI,QACAC,eACAtB,GAAAA,EACAkD,oBAIEC,EAAcJ,EAAUR,KAAKa,QAAShI,UAC1CA,OAAAA,OAAAA,EAAAA,EAAQR,kBAASgG,IAAKgB,QAA4BA,OAAc,KAIlE9G,IACAQ,KACA6H,EAAY1B,QAAQG,GAAU/G,EAAO+G,IACrCqB,EAASxB,QAAQrG,GAAWC,GAAcD,GAC5C,CACF,MAEEN,IACAQ,IAEJ,OAASkF,GAET,GACC,CAACrD,GAAUE,GAAgBD,GAAatC,EAAQQ,GAAeT,EAAQQ,KAEpEgI,GAAyB7E,cAAa8E,IAC1C,IACE,MACMC,EADSD,EAAEE,OACmBC,QAAQC,SAE5C,IAAKH,IAAyB/K,EAAc+K,GAE1C,OAGF,MAAMI,EAAgBhL,OAAO4K,GAE7B,GAAII,EAAgB,GAAKA,GAAiB5H,GAASgF,OAEjD,OAGFjF,GAAgB6H,GAEhB,MAAMC,EAAiB/K,EAAUkD,GAAS4H,IAC1CvH,GAAyBuH,GACzBzH,GAAe0H,GACfnI,GAAe,UACjB,OAAS+E,GAET,GACC,CAACzE,GAAUD,GAAiBM,GAA0BF,GAAgBT,KAEnEoI,GAAyBrF,cAAa8E,IAC1C,IACE,MACMQ,EADSR,EAAEE,OACmBC,QAAQC,SAE5C,IAAKI,IAAyBtL,EAAcsL,GAE1C,OAGF,MAAMH,EAAgBhL,OAAOmL,GAE7B,GAAIH,EAAgB,GAAKA,GAAiBtH,GAAgB0E,OAExD,OAGFnF,GAAiB+H,GAEjB,MAAMI,EAAiBlL,EAAUwD,GAAgBsH,IACjDjH,GAAgCiH,GAChCnH,GAAeuH,GACftI,GAAe,UACjB,OAAS+E,GAET,GACC,CAACnE,GAAiBT,GAAkBc,GAAiCF,GAAgBf,KAElFuI,GAAkBxF,EAAAA,YAAY,CAClC8E,EACAW,aAEA,IACE,MAAMT,EAASF,EAAEY,cACXJ,EAAuB,OAAAK,EAAA,MAAAX,OAAA,EAAAA,EAAQC,cAAR,EAAAU,EAAiBT,SAE9C,QAA6B,IAAzBI,IAAuCtL,EAAcsL,GAEvD,OAGF,MAAMH,EAAgBhL,OAAOmL,GAE7B,GAAIH,EAAgB,EAElB,OAGF,KAAKrE,OAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAASL,MAEZ,OAGF,MAAMmF,EAAuB,IACxBvL,EAAUyG,EAAAA,QAAQL,SAClBgF,EACHpC,cAAe8B,EACflF,KAAM,SACN4F,QAAQ,EACRC,aAAc/K,KAAKgL,MAAMC,GACzBC,cAAc,EACdxC,gBAAiBD,QAAQ,MAAAiC,OAAA,EAAAA,EAAiBhC,iBAC1CjC,GAAI9G,IAAmBE,gBAGzBwC,GAAiB+H,GACjB9I,EAAOuJ,GAEP,MAAMb,EAAuB3I,EAAQmG,OACrCjF,GAAgByH,GAChB9H,GAAe,WACfW,GAAyBmH,GACzBrH,GAAekI,GACf7F,GAAqB6F,EAAUnD,WACjC,OAAST,GAET,GACC,CAAClB,EAAAA,QAAS1E,EAASgB,GAAkBf,EAAQiB,GAAiBL,GAAgBW,GAA0BF,GAAgBqC,KAGrH4B,GAAmC3B,EAAAA,YAAY,CACnD8E,EACAoB,KAEA,IACE,MAAMvJ,KAAEA,EAAAsD,KAAMA,EAAAkG,QAAMA,EAAAlM,MAASA,GAAU6K,EAAEE,OAEzC,IAAKrI,EAEH,OAGF,MAAMyJ,OAAiC,IAAlBF,EAA8BA,EAA0B,aAATjG,EAAsBkG,EAAUlM,EAGhG8D,GAAYpB,KAAUyJ,GACxBpI,GAAeqI,QAAcA,EAAM1J,CAACA,GAAOyJ,IAE/C,OAASpE,GAET,GACC,CAACjE,GAAaC,KAEXgD,GAAoBhB,cAAasG,IACrC,IACE,IAAKtM,EAAcsM,IAAmBA,EAAiB,GAAKA,EA9erC,GAgfrB,OAGF5I,GAAe6I,IAAA,IACVA,EACHT,aAAcQ,IAElB,OAAStE,GAET,GACC,CAACtE,KAEEuD,GAAqBjB,cAAa8E,IACtC,IACE,MAAM0B,EAAcrM,OAAO2K,EAAEE,OAAO/K,OAEpC,IAAKD,EAAcwM,IAAgBA,GAAe,EAEhD,OAGF,MAAMC,EAAmB1L,KAAKgL,MArgBP,GAqgBoCS,GAE3D,GAAIC,GAAoB,EAEtB,OAIFrK,EAAQ6G,QAAQ,CAACyD,EAAkBC,KACjCpK,EAAOoK,EAAO,IAAKD,EAAOZ,aAAcW,KAE5C,OAASzE,GAET,GACC,CAAC5F,EAASG,IAEPwE,GAA4Bf,EAAAA,YAAY,CAC5C8E,EACA8B,EACAC,EACAC,WAEA,IACE,MAOM7M,EAPW,YACf,OAAI6M,SACQ,IAARD,EAA0BA,OACV,IAAhBD,EAAkCA,EAC/B,OAAAjB,EAAA,MAAAb,OAAA,EAAAA,EAAGE,aAAH,EAAAW,EAAW1L,QAGN8M,GACRC,EAAkB3M,EAAUoD,IAMlC,IAJI,OAAAkI,EAAA,MAAAb,OAAA,EAAAA,EAAGE,aAAH,EAAAW,EAAWhJ,QACbqK,EAAgBlC,EAAEE,OAAOrI,MAA0B,aAAlBmI,EAAEE,OAAO/E,KAAsB6E,EAAEE,OAAOmB,QAAUlM,GAGjF6M,EAAW,CACb,MAAQlM,eAAgBqM,GAAavM,IAC/BwM,EAAkC,IACnCpG,EAAAA,QAAQgG,GACXK,gBAAiB,MAAAH,OAAA,EAAAA,EAAiBG,gBAClCC,yBAA0B,MAAAJ,OAAA,EAAAA,EAAiBI,yBAC3C/D,cAAe2D,EAAgB3D,cAC/B7B,GAAIyF,EACJhH,KAAM,SACNwD,gBAAiBD,QAAQ,MAAAwD,OAAA,EAAAA,EAAiBvD,iBAC1CoC,QAAQ,EACRwB,oBAAcL,WAAiBK,eAAgB,EAC/CvB,oBAAckB,WAAiBlB,eAAgB,GAEjDpI,GAAewJ,EACjB,MAAW3M,KAAKE,UAAUgD,MAAiBlD,KAAKE,UAAUuM,IACxDtJ,GAAe,IAAKD,MAAgBuJ,GAExC,OAAShF,GAET,GACC,CAACvE,GAAaqD,EAAAA,QAASpD,KAEpByD,GAAgCnB,cAAasH,IACjD,IACE,IAAKC,MAAMC,QAAQF,GAEjB,OAGF,MAAMN,EAAkB3M,EAAUoD,IAClCuJ,EAAgBM,QAAU,IAAIA,GAC9B,MAAQ1M,eAAgBqM,GAAavM,EAAiB,KAElDH,KAAKE,UAAUgD,GAAY6J,WAAa/M,KAAKE,UAAU6M,IACzD5J,GAAe,IAAKD,MAAgBuJ,EAAiBxF,GAAIyF,GAE7D,OAASjF,GAET,GACC,CAACvE,GAAaC,KAEXoE,GAAsB9B,cAAayH,IACvC,IACE,IAAKF,MAAMC,QAAQC,GAEjB,OAGF,MAAMT,EAAkB3M,EAAUoD,IAClCuJ,EAAgBU,cAAgB,IAAID,GACpC,MAAQ7M,eAAgBqM,GAAavM,EAAiB,KAElDH,KAAKE,UAAUgD,GAAYiK,iBAAmBnN,KAAKE,UAAUgN,IAC/D/J,GAAe,IAAKD,MAAgBuJ,EAAiBxF,GAAIyF,GAE7D,OAASjF,GAET,GACC,CAACvE,GAAaC,KAEXiK,GAAsB3H,cAAakD,IACvC,IACE,IAAKlJ,EAAckJ,IAAiBA,EAAe,GAAKA,GAAgBtG,GAAQ2F,OAE9E,OAGF/D,GAAyB0E,GACzBpG,GAAcoG,GAGd,MAAM0E,EAA4B,GAClCxL,EAAQ6G,QAAQ,CAACG,EAAmBuD,MAC9B,MAAAvD,OAAA,EAAAA,EAAQC,iBAAkBH,GAC5B0E,EAAgBC,KAAKlB,KAKzBiB,EAAgBE,UAAU7E,QAAQ8E,IAChCzL,EAAOyL,KAGT3J,IAAgC,EAClC,OAAS4D,GAET,GACC,CAACpF,GAASR,EAASoC,GAA0B1B,GAAeR,EAAQ8B,KAEjE4J,GAAsBhI,cAAakD,IACvC,IACE,IAAKlJ,EAAckJ,IAAiBA,EAAe,GAAKA,GAAgBtG,GAAQ2F,OAE9E,OAGFrD,IAAmB,GACnBhB,GAAgCgF,GAChC9F,GAAiB8F,GAEjB,MAAM+E,EAAkC,IACnC5N,EAAUuC,GAAQsG,IACrBJ,cAAc,GAGhB/F,GAAcmG,EAAc+E,GAC5BhL,GAAe,WACfe,GAAeiK,GACflI,GAAqBkI,EAAcxF,WACrC,OAAST,GAET,GACC,CAACpF,GAASsC,GAAoBhB,GAAiCd,GAAkBL,GAAeE,GAAgBe,GAAgB+B,KAE7HmI,GAAgBlI,EAAAA,YAAY,KAChC,IACE,MAAMgD,EAAkB3I,EAAUwD,IAElCmF,EAAgBC,QAAQ,CAACrG,EAA2BsG,KAClDtG,EAAQR,QAAUA,EAAQ+G,OACvBC,IAAsB,MAAAA,OAAA,EAAAA,EAAQC,iBAAkBH,KAIrD,MAAMI,EAAmBN,EAAgBO,KAAM3G,UAC7CA,OAAAA,OAAAA,EAAAA,EAAQR,cAARQ,EAAAA,EAAiB2G,KAAMH,GAAsBI,cAAQJ,WAAQK,oBAGzD0E,EAAiBhO,OAAO0E,IAC9B,GAAI7E,EAAcmO,IAAmBA,GAAkB,GAAKA,EAAiBxJ,GAAS4D,OAAQ,CAC5F,MAAM6F,EAAkB,IAAIzJ,IAC5ByJ,EAAgBD,GAAkB,IAC7BC,EAAgBD,GACnBpE,KAAMf,EACNc,WAAYR,GAEd1E,GAAYwJ,GACZ9L,IACAQ,KACAQ,QAAgB,GAChBL,GAAe,IACfG,QAAiB,EACnB,CACF,OAAS4E,GAET,GACC,CAACnE,GAAiBzB,EAASyC,GAAgBF,GAAUC,KAsBlDoE,GAAkBqF,EAAAA,QAAQ,IACzBxK,IAAoBzB,EAElByB,GAAgBuE,IAAI,CAACxF,EAA2BsG,KAAA,IAClDtG,EACHR,QAASA,EAAQ+G,OACdC,IAAgB,MAAAA,OAAA,EAAAA,EAAQC,iBAAkBH,MALN,KAQxC,CAACrF,GAAiBzB,IAEfkM,GAAeD,EAAAA,QAAQ,IACtBrF,IAEE,MAAArE,QAAA,EAAAA,GAAU4D,QACb,CAAE6B,IAAKzF,IACP,CAAE/B,QAASoG,IAJc,KAK5B,CAACrE,GAAUqE,KAERuF,GAAgBF,EAAAA,QAAQ,IACvBC,GACEE,EAAAA,sBAAsBF,IADH,KAEzB,CAACA,KAIEG,GAAczI,EAAAA,YAAY,KAC1BuI,IACFjJ,GAAiBiJ,KAElB,CAACA,GAAejJ,KACboJ,GAAc1I,EAAAA,YAAY,KAC9BV,GAAiB,OAChB,IAGGqJ,GAAmB3I,EAAAA,YAAY4I,gBACnC,IAKE,IAAK/K,KAAoB0J,MAAMC,QAAQ3J,IAErC,OAGF,IAAKzB,IAAYmL,MAAMC,QAAQpL,GAE7B,OAGF,WAAKR,WAASiN,KAEZ,OAIF,IAAI7F,EAEJ,IACEA,EAAkB8F,gBAAgBjL,GACpC,OAASkL,GAEP/F,EAAkBzI,KAAKC,MAAMD,KAAKE,UAAUoD,IAC9C,CAGAmF,EAAgBC,QAAQ,CAACrG,EAAmCsG,KAErDtG,GAA8B,iBAAZA,IAMvBA,EAAQR,QAAUA,EAAQ+G,OAAQC,GAG9BA,GACkB,iBAAXA,GACyB,iBAAzBA,EAAOC,eACdD,EAAOC,gBAAkBH,MAK/B,MAAMI,EAAmBN,EAAgBO,KAAM3G,UAC7CA,OAAAA,OAAAA,EAAAA,EAAQR,cAARQ,EAAAA,EAAiB2G,KAAMH,GAAsBI,QAAQ,MAAAJ,OAAA,EAAAA,EAAQK,oBAGzD0E,EAAiBhO,OAAO0E,IAC9B,IAAIuJ,EAAkB,IAAIzJ,IACtB3E,EAAcmO,IAAmBA,GAAkB,GAAKA,EAAiBxJ,GAAS4D,SACpF6F,EAAkB,IAAIzJ,IACtByJ,EAAgBD,GAAkB,IAC7BC,EAAgBD,GACnBpE,KAAMf,EACNc,WAAYR,GAGd1E,GAAYwJ,IAId,MAAMvM,GAAoB,MAAAuM,OAAA,EAAAA,EAAiB7F,QAAS,EAChD,CAAE6B,IAAKgE,GACP,CAAExL,QAASoG,GAGf,GAAqC,mBAA1BwF,EAAAA,sBAET,OAIF,IAAIQ,EACJ,IACEA,EAA8BR,EAAAA,sBAAsB3M,EACtD,OAASoN,GAEP,MACF,CAGA,IAAKD,EAEH,OAWF,MAAME,EAAoC,CACxCC,QAA6B,EAC7BhN,OAAQ6M,GAIJI,QAAkB9N,EACtB+N,oBAAkB,CAChB7H,GAAI5F,EAAQiN,IACZ9E,KAAMmF,KAGV,GAAqC,aAAjCE,EAAUE,KAAKC,cAA8B,CAE/C,MAAMC,EAAIC,EAAAA,gBAAgB,OAAA9D,EAAA,MAAAyD,OAAA,EAAAA,EAAWpH,gBAAO0H,SAC5CC,EAAAA,gBAAgBH,EAAG,CAAEI,QAAS,SAChC,MACED,EAAAA,gBAAgB,4BAA6B,CAAEC,QAAS,YACxDpO,EAASoE,GAGb,OAASoC,GACP,MAAMwH,SAAIxH,WAAO0H,UAAW,+CAC5BC,EAAAA,gBAAgBH,EAAG,CAAEI,QAAS,SAChC,GACC,CACD/L,GACAzB,EACAuC,GACA,MAAA/C,OAAA,EAAAA,EAASiN,SA7yBPpC,EA+yBFnL,EACAkN,EAAAA,wBAGIqB,GAA0BlD,IAC9B,MAAMmD,EAAoB,IAAK1N,EAAQuK,GAAQ1G,KAAM,UACrD6J,GAAgBrN,GAAOkK,EAAQ,EAAGmD,GAClCxM,GAAgBqJ,EAAQ,GACxB1J,GAAe,WACfW,GAAyB+I,EAAQ,GACjCjJ,GAAeoM,GACf/J,GAAqB+J,EAAarH,aAG9BsH,GAAiB,CACrB,CACEC,KAAMpK,GACNiD,MAAO,SAET,CACEmH,KAAM,GACNnH,MAAOoH,EAAAA,YAAY,MAAArO,OAAA,EAAAA,EAASe,OAE9B,CACEqN,KAAM,GACNnH,MAAO,cAKXqH,EAAAA,UAAU,KACJ/L,KACF/B,EAAQ6G,QAAQ,CAACG,EAAauD,UAEA,IAA1BpI,IACAiF,QAAQ,MAAAjF,QAAA,EAAAA,GAAuBtD,WAC/BmI,EAAOC,cAAgB9E,IAEvBhC,EAAOoK,EAAO,IAAKvD,EAAQC,cAAeD,EAAOC,cAAgB,MAGrEjF,IAAgC,GAChCE,IAAiC,GACjCE,QAAyB,GACzBvB,GAAe,MAIhB,CAACkB,KAEJ+L,EAAAA,UAAU,KACRpO,EAAYqO,WAAa3O,EAASoE,KAEjC,CAAC9D,EAAYqO,YAEhBD,EAAAA,UAAU,KACJpO,EAAYsO,SACdhL,GAAS,CACPa,KAAM,QACNyJ,QAAS5N,EAAYkG,SAGxB,CAAClG,EAAYkG,MAAOlG,EAAYsO,UAEnCF,EAAAA,UAAU,KACR,GACmC,iBAA1BvM,IAC0B,iBAA1BA,GACP,CACA,MAAMgJ,EAAQxM,OAAOwD,IACrB,GAAIJ,GAASoJ,GAAQ,CACnB,MAAM0D,EAAwB9P,KAAKC,MACjCD,KAAKE,UAAU8C,GAASoJ,KAE1BpK,EAAOoK,EAAO,IAAK0D,GACrB,CACF,GAEC,CAAC9M,KAEJ2M,EAAAA,UAAU,KACR,MAAMI,EAAkB/M,GAAS6E,IAAI,CAAC9H,EAAUqM,IAC1CA,IAAUxM,OAAOwD,IACZ,IAAKF,IAEL,IAAKnD,IAGhBkD,GAAY8M,IAGX,CAAC7M,KAEJyM,EAAAA,UAAU,KAIR,GAHI9N,EAAQmG,SAAWhF,GAASgF,QAC9B/E,GAAYjD,KAAKC,MAAMD,KAAKE,UAAU2B,KAGtCoH,QAAQzE,KACRxE,KAAKE,UAAU2B,KAAa7B,KAAKE,UAAU8C,IAC3C,CACAC,GAAYjD,KAAKC,MAAMD,KAAKE,UAAU2B,KACtC4C,IAAe,GACf,MAAM4G,EACJjI,IAAyBvB,EAAQuB,IACnCiI,GAAa3I,GAAe,WAC5B2I,GAAalI,GAAekI,GAC5BA,GAAa7F,GAAqB6F,EAAUnD,WAC9C,CAEEpE,IACA9D,KAAKE,UAAU2B,KAAa7B,KAAKE,UAAU8C,MAE3CC,GAAYjD,KAAKC,MAAMD,KAAKE,UAAU2B,KACtCkC,IAAiC,KAGlC,CAAClC,EAAS2C,KAEbmL,EAAAA,UAAU,KACR,GAC0C,iBAAjCjM,IACiC,iBAAjCA,GACP,CACA,MAAM0I,EAAQxM,OAAO8D,IACrB,GAAIJ,GAAgB8I,GAAQ,CAC1B,MAAM0D,EAAwB9P,KAAKC,MACjCD,KAAKE,UAAUoD,GAAgB8I,KAEjC5J,GAAc4J,EAAO,IAAK0D,GAC5B,CACF,GAEC,CAACxM,KAEJqM,EAAAA,UAAU,KACR,MAAMI,EAAkBzM,GAAgBuE,IAAI,CAAC9H,EAAUqM,IACjDA,IAAUxM,OAAO8D,IACZ,IAAK3D,KAAQyD,IAEb,IAAKzD,IAGhBwD,GAAmBwM,IAElB,CAACvM,KAEJmM,EAAAA,UAAU,KACJtN,GAAQ2F,SAAW1E,GAAgB0E,QACrCzE,GAAmBvD,KAAKC,MAAMD,KAAKE,UAAUmC,MAG7CrC,KAAKE,UAAUoD,MAAqBtD,KAAKE,UAAUmC,KACnDqC,KAEAnB,GAAmBvD,KAAKC,MAAMD,KAAKE,UAAUmC,MAC7CsC,IAAmB,KAGpB,CAACtC,KAEJsN,EAAAA,UAAU,OAEP,IAEH,MAAMK,GAAiBvK,EAAAA,YAAY4I,UACjClK,IAAkB,GAClB,WACM9C,WAASiN,OACXjK,GAAY,UACNtD,EAASkP,EAAAA,gBAAgB,MAAA5O,OAAA,EAAAA,EAASiN,YAClCvN,EAASmP,EAAAA,kBAAkB,CAAEjJ,GAAI,MAAA5F,OAAA,EAAAA,EAASiN,OAGpD,CAAA,QACEnK,IAAkB,EACpB,GAEC,CAAC,MAAA9C,OAAA,EAAAA,EAASiN,MAEbqB,EAAAA,UAAU,KACRK,MACC,CAACA,KAKJ,MAOMG,GAAmBpQ,GAChBA,GAAOqQ,OAAOC,KAAKtQ,GAAKiI,OAAS,EAGpCsI,GAAoB,mBACxB3K,EAAAA,IAAC4K,EAAAA,WAAA,CAAW7K,KAAK,KAAK8K,MAAO,sBAAuB5K,UAAU,oBAAoBC,SAAA,2CAI9E4K,GAA2B,CAC/BC,EACAC,EAlByB,gBAoBlBD,WAAMxI,aAAcyI,EAGvBC,GAAe9C,EAAAA,QAAQ,KAE3B,IAAKrL;AAEH,aAAQ6N,GAAA,IAIV,GA7BS,YA6BL7N,GAAmC,CACrC,IAAK0N,GAAgBtO;AAEnB,aAAQyO,GAAA,IAGV,MAAM/D,EAAYkE,GAAyBvN,IAC3C,OAAOsC,GAAqB+G,EAC9B,CAGA,GAvCS,YAuCL9J,GAAmC,CACrC,IAAK0N,GAAgB9N;AAEnB,aAAQiO,GAAA,IAGV,MAAM/D,EAAYkE,GAAyBjN,IAC3C,OAAOgC,GAAqB+G,EAC9B;AAIA,aAAQ+D,GAAA,KACP,CAED7N,GAGA2N,OAAOC,KAAKxO,GAASmG,OACrBoI,OAAOC,KAAKhO,IAAS2F,OAGrB,MAAA9E,QAAA,EAAAA,GAAagF,WACb,MAAAhF,QAAA,EAAAA,GAAa2N,iBACb,MAAArN,QAAA,EAAAA,GAAa0E,WACb,MAAA1E,QAAA,EAAAA,GAAaqN,iBAGbrL;;AAGF,OAEEG,EAAAA,IAACmL,EAAAA,QAAA,CAAInG,SAAS,WACX9E,SAAA3B,kBAAiByB,EAAAA,IAACoL,EAAAA,UAAA,CAAA,kBACjBvJ,EAAAA,KAACwJ,EAAAA,YAAA,CAAYC,QAASC,EAAAA,aACpBrL,SAAA;eAAAF,MAACwL,EAAAA,WAAA,CAAW3B,kBACV3J,wBAAA2B,OAAC,MAAA,CAAI5B,UAAU,uBACbC,SAAA;eAAAF,EAAAA,IAACyL,EAAAA,cAAA,CACC/B,QAAQ,WACRzJ,UAAU,6BACVM,KAAK,UACLmL,QAAS,KAASvM,GAAoCqJ,KAAhBD,MACtCoD,UAAU,MAAAzP,OAAA,EAAAA,EAASmG,QACnBuJ,UAAWzM,kBAAoBa,MAAC6L,EAAAA,OAAA,CAAA,wBAAaC,EAAAA,IAAA,CAAA;eAE/C9L,EAAAA,IAACyL,EAAAA,cAAA,CACC/B,QAAQ,YACR3J,KAAK,SACLQ,KAAK,SACLmL,QAASjD,GACTkD,QAASxM,UAIbA,kBAsKAa,EAAAA,IAAC+L,EAAAA,WAAA,CACClI,KAAM1E,IAAqB,GAC3B6M,iBAAmBnI,MACnB5D,UAAU,iBACVgM,eAAe,uBACfC,eAAiBC,GACf7M,GAAqB,IAAK6M,qBA3K9BtK,EAAAA,KAACuK,WAAKnM,UAAU,oBAAoBoM,WAAS,EAC3CnM,SAAA;eAAAF,EAAAA,IAACoM,EAAAA,QAAA,CACCE,MAAI,EACJC,GAAI,EACJC,UAAU,OACVC,GAAI,CACFzH,SAAU,WACV0H,WAAY,UACZC,QAAS,WAGXzM,0BAAA2B,KAACuK,EAAAA,QAAA,CAAKnM,UAAU,6BACdC,SAAA;iBAAA2B,KAACsJ,EAAAA,QAAA,CAAIlL,UAAU,mBACZC,SAAA,CAAAzB,mBACCuB,EAAAA,IAAC4M,EAAAA,OAAA,CACCC,KAAMpO,GACNqO,eAAgB/I,GAChBgJ,YAAapO,GACbqO,eAAgBpO,GAChBqO,gBAAiB,KACfjF,MAEF7D,mBACA+I,eAAgB,CAAEC,GAAI;eAG1BnN,EAAAA,IAACyL,EAAAA,cAAA,CACC/B,QAAQ,WACRnJ,KAAK,UACLmL,QAAS7I,GACTuK,MAAO,CAAEvC,MAAO,UAAWwC,OAAQ;iBAGvCxL,KAAC,MAAA,CAAI5B,UAAU,oBACZC,SAAA,CAAAxD,MAAAA,QAAAA,EAAAA,GAASwF,IAAI,CAACoK,EAAWgB,WACxB,MAAMC,EAAiBrR,EAAQ+G,OAC5BC,GAAgBA,EAAOC,gBAAkBmK,GAEtCE,EAAiBlB,EAAK9J,eAAiBiL,EAAAA,cAAcC,oBACrDC,EAAc,OAAAlI,EAAA,MAAA6G,OAAA,EAAAA,EAAMrK,qBAAN,EAAAwD,EAAsBvD,IAAKC,IAAA,IAC1CA,EACHyL,YAAa1R,EAAQ+G,OAClBC,GAAgBA,EAAO+D,kBAAoB9E,EAAKb;AAIrD,OACEO,EAAAA,KAACgM,EAAAA,kBAAA,CACCpH,MAAO6G,EACP3K,MAAOzH,EAAEoR,EAAK3J,OACd+I,QAASvG,GACTH,SAAUsI,EACVrB,eAAe,UACfuB,iBACAM,YAAa7Q,KAAkBqQ,EAC/B1Q,cAAe,IAAM6K,GAAoB6F,GACzCS,gBAAiB,IAAMjG,GAAoBwF,GAC3CU,gBAAkBpJ,GAAMU,GAAgBV,GACxCJ,eAAgB8H,EAAK9H,eAEpBtE,SAAA,CAAAsN,wBACE,MAAA,CAAIJ,MAAO,CAAEa,MAAO,QACnB/N,SAAA;iBAAAF,IAAC4K,EAAAA,WAAA,CAAW7K,KAAK,KAAKqN,MAAO,CAAEc,WAAY,KAAOrD,MAAO,sBACtD3K,SAAAoM,EAAK7J;eAERzC,EAAAA,IAACmO,EAAAA,QAAA,CACC,kBAAgB,kCAChB1R,KAAM6P,EAAK5J,oBAAsB4J,EAAK7J,oBAGrCvC,SAAA,MAAAyN,OAAA,EAAAA,EAAazL,IAAI,EAAGzF,OAAM6E,KAAIsM,gCAC7B/L,EAAAA,KAAAuM,EAAAA,SAAA,CACElO,SAAA;eAAAF,MAAC,MAAA,CACCE,wBAAAF,EAAAA,IAACqO,EAAAA,QAAA,CAECtU,MAAO0C,EACPX,6BAAUwS,EAAAA,MAAA,IACV3L,MAAOzH,EAAEuB,GACT8R,UAAQ,GAJHjN;eAQTtB,MAACoM,EAAAA,SAAKC,WAAS,EAACI,GAAI,CAAEU,GAAI,GACxBjN,wBAAAF,EAAAA,IAACwO,EAAAA,QAAA,CACCjB,eAAgBK,GAAe,GAC/B1R,UACAiB,gBACArB,UACAZ,IAAA0F,QACAA,EAAAA,QAAA6N,OACAA,EAAAA,OACAlR,eACAnB,SACAE,OACAqI,0BACA7F,kBACA6K,0BACA5M,kBACAK;eAGJ4C,EAAAA,IAACyL,EAAAA,cAAA,CACClL,KAAK,MACLmJ,QAAQ,WACRzJ,UAAU,6BACV,gBAAeqN,EACf5B,QAAU9G,GAAMU,GAAgBV,EAAG,CACjCqC,gBAAiB3F,EACjB4F,0BAA0B,IAE5B0E,+BAAY8C,EAAAA,QAAA,CAAA,cAMpB,MACFlB,kBACAxN,EAAAA,IAACwO,EAAAA,QAAA,CACCjB,eAAgBA,GAAkB,GAClCrR,UACAiB,gBACArB,UACAZ,IAAA0F,QACAA,EAAAA,QAAA6N,OACAA,EAAAA,OACAlR,eACAnB,SACAE,OACAqI,0BACA7F,kBACA6K,0BACA5M,kBACAK;iBAMV4C,IAAC,MAAA,CAAIC,UAAU,uBACbC,wBAAAF,EAAAA,IAACyL,EAAAA,cAAA,CACClL,KAAK,gBACLmJ,QAAQ,WACRzJ,UAAU,6BACVyL,QAAS3J,GACT6J,+BAAY8C,EAAAA,QAAA,CAAA;eAOtB1O,EAAAA,IAACoM,EAAAA,QAAA,CACCE,MAAI,EACJC,GAAI,EACJtM,UACEqD,QAAQxG,aAAiBZ,WAASmG,SAAU3F,GAAQ2F,QAChD,yBACA,2CAGLnC,SAAA+K;eAcPjL,EAAAA,IAAC2O,EAAAA,MAAA,CACCC,KAAMtL,QAAQrE,IACdc,KAAMd,MAAAA,QAAAA,EAAAA,GAAOc,KACbyJ,QAASvK,MAAAA,QAAAA,EAAAA,GAAOuK,QAChBqF,YAAa,IAAM3P,GAAS,MAC5B4P,aAAc,CAAEC,WAAY,QAASC,SAAU,gBAM3D"}

package/dist/views/form-builder/element-edit-forms/checkbox/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/checkbox.tsx"],"sourcesContent":["// React imports\nimport { useEffect, useState } from \"react\";\n\n// Material UI imports\nimport {\n  MenuItem,\n  Box,\n  FormControlLabel,\n  FormControl,\n  RadioGroup,\n  Button,\n  Select,\n  InputLabel,\n  Slider,\n} from \"@mui/material\";\nimport { Add } from \"@mui/icons-material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\n// ERP Common imports\nimport Checkbox from \"@/components/checkbox/checkbox\";\nimport Radio from \"@/components/radio/radio\";\nimport TextField from \"@/components/text-field/text-field\";\nimport Typography from \"@/components/typography/typography\";\n\n// Local imports\nimport FieldSelect from \"./field-select\";\nimport \"../custom-form.scss\";\n\ninterface Option {\n  label: string;\n  value: string;\n  is_checked: boolean;\n  [key: string]: string | boolean; // Index signature to allow any string property\n}\n\nexport function CheckboxEditForm(props: any) {\n  const [isAddSelectOption, setAddSelectOption] = useState(false);\n  const { handlePropertyValueUpdate, handleSelectOptionValueUpdate , handleColumnSelect ,  handleWidthChange  } = props;\n  const columnPerRowOptions = [1, 2, 3, 4, 5, 6];\n  const [selectOptions, setSelectOptions] = useState(\n    props.element.options || [],\n  );\n  const [elementJSON, setElementJSON] = useState(props.element);\n\n  const allowLabelPositionModification =\n    elementJSON.field_type !== \"radioButton\";\n\n  const [newOptions, setNewOptions] = useState<Option>({\n    label: \"\",\n    value: \"\",\n    is_checked: false,\n  });\n\n\n\n  const handleAddNewOption = (e: any) => {\n    const label: string = e.target.name;\n    const value: string = e.target.value;\n    const option: Option = { ...newOptions };\n    option[label] = value;\n    setNewOptions(option);\n  };\n\n  const handleFieldUpdate = (e: any) => {\n    elementJSON.field_type = e.target.value;\n    handlePropertyValueUpdate(null, null, null, e.target.value);\n  };\n\n  const handleSelectUpdate = (e: any) => {\n    elementJSON.default_value = e.target.value;\n    handlePropertyValueUpdate(null, null, e.target.value);\n  };\n\n  useEffect(() => {\n    setElementJSON(props.element);\n    setSelectOptions(props.element.options || []);\n  }, [props.element]);\n\n  useEffect(() => {\n    setNewOptions({ label: \"\", value: \"\", is_checked: false });\n    setAddSelectOption(false);\n    handleSelectOptionValueUpdate(selectOptions);\n    // eslint-disable-next-line\n  }, [selectOptions]);\n\n  return (\n    <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\n      <div key={elementJSON.id}>\n        <FieldSelect\n          key={elementJSON.id}\n          variant=\"outlined\"\n          onChange={handleFieldUpdate}\n          defaultValue={elementJSON.field_type}\n          label=\"Field Type\"\n          disabled={elementJSON.type === \"system\" || !elementJSON.is_new}\n        />\n      </div>\n      <div key={elementJSON.id}>\n        <TextField\n          fullWidth\n          label=\"Label\"\n          is_required\n          key={elementJSON.id}\n          name=\"label\"\n          type=\"text\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.label}\n        />\n      </div>\n\n      <div key={elementJSON.id}>\n        <Select\n          variant=\"outlined\"\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Default\"\n          size=\"small\"\n          name=\"options\"\n          onChange={() => handleSelectUpdate}\n          defaultValue={elementJSON.default_value}\n          label=\"Default\"\n          disabled={!selectOptions.length}\n        >\n          {selectOptions?.map((option: any, index: number) => (\n            <MenuItem key={index} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </Select>\n      </div>\n      <FormControl>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Column Per Row\"\n          size=\"small\"\n          onChange={handleColumnSelect} // need to change\n          // defaultValue= {} // need to change\n          label=\"Select Column Per Row\"\n          name=\"option\"\n          variant=\"outlined\"\n        >\n          {columnPerRowOptions?.map((option: any, index: number) => (\n            <MenuItem key={index} value={option}>\n              {option}\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n      <Box>\n        <Typography sx={{ color: 'black' }}>Adjust Width:</Typography>\n        <Slider\n          value = {elementJSON?.custom_width}\n          name = \"custom_width\"\n          min={1}\n          max={12}\n          step={1}\n          onChange={(_, newValue) => handleWidthChange(newValue)}\n          aria-labelledby=\"width-slider\"\n          sx = {{color : \"#4AC08C\"}}\n        />\n      </Box>\n    \n\n      <div className=\"formSection--SelectOption\">\n        <Typography type=\"s5\" weight={\"medium\"} color={\"theme.secondary.800\"}>\n          Options\n        </Typography>\n        {selectOptions.map((option: any, index: number) => (\n          <div className=\"formSection--MultiOptions\">\n            <TextField\n              fullWidth\n              key={index}\n              value={`${option.label} (${option.value})`}\n              InputProps={{\n                readOnly: true,\n              }}\n            />\n            <CloseIcon\n              style={{ fontSize: \"1rem\", color: \"#656669\" }}\n              onClick={() => {\n                setSelectOptions([\n                  ...selectOptions.filter(\n                    (_: any, filterIndex: number) => filterIndex !== index,\n                  ),\n                ]);\n              }}\n            />\n          </div>\n        ))}\n      </div>\n      {isAddSelectOption ? (\n        <div className=\"formSection--SelectOption\">\n          <div>\n            <TextField\n              fullWidth\n              label=\"Label\"\n              is_required\n              name=\"label\"\n              type=\"text\"\n              placeholder=\"Label\"\n              defaultValue={newOptions.label}\n              onChange={handleAddNewOption}\n            />\n          </div>\n          <div>\n            <TextField\n              fullWidth\n              label=\"Value\"\n              placeholder=\"Value\"\n              is_required\n              name=\"value\"\n              type=\"text\"\n              defaultValue={newOptions.value}\n              onChange={handleAddNewOption}\n            />\n          </div>\n          <Button\n            onClick={() =>\n              setSelectOptions([...selectOptions, { ...newOptions }])\n            }\n            disabled={\n              !!selectOptions.find(\n                (ele: Option) => ele.value === newOptions.value,\n              )\n            }\n            variant=\"text\"\n            className=\"formSection--Button\"\n            startIcon={<Add />}\n          >\n            Add\n          </Button>\n        </div>\n      ) : (\n        <Button\n          onClick={() => setAddSelectOption(true)}\n          variant=\"text\"\n          className=\"formSection--Button\"\n          startIcon={<Add />}\n        >\n          Add Option\n        </Button>\n      )}\n\n      <FormControl>\n        <Typography type=\"s4\" color=\"theme.secondary.800\">\n          Display style\n        </Typography>\n        <RadioGroup\n          key={elementJSON.id}\n          row\n          aria-labelledby=\"demo-radio-buttons-group-label\"\n          name=\"display\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.display}\n        >\n          <FormControlLabel\n            value=\"row\"\n            control={<Radio size=\"small\" />}\n            label=\"Row\"\n            slotProps={{ typography: { variant: \"body2\" } }}\n          />\n          <FormControlLabel\n            value=\"column\"\n            control={<Radio size=\"small\" />}\n            label=\"Column\"\n            slotProps={{ typography: { variant: \"body2\" } }}\n          />\n        </RadioGroup>\n      </FormControl>\n\n      <div key={elementJSON.id}>\n        <TextField\n          key={elementJSON.id}\n          fullWidth\n          label=\"Title\"\n          is_required\n          name=\"title\"\n          type=\"text\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.title}\n        />\n      </div>\n\n      <FormControl disabled={!allowLabelPositionModification}>\n        <Typography type=\"s4\" color=\"theme.secondary.800\">\n          Title Position\n        </Typography>\n        <RadioGroup\n          key={elementJSON.id}\n          row\n          aria-labelledby=\"demo-radio-buttons-group-label\"\n          name=\"title_position\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={allowLabelPositionModification ? \"end\" : \"\"}\n        >\n          <FormControlLabel\n            value=\"start\"\n            control={<Radio size=\"small\" />}\n            label=\"Start\"\n            slotProps={{ typography: { variant: \"body2\" } }}\n          />\n          <FormControlLabel\n            value=\"end\"\n            control={<Radio size=\"small\" />}\n            label=\"End\"\n            slotProps={{ typography: { variant: \"body2\" } }}\n          />\n        </RadioGroup>\n      </FormControl>\n\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_required\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate}\n        checked={elementJSON.is_required}\n        label=\"This field is required\"\n      />\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_unique\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate}\n        checked={elementJSON.is_unique}\n        label=\"Is Unique\"\n      />\n\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_fullwidth\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate} // need to change this\n        checked={elementJSON?.is_fullwidth}// need to change \n        label=\"Full Width \"\n      />\n    </Box>\n  );\n}\n\nexport default CheckboxEditForm;\n"],"names":["CloseIcon"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/checkbox.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport {\r\n  MenuItem,\r\n  Box,\r\n  FormControlLabel,\r\n  FormControl,\r\n  RadioGroup,\r\n  Button,\r\n  Select,\r\n  InputLabel,\r\n  Slider,\r\n} from \"@mui/material\";\r\nimport { Add } from \"@mui/icons-material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\n\r\n// ERP Common imports\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport Radio from \"@/components/radio/radio\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Typography from \"@/components/typography/typography\";\r\n\r\n// Local imports\r\nimport FieldSelect from \"./field-select\";\r\nimport \"../custom-form.scss\";\r\n\r\ninterface Option {\r\n  label: string;\r\n  value: string;\r\n  is_checked: boolean;\r\n  [key: string]: string | boolean; // Index signature to allow any string property\r\n}\r\n\r\nexport function CheckboxEditForm(props: any) {\r\n  const [isAddSelectOption, setAddSelectOption] = useState(false);\r\n  const { handlePropertyValueUpdate, handleSelectOptionValueUpdate , handleColumnSelect ,  handleWidthChange  } = props;\r\n  const columnPerRowOptions = [1, 2, 3, 4, 5, 6];\r\n  const [selectOptions, setSelectOptions] = useState(\r\n    props.element.options || [],\r\n  );\r\n  const [elementJSON, setElementJSON] = useState(props.element);\r\n\r\n  const allowLabelPositionModification =\r\n    elementJSON.field_type !== \"radioButton\";\r\n\r\n  const [newOptions, setNewOptions] = useState<Option>({\r\n    label: \"\",\r\n    value: \"\",\r\n    is_checked: false,\r\n  });\r\n\r\n\r\n\r\n  const handleAddNewOption = (e: any) => {\r\n    const label: string = e.target.name;\r\n    const value: string = e.target.value;\r\n    const option: Option = { ...newOptions };\r\n    option[label] = value;\r\n    setNewOptions(option);\r\n  };\r\n\r\n  const handleFieldUpdate = (e: any) => {\r\n    elementJSON.field_type = e.target.value;\r\n    handlePropertyValueUpdate(null, null, null, e.target.value);\r\n  };\r\n\r\n  const handleSelectUpdate = (e: any) => {\r\n    elementJSON.default_value = e.target.value;\r\n    handlePropertyValueUpdate(null, null, e.target.value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setElementJSON(props.element);\r\n    setSelectOptions(props.element.options || []);\r\n  }, [props.element]);\r\n\r\n  useEffect(() => {\r\n    setNewOptions({ label: \"\", value: \"\", is_checked: false });\r\n    setAddSelectOption(false);\r\n    handleSelectOptionValueUpdate(selectOptions);\r\n    // eslint-disable-next-line\r\n  }, [selectOptions]);\r\n\r\n  return (\r\n    <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\r\n      <div key={elementJSON.id}>\r\n        <FieldSelect\r\n          key={elementJSON.id}\r\n          variant=\"outlined\"\r\n          onChange={handleFieldUpdate}\r\n          defaultValue={elementJSON.field_type}\r\n          label=\"Field Type\"\r\n          disabled={elementJSON.type === \"system\" || !elementJSON.is_new}\r\n        />\r\n      </div>\r\n      <div key={elementJSON.id}>\r\n        <TextField\r\n          fullWidth\r\n          label=\"Label\"\r\n          is_required\r\n          key={elementJSON.id}\r\n          name=\"label\"\r\n          type=\"text\"\r\n          onChange={handlePropertyValueUpdate}\r\n          defaultValue={elementJSON.label}\r\n        />\r\n      </div>\r\n\r\n      <div key={elementJSON.id}>\r\n        <Select\r\n          variant=\"outlined\"\r\n          key={elementJSON.id}\r\n          fullWidth\r\n          placeholder=\"Select Default\"\r\n          size=\"small\"\r\n          name=\"options\"\r\n          onChange={() => handleSelectUpdate}\r\n          defaultValue={elementJSON.default_value}\r\n          label=\"Default\"\r\n          disabled={!selectOptions.length}\r\n        >\r\n          {selectOptions?.map((option: any, index: number) => (\r\n            <MenuItem key={index} value={option.value}>\r\n              {option.label}\r\n            </MenuItem>\r\n          ))}\r\n        </Select>\r\n      </div>\r\n      <FormControl>\r\n        <Select\r\n          key={elementJSON.id}\r\n          fullWidth\r\n          placeholder=\"Select Column Per Row\"\r\n          size=\"small\"\r\n          onChange={handleColumnSelect} // need to change\r\n          // defaultValue= {} // need to change\r\n          label=\"Select Column Per Row\"\r\n          name=\"option\"\r\n          variant=\"outlined\"\r\n        >\r\n          {columnPerRowOptions?.map((option: any, index: number) => (\r\n            <MenuItem key={index} value={option}>\r\n              {option}\r\n            </MenuItem>\r\n          ))}\r\n        </Select>\r\n      </FormControl>\r\n      <Box>\r\n        <Typography sx={{ color: 'black' }}>Adjust Width:</Typography>\r\n        <Slider\r\n          value = {elementJSON?.custom_width}\r\n          name = \"custom_width\"\r\n          min={1}\r\n          max={12}\r\n          step={1}\r\n          onChange={(_, newValue) => handleWidthChange(newValue)}\r\n          aria-labelledby=\"width-slider\"\r\n          sx = {{color : \"#4AC08C\"}}\r\n        />\r\n      </Box>\r\n    \r\n\r\n      <div className=\"formSection--SelectOption\">\r\n        <Typography type=\"s5\" weight={\"medium\"} color={\"theme.secondary.800\"}>\r\n          Options\r\n        </Typography>\r\n        {selectOptions.map((option: any, index: number) => (\r\n          <div className=\"formSection--MultiOptions\">\r\n            <TextField\r\n              fullWidth\r\n              key={index}\r\n              value={`${option.label} (${option.value})`}\r\n              InputProps={{\r\n                readOnly: true,\r\n              }}\r\n            />\r\n            <CloseIcon\r\n              style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n              onClick={() => {\r\n                setSelectOptions([\r\n                  ...selectOptions.filter(\r\n                    (_: any, filterIndex: number) => filterIndex !== index,\r\n                  ),\r\n                ]);\r\n              }}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n      {isAddSelectOption ? (\r\n        <div className=\"formSection--SelectOption\">\r\n          <div>\r\n            <TextField\r\n              fullWidth\r\n              label=\"Label\"\r\n              is_required\r\n              name=\"label\"\r\n              type=\"text\"\r\n              placeholder=\"Label\"\r\n              defaultValue={newOptions.label}\r\n              onChange={handleAddNewOption}\r\n            />\r\n          </div>\r\n          <div>\r\n            <TextField\r\n              fullWidth\r\n              label=\"Value\"\r\n              placeholder=\"Value\"\r\n              is_required\r\n              name=\"value\"\r\n              type=\"text\"\r\n              defaultValue={newOptions.value}\r\n              onChange={handleAddNewOption}\r\n            />\r\n          </div>\r\n          <Button\r\n            onClick={() =>\r\n              setSelectOptions([...selectOptions, { ...newOptions }])\r\n            }\r\n            disabled={\r\n              !!selectOptions.find(\r\n                (ele: Option) => ele.value === newOptions.value,\r\n              )\r\n            }\r\n            variant=\"text\"\r\n            className=\"formSection--Button\"\r\n            startIcon={<Add />}\r\n          >\r\n            Add\r\n          </Button>\r\n        </div>\r\n      ) : (\r\n        <Button\r\n          onClick={() => setAddSelectOption(true)}\r\n          variant=\"text\"\r\n          className=\"formSection--Button\"\r\n          startIcon={<Add />}\r\n        >\r\n          Add Option\r\n        </Button>\r\n      )}\r\n\r\n      <FormControl>\r\n        <Typography type=\"s4\" color=\"theme.secondary.800\">\r\n          Display style\r\n        </Typography>\r\n        <RadioGroup\r\n          key={elementJSON.id}\r\n          row\r\n          aria-labelledby=\"demo-radio-buttons-group-label\"\r\n          name=\"display\"\r\n          onChange={handlePropertyValueUpdate}\r\n          defaultValue={elementJSON.display}\r\n        >\r\n          <FormControlLabel\r\n            value=\"row\"\r\n            control={<Radio size=\"small\" />}\r\n            label=\"Row\"\r\n            slotProps={{ typography: { variant: \"body2\" } }}\r\n          />\r\n          <FormControlLabel\r\n            value=\"column\"\r\n            control={<Radio size=\"small\" />}\r\n            label=\"Column\"\r\n            slotProps={{ typography: { variant: \"body2\" } }}\r\n          />\r\n        </RadioGroup>\r\n      </FormControl>\r\n\r\n      <div key={elementJSON.id}>\r\n        <TextField\r\n          key={elementJSON.id}\r\n          fullWidth\r\n          label=\"Title\"\r\n          is_required\r\n          name=\"title\"\r\n          type=\"text\"\r\n          onChange={handlePropertyValueUpdate}\r\n          defaultValue={elementJSON.title}\r\n        />\r\n      </div>\r\n\r\n      <FormControl disabled={!allowLabelPositionModification}>\r\n        <Typography type=\"s4\" color=\"theme.secondary.800\">\r\n          Title Position\r\n        </Typography>\r\n        <RadioGroup\r\n          key={elementJSON.id}\r\n          row\r\n          aria-labelledby=\"demo-radio-buttons-group-label\"\r\n          name=\"title_position\"\r\n          onChange={handlePropertyValueUpdate}\r\n          defaultValue={allowLabelPositionModification ? \"end\" : \"\"}\r\n        >\r\n          <FormControlLabel\r\n            value=\"start\"\r\n            control={<Radio size=\"small\" />}\r\n            label=\"Start\"\r\n            slotProps={{ typography: { variant: \"body2\" } }}\r\n          />\r\n          <FormControlLabel\r\n            value=\"end\"\r\n            control={<Radio size=\"small\" />}\r\n            label=\"End\"\r\n            slotProps={{ typography: { variant: \"body2\" } }}\r\n          />\r\n        </RadioGroup>\r\n      </FormControl>\r\n\r\n      <FormControlLabel\r\n        key={elementJSON.id}\r\n        name=\"is_required\"\r\n        control={<Checkbox />}\r\n        onChange={handlePropertyValueUpdate}\r\n        checked={elementJSON.is_required}\r\n        label=\"This field is required\"\r\n      />\r\n      <FormControlLabel\r\n        key={elementJSON.id}\r\n        name=\"is_unique\"\r\n        control={<Checkbox />}\r\n        onChange={handlePropertyValueUpdate}\r\n        checked={elementJSON.is_unique}\r\n        label=\"Is Unique\"\r\n      />\r\n\r\n      <FormControlLabel\r\n        key={elementJSON.id}\r\n        name=\"is_fullwidth\"\r\n        control={<Checkbox />}\r\n        onChange={handlePropertyValueUpdate} // need to change this\r\n        checked={elementJSON?.is_fullwidth}// need to change \r\n        label=\"Full Width \"\r\n      />\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default CheckboxEditForm;\r\n"],"names":["CloseIcon"],"mappings":"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"}

package/dist/views/form-builder/element-edit-forms/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/checkbox.tsx"],"sourcesContent":["// React imports\nimport { useEffect, useState } from \"react\";\n\n// Material UI imports\nimport {\n  MenuItem,\n  Box,\n  FormControlLabel,\n  FormControl,\n  RadioGroup,\n  Button,\n  Select,\n  InputLabel,\n  Slider,\n} from \"@mui/material\";\nimport { Add } from \"@mui/icons-material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\n// ERP Common imports\nimport Checkbox from \"@/components/checkbox/checkbox\";\nimport Radio from \"@/components/radio/radio\";\nimport TextField from \"@/components/text-field/text-field\";\nimport Typography from \"@/components/typography/typography\";\n\n// Local imports\nimport FieldSelect from \"./field-select\";\nimport \"../custom-form.scss\";\n\ninterface Option {\n  label: string;\n  value: string;\n  is_checked: boolean;\n  [key: string]: string | boolean; // Index signature to allow any string property\n}\n\nexport function CheckboxEditForm(props: any) {\n  const [isAddSelectOption, setAddSelectOption] = useState(false);\n  const { handlePropertyValueUpdate, handleSelectOptionValueUpdate , handleColumnSelect ,  handleWidthChange  } = props;\n  const columnPerRowOptions = [1, 2, 3, 4, 5, 6];\n  const [selectOptions, setSelectOptions] = useState(\n    props.element.options || [],\n  );\n  const [elementJSON, setElementJSON] = useState(props.element);\n\n  const allowLabelPositionModification =\n    elementJSON.field_type !== \"radioButton\";\n\n  const [newOptions, setNewOptions] = useState<Option>({\n    label: \"\",\n    value: \"\",\n    is_checked: false,\n  });\n\n\n\n  const handleAddNewOption = (e: any) => {\n    const label: string = e.target.name;\n    const value: string = e.target.value;\n    const option: Option = { ...newOptions };\n    option[label] = value;\n    setNewOptions(option);\n  };\n\n  const handleFieldUpdate = (e: any) => {\n    elementJSON.field_type = e.target.value;\n    handlePropertyValueUpdate(null, null, null, e.target.value);\n  };\n\n  const handleSelectUpdate = (e: any) => {\n    elementJSON.default_value = e.target.value;\n    handlePropertyValueUpdate(null, null, e.target.value);\n  };\n\n  useEffect(() => {\n    setElementJSON(props.element);\n    setSelectOptions(props.element.options || []);\n  }, [props.element]);\n\n  useEffect(() => {\n    setNewOptions({ label: \"\", value: \"\", is_checked: false });\n    setAddSelectOption(false);\n    handleSelectOptionValueUpdate(selectOptions);\n    // eslint-disable-next-line\n  }, [selectOptions]);\n\n  return (\n    <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\n      <div key={elementJSON.id}>\n        <FieldSelect\n          key={elementJSON.id}\n          variant=\"outlined\"\n          onChange={handleFieldUpdate}\n          defaultValue={elementJSON.field_type}\n          label=\"Field Type\"\n          disabled={elementJSON.type === \"system\" || !elementJSON.is_new}\n        />\n      </div>\n      <div key={elementJSON.id}>\n        <TextField\n          fullWidth\n          label=\"Label\"\n          is_required\n          key={elementJSON.id}\n          name=\"label\"\n          type=\"text\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.label}\n        />\n      </div>\n\n      <div key={elementJSON.id}>\n        <Select\n          variant=\"outlined\"\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Default\"\n          size=\"small\"\n          name=\"options\"\n          onChange={() => handleSelectUpdate}\n          defaultValue={elementJSON.default_value}\n          label=\"Default\"\n          disabled={!selectOptions.length}\n        >\n          {selectOptions?.map((option: any, index: number) => (\n            <MenuItem key={index} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </Select>\n      </div>\n      <FormControl>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Column Per Row\"\n          size=\"small\"\n          onChange={handleColumnSelect} // need to change\n          // defaultValue= {} // need to change\n          label=\"Select Column Per Row\"\n          name=\"option\"\n          variant=\"outlined\"\n        >\n          {columnPerRowOptions?.map((option: any, index: number) => (\n            <MenuItem key={index} value={option}>\n              {option}\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n      <Box>\n        <Typography sx={{ color: 'black' }}>Adjust Width:</Typography>\n        <Slider\n          value = {elementJSON?.custom_width}\n          name = \"custom_width\"\n          min={1}\n          max={12}\n          step={1}\n          onChange={(_, newValue) => handleWidthChange(newValue)}\n          aria-labelledby=\"width-slider\"\n          sx = {{color : \"#4AC08C\"}}\n        />\n      </Box>\n    \n\n      <div className=\"formSection--SelectOption\">\n        <Typography type=\"s5\" weight={\"medium\"} color={\"theme.secondary.800\"}>\n          Options\n        </Typography>\n        {selectOptions.map((option: any, index: number) => (\n          <div className=\"formSection--MultiOptions\">\n            <TextField\n              fullWidth\n              key={index}\n              value={`${option.label} (${option.value})`}\n              InputProps={{\n                readOnly: true,\n              }}\n            />\n            <CloseIcon\n              style={{ fontSize: \"1rem\", color: \"#656669\" }}\n              onClick={() => {\n                setSelectOptions([\n                  ...selectOptions.filter(\n                    (_: any, filterIndex: number) => filterIndex !== index,\n                  ),\n                ]);\n              }}\n            />\n          </div>\n        ))}\n      </div>\n      {isAddSelectOption ? (\n        <div className=\"formSection--SelectOption\">\n          <div>\n            <TextField\n              fullWidth\n              label=\"Label\"\n              is_required\n              name=\"label\"\n              type=\"text\"\n              placeholder=\"Label\"\n              defaultValue={newOptions.label}\n              onChange={handleAddNewOption}\n            />\n          </div>\n          <div>\n            <TextField\n              fullWidth\n              label=\"Value\"\n              placeholder=\"Value\"\n              is_required\n              name=\"value\"\n              type=\"text\"\n              defaultValue={newOptions.value}\n              onChange={handleAddNewOption}\n            />\n          </div>\n          <Button\n            onClick={() =>\n              setSelectOptions([...selectOptions, { ...newOptions }])\n            }\n            disabled={\n              !!selectOptions.find(\n                (ele: Option) => ele.value === newOptions.value,\n              )\n            }\n            variant=\"text\"\n            className=\"formSection--Button\"\n            startIcon={<Add />}\n          >\n            Add\n          </Button>\n        </div>\n      ) : (\n        <Button\n          onClick={() => setAddSelectOption(true)}\n          variant=\"text\"\n          className=\"formSection--Button\"\n          startIcon={<Add />}\n        >\n          Add Option\n        </Button>\n      )}\n\n      <FormControl>\n        <Typography type=\"s4\" color=\"theme.secondary.800\">\n          Display style\n        </Typography>\n        <RadioGroup\n          key={elementJSON.id}\n          row\n          aria-labelledby=\"demo-radio-buttons-group-label\"\n          name=\"display\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.display}\n        >\n          <FormControlLabel\n            value=\"row\"\n            control={<Radio size=\"small\" />}\n            label=\"Row\"\n            slotProps={{ typography: { variant: \"body2\" } }}\n          />\n          <FormControlLabel\n            value=\"column\"\n            control={<Radio size=\"small\" />}\n            label=\"Column\"\n            slotProps={{ typography: { variant: \"body2\" } }}\n          />\n        </RadioGroup>\n      </FormControl>\n\n      <div key={elementJSON.id}>\n        <TextField\n          key={elementJSON.id}\n          fullWidth\n          label=\"Title\"\n          is_required\n          name=\"title\"\n          type=\"text\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.title}\n        />\n      </div>\n\n      <FormControl disabled={!allowLabelPositionModification}>\n        <Typography type=\"s4\" color=\"theme.secondary.800\">\n          Title Position\n        </Typography>\n        <RadioGroup\n          key={elementJSON.id}\n          row\n          aria-labelledby=\"demo-radio-buttons-group-label\"\n          name=\"title_position\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={allowLabelPositionModification ? \"end\" : \"\"}\n        >\n          <FormControlLabel\n            value=\"start\"\n            control={<Radio size=\"small\" />}\n            label=\"Start\"\n            slotProps={{ typography: { variant: \"body2\" } }}\n          />\n          <FormControlLabel\n            value=\"end\"\n            control={<Radio size=\"small\" />}\n            label=\"End\"\n            slotProps={{ typography: { variant: \"body2\" } }}\n          />\n        </RadioGroup>\n      </FormControl>\n\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_required\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate}\n        checked={elementJSON.is_required}\n        label=\"This field is required\"\n      />\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_unique\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate}\n        checked={elementJSON.is_unique}\n        label=\"Is Unique\"\n      />\n\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_fullwidth\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate} // need to change this\n        checked={elementJSON?.is_fullwidth}// need to change \n        label=\"Full Width \"\n      />\n    </Box>\n  );\n}\n\nexport default CheckboxEditForm;\n"],"names":["CheckboxEditForm","props","isAddSelectOption","setAddSelectOption","useState","handlePropertyValueUpdate","handleSelectOptionValueUpdate","handleColumnSelect","handleWidthChange","columnPerRowOptions","selectOptions","setSelectOptions","element","options","elementJSON","setElementJSON","allowLabelPositionModification","field_type","newOptions","setNewOptions","label","value","is_checked","handleAddNewOption","e","target","name","option","handleSelectUpdate","default_value","useEffect","jsxs","Box","className","children","jsx","FieldSelect","variant","onChange","defaultValue","disabled","type","is_new","id","TextField","fullWidth","is_required","Select","placeholder","size","length","map","index","MenuItem","FormControl","Typography","sx","color","Slider","custom_width","min","max","step","_","newValue","weight","InputProps","readOnly","CloseIcon","style","fontSize","onClick","filter","filterIndex","Button","find","ele","startIcon","Add","RadioGroup","row","display","FormControlLabel","control","Radio","slotProps","typography","title","Checkbox","checked","is_unique","is_fullwidth"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/checkbox.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport {\r\n  MenuItem,\r\n  Box,\r\n  FormControlLabel,\r\n  FormControl,\r\n  RadioGroup,\r\n  Button,\r\n  Select,\r\n  InputLabel,\r\n  Slider,\r\n} from \"@mui/material\";\r\nimport { Add } from \"@mui/icons-material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\n\r\n// ERP Common imports\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport Radio from \"@/components/radio/radio\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Typography from \"@/components/typography/typography\";\r\n\r\n// Local imports\r\nimport FieldSelect from \"./field-select\";\r\nimport \"../custom-form.scss\";\r\n\r\ninterface Option {\r\n  label: string;\r\n  value: string;\r\n  is_checked: boolean;\r\n  [key: string]: string | boolean; // Index signature to allow any string property\r\n}\r\n\r\nexport function CheckboxEditForm(props: any) {\r\n  const [isAddSelectOption, setAddSelectOption] = useState(false);\r\n  const { handlePropertyValueUpdate, handleSelectOptionValueUpdate , handleColumnSelect ,  handleWidthChange  } = props;\r\n  const columnPerRowOptions = [1, 2, 3, 4, 5, 6];\r\n  const [selectOptions, setSelectOptions] = useState(\r\n    props.element.options || [],\r\n  );\r\n  const [elementJSON, setElementJSON] = useState(props.element);\r\n\r\n  const allowLabelPositionModification =\r\n    elementJSON.field_type !== \"radioButton\";\r\n\r\n  const [newOptions, setNewOptions] = useState<Option>({\r\n    label: \"\",\r\n    value: \"\",\r\n    is_checked: false,\r\n  });\r\n\r\n\r\n\r\n  const handleAddNewOption = (e: any) => {\r\n    const label: string = e.target.name;\r\n    const value: string = e.target.value;\r\n    const option: Option = { ...newOptions };\r\n    option[label] = value;\r\n    setNewOptions(option);\r\n  };\r\n\r\n  const handleFieldUpdate = (e: any) => {\r\n    elementJSON.field_type = e.target.value;\r\n    handlePropertyValueUpdate(null, null, null, e.target.value);\r\n  };\r\n\r\n  const handleSelectUpdate = (e: any) => {\r\n    elementJSON.default_value = e.target.value;\r\n    handlePropertyValueUpdate(null, null, e.target.value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setElementJSON(props.element);\r\n    setSelectOptions(props.element.options || []);\r\n  }, [props.element]);\r\n\r\n  useEffect(() => {\r\n    setNewOptions({ label: \"\", value: \"\", is_checked: false });\r\n    setAddSelectOption(false);\r\n    handleSelectOptionValueUpdate(selectOptions);\r\n    // eslint-disable-next-line\r\n  }, [selectOptions]);\r\n\r\n  return (\r\n    <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\r\n      <div key={elementJSON.id}>\r\n        <FieldSelect\r\n          key={elementJSON.id}\r\n          variant=\"outlined\"\r\n          onChange={handleFieldUpdate}\r\n          defaultValue={elementJSON.field_type}\r\n          label=\"Field Type\"\r\n          disabled={elementJSON.type === \"system\" || !elementJSON.is_new}\r\n        />\r\n      </div>\r\n      <div key={elementJSON.id}>\r\n        <TextField\r\n          fullWidth\r\n          label=\"Label\"\r\n          is_required\r\n          key={elementJSON.id}\r\n          name=\"label\"\r\n          type=\"text\"\r\n          onChange={handlePropertyValueUpdate}\r\n          defaultValue={elementJSON.label}\r\n        />\r\n      </div>\r\n\r\n      <div key={elementJSON.id}>\r\n        <Select\r\n          variant=\"outlined\"\r\n          key={elementJSON.id}\r\n          fullWidth\r\n          placeholder=\"Select Default\"\r\n          size=\"small\"\r\n          name=\"options\"\r\n          onChange={() => handleSelectUpdate}\r\n          defaultValue={elementJSON.default_value}\r\n          label=\"Default\"\r\n          disabled={!selectOptions.length}\r\n        >\r\n          {selectOptions?.map((option: any, index: number) => (\r\n            <MenuItem key={index} value={option.value}>\r\n              {option.label}\r\n            </MenuItem>\r\n          ))}\r\n        </Select>\r\n      </div>\r\n      <FormControl>\r\n        <Select\r\n          key={elementJSON.id}\r\n          fullWidth\r\n          placeholder=\"Select Column Per Row\"\r\n          size=\"small\"\r\n          onChange={handleColumnSelect} // need to change\r\n          // defaultValue= {} // need to change\r\n          label=\"Select Column Per Row\"\r\n          name=\"option\"\r\n          variant=\"outlined\"\r\n        >\r\n          {columnPerRowOptions?.map((option: any, index: number) => (\r\n            <MenuItem key={index} value={option}>\r\n              {option}\r\n            </MenuItem>\r\n          ))}\r\n        </Select>\r\n      </FormControl>\r\n      <Box>\r\n        <Typography sx={{ color: 'black' }}>Adjust Width:</Typography>\r\n        <Slider\r\n          value = {elementJSON?.custom_width}\r\n          name = \"custom_width\"\r\n          min={1}\r\n          max={12}\r\n          step={1}\r\n          onChange={(_, newValue) => handleWidthChange(newValue)}\r\n          aria-labelledby=\"width-slider\"\r\n          sx = {{color : \"#4AC08C\"}}\r\n        />\r\n      </Box>\r\n    \r\n\r\n      <div className=\"formSection--SelectOption\">\r\n        <Typography type=\"s5\" weight={\"medium\"} color={\"theme.secondary.800\"}>\r\n          Options\r\n        </Typography>\r\n        {selectOptions.map((option: any, index: number) => (\r\n          <div className=\"formSection--MultiOptions\">\r\n            <TextField\r\n              fullWidth\r\n              key={index}\r\n              value={`${option.label} (${option.value})`}\r\n              InputProps={{\r\n                readOnly: true,\r\n              }}\r\n            />\r\n            <CloseIcon\r\n              style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n              onClick={() => {\r\n                setSelectOptions([\r\n                  ...selectOptions.filter(\r\n                    (_: any, filterIndex: number) => filterIndex !== index,\r\n                  ),\r\n                ]);\r\n              }}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n      {isAddSelectOption ? (\r\n        <div className=\"formSection--SelectOption\">\r\n          <div>\r\n            <TextField\r\n              fullWidth\r\n              label=\"Label\"\r\n              is_required\r\n              name=\"label\"\r\n              type=\"text\"\r\n              placeholder=\"Label\"\r\n              defaultValue={newOptions.label}\r\n              onChange={handleAddNewOption}\r\n            />\r\n          </div>\r\n          <div>\r\n            <TextField\r\n              fullWidth\r\n              label=\"Value\"\r\n              placeholder=\"Value\"\r\n              is_required\r\n              name=\"value\"\r\n              type=\"text\"\r\n              defaultValue={newOptions.value}\r\n              onChange={handleAddNewOption}\r\n            />\r\n          </div>\r\n          <Button\r\n            onClick={() =>\r\n              setSelectOptions([...selectOptions, { ...newOptions }])\r\n            }\r\n            disabled={\r\n              !!selectOptions.find(\r\n                (ele: Option) => ele.value === newOptions.value,\r\n              )\r\n            }\r\n            variant=\"text\"\r\n            className=\"formSection--Button\"\r\n            startIcon={<Add />}\r\n          >\r\n            Add\r\n          </Button>\r\n        </div>\r\n      ) : (\r\n        <Button\r\n          onClick={() => setAddSelectOption(true)}\r\n          variant=\"text\"\r\n          className=\"formSection--Button\"\r\n          startIcon={<Add />}\r\n        >\r\n          Add Option\r\n        </Button>\r\n      )}\r\n\r\n      <FormControl>\r\n        <Typography type=\"s4\" color=\"theme.secondary.800\">\r\n          Display style\r\n        </Typography>\r\n        <RadioGroup\r\n          key={elementJSON.id}\r\n          row\r\n          aria-labelledby=\"demo-radio-buttons-group-label\"\r\n          name=\"display\"\r\n          onChange={handlePropertyValueUpdate}\r\n          defaultValue={elementJSON.display}\r\n        >\r\n          <FormControlLabel\r\n            value=\"row\"\r\n            control={<Radio size=\"small\" />}\r\n            label=\"Row\"\r\n            slotProps={{ typography: { variant: \"body2\" } }}\r\n          />\r\n          <FormControlLabel\r\n            value=\"column\"\r\n            control={<Radio size=\"small\" />}\r\n            label=\"Column\"\r\n            slotProps={{ typography: { variant: \"body2\" } }}\r\n          />\r\n        </RadioGroup>\r\n      </FormControl>\r\n\r\n      <div key={elementJSON.id}>\r\n        <TextField\r\n          key={elementJSON.id}\r\n          fullWidth\r\n          label=\"Title\"\r\n          is_required\r\n          name=\"title\"\r\n          type=\"text\"\r\n          onChange={handlePropertyValueUpdate}\r\n          defaultValue={elementJSON.title}\r\n        />\r\n      </div>\r\n\r\n      <FormControl disabled={!allowLabelPositionModification}>\r\n        <Typography type=\"s4\" color=\"theme.secondary.800\">\r\n          Title Position\r\n        </Typography>\r\n        <RadioGroup\r\n          key={elementJSON.id}\r\n          row\r\n          aria-labelledby=\"demo-radio-buttons-group-label\"\r\n          name=\"title_position\"\r\n          onChange={handlePropertyValueUpdate}\r\n          defaultValue={allowLabelPositionModification ? \"end\" : \"\"}\r\n        >\r\n          <FormControlLabel\r\n            value=\"start\"\r\n            control={<Radio size=\"small\" />}\r\n            label=\"Start\"\r\n            slotProps={{ typography: { variant: \"body2\" } }}\r\n          />\r\n          <FormControlLabel\r\n            value=\"end\"\r\n            control={<Radio size=\"small\" />}\r\n            label=\"End\"\r\n            slotProps={{ typography: { variant: \"body2\" } }}\r\n          />\r\n        </RadioGroup>\r\n      </FormControl>\r\n\r\n      <FormControlLabel\r\n        key={elementJSON.id}\r\n        name=\"is_required\"\r\n        control={<Checkbox />}\r\n        onChange={handlePropertyValueUpdate}\r\n        checked={elementJSON.is_required}\r\n        label=\"This field is required\"\r\n      />\r\n      <FormControlLabel\r\n        key={elementJSON.id}\r\n        name=\"is_unique\"\r\n        control={<Checkbox />}\r\n        onChange={handlePropertyValueUpdate}\r\n        checked={elementJSON.is_unique}\r\n        label=\"Is Unique\"\r\n      />\r\n\r\n      <FormControlLabel\r\n        key={elementJSON.id}\r\n        name=\"is_fullwidth\"\r\n        control={<Checkbox />}\r\n        onChange={handlePropertyValueUpdate} // need to change this\r\n        checked={elementJSON?.is_fullwidth}// need to change \r\n        label=\"Full Width \"\r\n      />\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default CheckboxEditForm;\r\n"],"names":["CheckboxEditForm","props","isAddSelectOption","setAddSelectOption","useState","handlePropertyValueUpdate","handleSelectOptionValueUpdate","handleColumnSelect","handleWidthChange","columnPerRowOptions","selectOptions","setSelectOptions","element","options","elementJSON","setElementJSON","allowLabelPositionModification","field_type","newOptions","setNewOptions","label","value","is_checked","handleAddNewOption","e","target","name","option","handleSelectUpdate","default_value","useEffect","jsxs","Box","className","children","jsx","FieldSelect","variant","onChange","defaultValue","disabled","type","is_new","id","TextField","fullWidth","is_required","Select","placeholder","size","length","map","index","MenuItem","FormControl","Typography","sx","color","Slider","custom_width","min","max","step","_","newValue","weight","InputProps","readOnly","CloseIcon","style","fontSize","onClick","filter","filterIndex","Button","find","ele","startIcon","Add","RadioGroup","row","display","FormControlLabel","control","Radio","slotProps","typography","title","Checkbox","checked","is_unique","is_fullwidth"],"mappings":"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"}