udp-react-enterprise-component-library 25.18.1-beta.4 → 25.18.1-beta.5

package/dist/{UdpNotesPage-DVow0aLq.js → UdpNotesPage-DfICgZRs.js}

@@ -6,7 +6,7 @@ import { n as useActions, t as useActionState } from "./useActions-CBGNxEKr.js";
 import { r as getSearchObject } from "./SearchUtilities-Df1gkDw9.js";
 import { n as SideSheet } from "./SideSheet-DVvhEo7C.js";
 import { a as getBaseMethod, t as executeQueryAdHoc } from "./methodUtils-DEk9B4A8.js";
-import { t as NotesScreen } from "./NotesScreen-BjY_InsP.js";
+import { t as NotesScreen } from "./NotesScreen-B7hLzUOl.js";
 import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Dzn3Ya2g.js";
 import { t as ActionsRenderer } from "./ActionsRenderer-DzA7nlDx.js";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -182,4 +182,4 @@ var UdpNotesPage_exports = /* @__PURE__ */ __export({ default: () => UdpNotesPag
 
 //#endregion
 export { UdpNotesPage_default as n, UdpNotesPage_exports as t };
-//# sourceMappingURL=UdpNotesPage-DVow0aLq.js.map
+//# sourceMappingURL=UdpNotesPage-DfICgZRs.js.map

package/dist/{UdpNotesPage-DVow0aLq.js.map → UdpNotesPage-DfICgZRs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UdpNotesPage-DVow0aLq.js","names":["t","params"],"sources":["../src/udp/pages/UdpNotesPage/UdpNotesPage.jsx","../src/udp/pages/UdpNotesPage/index.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { getSearchObject } from '../../../utilities/search/SearchUtilities';\nimport { executeQueryAdHoc, getBaseMethod } from '../../utilities/methodUtils';\nimport { UdpEnums } from '../../../enums/unitySystemEnums';\nimport { useActionState } from '../../../hooks/useActions';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { useTranslation } from 'react-i18next';\nimport { EditIcon, ViewIcon } from '@fluentui/react-icons';\nimport { NotesScreen } from '../../../notes/NotesScreen';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { useActions } from '../../../hooks/useActions';\nimport { SplitScreenTypeEnums } from '../../../enums/unitySystemEnums';\nimport { useUser } from '../../../utilities/auth/useUser';\n\nconst UdpNotesPage = (props) => {\n  const { params } = props;\n  const { nodeObj, manytoManyNodeObjKey } = params;\n  const [notes, setNotes] = useState([]);\n  const [typeOptions, setTypeOptions] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [sheetOpen, setSheetOpen] = useState(false);\n  const [noteId, setNoteId] = useState('');\n  const { openSplitScreen } = useActions();\n  const actionState = useActionState();\n  const { catalogPromotedEntities } = actionState;\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const { t } = useTranslation();\n  const formRef = useRef(null);\n  const user = useUser();\n\n  const noteFiledForSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note_Filed_For,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const noteTypeGetAllApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note_Type,\n      'unityBaseGetAllMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const getNotes = useCallback(async () => {\n    if (!nodeObj) {\n      return [];\n    }\n    let notesList = [];\n    setLoading(true);\n    const filterElements = [\n      {\n        searchField: 'entityBusinessKey',\n        searchValue: manytoManyNodeObjKey\n          ? nodeObj[manytoManyNodeObjKey]?.businessObjectKey\n          : nodeObj?.businessObjectKey,\n        searchOperator: '='\n      }\n    ];\n    const searchObject = getSearchObject(filterElements, 1, 200, true);\n    const data = { data: searchObject };\n\n    if (noteFiledForSearchApiMethod) {\n      const response = await executeQueryAdHoc(\n        data,\n        noteFiledForSearchApiMethod.apiMethodId\n      );\n\n      if (response?.status === 200) {\n        const pageList = response.data.pageList;\n        if (pageList?.length) {\n          notesList = pageList.map((item) => item.note);\n        }\n      } else {\n        handleErrorSnackbar(null, t('Could not retrieve notes'));\n      }\n    } else {\n      handleErrorSnackbar(null, t('Search NoteFiledFor Method Not Promoted'));\n    }\n    setLoading(false);\n    setNotes(notesList);\n  }, [\n    noteFiledForSearchApiMethod,\n    handleErrorSnackbar,\n    nodeObj,\n    manytoManyNodeObjKey,\n    t,\n    user\n  ]);\n\n  const openSheet = useCallback((value) => {\n    setNoteId(value?.id || '');\n    setSheetOpen(true);\n  }, []);\n\n  const closeSheet = useCallback(() => {\n    setNoteId('');\n    setSheetOpen(false);\n  }, []);\n\n  const handleEditPage = useCallback(\n    (value) => {\n      openSplitScreen({\n        open: true,\n        action: null,\n        type: SplitScreenTypeEnums.Notes,\n        params: { id: value?.id || '', reloadNotes: getNotes }\n      });\n    },\n    [openSplitScreen, getNotes]\n  );\n\n  const getType = useCallback(\n    (params) => {\n      const type = typeOptions.find((t) => t.code === params.data.typeCode);\n      return type?.name || '';\n    },\n    [typeOptions]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Note'),\n        icon: ViewIcon,\n        onClick: openSheet,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEditPage,\n        disabled: false\n      }\n    ],\n    [t, openSheet, handleEditPage]\n  );\n\n  const columnDefs = [\n    {\n      headerName: 'Date',\n      field: 'createdOn',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Subject',\n      field: 'subject',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Note',\n      field: 'content',\n      resizable: true,\n      sortable: true,\n      valueGetter: (params) => params.data.content.replace(/(<([^>]+)>)/gi, '')\n    },\n    {\n      headerName: 'Type',\n      field: 'typeCode',\n      resizable: true,\n      sortable: true,\n      valueGetter: getType\n    },\n    {\n      headerName: 'Created By',\n      field: 'userDisplayName',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: '',\n      cellRenderer: 'actionsRenderer',\n      cellRendererParams: {\n        actionList\n      },\n      pinned: 'right',\n      suppressMenu: true,\n      sortable: false\n    }\n  ];\n\n  // no dependencies in the array because we only want getNotes to run once\n  useEffect(() => {\n    getNotes();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const getTypeOptions = async () => {\n      let options = [];\n      if (noteTypeGetAllApiMethod) {\n        const typesResponse = await executeQueryAdHoc(\n          { data: {} },\n          noteTypeGetAllApiMethod.apiMethodId\n        );\n        if (typesResponse?.status === 200) {\n          options = typesResponse.data;\n        }\n      }\n      setTypeOptions(options);\n    };\n    getTypeOptions();\n  }, [noteTypeGetAllApiMethod]);\n\n  return (\n    <>\n      <SideSheet\n        open={sheetOpen}\n        onClose={closeSheet}\n        title={t('Note')}\n        width={600}\n      >\n        <NotesScreen\n          viewOnly={true}\n          id={noteId}\n          shortcutContentFinderEnabled={false}\n          formRef={formRef}\n        />\n      </SideSheet>\n      <AmbientGridTemplate\n        title={'Notes'}\n        data={notes}\n        columnDefs={columnDefs}\n        loading={loading}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        groupingData={[]}\n      />\n    </>\n  );\n};\n\nexport default UdpNotesPage;\n","export {default} from './UdpNotesPage';\nexport * from './UdpNotesPage';\n"],"mappings":"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"}
+{"version":3,"file":"UdpNotesPage-DfICgZRs.js","names":["t","params"],"sources":["../src/udp/pages/UdpNotesPage/UdpNotesPage.jsx","../src/udp/pages/UdpNotesPage/index.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { getSearchObject } from '../../../utilities/search/SearchUtilities';\nimport { executeQueryAdHoc, getBaseMethod } from '../../utilities/methodUtils';\nimport { UdpEnums } from '../../../enums/unitySystemEnums';\nimport { useActionState } from '../../../hooks/useActions';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { useTranslation } from 'react-i18next';\nimport { EditIcon, ViewIcon } from '@fluentui/react-icons';\nimport { NotesScreen } from '../../../notes/NotesScreen';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { useActions } from '../../../hooks/useActions';\nimport { SplitScreenTypeEnums } from '../../../enums/unitySystemEnums';\nimport { useUser } from '../../../utilities/auth/useUser';\n\nconst UdpNotesPage = (props) => {\n  const { params } = props;\n  const { nodeObj, manytoManyNodeObjKey } = params;\n  const [notes, setNotes] = useState([]);\n  const [typeOptions, setTypeOptions] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [sheetOpen, setSheetOpen] = useState(false);\n  const [noteId, setNoteId] = useState('');\n  const { openSplitScreen } = useActions();\n  const actionState = useActionState();\n  const { catalogPromotedEntities } = actionState;\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const { t } = useTranslation();\n  const formRef = useRef(null);\n  const user = useUser();\n\n  const noteFiledForSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note_Filed_For,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const noteTypeGetAllApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note_Type,\n      'unityBaseGetAllMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const getNotes = useCallback(async () => {\n    if (!nodeObj) {\n      return [];\n    }\n    let notesList = [];\n    setLoading(true);\n    const filterElements = [\n      {\n        searchField: 'entityBusinessKey',\n        searchValue: manytoManyNodeObjKey\n          ? nodeObj[manytoManyNodeObjKey]?.businessObjectKey\n          : nodeObj?.businessObjectKey,\n        searchOperator: '='\n      }\n    ];\n    const searchObject = getSearchObject(filterElements, 1, 200, true);\n    const data = { data: searchObject };\n\n    if (noteFiledForSearchApiMethod) {\n      const response = await executeQueryAdHoc(\n        data,\n        noteFiledForSearchApiMethod.apiMethodId\n      );\n\n      if (response?.status === 200) {\n        const pageList = response.data.pageList;\n        if (pageList?.length) {\n          notesList = pageList.map((item) => item.note);\n        }\n      } else {\n        handleErrorSnackbar(null, t('Could not retrieve notes'));\n      }\n    } else {\n      handleErrorSnackbar(null, t('Search NoteFiledFor Method Not Promoted'));\n    }\n    setLoading(false);\n    setNotes(notesList);\n  }, [\n    noteFiledForSearchApiMethod,\n    handleErrorSnackbar,\n    nodeObj,\n    manytoManyNodeObjKey,\n    t,\n    user\n  ]);\n\n  const openSheet = useCallback((value) => {\n    setNoteId(value?.id || '');\n    setSheetOpen(true);\n  }, []);\n\n  const closeSheet = useCallback(() => {\n    setNoteId('');\n    setSheetOpen(false);\n  }, []);\n\n  const handleEditPage = useCallback(\n    (value) => {\n      openSplitScreen({\n        open: true,\n        action: null,\n        type: SplitScreenTypeEnums.Notes,\n        params: { id: value?.id || '', reloadNotes: getNotes }\n      });\n    },\n    [openSplitScreen, getNotes]\n  );\n\n  const getType = useCallback(\n    (params) => {\n      const type = typeOptions.find((t) => t.code === params.data.typeCode);\n      return type?.name || '';\n    },\n    [typeOptions]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Note'),\n        icon: ViewIcon,\n        onClick: openSheet,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEditPage,\n        disabled: false\n      }\n    ],\n    [t, openSheet, handleEditPage]\n  );\n\n  const columnDefs = [\n    {\n      headerName: 'Date',\n      field: 'createdOn',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Subject',\n      field: 'subject',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Note',\n      field: 'content',\n      resizable: true,\n      sortable: true,\n      valueGetter: (params) => params.data.content.replace(/(<([^>]+)>)/gi, '')\n    },\n    {\n      headerName: 'Type',\n      field: 'typeCode',\n      resizable: true,\n      sortable: true,\n      valueGetter: getType\n    },\n    {\n      headerName: 'Created By',\n      field: 'userDisplayName',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: '',\n      cellRenderer: 'actionsRenderer',\n      cellRendererParams: {\n        actionList\n      },\n      pinned: 'right',\n      suppressMenu: true,\n      sortable: false\n    }\n  ];\n\n  // no dependencies in the array because we only want getNotes to run once\n  useEffect(() => {\n    getNotes();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const getTypeOptions = async () => {\n      let options = [];\n      if (noteTypeGetAllApiMethod) {\n        const typesResponse = await executeQueryAdHoc(\n          { data: {} },\n          noteTypeGetAllApiMethod.apiMethodId\n        );\n        if (typesResponse?.status === 200) {\n          options = typesResponse.data;\n        }\n      }\n      setTypeOptions(options);\n    };\n    getTypeOptions();\n  }, [noteTypeGetAllApiMethod]);\n\n  return (\n    <>\n      <SideSheet\n        open={sheetOpen}\n        onClose={closeSheet}\n        title={t('Note')}\n        width={600}\n      >\n        <NotesScreen\n          viewOnly={true}\n          id={noteId}\n          shortcutContentFinderEnabled={false}\n          formRef={formRef}\n        />\n      </SideSheet>\n      <AmbientGridTemplate\n        title={'Notes'}\n        data={notes}\n        columnDefs={columnDefs}\n        loading={loading}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        groupingData={[]}\n      />\n    </>\n  );\n};\n\nexport default UdpNotesPage;\n","export {default} from './UdpNotesPage';\nexport * from './UdpNotesPage';\n"],"mappings":"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"}

package/dist/{UdpPages-DS_z-6mU.js → UdpPages-CZRR6uL_.js}

@@ -1,17 +1,17 @@
-import { t as UdpMaintenanceEnginePage_exports } from "./UdpMaintenanceEnginePage-CWdToHMY.js";
-import { t as UdpNotesPage_exports } from "./UdpNotesPage-DVow0aLq.js";
-import { t as UdpVerticalManagementPage_exports } from "./UdpVerticalManagementPage-D9bK-UMW.js";
+import { t as UdpMaintenanceEnginePage_exports } from "./UdpMaintenanceEnginePage-BrWw5TD0.js";
+import { t as UdpNotesPage_exports } from "./UdpNotesPage-DfICgZRs.js";
+import { t as UdpVerticalManagementPage_exports } from "./UdpVerticalManagementPage-hpHkwE6I.js";
 import { t as UdpGridPanelManagementPage_exports } from "./UdpGridPanelManagementPage-D6zjsUjl.js";
-import { t as UdpInquiryMaintenanceEnginePage_exports } from "./UdpInquiryMaintenanceEnginePage-hLsxBDt2.js";
+import { t as UdpInquiryMaintenanceEnginePage_exports } from "./UdpInquiryMaintenanceEnginePage-CgfEuu7m.js";
 import { t as UdpReportsPage_exports } from "./UdpReportsPage-CKxd-e9T.js";
 import { t as DonutChartWidget_exports } from "./DonutChartWidget-COa5Dycy.js";
 import { t as SparklineWidget_exports } from "./SparklineWidget-Bj4Y8QJE.js";
 import { t as ProgressBarWidget_exports } from "./ProgressBarWidget-B7FzyHBP.js";
-import { t as RecentlyLoadedNodesWidget_exports } from "./RecentlyLoadedNodesWidget-Bwmkdavm.js";
+import { t as RecentlyLoadedNodesWidget_exports } from "./RecentlyLoadedNodesWidget-5538JENZ.js";
 import { t as ChatUDP_exports } from "./ChatUDP-BbvkeyUh.js";
-import { t as UdpDataBrowserPage_exports } from "./UdpDataBrowserPage-BlxXko_I.js";
-import { t as UdpRemindersPage_exports } from "./UdpRemindersPage-CYBm84GL.js";
-import { t as RemindersWidget_exports } from "./RemindersWidget-DBgk6Ibq.js";
+import { t as UdpDataBrowserPage_exports } from "./UdpDataBrowserPage-8NLQuSA9.js";
+import { t as UdpRemindersPage_exports } from "./UdpRemindersPage-KAHur1Oo.js";
+import { t as RemindersWidget_exports } from "./RemindersWidget-cUps1X7r.js";
 import { t as UdpPublicForm_exports } from "./UdpPublicForm-aCs42nKH.js";
 import { t as UdpPrivateForm_exports } from "./UdpPrivateForm-BJdYZzlO.js";
 import { t as UdpFormsListPage_exports } from "./UdpFormsListPage-CH3hqgMT.js";
@@ -45,4 +45,4 @@ const UdpPages = {
 
 //#endregion
 export { UdpPages as t };
-//# sourceMappingURL=UdpPages-DS_z-6mU.js.map
+//# sourceMappingURL=UdpPages-CZRR6uL_.js.map

package/dist/{UdpPages-DS_z-6mU.js.map → UdpPages-CZRR6uL_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UdpPages-DS_z-6mU.js","names":[],"sources":["../src/udp/pages/UdpPages/index.ts"],"sourcesContent":["import * as UdpNotesPage from '../UdpNotesPage';\nimport * as UdpVerticalManagementPage from '../UdpVerticalManagementPage';\nimport * as UdpGridPanelManagementPage from '../UdpGridPanelManagementPage';\nimport * as UdpMaintenanceEnginePage from '../UdpMaintenanceEnginePage';\nimport * as UdpInquiryMaintenanceEnginePage from '../UdpInquiryMaintenanceEnginePage';\nimport * as UdpReportsPage from '../UdpReportsPage';\nimport * as DonutChartWidget from '../../../UI/widgets/library/DonutChartWidget';\nimport * as SparklineWidget from '../../../UI/widgets/library/SparklineWidget';\nimport * as ProgressBarWidget from '../../../UI/widgets/library/ProgressBarWidget';\nimport * as RecentlyLoadedNodesWidget from '../../../UI/widgets/library/RecentlyLoadedNodesWidget';\nimport * as ChatUDP from '../ChatUDP';\nimport * as UdpDataBrowserPage from '../UdpDataBrowserPage';\nimport * as UdpRemindersPage from '../UdpRemindersPage';\nimport * as RemindersWidget from '../../../UI/widgets/library/RemindersWidget';\nimport * as UdpPublicForm from '../UdpPublicForm'\nimport * as UdpPrivateForm from '../UdpPrivateForm'\nimport * as UdpFormsListPage from '../UdpFormsListPage';\nimport * as UdpFormsBuilderPage from '../UdpFormsBuilderPage';\nimport * as UdpImportFromFileMappingPage from '../UdpImportFromFileMappingPage'\nimport * as UdpAuditEventsPage from '../UdpAuditEvents'\n\nexport const UdpPages = {\n  UdpNotesPage,\n  UdpVerticalManagementPage,\n  UdpGridPanelManagementPage,\n  UdpMaintenanceEnginePage,\n  UdpInquiryMaintenanceEnginePage,\n  UdpReportsPage,\n  DonutChartWidget,\n  SparklineWidget,\n  ProgressBarWidget,\n  RecentlyLoadedNodesWidget,\n  ChatUDP,\n  UdpDataBrowserPage,\n  UdpRemindersPage,\n  RemindersWidget,\n  UdpPublicForm,\n  UdpPrivateForm,\n  UdpFormsBuilderPage,\n  UdpFormsListPage,\n  UdpImportFromFileMappingPage,\n  UdpAuditEventsPage\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"UdpPages-CZRR6uL_.js","names":[],"sources":["../src/udp/pages/UdpPages/index.ts"],"sourcesContent":["import * as UdpNotesPage from '../UdpNotesPage';\nimport * as UdpVerticalManagementPage from '../UdpVerticalManagementPage';\nimport * as UdpGridPanelManagementPage from '../UdpGridPanelManagementPage';\nimport * as UdpMaintenanceEnginePage from '../UdpMaintenanceEnginePage';\nimport * as UdpInquiryMaintenanceEnginePage from '../UdpInquiryMaintenanceEnginePage';\nimport * as UdpReportsPage from '../UdpReportsPage';\nimport * as DonutChartWidget from '../../../UI/widgets/library/DonutChartWidget';\nimport * as SparklineWidget from '../../../UI/widgets/library/SparklineWidget';\nimport * as ProgressBarWidget from '../../../UI/widgets/library/ProgressBarWidget';\nimport * as RecentlyLoadedNodesWidget from '../../../UI/widgets/library/RecentlyLoadedNodesWidget';\nimport * as ChatUDP from '../ChatUDP';\nimport * as UdpDataBrowserPage from '../UdpDataBrowserPage';\nimport * as UdpRemindersPage from '../UdpRemindersPage';\nimport * as RemindersWidget from '../../../UI/widgets/library/RemindersWidget';\nimport * as UdpPublicForm from '../UdpPublicForm'\nimport * as UdpPrivateForm from '../UdpPrivateForm'\nimport * as UdpFormsListPage from '../UdpFormsListPage';\nimport * as UdpFormsBuilderPage from '../UdpFormsBuilderPage';\nimport * as UdpImportFromFileMappingPage from '../UdpImportFromFileMappingPage'\nimport * as UdpAuditEventsPage from '../UdpAuditEvents'\n\nexport const UdpPages = {\n  UdpNotesPage,\n  UdpVerticalManagementPage,\n  UdpGridPanelManagementPage,\n  UdpMaintenanceEnginePage,\n  UdpInquiryMaintenanceEnginePage,\n  UdpReportsPage,\n  DonutChartWidget,\n  SparklineWidget,\n  ProgressBarWidget,\n  RecentlyLoadedNodesWidget,\n  ChatUDP,\n  UdpDataBrowserPage,\n  UdpRemindersPage,\n  RemindersWidget,\n  UdpPublicForm,\n  UdpPrivateForm,\n  UdpFormsBuilderPage,\n  UdpFormsListPage,\n  UdpImportFromFileMappingPage,\n  UdpAuditEventsPage\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/{UdpRemindersPage-CYBm84GL.js → UdpRemindersPage-KAHur1Oo.js}

@@ -7,7 +7,7 @@ import { r as getSearchObject } from "./SearchUtilities-Df1gkDw9.js";
 import { n as SideSheet } from "./SideSheet-DVvhEo7C.js";
 import { a as getBaseMethod, t as executeQueryAdHoc } from "./methodUtils-DEk9B4A8.js";
 import { t as FILE_TO_TYPES } from "./reminderConstants-IPyFwGAf.js";
-import { t as RemindersScreen } from "./RemindersScreen-BiRcMvRs.js";
+import { t as RemindersScreen } from "./RemindersScreen-NaO3jhh9.js";
 import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Dzn3Ya2g.js";
 import { t as ActionsRenderer } from "./ActionsRenderer-DzA7nlDx.js";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -205,4 +205,4 @@ var UdpRemindersPage_exports = /* @__PURE__ */ __export({ default: () => UdpRemi
 
 //#endregion
 export { UdpRemindersPage_default as n, UdpRemindersPage_exports as t };
-//# sourceMappingURL=UdpRemindersPage-CYBm84GL.js.map
+//# sourceMappingURL=UdpRemindersPage-KAHur1Oo.js.map

package/dist/{UdpRemindersPage-CYBm84GL.js.map → UdpRemindersPage-KAHur1Oo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UdpRemindersPage-CYBm84GL.js","names":["params","t"],"sources":["../src/udp/pages/UdpRemindersPage/UdpRemindersPage.jsx","../src/udp/pages/UdpRemindersPage/index.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { getSearchObject } from '../../../utilities/search/SearchUtilities';\nimport { executeQueryAdHoc, getBaseMethod } from '../../utilities/methodUtils';\nimport { UdpEnums } from '../../../enums/unitySystemEnums';\nimport { useActionState } from '../../../hooks/useActions';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { useTranslation } from 'react-i18next';\nimport { EditIcon, ViewIcon } from '@fluentui/react-icons';\nimport { RemindersScreen } from '../../../reminders/RemindersScreen';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { useActions } from '../../../hooks/useActions';\nimport { SplitScreenTypeEnums } from '../../../enums/unitySystemEnums';\nimport { FILE_TO_TYPES } from '../../../constants/reminderConstants';\nimport { useUser } from '../../../utilities/auth/useUser';\n\nconst UdpRemindersPage = (props) => {\n  const { params } = props;\n  const { nodeObj, manytoManyNodeObjKey } = params;\n  const [reminders, setReminders] = useState([]);\n  const [typeOptions, setTypeOptions] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [sheetOpen, setSheetOpen] = useState(false);\n  const [reminderId, setReminderId] = useState('');\n  const { openSplitScreen } = useActions();\n  const actionState = useActionState();\n  const { catalogPromotedEntities } = actionState;\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const { t } = useTranslation();\n  const formRef = useRef(null);\n  const user = useUser();\n\n  const reminderFiledForSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Filed_For,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const reminderTypeGetAllApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Type,\n      'unityBaseGetAllMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const getReminders = useCallback(async () => {\n    if (!nodeObj) {\n      return [];\n    }\n    let remindersList = [];\n    setLoading(true);\n    const filterElements = [\n      {\n        searchField: 'entityBusinessKey',\n        searchValue: manytoManyNodeObjKey\n          ? nodeObj[manytoManyNodeObjKey]?.businessObjectKey\n          : nodeObj?.businessObjectKey,\n        searchOperator: '='\n      },\n      {\n        searchField: 'Reminder.TenantID',\n        searchValue: user.currentTenantId,\n        searchOperator: '='\n      }\n    ];\n    const searchObject = getSearchObject(filterElements, 1, 200, true);\n    const data = { data: searchObject };\n\n    if (reminderFiledForSearchApiMethod) {\n      const response = await executeQueryAdHoc(\n        data,\n        reminderFiledForSearchApiMethod.apiMethodId\n      );\n\n      if (response?.status === 200) {\n        const pageList = response.data.pageList;\n        if (pageList?.length) {\n          remindersList = pageList.map((item) => ({\n            ...item.reminder,\n            filedToType: item.type\n          }));\n        }\n      } else {\n        handleErrorSnackbar(null, t('Could not retrieve reminders'));\n      }\n    } else {\n      handleErrorSnackbar(\n        null,\n        t('Search ReminderFiledFor Method Not Promoted')\n      );\n    }\n    setLoading(false);\n    setReminders(remindersList);\n  }, [\n    reminderFiledForSearchApiMethod,\n    handleErrorSnackbar,\n    nodeObj,\n    manytoManyNodeObjKey,\n    t,\n    user\n  ]);\n\n  const openSheet = useCallback((value) => {\n    setReminderId(value?.id || '');\n    setSheetOpen(true);\n  }, []);\n\n  const closeSheet = useCallback(() => {\n    setReminderId('');\n    setSheetOpen(false);\n  }, []);\n\n  const handleEditPage = useCallback(\n    (value) => {\n      openSplitScreen({\n        open: true,\n        action: null,\n        type: SplitScreenTypeEnums.Reminders,\n        params: { id: value?.id || '', reloadReminders: getReminders }\n      });\n    },\n    [openSplitScreen, getReminders]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Reminder'),\n        icon: ViewIcon,\n        onClick: openSheet,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEditPage,\n        disabled: false\n      }\n    ],\n    [t, openSheet, handleEditPage]\n  );\n\n  const getFiledToType = (params) => {\n    const filedToType = FILE_TO_TYPES.find(\n      (type) => type.value === params.data.filedToType\n    );\n    return filedToType?.label || '';\n  };\n\n  const getType = useCallback(\n    (params) => {\n      const type = typeOptions.find((t) => t.code === params.data.typeCode);\n      return type?.name || '';\n    },\n    [typeOptions]\n  );\n\n  const columnDefs = [\n    {\n      headerName: 'Date',\n      field: 'createdOn',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Subject',\n      field: 'subject',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Reminder',\n      field: 'content',\n      resizable: true,\n      sortable: true,\n      valueGetter: (params) => params.data.content.replace(/(<([^>]+)>)/gi, '')\n    },\n    {\n      headerName: 'Reminder Date',\n      field: 'reminderDate',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Type',\n      field: 'typeCode',\n      resizable: true,\n      sortable: true,\n      valueGetter: getType\n    },\n    {\n      headerName: 'Filed To Type',\n      field: 'filedToType',\n      resizable: true,\n      sortable: true,\n      valueGetter: getFiledToType\n    },\n    {\n      headerName: 'Created By',\n      field: 'userDisplayName',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: '',\n      cellRenderer: 'actionsRenderer',\n      cellRendererParams: {\n        actionList\n      },\n      pinned: 'right',\n      suppressMenu: true,\n      sortable: false\n    }\n  ];\n\n  // no dependencies in the array because we only want getReminders to run once\n  useEffect(() => {\n    getReminders();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const getTypeOptions = async () => {\n      let options = [];\n      if (reminderTypeGetAllApiMethod) {\n        const typesResponse = await executeQueryAdHoc(\n          { data: {} },\n          reminderTypeGetAllApiMethod.apiMethodId\n        );\n        if (typesResponse?.status === 200) {\n          options = typesResponse.data;\n        }\n      }\n      setTypeOptions(options);\n    };\n    getTypeOptions();\n  }, [reminderTypeGetAllApiMethod]);\n\n  return (\n    <>\n      <SideSheet\n        open={sheetOpen}\n        onClose={closeSheet}\n        title={t('Reminder')}\n        width={600}\n      >\n        <RemindersScreen\n          viewOnly={true}\n          id={reminderId}\n          shortcutContentFinderEnabled={false}\n          formRef={formRef}\n        />\n      </SideSheet>\n      <AmbientGridTemplate\n        title={'Reminders'}\n        data={reminders}\n        columnDefs={columnDefs}\n        loading={loading}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        groupingData={[]}\n      />\n    </>\n  );\n};\n\nexport default UdpRemindersPage;\n","export * from './UdpRemindersPage';\nexport {default} from './UdpRemindersPage';\n"],"mappings":"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"}
+{"version":3,"file":"UdpRemindersPage-KAHur1Oo.js","names":["params","t"],"sources":["../src/udp/pages/UdpRemindersPage/UdpRemindersPage.jsx","../src/udp/pages/UdpRemindersPage/index.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { getSearchObject } from '../../../utilities/search/SearchUtilities';\nimport { executeQueryAdHoc, getBaseMethod } from '../../utilities/methodUtils';\nimport { UdpEnums } from '../../../enums/unitySystemEnums';\nimport { useActionState } from '../../../hooks/useActions';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { useTranslation } from 'react-i18next';\nimport { EditIcon, ViewIcon } from '@fluentui/react-icons';\nimport { RemindersScreen } from '../../../reminders/RemindersScreen';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { useActions } from '../../../hooks/useActions';\nimport { SplitScreenTypeEnums } from '../../../enums/unitySystemEnums';\nimport { FILE_TO_TYPES } from '../../../constants/reminderConstants';\nimport { useUser } from '../../../utilities/auth/useUser';\n\nconst UdpRemindersPage = (props) => {\n  const { params } = props;\n  const { nodeObj, manytoManyNodeObjKey } = params;\n  const [reminders, setReminders] = useState([]);\n  const [typeOptions, setTypeOptions] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [sheetOpen, setSheetOpen] = useState(false);\n  const [reminderId, setReminderId] = useState('');\n  const { openSplitScreen } = useActions();\n  const actionState = useActionState();\n  const { catalogPromotedEntities } = actionState;\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const { t } = useTranslation();\n  const formRef = useRef(null);\n  const user = useUser();\n\n  const reminderFiledForSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Filed_For,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const reminderTypeGetAllApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Type,\n      'unityBaseGetAllMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const getReminders = useCallback(async () => {\n    if (!nodeObj) {\n      return [];\n    }\n    let remindersList = [];\n    setLoading(true);\n    const filterElements = [\n      {\n        searchField: 'entityBusinessKey',\n        searchValue: manytoManyNodeObjKey\n          ? nodeObj[manytoManyNodeObjKey]?.businessObjectKey\n          : nodeObj?.businessObjectKey,\n        searchOperator: '='\n      },\n      {\n        searchField: 'Reminder.TenantID',\n        searchValue: user.currentTenantId,\n        searchOperator: '='\n      }\n    ];\n    const searchObject = getSearchObject(filterElements, 1, 200, true);\n    const data = { data: searchObject };\n\n    if (reminderFiledForSearchApiMethod) {\n      const response = await executeQueryAdHoc(\n        data,\n        reminderFiledForSearchApiMethod.apiMethodId\n      );\n\n      if (response?.status === 200) {\n        const pageList = response.data.pageList;\n        if (pageList?.length) {\n          remindersList = pageList.map((item) => ({\n            ...item.reminder,\n            filedToType: item.type\n          }));\n        }\n      } else {\n        handleErrorSnackbar(null, t('Could not retrieve reminders'));\n      }\n    } else {\n      handleErrorSnackbar(\n        null,\n        t('Search ReminderFiledFor Method Not Promoted')\n      );\n    }\n    setLoading(false);\n    setReminders(remindersList);\n  }, [\n    reminderFiledForSearchApiMethod,\n    handleErrorSnackbar,\n    nodeObj,\n    manytoManyNodeObjKey,\n    t,\n    user\n  ]);\n\n  const openSheet = useCallback((value) => {\n    setReminderId(value?.id || '');\n    setSheetOpen(true);\n  }, []);\n\n  const closeSheet = useCallback(() => {\n    setReminderId('');\n    setSheetOpen(false);\n  }, []);\n\n  const handleEditPage = useCallback(\n    (value) => {\n      openSplitScreen({\n        open: true,\n        action: null,\n        type: SplitScreenTypeEnums.Reminders,\n        params: { id: value?.id || '', reloadReminders: getReminders }\n      });\n    },\n    [openSplitScreen, getReminders]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Reminder'),\n        icon: ViewIcon,\n        onClick: openSheet,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEditPage,\n        disabled: false\n      }\n    ],\n    [t, openSheet, handleEditPage]\n  );\n\n  const getFiledToType = (params) => {\n    const filedToType = FILE_TO_TYPES.find(\n      (type) => type.value === params.data.filedToType\n    );\n    return filedToType?.label || '';\n  };\n\n  const getType = useCallback(\n    (params) => {\n      const type = typeOptions.find((t) => t.code === params.data.typeCode);\n      return type?.name || '';\n    },\n    [typeOptions]\n  );\n\n  const columnDefs = [\n    {\n      headerName: 'Date',\n      field: 'createdOn',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Subject',\n      field: 'subject',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Reminder',\n      field: 'content',\n      resizable: true,\n      sortable: true,\n      valueGetter: (params) => params.data.content.replace(/(<([^>]+)>)/gi, '')\n    },\n    {\n      headerName: 'Reminder Date',\n      field: 'reminderDate',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: 'Type',\n      field: 'typeCode',\n      resizable: true,\n      sortable: true,\n      valueGetter: getType\n    },\n    {\n      headerName: 'Filed To Type',\n      field: 'filedToType',\n      resizable: true,\n      sortable: true,\n      valueGetter: getFiledToType\n    },\n    {\n      headerName: 'Created By',\n      field: 'userDisplayName',\n      resizable: true,\n      sortable: true\n    },\n    {\n      headerName: '',\n      cellRenderer: 'actionsRenderer',\n      cellRendererParams: {\n        actionList\n      },\n      pinned: 'right',\n      suppressMenu: true,\n      sortable: false\n    }\n  ];\n\n  // no dependencies in the array because we only want getReminders to run once\n  useEffect(() => {\n    getReminders();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const getTypeOptions = async () => {\n      let options = [];\n      if (reminderTypeGetAllApiMethod) {\n        const typesResponse = await executeQueryAdHoc(\n          { data: {} },\n          reminderTypeGetAllApiMethod.apiMethodId\n        );\n        if (typesResponse?.status === 200) {\n          options = typesResponse.data;\n        }\n      }\n      setTypeOptions(options);\n    };\n    getTypeOptions();\n  }, [reminderTypeGetAllApiMethod]);\n\n  return (\n    <>\n      <SideSheet\n        open={sheetOpen}\n        onClose={closeSheet}\n        title={t('Reminder')}\n        width={600}\n      >\n        <RemindersScreen\n          viewOnly={true}\n          id={reminderId}\n          shortcutContentFinderEnabled={false}\n          formRef={formRef}\n        />\n      </SideSheet>\n      <AmbientGridTemplate\n        title={'Reminders'}\n        data={reminders}\n        columnDefs={columnDefs}\n        loading={loading}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        groupingData={[]}\n      />\n    </>\n  );\n};\n\nexport default UdpRemindersPage;\n","export * from './UdpRemindersPage';\nexport {default} from './UdpRemindersPage';\n"],"mappings":"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"}

package/dist/{UdpRoutes-98S-kqBV.js → UdpRoutes-BvnliB-h.js}

@@ -62,9 +62,9 @@ const PrivateRoute = ({ ...otherProps }) => {
 //#endregion
 //#region src/routes/UdpRoutes.jsx
 const VirtualBrowser = lazy(() => import("./VirtualBrowser-fk3yW8FQ.js"));
-const MenuPage = lazy(() => import("./MenuPage-DNq_eYJy.js"));
+const MenuPage = lazy(() => import("./MenuPage-VDT9iycc.js"));
 const UdpPublicForm = lazy(() => import("./udp/pages/UdpPublicForm/index.js"));
-const WorkflowContainer = lazy(() => import("./WorkflowContainer-CzQerfwt.js"));
+const WorkflowContainer = lazy(() => import("./WorkflowContainer-DNf1UcY5.js"));
 const PasswordResetRedirect = lazy(() => import("./PasswordResetRedirect-DK8PFqW9.js"));
 const MyExportsPage = lazy(() => import("./MyExportsPage-DSdZp5xs.js"));
 const PageNotFoundRoute = lazy(() => import("./PageNotFoundRoute-CBxqlkDM.js"));
@@ -120,4 +120,4 @@ const UdpRoutes = (props) => {
 
 //#endregion
 export { PrivateRoute as n, UdpRoutes as t };
-//# sourceMappingURL=UdpRoutes-98S-kqBV.js.map
+//# sourceMappingURL=UdpRoutes-BvnliB-h.js.map

package/dist/{UdpRoutes-98S-kqBV.js.map → UdpRoutes-BvnliB-h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UdpRoutes-98S-kqBV.js","names":["props"],"sources":["../src/routes/PrivateRoute.jsx","../src/routes/UdpRoutes.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useIsUnityAuthenticated } from '../utilities/auth/useIsUnityAuthenticated';\r\nimport { useUser } from '../utilities/auth/useUser';\r\nimport { PageForbiddenRoute } from './components/PageForbiddenRoute';\r\n\r\nexport const PrivateRoute = ({ ...otherProps }) => {\r\n  const isAuthenticated = useIsUnityAuthenticated();\r\n  const user = useUser();\r\n  const { t } = useTranslation();\r\n  const { rolesMap, menuActiveMap } = otherProps;\r\n  const userRoles = user.roleIds;\r\n  //path is passed from frontend so making sure it meets expected fromat of all lowercase, no spaces, and has format /pathname or /pathname/:param\r\n  let pathAsKey = otherProps.path\r\n    .toLowerCase()\r\n    .replaceAll(' ', '')\r\n    .replace('/', '');\r\n  pathAsKey = pathAsKey.split('/:')[0];\r\n\r\n  const userHasAccessToTenant = useMemo(() => {\r\n    if (user?.tenantIds?.includes(user.currentTenantId)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }, [user]);\r\n\r\n  const userHasRoles = useMemo(() => {\r\n    if (rolesMap?.size > 0) {\r\n      if (!rolesMap.has(pathAsKey)) {\r\n        return false;\r\n      }\r\n      const routeRoles = rolesMap.get(pathAsKey);\r\n      return routeRoles.every((element) => userRoles.includes(element));\r\n    }\r\n  }, [userRoles, rolesMap, pathAsKey]);\r\n\r\n  const menuIsActive = useMemo(() => {\r\n    if (menuActiveMap?.size > 0 && menuActiveMap.has(pathAsKey)) {\r\n      return menuActiveMap.get(pathAsKey);\r\n    }\r\n  }, [menuActiveMap, pathAsKey]);\r\n\r\n  if (!userHasAccessToTenant && isAuthenticated && user?.statusCode === 200) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have access to this tenant. Please select a different Tenant.'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (rolesMap?.has(pathAsKey) && !menuIsActive) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'Trying to access inactive menu. Please check your menu configurations'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!user.isUnitySystemAdmin && rolesMap?.size > 0 && !userHasRoles) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have the required roles to access this page.Please contact an administrator to get access'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (isAuthenticated && user?.statusCode === 200) {\r\n    return <Route {...otherProps} />;\r\n  }\r\n\r\n  return null;\r\n};\r\n","import React, { Suspense, lazy } from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport { PrivateRoute } from './PrivateRoute';\nimport { UdpPageEnums } from '../enums/pageEnums';\nimport { ConfigService } from '../configService';\nimport { PageLoading } from '../UI/feedback/PageLoading';\n\n// Lazy load route components\nconst VirtualBrowser = lazy(() =>\n  import('../maintenanceEngine/virtualBrowser/VirtualBrowser')\n);\nconst MenuPage = lazy(() => import('../menuPage/MenuPage'));\nconst UdpPublicForm = lazy(() => import('../udp/pages/UdpPublicForm'));\nconst WorkflowContainer = lazy(() => import('../workflow/WorkflowContainer'));\nconst PasswordResetRedirect = lazy(() =>\n  import('./components/PasswordResetRedirect')\n);\nconst MyExportsPage = lazy(() => import('../udp/export/MyExportsPage'));\nconst PageNotFoundRoute = lazy(() => import('./components/PageNotFoundRoute'));\nconst UdpMaintenanceConfigPage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceConfigPage')\n);\nconst UdpMaintenanceEnginePage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceEnginePage')\n);\n\nexport const UdpRoutes = (props) => {\n  const { ...other } = props;\n  return (\n    <Suspense fallback={<PageLoading />}>\n      <Switch>\n        <PrivateRoute\n          path='/virtual/:id'\n          render={(props) => <VirtualBrowser {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/menupage/:id'\n          render={(props) => <MenuPage {...props} {...other} />}\n        />\n\n        <Route\n          path={`/page/${UdpPageEnums.Udp_Public_Forms_Page}`}\n          render={(props) => <UdpPublicForm {...props} {...other} />}\n        />\n        <Route\n          path={`/passwordresetsuccess`}\n          render={(props) => <PasswordResetRedirect props={props} />}\n        />\n        <PrivateRoute\n          path='/workflowtask/:id'\n          render={(props) => <WorkflowContainer {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/myexports'\n          render={(props) => (\n            <MyExportsPage\n              productId={ConfigService.config.UNITY_PRODUCT_ID}\n              {...props}\n              {...other}\n            />\n          )}\n        />\n        <PrivateRoute\n          path='/crudbrowser'\n          render={(props) => <UdpMaintenanceEnginePage {...props} />}\n        />\n        <PrivateRoute\n          path='/tablebrowser'\n          render={(props) => <UdpMaintenanceConfigPage {...props} />}\n        />\n        <PrivateRoute path='*' component={PageNotFoundRoute} />\n      </Switch>\n    </Suspense>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"UdpRoutes-BvnliB-h.js","names":["props"],"sources":["../src/routes/PrivateRoute.jsx","../src/routes/UdpRoutes.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useIsUnityAuthenticated } from '../utilities/auth/useIsUnityAuthenticated';\r\nimport { useUser } from '../utilities/auth/useUser';\r\nimport { PageForbiddenRoute } from './components/PageForbiddenRoute';\r\n\r\nexport const PrivateRoute = ({ ...otherProps }) => {\r\n  const isAuthenticated = useIsUnityAuthenticated();\r\n  const user = useUser();\r\n  const { t } = useTranslation();\r\n  const { rolesMap, menuActiveMap } = otherProps;\r\n  const userRoles = user.roleIds;\r\n  //path is passed from frontend so making sure it meets expected fromat of all lowercase, no spaces, and has format /pathname or /pathname/:param\r\n  let pathAsKey = otherProps.path\r\n    .toLowerCase()\r\n    .replaceAll(' ', '')\r\n    .replace('/', '');\r\n  pathAsKey = pathAsKey.split('/:')[0];\r\n\r\n  const userHasAccessToTenant = useMemo(() => {\r\n    if (user?.tenantIds?.includes(user.currentTenantId)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }, [user]);\r\n\r\n  const userHasRoles = useMemo(() => {\r\n    if (rolesMap?.size > 0) {\r\n      if (!rolesMap.has(pathAsKey)) {\r\n        return false;\r\n      }\r\n      const routeRoles = rolesMap.get(pathAsKey);\r\n      return routeRoles.every((element) => userRoles.includes(element));\r\n    }\r\n  }, [userRoles, rolesMap, pathAsKey]);\r\n\r\n  const menuIsActive = useMemo(() => {\r\n    if (menuActiveMap?.size > 0 && menuActiveMap.has(pathAsKey)) {\r\n      return menuActiveMap.get(pathAsKey);\r\n    }\r\n  }, [menuActiveMap, pathAsKey]);\r\n\r\n  if (!userHasAccessToTenant && isAuthenticated && user?.statusCode === 200) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have access to this tenant. Please select a different Tenant.'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (rolesMap?.has(pathAsKey) && !menuIsActive) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'Trying to access inactive menu. Please check your menu configurations'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!user.isUnitySystemAdmin && rolesMap?.size > 0 && !userHasRoles) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have the required roles to access this page.Please contact an administrator to get access'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (isAuthenticated && user?.statusCode === 200) {\r\n    return <Route {...otherProps} />;\r\n  }\r\n\r\n  return null;\r\n};\r\n","import React, { Suspense, lazy } from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport { PrivateRoute } from './PrivateRoute';\nimport { UdpPageEnums } from '../enums/pageEnums';\nimport { ConfigService } from '../configService';\nimport { PageLoading } from '../UI/feedback/PageLoading';\n\n// Lazy load route components\nconst VirtualBrowser = lazy(() =>\n  import('../maintenanceEngine/virtualBrowser/VirtualBrowser')\n);\nconst MenuPage = lazy(() => import('../menuPage/MenuPage'));\nconst UdpPublicForm = lazy(() => import('../udp/pages/UdpPublicForm'));\nconst WorkflowContainer = lazy(() => import('../workflow/WorkflowContainer'));\nconst PasswordResetRedirect = lazy(() =>\n  import('./components/PasswordResetRedirect')\n);\nconst MyExportsPage = lazy(() => import('../udp/export/MyExportsPage'));\nconst PageNotFoundRoute = lazy(() => import('./components/PageNotFoundRoute'));\nconst UdpMaintenanceConfigPage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceConfigPage')\n);\nconst UdpMaintenanceEnginePage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceEnginePage')\n);\n\nexport const UdpRoutes = (props) => {\n  const { ...other } = props;\n  return (\n    <Suspense fallback={<PageLoading />}>\n      <Switch>\n        <PrivateRoute\n          path='/virtual/:id'\n          render={(props) => <VirtualBrowser {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/menupage/:id'\n          render={(props) => <MenuPage {...props} {...other} />}\n        />\n\n        <Route\n          path={`/page/${UdpPageEnums.Udp_Public_Forms_Page}`}\n          render={(props) => <UdpPublicForm {...props} {...other} />}\n        />\n        <Route\n          path={`/passwordresetsuccess`}\n          render={(props) => <PasswordResetRedirect props={props} />}\n        />\n        <PrivateRoute\n          path='/workflowtask/:id'\n          render={(props) => <WorkflowContainer {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/myexports'\n          render={(props) => (\n            <MyExportsPage\n              productId={ConfigService.config.UNITY_PRODUCT_ID}\n              {...props}\n              {...other}\n            />\n          )}\n        />\n        <PrivateRoute\n          path='/crudbrowser'\n          render={(props) => <UdpMaintenanceEnginePage {...props} />}\n        />\n        <PrivateRoute\n          path='/tablebrowser'\n          render={(props) => <UdpMaintenanceConfigPage {...props} />}\n        />\n        <PrivateRoute path='*' component={PageNotFoundRoute} />\n      </Switch>\n    </Suspense>\n  );\n};\n"],"mappings":"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"}

package/dist/{UdpVerticalManagementPage-D9bK-UMW.js → UdpVerticalManagementPage-hpHkwE6I.js}

@@ -6,7 +6,7 @@ import { t as PrimaryActionButton } from "./PrimaryActionButton-D21P13f_.js";
 import { t as FluentDialog } from "./FluentDialog-8KC6injO.js";
 import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Dzn3Ya2g.js";
 import { t as ActionsRenderer } from "./ActionsRenderer-DzA7nlDx.js";
-import { t as UdpVerticalManagementSidesheet_default } from "./UdpVerticalManagementSidesheet-DQJpNJaQ.js";
+import { t as UdpVerticalManagementSidesheet_default } from "./UdpVerticalManagementSidesheet-CVU_tQ17.js";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Typography } from "@material-ui/core";
 import { AddIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
@@ -181,4 +181,4 @@ var UdpVerticalManagementPage_exports = /* @__PURE__ */ __export({ default: () =
 
 //#endregion
 export { UdpVerticalManagementPage_default as n, UdpVerticalManagementPage_exports as t };
-//# sourceMappingURL=UdpVerticalManagementPage-D9bK-UMW.js.map
+//# sourceMappingURL=UdpVerticalManagementPage-hpHkwE6I.js.map

package/dist/{UdpVerticalManagementPage-D9bK-UMW.js.map → UdpVerticalManagementPage-hpHkwE6I.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UdpVerticalManagementPage-D9bK-UMW.js","names":["UdpVerticalManagementSidesheet"],"sources":["../src/udp/pages/UdpVerticalManagementPage/UdpVerticalManagementPage.jsx","../src/udp/pages/UdpVerticalManagementPage/index.ts"],"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 { ConfigService } from '../../../configService';\n\nconst UdpVerticalManagementPage = (props) => {\n  const { params } = props;\n  const { nodeObj: environment, inquiryNodeProperties } = params;\n  const { t } = useTranslation();\n\n  const [sideSheetOpen, setSideSheetOpen] = useState(false);\n  const [sideSheetEdit, setSideSheetEdit] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [selectedVertical, setSelectedVertical] = useState(null);\n  const [verticals, setVerticals] = useState([]);\n  const [productVertical, setProductVertical] = useState([]);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const selectedVerticalRef = useRef();\n  selectedVerticalRef.current = selectedVertical ? selectedVertical : null;\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const openSheetAsEdit = useCallback((isEdit) => {\n    setSideSheetOpen(true);\n    setSideSheetEdit(isEdit);\n  }, []);\n\n  const closeDeleteDialog = useCallback(() => {\n    setDeleteDialogOpen(false);\n  }, [setDeleteDialogOpen]);\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 getVerticals = useCallback(\n    async (data, isFirstLoad = false) => {\n      if (isFirstLoad) {\n        setLoading(true);\n      }\n\n      const response = await executeMutation('uem', 'post', data);\n      if (response?.status === 200) {\n        setVerticals(response?.data);\n      }\n      if (isFirstLoad) {\n        setLoading(false);\n      }\n    },\n    [executeMutation]\n  );\n\n  const deleteVertical = useCallback(async () => {\n    const data = {\n      data: {\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical/${selectedVerticalRef.current.verticalId}/uemDelete`\n      }\n    };\n    const response = await executeMutation(\n      `vertical/${selectedVerticalRef.current.verticalId}/uemDelete`,\n      'delete',\n      data\n    );\n    if (response?.status === 204) {\n      console.log('success');\n      handleSuccessSnackbar('Vertical Deleted Successfully');\n    }\n    const getVerticalsData = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical`\n      }\n    };\n    getVerticals(getVerticalsData, true);\n    closeDeleteDialog();\n  }, [executeMutation, selectedVertical, closeDeleteDialog]);\n\n  const getProductVerticals = useCallback(\n    async (data) => {\n      const response = await executeMutation('productVertical', 'get', data);\n      if (response?.status === 200) {\n        setProductVertical(response?.data);\n      }\n    },\n    [executeMutation]\n  );\n\n  useEffect(() => {\n    if (environment && getVerticals) {\n      if (environment.environmentId) {\n        const productVerticalData = {\n          data: {\n            apiPath: `api/v2/ProductVertical`\n          }\n        };\n        getProductVerticals(productVerticalData);\n        const data = {\n          data: {\n            customerId: null,\n            environmentId: environment.environmentId,\n            apiPath: `TenantService/api/v2/Vertical`\n          }\n        };\n        getVerticals(data, true);\n      }\n    }\n  }, [environment, getVerticals, getProductVerticals, deleteVertical]);\n\n  const closeSheet = useCallback(() => {\n    setSideSheetOpen(false);\n    const data = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical`\n      }\n    };\n\n    getVerticals(data);\n  }, [getVerticals, environment]);\n\n  const handleEditPage = useCallback(\n    (value) => {\n      setSelectedVertical(value);\n      console.log('Edit page, value: ', value);\n      openSheetAsEdit(true);\n    },\n    [t]\n  );\n\n  const handleCreateVertical = useCallback(\n    (value) => {\n      openSheetAsEdit(false);\n    },\n    [t]\n  );\n\n  const handleDelete = useCallback(\n    (value) => {\n      setSelectedVertical(value);\n      console.log('Delete page, value: ', value);\n      setDeleteDialogOpen(true);\n    },\n    [t]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEditPage,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Delete'),\n        icon: DeleteIcon,\n        onClick: handleDelete,\n        disabled: false\n      }\n    ],\n    [t, handleEditPage, handleDelete]\n  );\n\n  const gridOptions = useMemo(\n    () => ({\n      frameworkComponents: {\n        actionsRenderer: ActionsRenderer\n      },\n      columnDefs: [\n        {\n          headerName: t('Name'),\n          field: 'name',\n          minWidth: 300\n        },\n        {\n          headerName: t('Icon'),\n          field: 'icon'\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    [t, actionList, productVertical]\n  );\n\n  const pab = (\n    <PrimaryActionButton onClick={handleCreateVertical}>\n      <Typography style={{ marginRight: 5 }}>Add</Typography>\n      <AddIcon />\n    </PrimaryActionButton>\n  );\n\n  return (\n    <>\n      <UdpVerticalManagementSidesheet\n        open={sideSheetOpen}\n        closeSidesheet={closeSheet}\n        selectedVertical={selectedVertical}\n        environment={environment}\n        title={t(sideSheetEdit ? 'Edit Vertical' : 'Create Vertical')}\n        associatedProducts={productVertical}\n        isEdit={sideSheetEdit}\n      />\n      <AmbientGridTemplate\n        title={t('Vertical Manager')}\n        primaryActionButton={pab}\n        data={verticals}\n        // hideGroupTab\n        // hideColumnTab\n        loading={loading}\n        gridOptions={gridOptions}\n        groupingData={[]}\n      />\n      <FluentDialog\n        open={deleteDialogOpen}\n        handleClose={closeDeleteDialog}\n        title={t('Delete Vertical')}\n        message={\n          t('Are you sure you want to Delete') + ` \"${selectedVertical?.name}\"?`\n        }\n        actionOne={deleteVertical}\n        labelOne={t('Delete')}\n        actionTwo={closeDeleteDialog}\n        labelTwo={t('Cancel')}\n      />\n    </>\n  );\n};\n\nexport default UdpVerticalManagementPage;\n","export {default} from './UdpVerticalManagementPage';\nexport * from './UdpVerticalManagementPage';\n"],"mappings":"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"}
+{"version":3,"file":"UdpVerticalManagementPage-hpHkwE6I.js","names":["UdpVerticalManagementSidesheet"],"sources":["../src/udp/pages/UdpVerticalManagementPage/UdpVerticalManagementPage.jsx","../src/udp/pages/UdpVerticalManagementPage/index.ts"],"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 { ConfigService } from '../../../configService';\n\nconst UdpVerticalManagementPage = (props) => {\n  const { params } = props;\n  const { nodeObj: environment, inquiryNodeProperties } = params;\n  const { t } = useTranslation();\n\n  const [sideSheetOpen, setSideSheetOpen] = useState(false);\n  const [sideSheetEdit, setSideSheetEdit] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [selectedVertical, setSelectedVertical] = useState(null);\n  const [verticals, setVerticals] = useState([]);\n  const [productVertical, setProductVertical] = useState([]);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const selectedVerticalRef = useRef();\n  selectedVerticalRef.current = selectedVertical ? selectedVertical : null;\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const openSheetAsEdit = useCallback((isEdit) => {\n    setSideSheetOpen(true);\n    setSideSheetEdit(isEdit);\n  }, []);\n\n  const closeDeleteDialog = useCallback(() => {\n    setDeleteDialogOpen(false);\n  }, [setDeleteDialogOpen]);\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 getVerticals = useCallback(\n    async (data, isFirstLoad = false) => {\n      if (isFirstLoad) {\n        setLoading(true);\n      }\n\n      const response = await executeMutation('uem', 'post', data);\n      if (response?.status === 200) {\n        setVerticals(response?.data);\n      }\n      if (isFirstLoad) {\n        setLoading(false);\n      }\n    },\n    [executeMutation]\n  );\n\n  const deleteVertical = useCallback(async () => {\n    const data = {\n      data: {\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical/${selectedVerticalRef.current.verticalId}/uemDelete`\n      }\n    };\n    const response = await executeMutation(\n      `vertical/${selectedVerticalRef.current.verticalId}/uemDelete`,\n      'delete',\n      data\n    );\n    if (response?.status === 204) {\n      console.log('success');\n      handleSuccessSnackbar('Vertical Deleted Successfully');\n    }\n    const getVerticalsData = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical`\n      }\n    };\n    getVerticals(getVerticalsData, true);\n    closeDeleteDialog();\n  }, [executeMutation, selectedVertical, closeDeleteDialog]);\n\n  const getProductVerticals = useCallback(\n    async (data) => {\n      const response = await executeMutation('productVertical', 'get', data);\n      if (response?.status === 200) {\n        setProductVertical(response?.data);\n      }\n    },\n    [executeMutation]\n  );\n\n  useEffect(() => {\n    if (environment && getVerticals) {\n      if (environment.environmentId) {\n        const productVerticalData = {\n          data: {\n            apiPath: `api/v2/ProductVertical`\n          }\n        };\n        getProductVerticals(productVerticalData);\n        const data = {\n          data: {\n            customerId: null,\n            environmentId: environment.environmentId,\n            apiPath: `TenantService/api/v2/Vertical`\n          }\n        };\n        getVerticals(data, true);\n      }\n    }\n  }, [environment, getVerticals, getProductVerticals, deleteVertical]);\n\n  const closeSheet = useCallback(() => {\n    setSideSheetOpen(false);\n    const data = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical`\n      }\n    };\n\n    getVerticals(data);\n  }, [getVerticals, environment]);\n\n  const handleEditPage = useCallback(\n    (value) => {\n      setSelectedVertical(value);\n      console.log('Edit page, value: ', value);\n      openSheetAsEdit(true);\n    },\n    [t]\n  );\n\n  const handleCreateVertical = useCallback(\n    (value) => {\n      openSheetAsEdit(false);\n    },\n    [t]\n  );\n\n  const handleDelete = useCallback(\n    (value) => {\n      setSelectedVertical(value);\n      console.log('Delete page, value: ', value);\n      setDeleteDialogOpen(true);\n    },\n    [t]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEditPage,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Delete'),\n        icon: DeleteIcon,\n        onClick: handleDelete,\n        disabled: false\n      }\n    ],\n    [t, handleEditPage, handleDelete]\n  );\n\n  const gridOptions = useMemo(\n    () => ({\n      frameworkComponents: {\n        actionsRenderer: ActionsRenderer\n      },\n      columnDefs: [\n        {\n          headerName: t('Name'),\n          field: 'name',\n          minWidth: 300\n        },\n        {\n          headerName: t('Icon'),\n          field: 'icon'\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    [t, actionList, productVertical]\n  );\n\n  const pab = (\n    <PrimaryActionButton onClick={handleCreateVertical}>\n      <Typography style={{ marginRight: 5 }}>Add</Typography>\n      <AddIcon />\n    </PrimaryActionButton>\n  );\n\n  return (\n    <>\n      <UdpVerticalManagementSidesheet\n        open={sideSheetOpen}\n        closeSidesheet={closeSheet}\n        selectedVertical={selectedVertical}\n        environment={environment}\n        title={t(sideSheetEdit ? 'Edit Vertical' : 'Create Vertical')}\n        associatedProducts={productVertical}\n        isEdit={sideSheetEdit}\n      />\n      <AmbientGridTemplate\n        title={t('Vertical Manager')}\n        primaryActionButton={pab}\n        data={verticals}\n        // hideGroupTab\n        // hideColumnTab\n        loading={loading}\n        gridOptions={gridOptions}\n        groupingData={[]}\n      />\n      <FluentDialog\n        open={deleteDialogOpen}\n        handleClose={closeDeleteDialog}\n        title={t('Delete Vertical')}\n        message={\n          t('Are you sure you want to Delete') + ` \"${selectedVertical?.name}\"?`\n        }\n        actionOne={deleteVertical}\n        labelOne={t('Delete')}\n        actionTwo={closeDeleteDialog}\n        labelTwo={t('Cancel')}\n      />\n    </>\n  );\n};\n\nexport default UdpVerticalManagementPage;\n","export {default} from './UdpVerticalManagementPage';\nexport * from './UdpVerticalManagementPage';\n"],"mappings":"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"}

package/dist/{UdpVerticalManagementSidesheet-DQJpNJaQ.js → UdpVerticalManagementSidesheet-CVU_tQ17.js}

@@ -6,7 +6,7 @@ import { i as useHandleAxiosSnackbar } from "./apiHelpers-BpZTkMX8.js";
 import { t as apiMutate } from "./useAxiosMutate-q_ZpG98Z.js";
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DkZ-zXku.js";
 import { t as useActionState } from "./useActions-CBGNxEKr.js";
-import { S as getIconFromName } from "./TreeUtilities-BnHT4nq0.js";
+import { S as getIconFromName } from "./TreeUtilities-DWgARig7.js";
 import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
 import { n as SideSheet } from "./SideSheet-DVvhEo7C.js";
 import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Dzn3Ya2g.js";
@@ -225,4 +225,4 @@ var UdpVerticalManagementSidesheet_default = UdpVerticalManagementSidesheet;
 
 //#endregion
 export { UdpVerticalManagementSidesheet_default as t };
-//# sourceMappingURL=UdpVerticalManagementSidesheet-DQJpNJaQ.js.map
+//# sourceMappingURL=UdpVerticalManagementSidesheet-CVU_tQ17.js.map

package/dist/{UdpVerticalManagementSidesheet-DQJpNJaQ.js.map → UdpVerticalManagementSidesheet-CVU_tQ17.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UdpVerticalManagementSidesheet-DQJpNJaQ.js","names":["products","IconLibrary"],"sources":["../src/udp/pages/UdpVerticalManagementSidesheet/UdpVerticalManagementSidesheet.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useState,\n  useMemo,\n  useRef,\n  useEffect,\n  useLayoutEffect\n} from 'react';\nimport {\n  TextField,\n  Button,\n  LinearProgress,\n  IconButton\n} from '@material-ui/core';\nimport { Form } from '../../../utilities/form/Form';\nimport { Field } from '../../../utilities/form/Field';\nimport { SubmitButton } from '../../../utilities/form/SubmitButton';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { useActionState } from '../../../hooks/useActions';\nimport { useTranslation } from 'react-i18next';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { FluentCheckbox } from '../../../UI/inputs/checkbox/FluentCheckbox';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\nimport {\n  findAllParentIds,\n  getIconFromName\n} from '../../../utilities/tree/TreeUtilities';\nimport { getUnityIconFromName } from '../../../utilities/iconLibrary/UnityIconLibrary';\nimport IconLibrary from '../../../utilities/iconLibrary/IconLibrary';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FormButtons } from '../../../utilities/form';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { ConfigService } from '../../../configService';\n\nconst UdpVerticalManagementSidesheet = (props) => {\n  const {\n    selectedVertical,\n    environment,\n    associatedProducts,\n    isEdit,\n    deleteVertical,\n    open,\n    selectedCatalog,\n    closeSidesheet,\n    onSubmit,\n    ...sheetProps\n  } = props;\n  const { t } = useTranslation();\n  const [loading, setLoading] = useState(false);\n  const actionState = useActionState();\n  const [displayedIcon, setDisplayedIcon] = useState({\n    name: 'StatusCircleQuestionMarkIcon',\n    color: '',\n    type: ''\n  });\n  const [products, setProducts] = useState([]);\n  const [openIconLibrary, setOpenIconLibrary] = useState(false);\n\n  const [selectedProductIds, setSelectedProductIds] = useState([]);\n  const [checkboxValues, setCheckboxValues] = useState([]);\n  const [submitButtonDisabled, setSubmitButtonDisabled] = useState(true);\n  const selectedProductIdsRef = useRef();\n  selectedProductIdsRef.current = selectedProductIds;\n  const displayedIconRef = useRef();\n  displayedIconRef.current = displayedIcon;\n  const selectedVerticalRef = useRef();\n  selectedVerticalRef.current = selectedVertical;\n  const formRef = useRef();\n  const nameRef = useRef();\n\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const CheckBoxRenderer = ({ onChange, value, id, defaultChecked }) => {\n    const isAssociatedToVertical = useCallback(\n      (productId) => {\n        if (!isEdit) return false;\n        for (let product of associatedProducts) {\n          if (\n            product.productId === productId &&\n            product.verticalId === selectedVerticalRef.current.verticalId\n          ) {\n            return true;\n          }\n        }\n        // console.log(selectedVerticalRef.current.icon)\n        const icon = getIconFromName(selectedVerticalRef.current.icon);\n        // console.log(\"🚀 ~ file: UdpVerticalManagementSidesheet.jsx:81 ~ isAssociatedToVertical ~ icon:\", icon)\n\n        return false;\n      },\n      [associatedProducts, selectedVerticalRef]\n    );\n\n    const handleCheckboxChange = (e) => {\n      if (e.target.checked) {\n        setSelectedProductIds((prevState) => [...prevState, id]);\n      } else {\n        setSelectedProductIds((prevState) =>\n          prevState.filter((item) => item !== id)\n        );\n      }\n    };\n\n    return (\n      <FluentCheckbox\n        // checked={value}\n        defaultChecked={isAssociatedToVertical(id)}\n        onChange={handleCheckboxChange}\n        aria='column-active'\n      />\n    );\n  };\n\n  // const actionList = useMemo(\n  //   () => [\n  //     {\n  //       id: 1, // Must be unique\n  //       title: t('Edit'),\n  //       icon: EditIcon,\n  //       onClick: handleEditPage,\n  //       disabled: false\n  //     },\n  //     {\n  //       id: 2, // Must be unique\n  //       title: t('Delete'),\n  //       icon: DeleteIcon,\n  //       onClick: handleDelete,\n  //       disabled: false\n  //     }\n  //   ],\n  //   [t, handleEditPage, handleDelete]\n  // );\n\n  const gridOptions = useMemo(\n    () => ({\n      frameworkComponents: {\n        actionsRenderer: ActionsRenderer,\n        checkboxRenderer: CheckBoxRenderer\n      },\n      columnDefs: [\n        {\n          headerName: '',\n          field: 'select',\n          cellRenderer: 'checkboxRenderer',\n          cellRendererParams: (params) => ({\n            // onChange: onChange,\n            // value: checked[params.data.productId] || false,\n            id: params.data.productId\n          })\n        },\n        {\n          headerName: t('Product Name'),\n          field: 'name',\n          minWidth: 200\n        }\n      ]\n    }),\n    [isEdit, selectedVertical, associatedProducts]\n  );\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 getProducts = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation('uem', 'post', data);\n      if (response?.status === 200) {\n        setProducts(response?.data);\n      }\n      setLoading(false);\n    },\n    [executeMutation, setProducts]\n  );\n\n  const createVertical = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation(\n        'vertical/uemCreate',\n        'post',\n        data\n      );\n      if (response?.status === 201) {\n        closeSidesheet();\n        handleSuccessSnackbar('Vertical Created Successfully');\n      } else {\n        handleErrorSnackbar('Something went wrong');\n      }\n      setLoading(false);\n    },\n    [executeMutation]\n  );\n\n  const updateVertical = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation(\n        `vertical/${selectedVertical.verticalId}/uemUpdate`,\n        'put',\n        data\n      );\n      if (response?.status === 204) {\n        closeSidesheet();\n        handleSuccessSnackbar('Vertical Updated Successfully');\n      } else {\n        handleErrorSnackbar('Something went wrong');\n      }\n      setLoading(false);\n    },\n    [selectedVertical, executeMutation]\n  );\n\n  const handleSubmit = useCallback(\n    (values) => {\n      setLoading(true);\n      const products = selectedProductIdsRef.current.map((productId) => ({\n        productId\n      }));\n\n      !isEdit\n        ? createVertical({\n            data: {\n              name: values.name,\n              products: products,\n              icon: displayedIconRef?.current.name,\n              EnvironmentId: environment.environmentId,\n              apiPath: 'api/v1/vertical/uemCreate'\n            }\n          })\n        : updateVertical({\n            data: {\n              name: values.name,\n              products: products,\n              icon: displayedIconRef?.current.name,\n              EnvironmentId: environment.environmentId,\n              apiPath: `api/v1/vertical/${selectedVertical.verticalId}/uemUpdate`\n            }\n          });\n    },\n    [\n      isEdit,\n      createVertical,\n      environment,\n      updateVertical,\n      selectedVertical,\n      selectedProductIdsRef\n    ]\n  );\n\n  useEffect(() => {\n    if (environment && getProducts) {\n      if (environment.environmentId) {\n        const data = {\n          data: {\n            customerId: null,\n            environmentId: environment.environmentId,\n            apiPath: `tenantService/api/v2/product`\n          }\n        };\n        getProducts(data);\n      }\n    }\n  }, [environment, getProducts]);\n\n  useEffect(() => {\n    if (selectedVertical) {\n      const associatedProductIds = selectedVertical.verticalProductVertical.map(\n        (product) => product.productId\n      );\n      setSelectedProductIds((prevState) => [\n        ...prevState,\n        ...associatedProductIds\n      ]);\n    }\n  }, [selectedVertical, setSelectedProductIds]);\n\n  const setDisplayedIconCallback = useCallback(() => {\n    setDisplayedIcon({\n      name:\n        isEdit && selectedVertical?.icon\n          ? selectedVertical?.icon\n          : 'StatusCircleQuestionMarkIcon'\n    });\n  }, [selectedVertical, isEdit]);\n\n  useEffect(() => {\n    setDisplayedIconCallback();\n  }, [open]);\n\n  const closeIconLibrary = () => {\n    setOpenIconLibrary(false);\n  };\n\n  const onOpenLibrary = () => {\n    setOpenIconLibrary(true);\n  };\n\n  const handleIconSelect = (icon) => {\n    const updateddisplayedIcon = { ...props.displayedIcon };\n    updateddisplayedIcon.name = icon.id;\n    updateddisplayedIcon.type = icon.type || null;\n    setDisplayedIcon(updateddisplayedIcon);\n    closeIconLibrary();\n  };\n\n  const initialValues = useMemo(() => {\n    return {\n      name: isEdit ? selectedVertical?.name : ''\n    };\n  }, [associatedProducts, selectedVertical, isEdit]);\n\n  return (\n    <>\n      <SideSheet\n        open={open}\n        onClose={() => closeSidesheet()}\n        width={400}\n        title={props.title}\n        // buttonLabel={\"Create\"}\n        // onSubmit={handleSubmit}\n      >\n        <Form\n          ref={formRef}\n          onSubmit={handleSubmit}\n          initialValues={initialValues}\n        >\n          <div style={{ display: 'flex' }}>\n            <Field\n              ref={nameRef}\n              component={TextField}\n              label={t('Name')}\n              id='name'\n              name='name'\n              variant='outlined'\n              size='small'\n              required={true}\n              style={{ marginTop: 8 }}\n            />\n\n            <IconButton onClick={onOpenLibrary}>\n              {displayedIcon && (\n                <UnityFluentIcon\n                  type={displayedIcon?.type}\n                  icon={\n                    displayedIcon?.type === 'unity'\n                      ? getUnityIconFromName(displayedIcon?.name)\n                      : getIconFromName(displayedIcon?.name)\n                  }\n                />\n              )}\n            </IconButton>\n          </div>\n          <AmbientGridTemplate\n            data={products}\n            title={t('Products')}\n            loading={loading}\n            height={'calc(100vh - 300px)'}\n            hideGroupTab\n            hideColumnTab\n            disablePagination\n            hideFitGrid\n            hideExpandGrid\n            hideExportGrid\n            hideRemoveFilters\n            hideFilterTab\n            {...gridOptions}\n          />\n          <FormButtons>\n            <SubmitButton\n              variant='contained'\n              color='secondary'\n              marginTop={'50px'}\n              disabled={false}\n              disablePristine={false}\n            >\n              {t(isEdit ? 'Update' : 'Create')}\n            </SubmitButton>\n          </FormButtons>\n          {loading && <LinearProgress />}\n        </Form>\n      </SideSheet>\n      <SideSheet\n        open={openIconLibrary}\n        onClose={closeIconLibrary}\n        title={t('Icon Library')}\n        width={'100%'}\n        anchor='bottom'\n      >\n        <IconLibrary\n          addItem={handleIconSelect}\n          selectedIconName={displayedIcon?.name}\n          title={t('Select Icon')}\n        />\n      </SideSheet>\n    </>\n  );\n};\n\nexport default UdpVerticalManagementSidesheet;\n"],"mappings":"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"}
+{"version":3,"file":"UdpVerticalManagementSidesheet-CVU_tQ17.js","names":["products","IconLibrary"],"sources":["../src/udp/pages/UdpVerticalManagementSidesheet/UdpVerticalManagementSidesheet.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useState,\n  useMemo,\n  useRef,\n  useEffect,\n  useLayoutEffect\n} from 'react';\nimport {\n  TextField,\n  Button,\n  LinearProgress,\n  IconButton\n} from '@material-ui/core';\nimport { Form } from '../../../utilities/form/Form';\nimport { Field } from '../../../utilities/form/Field';\nimport { SubmitButton } from '../../../utilities/form/SubmitButton';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { useActionState } from '../../../hooks/useActions';\nimport { useTranslation } from 'react-i18next';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { FluentCheckbox } from '../../../UI/inputs/checkbox/FluentCheckbox';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\nimport {\n  findAllParentIds,\n  getIconFromName\n} from '../../../utilities/tree/TreeUtilities';\nimport { getUnityIconFromName } from '../../../utilities/iconLibrary/UnityIconLibrary';\nimport IconLibrary from '../../../utilities/iconLibrary/IconLibrary';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FormButtons } from '../../../utilities/form';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { ConfigService } from '../../../configService';\n\nconst UdpVerticalManagementSidesheet = (props) => {\n  const {\n    selectedVertical,\n    environment,\n    associatedProducts,\n    isEdit,\n    deleteVertical,\n    open,\n    selectedCatalog,\n    closeSidesheet,\n    onSubmit,\n    ...sheetProps\n  } = props;\n  const { t } = useTranslation();\n  const [loading, setLoading] = useState(false);\n  const actionState = useActionState();\n  const [displayedIcon, setDisplayedIcon] = useState({\n    name: 'StatusCircleQuestionMarkIcon',\n    color: '',\n    type: ''\n  });\n  const [products, setProducts] = useState([]);\n  const [openIconLibrary, setOpenIconLibrary] = useState(false);\n\n  const [selectedProductIds, setSelectedProductIds] = useState([]);\n  const [checkboxValues, setCheckboxValues] = useState([]);\n  const [submitButtonDisabled, setSubmitButtonDisabled] = useState(true);\n  const selectedProductIdsRef = useRef();\n  selectedProductIdsRef.current = selectedProductIds;\n  const displayedIconRef = useRef();\n  displayedIconRef.current = displayedIcon;\n  const selectedVerticalRef = useRef();\n  selectedVerticalRef.current = selectedVertical;\n  const formRef = useRef();\n  const nameRef = useRef();\n\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const CheckBoxRenderer = ({ onChange, value, id, defaultChecked }) => {\n    const isAssociatedToVertical = useCallback(\n      (productId) => {\n        if (!isEdit) return false;\n        for (let product of associatedProducts) {\n          if (\n            product.productId === productId &&\n            product.verticalId === selectedVerticalRef.current.verticalId\n          ) {\n            return true;\n          }\n        }\n        // console.log(selectedVerticalRef.current.icon)\n        const icon = getIconFromName(selectedVerticalRef.current.icon);\n        // console.log(\"🚀 ~ file: UdpVerticalManagementSidesheet.jsx:81 ~ isAssociatedToVertical ~ icon:\", icon)\n\n        return false;\n      },\n      [associatedProducts, selectedVerticalRef]\n    );\n\n    const handleCheckboxChange = (e) => {\n      if (e.target.checked) {\n        setSelectedProductIds((prevState) => [...prevState, id]);\n      } else {\n        setSelectedProductIds((prevState) =>\n          prevState.filter((item) => item !== id)\n        );\n      }\n    };\n\n    return (\n      <FluentCheckbox\n        // checked={value}\n        defaultChecked={isAssociatedToVertical(id)}\n        onChange={handleCheckboxChange}\n        aria='column-active'\n      />\n    );\n  };\n\n  // const actionList = useMemo(\n  //   () => [\n  //     {\n  //       id: 1, // Must be unique\n  //       title: t('Edit'),\n  //       icon: EditIcon,\n  //       onClick: handleEditPage,\n  //       disabled: false\n  //     },\n  //     {\n  //       id: 2, // Must be unique\n  //       title: t('Delete'),\n  //       icon: DeleteIcon,\n  //       onClick: handleDelete,\n  //       disabled: false\n  //     }\n  //   ],\n  //   [t, handleEditPage, handleDelete]\n  // );\n\n  const gridOptions = useMemo(\n    () => ({\n      frameworkComponents: {\n        actionsRenderer: ActionsRenderer,\n        checkboxRenderer: CheckBoxRenderer\n      },\n      columnDefs: [\n        {\n          headerName: '',\n          field: 'select',\n          cellRenderer: 'checkboxRenderer',\n          cellRendererParams: (params) => ({\n            // onChange: onChange,\n            // value: checked[params.data.productId] || false,\n            id: params.data.productId\n          })\n        },\n        {\n          headerName: t('Product Name'),\n          field: 'name',\n          minWidth: 200\n        }\n      ]\n    }),\n    [isEdit, selectedVertical, associatedProducts]\n  );\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 getProducts = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation('uem', 'post', data);\n      if (response?.status === 200) {\n        setProducts(response?.data);\n      }\n      setLoading(false);\n    },\n    [executeMutation, setProducts]\n  );\n\n  const createVertical = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation(\n        'vertical/uemCreate',\n        'post',\n        data\n      );\n      if (response?.status === 201) {\n        closeSidesheet();\n        handleSuccessSnackbar('Vertical Created Successfully');\n      } else {\n        handleErrorSnackbar('Something went wrong');\n      }\n      setLoading(false);\n    },\n    [executeMutation]\n  );\n\n  const updateVertical = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation(\n        `vertical/${selectedVertical.verticalId}/uemUpdate`,\n        'put',\n        data\n      );\n      if (response?.status === 204) {\n        closeSidesheet();\n        handleSuccessSnackbar('Vertical Updated Successfully');\n      } else {\n        handleErrorSnackbar('Something went wrong');\n      }\n      setLoading(false);\n    },\n    [selectedVertical, executeMutation]\n  );\n\n  const handleSubmit = useCallback(\n    (values) => {\n      setLoading(true);\n      const products = selectedProductIdsRef.current.map((productId) => ({\n        productId\n      }));\n\n      !isEdit\n        ? createVertical({\n            data: {\n              name: values.name,\n              products: products,\n              icon: displayedIconRef?.current.name,\n              EnvironmentId: environment.environmentId,\n              apiPath: 'api/v1/vertical/uemCreate'\n            }\n          })\n        : updateVertical({\n            data: {\n              name: values.name,\n              products: products,\n              icon: displayedIconRef?.current.name,\n              EnvironmentId: environment.environmentId,\n              apiPath: `api/v1/vertical/${selectedVertical.verticalId}/uemUpdate`\n            }\n          });\n    },\n    [\n      isEdit,\n      createVertical,\n      environment,\n      updateVertical,\n      selectedVertical,\n      selectedProductIdsRef\n    ]\n  );\n\n  useEffect(() => {\n    if (environment && getProducts) {\n      if (environment.environmentId) {\n        const data = {\n          data: {\n            customerId: null,\n            environmentId: environment.environmentId,\n            apiPath: `tenantService/api/v2/product`\n          }\n        };\n        getProducts(data);\n      }\n    }\n  }, [environment, getProducts]);\n\n  useEffect(() => {\n    if (selectedVertical) {\n      const associatedProductIds = selectedVertical.verticalProductVertical.map(\n        (product) => product.productId\n      );\n      setSelectedProductIds((prevState) => [\n        ...prevState,\n        ...associatedProductIds\n      ]);\n    }\n  }, [selectedVertical, setSelectedProductIds]);\n\n  const setDisplayedIconCallback = useCallback(() => {\n    setDisplayedIcon({\n      name:\n        isEdit && selectedVertical?.icon\n          ? selectedVertical?.icon\n          : 'StatusCircleQuestionMarkIcon'\n    });\n  }, [selectedVertical, isEdit]);\n\n  useEffect(() => {\n    setDisplayedIconCallback();\n  }, [open]);\n\n  const closeIconLibrary = () => {\n    setOpenIconLibrary(false);\n  };\n\n  const onOpenLibrary = () => {\n    setOpenIconLibrary(true);\n  };\n\n  const handleIconSelect = (icon) => {\n    const updateddisplayedIcon = { ...props.displayedIcon };\n    updateddisplayedIcon.name = icon.id;\n    updateddisplayedIcon.type = icon.type || null;\n    setDisplayedIcon(updateddisplayedIcon);\n    closeIconLibrary();\n  };\n\n  const initialValues = useMemo(() => {\n    return {\n      name: isEdit ? selectedVertical?.name : ''\n    };\n  }, [associatedProducts, selectedVertical, isEdit]);\n\n  return (\n    <>\n      <SideSheet\n        open={open}\n        onClose={() => closeSidesheet()}\n        width={400}\n        title={props.title}\n        // buttonLabel={\"Create\"}\n        // onSubmit={handleSubmit}\n      >\n        <Form\n          ref={formRef}\n          onSubmit={handleSubmit}\n          initialValues={initialValues}\n        >\n          <div style={{ display: 'flex' }}>\n            <Field\n              ref={nameRef}\n              component={TextField}\n              label={t('Name')}\n              id='name'\n              name='name'\n              variant='outlined'\n              size='small'\n              required={true}\n              style={{ marginTop: 8 }}\n            />\n\n            <IconButton onClick={onOpenLibrary}>\n              {displayedIcon && (\n                <UnityFluentIcon\n                  type={displayedIcon?.type}\n                  icon={\n                    displayedIcon?.type === 'unity'\n                      ? getUnityIconFromName(displayedIcon?.name)\n                      : getIconFromName(displayedIcon?.name)\n                  }\n                />\n              )}\n            </IconButton>\n          </div>\n          <AmbientGridTemplate\n            data={products}\n            title={t('Products')}\n            loading={loading}\n            height={'calc(100vh - 300px)'}\n            hideGroupTab\n            hideColumnTab\n            disablePagination\n            hideFitGrid\n            hideExpandGrid\n            hideExportGrid\n            hideRemoveFilters\n            hideFilterTab\n            {...gridOptions}\n          />\n          <FormButtons>\n            <SubmitButton\n              variant='contained'\n              color='secondary'\n              marginTop={'50px'}\n              disabled={false}\n              disablePristine={false}\n            >\n              {t(isEdit ? 'Update' : 'Create')}\n            </SubmitButton>\n          </FormButtons>\n          {loading && <LinearProgress />}\n        </Form>\n      </SideSheet>\n      <SideSheet\n        open={openIconLibrary}\n        onClose={closeIconLibrary}\n        title={t('Icon Library')}\n        width={'100%'}\n        anchor='bottom'\n      >\n        <IconLibrary\n          addItem={handleIconSelect}\n          selectedIconName={displayedIcon?.name}\n          title={t('Select Icon')}\n        />\n      </SideSheet>\n    </>\n  );\n};\n\nexport default UdpVerticalManagementSidesheet;\n"],"mappings":"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"}

package/dist/{WorkflowContainer-hbA-EyK-.js → WorkflowContainer-CNAbhsJK.js}

@@ -7,7 +7,7 @@ import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
 import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
 import { t as NodeLoader } from "./NodeLoader-BtOQQiwA.js";
 import { t as UtilitySideBar } from "./UtilitySideBar-XdGlkgZz.js";
-import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-BDolYqHx.js";
+import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-U3JYFWVn.js";
 import { i as transformWorkflowPlayTree } from "./workflowUtilities-Y2J2_Bcx.js";
 import { t as WorkflowContent } from "./WorkflowContent-Dq7Agung.js";
 import { t as useUpdateSearchParams } from "./useUpdateSearchParams-sZqx_zVu.js";
@@ -184,4 +184,4 @@ var WorkflowContainer_default = WorkflowContainer;
 
 //#endregion
 export { WorkflowContainer_default as n, WorkflowContainer as t };
-//# sourceMappingURL=WorkflowContainer-hbA-EyK-.js.map
+//# sourceMappingURL=WorkflowContainer-CNAbhsJK.js.map

package/dist/{WorkflowContainer-hbA-EyK-.js.map → WorkflowContainer-CNAbhsJK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowContainer-hbA-EyK-.js","names":[],"sources":["../src/workflow/WorkflowContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { WorkflowTreeMenu } from './menus/WorkflowTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { WorkflowContent } from './WorkflowContent';\nimport {\n  transformWorkflowPlayTree,\n  updateWorkflowPlayNodeState\n} from '../utilities/workflow/workflowUtilities';\nimport { useUpdateSearchParams } from '../hooks/useUpdateSearchParams';\nimport { useUser } from '../utilities/auth/useUser';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nexport const WorkflowContainer = (props) => {\n  const { playId, taskId, autoCollapseNav = true } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const location = useLocation();\n  const updateSearchParams = useUpdateSearchParams();\n  const user = useUser();\n  const setLocationState = useSetLocationState();\n  const { t } = useTranslation();\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [reloadFromPage, setReloadFromPage] = useState(false);\n  const [workflow, setWorkflow] = useState(false);\n\n  const state = location.state;\n  let searchParamStr = location.search;\n  let searchParams = new URLSearchParams(searchParamStr);\n  const urlPlayId = location.pathname.replace('/workflowtask/', '');\n  const udpPlayId =\n    playId ||\n    urlPlayId ||\n    (state\n      ? state.playId\n      : searchParams.has('playId') === true\n      ? searchParams.get('playId')\n      : '');\n\n  const udpTaskId =\n    taskId ||\n    (state\n      ? state.taskId\n      : searchParams.has('taskId') === true\n      ? searchParams.get('taskId')\n      : '');\n\n  const [{ data: workflowPlay, loading: workflowPlayLoading }, reloadWorkflow] =\n    useAxiosGet(\n      ConfigService.builderV1ApiUrl,\n      `workflow/play/${udpPlayId}`,\n      {},\n      !!!udpPlayId,\n      false\n    );\n\n  const [{ data: users }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users?tenantId=${user?.currentTenantId || ''}`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  const [{ data: groups }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `groups?tenantId=${user?.currentTenantId || ''}&productId=${\n      ConfigService.config.UNITY_PRODUCT_ID\n    }`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  // const getNodeState = useCallback(\n  //   async (nodeId) =>\n  //     apiMutate(\n  //       ConfigService.builderV1ApiUrl,\n  //       `workflow/play/${udpPlayId}/node/${nodeId}/state`,\n  //       {\n  //         method: 'get'\n  //       }\n  //     ),\n  //   [udpPlayId]\n  // );\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const handleReloadWorkflow = useCallback(async () => {\n    setReloadFromPage(true);\n    await reloadWorkflow();\n    setReloadFromPage(false);\n  }, [reloadWorkflow]);\n\n  const handleSelectedNode = useCallback(\n    async (node, menuIndex) => {\n      if (node.isSelectable) {\n        setSelectedNode(node);\n        await handleReloadWorkflow();\n        if (node?.properties?.playSceneId) {\n          updateSearchParams({ taskId: node.properties.playSceneId });\n        }\n      }\n    },\n    [updateSearchParams, handleReloadWorkflow]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  useEffect(() => {\n    if (workflowPlay) {\n      setWorkflow(workflowPlay);\n    }\n  }, [workflowPlay]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    setLocationState({ label: t('Workflow') });\n  }, [setLocationState, t]);\n\n  // this is used for updating the state node for page use\n  useEffect(() => {\n    if (workflow) {\n      setSelectedNode((prevNode) => {\n        if (!!prevNode) {\n          const foundNode = workflow.workflowPlayNode?.children?.find(\n            (child) => child.id === prevNode.id\n          );\n          if (!!foundNode) {\n            const updatedNode = { ...prevNode };\n            // TODO: using this to update state for now but may need to update\n            // other properties of the selected node when we pull workflow tree\n            updatedNode.properties.state = foundNode.state;\n            return updatedNode;\n          } else {\n            return prevNode;\n          }\n        }\n      });\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (workflow) {\n      const list = [];\n      const updatedMenu = transformWorkflowPlayTree(workflow.workflowPlayNode);\n      if (updatedMenu) {\n        list.push(updatedMenu);\n      }\n      setMenuItemsList(list);\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (!selectedNode) {\n      const menu = menuItemsList[0];\n      // Use Task Id to find the first matching node in tree\n      if (menu) {\n        if (!!udpTaskId) {\n          const matchingTaskNode = menu.children.find(\n            (child) => child?.properties?.playSceneId === udpTaskId\n          );\n          setSelectedNode(matchingTaskNode || menu.children[0] || null);\n        } else {\n          const firstSelectableMenuItem = menu?.children?.find(\n            (item) => item.isSelectable\n          );\n          setSelectedNode(firstSelectableMenuItem || null);\n        }\n        if (autoCollapseNav) {\n          setNavigationExpanded(false);\n        }\n      }\n    }\n  }, [\n    udpTaskId,\n    menuItemsList,\n    selectedNode,\n    setNavigationExpanded,\n    autoCollapseNav\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // useEffect(() => {\n  //   if (selectedNode) {\n  //     const getState = async () => {\n  //       const response = await getNodeState(selectedNode.id);\n  //       if (response.status === 200) {\n  //         setMenuItemsList((prevMenuList) => {\n  //           let updatedList = [];\n  //           prevMenuList.forEach((menu) => {\n  //             const updatedMenu = updateWorkflowPlayNodeState(\n  //               menu,\n  //               selectedNode.id,\n  //               response.data\n  //             );\n  //             updatedList.push(updatedMenu);\n  //           });\n  //           return updatedList;\n  //         });\n  //       }\n  //     };\n  //     getState();\n  //   }\n  // }, [selectedNode, getNodeState]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={'Workflow'}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={playId}>\n              {menuItemsList?.length > 0 &&\n                (!workflowPlayLoading || reloadFromPage) &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <WorkflowTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {workflowPlayLoading && !reloadFromPage && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={workflowPlayLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          <WorkflowContent\n            selectedNode={selectedNode}\n            workflow={workflow}\n            reloadWorkflow={handleReloadWorkflow}\n            users={users}\n            groups={groups}\n          />\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default WorkflowContainer;\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowContainer-CNAbhsJK.js","names":[],"sources":["../src/workflow/WorkflowContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { WorkflowTreeMenu } from './menus/WorkflowTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { WorkflowContent } from './WorkflowContent';\nimport {\n  transformWorkflowPlayTree,\n  updateWorkflowPlayNodeState\n} from '../utilities/workflow/workflowUtilities';\nimport { useUpdateSearchParams } from '../hooks/useUpdateSearchParams';\nimport { useUser } from '../utilities/auth/useUser';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nexport const WorkflowContainer = (props) => {\n  const { playId, taskId, autoCollapseNav = true } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const location = useLocation();\n  const updateSearchParams = useUpdateSearchParams();\n  const user = useUser();\n  const setLocationState = useSetLocationState();\n  const { t } = useTranslation();\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [reloadFromPage, setReloadFromPage] = useState(false);\n  const [workflow, setWorkflow] = useState(false);\n\n  const state = location.state;\n  let searchParamStr = location.search;\n  let searchParams = new URLSearchParams(searchParamStr);\n  const urlPlayId = location.pathname.replace('/workflowtask/', '');\n  const udpPlayId =\n    playId ||\n    urlPlayId ||\n    (state\n      ? state.playId\n      : searchParams.has('playId') === true\n      ? searchParams.get('playId')\n      : '');\n\n  const udpTaskId =\n    taskId ||\n    (state\n      ? state.taskId\n      : searchParams.has('taskId') === true\n      ? searchParams.get('taskId')\n      : '');\n\n  const [{ data: workflowPlay, loading: workflowPlayLoading }, reloadWorkflow] =\n    useAxiosGet(\n      ConfigService.builderV1ApiUrl,\n      `workflow/play/${udpPlayId}`,\n      {},\n      !!!udpPlayId,\n      false\n    );\n\n  const [{ data: users }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users?tenantId=${user?.currentTenantId || ''}`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  const [{ data: groups }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `groups?tenantId=${user?.currentTenantId || ''}&productId=${\n      ConfigService.config.UNITY_PRODUCT_ID\n    }`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  // const getNodeState = useCallback(\n  //   async (nodeId) =>\n  //     apiMutate(\n  //       ConfigService.builderV1ApiUrl,\n  //       `workflow/play/${udpPlayId}/node/${nodeId}/state`,\n  //       {\n  //         method: 'get'\n  //       }\n  //     ),\n  //   [udpPlayId]\n  // );\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const handleReloadWorkflow = useCallback(async () => {\n    setReloadFromPage(true);\n    await reloadWorkflow();\n    setReloadFromPage(false);\n  }, [reloadWorkflow]);\n\n  const handleSelectedNode = useCallback(\n    async (node, menuIndex) => {\n      if (node.isSelectable) {\n        setSelectedNode(node);\n        await handleReloadWorkflow();\n        if (node?.properties?.playSceneId) {\n          updateSearchParams({ taskId: node.properties.playSceneId });\n        }\n      }\n    },\n    [updateSearchParams, handleReloadWorkflow]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  useEffect(() => {\n    if (workflowPlay) {\n      setWorkflow(workflowPlay);\n    }\n  }, [workflowPlay]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    setLocationState({ label: t('Workflow') });\n  }, [setLocationState, t]);\n\n  // this is used for updating the state node for page use\n  useEffect(() => {\n    if (workflow) {\n      setSelectedNode((prevNode) => {\n        if (!!prevNode) {\n          const foundNode = workflow.workflowPlayNode?.children?.find(\n            (child) => child.id === prevNode.id\n          );\n          if (!!foundNode) {\n            const updatedNode = { ...prevNode };\n            // TODO: using this to update state for now but may need to update\n            // other properties of the selected node when we pull workflow tree\n            updatedNode.properties.state = foundNode.state;\n            return updatedNode;\n          } else {\n            return prevNode;\n          }\n        }\n      });\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (workflow) {\n      const list = [];\n      const updatedMenu = transformWorkflowPlayTree(workflow.workflowPlayNode);\n      if (updatedMenu) {\n        list.push(updatedMenu);\n      }\n      setMenuItemsList(list);\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (!selectedNode) {\n      const menu = menuItemsList[0];\n      // Use Task Id to find the first matching node in tree\n      if (menu) {\n        if (!!udpTaskId) {\n          const matchingTaskNode = menu.children.find(\n            (child) => child?.properties?.playSceneId === udpTaskId\n          );\n          setSelectedNode(matchingTaskNode || menu.children[0] || null);\n        } else {\n          const firstSelectableMenuItem = menu?.children?.find(\n            (item) => item.isSelectable\n          );\n          setSelectedNode(firstSelectableMenuItem || null);\n        }\n        if (autoCollapseNav) {\n          setNavigationExpanded(false);\n        }\n      }\n    }\n  }, [\n    udpTaskId,\n    menuItemsList,\n    selectedNode,\n    setNavigationExpanded,\n    autoCollapseNav\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // useEffect(() => {\n  //   if (selectedNode) {\n  //     const getState = async () => {\n  //       const response = await getNodeState(selectedNode.id);\n  //       if (response.status === 200) {\n  //         setMenuItemsList((prevMenuList) => {\n  //           let updatedList = [];\n  //           prevMenuList.forEach((menu) => {\n  //             const updatedMenu = updateWorkflowPlayNodeState(\n  //               menu,\n  //               selectedNode.id,\n  //               response.data\n  //             );\n  //             updatedList.push(updatedMenu);\n  //           });\n  //           return updatedList;\n  //         });\n  //       }\n  //     };\n  //     getState();\n  //   }\n  // }, [selectedNode, getNodeState]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={'Workflow'}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={playId}>\n              {menuItemsList?.length > 0 &&\n                (!workflowPlayLoading || reloadFromPage) &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <WorkflowTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {workflowPlayLoading && !reloadFromPage && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={workflowPlayLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          <WorkflowContent\n            selectedNode={selectedNode}\n            workflow={workflow}\n            reloadWorkflow={handleReloadWorkflow}\n            users={users}\n            groups={groups}\n          />\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default WorkflowContainer;\n"],"mappings":"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"}

package/dist/{WorkflowContainer-CzQerfwt.js → WorkflowContainer-DNf1UcY5.js}

@@ -23,7 +23,7 @@ import "./colors-BONxjrOE.js";
 import "./colorConverter-x64WSLsF.js";
 import "./SearchUtilities-Df1gkDw9.js";
 import "./GroupNode-BxnXH0gG.js";
-import "./TreeUtilities-BnHT4nq0.js";
+import "./TreeUtilities-DWgARig7.js";
 import "./UnityIconLibrary-CjIwzfjv.js";
 import "./teleporterStore-CjUFtATo.js";
 import "./AmbientPopoverMenuItem-BZuX43zJ.js";
@@ -60,7 +60,7 @@ import "./DateUtilities-COCIN8sN.js";
 import "./SidebarCollapseButton-DarQbYU9.js";
 import "./UtilityBarInport-BWlSEYCI.js";
 import "./UtilitySideBar-XdGlkgZz.js";
-import "./WorkflowTreeMenu-BDolYqHx.js";
+import "./WorkflowTreeMenu-U3JYFWVn.js";
 import "./workflowEnums-Ce66RCVc.js";
 import "./workflowUtilities-Y2J2_Bcx.js";
 import "./workflowStore-flVBWM0f.js";
@@ -70,6 +70,6 @@ import "./CircularProgress-CeJ9Prk4.js";
 import "./WorkflowContent-Dq7Agung.js";
 import "./EmailDisplay-B0_nBwUQ.js";
 import "./useUpdateSearchParams-sZqx_zVu.js";
-import { n as WorkflowContainer_default, t as WorkflowContainer } from "./WorkflowContainer-hbA-EyK-.js";
+import { n as WorkflowContainer_default, t as WorkflowContainer } from "./WorkflowContainer-CNAbhsJK.js";
 
 export { WorkflowContainer, WorkflowContainer_default as default };

package/dist/{WorkflowTreeMenu-BDolYqHx.js → WorkflowTreeMenu-U3JYFWVn.js}

@@ -1,7 +1,7 @@
 import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.js";
 import { M as TreeViewModeEnums, _ as NodeActionTriggerEnums } from "./unitySystemEnums-DQSkCr3D.js";
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DkZ-zXku.js";
-import { S as getIconFromName, V as searchTree, d as findAllParentIds, w as getNodeIdForRightBorder } from "./TreeUtilities-BnHT4nq0.js";
+import { S as getIconFromName, V as searchTree, d as findAllParentIds, w as getNodeIdForRightBorder } from "./TreeUtilities-DWgARig7.js";
 import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
 import { t as AggregateChip } from "./AggregateChip-BF6RL_4_.js";
 import React, { useCallback, useEffect, useState } from "react";
@@ -343,4 +343,4 @@ const WorkflowTreeMenu = (props) => {
 
 //#endregion
 export { WorkflowTreeMenuItem as n, WorkflowTreeMenu as t };
-//# sourceMappingURL=WorkflowTreeMenu-BDolYqHx.js.map
+//# sourceMappingURL=WorkflowTreeMenu-U3JYFWVn.js.map