udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/UdpFormsSubmissionGrid-BFtv7Ldz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpFormsSubmissionGrid-BFtv7Ldz.js","names":[],"sources":["../src/udp/pages/UdpFormsSubmissionGrid/UdpFormsSubmissionGrid.jsx"],"sourcesContent":["import React, {\n  useMemo,\n  useState,\n  useEffect,\n  useCallback,\n  useRef\n} from 'react';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { useTenant } from '../../../utilities/tenant/useTenant';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { useSnackbar } from 'notistack';\nimport { CustomMenuPage } from '../../../menuPage';\nimport { useTranslation } from 'react-i18next';\nimport { apiMutate } from '../../../utilities';\nimport { ConfigService } from '../../../configService';\nimport { SearchMethodUdpGrid } from '../../../UI/templates/newGrid';\nimport { LoadingIndicator } from '../../../UI/loading/LoadingIndicator';\nimport { UdpPageEnums } from '../../../enums';\nimport { StatusCellRenderer } from '../../../UI/templates/ui/renderers';\nimport { SqlFilterOperators } from '../../../enums/aggridEnums';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { Autocomplete } from '@material-ui/lab';\nimport { TextField, FormControlLabel, Switch} from '@material-ui/core';\nimport { PageLoading } from '../../../UI';\nimport { parseSearchParamsIntoFilterObjects } from '../../../utilities/search';\n\n\n\n// ============================================================================\n// Submission status enum\n// Used to map numeric submission status values returned from the backend\n// ============================================================================\nconst UdpFormsSubmissionStatusEnum = Object.freeze({\n  InProgress: 1,\n  Submitted: 2,\n  Created: 3\n});\n\n// ============================================================================\n// Date formatter helper\n// Normalizes backend date strings and formats them for display\n// Handles both ISO strings and \"YYYY-MM-DD HH:mm:ss.sss\" formats\n// ============================================================================\nconst formatDateTime = (dateString) => {\n  let normalizedDateString = dateString;\n\n  // Check if the string is in the 'YYYY-MM-DD HH:mm:ss.sss' format\n  // (i.e., contains a space instead of 'T').\n  // If the input is already ISO (e.g. '2025-12-10T20:23:23.055Z'),\n  // it passes straight through.\n  // This format is assumed to be missing timezone info and treated as UTC.\n  if (dateString.includes(' ')) {\n    // Replace the space with 'T' to normalize to ISO-like format\n    normalizedDateString = dateString.replace(' ', 'T');\n  }\n\n  // Ensure UTC timezone is explicitly specified\n  if (!dateString.toUpperCase().endsWith('Z')) {\n    normalizedDateString = normalizedDateString + 'Z';\n  }\n\n  const date = new Date(normalizedDateString);\n\n  // Localized, user-friendly date/time display\n  return date.toLocaleString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  });\n};\n\nconst toUtcIsoAtLocalEndOfDay = (yyyyMmDd) => {\n  if (!yyyyMmDd) return null;\n  const [y, m, d] = String(yyyyMmDd)\n    .split('-')\n    .map((x) => Number(x));\n  if (!y || !m || !d) return null;\n\n  // local time end-of-day (23:59:59.000), then serialize as UTC ISO\n  const local = new Date(y, m - 1, d, 23, 59, 59, 0);\n  return local.toISOString();\n};\n\n// ============================================================================\n// URL filter field → ag-Grid filter configuration mapping\n// Used when converting URL search params into ag-Grid filter models\n// ============================================================================\nconst filterConfigByUrlField = {\n  form_name: { agGridField: 'form_Name', filterType: 'text' },\n  formsubmission_formid: {\n    agGridField: 'formSubmission_FormId',\n    filterType: 'text'\n  },\n  formsubmission_formversion: {\n    agGridField: 'formSubmission_FormVersion',\n    filterType: 'number'\n  },\n  form_description: { agGridField: 'form_Description', filterType: 'text' },\n  formsubmission_userdisplayname: {\n    agGridField: 'formSubmission_UserDisplayName',\n    filterType: 'text'\n  },\n  formsubmission_status: {\n    agGridField: 'formSubmission_Status',\n    filterType: 'number'\n  },\n  formsubmission_initialcreatedon: {\n    agGridField: 'formSubmission_InitialCreatedOn',\n    filterType: 'date'\n  },\n  formsubmission_lastmodifiedon: {\n    agGridField: 'formSubmission_LastModifiedOn',\n    filterType: 'date'\n  },\n  formsubmission_submittedon: {\n    agGridField: 'formSubmission_SubmittedOn',\n    filterType: 'date'\n  },\n  formsubmission_duedate: {\n    agGridField: 'formSubmission_DueDate',\n    filterType: 'date'\n  },\n  formsubmission_isoverdue: {\n    agGridField: 'formSubmission_IsOverdue',\n    filterType: 'text'\n  }\n};\n\n/**\n * Maps your internal filter object structure (from URL processing)\n * to the ag-Grid Filter Model structure.\n * * @param {Array<{searchField: string, searchOperator: number, searchValue: string}>} filterObjects\n * @returns {object} ag-Grid Filter Model\n */\n/**\n * Maps your internal filter object structure (from URL processing)\n * to the ag-Grid Filter Model structure.\n * @param {Array<{searchField: string, searchOperator: number, searchValue: string}>} filterObjects\n * @returns {object} ag-Grid Filter Model\n */\nconst mapUrlFiltersToAgGridModel = (filterObjects) => {\n  if (!filterObjects || filterObjects.length === 0) {\n    return null;\n  }\n\n  const agGridModel = {};\n\n  filterObjects.forEach((filter) => {\n    const { searchField, searchOperator, searchValue } = filter;\n\n    const searchKey = searchField.toLocaleLowerCase();\n    const config = filterConfigByUrlField[searchKey];\n\n    if (!config) {\n      console.warn(\n        `No configuration found for URL filter field: ${searchField}. Filter ignored.`\n      );\n      return;\n    }\n\n    const agGridField = config.agGridField;\n    const filterType = config.filterType;\n\n    let type = 'equals';\n    switch (searchOperator) {\n      case SqlFilterOperators.EQUALS:\n        type = 'equals';\n        break;\n      case SqlFilterOperators.NOT_EQUALS:\n        type = 'notEqual';\n        break;\n      case SqlFilterOperators.GREATER_THAN:\n        type = 'greaterThan';\n        break;\n      case SqlFilterOperators.LESS_THAN:\n        type = 'lessThan';\n        break;\n      case SqlFilterOperators.LIKE:\n        type = 'contains';\n        break;\n      default:\n        type = 'equals';\n    }\n\n    let filterValue = searchValue;\n\n    if (\n      !filterValue ||\n      filterValue.toLowerCase() === 'undefined' ||\n      filterValue.toLowerCase() === 'null'\n    ) {\n      console.warn(\n        `Skipping filter for ${agGridField} due to invalid value: ${searchValue}`\n      );\n      return;\n    }\n\n    if (filterType == 'date') {\n      agGridModel[agGridField] = {\n        filterType,\n        type,\n        dateFrom: filterValue\n      };\n    } else if (\n      filterType == 'text' &&\n      agGridField.toLocaleLowerCase() == 'formsubmission_isoverdue'\n    ) {\n      agGridModel[agGridField] = {\n        filterType,\n        type: filterValue\n      };\n    } else {\n      agGridModel[agGridField] = {\n        filterType,\n        type,\n        filter: filterValue\n      };\n    }\n  });\n\n  return agGridModel;\n};\n\n// ============================================================================\n// Helper for CustomMenuPage to parse form submission ID and version from node ID\n// ============================================================================\nconst parseIdAndVersion = (input) => {\n  const formSubmissionId = input.replace(/^form-submission-/, '');\n  // Check for \"all forms\" special case\n  if (formSubmissionId.includes('all-forms-key')) {\n    return null;\n  }\n  return formSubmissionId;\n};\n\n// ============================================================================\n// Maps a submission status enum value to a human-readable status label\n// Used in grid cell renderer\n// ============================================================================\nconst getSubmissionStatusLabel = (node) => {\n  const formStatus = node?.data?.formSubmission_Status;\n  switch (formStatus) {\n    case UdpFormsSubmissionStatusEnum.InProgress:\n      return 'InProgress';\n    case UdpFormsSubmissionStatusEnum.Created:\n      return 'Created';\n    case UdpFormsSubmissionStatusEnum.Submitted:\n      return 'Submitted';\n    default:\n      return '';\n  }\n};\n\n// ============================================================================\n// Maps overdue flag to a display label\n// Used in grid cell renderer\n// ============================================================================\nconst getOverdueStatusLabel = (node) => {\n  const overdueStatus = node?.data?.formSubmission_IsOverdue;\n  switch (overdueStatus) {\n    case true:\n      return 'Overdue';\n    default:\n      return '';\n  }\n};\n\n// ============================================================================\n// Filters form submissions by tenant ID\n// ============================================================================\nconst filterSubmissionByTenantId = (submissions, tenantId) => {\n  return submissions.filter(\n    (submission) => submission.form_TenantId === tenantId\n  );\n};\n\n// ============================================================================\n// Map of status labels to status types\n// Used in grid configs\n// ============================================================================\nconst gridFunctions = [\n  { name: 'agGridSizeColumnsToFit' },\n  { name: 'agGridAutoSizeColumns' },\n  { name: 'agGridResetColumns' },\n  { name: 'agGridHideShowColumns' },\n  { name: 'agGridExport' }\n];\n\n// ============================================================================\n// Map of status labels to status types\n// Used in grid configs\n// ============================================================================\nconst statusMappingConfig = {\n  Created: 'info',\n  InProgress: 'warning',\n  Submitted: 'success',\n  Overdue: 'error'\n};\n\n// ============================================================================\n// Map of status labels to status types\n// Grid options config\n// ============================================================================\nconst gridOptions = {\n  pagination: true,\n  defaultColDef: {\n    sortable: true,\n    filter: true,\n    resizable: true\n  }\n};\n\nexport const UdpFormsSubmissionGrid = ({\n  isManagerMode = false,\n  generic1 = undefined,\n  generic2 = undefined,\n  generic3 = undefined,\n  formsRendererUrlPath = undefined,\n  allFormTitle = undefined,\n  menuTitle = undefined,\n  onSideSheetPrimaryAction = undefined\n}) => {\n  const user = useUser();\n  const tenant = useTenant();\n  const history = useHistory();\n  const location = useLocation();\n  const { t } = useTranslation();\n  const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n\n  // Component states\n  const [innerMenuItemList, setInnerMenuItemList] = useState([]);\n  const [formSubmissionViewDataRaw, setFormSubmissionViewDataRaw] = useState([]);\n  const [formDataRaw, setFormDataRaw] = useState([]);\n  const [isSidesheetOpen, setIsSidesheetOpen] = useState(false);\n  const [selectedUdpFormInSideSheet, setSelectedUdpFormInSideSheet] = useState({});\n  const [formSubmissionUrlSearchObjs, setFormSubmissionUrlSearchObjs] = useState([]);\n  const [gridApi, setGridApi] = useState(null);\n  const handleGridApiCallback = useCallback((api) => { setGridApi(api) }, []);\n  const [containsDueDate, setContainsDueDate] = useState(false);\n  const [dueDateValue, setDueDateValue] = useState(null); \n\n  const initialFilterModel = useMemo(() => {\n    return mapUrlFiltersToAgGridModel(formSubmissionUrlSearchObjs);\n  }, [formSubmissionUrlSearchObjs]);\n\n  useEffect(() => {\n    if (gridApi && initialFilterModel) {\n      gridApi.setFilterModel(initialFilterModel);\n      gridApi.onFilterChanged();\n    }\n  }, [gridApi, initialFilterModel]);\n\n  const consolidateAndSortFormsByFormId = useCallback(\n    (forms, submissions = []) => {\n      const resultMap = new Map();\n      for (const item of forms) {\n        const {\n          id: formId,\n          version: formVersion,\n          name: formName,\n          description: formDescription,\n          initialCreatedOn: initialCreatedOn\n        } = item;\n        if (!formId || formVersion == null) continue;\n\n        const key = String(formId);\n        const existing = resultMap.get(key);\n\n        // normalize version and timestamp\n        const versionNum = Number(formVersion) || 0;\n        const ts = initialCreatedOn ? new Date(initialCreatedOn).getTime() : 0;\n\n        // robust comparison (coerce to string)\n        const submissionCount = (submissions || []).filter(\n          (sub) => String(sub?.formSubmission_FormId) === key\n        ).length;\n\n        if (!existing) {\n          resultMap.set(key, {\n            id: key,\n            formId,\n            formVersion: versionNum,\n            name: formName || t('Untitled Form'),\n            submissionCount,\n            description: formDescription || '',\n            mostRecentCreatedOn: ts\n          });\n        } else {\n          // keep metadata (name/description/formVersion) from the highest version seen\n          if (versionNum > (existing.formVersion || 0)) {\n            existing.formVersion = versionNum;\n            if (formName) existing.name = formName;\n            if (formDescription) existing.description = formDescription;\n          }\n        }\n      }\n\n      const sortedOptions = Array.from(resultMap.values()).sort((a, b) =>\n        b.name.localeCompare(a.name)\n      );\n      return sortedOptions;\n    },\n    [t]\n  );\n\n  const consolidateAndSortFormSubmissionsByFormId = useCallback(\n    (submissions) => {\n      const resultMap = new Map();\n      for (const item of submissions) {\n        const {\n          formSubmission_FormId: formId,\n          formSubmission_FormVersion: formVersion,\n          form_Name: formName,\n          form_Description: formDescription,\n          formSubmission_InitialCreatedOn: initialCreatedOn\n        } = item;\n        if (!formId || formVersion == null) continue;\n\n        const key = `${formId}`;\n        const existing = resultMap.get(key);\n\n        // normalize version and timestamp\n        const versionNum = Number(formVersion) || 0;\n        const ts = initialCreatedOn ? new Date(initialCreatedOn).getTime() : 0;\n\n        if (!existing) {\n          resultMap.set(key, {\n            id: key,\n            formId,\n            formVersion: versionNum,\n            name: formName || t('Untitled Form'),\n            submissionCount: 1,\n            description: formDescription || '',\n            mostRecentCreatedOn: ts\n          });\n        } else {\n          existing.submissionCount += 1;\n          existing.mostRecentCreatedOn = Math.max(\n            existing.mostRecentCreatedOn || 0,\n            ts\n          );\n\n          // keep metadata (name/description/formVersion) from the highest version seen\n          if (versionNum > (existing.formVersion || 0)) {\n            existing.formVersion = versionNum;\n            if (formName) existing.name = formName;\n            if (formDescription) existing.description = formDescription;\n          }\n        }\n      }\n\n      const sortedOptions = Array.from(resultMap.values()).sort(\n        (a, b) => b.mostRecentCreatedOn - a.mostRecentCreatedOn\n      );\n      return sortedOptions;\n    },\n    [t]\n  );\n\n  const fetchSubmissions = useCallback(async () => {\n    try {\n      if (!tenant?.activeTenant?.tenantId) return;\n\n      const filterElements = [];\n\n      filterElements.push({\n        searchField: 'Form_TenantId',\n        searchOperator: '=',\n        searchValue: tenant.activeTenant.tenantId\n      });\n\n      if (!isManagerMode) {\n        filterElements.push({\n          searchField: 'FormSubmission_UnityUserId',\n          searchOperator: '=',\n          searchValue: user.id\n        });\n      }\n\n      if (generic1 !== undefined) {\n        filterElements.push({\n          searchField: 'formSubmission_generic1',\n          searchOperator: '=',\n          searchValue: generic1\n        });\n      }\n\n      if (generic2 !== undefined) {\n        filterElements.push({\n          searchField: 'formSubmission_generic2',\n          searchOperator: '=',\n          searchValue: generic2\n        });\n      }\n\n      if (generic3 !== undefined) {\n        filterElements.push({\n          searchField: 'formSubmission_generic3',\n          searchOperator: '=',\n          searchValue: generic3\n        });\n      }\n\n      const formSubmissionViewSearchResponse = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpFormWithSubmissionsView/search`,\n        {\n          method: 'POST',\n          data: {\n            eagerLoad: false,\n            getAll: true,\n            filterElements\n          }\n        },\n        {}\n      );\n\n      const submissions = formSubmissionViewSearchResponse?.data.pageList || [];\n      const processedSubmissions = filterSubmissionByTenantId(\n        submissions,\n        tenant.activeTenant.tenantId\n      );\n      setFormSubmissionViewDataRaw(processedSubmissions);\n    } catch (e) {\n      console.error('fetchSubmissions error:', e);\n    }\n  }, [\n    user,\n    tenant,\n    isManagerMode,\n    consolidateAndSortFormSubmissionsByFormId,\n    t,\n    generic1,\n    generic2,\n    generic3\n  ]);\n\n  const fetchForms = useCallback(async () => {\n    try {\n      if (!tenant?.activeTenant?.tenantId) return;\n\n      const filterElements = [];\n\n      filterElements.push({\n        searchField: 'tenantId',\n        searchOperator: '=',\n        searchValue: tenant.activeTenant.tenantId\n      });\n\n      const formResponse = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpForm/search`,\n        {\n          method: 'POST',\n          data: {\n            eagerLoad: false,\n            getAll: true,\n            filterElements\n          }\n        },\n        {}\n      );\n\n      const forms = formResponse?.data.pageList || [];\n      setFormDataRaw(forms);\n    } catch (e) {\n      console.error('fetchForms error:', e);\n    }\n  }, [user, tenant, consolidateAndSortFormSubmissionsByFormId]);\n\n  const getSearchMethodConfig = useCallback(\n    (formId) => {\n      if (!tenant?.activeTenant?.tenantId) return;\n\n      const filterElements = [];\n\n      if (!isManagerMode) {\n        filterElements.push({\n          searchField: 'formSubmission_unityUserId',\n          searchOperator: '=',\n          searchValue: user.id || ''\n        });\n      }\n\n      if (formId) {\n        filterElements.push({\n          searchField: 'formSubmission_formId',\n          searchOperator: '=',\n          searchValue: formId\n        });\n      }\n\n      if (generic1 !== undefined) {\n        filterElements.push({\n          searchField: 'formSubmission_generic1',\n          searchOperator: '=',\n          searchValue: generic1\n        });\n      }\n\n      if (generic2 !== undefined) {\n        filterElements.push({\n          searchField: 'formSubmission_generic2',\n          searchOperator: '=',\n          searchValue: generic2\n        });\n      }\n\n      if (generic3 !== undefined) {\n        filterElements.push({\n          searchField: 'formSubmission_generic3',\n          searchOperator: '=',\n          searchValue: generic3\n        });\n      }\n\n      filterElements.push({\n        searchField: 'form_tenantId',\n        searchOperator: '=',\n        searchValue: tenant?.activeTenant?.tenantId || ''\n      });\n\n      return {\n        requestUrl: `${ConfigService.productV1ApiUrl}/UdpFormWithSubmissionsView/search`,\n        customSearchObject: {\n          eagerLoad: false,\n          filterElements,\n          orderElements: [\n            {\n              sortColumn: 'initialCreatedOn',\n              sortDirection: 'DESC'\n            }\n          ]\n        }\n        // logicalSearchOperator: 1,\n        // groupingType: '',\n        // groupProperty: [],\n        // groupOperationList: [],\n        // type: 'advanced',\n        // pageNumber: 1,\n        // pageSize: 20,\n      };\n    },\n    [user, isManagerMode, tenant, generic1, generic2, generic3]\n  );\n\n  const generateFormRendererUrlPathUsingFormIdAndFormVersion = useCallback(\n    (formId, formVersion) => {\n      const baseRoute = formsRendererUrlPath\n        ? formsRendererUrlPath\n        : 'page/' + UdpPageEnums.Udp_Form_Renderer_Page;\n\n      return `${baseRoute}?udpf_formId=${encodeURIComponent(\n        formId\n      )}&udpf_version=${encodeURIComponent(formVersion)}`;\n    },\n    [formsRendererUrlPath]\n  );\n\n  const generateFormRendererUrlPathUsingSubmissionId = useCallback(\n    (submissionId) => {\n      const baseRoute = formsRendererUrlPath\n        ? formsRendererUrlPath\n        : 'page/' + UdpPageEnums.Udp_Form_Renderer_Page;\n\n      return `${baseRoute}?udpf_submissionId=${encodeURIComponent(\n        submissionId\n      )}`;\n    },\n    [formsRendererUrlPath]\n  );\n\n  const getGridHeaderConfig = useCallback(\n    (formId, formVersion, formTitle) => {\n      const config = {\n        title: formTitle\n      };\n\n      if (!isManagerMode) {\n        config.primaryActionButton = {\n          label: t('Submit New Form'),\n          onClick: () => {\n            if (formId && formVersion) {\n              setSelectedUdpFormInSideSheet({ value: `${formId}|${formVersion}`, label: formTitle });\n            } \n            setIsSidesheetOpen(true);\n          }\n        };\n      }\n\n      return config;\n    },\n    [history, t, isManagerMode]\n  );\n\n  const columnDefs = useMemo(\n    () => [\n      { headerName: 'Form ID', field: 'formSubmission_FormId', hide: true },\n      {\n        headerName: t('Name'),\n        field: 'form_Name',\n        type: 'text',\n        sortable: true\n      },\n      {\n        headerName: t('Version'),\n        field: 'formSubmission_FormVersion',\n        type: 'number',\n        sortable: true\n      },\n      {\n        headerName: t('Description'),\n        field: 'form_Description',\n        type: 'text',\n        sortable: true,\n        hide: true\n      },\n      {\n        headerName: t('Submitted By'),\n        field: 'formSubmission_UserDisplayName',\n        type: 'text',\n        sortable: true\n      },\n      {\n        headerName: t('Status'),\n        filter: true,\n        field: 'formSubmission_Status',\n        cellRenderer: 'statusRenderer',\n        cellRendererParams: {\n          statusMappingConfig: statusMappingConfig,\n          getStatusValue: getSubmissionStatusLabel\n        }\n      },\n      {\n        headerName: t('Overdue Status'),\n        field: 'formSubmission_IsOverdue',\n        cellDataType: 'boolean',\n        sortable: true,\n        cellRenderer: 'statusRenderer',\n        cellRendererParams: {\n          statusMappingConfig: statusMappingConfig,\n          getStatusValue: getOverdueStatusLabel\n        }\n      },\n      {\n        headerName: t('Created On'),\n        field: 'formSubmission_InitialCreatedOn',\n        valueFormatter: (p) => (p.value ? formatDateTime(p.value) : ''),\n        sortable: true,\n        cellDataType: 'dateTimeString'\n      },\n      {\n        headerName: t('Last Modified On'),\n        field: 'formSubmission_LastModifiedOn',\n        valueFormatter: (p) => (p.value ? formatDateTime(p.value) : ''),\n        sortable: true,\n        cellDataType: 'dateTimeString'\n      },\n      {\n        headerName: t('Submitted On'),\n        field: 'formSubmission_SubmittedOn',\n        valueFormatter: (p) => (p.value ? formatDateTime(p.value) : ''),\n        sortable: true,\n        cellDataType: 'dateTimeString'\n      },\n      {\n        headerName: t('Due On'),\n        field: 'formSubmission_DueDate',\n        valueFormatter: (p) => (p.value ? formatDateTime(p.value) : ''),\n        sortable: true,\n        cellDataType: 'dateTimeString'\n      },\n      {\n        field: 'actions',\n        cellRenderer: 'actionsRenderer',\n        cellRendererParams: {\n          actionList: [\n            {\n              id: 0,\n              iconName: 'view',\n              title: t('Open This Submission'),\n              handleOnClick: (e, params) => {\n                history.push(\n                  `${\n                    formsRendererUrlPath\n                      ? formsRendererUrlPath\n                      : '/page/' + UdpPageEnums.Udp_Form_Renderer_Page\n                  }?udpf_submissionId=${params?.data?.formSubmission_Id}`\n                );\n              }\n            }\n          ]\n        }\n      }\n    ],\n    [history, t, formsRendererUrlPath]\n  );\n\n  // ============================================================================\n  // Side Sheet Helpers and Handlers\n  // ============================================================================\n  const handleSidesheetPrimaryClick = async () => {\n    try {\n      // selectedUdpFormInSideSheet format is { value: \"formId|formVersion\", label: \"...\" }\n      const raw = selectedUdpFormInSideSheet?.value || '';\n      const [id, versionStr] = raw.split('|');\n      const version = Number(versionStr || 0);\n      if (!id || !version) {\n        console.warn('Invalid selection:', selectedUdpFormInSideSheet);\n        setIsSidesheetOpen(false);\n        return;\n      }\n\n      const fd = new FormData();\n      fd.append('FormId', id);\n      fd.append('FormVersion', String(version));\n      fd.append('Status', String(UdpFormsSubmissionStatusEnum.Created));\n      fd.append('Data', JSON.stringify({}));\n      if (dueDateValue) {\n        fd.append('DueDate', toUtcIsoAtLocalEndOfDay(dueDateValue));\n      }\n      if (generic1 !== undefined) {\n        fd.append('Generic1', String(generic1));\n      }\n      if (generic2 !== undefined) {\n        fd.append('Generic2', String(generic2));\n      }\n      if (generic3 !== undefined) {\n        fd.append('Generic3', String(generic3));\n      }\n\n      const formSubmissionViewSearchResponse = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpFormSubmission`,\n        {\n          method: 'POST',\n          data: fd\n        },\n        {}\n      );\n\n      const newSubmissionId = formSubmissionViewSearchResponse?.data?.id;\n      setIsSidesheetOpen(false);\n      const urlPath = generateFormRendererUrlPathUsingSubmissionId(newSubmissionId);\n      history.push(urlPath);\n    } catch (e) {\n      console.error('handleSidesheetPrimaryClick error:', e);\n      enqueueSnackbar(t('Error creating a new form.'), { variant: 'error' , anchorOrigin: { vertical: 'top', horizontal: 'center' }});\n    }\n  };\n\n  const handleSideSheetDueDateToggleChange = useCallback((checked) => {\n    setContainsDueDate(checked);\n    if (!checked) setDueDateValue(null); // hide + clear datapoint\n  }, []);\n\n  const handleDueDateChange = useCallback((e) => {\n    const next = e?.target?.value;\n    setDueDateValue(next);\n  }, []);\n\n  const handleSideSheetClosed = () => {\n    setSelectedUdpFormInSideSheet({});\n    setIsSidesheetOpen(false);\n    setContainsDueDate(false);\n    setDueDateValue(null);\n  };\n\n  const selectableItems = useMemo(() => {\n    const map = new Map();\n\n    for (const f of formDataRaw || []) {\n      const formType = f.form_Type ?? f.formType ?? f.type;\n      if (Number(formType) !== 1) continue;\n\n      const formId = f.id ?? f.form_Id ?? f.formId ?? String(f?.Id ?? '');\n      const version = Number(f.version ?? f.form_Version ?? f.formVersion ?? 0);\n      const name =\n        f.name ??\n        f.form_Name ??\n        f.formName ??\n        f.Form_Name ??\n        f.displayName ??\n        t('Untitled Form');\n      const description = f.description ?? f.form_Description ?? '';\n\n      const existing = map.get(formId);\n      if (!existing || version > existing.version) {\n        map.set(formId, { id: formId, name, version, description });\n      }\n    }\n\n    return Array.from(map.values()).sort((a, b) => b.version - a.version);\n  }, [formDataRaw, t]);\n\n  const selectorOptions = useMemo(() => {\n    return (selectableItems || []).map((s) => ({\n      value: `${s.id}|${s.version}`,\n      label: s.version ? `${s.name} (v${s.version})` : s.name\n    }));\n  }, [selectableItems]);\n\n  const handleSelectedUdpFormInSideSheetChange = (event, newValue) => {\n    if (newValue !== null) {\n      setSelectedUdpFormInSideSheet(newValue);\n    }\n  };\n\n  const getMainGridContent = ({\n    selectedNode,\n    menuItemsList,\n    idMap,\n    classes\n  }) => {\n    if (!selectedNode) {\n      return <PageLoading />;\n    }\n    const formId = parseIdAndVersion(selectedNode.id);\n    const found = innerMenuItemList.find((form) => form.formId == formId);\n    const formTitle = `${found?.name}` || 'Unknown Form';\n    const newestFormVersion = formDataRaw\n      .filter((formObj) => formObj.id == formId)\n      .reduce((acc, curr) => {\n        return Math.max(acc, curr.version);\n      }, null);\n\n    return (\n      <>\n        <SideSheet\n          open={isSidesheetOpen}\n          title={t('Submit New Form')}\n          position='right'\n          width={'30%'}\n          buttonLabel={t('New')}\n          // Disable primary action when there is no selected form OR when\n          // the user requested a due date but didn't pick one.\n          buttonOneDisabled={!selectedUdpFormInSideSheet?.value || (containsDueDate && !dueDateValue)}\n          onSubmit={handleSidesheetPrimaryClick}\n          onClose={handleSideSheetClosed}\n        >\n          <FormControlLabel\n            control={\n              <Switch\n                size='small'\n                onChange={(e) => handleSideSheetDueDateToggleChange(Boolean(e?.target?.checked))}\n              />\n            }\n            label='Set a Due Date'\n            style={{ marginLeft: 0 }}\n          />\n            {containsDueDate ? (\n              <TextField\n                label={t('Due Date')}\n                type='date'\n                variant='outlined'\n                size='small'\n                InputLabelProps={{ shrink: true }}\n                value={dueDateValue}\n                onChange={handleDueDateChange}\n                helperText={t('Set a due date at the end-of-day based on your local time.')}\n              />\n          ) : null}\n          \n          {/* // Only show form selector when the user is not in a specific form context */}\n          {!(found?.id && newestFormVersion) && (\n            <Autocomplete\n              options={selectorOptions}\n              getOptionLabel={(selectedOption) => selectedOption.label}\n              onChange={handleSelectedUdpFormInSideSheetChange}\n              // Autocomplete expects the selected option object as value\n              value={selectedUdpFormInSideSheet}\n              disableClearable={true}\n              size='small'\n              renderInput={(params) => (\n                <TextField\n                  {...params}\n                  label={t('Choose a Form')}\n                  variant='outlined'\n                />\n              )}\n            />\n          )}\n          \n        </SideSheet>\n\n        <SearchMethodUdpGrid\n          searchMethodConfig={getSearchMethodConfig(formId)}\n          columnDefs={columnDefs}\n          gridOptions={gridOptions}\n          gridHeaderConfig={getGridHeaderConfig(\n            formId,\n            newestFormVersion,\n            formTitle\n          )}\n          gridFunctions={gridFunctions}\n          gridApiCallback={handleGridApiCallback} // Pass the setter/ref handler\n        />\n      </>\n    );\n  };\n\n  useEffect(() => {\n    if (!tenant?.activeTenant?.tenantId) return;\n\n    const urlSearchObjs = parseSearchParamsIntoFilterObjects();\n    setFormSubmissionUrlSearchObjs(urlSearchObjs); // THIS LINE TRIGGERS initialFilterModel\n\n    let cancelled = false;\n    (async () => {\n      try {\n        // replicate fetchSubmissions logic but using local urlSearchObjs (avoids depending on the state)\n        let filterElements = [];\n\n        filterElements.push({\n          searchField: 'Form_TenantId',\n          searchOperator: '=',\n          searchValue: tenant.activeTenant.tenantId\n        });\n\n        if (!isManagerMode) {\n          filterElements.push({\n            searchField: 'FormSubmission_UnityUserId',\n            searchOperator: '=',\n            searchValue: user.id\n          });\n        }\n\n        if (generic1 !== undefined) {\n          filterElements.push({\n            searchField: 'formSubmission_generic1',\n            searchOperator: '=',\n            searchValue: generic1\n          });\n        }\n\n        if (generic2 !== undefined) {\n          filterElements.push({\n            searchField: 'formSubmission_generic2',\n            searchOperator: '=',\n            searchValue: generic2\n          });\n        }\n\n        if (generic3 !== undefined) {\n          filterElements.push({\n            searchField: 'formSubmission_generic3',\n            searchOperator: '=',\n            searchValue: generic3\n          });\n        }\n\n        const formSubmissionViewSearchResponse = await apiMutate(\n          ConfigService.productV1ApiUrl,\n          `UdpFormWithSubmissionsView/search`,\n          {\n            method: 'POST',\n            data: {\n              eagerLoad: false,\n              getAll: true,\n              filterElements\n            }\n          },\n          {}\n        );\n\n        if (cancelled) return;\n\n        const submissions = formSubmissionViewSearchResponse?.data.pageList || [];\n        const processedSubmissions = submissions.filter((submission) =>\n          submission.form_TenantId === tenant.activeTenant.tenantId\n        );\n        setFormSubmissionViewDataRaw(processedSubmissions);\n        await fetchForms();\n      } catch (err) {\n        console.error('fetching submissions/forms failed', err);\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [\n    location.search,\n    tenant?.activeTenant?.tenantId,\n    generic1,\n    generic2,\n    generic3,\n    isManagerMode,\n    user?.id,\n    fetchForms\n  ]);\n\n  // derive menu items from fetched submissions (separate effect to avoid refetch loop)\n  useEffect(() => {\n    const innerMenuList = consolidateAndSortFormsByFormId(\n      formDataRaw || [],\n      formSubmissionViewDataRaw || []\n    );\n\n    innerMenuList.unshift({\n      id: 'all-forms-key',\n      name:\n        allFormTitle ??\n        t(\n          isManagerMode\n            ? t('All Form Submissions')\n            : t('All My Form Submissions')\n        ),\n      submissionCount: formSubmissionViewDataRaw?.length || 0\n    });\n    setInnerMenuItemList(innerMenuList);\n  }, [\n    formSubmissionViewDataRaw,\n    isManagerMode,\n    consolidateAndSortFormsByFormId,\n    formDataRaw,\n    t,\n    allFormTitle\n  ]);\n\n  return (\n    <div>\n      <CustomMenuPage\n        menuTitle={menuTitle ?? t('Forms')}\n        items={innerMenuItemList}\n        idPrefix='form-submission'\n        showItemCount={true}\n        itemCountAccessor={(item) => item?.submissionCount ?? 0}\n        mainContent={({ selectedNode, menuItemsList, idMap, classes }) => {\n          return (\n            <div>\n              {getMainGridContent({\n                selectedNode,\n                menuItemsList,\n                idMap,\n                classes\n              })}\n            </div>\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAM,+BAA+B,OAAO,OAAO;CACjD,YAAY;CACZ,WAAW;CACX,SAAS;CACV,CAAC;AAOF,MAAM,kBAAkB,eAAe;CACrC,IAAI,uBAAuB;AAO3B,KAAI,WAAW,SAAS,IAAI,CAE1B,wBAAuB,WAAW,QAAQ,KAAK,IAAI;AAIrD,KAAI,CAAC,WAAW,aAAa,CAAC,SAAS,IAAI,CACzC,wBAAuB,uBAAuB;AAMhD,QAHa,IAAI,KAAK,qBAAqB,CAG/B,eAAe,QAAW;EACpC,MAAM;EACN,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACR,QAAQ;EACT,CAAC;;AAGJ,MAAM,2BAA2B,aAAa;AAC5C,KAAI,CAAC,SAAU,QAAO;CACtB,MAAM,CAAC,GAAG,GAAG,KAAK,OAAO,SAAS,CAC/B,MAAM,IAAI,CACV,KAAK,MAAM,OAAO,EAAE,CAAC;AACxB,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAG,QAAO;AAI3B,QADc,IAAI,KAAK,GAAG,IAAI,GAAG,GAAG,IAAI,IAAI,IAAI,EAAE,CACrC,aAAa;;AAO5B,MAAM,yBAAyB;CAC7B,WAAW;EAAE,aAAa;EAAa,YAAY;EAAQ;CAC3D,uBAAuB;EACrB,aAAa;EACb,YAAY;EACb;CACD,4BAA4B;EAC1B,aAAa;EACb,YAAY;EACb;CACD,kBAAkB;EAAE,aAAa;EAAoB,YAAY;EAAQ;CACzE,gCAAgC;EAC9B,aAAa;EACb,YAAY;EACb;CACD,uBAAuB;EACrB,aAAa;EACb,YAAY;EACb;CACD,iCAAiC;EAC/B,aAAa;EACb,YAAY;EACb;CACD,+BAA+B;EAC7B,aAAa;EACb,YAAY;EACb;CACD,4BAA4B;EAC1B,aAAa;EACb,YAAY;EACb;CACD,wBAAwB;EACtB,aAAa;EACb,YAAY;EACb;CACD,0BAA0B;EACxB,aAAa;EACb,YAAY;EACb;CACF;;;;;;;;;;;;;AAcD,MAAM,8BAA8B,kBAAkB;AACpD,KAAI,CAAC,iBAAiB,cAAc,WAAW,EAC7C,QAAO;CAGT,MAAM,cAAc,EAAE;AAEtB,eAAc,SAAS,WAAW;EAChC,MAAM,EAAE,aAAa,gBAAgB,gBAAgB;EAGrD,MAAM,SAAS,uBADG,YAAY,mBAAmB;AAGjD,MAAI,CAAC,QAAQ;AACX,WAAQ,KACN,gDAAgD,YAAY,mBAC7D;AACD;;EAGF,MAAM,cAAc,OAAO;EAC3B,MAAM,aAAa,OAAO;EAE1B,IAAI,OAAO;AACX,UAAQ,gBAAR;GACE,KAAK,mBAAmB;AACtB,WAAO;AACP;GACF,KAAK,mBAAmB;AACtB,WAAO;AACP;GACF,KAAK,mBAAmB;AACtB,WAAO;AACP;GACF,KAAK,mBAAmB;AACtB,WAAO;AACP;GACF,KAAK,mBAAmB;AACtB,WAAO;AACP;GACF,QACE,QAAO;;EAGX,IAAI,cAAc;AAElB,MACE,CAAC,eACD,YAAY,aAAa,KAAK,eAC9B,YAAY,aAAa,KAAK,QAC9B;AACA,WAAQ,KACN,uBAAuB,YAAY,yBAAyB,cAC7D;AACD;;AAGF,MAAI,cAAc,OAChB,aAAY,eAAe;GACzB;GACA;GACA,UAAU;GACX;WAED,cAAc,UACd,YAAY,mBAAmB,IAAI,2BAEnC,aAAY,eAAe;GACzB;GACA,MAAM;GACP;MAED,aAAY,eAAe;GACzB;GACA;GACA,QAAQ;GACT;GAEH;AAEF,QAAO;;AAMT,MAAM,qBAAqB,UAAU;CACnC,MAAM,mBAAmB,MAAM,QAAQ,qBAAqB,GAAG;AAE/D,KAAI,iBAAiB,SAAS,gBAAgB,CAC5C,QAAO;AAET,QAAO;;AAOT,MAAM,4BAA4B,SAAS;AAEzC,SADmB,MAAM,MAAM,uBAC/B;EACE,KAAK,6BAA6B,WAChC,QAAO;EACT,KAAK,6BAA6B,QAChC,QAAO;EACT,KAAK,6BAA6B,UAChC,QAAO;EACT,QACE,QAAO;;;AAQb,MAAM,yBAAyB,SAAS;AAEtC,SADsB,MAAM,MAAM,0BAClC;EACE,KAAK,KACH,QAAO;EACT,QACE,QAAO;;;AAOb,MAAM,8BAA8B,aAAa,aAAa;AAC5D,QAAO,YAAY,QAChB,eAAe,WAAW,kBAAkB,SAC9C;;AAOH,MAAM,gBAAgB;CACpB,EAAE,MAAM,0BAA0B;CAClC,EAAE,MAAM,yBAAyB;CACjC,EAAE,MAAM,sBAAsB;CAC9B,EAAE,MAAM,yBAAyB;CACjC,EAAE,MAAM,gBAAgB;CACzB;AAMD,MAAM,sBAAsB;CAC1B,SAAS;CACT,YAAY;CACZ,WAAW;CACX,SAAS;CACV;AAMD,MAAM,cAAc;CAClB,YAAY;CACZ,eAAe;EACb,UAAU;EACV,QAAQ;EACR,WAAW;EACZ;CACF;AAED,MAAa,0BAA0B,EACrC,gBAAgB,OAChB,WAAW,QACX,WAAW,QACX,WAAW,QACX,uBAAuB,QACvB,eAAe,QACf,YAAY,QACZ,2BAA2B,aACvB;CACJ,MAAM,OAAO,SAAS;CACtB,MAAM,SAAS,WAAW;CAC1B,MAAM,UAAU,YAAY;CAC5B,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,iBAAiB,kBAAkB,aAAa;CAGxD,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,EAAE,CAAC;CAC9D,MAAM,CAAC,2BAA2B,gCAAgC,SAAS,EAAE,CAAC;CAC9E,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE,CAAC;CAClD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAC7D,MAAM,CAAC,4BAA4B,iCAAiC,SAAS,EAAE,CAAC;CAChF,MAAM,CAAC,6BAA6B,kCAAkC,SAAS,EAAE,CAAC;CAClF,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,wBAAwB,aAAa,QAAQ;AAAE,aAAW,IAAI;IAAI,EAAE,CAAC;CAC3E,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAC7D,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CAEtD,MAAM,qBAAqB,cAAc;AACvC,SAAO,2BAA2B,4BAA4B;IAC7D,CAAC,4BAA4B,CAAC;AAEjC,iBAAgB;AACd,MAAI,WAAW,oBAAoB;AACjC,WAAQ,eAAe,mBAAmB;AAC1C,WAAQ,iBAAiB;;IAE1B,CAAC,SAAS,mBAAmB,CAAC;CAEjC,MAAM,kCAAkC,aACrC,OAAO,cAAc,EAAE,KAAK;EAC3B,MAAM,4BAAY,IAAI,KAAK;AAC3B,OAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,EACJ,IAAI,QACJ,SAAS,aACT,MAAM,UACN,aAAa,iBACK,qBAChB;AACJ,OAAI,CAAC,UAAU,eAAe,KAAM;GAEpC,MAAM,MAAM,OAAO,OAAO;GAC1B,MAAM,WAAW,UAAU,IAAI,IAAI;GAGnC,MAAM,aAAa,OAAO,YAAY,IAAI;GAC1C,MAAM,KAAK,mBAAmB,IAAI,KAAK,iBAAiB,CAAC,SAAS,GAAG;GAGrE,MAAM,mBAAmB,eAAe,EAAE,EAAE,QACzC,QAAQ,OAAO,KAAK,sBAAsB,KAAK,IACjD,CAAC;AAEF,OAAI,CAAC,SACH,WAAU,IAAI,KAAK;IACjB,IAAI;IACJ;IACA,aAAa;IACb,MAAM,YAAY,EAAE,gBAAgB;IACpC;IACA,aAAa,mBAAmB;IAChC,qBAAqB;IACtB,CAAC;YAGE,cAAc,SAAS,eAAe,IAAI;AAC5C,aAAS,cAAc;AACvB,QAAI,SAAU,UAAS,OAAO;AAC9B,QAAI,gBAAiB,UAAS,cAAc;;;AAQlD,SAHsB,MAAM,KAAK,UAAU,QAAQ,CAAC,CAAC,MAAM,GAAG,MAC5D,EAAE,KAAK,cAAc,EAAE,KAAK,CAC7B;IAGH,CAAC,EAAE,CACJ;CAED,MAAM,4CAA4C,aAC/C,gBAAgB;EACf,MAAM,4BAAY,IAAI,KAAK;AAC3B,OAAK,MAAM,QAAQ,aAAa;GAC9B,MAAM,EACJ,uBAAuB,QACvB,4BAA4B,aAC5B,WAAW,UACX,kBAAkB,iBAClB,iCAAiC,qBAC/B;AACJ,OAAI,CAAC,UAAU,eAAe,KAAM;GAEpC,MAAM,MAAM,GAAG;GACf,MAAM,WAAW,UAAU,IAAI,IAAI;GAGnC,MAAM,aAAa,OAAO,YAAY,IAAI;GAC1C,MAAM,KAAK,mBAAmB,IAAI,KAAK,iBAAiB,CAAC,SAAS,GAAG;AAErE,OAAI,CAAC,SACH,WAAU,IAAI,KAAK;IACjB,IAAI;IACJ;IACA,aAAa;IACb,MAAM,YAAY,EAAE,gBAAgB;IACpC,iBAAiB;IACjB,aAAa,mBAAmB;IAChC,qBAAqB;IACtB,CAAC;QACG;AACL,aAAS,mBAAmB;AAC5B,aAAS,sBAAsB,KAAK,IAClC,SAAS,uBAAuB,GAChC,GACD;AAGD,QAAI,cAAc,SAAS,eAAe,IAAI;AAC5C,cAAS,cAAc;AACvB,SAAI,SAAU,UAAS,OAAO;AAC9B,SAAI,gBAAiB,UAAS,cAAc;;;;AAQlD,SAHsB,MAAM,KAAK,UAAU,QAAQ,CAAC,CAAC,MAClD,GAAG,MAAM,EAAE,sBAAsB,EAAE,oBACrC;IAGH,CAAC,EAAE,CACJ;AAEwB,aAAY,YAAY;AAC/C,MAAI;AACF,OAAI,CAAC,QAAQ,cAAc,SAAU;GAErC,MAAM,iBAAiB,EAAE;AAEzB,kBAAe,KAAK;IAClB,aAAa;IACb,gBAAgB;IAChB,aAAa,OAAO,aAAa;IAClC,CAAC;AAEF,OAAI,CAAC,cACH,gBAAe,KAAK;IAClB,aAAa;IACb,gBAAgB;IAChB,aAAa,KAAK;IACnB,CAAC;AAGJ,OAAI,aAAa,OACf,gBAAe,KAAK;IAClB,aAAa;IACb,gBAAgB;IAChB,aAAa;IACd,CAAC;AAGJ,OAAI,aAAa,OACf,gBAAe,KAAK;IAClB,aAAa;IACb,gBAAgB;IAChB,aAAa;IACd,CAAC;AAGJ,OAAI,aAAa,OACf,gBAAe,KAAK;IAClB,aAAa;IACb,gBAAgB;IAChB,aAAa;IACd,CAAC;AAsBJ,gCAJ6B,4BAfY,MAAM,UAC7C,cAAc,iBACd,qCACA;IACE,QAAQ;IACR,MAAM;KACJ,WAAW;KACX,QAAQ;KACR;KACD;IACF,EACD,EAAE,CACH,GAEqD,KAAK,YAAY,EAAE,EAGvE,OAAO,aAAa,SACrB,CACiD;WAC3C,GAAG;AACV,WAAQ,MAAM,2BAA2B,EAAE;;IAE5C;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,aAAa,YAAY,YAAY;AACzC,MAAI;AACF,OAAI,CAAC,QAAQ,cAAc,SAAU;GAErC,MAAM,iBAAiB,EAAE;AAEzB,kBAAe,KAAK;IAClB,aAAa;IACb,gBAAgB;IAChB,aAAa,OAAO,aAAa;IAClC,CAAC;AAiBF,mBAfqB,MAAM,UACzB,cAAc,iBACd,kBACA;IACE,QAAQ;IACR,MAAM;KACJ,WAAW;KACX,QAAQ;KACR;KACD;IACF,EACD,EAAE,CACH,GAE2B,KAAK,YAAY,EAAE,CAC1B;WACd,GAAG;AACV,WAAQ,MAAM,qBAAqB,EAAE;;IAEtC;EAAC;EAAM;EAAQ;EAA0C,CAAC;CAE7D,MAAM,wBAAwB,aAC3B,WAAW;AACV,MAAI,CAAC,QAAQ,cAAc,SAAU;EAErC,MAAM,iBAAiB,EAAE;AAEzB,MAAI,CAAC,cACH,gBAAe,KAAK;GAClB,aAAa;GACb,gBAAgB;GAChB,aAAa,KAAK,MAAM;GACzB,CAAC;AAGJ,MAAI,OACF,gBAAe,KAAK;GAClB,aAAa;GACb,gBAAgB;GAChB,aAAa;GACd,CAAC;AAGJ,MAAI,aAAa,OACf,gBAAe,KAAK;GAClB,aAAa;GACb,gBAAgB;GAChB,aAAa;GACd,CAAC;AAGJ,MAAI,aAAa,OACf,gBAAe,KAAK;GAClB,aAAa;GACb,gBAAgB;GAChB,aAAa;GACd,CAAC;AAGJ,MAAI,aAAa,OACf,gBAAe,KAAK;GAClB,aAAa;GACb,gBAAgB;GAChB,aAAa;GACd,CAAC;AAGJ,iBAAe,KAAK;GAClB,aAAa;GACb,gBAAgB;GAChB,aAAa,QAAQ,cAAc,YAAY;GAChD,CAAC;AAEF,SAAO;GACL,YAAY,GAAG,cAAc,gBAAgB;GAC7C,oBAAoB;IAClB,WAAW;IACX;IACA,eAAe,CACb;KACE,YAAY;KACZ,eAAe;KAChB,CACF;IACF;GAQF;IAEH;EAAC;EAAM;EAAe;EAAQ;EAAU;EAAU;EAAS,CAC5D;AAE4D,cAC1D,QAAQ,gBAAgB;AAKvB,SAAO,GAJW,uBACd,uBACA,UAAU,aAAa,uBAEP,eAAe,mBACjC,OACD,CAAC,gBAAgB,mBAAmB,YAAY;IAEnD,CAAC,qBAAqB,CACvB;CAED,MAAM,+CAA+C,aAClD,iBAAiB;AAKhB,SAAO,GAJW,uBACd,uBACA,UAAU,aAAa,uBAEP,qBAAqB,mBACvC,aACD;IAEH,CAAC,qBAAqB,CACvB;CAED,MAAM,sBAAsB,aACzB,QAAQ,aAAa,cAAc;EAClC,MAAM,SAAS,EACb,OAAO,WACR;AAED,MAAI,CAAC,cACH,QAAO,sBAAsB;GAC3B,OAAO,EAAE,kBAAkB;GAC3B,eAAe;AACb,QAAI,UAAU,YACZ,+BAA8B;KAAE,OAAO,GAAG,OAAO,GAAG;KAAe,OAAO;KAAW,CAAC;AAExF,uBAAmB,KAAK;;GAE3B;AAGH,SAAO;IAET;EAAC;EAAS;EAAG;EAAc,CAC5B;CAED,MAAM,aAAa,cACX;EACJ;GAAE,YAAY;GAAW,OAAO;GAAyB,MAAM;GAAM;EACrE;GACE,YAAY,EAAE,OAAO;GACrB,OAAO;GACP,MAAM;GACN,UAAU;GACX;EACD;GACE,YAAY,EAAE,UAAU;GACxB,OAAO;GACP,MAAM;GACN,UAAU;GACX;EACD;GACE,YAAY,EAAE,cAAc;GAC5B,OAAO;GACP,MAAM;GACN,UAAU;GACV,MAAM;GACP;EACD;GACE,YAAY,EAAE,eAAe;GAC7B,OAAO;GACP,MAAM;GACN,UAAU;GACX;EACD;GACE,YAAY,EAAE,SAAS;GACvB,QAAQ;GACR,OAAO;GACP,cAAc;GACd,oBAAoB;IACG;IACrB,gBAAgB;IACjB;GACF;EACD;GACE,YAAY,EAAE,iBAAiB;GAC/B,OAAO;GACP,cAAc;GACd,UAAU;GACV,cAAc;GACd,oBAAoB;IACG;IACrB,gBAAgB;IACjB;GACF;EACD;GACE,YAAY,EAAE,aAAa;GAC3B,OAAO;GACP,iBAAiB,MAAO,EAAE,QAAQ,eAAe,EAAE,MAAM,GAAG;GAC5D,UAAU;GACV,cAAc;GACf;EACD;GACE,YAAY,EAAE,mBAAmB;GACjC,OAAO;GACP,iBAAiB,MAAO,EAAE,QAAQ,eAAe,EAAE,MAAM,GAAG;GAC5D,UAAU;GACV,cAAc;GACf;EACD;GACE,YAAY,EAAE,eAAe;GAC7B,OAAO;GACP,iBAAiB,MAAO,EAAE,QAAQ,eAAe,EAAE,MAAM,GAAG;GAC5D,UAAU;GACV,cAAc;GACf;EACD;GACE,YAAY,EAAE,SAAS;GACvB,OAAO;GACP,iBAAiB,MAAO,EAAE,QAAQ,eAAe,EAAE,MAAM,GAAG;GAC5D,UAAU;GACV,cAAc;GACf;EACD;GACE,OAAO;GACP,cAAc;GACd,oBAAoB,EAClB,YAAY,CACV;IACE,IAAI;IACJ,UAAU;IACV,OAAO,EAAE,uBAAuB;IAChC,gBAAgB,GAAG,WAAW;AAC5B,aAAQ,KACN,GACE,uBACI,uBACA,WAAW,aAAa,uBAC7B,qBAAqB,QAAQ,MAAM,oBACrC;;IAEJ,CACF,EACF;GACF;EACF,EACD;EAAC;EAAS;EAAG;EAAqB,CACnC;CAKD,MAAM,8BAA8B,YAAY;AAC9C,MAAI;GAGF,MAAM,CAAC,IAAI,eADC,4BAA4B,SAAS,IACpB,MAAM,IAAI;GACvC,MAAM,UAAU,OAAO,cAAc,EAAE;AACvC,OAAI,CAAC,MAAM,CAAC,SAAS;AACnB,YAAQ,KAAK,sBAAsB,2BAA2B;AAC9D,uBAAmB,MAAM;AACzB;;GAGF,MAAM,KAAK,IAAI,UAAU;AACzB,MAAG,OAAO,UAAU,GAAG;AACvB,MAAG,OAAO,eAAe,OAAO,QAAQ,CAAC;AACzC,MAAG,OAAO,UAAU,OAAO,6BAA6B,QAAQ,CAAC;AACjE,MAAG,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC,CAAC;AACrC,OAAI,aACF,IAAG,OAAO,WAAW,wBAAwB,aAAa,CAAC;AAE7D,OAAI,aAAa,OACf,IAAG,OAAO,YAAY,OAAO,SAAS,CAAC;AAEzC,OAAI,aAAa,OACf,IAAG,OAAO,YAAY,OAAO,SAAS,CAAC;AAEzC,OAAI,aAAa,OACf,IAAG,OAAO,YAAY,OAAO,SAAS,CAAC;GAazC,MAAM,mBAVmC,MAAM,UAC7C,cAAc,iBACd,qBACA;IACE,QAAQ;IACR,MAAM;IACP,EACD,EAAE,CACH,GAEyD,MAAM;AAChE,sBAAmB,MAAM;GACzB,MAAM,UAAU,6CAA6C,gBAAgB;AAC7E,WAAQ,KAAK,QAAQ;WACd,GAAG;AACV,WAAQ,MAAM,sCAAsC,EAAE;AACtD,mBAAgB,EAAE,6BAA6B,EAAE;IAAE,SAAS;IAAU,cAAc;KAAE,UAAU;KAAO,YAAY;KAAU;IAAC,CAAC;;;CAInI,MAAM,qCAAqC,aAAa,YAAY;AAClE,qBAAmB,QAAQ;AAC3B,MAAI,CAAC,QAAS,iBAAgB,KAAK;IAClC,EAAE,CAAC;CAEN,MAAM,sBAAsB,aAAa,MAAM;EAC7C,MAAM,OAAO,GAAG,QAAQ;AACxB,kBAAgB,KAAK;IACpB,EAAE,CAAC;CAEN,MAAM,8BAA8B;AAClC,gCAA8B,EAAE,CAAC;AACjC,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AACzB,kBAAgB,KAAK;;CAGvB,MAAM,kBAAkB,cAAc;EACpC,MAAM,sBAAM,IAAI,KAAK;AAErB,OAAK,MAAM,KAAK,eAAe,EAAE,EAAE;GACjC,MAAM,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE;AAChD,OAAI,OAAO,SAAS,KAAK,EAAG;GAE5B,MAAM,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,OAAO,GAAG,MAAM,GAAG;GACnE,MAAM,UAAU,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE;GACzE,MAAM,OACJ,EAAE,QACF,EAAE,aACF,EAAE,YACF,EAAE,aACF,EAAE,eACF,EAAE,gBAAgB;GACpB,MAAM,cAAc,EAAE,eAAe,EAAE,oBAAoB;GAE3D,MAAM,WAAW,IAAI,IAAI,OAAO;AAChC,OAAI,CAAC,YAAY,UAAU,SAAS,QAClC,KAAI,IAAI,QAAQ;IAAE,IAAI;IAAQ;IAAM;IAAS;IAAa,CAAC;;AAI/D,SAAO,MAAM,KAAK,IAAI,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,QAAQ;IACpE,CAAC,aAAa,EAAE,CAAC;CAEpB,MAAM,kBAAkB,cAAc;AACpC,UAAQ,mBAAmB,EAAE,EAAE,KAAK,OAAO;GACzC,OAAO,GAAG,EAAE,GAAG,GAAG,EAAE;GACpB,OAAO,EAAE,UAAU,GAAG,EAAE,KAAK,KAAK,EAAE,QAAQ,KAAK,EAAE;GACpD,EAAE;IACF,CAAC,gBAAgB,CAAC;CAErB,MAAM,0CAA0C,OAAO,aAAa;AAClE,MAAI,aAAa,KACf,+BAA8B,SAAS;;CAI3C,MAAM,sBAAsB,EAC1B,cACA,eACA,OACA,cACI;AACJ,MAAI,CAAC,aACH,QAAO,oCAAC,kBAAc;EAExB,MAAM,SAAS,kBAAkB,aAAa,GAAG;EACjD,MAAM,QAAQ,kBAAkB,MAAM,SAAS,KAAK,UAAU,OAAO;EACrE,MAAM,YAAY,GAAG,OAAO,UAAU;EACtC,MAAM,oBAAoB,YACvB,QAAQ,YAAY,QAAQ,MAAM,OAAO,CACzC,QAAQ,KAAK,SAAS;AACrB,UAAO,KAAK,IAAI,KAAK,KAAK,QAAQ;KACjC,KAAK;AAEV,SACE,0DACE,oCAAC;GACC,MAAM;GACN,OAAO,EAAE,kBAAkB;GAC3B,UAAS;GACT,OAAO;GACP,aAAa,EAAE,MAAM;GAGrB,mBAAmB,CAAC,4BAA4B,SAAU,mBAAmB,CAAC;GAC9E,UAAU;GACV,SAAS;KAET,oCAAC;GACC,SACE,oCAAC;IACC,MAAK;IACL,WAAW,MAAM,mCAAmC,QAAQ,GAAG,QAAQ,QAAQ,CAAC;KAChF;GAEJ,OAAM;GACN,OAAO,EAAE,YAAY,GAAG;IACxB,EACC,kBACC,oCAAC;GACC,OAAO,EAAE,WAAW;GACpB,MAAK;GACL,SAAQ;GACR,MAAK;GACL,iBAAiB,EAAE,QAAQ,MAAM;GACjC,OAAO;GACP,UAAU;GACV,YAAY,EAAE,6DAA6D;IAC3E,GACF,MAGH,EAAE,OAAO,MAAM,sBACd,oCAAC;GACC,SAAS;GACT,iBAAiB,mBAAmB,eAAe;GACnD,UAAU;GAEV,OAAO;GACP,kBAAkB;GAClB,MAAK;GACL,cAAc,WACZ,oCAAC;IACC,GAAI;IACJ,OAAO,EAAE,gBAAgB;IACzB,SAAQ;KACR;IAEJ,CAGM,EAEZ,oCAAC;GACC,oBAAoB,sBAAsB,OAAO;GACrC;GACC;GACb,kBAAkB,oBAChB,QACA,mBACA,UACD;GACc;GACf,iBAAiB;IACjB,CACD;;AAIP,iBAAgB;AACd,MAAI,CAAC,QAAQ,cAAc,SAAU;AAGrC,iCADsB,oCAAoC,CACb;EAE7C,IAAI,YAAY;AAChB,GAAC,YAAY;AACX,OAAI;IAEF,IAAI,iBAAiB,EAAE;AAEvB,mBAAe,KAAK;KAClB,aAAa;KACb,gBAAgB;KAChB,aAAa,OAAO,aAAa;KAClC,CAAC;AAEF,QAAI,CAAC,cACH,gBAAe,KAAK;KAClB,aAAa;KACb,gBAAgB;KAChB,aAAa,KAAK;KACnB,CAAC;AAGJ,QAAI,aAAa,OACf,gBAAe,KAAK;KAClB,aAAa;KACb,gBAAgB;KAChB,aAAa;KACd,CAAC;AAGJ,QAAI,aAAa,OACf,gBAAe,KAAK;KAClB,aAAa;KACb,gBAAgB;KAChB,aAAa;KACd,CAAC;AAGJ,QAAI,aAAa,OACf,gBAAe,KAAK;KAClB,aAAa;KACb,gBAAgB;KAChB,aAAa;KACd,CAAC;IAGJ,MAAM,mCAAmC,MAAM,UAC7C,cAAc,iBACd,qCACA;KACE,QAAQ;KACR,MAAM;MACJ,WAAW;MACX,QAAQ;MACR;MACD;KACF,EACD,EAAE,CACH;AAED,QAAI,UAAW;AAMf,kCAJoB,kCAAkC,KAAK,YAAY,EAAE,EAChC,QAAQ,eAC/C,WAAW,kBAAkB,OAAO,aAAa,SAClD,CACiD;AAClD,UAAM,YAAY;YACX,KAAK;AACZ,YAAQ,MAAM,qCAAqC,IAAI;;MAEvD;AAEJ,eAAa;AACX,eAAY;;IAEb;EACD,SAAS;EACT,QAAQ,cAAc;EACtB;EACA;EACA;EACA;EACA,MAAM;EACN;EACD,CAAC;AAGF,iBAAgB;EACd,MAAM,gBAAgB,gCACpB,eAAe,EAAE,EACjB,6BAA6B,EAAE,CAChC;AAED,gBAAc,QAAQ;GACpB,IAAI;GACJ,MACE,gBACA,EACE,gBACI,EAAE,uBAAuB,GACzB,EAAE,0BAA0B,CACjC;GACH,iBAAiB,2BAA2B,UAAU;GACvD,CAAC;AACF,uBAAqB,cAAc;IAClC;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oCAAC,aACC,oCAAC;EACC,WAAW,aAAa,EAAE,QAAQ;EAClC,OAAO;EACP,UAAS;EACT,eAAe;EACf,oBAAoB,SAAS,MAAM,mBAAmB;EACtD,cAAc,EAAE,cAAc,eAAe,OAAO,cAAc;AAChE,UACE,oCAAC,aACE,mBAAmB;IAClB;IACA;IACA;IACA;IACD,CAAC,CACE;;GAGV,CACE"}

package/dist/UdpFormsSubmissionGridManagerPage-BXHRf5uu.js

@@ -0,0 +1,14 @@
+import { t as UdpFormsSubmissionGrid } from "./UdpFormsSubmissionGrid-BFtv7Ldz.js";
+import React from "react";
+
+//#region src/udp/pages/UdpFormsSubmissionGridManagerPage/UdpFormsSubmissionGridManagerPage.jsx
+const UdpFormsSubmissionGridManagerPage = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(UdpFormsSubmissionGrid, {
+		isManagerMode: true,
+		...props
+	}));
+};
+
+//#endregion
+export { UdpFormsSubmissionGridManagerPage as t };
+//# sourceMappingURL=UdpFormsSubmissionGridManagerPage-BXHRf5uu.js.map

package/dist/UdpFormsSubmissionGridManagerPage-BXHRf5uu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpFormsSubmissionGridManagerPage-BXHRf5uu.js","names":[],"sources":["../src/udp/pages/UdpFormsSubmissionGridManagerPage/UdpFormsSubmissionGridManagerPage.jsx"],"sourcesContent":["import React from 'react';\nimport { UdpFormsSubmissionGrid } from '../UdpFormsSubmissionGrid';\n\n\nconst UdpFormsSubmissionGridManagerPage = (props) => {\n\n  return (\n    <div>\n      <UdpFormsSubmissionGrid\n        isManagerMode = {true}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default UdpFormsSubmissionGridManagerPage;"],"mappings":";;;;AAIA,MAAM,qCAAqC,UAAU;AAEnD,QACE,oCAAC,aACC,oCAAC;EACC,eAAiB;EACjB,GAAI;GACJ,CACE"}

package/dist/UdpFormsSubmissionGridResponderPage-B3HJCSJP.js

@@ -0,0 +1,14 @@
+import { t as UdpFormsSubmissionGrid } from "./UdpFormsSubmissionGrid-BFtv7Ldz.js";
+import React from "react";
+
+//#region src/udp/pages/UdpFormsSubmissionGridResponderPage/UdpFormsSubmissionGridResponderPage.jsx
+const UdpFormsSubmissionGridResponderPage = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(UdpFormsSubmissionGrid, {
+		isManagerMode: false,
+		...props
+	}));
+};
+
+//#endregion
+export { UdpFormsSubmissionGridResponderPage as t };
+//# sourceMappingURL=UdpFormsSubmissionGridResponderPage-B3HJCSJP.js.map

package/dist/UdpFormsSubmissionGridResponderPage-B3HJCSJP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpFormsSubmissionGridResponderPage-B3HJCSJP.js","names":[],"sources":["../src/udp/pages/UdpFormsSubmissionGridResponderPage/UdpFormsSubmissionGridResponderPage.jsx"],"sourcesContent":["import React from 'react';\nimport { UdpFormsSubmissionGrid } from '../UdpFormsSubmissionGrid';\n\n\nconst UdpFormsSubmissionGridResponderPage = (props) => {\n\n  return (\n    <div>\n      <UdpFormsSubmissionGrid\n          isManagerMode = {false}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default UdpFormsSubmissionGridResponderPage;"],"mappings":";;;;AAIA,MAAM,uCAAuC,UAAU;AAErD,QACE,oCAAC,aACC,oCAAC;EACG,eAAiB;EACnB,GAAI;GACJ,CACE"}

package/dist/UdpGridPanelManagementPage-6R92XIM4.js

@@ -0,0 +1,233 @@
+import { ConfigService } from "./configService/index.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-CQSnEbMA.js";
+import { t as apiMutate } from "./useAxiosMutate-DfnYYAzN.js";
+import { t as FluentDialog } from "./FluentDialog-COrrKCGR.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-DCpqNxBN.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-amETjBUn.js";
+import { t as UdpGridPanelManagementSidesheet } from "./UdpGridPanelManagementSidesheet-4OJcfprB.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Typography } from "@material-ui/core";
+import { AddIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
+import { useTranslation } from "react-i18next";
+
+//#region src/udp/pages/UdpGridPanelManagementPage/UdpGridPanelManagementPage.jsx
+const UdpGridPanelManagementPage = (props) => {
+	const { params } = props;
+	const { nodeObj: environment } = params;
+	const { t } = useTranslation();
+	const [loading, setLoading] = useState(false);
+	const [gridPanels, setGridPanels] = useState([]);
+	const [grids, setGrids] = useState([]);
+	const [panels, setPanels] = useState([]);
+	const [addSidesheetOpen, setAddSidesheetOpen] = useState(false);
+	const [selectedRow, setSelectedRow] = useState();
+	const [deleteDialogOpen, setDeleteDialogOpen] = useState();
+	const [dataToDelete, setDataToDelete] = useState();
+	const [grid, setGrid] = useState(null);
+	const [panel, setPanel] = useState(null);
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const executeMutation = useCallback(async (endpoint, method, data) => apiMutate(ConfigService.uemV1ApiUrl, endpoint, { method: method || "post" }, data), []);
+	const getGridPanels = useCallback(async () => {
+		setLoading(true);
+		const response = await executeMutation("uem", "post", { data: {
+			customerId: null,
+			environmentId: environment.environmentId,
+			apiPath: `TenantService/api/v2/gridPanel`
+		} });
+		if (response?.status === 200) setGridPanels(response?.data);
+		setLoading(false);
+	}, [environment?.environmentId, executeMutation]);
+	const getGrids = useCallback(async () => {
+		const response = await executeMutation("uem", "post", { data: {
+			customerId: null,
+			environmentId: environment.environmentId,
+			apiPath: `TenantService/api/v2/grid`
+		} });
+		if (response?.status === 200) setGrids(response?.data);
+	}, [environment?.environmentId, executeMutation]);
+	const getPanels = useCallback(async () => {
+		const response = await executeMutation("uem", "post", { data: {
+			customerId: null,
+			environmentId: environment.environmentId,
+			apiPath: `IntegrationService/api/v2/panel`
+		} });
+		if (response?.status === 200) setPanels(response?.data);
+	}, [environment?.environmentId, executeMutation]);
+	const createGridPanel = useCallback(async () => {
+		setLoading(true);
+		if ((await executeMutation("gridPanel/uemCreate", "post", { data: {
+			customerId: null,
+			gridId: grid.gridId,
+			panelId: panel.panelId,
+			environmentId: environment.environmentId,
+			apiPath: `api/v1/gridPanel/uemCreate`
+		} }))?.status === 201) {
+			handleSuccessSnackbar("GridPanel Created Successfully");
+			getGridPanels();
+			setAddSidesheetOpen(false);
+		} else handleErrorSnackbar("Something went wrong");
+		setLoading(false);
+	}, [
+		environment,
+		executeMutation,
+		getGridPanels,
+		grid,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		panel
+	]);
+	const updateGridPanel = useCallback(async () => {
+		setLoading(true);
+		if ((await executeMutation("gridPanel/uemUpdate", "put", { data: {
+			gridPanelId: selectedRow.gridPanelId,
+			customerId: null,
+			gridId: grid.gridId,
+			panelId: panel.panelId,
+			environmentId: environment.environmentId
+		} }))?.status === 204) {
+			handleSuccessSnackbar("GridPanel Updated Successfully");
+			getGridPanels();
+			setAddSidesheetOpen(false);
+		} else handleErrorSnackbar("Something went wrong");
+		setLoading(false);
+	}, [
+		environment,
+		executeMutation,
+		getGridPanels,
+		grid,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		panel,
+		selectedRow
+	]);
+	const deleteGridPanel = useCallback(async () => {
+		setLoading(true);
+		if ((await executeMutation("gridPanel/uemDelete", "delete", { data: {
+			gridPanelId: dataToDelete.gridPanelId,
+			customerId: null,
+			gridId: dataToDelete.gridId,
+			panelId: dataToDelete.panelId,
+			environmentId: environment.environmentId
+		} }))?.status === 204) {
+			handleSuccessSnackbar("GridPanel Deleted Successfully");
+			getGridPanels();
+		} else handleErrorSnackbar("Something went wrong");
+		setDataToDelete();
+		setLoading(false);
+	}, [
+		environment,
+		executeMutation,
+		getGridPanels,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		dataToDelete
+	]);
+	const openDeleteDialog = (data) => {
+		setDeleteDialogOpen(true);
+		setDataToDelete(data);
+		console.log(data);
+	};
+	useEffect(() => {
+		getGridPanels();
+		getGrids();
+		getPanels();
+	}, [
+		getGridPanels,
+		getGrids,
+		getPanels
+	]);
+	const handleEdit = useCallback((row) => {
+		setSelectedRow(row);
+	}, []);
+	useEffect(() => {
+		if (selectedRow) {
+			const selectedGrid = grids.find((grid) => grid.gridId === selectedRow.gridId);
+			const selectedPanel = panels.find((panel) => panel.panelId === selectedRow.panelId);
+			setGrid(selectedGrid);
+			setPanel(selectedPanel);
+			setAddSidesheetOpen(true);
+		}
+	}, [
+		grids,
+		panels,
+		selectedRow
+	]);
+	const actionList = useMemo(() => [{
+		id: 1,
+		title: t("Edit"),
+		icon: EditIcon,
+		onClick: handleEdit,
+		disabled: false
+	}, {
+		id: 2,
+		title: t("Delete"),
+		icon: DeleteIcon,
+		onClick: openDeleteDialog,
+		disabled: false
+	}], [t, handleEdit]);
+	const gridOptions = useMemo(() => ({
+		frameworkComponents: { actionsRenderer: ActionsRenderer },
+		columnDefs: [
+			{
+				headerName: t("gridPanelId"),
+				field: "gridPanelId"
+			},
+			{
+				headerName: t("gridId"),
+				field: "gridId"
+			},
+			{
+				headerName: t("panelId"),
+				field: "panelId"
+			},
+			{
+				headerName: t("Actions"),
+				cellRenderer: "actionsRenderer",
+				cellRendererParams: { actionList },
+				pinned: "right",
+				suppressMenu: true,
+				sortable: false
+			}
+		]
+	}), [actionList, t]);
+	const handleClose = useCallback(() => {
+		setGrid();
+		setPanel();
+		setSelectedRow();
+		setAddSidesheetOpen(false);
+	}, []);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UdpGridPanelManagementSidesheet, {
+		title: selectedRow ? "Update GridPanel" : "Create GridPanel",
+		open: addSidesheetOpen,
+		onClose: handleClose,
+		environment,
+		grids,
+		panels,
+		grid,
+		setGrid,
+		panel,
+		setPanel,
+		onSubmit: selectedRow ? updateGridPanel : createGridPanel
+	}), /* @__PURE__ */ React.createElement(FluentDialog, {
+		open: deleteDialogOpen,
+		handleClose: () => setDeleteDialogOpen(false),
+		title: t("Delete GridPanel"),
+		message: t("Are you sure?"),
+		actionOne: deleteGridPanel,
+		labelOne: t("Delete"),
+		actionTwo: () => setDeleteDialogOpen(false),
+		labelTwo: t("Cancel")
+	}), /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		title: t("Grid Panel Manager"),
+		useNewHeader: true,
+		data: gridPanels,
+		gridOptions,
+		onPrimaryActionClick: () => setAddSidesheetOpen(true),
+		primaryActionLabel: "Add",
+		loading
+	}));
+};
+
+//#endregion
+export { UdpGridPanelManagementPage as t };
+//# sourceMappingURL=UdpGridPanelManagementPage-6R92XIM4.js.map

package/dist/UdpGridPanelManagementPage-6R92XIM4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpGridPanelManagementPage-6R92XIM4.js","names":[],"sources":["../src/udp/pages/UdpGridPanelManagementPage/UdpGridPanelManagementPage.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef\n} from 'react';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\n// import { executeQueryAdHoc, getBaseMethod } from '../utilities/methodUtils';\nimport { AddIcon, DeleteIcon, EditIcon } from '@fluentui/react-icons';\nimport { Typography } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { PrimaryActionButton } from '../../../UI/inputs/buttons/PrimaryActionButton';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport UdpVerticalManagementSidesheet from '../UdpVerticalManagementSidesheet';\nimport { FluentDialog } from '../../../UI/feedback/FluentDialog';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport UdpGridPanelManagementSidesheet from '../UdpGridPanelManagementSidesheet';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\nimport { ConfigService } from '../../../configService';\n\nconst UdpGridPanelManagementPage = (props) => {\n  const { params } = props;\n  const { nodeObj: environment } = params;\n  const { t } = useTranslation();\n  const [loading, setLoading] = useState(false);\n  const [gridPanels, setGridPanels] = useState([]);\n  const [grids, setGrids] = useState([]);\n  const [panels, setPanels] = useState([]);\n  const [addSidesheetOpen, setAddSidesheetOpen] = useState(false);\n  const [selectedRow, setSelectedRow] = useState();\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState();\n  const [dataToDelete, setDataToDelete] = useState();\n\n  const [grid, setGrid] = useState(null);\n  const [panel, setPanel] = useState(null);\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const executeMutation = useCallback(\n    async (endpoint, method, data) =>\n      apiMutate(\n        ConfigService.uemV1ApiUrl,\n        endpoint,\n        {\n          method: method || 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  const getGridPanels = useCallback(async () => {\n    setLoading(true);\n    const requestPayload = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/gridPanel`\n      }\n    };\n\n    const response = await executeMutation('uem', 'post', requestPayload);\n    if (response?.status === 200) {\n      setGridPanels(response?.data);\n    }\n    setLoading(false);\n  }, [environment?.environmentId, executeMutation]);\n\n  const getGrids = useCallback(async () => {\n    const requestPayload = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/grid`\n      }\n    };\n\n    const response = await executeMutation('uem', 'post', requestPayload);\n    if (response?.status === 200) {\n      setGrids(response?.data);\n    }\n  }, [environment?.environmentId, executeMutation]);\n\n  const getPanels = useCallback(async () => {\n    const requestPayload = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `IntegrationService/api/v2/panel`\n      }\n    };\n\n    const response = await executeMutation('uem', 'post', requestPayload);\n    if (response?.status === 200) {\n      setPanels(response?.data);\n    }\n  }, [environment?.environmentId, executeMutation]);\n\n  const createGridPanel = useCallback(async () => {\n    setLoading(true);\n\n    const requestPayload = {\n      data: {\n        customerId: null,\n        gridId: grid.gridId,\n        panelId: panel.panelId,\n        environmentId: environment.environmentId,\n        apiPath: `api/v1/gridPanel/uemCreate`\n      }\n    };\n\n    const response = await executeMutation(\n      'gridPanel/uemCreate',\n      'post',\n      requestPayload\n    );\n    if (response?.status === 201) {\n      handleSuccessSnackbar('GridPanel Created Successfully');\n      getGridPanels();\n      setAddSidesheetOpen(false);\n    } else {\n      handleErrorSnackbar('Something went wrong');\n    }\n    setLoading(false);\n  }, [\n    environment,\n    executeMutation,\n    getGridPanels,\n    grid,\n    handleErrorSnackbar,\n    handleSuccessSnackbar,\n    panel\n  ]);\n\n  const updateGridPanel = useCallback(async () => {\n    setLoading(true);\n\n    const requestPayload = {\n      data: {\n        gridPanelId: selectedRow.gridPanelId,\n        customerId: null,\n        gridId: grid.gridId,\n        panelId: panel.panelId,\n        environmentId: environment.environmentId\n      }\n    };\n\n    const response = await executeMutation(\n      'gridPanel/uemUpdate',\n      'put',\n      requestPayload\n    );\n    if (response?.status === 204) {\n      handleSuccessSnackbar('GridPanel Updated Successfully');\n      getGridPanels();\n      setAddSidesheetOpen(false);\n    } else {\n      handleErrorSnackbar('Something went wrong');\n    }\n    setLoading(false);\n  }, [\n    environment,\n    executeMutation,\n    getGridPanels,\n    grid,\n    handleErrorSnackbar,\n    handleSuccessSnackbar,\n    panel,\n    selectedRow\n  ]);\n\n  const deleteGridPanel = useCallback(async () => {\n    setLoading(true);\n\n    const requestPayload = {\n      data: {\n        gridPanelId: dataToDelete.gridPanelId,\n        customerId: null,\n        gridId: dataToDelete.gridId,\n        panelId: dataToDelete.panelId,\n        environmentId: environment.environmentId\n      }\n    };\n\n    const response = await executeMutation(\n      'gridPanel/uemDelete',\n      'delete',\n      requestPayload\n    );\n    if (response?.status === 204) {\n      handleSuccessSnackbar('GridPanel Deleted Successfully');\n      getGridPanels();\n    } else {\n      handleErrorSnackbar('Something went wrong');\n    }\n    setDataToDelete();\n    setLoading(false);\n  }, [\n    environment,\n    executeMutation,\n    getGridPanels,\n    handleErrorSnackbar,\n    handleSuccessSnackbar,\n    dataToDelete\n  ]);\n\n  const openDeleteDialog = (data) => {\n    setDeleteDialogOpen(true);\n    setDataToDelete(data);\n    console.log(data);\n  };\n\n  useEffect(() => {\n    getGridPanels();\n    getGrids();\n    getPanels();\n  }, [getGridPanels, getGrids, getPanels]);\n\n  const handleEdit = useCallback((row) => {\n    setSelectedRow(row);\n  }, []);\n\n  useEffect(() => {\n    if (selectedRow) {\n      const selectedGrid = grids.find(\n        (grid) => grid.gridId === selectedRow.gridId\n      );\n      const selectedPanel = panels.find(\n        (panel) => panel.panelId === selectedRow.panelId\n      );\n      setGrid(selectedGrid);\n      setPanel(selectedPanel);\n      setAddSidesheetOpen(true);\n    }\n  }, [grids, panels, selectedRow]);\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEdit,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Delete'),\n        icon: DeleteIcon,\n        onClick: openDeleteDialog,\n        disabled: false\n      }\n    ],\n    [t, handleEdit]\n  );\n\n  const gridOptions = useMemo(\n    () => ({\n      frameworkComponents: {\n        actionsRenderer: ActionsRenderer\n      },\n      columnDefs: [\n        {\n          headerName: t('gridPanelId'),\n          field: 'gridPanelId'\n        },\n        {\n          headerName: t('gridId'),\n          field: 'gridId'\n        },\n        {\n          headerName: t('panelId'),\n          field: 'panelId'\n        },\n        {\n          headerName: t('Actions'),\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            actionList\n          },\n          pinned: 'right',\n          suppressMenu: true,\n          sortable: false\n        }\n      ]\n    }),\n    [actionList, t]\n  );\n\n  const handleClose = useCallback(() => {\n    setGrid();\n    setPanel();\n    setSelectedRow();\n    setAddSidesheetOpen(false);\n  }, []);\n\n  return (\n    <>\n      <UdpGridPanelManagementSidesheet\n        title={selectedRow ? 'Update GridPanel' : 'Create GridPanel'}\n        open={addSidesheetOpen}\n        onClose={handleClose}\n        environment={environment}\n        grids={grids}\n        panels={panels}\n        grid={grid}\n        setGrid={setGrid}\n        panel={panel}\n        setPanel={setPanel}\n        onSubmit={selectedRow ? updateGridPanel : createGridPanel}\n      />\n      <FluentDialog\n        open={deleteDialogOpen}\n        handleClose={() => setDeleteDialogOpen(false)}\n        title={t('Delete GridPanel')}\n        message={t('Are you sure?')}\n        actionOne={deleteGridPanel}\n        labelOne={t('Delete')}\n        actionTwo={() => setDeleteDialogOpen(false)}\n        labelTwo={t('Cancel')}\n      />\n      <AmbientGridTemplate\n        title={t('Grid Panel Manager')}\n        useNewHeader\n        data={gridPanels}\n        gridOptions={gridOptions}\n        onPrimaryActionClick={() => setAddSidesheetOpen(true)}\n        primaryActionLabel='Add'\n        loading={loading}\n      />\n    </>\n  );\n};\n\nexport default UdpGridPanelManagementPage;\n"],"mappings":"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"}

package/dist/UdpGridPanelManagementSidesheet-4OJcfprB.js

@@ -0,0 +1,51 @@
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-oKuTIZT1.js";
+import { n as SideSheet } from "./SideSheet-B7N-AM_z.js";
+import React from "react";
+
+//#region src/udp/pages/UdpGridPanelManagementSidesheet/UdpGridPanelManagementSidesheet.jsx
+/**
+* @param {object} props
+* @param {object} props.selectedGridPanel
+* @param {string} props.environment
+* @param {boolean} props.open
+* @param {Function} props.onClose
+* @param {Function} props.onSubmit
+* @param {string} props.title
+* @param {any[]} props.grids
+* @param {any[]} props.panels
+* @param {any} props.grid
+* @param {Function} props.setGrid
+* @param {any} props.panel
+* @param {Function} props.setPanel
+* @returns {JSX.Element}
+*/
+const UdpGridPanelManagementSidesheet = (props) => {
+	const { selectedGridPanel, environment, open, onClose, onSubmit, title, grids, panels, grid, setGrid, panel, setPanel, ...sheetProps } = props;
+	return /* @__PURE__ */ React.createElement(SideSheet, {
+		open,
+		onClose: () => onClose(),
+		width: 400,
+		title,
+		buttonLabel: "Save",
+		onSubmit,
+		...sheetProps
+	}, /* @__PURE__ */ React.createElement(FluentTextFieldAutoComplete, {
+		id: "grid",
+		label: "Grid",
+		options: grids,
+		optionKey: "name",
+		onChange: setGrid,
+		value: grid
+	}), /* @__PURE__ */ React.createElement(FluentTextFieldAutoComplete, {
+		id: "panel",
+		label: "Panel",
+		options: panels,
+		optionKey: "name",
+		onChange: setPanel,
+		value: panel
+	}));
+};
+
+//#endregion
+export { UdpGridPanelManagementSidesheet as t };
+//# sourceMappingURL=UdpGridPanelManagementSidesheet-4OJcfprB.js.map

package/dist/UdpGridPanelManagementSidesheet-4OJcfprB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpGridPanelManagementSidesheet-4OJcfprB.js","names":[],"sources":["../src/udp/pages/UdpGridPanelManagementSidesheet/UdpGridPanelManagementSidesheet.jsx"],"sourcesContent":["import React from \"react\";\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { FluentTextFieldAutoComplete } from '../../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\n/**\n * @param {object} props\n * @param {object} props.selectedGridPanel\n * @param {string} props.environment\n * @param {boolean} props.open\n * @param {Function} props.onClose\n * @param {Function} props.onSubmit\n * @param {string} props.title\n * @param {any[]} props.grids\n * @param {any[]} props.panels\n * @param {any} props.grid\n * @param {Function} props.setGrid\n * @param {any} props.panel\n * @param {Function} props.setPanel\n * @returns {JSX.Element}\n */\nconst UdpGridPanelManagementSidesheet = (props) => {\n  const {\n    selectedGridPanel,\n    environment,\n    open,\n    onClose,\n    onSubmit,\n    title,\n    grids,\n    panels,\n    grid,\n    setGrid,\n    panel,\n    setPanel,\n    ...sheetProps\n  } = props;\n\n  return (\n    <SideSheet\n      open={open}\n      onClose={() => onClose()}\n      width={400}\n      title={title}\n      buttonLabel={'Save'}\n      onSubmit={onSubmit}\n      {...sheetProps}\n    >\n        <FluentTextFieldAutoComplete\n        id={'grid'}\n        label={\"Grid\"}\n        options={grids}\n        optionKey=\"name\"\n        onChange={setGrid}\n        value={grid}\n      />\n      <FluentTextFieldAutoComplete\n        id={'panel'}\n        label={\"Panel\"}\n        options={panels}\n        optionKey=\"name\"\n        onChange={setPanel}\n        value={panel}\n      />\n    </SideSheet>\n  );\n};\n\nexport default UdpGridPanelManagementSidesheet;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,mCAAmC,UAAU;CACjD,MAAM,EACJ,mBACA,aACA,MACA,SACA,UACA,OACA,OACA,QACA,MACA,SACA,OACA,UACA,GAAG,eACD;AAEJ,QACE,oCAAC;EACO;EACN,eAAe,SAAS;EACxB,OAAO;EACA;EACP,aAAa;EACH;EACV,GAAI;IAEF,oCAAC;EACD,IAAI;EACJ,OAAO;EACP,SAAS;EACT,WAAU;EACV,UAAU;EACV,OAAO;GACP,EACF,oCAAC;EACC,IAAI;EACJ,OAAO;EACP,SAAS;EACT,WAAU;EACV,UAAU;EACV,OAAO;GACP,CACQ"}

package/dist/UdpGridTemplate-BBqLvbCk.js

@@ -0,0 +1,46 @@
+import { r as useUdpExport, t as ExportSidesheet } from "./ExportSidesheet-B4azX1aE.js";
+import React, { forwardRef, useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { AmbientTemplateGrid } from "udp-react-stencil-component-library";
+
+//#region src/UI/templates/deprecated/UdpGridTemplate/UdpGridTemplate.jsx
+const useStyles = makeStyles((theme) => ({ root: {} }));
+const UdpGridTemplate = forwardRef((props, ref) => {
+	const { children, ...otherProps } = props;
+	const classes = useStyles(props);
+	const { className } = props;
+	const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);
+	const { updateExportParameters, createExport, entity, searchObject, fileFormat, numRowsToExport, validSearch, errorList, activeExportJob, exportLoading, handleFileDownload, clearParameters } = useUdpExport();
+	const exportFromGrid = (entity, searchObject) => {
+		updateExportParameters(entity, searchObject);
+		setExportSidesheetOpen(true);
+	};
+	const handleCloseExportSidesheet = () => {
+		setExportSidesheetOpen(false);
+		clearParameters();
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(AmbientTemplateGrid, {
+		ref,
+		...otherProps,
+		exportFunction: exportFromGrid
+	}), /* @__PURE__ */ React.createElement(ExportSidesheet, {
+		entity,
+		searchObject,
+		fileFormat,
+		numRowsToExport,
+		errorList,
+		activeExportJob,
+		handleFileDownload,
+		exportSidesheetOpen,
+		handleCloseExportSidesheet,
+		createExport,
+		exportLoading,
+		validSearch
+	}));
+});
+UdpGridTemplate.displayName = "UdpGridTemplate";
+
+//#endregion
+export { UdpGridTemplate as t };
+//# sourceMappingURL=UdpGridTemplate-BBqLvbCk.js.map

package/dist/UdpGridTemplate-BBqLvbCk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpGridTemplate-BBqLvbCk.js","names":[],"sources":["../src/UI/templates/deprecated/UdpGridTemplate/UdpGridTemplate.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { forwardRef, useState } from 'react';\nimport { AmbientTemplateGrid } from 'udp-react-stencil-component-library';\nimport { ExportSidesheet } from '../../../../udp/export/ExportSidesheet';\nimport { useUdpExport } from '../../../../udp/export/useUdpExport';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {}\n}));\n\nexport const UdpGridTemplate = forwardRef((props, ref) => {\n  const { children, ...otherProps } = props;\n  const classes = useStyles(props);\n  const { className } = props;\n\n  const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n  const {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  } = useUdpExport();\n\n  const exportFromGrid = (entity, searchObject) => {\n    updateExportParameters(entity, searchObject);\n    setExportSidesheetOpen(true);\n  };\n\n  const handleCloseExportSidesheet = () => {\n    setExportSidesheetOpen(false);\n    clearParameters();\n  };\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <AmbientTemplateGrid\n        ref={ref}\n        {...otherProps}\n        exportFunction={exportFromGrid}\n      />\n      <ExportSidesheet\n        entity={entity}\n        searchObject={searchObject}\n        fileFormat={fileFormat}\n        numRowsToExport={numRowsToExport}\n        errorList={errorList}\n        activeExportJob={activeExportJob}\n        handleFileDownload={handleFileDownload}\n        exportSidesheetOpen={exportSidesheetOpen}\n        handleCloseExportSidesheet={handleCloseExportSidesheet}\n        createExport={createExport}\n        exportLoading={exportLoading}\n        validSearch={validSearch}\n      />\n    </div>\n  );\n});\n\nUdpGridTemplate.displayName = 'UdpGridTemplate';\n"],"mappings":";;;;;;;AAOA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EAAE,EACT,EAAE;AAEH,MAAa,kBAAkB,YAAY,OAAO,QAAQ;CACxD,MAAM,EAAE,UAAU,GAAG,eAAe;CACpC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,cAAc;CAEtB,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,EACJ,wBACA,cACA,QACA,cACA,YACA,iBACA,aACA,WACA,iBACA,eACA,oBACA,oBACE,cAAc;CAElB,MAAM,kBAAkB,QAAQ,iBAAiB;AAC/C,yBAAuB,QAAQ,aAAa;AAC5C,yBAAuB,KAAK;;CAG9B,MAAM,mCAAmC;AACvC,yBAAuB,MAAM;AAC7B,mBAAiB;;AAGnB,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC;EACM;EACL,GAAI;EACJ,gBAAgB;GAChB,EACF,oCAAC;EACS;EACM;EACF;EACK;EACN;EACM;EACG;EACC;EACO;EACd;EACC;EACF;GACb,CACE;EAER;AAEF,gBAAgB,cAAc"}

package/dist/UdpImportFromFileMappingPage-CnrHL_bA.js

@@ -0,0 +1,11 @@
+import { t as ImportDataFromFileMapping } from "./ImportDataFromFileMapping-B4D64b8N.js";
+import React from "react";
+
+//#region src/udp/pages/UdpImportFromFileMappingPage/UdpImportFromFileMappingPage.jsx
+const UdpImportFromFileMappingPage = (props) => {
+	return /* @__PURE__ */ React.createElement(ImportDataFromFileMapping, null);
+};
+
+//#endregion
+export { UdpImportFromFileMappingPage as t };
+//# sourceMappingURL=UdpImportFromFileMappingPage-CnrHL_bA.js.map

package/dist/UdpImportFromFileMappingPage-CnrHL_bA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpImportFromFileMappingPage-CnrHL_bA.js","names":[],"sources":["../src/udp/pages/UdpImportFromFileMappingPage/UdpImportFromFileMappingPage.jsx"],"sourcesContent":["import React from 'react';\nimport { ImportDataFromFileMapping } from '../../fileImportMapping/ImportDataFromFileMapping';\n\nconst UdpImportFromFileMappingPage = props => {\n  return <ImportDataFromFileMapping/>\n};\n\nexport default UdpImportFromFileMappingPage;\n"],"mappings":";;;;AAGA,MAAM,gCAA+B,UAAS;AAC5C,QAAO,oCAAC,gCAA2B"}

package/dist/UdpInquiryMaintenanceEnginePage-CsTiDdUT.js

@@ -0,0 +1,20 @@
+import { ConfigService } from "./configService/index.js";
+import { t as useAxiosGet } from "./useAxiosGet-BtxSpEO3.js";
+import { t as UdpMaintenanceEnginePage } from "./UdpMaintenanceEnginePage-l8clcHXT.js";
+import React, { useEffect, useState } from "react";
+
+//#region src/udp/pages/UdpInquiryMaintenanceEnginePage/UdpInquiryMaintenanceEnginePage.jsx
+const UdpInquiryMaintenanceEnginePage = (props) => {
+	const { params } = props;
+	const { nodeObj } = params;
+	const [loading, setLoading] = useState(false);
+	const [{ data: catalogKey, loading: catalogKeyLoading }] = useAxiosGet(ConfigService.productV1ApiUrl, `UdpObjectInfo/getCatalogId/${nodeObj.businessObjectKey}?fromUdpObjectInfo=true`, {}, !!!nodeObj, false);
+	useEffect(() => {
+		setLoading(catalogKeyLoading);
+	}, [catalogKeyLoading]);
+	return /* @__PURE__ */ React.createElement(UdpMaintenanceEnginePage, { catalogKey: catalogKey || "" });
+};
+
+//#endregion
+export { UdpInquiryMaintenanceEnginePage as t };
+//# sourceMappingURL=UdpInquiryMaintenanceEnginePage-CsTiDdUT.js.map

package/dist/UdpInquiryMaintenanceEnginePage-CsTiDdUT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpInquiryMaintenanceEnginePage-CsTiDdUT.js","names":[],"sources":["../src/udp/pages/UdpInquiryMaintenanceEnginePage/UdpInquiryMaintenanceEnginePage.jsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect\n} from 'react';\nimport { useAxiosGet } from '../../../utilities/useAxiosGet';\nimport  {UdpMaintenanceEnginePage}  from '../UdpMaintenanceEnginePage';\nimport { ConfigService } from '../../../configService';\n\nconst UdpInquiryMaintenanceEnginePage = (props) => {\n  const { params } = props;\n  const { nodeObj } = params;\n  const [loading, setLoading] = useState(false);\n\n  const [{ data: catalogKey, loading: catalogKeyLoading }] = useAxiosGet(\n    ConfigService.productV1ApiUrl,\n    `UdpObjectInfo/getCatalogId/${nodeObj.businessObjectKey}?fromUdpObjectInfo=true`,\n    {},\n    !!!nodeObj,\n    false\n  );\n\n  /*\n    returns {\n      entityName: Tenant,\n      productId: 1,\n      unityBaseGetAllMethod: {apiMethodId: 'f06f7853-5816-4950-a275-5085c3387d57', pathParameters: [{name: \"version\", in: \"path\", parameterType: \"string\", fullReference: \"\"}]},\n      unityBaseGetMethod: {apiMethodId: '06f49cfd-0f1e-475a-812b-73cd3efd9f0d', pathParameters: [{name: \"id\", in: \"path\", parameterType: \"string\", fullReference: \"\"}, {name: \"version\", in: \"path\", parameterType: \"string\", fullReference: \"\"}]},\n      unityBaseCreateMethod: {apiMethodId: '33310aad-8998-4661-800b-00649d280d31', pathParameters: [{name: \"version\", in: \"path\", parameterType: \"string\", fullReference: \"\"}]},\n      unityBaseUpdateMethod: {apiMethodId: 'fe611db9-47ec-4a27-8840-871fe1323812', pathParameters: [{name: \"id\", in: \"path\", parameterType: \"string\", fullReference: \"\"}, {name: \"version\", in: \"path\", parameterType: \"string\", fullReference: \"\"}]},\n      unityBaseDeleteMethod: {apiMethodId: 'dafb84b6-e424-43ff-9ef0-774a5795e420', pathParameters: [{name: \"id\", in: \"path\", parameterType: \"string\", fullReference: \"\"}, {name: \"version\", in: \"path\", parameterType: \"string\", fullReference: \"\"}]},\n    }\n  */\n\n  // Set loading flag based on the API loading flags\n  useEffect(() => {\n    setLoading(catalogKeyLoading);\n  }, [catalogKeyLoading])\n\n  return (\n\n    <UdpMaintenanceEnginePage\n      catalogKey={catalogKey || ''}\n    />\n  );\n};\n\nexport default UdpInquiryMaintenanceEnginePage;\n"],"mappings":";;;;;;AAQA,MAAM,mCAAmC,UAAU;CACjD,MAAM,EAAE,WAAW;CACnB,MAAM,EAAE,YAAY;CACpB,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,CAAC,EAAE,MAAM,YAAY,SAAS,uBAAuB,YACzD,cAAc,iBACd,8BAA8B,QAAQ,kBAAkB,0BACxD,EAAE,EACF,CAAC,CAAC,CAAC,SACH,MACD;AAeD,iBAAgB;AACd,aAAW,kBAAkB;IAC5B,CAAC,kBAAkB,CAAC;AAEvB,QAEE,oCAAC,4BACC,YAAY,cAAc,KAC1B"}