udp-react-enterprise-component-library 25.18.0 → 25.18.1-alpha.1

package/dist/UdpTransactionsPage-9wEWfn6I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpTransactionsPage-9wEWfn6I.js","names":["useTransactionStore: () => TransactionState","LinearProgress","Divider","AttachmentList","LinearProgress","LinearProgress","Typography","WorkflowActions","EditTransactionHeaderItem","Divider","Typography","ViewTransaction","AttachmentTransaction","WorkflowActions","EditTransaction","LinearProgress","UdpTransactionGrid","UdpTransactionSidesheet"],"sources":["../src/stores/transactionStore.ts","../src/utilities/transactions/useTransactionEngine.js","../src/udp/pages/UdpTransactionsPage/UdpTransactionGrid.jsx","../src/udp/pages/UdpTransactionsPage/sidesheets/ViewTransaction.jsx","../src/udp/pages/UdpTransactionsPage/sidesheets/AttachmentList.jsx","../src/udp/pages/UdpTransactionsPage/sidesheets/AttachmentTransaction.jsx","../src/udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.jsx","../src/udp/pages/UdpTransactionsPage/sidesheets/EditTransactionHeaderItem.jsx","../src/udp/pages/UdpTransactionsPage/sidesheets/EditTransaction.jsx","../src/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.jsx","../src/hooks/useTransactionType.js","../src/udp/pages/UdpTransactionsPage/UdpTransactionsPage.jsx","../src/udp/pages/UdpTransactionsPage/index.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { devtools } from 'zustand/middleware';\n\ninterface TransactionState {\n  transactionTypesMap: object | null | undefined;\n  setTransactionTypesMap: (transactionTypes: object) => void;\n}\n\nexport const useTransactionStore: () => TransactionState =\n  create<TransactionState>()(\n    devtools((set) => ({\n      transactionTypesMap: {},\n      setTransactionTypesMap: (transactionTypesMap) =>\n        set((state) => ({\n          transactionTypesMap: {\n            ...state.transactionTypesMap,\n            ...transactionTypesMap\n          }\n        }))\n    }))\n  );\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport jsonLogic from 'json-logic-js';\nimport { useTransactionStore } from '../../stores/transactionStore';\nimport { useUser } from '../auth';\nimport { useCatalogStore } from '../../stores';\nimport { TransactionActionEnums, TransactionEventTypeEnums } from '../../enums';\n\nexport const useTransactionEngine = (transactionTypeId) => {\n  const user = useUser();\n  const [transactionTypeFields, setTransactionTypeFields] = useState([]);\n\n  const currentApiCatalogId = useCatalogStore(\n    (state) => state.currentApiCatalogId\n  );\n  const catalogsMap = useCatalogStore((state) => state.catalogsMap);\n\n  const transactionTypesMap = useTransactionStore(\n    (state) => state.transactionTypesMap\n  );\n  const transactionType = transactionTypesMap\n    ? transactionTypesMap[transactionTypeId]\n    : null;\n\n  const evaluateRule = useCallback(\n    (rule, udpTransaction) => {\n      let udpTransactionEvaluationData = {\n        currentStatusId: udpTransaction?.currentStatusId,\n        currentDomainValue: udpTransaction?.entityBusinessObject,\n        tenantUserRoleIds: user?.roleIds || []\n      };\n\n      return jsonLogic.apply(rule, udpTransactionEvaluationData);\n    },\n    [user?.roleIds]\n  );\n\n  const getTransactionTypeTransactionActions = useCallback(\n    (udpTransaction, ruleTypeId = null) => {\n      const transactionActions =\n        transactionType?.udpTransactionTypeUdpTransactionTypeConfiguration?.reduce(\n          (actions, config) => {\n            const ruleLogic = config?.expressionLogic;\n            if (!ruleTypeId) {\n              return actions;\n            }\n            if (\n              config.transactionRuleTypeId === ruleTypeId &&\n              config.enabled &&\n              ruleLogic\n            ) {\n              const result = evaluateRule(ruleLogic, udpTransaction);\n              if (result) {\n                const configActions =\n                  config?.udpTransactionTypeConfigurationUdpTransactionTypeConfigurationTransactionAction ||\n                  [];\n\n                const nestedActions = configActions\n                  .map(\n                    (action) =>\n                      action.udpTransactionTypeConfigurationTransactionActionUdpTransactionTypeTransactionAction\n                  )\n                  .filter((action) => action);\n\n                if (nestedActions.length > 0) {\n                  actions = actions.concat(nestedActions);\n                }\n              }\n              return actions;\n            }\n            return actions;\n          },\n          []\n        );\n\n      return transactionActions;\n    },\n    [transactionType, evaluateRule]\n  );\n\n  const hasRevisions = useMemo(() => {\n    return transactionType?.hasRevision;\n  }, [transactionType]);\n\n  const hasClosedStatus = useMemo(() => {\n    return transactionType?.udpTransactionTypeUdpTransactionTypeStatus?.some(\n      (status) => status.isClosedStatus\n    );\n  }, [transactionType]);\n\n  const transactionTypeGridColumns = useMemo(() => {\n    return transactionType?.domainFields || [];\n  }, [transactionType]);\n\n  const getHiddenFields = useCallback(\n    (udpTransaction) => {\n      const transactionActions = getTransactionTypeTransactionActions(\n        udpTransaction,\n        TransactionEventTypeEnums.Form\n      );\n      if (!transactionActions) return false;\n      let hiddenFields = [];\n      transactionActions\n        .filter(\n          (action) =>\n            action.transactionActionId ===\n            TransactionActionEnums.Set_Fields_Hidden\n        )\n        .forEach((action) => {\n          if (action.parameters?.hiddenFields) {\n            hiddenFields = hiddenFields.concat(action.parameters.hiddenFields);\n          }\n        });\n      return hiddenFields;\n    },\n    [getTransactionTypeTransactionActions]\n  );\n\n  const getRequiredFields = useCallback(\n    (udpTransaction) => {\n      const transactionActions = getTransactionTypeTransactionActions(\n        udpTransaction,\n        TransactionEventTypeEnums.Form\n      );\n      if (!transactionActions) return false;\n      let requiredFields = [];\n      transactionActions\n        .filter(\n          (action) =>\n            action.transactionActionId ===\n            TransactionActionEnums.Set_Mandatory_Fields\n        )\n        .forEach((action) => {\n          if (action.parameters?.mandatoryFields) {\n            requiredFields = requiredFields.concat(\n              action.parameters.mandatoryFields\n            );\n          }\n        });\n      return requiredFields;\n    },\n    [getTransactionTypeTransactionActions]\n  );\n\n  useEffect(() => {\n    if (catalogsMap && currentApiCatalogId && transactionType) {\n      const apiCatalog = catalogsMap[currentApiCatalogId];\n      if (apiCatalog) {\n        const catalogObjects = apiCatalog.ctlg.catalogObjectList;\n        const transactionTypeObject = catalogObjects.find(\n          (obj) =>\n            obj.catalogObjectName.toLowerCase() ===\n            transactionType?.domainName?.toLowerCase()\n        );\n        if (transactionTypeObject) {\n          setTransactionTypeFields(transactionTypeObject.properties || []);\n        }\n      }\n    }\n  }, [catalogsMap, currentApiCatalogId, transactionType]);\n\n  return {\n    currentTransactionType: transactionType,\n    evaluateRule,\n    getTransactionTypeTransactionActions,\n    hasRevisions,\n    getHiddenFields,\n    getRequiredFields,\n    hasClosedStatus,\n    transactionTypeGridColumns\n  };\n};\n","import { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { SearchMethodUdpGrid } from '../../../UI/templates/newGrid';\nimport { LinearProgress } from '../../../UI';\nimport { useTransactionEngine } from '../../../utilities/transactions/useTransactionEngine';\nimport { params } from '../../../UI/widgets/library/BarChartWidget';\n\nconst UdpTransactionGrid = (props) => {\n  const {\n    transactionTypeId,\n    domainName,\n    transactionTypeLoading,\n    handleGridApiCallback,\n    openAddTransaction,\n    openViewTransaction,\n    openEditTransaction,\n    openAttachmentTransaction,\n    openWorkflowActionTransaction,\n    searchMethodObject,\n    domainColumnFormatters\n  } = props;\n\n  const { t } = useTranslation();\n\n  const { hasRevisions, transactionTypeGridColumns } =\n    useTransactionEngine(transactionTypeId);\n\n  const columnDefs = useMemo(() => {\n    const initialColumnDefs = [\n      {\n        headerName: t('Transaction Id'),\n        field: 'transactionId'\n      },\n      {\n        headerName: t('Created On'),\n        field: 'createdOn',\n        cellDataType: 'dateString',\n        valueFormatter: (params) => {\n          const parsedDate = new Date(params?.data.createdOn);\n          if (parsedDate.getTime()) {\n            const year = parsedDate.getFullYear();\n            //Month is zero based 0 = Jan so need to add 1\n            const month = parsedDate.getMonth() + 1;\n            const day = parsedDate.getDate().toString();\n            return `${year}-${month.toString()}-${day}`;\n          }\n        }\n      },\n      {\n        headerName: t('Current Status'),\n        field: 'currentStatusId',\n        valueFormatter: (params) =>\n          params?.data.udpTransactionUdpTransactionTypeStatus.name\n      },\n      {\n        headerName: t('Revision No'),\n        field: 'currentRevisionNo'\n      },\n      {\n        headerName: t('Last Event Type'),\n        field: 'lastEventTypeId',\n        valueFormatter: (params) =>\n          params?.data.udpTransactionUdpTransactionEventType.name\n      },\n      {\n        headerName: t('Attachments'),\n        field: 'attachments',\n        pinned: 'right',\n        onCellClicked: (event) => {\n          openAttachmentTransaction(event.data);\n        },\n        valueFormatter: (params) => {\n          return params?.data.udpTransactionUdpTransactionAttachment.length;\n        }\n      },\n      {\n        field: 'actions',\n        cellRenderer: 'actionsRenderer',\n        cellRendererParams: {\n          actionList: [\n            {\n              id: 0,\n              title: 'Action',\n              iconName: 'migrateAlt',\n              handleOnClick: (e, params) => {\n                openWorkflowActionTransaction(params?.data);\n              }\n            },\n            {\n              id: 1,\n              title: t('View'),\n              iconName: 'view',\n              handleOnClick: (e, params) => {\n                openViewTransaction(params?.data);\n              }\n            },\n            {\n              id: 2,\n              title: t('Edit'),\n              iconName: 'edit',\n              handleOnClick: (e, params) => {\n                openEditTransaction(params?.data);\n              }\n            },\n            {\n              id: 3,\n              title: t('Delete'),\n              iconName: 'trashCan',\n              handleOnClick: (e, params) => {}\n            }\n          ]\n        }\n      }\n    ];\n\n    transactionTypeGridColumns.forEach((column) => {\n      let formatedHeaderName =\n        column.slice(0, 1).toUpperCase() + column.slice(1);\n\n      let valueFormatter = (params) => {\n        return params?.data ? params?.data?.entityBusinessObject[column] : '';\n      };\n\n      if (domainColumnFormatters.has(column)) {\n        valueFormatter = domainColumnFormatters.get(column);\n      }\n\n      initialColumnDefs.push({\n        headerName: formatedHeaderName,\n        field: domainName + column,\n        valueFormatter: valueFormatter\n      });\n    });\n\n    return initialColumnDefs;\n  }, [\n    domainName,\n    t,\n    openViewTransaction,\n    openEditTransaction,\n    openAttachmentTransaction,\n    openWorkflowActionTransaction,\n    domainColumnFormatters,\n    transactionTypeGridColumns\n  ]);\n\n  const secondaryActionButtons = useMemo(() => {\n    const buttons = [\n      {\n        label: t('Print'),\n        iconName: 'printer',\n        onClick: () => {}\n      }\n    ];\n    if (hasRevisions) {\n      buttons.unshift({\n        label: t('Create Revision'),\n        iconName: 'edit',\n        onClick: () => {}\n      });\n    }\n    return buttons;\n  }, [hasRevisions, t]);\n\n  const headerConfig = {\n    title: domainName,\n    primaryActionButton: {\n      label: domainName + ' Entry',\n      iconName: 'add',\n      onClick: () => {\n        openAddTransaction();\n      }\n    },\n    secondaryActionButtons: secondaryActionButtons\n  };\n\n  const gridFunctions = [\n    { name: 'agGridExport' },\n    { name: 'agGridHideShowColumns' },\n    { name: 'agGridSizeColumnsToFit' }\n  ];\n\n  const gridOptions = useMemo(() => {\n    return {\n      pagination: true,\n      rowSelection: {\n        mode: 'multiRow'\n      }\n    };\n  }, []);\n\n  const searchMethodConfig = useMemo(() => {\n    let combinedSearchObject = {\n      eagerLoad: true,\n      filterElements: [\n        {\n          searchField: 'transactionTypeId',\n          searchOperator: '=',\n          searchValue: transactionTypeId\n        }\n      ]\n    };\n\n    let combinedFilterElems = combinedSearchObject.filterElements.concat(\n      searchMethodObject?.filterElements\n    );\n\n    combinedSearchObject = {\n      ...combinedSearchObject,\n      ...searchMethodObject\n    };\n\n    combinedSearchObject = {\n      ...combinedSearchObject,\n      filterElements: combinedFilterElems\n    };\n\n    combinedSearchObject = {\n      ...combinedSearchObject,\n      filterElement: combinedSearchObject.filterElements.concat({\n        searchField: 'transactionTypeId',\n        searchOperator: '=',\n        searchValue: transactionTypeId\n      })\n    };\n\n    return {\n      requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransaction/search`,\n      customSearchObject: combinedSearchObject\n    };\n  }, [transactionTypeId, searchMethodObject]);\n\n  return (\n    <>\n      {transactionTypeLoading && <LinearProgress />}\n      <SearchMethodUdpGrid\n        gridHeaderConfig={headerConfig}\n        gridFunctions={gridFunctions}\n        gridOptions={gridOptions}\n        columnDefs={columnDefs}\n        searchMethodConfig={searchMethodConfig}\n        gridApiCallback={handleGridApiCallback}\n      />\n    </>\n  );\n};\n\nexport default UdpTransactionGrid;\n","import React from 'react';\nimport { FileViewer } from '../../../../UI';\n\nconst ViewTransaction = (props) => {\n  // Currently don't have the cover file so no pdf file passed need to change once we know where it is from by cahnging filePath\n  const { transaction } = props;\n\n  return (\n    <>\n      <FileViewer\n        data={{\n          filePath: '',\n          fileExtension: 'pdf'\n        }}\n        acceptedFileExtensions='pdf'\n      />\n    </>\n  );\n};\n\nexport default ViewTransaction;\n","import { AmbientList } from '../../../../UI';\nimport { useMemo } from 'react';\nimport {\n  PDFIcon,\n  WordDocumentIcon,\n  FileImageIcon\n} from '@fluentui/react-icons';\n\nconst AttachmentList = (props) => {\n  const { attachments, setSelectedAttachment } = props;\n\n  const formattedAttachments = useMemo(() => {\n    return attachments.map((attachment) => ({\n      attachmentName: attachment.fileName,\n      extension: attachment.extension,\n      transactionAttachmentId: attachment.transactionAttachmentId\n    }));\n  }, [attachments]);\n\n  const getFileIcon = (item) => {\n    if (item.attachmentName.includes('.pdf')) {\n      return PDFIcon;\n    } else if (item.attachmentName.includes('.docx')) {\n      return WordDocumentIcon;\n    } else if (item.attachmentName.includes('.')) {\n      return FileImageIcon;\n    }\n  };\n\n  return (\n    <>\n      <AmbientList\n        data={formattedAttachments}\n        useAvatar={false}\n        fieldConfig={{\n          primaryText: 'attachmentName',\n          secondaryText: 'description'\n        }}\n        onItemClick={(item) => {\n          setSelectedAttachment(item);\n        }}\n        getItemIcon={(item) => {\n          return getFileIcon(item);\n        }}\n        listHeight={800}\n        maxHeight={900}\n      />\n    </>\n  );\n};\n\nexport default AttachmentList;\n","import {\n  Divider,\n  EmptyStateDisplay,\n  FileViewer,\n  LinearProgress\n} from '../../../../UI';\nimport AttachmentList from './AttachmentList';\nimport { useState, useEffect } from 'react';\nimport { ViewIcon } from '@fluentui/react-icons';\nimport { makeStyles } from '@material-ui/core';\nimport { useAxiosGet } from '../../../../utilities';\n\nconst AttachmentTransaction = (props) => {\n  const { transaction } = props;\n  const [selectedAttachment, setSelectedAttachment] = useState('');\n\n  const attachments = transaction?.udpTransactionUdpTransactionAttachment;\n\n  const [{ data: attachmentFileInfo }, refetchattachmentFileInfo] = useAxiosGet(\n    `${process.env.REACT_APP_PRODUCT_API_BASE}`,\n    `UdpTransactionAttachment/${selectedAttachment?.transactionAttachmentId}/udpDriveFile/download`,\n    {},\n    true\n  );\n\n  useEffect(() => {\n    if (selectedAttachment) {\n      refetchattachmentFileInfo();\n    }\n  }, [selectedAttachment, refetchattachmentFileInfo]);\n\n  let fileDataObj = {\n    filePath: attachmentFileInfo?.link,\n    fileExtension: attachmentFileInfo?.extension\n  };\n\n  const useStyles = makeStyles((theme) => ({\n    sidesheet: { display: 'flex', flexDirection: 'row', flex: 1 },\n    attachmentListContainer: {\n      textAlign: 'left',\n      width: '35%'\n    },\n    attachmentListHeader: {\n      backgroundColor: 'white',\n      marginTop: '-7%',\n      marginBottom: '-5%',\n      justifyItems: 'left',\n      paddingLeft: '5%'\n    },\n    attachmentListHeaderPrimaryText: {\n      fontSize: 'var(--h6-font-size)',\n      fontWeight: 'var(--body1-font-weight)',\n      marginBottom: '-5%',\n      color: 'var(--text-main)'\n    },\n    attachmentListHeaderSecondaryText: {\n      fontSize: 'var(--body2-font-size)',\n      color: 'var(--text-secondary)',\n      paddingBottom: '2%'\n    },\n    attachemntFileInfoCol: {\n      width: '50%',\n      display: 'flex',\n      flexDirection: 'column',\n      flex: 1\n    },\n    attachmentFileNameHeader: {\n      backgroundColor: 'white'\n    },\n    attachmentFileName: {\n      color: 'var(--text-main)',\n      fontSize: 'var(--h6-font-size)',\n      fontWeight: 'var(--body1-font-weight)',\n      marginTop: '1%',\n      marginBottom: '1%',\n      justifySelf: 'center'\n    },\n    fileViewer: {\n      marginLeft: 'var(--spacing-02)',\n      marginRight: 'var(--spacing-02)'\n    },\n    divider: {\n      '& MuiDivider-root': {\n        backgroundColor: 'var(--gray-02)'\n      }\n    }\n  }));\n\n  const classStyles = useStyles();\n\n  return (\n    <>\n      <div className={classStyles.sidesheet}>\n        <div className={classStyles.attachmentListContainer}>\n          <div className={classStyles.attachmentListHeader}>\n            <p className={classStyles.attachmentListHeaderPrimaryText}>\n              Attachments\n            </p>\n            <p className={classStyles.attachmentListHeaderSecondaryText}>\n              {attachments.length + ' file(s) attached'}\n            </p>\n          </div>\n          <div className={classStyles.divider}>\n            <Divider />\n          </div>\n          <AttachmentList\n            transaction={transaction}\n            attachments={attachments}\n            setSelectedAttachment={setSelectedAttachment}\n          />\n        </div>\n\n        <div className={classStyles.attachemntFileInfoCol}>\n          <div className={classStyles.attachmentFileNameHeader}>\n            {selectedAttachment && (\n              <p className={classStyles.attachmentFileName}>\n                {selectedAttachment.attachmentName}\n              </p>\n            )}\n            <div className={classStyles.divider}>\n              <Divider />\n            </div>\n          </div>\n          {selectedAttachment?.attachmentName != attachmentFileInfo?.name ? (\n            <LinearProgress />\n          ) : selectedAttachment && attachmentFileInfo ? (\n            <div className={classStyles.fileViewer}>\n              <FileViewer\n                data={\n                  attachmentFileInfo?.extension == 'pdf'\n                    ? fileDataObj\n                    : [fileDataObj]\n                }\n              />\n            </div>\n          ) : (\n            <EmptyStateDisplay\n              icon={ViewIcon}\n              primaryText={'Select an attachment to preview'}\n              secondaryText={\n                'Choose a file from the attachments list to view its contents'\n              }\n            />\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\nexport default AttachmentTransaction;\n","import { React, useState, useCallback, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSnackbar } from 'notistack';\nimport { DocumentIcon } from '@fluentui/react-icons';\nimport { FluentDialog, LinearProgress, SideSheet } from '../../../../UI';\nimport { PageContainer } from '../../../../page/PageContainer';\nimport { useAxiosGet, useAxiosMutate } from '../../../../utilities';\nimport { ConfigService } from '../../../../configService';\nimport { UdpActionCard } from '../../../../UI/inputs/buttons/UdpActionCard/UdpActionCard';\nimport { getIconFromName } from '../../../../utilities/tree';\nimport './WorkflowActions.css';\nimport { TransactionEventTypeEnums } from '../../../../enums/unitySystemEnums';\nimport { useTransactionEngine } from '../../../../utilities/transactions/useTransactionEngine';\n\nconst TransactionActionButton = ({\n  icon,\n  primaryText,\n  secondaryText,\n  onClick,\n  action\n}) => {\n  const actionCardIcon = useMemo(() => getIconFromName(icon), [icon]);\n\n  return (\n    <UdpActionCard\n      icon={actionCardIcon ? actionCardIcon : DocumentIcon}\n      primaryText={primaryText}\n      secondaryText={secondaryText}\n      onClick={() => {\n        onClick(action);\n      }}\n    />\n  );\n};\n\nconst WorkflowActions = ({ transaction, closeSideSheet }) => {\n  // TODO: Utilize rules engine by passing in the transaction data to retrieve data (sample return data below)\n\n  const [dialogOpen, setDialogOpen] = useState(true);\n  const [dialogUserStrings, setDialogUserStrings] = useState(null);\n  const [selectedAction, setSelectedAction] = useState(null);\n  const [sideSheetOpen, setSideSheetOpen] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  const [{ data: pageData }, refetchPageData] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    '',\n    {},\n    true,\n    false\n  );\n\n  const { getTransactionTypeTransactionActions } = useTransactionEngine(\n    transaction.transactionTypeId\n  );\n\n  const transactionTypeTransactionActions = useMemo(() => {\n    return (\n      getTransactionTypeTransactionActions(\n        transaction,\n        TransactionEventTypeEnums.Sidesheet\n      ) || []\n    );\n  }, [getTransactionTypeTransactionActions, transaction]);\n\n  // Base URL and url get overwritten in postTransactionData function call in handleConfirmActionDialog()\n  const [{ data: transactionData }, postTransactionData] = useAxiosMutate(\n    `${process.env.REACT_APP_PRODUCT_API_BASE}udptransactiontypeTransactionAction`,\n    '1db1abc1d-8210-42bc-99fc-2f8794ad5c69/transaction/a0f65808-3590-4de0-8857-a183fe85fdf3/submit',\n    {\n      method: 'post'\n    },\n    {}\n  );\n\n  const i18n = useTranslation().t;\n  const { enqueueSnackbar } = useSnackbar();\n\n  const handleDialogOpen = useCallback((title, message) => {\n    setDialogUserStrings({ title, message });\n    setDialogOpen(true);\n  }, []);\n\n  const handleDialogClose = useCallback(() => {\n    setDialogOpen(false);\n  }, []);\n\n  const handleConfirmActionDialog = useCallback(async () => {\n    setDialogOpen(true);\n    handleDialogClose();\n    setLoading(true);\n    try {\n      const data = await postTransactionData({\n        // Change URL to config\n        url:\n          `${process.env.REACT_APP_PRODUCT_API_BASE}/udptransactiontypeTransactionAction` +\n          `/${selectedAction.transactionTypeTransactionActionId}/transaction/${transaction.transactionId}/submit`,\n        data: {}\n      });\n      enqueueSnackbar(i18n('Successfully submitted!'), {\n        variant: 'success',\n        anchorOrigin: {\n          vertical: 'top',\n          horizontal: 'center'\n        }\n      });\n      closeSideSheet();\n    } catch (event) {\n      enqueueSnackbar(i18n(event.message), {\n        variant: 'error',\n        anchorOrigin: {\n          vertical: 'top',\n          horizontal: 'center'\n        }\n      });\n    }\n    setLoading(false);\n  }, [\n    postTransactionData,\n    handleDialogClose,\n    transaction,\n    selectedAction,\n    enqueueSnackbar,\n    i18n\n  ]);\n\n  const handleOnCloseSideSheet = useCallback(() => {\n    setSideSheetOpen(false);\n  }, []);\n\n  const fetchPageData = useCallback(\n    async (pageId) => {\n      setLoading(true);\n      try {\n        const response = await refetchPageData({\n          url: `${ConfigService.tenantV1ApiUrl}/page/${pageId}`\n        });\n        return response;\n      } catch (event) {\n        enqueueSnackbar(i18n(event.message), {\n          variant: 'error',\n          anchorOrigin: {\n            vertical: 'top',\n            horizontal: 'center'\n          }\n        });\n      } finally {\n        setLoading(false);\n      }\n    },\n    [refetchPageData, enqueueSnackbar, i18n]\n  );\n\n  const handleOnActionClick = useCallback(\n    (action) => {\n      const pageId = action.parameters.pageId;\n      setSelectedAction(action);\n      if (pageId) {\n        fetchPageData(action.parameters.pageId);\n        setSideSheetOpen(true);\n      } else {\n        handleDialogOpen(action.name, action.description);\n      }\n    },\n    [handleDialogOpen, fetchPageData]\n  );\n\n  const TransactionActionButtons = useMemo(() => {\n    if (!transactionTypeTransactionActions.length) {\n      return null;\n    }\n    return transactionTypeTransactionActions?.map((action) => (\n      <TransactionActionButton\n        key={action.transactionTypeTransactionActionId}\n        primaryText={action.name}\n        secondaryText={action.description}\n        icon={action.icon}\n        onClick={handleOnActionClick}\n        action={action}\n      />\n    ));\n  }, [transactionTypeTransactionActions, handleOnActionClick]);\n\n  return (\n    <>\n      {loading && <LinearProgress />}\n      <div className='transaction-action-buttons-container'>\n        {TransactionActionButtons}\n      </div>\n\n      {dialogUserStrings && (\n        <FluentDialog\n          title={i18n(\n            `Are you sure you want to proceed with \\\"${dialogUserStrings.title}\\\"?`\n          )}\n          message={dialogUserStrings.message}\n          labelOne={i18n('Confirm')}\n          actionOne={handleConfirmActionDialog}\n          labelTwo={i18n('Cancel')}\n          actionTwo={handleDialogClose}\n          open={dialogOpen}\n          handleClose={handleDialogClose}\n        />\n      )}\n\n      <SideSheet\n        open={sideSheetOpen}\n        title={''} // To Change\n        onClose={handleOnCloseSideSheet}\n        width={600}\n      >\n        {pageData && (\n          <PageContainer\n            key={selectedAction?.actionId}\n            pageData={pageData}\n            widgetParams={pageData?.widgets}\n            disableMargins={true}\n          />\n        )}\n      </SideSheet>\n    </>\n  );\n};\n\nexport default WorkflowActions;\n","import React from 'react';\nimport { StatusChip } from '../../../../UI/dataDisplay/status';\nimport { Typography } from '../../../../UI/dataDisplay/typography';\nimport './EditTransaction.css';\n\nconst EditTransactionHeaderItem = (props) => {\n  const { label, value, statusChip } = props;\n  return (\n    <div className='transaction-sidesheet-header-item'>\n      <Typography variant='caption'>{label}</Typography>\n      {statusChip ? (\n        <div className='transaction-sidesheet-header-item-status'>\n          <StatusChip {...statusChip} />\n        </div>\n      ) : (\n        <Typography variant='body1'>{value}</Typography>\n      )}\n    </div>\n  );\n};\n\nexport default EditTransactionHeaderItem;\n","import { Divider, SideSheet } from '../../../../UI';\nimport { EntityHeader } from '../../../../UI/dataDisplay/entityHeader';\nimport { UdpTabs } from '../../../../UI/navigation/tabs/UdpTabs';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '../../../../UI/dataDisplay/typography';\nimport { useState } from 'react';\n\nimport './EditTransaction.css';\nimport EditTransactionHeaderItem from './EditTransactionHeaderItem';\nimport { FluentButton } from '../../../../UI/inputs/buttons';\nimport WorkflowActions from './WorkflowActions';\n\nconst EditTransaction = (props) => {\n  //TODO: Add functions that will hit backend endpoints\n  const { transaction, openInnerSidesheetState, setOpenInnerSidesheetState } =\n    props;\n  const { t } = useTranslation();\n\n  const [selectedTab, setSelectedTab] = useState();\n  const tabNames = [t('Details'), t('History'), t('Attachments'), t('Notes')];\n  const headerItemInfo = [\n    {\n      label: 'Status',\n      statusChip: {\n        label: transaction.udpTransactionUdpTransactionTypeStatus?.name,\n        status: 'success'\n      }\n    },\n    {\n      label: 'Revision',\n      value: transaction?.currentRevisionNo\n    }\n  ];\n\n  const innerSidesheetList = [\n    {\n      open: openInnerSidesheetState.workflowAction,\n      closeSheet: () => setOpenInnerSidesheetState({ workflowActions: false }),\n      title: 'Available Workflow Actions',\n      children: (\n        <WorkflowActions\n          transaction={transaction}\n          closeSideSheet={() => {\n            setOpenInnerSidesheetState({\n              workflowActions: false\n            });\n          }}\n        />\n      )\n    },\n    {\n      open: openInnerSidesheetState.attachments,\n      closeSheet: () => setOpenInnerSidesheetState({ attachments: false }),\n      title: 'Add Attachment',\n      children: <h1>Add Attachments content</h1>\n    },\n    {\n      open: openInnerSidesheetState.notes,\n      closeSheet: () => setOpenInnerSidesheetState({ notes: false }),\n      title: 'Add Note',\n      buttonLabel: 'Save note',\n      buttonTwoLabel: 'Clear',\n      buttonTwoAction: () => {},\n      children: <h1>Add Notes content</h1>\n    }\n  ];\n  return (\n    <>\n      <div className='edit-transaction-sidesheet'>\n        <div className={`edit-transaction-sidesheet-header 'is-sticky'`}>\n          <div className='edit-transaction-sidesheet-header-title'></div>\n          <div className='edit-transaction-sidesheet-header-content'>\n            <div className='edit-transaction-sidesheet-header-items'>\n              {headerItemInfo.map((headerItem) => {\n                return (\n                  <EditTransactionHeaderItem\n                    key={headerItem.label}\n                    label={headerItem.label}\n                    statusChip={headerItem.statusChip}\n                    value={headerItem.value}\n                  />\n                );\n              })}\n            </div>\n            <div className='edit-transaction-sidesheet-header-buttons'>\n              <FluentButton\n                variant='contained'\n                color='secondary'\n                onClick={() => {\n                  setOpenInnerSidesheetState({ attachments: true });\n                }}\n              >\n                {'Add Attachment'}\n              </FluentButton>\n              <FluentButton\n                variant='contained'\n                color='secondary'\n                onClick={() => {\n                  setOpenInnerSidesheetState({ notes: true });\n                }}\n              >\n                {'Add Note'}\n              </FluentButton>\n            </div>\n            <div className='divider'>\n              <Divider />\n            </div>\n            <div className='edit-transaction-sidesheet-tabs'>\n              <UdpTabs\n                value={selectedTab}\n                onChange={(value, tabIndex) => {\n                  setSelectedTab(tabNames[tabIndex]);\n                }}\n                tabList={tabNames.map((tabName) => ({ label: tabName }))}\n                buttonWidth={'100%'}\n              />\n            </div>\n          </div>\n          <div className='divider'>\n            <Divider />\n          </div>\n        </div>\n\n        <div className='edit-transaction-sidesheet-body'>\n          <div style={{ height: 1600 }}>\n            <Typography variant='body1'>{'Tab Content Placeholder'}</Typography>\n            <Typography variant='body1'>{selectedTab}</Typography>\n          </div>\n        </div>\n      </div>\n\n      {openInnerSidesheetState &&\n        innerSidesheetList.map((item) => {\n          return (\n            <SideSheet\n              key={item.title}\n              open={item.open}\n              width={600}\n              title={item.title}\n              onClose={item.closeSheet}\n              buttonLabel={item?.buttonLabel}\n              buttonTwoLabel={item?.buttonTwoLabel}\n              color='primary'\n            >\n              {item.children}\n            </SideSheet>\n          );\n        })}\n    </>\n  );\n};\n\nexport default EditTransaction;\n","import React, { useState, useEffect, useMemo } from 'react';\nimport ViewTransaction from './sidesheets/ViewTransaction';\nimport { LinearProgress, SideSheet } from '../../../UI';\nimport AttachmentTransaction from './sidesheets/AttachmentTransaction';\nimport WorkflowActions from './sidesheets/WorkflowActions';\nimport EditTransaction from './sidesheets/EditTransaction';\nimport { useTransactionEngine } from '../../../utilities/transactions/useTransactionEngine';\n\nconst UdpTransactionSidesheet = (props) => {\n  const {\n    openStates,\n    handleSidesheet,\n    handleAttachmentTransaction,\n    transaction,\n    transactionTypeId,\n    domainName,\n    refreshGridData\n  } = props;\n\n  const [sidesheetLoading, setSidesheetLoading] = useState(false);\n  const [\n    editTransactionopenInnerSidesheetState,\n    setEditTransactionOpenInnerSidesheetState\n  ] = useState({\n    attachments: false,\n    workflowActions: false,\n    notes: false\n  });\n\n  const { hasClosedStatus } = useTransactionEngine(transactionTypeId);\n\n  const sidesheetWidth = 800;\n\n  const transactionTypeEntry = transaction?.entityBusinessObject;\n\n  const formattedBusinesskey = transactionTypeEntry?.businessObjectKey\n    ?.split('|')\n    ?.pop();\n\n  const sidesheetList = useMemo(() => {\n    const buttons = [\n      {\n        open: openStates.viewTransaction,\n        closeSheet: () => handleSidesheet('view', false),\n        title: domainName + ' ' + formattedBusinesskey + ' - Preview',\n        width: sidesheetWidth,\n        children: <ViewTransaction transaction={transaction} />,\n        buttonLabel: 'Download'\n      },\n      {\n        open: openStates.attachmentTransaction,\n        closeSheet: () => handleSidesheet('view', false),\n        title: 'Attachment for ' + domainName + ' ' + formattedBusinesskey,\n        width: sidesheetWidth,\n        buttonLabel: 'Download',\n        children: (\n          <AttachmentTransaction\n            handleAttachmentTransaction={handleAttachmentTransaction}\n            transaction={transaction}\n            domainName={domainName}\n            setSidesheetLoading={setSidesheetLoading}\n          />\n        )\n      },\n      {\n        open: openStates.workflowAction,\n        closeSheet: () => handleSidesheet('action', false),\n        title: `Workflow Actions - ${domainName} ${formattedBusinesskey}`,\n        width: sidesheetWidth,\n        children: (\n          <WorkflowActions\n            transaction={transaction}\n            closeSideSheet={() => {\n              handleSidesheet('action', false);\n              refreshGridData();\n            }}\n          />\n        )\n      }\n    ];\n\n    if (hasClosedStatus) {\n      buttons.push({\n        open: openStates.editTransaction,\n        closeSheet: () => handleSidesheet('edit', false),\n        title: `Edit ${domainName} ${formattedBusinesskey}`,\n        width: sidesheetWidth,\n        buttonLabel: 'Next Steps',\n        onSubmit: () =>\n          setEditTransactionOpenInnerSidesheetState({ workflowAction: true }),\n        buttonTwoLabel: 'Close ' + domainName,\n        buttonTwoAction: () => {},\n        children: (\n          <EditTransaction\n            transaction={transaction}\n            openInnerSidesheetState={editTransactionopenInnerSidesheetState}\n            setOpenInnerSidesheetState={\n              setEditTransactionOpenInnerSidesheetState\n            }\n          />\n        )\n      });\n    }\n    return buttons;\n  }, [\n    openStates,\n    handleSidesheet,\n    handleAttachmentTransaction,\n    transaction,\n    domainName,\n    editTransactionopenInnerSidesheetState,\n    setEditTransactionOpenInnerSidesheetState,\n    formattedBusinesskey,\n    hasClosedStatus,\n    refreshGridData\n  ]);\n\n  return (\n    <>\n      {openStates &&\n        sidesheetList.map((item) => {\n          return (\n            <SideSheet\n              key={item.title}\n              open={item.open}\n              width={sidesheetWidth}\n              title={item.title}\n              onClose={item.closeSheet}\n              noPadding={\n                openStates.attachmentTransaction || openStates.editTransaction\n              }\n              buttonLabel={item?.buttonLabel}\n              onSubmit={item?.onSubmit}\n              color='primary'\n              buttonTwoLabel={item?.buttonTwoLabel}\n              buttonTwoAction={item?.buttonTwoAction}\n            >\n              {sidesheetLoading && <LinearProgress />}\n              <div>{item.children}</div>\n            </SideSheet>\n          );\n        })}\n    </>\n  );\n};\n\nexport default UdpTransactionSidesheet;\n","import { useState, useEffect, useCallback } from 'react';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { ConfigService } from '../configService';\nimport { useTransactionStore } from '../stores/transactionStore';\n\nexport const useTransactionType = (options = {}) => {\n  const { transactionTypeId, domainName, domainFieldType, domainFieldValue } =\n    options;\n\n  const [resolvedId, setResolvedId] = useState(transactionTypeId || null);\n  const [data, setData] = useState(undefined);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(undefined);\n  const [promise, setPromise] = useState(undefined);\n\n  const { transactionTypesMap, setTransactionTypesMap } = useTransactionStore();\n\n  const setSuccessState = useCallback((response) => {\n    setError(undefined);\n    setLoading(false);\n    setData(response);\n  }, []);\n\n  // ---------------------------------------------------------\n  // EFFECT 1:\n  // Resolve transactionTypeId if using domainName\n  // ---------------------------------------------------------\n  useEffect(() => {\n    if (transactionTypeId) {\n      setResolvedId(transactionTypeId);\n      return;\n    }\n\n    if (!domainName) return;\n\n    setLoading(true);\n\n    const domainPromise = apiMutate(\n      ConfigService.productV1ApiUrl,\n      `udpTransactionType/domain/${domainName}${\n        domainFieldType && domainFieldValue\n          ? `?domainFieldType=${domainFieldType}&domainFieldValue=${domainFieldValue}`\n          : ''\n      }`,\n      {}\n    );\n\n    domainPromise\n      .then((res) => {\n        const newId = res.data?.transactionTypeId;\n\n        if (newId) {\n          setResolvedId(newId);\n        } else {\n          setError('Transaction type not found for domain.');\n        }\n      })\n      .catch(setError)\n      .finally(() => setPromise(domainPromise));\n  }, [transactionTypeId, domainName, domainFieldType, domainFieldValue]);\n\n  // ---------------------------------------------------------\n  // EFFECT 2:\n  // Fetch transaction type once resolvedId is known\n  // ---------------------------------------------------------\n  useEffect(() => {\n    if (!resolvedId) return;\n\n    // Check cache first\n    if (transactionTypesMap[resolvedId]) {\n      setSuccessState(transactionTypesMap[resolvedId]);\n      return;\n    }\n\n    setLoading(true);\n\n    const fetchPromise = apiMutate(\n      ConfigService.productV1ApiUrl,\n      `udpTransactionType/${resolvedId}?withAssociationData=true`,\n      {}\n    );\n\n    fetchPromise\n      .then((res) => {\n        const transactionType = res.data;\n        setTransactionTypesMap({ [resolvedId]: transactionType });\n        setSuccessState(transactionType);\n      })\n      .catch(setError)\n      .finally(() => setPromise(fetchPromise));\n  }, [\n    resolvedId,\n    transactionTypesMap,\n    setTransactionTypesMap,\n    setSuccessState\n  ]);\n\n  return { data, loading, error, promise };\n};\n","import UdpTransactionGrid from './UdpTransactionGrid';\nimport React, { useState, useRef, useEffect } from 'react';\nimport UdpTransactionSidesheet from './UdpTransactionSidesheet';\nimport { useAxiosGet } from '../../../utilities/useAxiosGet';\nimport { useTransactionType } from '../../../hooks/useTransactionType';\nimport { useTransactionEngine } from '../../../utilities/transactions/useTransactionEngine';\n\nconst UdpTransactionsPage = (props) => {\n  const {\n    transactionTypeId = '',\n    domainName: initialDomainName = 'Univerus.Unity.CPS.Domain.Models.RFI',\n    domainFieldType,\n    domainFieldValue\n  } = props;\n\n  const [sidesheetState, setSidesheetState] = useState({\n    workflowAction: false,\n    addTransaction: false,\n    editTransaction: false,\n    viewTransaction: false,\n    attachmentTransaction: false\n  });\n  const [selectedTransaction, setSelectedTransaction] = useState(null);\n  const [domainName, setDomainName] = useState(initialDomainName);\n\n  const {\n    data: transactionType,\n    loading: transactionTypeLoading,\n    error: transactionTypeError\n  } = useTransactionType({\n    transactionTypeId: transactionTypeId,\n    domainName: initialDomainName,\n    domainFieldType: domainFieldType,\n    domainFieldValue: domainFieldValue\n  });\n\n  useTransactionEngine(transactionType?.transactionTypeId);\n\n  const gridApiRef = useRef(null);\n\n  //TransactionTypeId, searchMethodObject and domainColumnFormatters will be props passed to the page\n  // Currently hard coiding the values to test locally you will neeed to comment the line below and delete the hard coded values\n  // const { transactionTypeID, searchMethodObject,domainColumnFormatters } = props;\n  const searchMethodObject = {\n    filterElements: [\n      {\n        searchField: 'transactionId',\n        searchOperator: 'NOTNULL'\n      }\n    ]\n  };\n\n  const domainColumnFormatters = new Map([\n    [\n      'submittedBy',\n      (params) => {\n        return params?.data\n          ? params?.data?.entityBusinessObject['submittedBy']\n          : '';\n      }\n    ],\n    [\n      'submittedTo',\n      (params) => {\n        return params?.data\n          ? params?.data?.entityBusinessObject['submittedTo']\n          : '';\n      }\n    ],\n    [\n      'rfiNo',\n      (params) => {\n        return params?.data ? params?.data?.entityBusinessObject['rfiNo'] : '';\n      }\n    ],\n    [\n      'description',\n      (params) => {\n        return params?.data\n          ? params?.data?.entityBusinessObject['description']\n          : '';\n      }\n    ]\n  ]);\n\n  const handleSidesheet = (actionType, openStatus, transaction) => {\n    if (actionType == 'add') {\n      setSidesheetState({ addTransaction: openStatus });\n    } else if (actionType == 'edit') {\n      setSidesheetState({ editTransaction: openStatus });\n    } else if (actionType == 'view') {\n      setSidesheetState({ viewTransaction: openStatus });\n    } else if (actionType == 'attachment') {\n      setSidesheetState({ attachmentTransaction: openStatus });\n    } else if (actionType == 'action') {\n      setSidesheetState({ workflowAction: openStatus });\n    }\n    setSelectedTransaction(transaction);\n  };\n\n  const handleAttachmentTransaction = () => {};\n\n  const handleGridApiCallback = (api) => {\n    return (gridApiRef.current = api);\n  };\n\n  useEffect(() => {\n    if (transactionType) {\n      const splitDomainNameArr = transactionType.domainName.split('.');\n      setDomainName(splitDomainNameArr.pop());\n    }\n  }, [transactionType]);\n\n  return (\n    <>\n      <UdpTransactionGrid\n        transactionTypeId={transactionType?.transactionTypeId}\n        transactionType={transactionType}\n        domainName={domainName}\n        transactionTypeLoading={transactionTypeLoading}\n        searchMethodObject={searchMethodObject}\n        domainColumnFormatters={domainColumnFormatters}\n        openAddTransaction={() => {\n          handleSidesheet('add', true);\n        }}\n        openViewTransaction={(transaction) => {\n          handleSidesheet('view', true, transaction);\n        }}\n        openEditTransaction={(transaction) => {\n          handleSidesheet('edit', true, transaction);\n        }}\n        openAttachmentTransaction={(transaction) => {\n          handleSidesheet('attachment', true, transaction);\n        }}\n        openWorkflowActionTransaction={(transaction) => {\n          handleSidesheet('action', true, transaction);\n        }}\n        handleGridApiCallback={handleGridApiCallback}\n      />\n\n      <UdpTransactionSidesheet\n        openStates={sidesheetState}\n        handleSidesheet={handleSidesheet}\n        handleAttachmentTransaction={handleAttachmentTransaction}\n        transaction={selectedTransaction}\n        transactionTypeId={transactionType?.transactionTypeId}\n        domainName={domainName}\n        refreshGridData={() => {\n          gridApiRef?.current?.refreshServerSide();\n        }}\n      />\n    </>\n  );\n};\n\nexport default UdpTransactionsPage;\n","export * from './UdpTransactionsPage';\nexport { default } from './UdpTransactionsPage';\n"],"mappings":"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"}

package/dist/UdpVerticalManagementPage-BqWcYd0J.js

@@ -0,0 +1,184 @@
+import { t as __export } from "./chunk-B4enJp2Q.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-WIR8pqy0.js";
+import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
+import { t as PrimaryActionButton } from "./PrimaryActionButton-Dk8zvDAW.js";
+import { t as FluentDialog } from "./FluentDialog-B5ZxvX1E.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-BtAjF-m7.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
+import { t as UdpVerticalManagementSidesheet_default } from "./UdpVerticalManagementSidesheet-BcGNTF17.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Typography } from "@material-ui/core";
+import { AddIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
+import { useTranslation } from "react-i18next";
+
+//#region src/udp/pages/UdpVerticalManagementPage/UdpVerticalManagementPage.jsx
+const UdpVerticalManagementPage = (props) => {
+	const { params } = props;
+	const { nodeObj: environment, inquiryNodeProperties } = params;
+	const { t } = useTranslation();
+	const [sideSheetOpen, setSideSheetOpen] = useState(false);
+	const [sideSheetEdit, setSideSheetEdit] = useState(false);
+	const [loading, setLoading] = useState(false);
+	const [selectedVertical, setSelectedVertical] = useState(null);
+	const [verticals, setVerticals] = useState([]);
+	const [productVertical, setProductVertical] = useState([]);
+	const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+	const selectedVerticalRef = useRef();
+	selectedVerticalRef.current = selectedVertical ? selectedVertical : null;
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const openSheetAsEdit = useCallback((isEdit) => {
+		setSideSheetOpen(true);
+		setSideSheetEdit(isEdit);
+	}, []);
+	const closeDeleteDialog = useCallback(() => {
+		setDeleteDialogOpen(false);
+	}, [setDeleteDialogOpen]);
+	const executeMutation = useCallback(async (endpoint, method, data) => apiMutate(ConfigService.uemV1ApiUrl, endpoint, { method: method || "post" }, data), []);
+	const getVerticals = useCallback(async (data, isFirstLoad = false) => {
+		if (isFirstLoad) setLoading(true);
+		const response = await executeMutation("uem", "post", data);
+		if (response?.status === 200) setVerticals(response?.data);
+		if (isFirstLoad) setLoading(false);
+	}, [executeMutation]);
+	const deleteVertical = useCallback(async () => {
+		const data = { data: {
+			environmentId: environment.environmentId,
+			apiPath: `TenantService/api/v2/Vertical/${selectedVerticalRef.current.verticalId}/uemDelete`
+		} };
+		if ((await executeMutation(`vertical/${selectedVerticalRef.current.verticalId}/uemDelete`, "delete", data))?.status === 204) {
+			console.log("success");
+			handleSuccessSnackbar("Vertical Deleted Successfully");
+		}
+		getVerticals({ data: {
+			customerId: null,
+			environmentId: environment.environmentId,
+			apiPath: `TenantService/api/v2/Vertical`
+		} }, true);
+		closeDeleteDialog();
+	}, [
+		executeMutation,
+		selectedVertical,
+		closeDeleteDialog
+	]);
+	const getProductVerticals = useCallback(async (data) => {
+		const response = await executeMutation("productVertical", "get", data);
+		if (response?.status === 200) setProductVertical(response?.data);
+	}, [executeMutation]);
+	useEffect(() => {
+		if (environment && getVerticals) {
+			if (environment.environmentId) {
+				getProductVerticals({ data: { apiPath: `api/v2/ProductVertical` } });
+				getVerticals({ data: {
+					customerId: null,
+					environmentId: environment.environmentId,
+					apiPath: `TenantService/api/v2/Vertical`
+				} }, true);
+			}
+		}
+	}, [
+		environment,
+		getVerticals,
+		getProductVerticals,
+		deleteVertical
+	]);
+	const closeSheet = useCallback(() => {
+		setSideSheetOpen(false);
+		getVerticals({ data: {
+			customerId: null,
+			environmentId: environment.environmentId,
+			apiPath: `TenantService/api/v2/Vertical`
+		} });
+	}, [getVerticals, environment]);
+	const handleEditPage = useCallback((value) => {
+		setSelectedVertical(value);
+		console.log("Edit page, value: ", value);
+		openSheetAsEdit(true);
+	}, [t]);
+	const handleCreateVertical = useCallback((value) => {
+		openSheetAsEdit(false);
+	}, [t]);
+	const handleDelete = useCallback((value) => {
+		setSelectedVertical(value);
+		console.log("Delete page, value: ", value);
+		setDeleteDialogOpen(true);
+	}, [t]);
+	const actionList = useMemo(() => [{
+		id: 1,
+		title: t("Edit"),
+		icon: EditIcon,
+		onClick: handleEditPage,
+		disabled: false
+	}, {
+		id: 2,
+		title: t("Delete"),
+		icon: DeleteIcon,
+		onClick: handleDelete,
+		disabled: false
+	}], [
+		t,
+		handleEditPage,
+		handleDelete
+	]);
+	const gridOptions = useMemo(() => ({
+		frameworkComponents: { actionsRenderer: ActionsRenderer },
+		columnDefs: [
+			{
+				headerName: t("Name"),
+				field: "name",
+				minWidth: 300
+			},
+			{
+				headerName: t("Icon"),
+				field: "icon"
+			},
+			{
+				headerName: t("Actions"),
+				cellRenderer: "actionsRenderer",
+				cellRendererParams: { actionList },
+				pinned: "right",
+				suppressMenu: true,
+				sortable: false
+			}
+		]
+	}), [
+		t,
+		actionList,
+		productVertical
+	]);
+	const pab = /* @__PURE__ */ React.createElement(PrimaryActionButton, { onClick: handleCreateVertical }, /* @__PURE__ */ React.createElement(Typography, { style: { marginRight: 5 } }, "Add"), /* @__PURE__ */ React.createElement(AddIcon, null));
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UdpVerticalManagementSidesheet_default, {
+		open: sideSheetOpen,
+		closeSidesheet: closeSheet,
+		selectedVertical,
+		environment,
+		title: t(sideSheetEdit ? "Edit Vertical" : "Create Vertical"),
+		associatedProducts: productVertical,
+		isEdit: sideSheetEdit
+	}), /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		title: t("Vertical Manager"),
+		primaryActionButton: pab,
+		data: verticals,
+		loading,
+		gridOptions,
+		groupingData: []
+	}), /* @__PURE__ */ React.createElement(FluentDialog, {
+		open: deleteDialogOpen,
+		handleClose: closeDeleteDialog,
+		title: t("Delete Vertical"),
+		message: t("Are you sure you want to Delete") + ` "${selectedVertical?.name}"?`,
+		actionOne: deleteVertical,
+		labelOne: t("Delete"),
+		actionTwo: closeDeleteDialog,
+		labelTwo: t("Cancel")
+	}));
+};
+var UdpVerticalManagementPage_default = UdpVerticalManagementPage;
+
+//#endregion
+//#region src/udp/pages/UdpVerticalManagementPage/index.ts
+var UdpVerticalManagementPage_exports = /* @__PURE__ */ __export({ default: () => UdpVerticalManagementPage_default });
+
+//#endregion
+export { UdpVerticalManagementPage_default as n, UdpVerticalManagementPage_exports as t };
+//# sourceMappingURL=UdpVerticalManagementPage-BqWcYd0J.js.map

package/dist/UdpVerticalManagementPage-BqWcYd0J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpVerticalManagementPage-BqWcYd0J.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":";;;;;;;;;;;;;;;AAoBA,MAAM,6BAA6B,UAAU;CAC3C,MAAM,EAAE,WAAW;CACnB,MAAM,EAAE,SAAS,aAAa,0BAA0B;CACxD,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAC9D,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE,CAAC;CAC9C,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,EAAE,CAAC;CAC1D,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAC/D,MAAM,sBAAsB,QAAQ;AACpC,qBAAoB,UAAU,mBAAmB,mBAAmB;CACpE,MAAM,EAAE,qBAAqB,0BAC3B,wBAAwB;CAE1B,MAAM,kBAAkB,aAAa,WAAW;AAC9C,mBAAiB,KAAK;AACtB,mBAAiB,OAAO;IACvB,EAAE,CAAC;CAEN,MAAM,oBAAoB,kBAAkB;AAC1C,sBAAoB,MAAM;IACzB,CAAC,oBAAoB,CAAC;CAEzB,MAAM,kBAAkB,YACtB,OAAO,UAAU,QAAQ,SACvB,UACE,cAAc,aACd,UACA,EACE,QAAQ,UAAU,QACnB,EACD,KACD,EACH,EAAE,CACH;CAED,MAAM,eAAe,YACnB,OAAO,MAAM,cAAc,UAAU;AACnC,MAAI,YACF,YAAW,KAAK;EAGlB,MAAM,WAAW,MAAM,gBAAgB,OAAO,QAAQ,KAAK;AAC3D,MAAI,UAAU,WAAW,IACvB,cAAa,UAAU,KAAK;AAE9B,MAAI,YACF,YAAW,MAAM;IAGrB,CAAC,gBAAgB,CAClB;CAED,MAAM,iBAAiB,YAAY,YAAY;EAC7C,MAAM,OAAO,EACX,MAAM;GACJ,eAAe,YAAY;GAC3B,SAAS,iCAAiC,oBAAoB,QAAQ,WAAW;GAClF,EACF;AAMD,OALiB,MAAM,gBACrB,YAAY,oBAAoB,QAAQ,WAAW,aACnD,UACA,KACD,GACa,WAAW,KAAK;AAC5B,WAAQ,IAAI,UAAU;AACtB,yBAAsB,gCAAgC;;AASxD,eAPyB,EACvB,MAAM;GACJ,YAAY;GACZ,eAAe,YAAY;GAC3B,SAAS;GACV,EACF,EAC8B,KAAK;AACpC,qBAAmB;IAClB;EAAC;EAAiB;EAAkB;EAAkB,CAAC;CAE1D,MAAM,sBAAsB,YAC1B,OAAO,SAAS;EACd,MAAM,WAAW,MAAM,gBAAgB,mBAAmB,OAAO,KAAK;AACtE,MAAI,UAAU,WAAW,IACvB,oBAAmB,UAAU,KAAK;IAGtC,CAAC,gBAAgB,CAClB;AAED,iBAAgB;AACd,MAAI,eAAe,cACjB;OAAI,YAAY,eAAe;AAM7B,wBAL4B,EAC1B,MAAM,EACJ,SAAS,0BACV,EACF,CACuC;AAQxC,iBAPa,EACX,MAAM;KACJ,YAAY;KACZ,eAAe,YAAY;KAC3B,SAAS;KACV,EACF,EACkB,KAAK;;;IAG3B;EAAC;EAAa;EAAc;EAAqB;EAAe,CAAC;CAEpE,MAAM,aAAa,kBAAkB;AACnC,mBAAiB,MAAM;AASvB,eARa,EACX,MAAM;GACJ,YAAY;GACZ,eAAe,YAAY;GAC3B,SAAS;GACV,EACF,CAEiB;IACjB,CAAC,cAAc,YAAY,CAAC;CAE/B,MAAM,iBAAiB,aACpB,UAAU;AACT,sBAAoB,MAAM;AAC1B,UAAQ,IAAI,sBAAsB,MAAM;AACxC,kBAAgB,KAAK;IAEvB,CAAC,EAAE,CACJ;CAED,MAAM,uBAAuB,aAC1B,UAAU;AACT,kBAAgB,MAAM;IAExB,CAAC,EAAE,CACJ;CAED,MAAM,eAAe,aAClB,UAAU;AACT,sBAAoB,MAAM;AAC1B,UAAQ,IAAI,wBAAwB,MAAM;AAC1C,sBAAoB,KAAK;IAE3B,CAAC,EAAE,CACJ;CAED,MAAM,aAAa,cACX,CACJ;EACE,IAAI;EACJ,OAAO,EAAE,OAAO;EAChB,MAAM;EACN,SAAS;EACT,UAAU;EACX,EACD;EACE,IAAI;EACJ,OAAO,EAAE,SAAS;EAClB,MAAM;EACN,SAAS;EACT,UAAU;EACX,CACF,EACD;EAAC;EAAG;EAAgB;EAAa,CAClC;CAED,MAAM,cAAc,eACX;EACL,qBAAqB,EACnB,iBAAiB,iBAClB;EACD,YAAY;GACV;IACE,YAAY,EAAE,OAAO;IACrB,OAAO;IACP,UAAU;IACX;GACD;IACE,YAAY,EAAE,OAAO;IACrB,OAAO;IACR;GACD;IACE,YAAY,EAAE,UAAU;IACxB,cAAc;IACd,oBAAoB,EAClB,YACD;IACD,QAAQ;IACR,cAAc;IACd,UAAU;IACX;GACF;EACF,GACD;EAAC;EAAG;EAAY;EAAgB,CACjC;CAED,MAAM,MACJ,oCAAC,uBAAoB,SAAS,wBAC5B,oCAAC,cAAW,OAAO,EAAE,aAAa,GAAG,IAAE,MAAgB,EACvD,oCAAC,cAAU,CACS;AAGxB,QACE,0DACE,oCAACA;EACC,MAAM;EACN,gBAAgB;EACE;EACL;EACb,OAAO,EAAE,gBAAgB,kBAAkB,kBAAkB;EAC7D,oBAAoB;EACpB,QAAQ;GACR,EACF,oCAAC;EACC,OAAO,EAAE,mBAAmB;EAC5B,qBAAqB;EACrB,MAAM;EAGG;EACI;EACb,cAAc,EAAE;GAChB,EACF,oCAAC;EACC,MAAM;EACN,aAAa;EACb,OAAO,EAAE,kBAAkB;EAC3B,SACE,EAAE,kCAAkC,GAAG,KAAK,kBAAkB,KAAK;EAErE,WAAW;EACX,UAAU,EAAE,SAAS;EACrB,WAAW;EACX,UAAU,EAAE,SAAS;GACrB,CACD;;AAIP,wCAAe"}

package/dist/UdpVerticalManagementSidesheet-BcGNTF17.js

@@ -0,0 +1,228 @@
+import { t as Form } from "./Form-DbOA5j38.js";
+import { t as Field } from "./Field-Cda5rJe2.js";
+import { n as SubmitButton, t as FormButtons } from "./FormButtons-BTCO-pzW.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-WIR8pqy0.js";
+import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
+import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
+import { t as useActionState } from "./useActions-B17Go7aQ.js";
+import { S as getIconFromName } from "./TreeUtilities-CDlHioSI.js";
+import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
+import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-BtAjF-m7.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
+import { t as FluentCheckbox } from "./FluentCheckbox-CW8pHQ21.js";
+import { t as IconLibrary_default } from "./IconLibrary-t_JfzpS3.js";
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Button, IconButton, LinearProgress, TextField } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+
+//#region src/udp/pages/UdpVerticalManagementSidesheet/UdpVerticalManagementSidesheet.jsx
+const UdpVerticalManagementSidesheet = (props) => {
+	const { selectedVertical, environment, associatedProducts, isEdit, deleteVertical, open, selectedCatalog, closeSidesheet, onSubmit, ...sheetProps } = props;
+	const { t } = useTranslation();
+	const [loading, setLoading] = useState(false);
+	useActionState();
+	const [displayedIcon, setDisplayedIcon] = useState({
+		name: "StatusCircleQuestionMarkIcon",
+		color: "",
+		type: ""
+	});
+	const [products, setProducts] = useState([]);
+	const [openIconLibrary, setOpenIconLibrary] = useState(false);
+	const [selectedProductIds, setSelectedProductIds] = useState([]);
+	const [checkboxValues, setCheckboxValues] = useState([]);
+	const [submitButtonDisabled, setSubmitButtonDisabled] = useState(true);
+	const selectedProductIdsRef = useRef();
+	selectedProductIdsRef.current = selectedProductIds;
+	const displayedIconRef = useRef();
+	displayedIconRef.current = displayedIcon;
+	const selectedVerticalRef = useRef();
+	selectedVerticalRef.current = selectedVertical;
+	const formRef = useRef();
+	const nameRef = useRef();
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const CheckBoxRenderer = ({ onChange, value, id, defaultChecked }) => {
+		const isAssociatedToVertical = useCallback((productId) => {
+			if (!isEdit) return false;
+			for (let product of associatedProducts) if (product.productId === productId && product.verticalId === selectedVerticalRef.current.verticalId) return true;
+			getIconFromName(selectedVerticalRef.current.icon);
+			return false;
+		}, [associatedProducts, selectedVerticalRef]);
+		const handleCheckboxChange = (e) => {
+			if (e.target.checked) setSelectedProductIds((prevState) => [...prevState, id]);
+			else setSelectedProductIds((prevState) => prevState.filter((item) => item !== id));
+		};
+		return /* @__PURE__ */ React.createElement(FluentCheckbox, {
+			defaultChecked: isAssociatedToVertical(id),
+			onChange: handleCheckboxChange,
+			aria: "column-active"
+		});
+	};
+	const gridOptions = useMemo(() => ({
+		frameworkComponents: {
+			actionsRenderer: ActionsRenderer,
+			checkboxRenderer: CheckBoxRenderer
+		},
+		columnDefs: [{
+			headerName: "",
+			field: "select",
+			cellRenderer: "checkboxRenderer",
+			cellRendererParams: (params) => ({ id: params.data.productId })
+		}, {
+			headerName: t("Product Name"),
+			field: "name",
+			minWidth: 200
+		}]
+	}), [
+		isEdit,
+		selectedVertical,
+		associatedProducts
+	]);
+	const executeMutation = useCallback(async (endpoint, method, data) => apiMutate(ConfigService.uemV1ApiUrl, endpoint, { method: method || "post" }, data), []);
+	const getProducts = useCallback(async (data) => {
+		setLoading(true);
+		const response = await executeMutation("uem", "post", data);
+		if (response?.status === 200) setProducts(response?.data);
+		setLoading(false);
+	}, [executeMutation, setProducts]);
+	const createVertical = useCallback(async (data) => {
+		setLoading(true);
+		if ((await executeMutation("vertical/uemCreate", "post", data))?.status === 201) {
+			closeSidesheet();
+			handleSuccessSnackbar("Vertical Created Successfully");
+		} else handleErrorSnackbar("Something went wrong");
+		setLoading(false);
+	}, [executeMutation]);
+	const updateVertical = useCallback(async (data) => {
+		setLoading(true);
+		if ((await executeMutation(`vertical/${selectedVertical.verticalId}/uemUpdate`, "put", data))?.status === 204) {
+			closeSidesheet();
+			handleSuccessSnackbar("Vertical Updated Successfully");
+		} else handleErrorSnackbar("Something went wrong");
+		setLoading(false);
+	}, [selectedVertical, executeMutation]);
+	const handleSubmit = useCallback((values) => {
+		setLoading(true);
+		const products$1 = selectedProductIdsRef.current.map((productId) => ({ productId }));
+		!isEdit ? createVertical({ data: {
+			name: values.name,
+			products: products$1,
+			icon: displayedIconRef?.current.name,
+			EnvironmentId: environment.environmentId,
+			apiPath: "api/v1/vertical/uemCreate"
+		} }) : updateVertical({ data: {
+			name: values.name,
+			products: products$1,
+			icon: displayedIconRef?.current.name,
+			EnvironmentId: environment.environmentId,
+			apiPath: `api/v1/vertical/${selectedVertical.verticalId}/uemUpdate`
+		} });
+	}, [
+		isEdit,
+		createVertical,
+		environment,
+		updateVertical,
+		selectedVertical,
+		selectedProductIdsRef
+	]);
+	useEffect(() => {
+		if (environment && getProducts) {
+			if (environment.environmentId) getProducts({ data: {
+				customerId: null,
+				environmentId: environment.environmentId,
+				apiPath: `tenantService/api/v2/product`
+			} });
+		}
+	}, [environment, getProducts]);
+	useEffect(() => {
+		if (selectedVertical) {
+			const associatedProductIds = selectedVertical.verticalProductVertical.map((product) => product.productId);
+			setSelectedProductIds((prevState) => [...prevState, ...associatedProductIds]);
+		}
+	}, [selectedVertical, setSelectedProductIds]);
+	const setDisplayedIconCallback = useCallback(() => {
+		setDisplayedIcon({ name: isEdit && selectedVertical?.icon ? selectedVertical?.icon : "StatusCircleQuestionMarkIcon" });
+	}, [selectedVertical, isEdit]);
+	useEffect(() => {
+		setDisplayedIconCallback();
+	}, [open]);
+	const closeIconLibrary = () => {
+		setOpenIconLibrary(false);
+	};
+	const onOpenLibrary = () => {
+		setOpenIconLibrary(true);
+	};
+	const handleIconSelect = (icon) => {
+		const updateddisplayedIcon = { ...props.displayedIcon };
+		updateddisplayedIcon.name = icon.id;
+		updateddisplayedIcon.type = icon.type || null;
+		setDisplayedIcon(updateddisplayedIcon);
+		closeIconLibrary();
+	};
+	const initialValues = useMemo(() => {
+		return { name: isEdit ? selectedVertical?.name : "" };
+	}, [
+		associatedProducts,
+		selectedVertical,
+		isEdit
+	]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SideSheet, {
+		open,
+		onClose: () => closeSidesheet(),
+		width: 400,
+		title: props.title
+	}, /* @__PURE__ */ React.createElement(Form, {
+		ref: formRef,
+		onSubmit: handleSubmit,
+		initialValues
+	}, /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement(Field, {
+		ref: nameRef,
+		component: TextField,
+		label: t("Name"),
+		id: "name",
+		name: "name",
+		variant: "outlined",
+		size: "small",
+		required: true,
+		style: { marginTop: 8 }
+	}), /* @__PURE__ */ React.createElement(IconButton, { onClick: onOpenLibrary }, displayedIcon && /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+		type: displayedIcon?.type,
+		icon: displayedIcon?.type === "unity" ? getUnityIconFromName(displayedIcon?.name) : getIconFromName(displayedIcon?.name)
+	}))), /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		data: products,
+		title: t("Products"),
+		loading,
+		height: "calc(100vh - 300px)",
+		hideGroupTab: true,
+		hideColumnTab: true,
+		disablePagination: true,
+		hideFitGrid: true,
+		hideExpandGrid: true,
+		hideExportGrid: true,
+		hideRemoveFilters: true,
+		hideFilterTab: true,
+		...gridOptions
+	}), /* @__PURE__ */ React.createElement(FormButtons, null, /* @__PURE__ */ React.createElement(SubmitButton, {
+		variant: "contained",
+		color: "secondary",
+		marginTop: "50px",
+		disabled: false,
+		disablePristine: false
+	}, t(isEdit ? "Update" : "Create"))), loading && /* @__PURE__ */ React.createElement(LinearProgress, null))), /* @__PURE__ */ React.createElement(SideSheet, {
+		open: openIconLibrary,
+		onClose: closeIconLibrary,
+		title: t("Icon Library"),
+		width: "100%",
+		anchor: "bottom"
+	}, /* @__PURE__ */ React.createElement(IconLibrary_default, {
+		addItem: handleIconSelect,
+		selectedIconName: displayedIcon?.name,
+		title: t("Select Icon")
+	})));
+};
+var UdpVerticalManagementSidesheet_default = UdpVerticalManagementSidesheet;
+
+//#endregion
+export { UdpVerticalManagementSidesheet_default as t };
+//# sourceMappingURL=UdpVerticalManagementSidesheet-BcGNTF17.js.map

package/dist/UdpVerticalManagementSidesheet-BcGNTF17.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpVerticalManagementSidesheet-BcGNTF17.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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"}