udp-react-enterprise-component-library 25.18.1-beta.84 → 25.18.1-beta.85

package/dist/udp/export/index.js

@@ -1,4 +1,4 @@
-import { n as VisualSearchObject, r as useUdpExport, t as ExportSidesheet } from "../../ExportSidesheet-BQiNzxN9.js";
-import { t as MyExportsPage } from "../../MyExportsPage-Ckti0gqK.js";
+import { n as VisualSearchObject, r as useUdpExport, t as ExportSidesheet } from "../../ExportSidesheet-eHGdT42e.js";
+import { t as MyExportsPage } from "../../MyExportsPage-C-pr-R0K.js";
 
 export { ExportSidesheet, MyExportsPage, VisualSearchObject, useUdpExport };

package/dist/udp/fileImportMapping/index.js

@@ -1,5 +1,5 @@
 import { t as TableContainer } from "../../TableContainer-B0IAjIA3.js";
-import { a as handleTextFileUpload, i as handleJsonFileUpload, n as FileImportConfigCard, r as handleExcelFileUpload, t as ImportDataFromFileMapping } from "../../ImportDataFromFileMapping-BIcQmKll.js";
+import { a as handleTextFileUpload, i as handleJsonFileUpload, n as FileImportConfigCard, r as handleExcelFileUpload, t as ImportDataFromFileMapping } from "../../ImportDataFromFileMapping-Dy1iJMkI.js";
 import React, { useMemo } from "react";
 
 //#region src/udp/fileImportMapping/SampleFileImportGrid.jsx

package/dist/udp/pages/ChatUDP/index.js

@@ -1,3 +1,3 @@
-import { n as ChatUDP_default } from "../../../ChatUDP-BHtX1Ipw.js";
+import { n as ChatUDP_default } from "../../../ChatUDP-DYAsqqXk.js";
 
 export { ChatUDP_default as default };

package/dist/udp/pages/UdpAuditEvents/index.js

@@ -1,3 +1,3 @@
-import { t as UdpAuditEventsPage_default } from "../../../UdpAuditEventsPage-BZ5fMCYW.js";
+import { t as UdpAuditEventsPage_default } from "../../../UdpAuditEventsPage-B0yZyLfH.js";
 
 export { UdpAuditEventsPage_default as default };

package/dist/udp/pages/UdpDataBrowserPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpDataBrowserPage, r as UdpDataBrowserPage_default } from "../../../UdpDataBrowserPage-3fiOCSkx.js";
+import { n as UdpDataBrowserPage, r as UdpDataBrowserPage_default } from "../../../UdpDataBrowserPage-Br0DJTMq.js";
 
 export { UdpDataBrowserPage, UdpDataBrowserPage_default as default };

package/dist/udp/pages/UdpFormsBuilderPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpFormsBuilderPage_default } from "../../../UdpFormsBuilderPage-BobXHgd_.js";
+import { n as UdpFormsBuilderPage_default } from "../../../UdpFormsBuilderPage-Pjd7wOKV.js";
 
 export { UdpFormsBuilderPage_default as UdpFormsBuilderPage, UdpFormsBuilderPage_default as default };

package/dist/udp/pages/UdpFormsListPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpFormsListPage_default } from "../../../UdpFormsListPage-BuoLTPWK.js";
+import { n as UdpFormsListPage_default } from "../../../UdpFormsListPage-AUcfVY2K.js";
 
 export { UdpFormsListPage_default as UdpFormsListPage, UdpFormsListPage_default as default };

package/dist/udp/pages/UdpFormsPrivateForm/index.js

@@ -1,3 +1,3 @@
-import { n as UdpPrivateForm } from "../../../UdpFormsPrivateForm-Cy3PXVju.js";
+import { n as UdpPrivateForm } from "../../../UdpFormsPrivateForm-ip2aj9xl.js";
 
 export { UdpPrivateForm };

package/dist/udp/pages/UdpFormsPublicForm/index.js

@@ -1,3 +1,3 @@
-import { n as UdpPublicForm_default } from "../../../UdpFormsPublicForm-DDCpLG6l.js";
+import { n as UdpPublicForm_default } from "../../../UdpFormsPublicForm-YjrVSCGi.js";
 
 export { UdpPublicForm_default as UdpPublicForm, UdpPublicForm_default as default };

package/dist/udp/pages/UdpFormsSubmissionGrid/index.js

@@ -1,3 +1,3 @@
-import { t as UdpFormsSubmissionGrid } from "../../../UdpFormsSubmissionGrid-Qj-ti4hh.js";
+import { t as UdpFormsSubmissionGrid } from "../../../UdpFormsSubmissionGrid-fhcfXjlD.js";
 
 export { UdpFormsSubmissionGrid };

package/dist/udp/pages/UdpGridPanelManagementPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpGridPanelManagementPage_default } from "../../../UdpGridPanelManagementPage-BYdQNWN3.js";
+import { n as UdpGridPanelManagementPage_default } from "../../../UdpGridPanelManagementPage-CkeP9nO-.js";
 
 export { UdpGridPanelManagementPage_default as default };

package/dist/udp/pages/UdpGridPanelManagementSidesheet/index.js

@@ -1,3 +1,3 @@
-import { t as UdpGridPanelManagementSidesheet_default } from "../../../UdpGridPanelManagementSidesheet-CSGsefRn.js";
+import { t as UdpGridPanelManagementSidesheet_default } from "../../../UdpGridPanelManagementSidesheet-DAPOQmuk.js";
 
 export { UdpGridPanelManagementSidesheet_default as default };

package/dist/udp/pages/UdpImportFromFileMappingPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpImportFromFileMappingPage_default } from "../../../UdpImportFromFileMappingPage-BxGvGFua.js";
+import { n as UdpImportFromFileMappingPage_default } from "../../../UdpImportFromFileMappingPage-xfq_3nOx.js";
 
 export { UdpImportFromFileMappingPage_default as default };

package/dist/udp/pages/UdpInquiryMaintenanceEnginePage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpInquiryMaintenanceEnginePage_default } from "../../../UdpInquiryMaintenanceEnginePage-CSf7jB35.js";
+import { n as UdpInquiryMaintenanceEnginePage_default } from "../../../UdpInquiryMaintenanceEnginePage-WRu7l1i_.js";
 
 export { UdpInquiryMaintenanceEnginePage_default as default };

package/dist/udp/pages/UdpMaintenanceConfigPage/index.js

@@ -3,7 +3,7 @@ import { r as getSanitizedName } from "../../../entityUtilities-_8w-Zjs3.js";
 import { t as useAxiosGet } from "../../../useAxiosGet-CYnt6Hd0.js";
 import { t as PageLoading } from "../../../PageLoading-GD6E2uMU.js";
 import { t as useAuthedUser } from "../../../useAuthedUser-Bhr7Yhlg.js";
-import { t as ClientSideUdpGrid } from "../../../ClientSideUdpGrid-D5fGumO-.js";
+import { t as ClientSideUdpGrid } from "../../../ClientSideUdpGrid-BfhRDgKV.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useHistory } from "react-router-dom";
 import { useTranslation } from "react-i18next";

package/dist/udp/pages/UdpMaintenanceEnginePage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpMaintenanceEnginePage, r as UdpMaintenanceEnginePage_default } from "../../../UdpMaintenanceEnginePage-C8NLZSPb.js";
+import { n as UdpMaintenanceEnginePage, r as UdpMaintenanceEnginePage_default } from "../../../UdpMaintenanceEnginePage-D5pCaMao.js";
 
 export { UdpMaintenanceEnginePage, UdpMaintenanceEnginePage_default as default };

package/dist/udp/pages/UdpNotesPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpNotesPage_default } from "../../../UdpNotesPage-BABI4D2S.js";
+import { n as UdpNotesPage_default } from "../../../UdpNotesPage-Bc1J9jHc.js";
 
 export { UdpNotesPage_default as default };

package/dist/udp/pages/UdpPages/index.js

@@ -1,25 +1,25 @@
-import { t as UdpMaintenanceEnginePage_exports } from "../../../UdpMaintenanceEnginePage-C8NLZSPb.js";
-import { t as UdpNotesPage_exports } from "../../../UdpNotesPage-BABI4D2S.js";
-import { t as UdpVerticalManagementPage_exports } from "../../../UdpVerticalManagementPage-CQeGGUyp.js";
-import { t as UdpGridPanelManagementPage_exports } from "../../../UdpGridPanelManagementPage-BYdQNWN3.js";
-import { t as UdpInquiryMaintenanceEnginePage_exports } from "../../../UdpInquiryMaintenanceEnginePage-CSf7jB35.js";
-import { t as UdpReportsPage_exports } from "../../../UdpReportsPage-CO1460ws.js";
-import { t as DonutChartWidget_exports } from "../../../DonutChartWidget-C0XsTjF9.js";
-import { t as SparklineWidget_exports } from "../../../SparklineWidget-Bbeyk07x.js";
-import { t as ProgressBarWidget_exports } from "../../../ProgressBarWidget-gY0_iFB-.js";
-import { t as RecentlyLoadedNodesWidget_exports } from "../../../RecentlyLoadedNodesWidget-Kt5BElrK.js";
-import { t as ChatUDP_exports } from "../../../ChatUDP-BHtX1Ipw.js";
-import { t as UdpDataBrowserPage_exports } from "../../../UdpDataBrowserPage-3fiOCSkx.js";
-import { t as UdpRemindersPage_exports } from "../../../UdpRemindersPage-DuS3aPUk.js";
-import { t as RemindersWidget_exports } from "../../../RemindersWidget-u_oonyMf.js";
-import { t as UdpFormsPublicForm_exports } from "../../../UdpFormsPublicForm-DDCpLG6l.js";
-import { t as UdpFormsPrivateForm_exports } from "../../../UdpFormsPrivateForm-Cy3PXVju.js";
-import { t as UdpFormsListPage_exports } from "../../../UdpFormsListPage-BuoLTPWK.js";
-import { t as UdpFormsBuilderPage_exports } from "../../../UdpFormsBuilderPage-BobXHgd_.js";
-import { t as UdpImportFromFileMappingPage_exports } from "../../../UdpImportFromFileMappingPage-BxGvGFua.js";
-import { t as UdpAuditEvents_exports } from "../../../UdpAuditEvents-DotSR4R9.js";
-import { t as UdpTransactionTypesPage_exports } from "../../../UdpTransactionTypesPage-CksJs2fe.js";
-import { t as UdpTransactionsPage_exports } from "../../../UdpTransactionsPage-DPUGjVmO.js";
+import { t as UdpMaintenanceEnginePage_exports } from "../../../UdpMaintenanceEnginePage-D5pCaMao.js";
+import { t as UdpNotesPage_exports } from "../../../UdpNotesPage-Bc1J9jHc.js";
+import { t as UdpVerticalManagementPage_exports } from "../../../UdpVerticalManagementPage-DQAI1xe3.js";
+import { t as UdpGridPanelManagementPage_exports } from "../../../UdpGridPanelManagementPage-CkeP9nO-.js";
+import { t as UdpInquiryMaintenanceEnginePage_exports } from "../../../UdpInquiryMaintenanceEnginePage-WRu7l1i_.js";
+import { t as UdpReportsPage_exports } from "../../../UdpReportsPage-ljtdb45L.js";
+import { t as DonutChartWidget_exports } from "../../../DonutChartWidget-C6HPYg7I.js";
+import { t as SparklineWidget_exports } from "../../../SparklineWidget-BHV5aN9E.js";
+import { t as ProgressBarWidget_exports } from "../../../ProgressBarWidget-BOzkpd0C.js";
+import { t as RecentlyLoadedNodesWidget_exports } from "../../../RecentlyLoadedNodesWidget-7c9IngMR.js";
+import { t as ChatUDP_exports } from "../../../ChatUDP-DYAsqqXk.js";
+import { t as UdpDataBrowserPage_exports } from "../../../UdpDataBrowserPage-Br0DJTMq.js";
+import { t as UdpRemindersPage_exports } from "../../../UdpRemindersPage-BmNTjbO_.js";
+import { t as RemindersWidget_exports } from "../../../RemindersWidget-u_d6RoVv.js";
+import { t as UdpFormsPublicForm_exports } from "../../../UdpFormsPublicForm-YjrVSCGi.js";
+import { t as UdpFormsPrivateForm_exports } from "../../../UdpFormsPrivateForm-ip2aj9xl.js";
+import { t as UdpFormsListPage_exports } from "../../../UdpFormsListPage-AUcfVY2K.js";
+import { t as UdpFormsBuilderPage_exports } from "../../../UdpFormsBuilderPage-Pjd7wOKV.js";
+import { t as UdpImportFromFileMappingPage_exports } from "../../../UdpImportFromFileMappingPage-xfq_3nOx.js";
+import { t as UdpAuditEvents_exports } from "../../../UdpAuditEvents-CoD2y2CV.js";
+import { t as UdpTransactionTypesPage_exports } from "../../../UdpTransactionTypesPage-Uk2cRhpd.js";
+import { t as UdpTransactionsPage_exports } from "../../../UdpTransactionsPage-RiMTr1cK.js";
 
 //#region src/udp/pages/UdpPages/index.ts
 const UdpPages = {

package/dist/udp/pages/UdpPagesLazy/index.js

@@ -21,7 +21,7 @@ const UdpPagesLoaders = {
 	UdpFormsBuilderPage: () => import("../UdpFormsBuilderPage/index.js"),
 	UdpFormsListPage: () => import("../UdpFormsListPage/index.js"),
 	UdpImportFromFileMappingPage: () => import("../UdpImportFromFileMappingPage/index.js"),
-	UdpAuditEventsPage: () => import("../../../UdpAuditEventsPage-BtsmPFyR.js"),
+	UdpAuditEventsPage: () => import("../../../UdpAuditEventsPage-u7pIg9Z9.js"),
 	UdpTransactionTypesPage: () => import("../UdpTransactionTypesPage/index.js"),
 	UdpTransactionsPage: () => import("../UdpTransactionsPage/index.js")
 };

package/dist/udp/pages/UdpRemindersPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpRemindersPage_default } from "../../../UdpRemindersPage-DuS3aPUk.js";
+import { n as UdpRemindersPage_default } from "../../../UdpRemindersPage-BmNTjbO_.js";
 
 export { UdpRemindersPage_default as default };

package/dist/udp/pages/UdpReportsPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpReportsPage_default } from "../../../UdpReportsPage-CO1460ws.js";
+import { n as UdpReportsPage_default } from "../../../UdpReportsPage-ljtdb45L.js";
 
 export { UdpReportsPage_default as default };

package/dist/udp/pages/UdpTransactionTypesPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpTransactionTypesPage_default } from "../../../UdpTransactionTypesPage-CksJs2fe.js";
+import { n as UdpTransactionTypesPage_default } from "../../../UdpTransactionTypesPage-Uk2cRhpd.js";
 
 export { UdpTransactionTypesPage_default as default };

package/dist/udp/pages/UdpTransactionsPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpTransactionsPage_default } from "../../../UdpTransactionsPage-DPUGjVmO.js";
+import { n as UdpTransactionsPage_default } from "../../../UdpTransactionsPage-RiMTr1cK.js";
 
 export { UdpTransactionsPage_default as default };

package/dist/udp/pages/UdpVerticalManagementPage/index.js

@@ -1,3 +1,3 @@
-import { n as UdpVerticalManagementPage_default } from "../../../UdpVerticalManagementPage-CQeGGUyp.js";
+import { n as UdpVerticalManagementPage_default } from "../../../UdpVerticalManagementPage-DQAI1xe3.js";
 
 export { UdpVerticalManagementPage_default as default };

package/dist/udp/pages/UdpVerticalManagementSidesheet/index.js

@@ -1,3 +1,3 @@
-import { t as UdpVerticalManagementSidesheet_default } from "../../../UdpVerticalManagementSidesheet-DGL4dyia.js";
+import { t as UdpVerticalManagementSidesheet_default } from "../../../UdpVerticalManagementSidesheet-heFj83jt.js";
 
 export { UdpVerticalManagementSidesheet_default as default };

package/dist/{ui-BcqvpQOG.js → ui-cGgMb3k8.js}

@@ -17,4 +17,4 @@ const ExpandRenderer = ({ openNestedGrid, title, icon }) => {
 
 //#endregion
 export { ExpandRenderer as t };
-//# sourceMappingURL=ui-BcqvpQOG.js.map
+//# sourceMappingURL=ui-cGgMb3k8.js.map

package/dist/{ui-BcqvpQOG.js.map → ui-cGgMb3k8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ui-BcqvpQOG.js","names":[],"sources":["../src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx"],"sourcesContent":["import React from 'react'\nimport { IconButton, makeStyles, Tooltip } from '@material-ui/core'\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon'\nimport { ChevronRightIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    margin: theme.spacing(0.5)\n  }\n}))\n\nexport const ExpandRenderer = ({ openNestedGrid, title, icon }) => {\n  const classes = useStyles()\n\n  return (\n    <Tooltip title={title}>\n      <IconButton\n        aria-label={title}\n        className={classes.icon}\n        size='small'\n        onClick={openNestedGrid}\n      >\n        <FluentIcon component={icon ? icon : ChevronRightIcon} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,QAAQ,MAAM,QAAQ,GAAI,EAC3B,EACF,EAAE;AAEH,MAAa,kBAAkB,EAAE,gBAAgB,OAAO,WAAW;CACjE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,WAAe,SACd,oCAAC;EACC,cAAY;EACZ,WAAW,QAAQ;EACnB,MAAK;EACL,SAAS;IAET,oCAAC,cAAW,WAAW,OAAO,OAAO,mBAAoB,CAC9C,CACL"}
+{"version":3,"file":"ui-cGgMb3k8.js","names":[],"sources":["../src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx"],"sourcesContent":["import React from 'react'\nimport { IconButton, makeStyles, Tooltip } from '@material-ui/core'\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon'\nimport { ChevronRightIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    margin: theme.spacing(0.5)\n  }\n}))\n\nexport const ExpandRenderer = ({ openNestedGrid, title, icon }) => {\n  const classes = useStyles()\n\n  return (\n    <Tooltip title={title}>\n      <IconButton\n        aria-label={title}\n        className={classes.icon}\n        size='small'\n        onClick={openNestedGrid}\n      >\n        <FluentIcon component={icon ? icon : ChevronRightIcon} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,QAAQ,MAAM,QAAQ,GAAI,EAC3B,EACF,EAAE;AAEH,MAAa,kBAAkB,EAAE,gBAAgB,OAAO,WAAW;CACjE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,WAAe,SACd,oCAAC;EACC,cAAY;EACZ,WAAW,QAAQ;EACnB,MAAK;EACL,SAAS;IAET,oCAAC,cAAW,WAAW,OAAO,OAAO,mBAAoB,CAC9C,CACL"}

package/dist/uploader/index.js

@@ -1,4 +1,4 @@
-import { t as DragDropFileUpload } from "../DragDropFileUpload-CVnUu-6f.js";
-import { n as FileType, t as Attachments } from "../uploader-BdeUKdYW.js";
+import { t as DragDropFileUpload } from "../DragDropFileUpload-C0Jho_xA.js";
+import { n as FileType, t as Attachments } from "../uploader-D_e-kKhB.js";
 
 export { Attachments, DragDropFileUpload, FileType };

package/dist/{uploader-BdeUKdYW.js → uploader-D_e-kKhB.js}

@@ -7,7 +7,7 @@ import { t as FluentDialog } from "./FluentDialog-B5ZxvX1E.js";
 import { t as LinearProgress$1 } from "./LinearProgress-CpJeIaEP.js";
 import { t as Box$1 } from "./Box-Colr5GEl.js";
 import { t as AmbientAutoComplete } from "./AmbientAutoComplete-NohpvB31.js";
-import { t as DragDropFileUpload } from "./DragDropFileUpload-CVnUu-6f.js";
+import { t as DragDropFileUpload } from "./DragDropFileUpload-C0Jho_xA.js";
 import React, { useCallback, useState } from "react";
 import { Divider, IconButton, List, ListItem, Typography, makeStyles } from "@material-ui/core";
 import { ChromeCloseIcon, DownloadIcon } from "@fluentui/react-icons";
@@ -311,4 +311,4 @@ const Attachments = ({ allowedExtensions, MAX_FILE_SIZE_MB, filePreview, setFile
 
 //#endregion
 export { FileType as n, Attachments as t };
-//# sourceMappingURL=uploader-BdeUKdYW.js.map
+//# sourceMappingURL=uploader-D_e-kKhB.js.map

package/dist/{uploader-BdeUKdYW.js.map → uploader-D_e-kKhB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"uploader-BdeUKdYW.js","names":["useStyles","FileProfile","ImagePreview","attachmentType","Box","DeleteIcon","LinearProgress"],"sources":["../src/uploader/FileProfile.jsx","../src/uploader/ImagePreview.jsx","../src/uploader/FileType.jsx","../src/uploader/enums/systemEnums.ts","../src/uploader/Attachments.jsx"],"sourcesContent":["import React from 'react'\nimport { Typography, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  prefix: {\n    fontWeight: 600\n  },\n  title: {\n    flex: 1\n  },\n  detail: {\n    marginLeft: theme.spacing(2)\n  }\n}))\n\nconst FileProfile = (props) => {\n  const classes = useStyles()\n  const { children, fileName, fileType, size, lastModifiedDate } = props\n  return (\n    <div>\n      <div className={classes.root}>\n        <Typography variant='body1' className={classes.title}>\n          <strong>{fileName}</strong>\n        </Typography>\n        <Typography variant='caption' className={classes.detail}>\n          <span className={classes.prefix}>Type:</span> {fileType}\n        </Typography>\n        <Typography variant='caption' className={classes.detail}>\n          <span className={classes.prefix}>Size:</span> {size}\n        </Typography>\n      </div>\n      {children}\n      {/* Last modified not supported in FireFox */}\n      {/* <Typography variant=\"caption\">\n        <span className={classes.prefix}>Last Modified:</span>{' '}\n        {lastModifiedDate}\n      </Typography> */}\n    </div>\n  )\n}\nexport default FileProfile\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  image: {\n    maxWidth: 465\n  }\n}))\n\nconst ImagePreview = (props) => {\n  const { image } = props\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <img className={classes.image} src={image} alt='upload preview' />\n    </div>\n  )\n}\nexport default ImagePreview\n","import React from 'react'\nimport FileProfile from './FileProfile'\nimport ImagePreview from './ImagePreview'\n\nexport const FileType = (props) => {\n  let type = ''\n  const { fileType, image, fileName, size, lastModifiedDate } = props\n\n  switch (fileType) {\n    case 'pdf':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        />\n      )\n      break\n    case 'doc':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        />\n      )\n      break\n    case 'png':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        >\n          <ImagePreview image={image} />\n        </FileProfile>\n      )\n      break\n    case 'jpg':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        >\n          <ImagePreview image={image} />\n        </FileProfile>\n      )\n      break\n    case 'jpeg':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        >\n          <ImagePreview image={image} />\n        </FileProfile>\n      )\n      break\n\n    default:\n  }\n\n  return type\n}\n","export enum APIStatusCode {\n  Success = 200,\n  Created = 201,\n  Accepted = 202,\n  NoContent = 204,\n  Forbidden = 403,\n}\n\nexport enum AttachmentType {\n  SiteInstruction = 1,\n  RFI = 2\n}\n\nexport enum AttachmentAction {\n  None = 1,\n  Delete = 2,\n  Remove = 3\n};\n","import React, { useCallback, useState } from 'react';\nimport { apiMutate } from '../utilities';\nimport { Box } from '../UI';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { DragDropFileUpload } from './DragDropFileUpload';\nimport { LinearProgress } from '../UI';\nimport { List, ListItem, IconButton } from '@material-ui/core';\nimport { ConfigService } from '../configService/index';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DownloadIcon, ChromeCloseIcon } from '@fluentui/react-icons';\nimport { useTranslation } from 'react-i18next';\nimport { useHandleAxiosSnackbar } from '../utilities';\nimport { Divider } from '@material-ui/core';\nimport { AttachmentAction } from './enums/systemEnums';\nimport { FluentDialog } from '../UI';\nimport { FluentIconButton } from '../UI/inputs/buttons';\nimport './Attachments.css';\nimport { AmbientAutoComplete } from '../UI/inputs/textField';\n\nconst removeDuplicateFiles = (incomingFiles, existingFiles) => {\n  const uniqueFiles = [];\n  const duplicateFiles = [];\n\n  incomingFiles.forEach((newFile) => {\n    const exists = existingFiles.some(\n      (existingFile) =>\n        existingFile.name === newFile.name ||\n        existingFile.fileName === newFile.name\n    );\n\n    if (exists) {\n      duplicateFiles.push(newFile);\n    } else {\n      uniqueFiles.push(newFile);\n    }\n  });\n\n  return { uniqueFiles, duplicateFiles };\n};\n\nexport const Attachments = ({\n  allowedExtensions,\n  MAX_FILE_SIZE_MB,\n  filePreview,\n  setFilePreview,\n  currentAttachments,\n  setCurrentAttachments,\n  attachmentTypes,\n  attachmentType,\n  setAttachmentType,\n  attachmentProgress,\n  setAttachmentProgress,\n  previousAttachments,\n  setPreviousAttachments\n}) => {\n  const [attachmentDialogOpen, setAttachmentDialogOpen] = useState(false);\n  const [attachmentToDelete, setAttachmentToDelete] = useState(null);\n  const [attachmentToDeleteIndex, setAttachmentToDeleteIndex] = useState(0);\n  const [attachmentAction, setAttachmentAction] = useState(\n    AttachmentAction.None\n  );\n\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n  const { t } = useTranslation();\n\n  const initiateAttachmentAction = useCallback((action, file, index) => {\n    setAttachmentAction(action);\n    setAttachmentToDelete(file);\n    setAttachmentToDeleteIndex(index);\n    setAttachmentDialogOpen(true);\n  }, []);\n\n  const handleAttachmentDeleteClick = useCallback(\n    (file, index) => {\n      initiateAttachmentAction(AttachmentAction.Delete, file, index);\n    },\n    [initiateAttachmentAction]\n  );\n\n  const handleAttachmentRemoveClick = useCallback(\n    (file, index) => {\n      initiateAttachmentAction(AttachmentAction.Remove, file, index);\n    },\n    [initiateAttachmentAction]\n  );\n\n  const handleCloseAttachmentDialog = useCallback(() => {\n    setAttachmentAction(AttachmentAction.None);\n    setAttachmentToDelete({});\n    setAttachmentDialogOpen(false);\n  }, []);\n\n  const removeAttachmentFromList = useCallback(\n    (attachments, setAttachments) => {\n      setAttachments((prev) =>\n        prev.filter((item, i) => i !== attachmentToDeleteIndex)\n      );\n      handleSuccessSnackbar(t('Attachment Removed Successfully'));\n      handleCloseAttachmentDialog();\n    },\n    [\n      attachmentToDeleteIndex,\n      handleSuccessSnackbar,\n      handleCloseAttachmentDialog,\n      t\n    ]\n  );\n\n  const deleteAttachment = useCallback(async () => {\n    try {\n      setAttachmentProgress(true);\n      const filePayload = { ...attachmentToDelete, isDeleted: true };\n\n      await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpTransactionAttachment/${attachmentToDelete.transactionAttachmentId}`,\n        {\n          method: 'put',\n          data: filePayload\n        }\n      );\n      removeAttachmentFromList(previousAttachments, setPreviousAttachments);\n    } catch (error) {\n      handleErrorSnackbar(\n        'Failed to delete attachment',\n        'We encountered a system error while trying to delete the file. Please try again.'\n      );\n      console.error(error);\n    } finally {\n      setAttachmentProgress(false);\n      setAttachmentDialogOpen(false);\n    }\n  }, [\n    attachmentToDelete,\n    removeAttachmentFromList,\n    previousAttachments,\n    setPreviousAttachments,\n    setAttachmentProgress,\n    handleErrorSnackbar\n  ]);\n\n  const handleDownloadFile = useCallback(async (file) => {\n    try {\n      const response = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpTransactionAttachment/${file.transactionAttachmentId}/udpDriveFile/download`,\n        {}\n      );\n      const url = response.data.link;\n      const link = document.createElement('a');\n      link.href = url;\n      link.download = file.fileName ?? file.name;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n    } catch (e) {\n      console.error('Download failed', e);\n    }\n  }, []);\n\n  const handleAddFiles = useCallback(\n    async (files) => {\n      const incomingFiles = Array.from(files);\n      const validFiles = [];\n      const invalidFiles = [];\n\n      incomingFiles.forEach((file) => {\n        const ext = file.name.split('.').pop().toLowerCase();\n        const sizeInMB = file.size / (1024 * 1024);\n\n        if (!allowedExtensions.includes(ext)) {\n          invalidFiles.push(`${file.name} (Invalid file type)`);\n        } else if (sizeInMB > MAX_FILE_SIZE_MB) {\n          invalidFiles.push(`${file.name} (Exceeds ${MAX_FILE_SIZE_MB} MB)`);\n        } else {\n          validFiles.push(file);\n        }\n      });\n\n      const allExistingFiles = [...previousAttachments, ...currentAttachments];\n      const { uniqueFiles, duplicateFiles } = removeDuplicateFiles(\n        validFiles,\n        allExistingFiles\n      );\n\n      if (uniqueFiles.length > 0) {\n        setCurrentAttachments((prev) => [...prev, ...uniqueFiles]);\n      }\n\n      if (invalidFiles.length > 0) {\n        handleErrorSnackbar(\n          'Files not added',\n          `The following files had errors:\\n${invalidFiles.join('\\n')}`\n        );\n        setFilePreview(true);\n      }\n\n      if (duplicateFiles.length > 0) {\n        const duplicateNames = duplicateFiles.map((f) => f.name).join(', ');\n        handleErrorSnackbar(\n          'Duplicates skipped',\n          `The following files already exist and were not added: ${duplicateNames}`\n        );\n      }\n    },\n    [\n      allowedExtensions,\n      MAX_FILE_SIZE_MB,\n      previousAttachments,\n      currentAttachments,\n      setCurrentAttachments,\n      handleErrorSnackbar,\n      setFilePreview\n    ]\n  );\n\n  const handleAttachmentTypeSelect = useCallback(\n    (attachmentType) => {\n      setAttachmentType(attachmentType);\n    },\n    [setAttachmentType]\n  );\n\n  const renderCurrentAttachments = () => {\n    return currentAttachments.map((file, index) => (\n      <React.Fragment key={index}>\n        {index > 0 && <Divider component='li' />}\n        <ListItem\n          className='list-separator-item'\n          style={{ display: 'flex', justifyContent: 'space-between' }}\n        >\n          <Box>{file.fileName ? file.fileName : file.name}</Box>\n          <Box>\n            <IconButton\n              onClick={() => handleAttachmentRemoveClick(file, index)}\n            >\n              <DeleteIcon />\n            </IconButton>\n          </Box>\n        </ListItem>\n      </React.Fragment>\n    ));\n  };\n\n  const renderPreviousAttachments = () => {\n    return previousAttachments.map((file, index) => (\n      <ListItem\n        key={index}\n        style={{ display: 'flex', justifyContent: 'space-between' }}\n      >\n        <Box>{file.fileName ?? file.name}</Box>\n        <Box>\n          <IconButton onClick={() => handleAttachmentDeleteClick(file, index)}>\n            <DeleteIcon />\n          </IconButton>\n          <IconButton onClick={() => handleDownloadFile(file)}>\n            <DownloadIcon />\n          </IconButton>\n        </Box>\n      </ListItem>\n    ));\n  };\n\n  const renderConfirmationContent = () => {\n    const isDeleteAction = attachmentAction === AttachmentAction.Delete;\n    const actionVerb = isDeleteAction ? 'delete' : 'remove';\n    const fileName = attachmentToDelete?.fileName ?? attachmentToDelete?.name;\n\n    return (\n      <>\n        <p className={'deleteSubTitle'}>\n          Are you sure you want to {actionVerb} this attachment -{' '}\n          <strong>{`\"${fileName}\"`}</strong>?\n        </p>\n        {isDeleteAction && <p>This action cannot be undone.</p>}\n      </>\n    );\n  };\n\n  return (\n    <>\n      <div className='card-wrapper'>\n        {attachmentProgress && (\n          <div className='linear-progress'>\n            <LinearProgress />\n          </div>\n        )}\n        <AmbientCard\n          fullWidth={true}\n          title={t('Add New Attachments')}\n          variant='secondary'\n          subtitle={'These files will be included with the submittal(s)'}\n        >\n          <DragDropFileUpload\n            title='Drag and drop files here or click to browse'\n            handleUploadFile={handleAddFiles}\n            hideSelectFileButton={false}\n            hideFilePreview={!filePreview}\n            minHeight='200px'\n            maxHeight='400px'\n            multiple={true}\n          />\n          <AmbientAutoComplete\n            variant='outlined'\n            isMultiple={false}\n            value={attachmentType}\n            getOptionLabelFunction={(option) => option.name}\n            onChange={handleAttachmentTypeSelect}\n            options={attachmentTypes?.pageList}\n            label={t('Select Attachment Type')}\n            required\n          />\n        </AmbientCard>\n        {currentAttachments?.length > 0 && (\n          <AmbientCard\n            fullWidth={true}\n            title={t('Current Attachments')}\n            subtitle={`${currentAttachments.length} file(s) attached`}\n          >\n            <List>{renderCurrentAttachments()}</List>\n          </AmbientCard>\n        )}\n        {previousAttachments.length > 0 && (\n          <AmbientCard fullWidth={true} title={t('Previous Attachments')}>\n            <List>{renderPreviousAttachments()}</List>\n          </AmbientCard>\n        )}\n      </div>\n\n      <FluentDialog\n        title={\n          <div className={'deleteTitle'}>\n            <span>\n              {attachmentAction === AttachmentAction.Delete\n                ? t('Delete Attachment')\n                : t('Remove Attachment')}\n            </span>\n            <FluentIconButton\n              aria-label='close'\n              icon={ChromeCloseIcon}\n              onClick={handleCloseAttachmentDialog}\n            />\n          </div>\n        }\n        message={renderConfirmationContent()}\n        labelOne={\n          attachmentAction === AttachmentAction.Delete\n            ? t('Delete')\n            : t('Remove')\n        }\n        actionOne={\n          attachmentAction === AttachmentAction.Delete\n            ? deleteAttachment\n            : () =>\n                removeAttachmentFromList(\n                  currentAttachments,\n                  setCurrentAttachments\n                )\n        }\n        labelTwo={t('Cancel')}\n        actionTwo={handleCloseAttachmentDialog}\n        open={attachmentDialogOpen}\n        handleClose={handleCloseAttachmentDialog}\n        fullWidth\n      />\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"uploader-D_e-kKhB.js","names":["useStyles","FileProfile","ImagePreview","attachmentType","Box","DeleteIcon","LinearProgress"],"sources":["../src/uploader/FileProfile.jsx","../src/uploader/ImagePreview.jsx","../src/uploader/FileType.jsx","../src/uploader/enums/systemEnums.ts","../src/uploader/Attachments.jsx"],"sourcesContent":["import React from 'react'\nimport { Typography, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  prefix: {\n    fontWeight: 600\n  },\n  title: {\n    flex: 1\n  },\n  detail: {\n    marginLeft: theme.spacing(2)\n  }\n}))\n\nconst FileProfile = (props) => {\n  const classes = useStyles()\n  const { children, fileName, fileType, size, lastModifiedDate } = props\n  return (\n    <div>\n      <div className={classes.root}>\n        <Typography variant='body1' className={classes.title}>\n          <strong>{fileName}</strong>\n        </Typography>\n        <Typography variant='caption' className={classes.detail}>\n          <span className={classes.prefix}>Type:</span> {fileType}\n        </Typography>\n        <Typography variant='caption' className={classes.detail}>\n          <span className={classes.prefix}>Size:</span> {size}\n        </Typography>\n      </div>\n      {children}\n      {/* Last modified not supported in FireFox */}\n      {/* <Typography variant=\"caption\">\n        <span className={classes.prefix}>Last Modified:</span>{' '}\n        {lastModifiedDate}\n      </Typography> */}\n    </div>\n  )\n}\nexport default FileProfile\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  image: {\n    maxWidth: 465\n  }\n}))\n\nconst ImagePreview = (props) => {\n  const { image } = props\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <img className={classes.image} src={image} alt='upload preview' />\n    </div>\n  )\n}\nexport default ImagePreview\n","import React from 'react'\nimport FileProfile from './FileProfile'\nimport ImagePreview from './ImagePreview'\n\nexport const FileType = (props) => {\n  let type = ''\n  const { fileType, image, fileName, size, lastModifiedDate } = props\n\n  switch (fileType) {\n    case 'pdf':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        />\n      )\n      break\n    case 'doc':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        />\n      )\n      break\n    case 'png':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        >\n          <ImagePreview image={image} />\n        </FileProfile>\n      )\n      break\n    case 'jpg':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        >\n          <ImagePreview image={image} />\n        </FileProfile>\n      )\n      break\n    case 'jpeg':\n      type = (\n        <FileProfile\n          fileType={fileType}\n          fileName={fileName}\n          size={size}\n          lastModifiedDate={lastModifiedDate}\n        >\n          <ImagePreview image={image} />\n        </FileProfile>\n      )\n      break\n\n    default:\n  }\n\n  return type\n}\n","export enum APIStatusCode {\n  Success = 200,\n  Created = 201,\n  Accepted = 202,\n  NoContent = 204,\n  Forbidden = 403,\n}\n\nexport enum AttachmentType {\n  SiteInstruction = 1,\n  RFI = 2\n}\n\nexport enum AttachmentAction {\n  None = 1,\n  Delete = 2,\n  Remove = 3\n};\n","import React, { useCallback, useState } from 'react';\nimport { apiMutate } from '../utilities';\nimport { Box } from '../UI';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { DragDropFileUpload } from './DragDropFileUpload';\nimport { LinearProgress } from '../UI';\nimport { List, ListItem, IconButton } from '@material-ui/core';\nimport { ConfigService } from '../configService/index';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DownloadIcon, ChromeCloseIcon } from '@fluentui/react-icons';\nimport { useTranslation } from 'react-i18next';\nimport { useHandleAxiosSnackbar } from '../utilities';\nimport { Divider } from '@material-ui/core';\nimport { AttachmentAction } from './enums/systemEnums';\nimport { FluentDialog } from '../UI';\nimport { FluentIconButton } from '../UI/inputs/buttons';\nimport './Attachments.css';\nimport { AmbientAutoComplete } from '../UI/inputs/textField';\n\nconst removeDuplicateFiles = (incomingFiles, existingFiles) => {\n  const uniqueFiles = [];\n  const duplicateFiles = [];\n\n  incomingFiles.forEach((newFile) => {\n    const exists = existingFiles.some(\n      (existingFile) =>\n        existingFile.name === newFile.name ||\n        existingFile.fileName === newFile.name\n    );\n\n    if (exists) {\n      duplicateFiles.push(newFile);\n    } else {\n      uniqueFiles.push(newFile);\n    }\n  });\n\n  return { uniqueFiles, duplicateFiles };\n};\n\nexport const Attachments = ({\n  allowedExtensions,\n  MAX_FILE_SIZE_MB,\n  filePreview,\n  setFilePreview,\n  currentAttachments,\n  setCurrentAttachments,\n  attachmentTypes,\n  attachmentType,\n  setAttachmentType,\n  attachmentProgress,\n  setAttachmentProgress,\n  previousAttachments,\n  setPreviousAttachments\n}) => {\n  const [attachmentDialogOpen, setAttachmentDialogOpen] = useState(false);\n  const [attachmentToDelete, setAttachmentToDelete] = useState(null);\n  const [attachmentToDeleteIndex, setAttachmentToDeleteIndex] = useState(0);\n  const [attachmentAction, setAttachmentAction] = useState(\n    AttachmentAction.None\n  );\n\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n  const { t } = useTranslation();\n\n  const initiateAttachmentAction = useCallback((action, file, index) => {\n    setAttachmentAction(action);\n    setAttachmentToDelete(file);\n    setAttachmentToDeleteIndex(index);\n    setAttachmentDialogOpen(true);\n  }, []);\n\n  const handleAttachmentDeleteClick = useCallback(\n    (file, index) => {\n      initiateAttachmentAction(AttachmentAction.Delete, file, index);\n    },\n    [initiateAttachmentAction]\n  );\n\n  const handleAttachmentRemoveClick = useCallback(\n    (file, index) => {\n      initiateAttachmentAction(AttachmentAction.Remove, file, index);\n    },\n    [initiateAttachmentAction]\n  );\n\n  const handleCloseAttachmentDialog = useCallback(() => {\n    setAttachmentAction(AttachmentAction.None);\n    setAttachmentToDelete({});\n    setAttachmentDialogOpen(false);\n  }, []);\n\n  const removeAttachmentFromList = useCallback(\n    (attachments, setAttachments) => {\n      setAttachments((prev) =>\n        prev.filter((item, i) => i !== attachmentToDeleteIndex)\n      );\n      handleSuccessSnackbar(t('Attachment Removed Successfully'));\n      handleCloseAttachmentDialog();\n    },\n    [\n      attachmentToDeleteIndex,\n      handleSuccessSnackbar,\n      handleCloseAttachmentDialog,\n      t\n    ]\n  );\n\n  const deleteAttachment = useCallback(async () => {\n    try {\n      setAttachmentProgress(true);\n      const filePayload = { ...attachmentToDelete, isDeleted: true };\n\n      await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpTransactionAttachment/${attachmentToDelete.transactionAttachmentId}`,\n        {\n          method: 'put',\n          data: filePayload\n        }\n      );\n      removeAttachmentFromList(previousAttachments, setPreviousAttachments);\n    } catch (error) {\n      handleErrorSnackbar(\n        'Failed to delete attachment',\n        'We encountered a system error while trying to delete the file. Please try again.'\n      );\n      console.error(error);\n    } finally {\n      setAttachmentProgress(false);\n      setAttachmentDialogOpen(false);\n    }\n  }, [\n    attachmentToDelete,\n    removeAttachmentFromList,\n    previousAttachments,\n    setPreviousAttachments,\n    setAttachmentProgress,\n    handleErrorSnackbar\n  ]);\n\n  const handleDownloadFile = useCallback(async (file) => {\n    try {\n      const response = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpTransactionAttachment/${file.transactionAttachmentId}/udpDriveFile/download`,\n        {}\n      );\n      const url = response.data.link;\n      const link = document.createElement('a');\n      link.href = url;\n      link.download = file.fileName ?? file.name;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n    } catch (e) {\n      console.error('Download failed', e);\n    }\n  }, []);\n\n  const handleAddFiles = useCallback(\n    async (files) => {\n      const incomingFiles = Array.from(files);\n      const validFiles = [];\n      const invalidFiles = [];\n\n      incomingFiles.forEach((file) => {\n        const ext = file.name.split('.').pop().toLowerCase();\n        const sizeInMB = file.size / (1024 * 1024);\n\n        if (!allowedExtensions.includes(ext)) {\n          invalidFiles.push(`${file.name} (Invalid file type)`);\n        } else if (sizeInMB > MAX_FILE_SIZE_MB) {\n          invalidFiles.push(`${file.name} (Exceeds ${MAX_FILE_SIZE_MB} MB)`);\n        } else {\n          validFiles.push(file);\n        }\n      });\n\n      const allExistingFiles = [...previousAttachments, ...currentAttachments];\n      const { uniqueFiles, duplicateFiles } = removeDuplicateFiles(\n        validFiles,\n        allExistingFiles\n      );\n\n      if (uniqueFiles.length > 0) {\n        setCurrentAttachments((prev) => [...prev, ...uniqueFiles]);\n      }\n\n      if (invalidFiles.length > 0) {\n        handleErrorSnackbar(\n          'Files not added',\n          `The following files had errors:\\n${invalidFiles.join('\\n')}`\n        );\n        setFilePreview(true);\n      }\n\n      if (duplicateFiles.length > 0) {\n        const duplicateNames = duplicateFiles.map((f) => f.name).join(', ');\n        handleErrorSnackbar(\n          'Duplicates skipped',\n          `The following files already exist and were not added: ${duplicateNames}`\n        );\n      }\n    },\n    [\n      allowedExtensions,\n      MAX_FILE_SIZE_MB,\n      previousAttachments,\n      currentAttachments,\n      setCurrentAttachments,\n      handleErrorSnackbar,\n      setFilePreview\n    ]\n  );\n\n  const handleAttachmentTypeSelect = useCallback(\n    (attachmentType) => {\n      setAttachmentType(attachmentType);\n    },\n    [setAttachmentType]\n  );\n\n  const renderCurrentAttachments = () => {\n    return currentAttachments.map((file, index) => (\n      <React.Fragment key={index}>\n        {index > 0 && <Divider component='li' />}\n        <ListItem\n          className='list-separator-item'\n          style={{ display: 'flex', justifyContent: 'space-between' }}\n        >\n          <Box>{file.fileName ? file.fileName : file.name}</Box>\n          <Box>\n            <IconButton\n              onClick={() => handleAttachmentRemoveClick(file, index)}\n            >\n              <DeleteIcon />\n            </IconButton>\n          </Box>\n        </ListItem>\n      </React.Fragment>\n    ));\n  };\n\n  const renderPreviousAttachments = () => {\n    return previousAttachments.map((file, index) => (\n      <ListItem\n        key={index}\n        style={{ display: 'flex', justifyContent: 'space-between' }}\n      >\n        <Box>{file.fileName ?? file.name}</Box>\n        <Box>\n          <IconButton onClick={() => handleAttachmentDeleteClick(file, index)}>\n            <DeleteIcon />\n          </IconButton>\n          <IconButton onClick={() => handleDownloadFile(file)}>\n            <DownloadIcon />\n          </IconButton>\n        </Box>\n      </ListItem>\n    ));\n  };\n\n  const renderConfirmationContent = () => {\n    const isDeleteAction = attachmentAction === AttachmentAction.Delete;\n    const actionVerb = isDeleteAction ? 'delete' : 'remove';\n    const fileName = attachmentToDelete?.fileName ?? attachmentToDelete?.name;\n\n    return (\n      <>\n        <p className={'deleteSubTitle'}>\n          Are you sure you want to {actionVerb} this attachment -{' '}\n          <strong>{`\"${fileName}\"`}</strong>?\n        </p>\n        {isDeleteAction && <p>This action cannot be undone.</p>}\n      </>\n    );\n  };\n\n  return (\n    <>\n      <div className='card-wrapper'>\n        {attachmentProgress && (\n          <div className='linear-progress'>\n            <LinearProgress />\n          </div>\n        )}\n        <AmbientCard\n          fullWidth={true}\n          title={t('Add New Attachments')}\n          variant='secondary'\n          subtitle={'These files will be included with the submittal(s)'}\n        >\n          <DragDropFileUpload\n            title='Drag and drop files here or click to browse'\n            handleUploadFile={handleAddFiles}\n            hideSelectFileButton={false}\n            hideFilePreview={!filePreview}\n            minHeight='200px'\n            maxHeight='400px'\n            multiple={true}\n          />\n          <AmbientAutoComplete\n            variant='outlined'\n            isMultiple={false}\n            value={attachmentType}\n            getOptionLabelFunction={(option) => option.name}\n            onChange={handleAttachmentTypeSelect}\n            options={attachmentTypes?.pageList}\n            label={t('Select Attachment Type')}\n            required\n          />\n        </AmbientCard>\n        {currentAttachments?.length > 0 && (\n          <AmbientCard\n            fullWidth={true}\n            title={t('Current Attachments')}\n            subtitle={`${currentAttachments.length} file(s) attached`}\n          >\n            <List>{renderCurrentAttachments()}</List>\n          </AmbientCard>\n        )}\n        {previousAttachments.length > 0 && (\n          <AmbientCard fullWidth={true} title={t('Previous Attachments')}>\n            <List>{renderPreviousAttachments()}</List>\n          </AmbientCard>\n        )}\n      </div>\n\n      <FluentDialog\n        title={\n          <div className={'deleteTitle'}>\n            <span>\n              {attachmentAction === AttachmentAction.Delete\n                ? t('Delete Attachment')\n                : t('Remove Attachment')}\n            </span>\n            <FluentIconButton\n              aria-label='close'\n              icon={ChromeCloseIcon}\n              onClick={handleCloseAttachmentDialog}\n            />\n          </div>\n        }\n        message={renderConfirmationContent()}\n        labelOne={\n          attachmentAction === AttachmentAction.Delete\n            ? t('Delete')\n            : t('Remove')\n        }\n        actionOne={\n          attachmentAction === AttachmentAction.Delete\n            ? deleteAttachment\n            : () =>\n                removeAttachmentFromList(\n                  currentAttachments,\n                  setCurrentAttachments\n                )\n        }\n        labelTwo={t('Cancel')}\n        actionTwo={handleCloseAttachmentDialog}\n        open={attachmentDialogOpen}\n        handleClose={handleCloseAttachmentDialog}\n        fullWidth\n      />\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/{useUpdateSearchParams-en3_FDTj.js → useUpdateSearchParams-HVBDF-DL.js}

@@ -20,4 +20,4 @@ const useUpdateSearchParams = () => {
 
 //#endregion
 export { useUpdateSearchParams as t };
-//# sourceMappingURL=useUpdateSearchParams-en3_FDTj.js.map
+//# sourceMappingURL=useUpdateSearchParams-HVBDF-DL.js.map

package/dist/{useUpdateSearchParams-en3_FDTj.js.map → useUpdateSearchParams-HVBDF-DL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useUpdateSearchParams-en3_FDTj.js","names":[],"sources":["../src/hooks/useUpdateSearchParams.js"],"sourcesContent":["import { useHistory, useLocation } from 'react-router-dom';\n\nexport const useUpdateSearchParams = () => {\n  const history = useHistory();\n  const location = useLocation();\n\n  const updateSearchParams = (params) => {\n    const searchParams = new URLSearchParams(location.search);\n\n    Object.keys(params).forEach((key) => {\n      if (params[key] !== null) {\n        searchParams.set(key, params[key]);\n      } else {\n        searchParams.delete(key);\n      }\n    });\n\n    history.push({\n      pathname: location.pathname,\n      search: searchParams.toString()\n    });\n  };\n\n  return updateSearchParams;\n};\n"],"mappings":";;;AAEA,MAAa,8BAA8B;CACzC,MAAM,UAAU,YAAY;CAC5B,MAAM,WAAW,aAAa;CAE9B,MAAM,sBAAsB,WAAW;EACrC,MAAM,eAAe,IAAI,gBAAgB,SAAS,OAAO;AAEzD,SAAO,KAAK,OAAO,CAAC,SAAS,QAAQ;AACnC,OAAI,OAAO,SAAS,KAClB,cAAa,IAAI,KAAK,OAAO,KAAK;OAElC,cAAa,OAAO,IAAI;IAE1B;AAEF,UAAQ,KAAK;GACX,UAAU,SAAS;GACnB,QAAQ,aAAa,UAAU;GAChC,CAAC;;AAGJ,QAAO"}
+{"version":3,"file":"useUpdateSearchParams-HVBDF-DL.js","names":[],"sources":["../src/hooks/useUpdateSearchParams.js"],"sourcesContent":["import { useHistory, useLocation } from 'react-router-dom';\n\nexport const useUpdateSearchParams = () => {\n  const history = useHistory();\n  const location = useLocation();\n\n  const updateSearchParams = (params) => {\n    const searchParams = new URLSearchParams(location.search);\n\n    Object.keys(params).forEach((key) => {\n      if (params[key] !== null) {\n        searchParams.set(key, params[key]);\n      } else {\n        searchParams.delete(key);\n      }\n    });\n\n    history.push({\n      pathname: location.pathname,\n      search: searchParams.toString()\n    });\n  };\n\n  return updateSearchParams;\n};\n"],"mappings":";;;AAEA,MAAa,8BAA8B;CACzC,MAAM,UAAU,YAAY;CAC5B,MAAM,WAAW,aAAa;CAE9B,MAAM,sBAAsB,WAAW;EACrC,MAAM,eAAe,IAAI,gBAAgB,SAAS,OAAO;AAEzD,SAAO,KAAK,OAAO,CAAC,SAAS,QAAQ;AACnC,OAAI,OAAO,SAAS,KAClB,cAAa,IAAI,KAAK,OAAO,KAAK;OAElC,cAAa,OAAO,IAAI;IAE1B;AAEF,UAAQ,KAAK;GACX,UAAU,SAAS;GACnB,QAAQ,aAAa,UAAU;GAChC,CAAC;;AAGJ,QAAO"}

package/dist/utilities/catalog/index.js

@@ -1,3 +1,3 @@
-import { t as buildCatalogObjectList } from "../../CatalogUtilities-CAPPpjBH.js";
+import { t as buildCatalogObjectList } from "../../CatalogUtilities-God-FM1u.js";
 
 export { buildCatalogObjectList };

package/dist/utilities/form/paymentForm/index.js

@@ -1,3 +1,3 @@
-import { t as PaymentForm } from "../../../PaymentForm-BdWY9dEt.js";
+import { t as PaymentForm } from "../../../PaymentForm-C4IXoROF.js";
 
 export { PaymentForm };

package/dist/utilities/index.js

@@ -2,7 +2,7 @@ import { i as useHandleAxiosSnackbar, n as getMergedConfig, r as handleResponseE
 import { n as useAxiosMutate, t as apiMutate } from "../useAxiosMutate-DeqKSi5z.js";
 import { n as useAxiosGetQuery, t as useAxiosGet } from "../useAxiosGet-CYnt6Hd0.js";
 import { t as usePrevious } from "../usePrevious-CafDJohu.js";
-import { t as TrimForAvatar } from "../TrimForAvatar-BP1gZWd5.js";
-import { t as stringToProps } from "../stringUtils-CLVoXAz_.js";
+import { t as TrimForAvatar } from "../TrimForAvatar-DazacBHv.js";
+import { t as stringToProps } from "../stringUtils-BX3ShXYe.js";
 
 export { TrimForAvatar, apiMutate, getAccessToken, getMergedConfig, handleResponseErrors, stringToProps, useAxiosGet, useAxiosGetQuery, useAxiosMutate, useHandleAxiosSnackbar, usePrevious };

package/dist/utilities/uploader/index.js

@@ -1,4 +1,4 @@
-import { t as formatBytes } from "../../formatBytes-Bt-B_Lo8.js";
+import { t as formatBytes } from "../../formatBytes-I1Y1rO8O.js";
 import { n as FileType, t as FileUpload } from "../../FileUpload-BpMG2Efl.js";
 
 export { FileType, FileUpload, formatBytes };

package/dist/{widgets-Bwklnxz1.js → widgets-BfY2a7Qn.js}

@@ -1,7 +1,7 @@
 import { r as getEllipseColor } from "./colorConverter-5PvESBA1.js";
 import { t as AmbientCardTitle } from "./AmbientCardTitle-CvXW2qf0.js";
 import { t as useItemSubCard } from "./useItemSubCard-CJ3DL7fz.js";
-import { t as EmptyStateDisplay } from "./EmptyStateDisplay-YOwCw38_.js";
+import { t as EmptyStateDisplay } from "./EmptyStateDisplay-CyINqvWU.js";
 import React, { useState } from "react";
 import { Box, Divider, Fade, Grow, IconButton, List, ListItem, ListItemAvatar, ListItemText, Typography, makeStyles, useTheme } from "@material-ui/core";
 import clsx from "clsx";
@@ -177,4 +177,4 @@ ItemsWidgetCard.propTypes = {
 
 //#endregion
 export { ItemsWidgetCard as t };
-//# sourceMappingURL=widgets-Bwklnxz1.js.map
+//# sourceMappingURL=widgets-BfY2a7Qn.js.map

package/dist/{widgets-Bwklnxz1.js.map → widgets-BfY2a7Qn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"widgets-Bwklnxz1.js","names":["PropTypes"],"sources":["../src/UI/widgets/ItemsWidgetCard.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useItemSubCard } from '../../hooks/useItemSubCard';\nimport {\n  Box,\n  Divider,\n  Fade,\n  Grow,\n  IconButton,\n  List,\n  ListItem,\n  ListItemAvatar,\n  ListItemText,\n  makeStyles,\n  Typography,\n  useTheme\n} from '@material-ui/core';\nimport { format, isValid } from 'date-fns';\nimport { grey } from '@material-ui/core/colors';\nimport { AmbientCardTitle } from '../surfaces/cards/AmbientCard/AmbientCardTitle';\nimport { PropTypes } from 'prop-types';\nimport KeyboardArrowLeftIcon from '@material-ui/icons/esm/KeyboardArrowLeft';\nimport { getEllipseColor } from '../../utilities/style/colorConverter';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\nimport { EmptyStateDisplay } from '../dataDisplay/EmptyStateDisplay';\n\nconst useStyles = makeStyles((theme) => ({\n  mainContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    gap: '0px',\n    order: 3,\n    alignSelf: 'stretch'\n  },\n  secondaryContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    gap: '0px',\n    order: 0,\n    alignSelf: 'stretch',\n    flexGrow: 0,\n    width: '100%'\n  },\n  listItemPrimary: {\n    fontSize: '14px',\n    fontWeight: 600\n  },\n  listItemSecondary: {\n    fontSize: '12px',\n    fontWeight: 400,\n    color: grey[500]\n  },\n  listContainer: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px'\n  },\n  listItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    padding: '8px 16px'\n  },\n  listItemAvatar: {\n    minWidth: '32px'\n  },\n  listItemText: {\n    margin: 0\n  },\n  itemContainer: {\n    paddingRight: '5px'\n  },\n  emptyStateDisplay: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\n/**\n * `ItemsWidgetCard` component\n */\nexport const ItemsWidgetCard = (props) => {\n  const [checked, setChecked] = useState(false);\n  const [cardItemData, setCardItemData] = useState();\n\n  const {\n    cardData,\n    subCardsList = {},\n    style,\n    headerColor,\n    emptyStatePrimaryText,\n    emptyStateImageSrc,\n    emptyStateIconSize,\n    emptyStateImageWidth,\n    emptyStateClassName,\n    emptyStateIcon,\n    title = 'Account Items',\n    subCardTypeField = 'type'\n  } = props;\n\n  const { SubCard, setSubCardType, subCardType, getSubCardInfo } =\n    useItemSubCard(subCardsList);\n  const classes = useStyles();\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  const handleChange = (accountItem) => {\n    setCardItemData(accountItem);\n    setSubCardType(accountItem?.[subCardTypeField] || '');\n    setChecked((prev) => !prev);\n  };\n\n  return (\n    <Box\n      display='flex'\n      flexDirection='column'\n      alignItems='flex-start'\n      flexGrow='1'\n      className={classes.mainContainer}\n      style={{\n        ...style,\n        height: '100%'\n      }}\n    >\n      <Box\n        display='flex'\n        flexDirection='row'\n        alignItems='center'\n        style={{\n          gap: '8px',\n          width: '100%',\n          padding: '8px',\n          backgroundColor:\n            headerColor && getEllipseColor(theme, headerColor, 'light'),\n          color: theme.palette.getContrastText(\n            getEllipseColor(theme, headerColor, 'light')\n          )\n        }}\n      >\n        {subCardType !== '' && (\n          <IconButton\n            aria-label='delete'\n            size='small'\n            onClick={() => handleChange('')}\n            style={{ marginLeft: '10px' }}\n            id='udpRecord-ItemsWidgetCard-delete'\n            udprecordid='udpRecord-ItemsWidgetCard-delete'\n          >\n            <KeyboardArrowLeftIcon fontSize='inherit' />\n          </IconButton>\n        )}\n        <AmbientCardTitle\n          title={subCardType !== '' ? subCardType : title}\n          style={{\n            backgroundColor:\n              headerColor && getEllipseColor(theme, headerColor, 'light')\n          }}\n        />\n      </Box>\n\n      {!checked ? (\n        <Grow\n          in={!checked}\n          style={{ transformOrigin: '0 0 0', width: '100%' }}\n          {...(!checked ? { timeout: 500 } : {})}\n          mountOnEnter\n          unmountOnExit\n        >\n          <Box\n            display='flex'\n            flexDirection='column'\n            alignItems='flex-start'\n            className={classes.secondaryContainer}\n          >\n            <List className={classes.listContainer}>\n              {cardData?.length > 0 ? (\n                cardData?.map((cardItem, index) => {\n                  const {\n                    defaultColor,\n                    textColor,\n                    backgroundColor,\n                    icon: Icon\n                  } = getSubCardInfo(cardItem?.accountItemName);\n\n                  return (\n                    <React.Fragment key={`${cardItem?.name}-${index}`}>\n                      <ListItem\n                        button\n                        className={classes.listItem}\n                        style={{\n                          backgroundColor\n                        }}\n                        onClick={() => handleChange(cardItem)}\n                        id={\n                          'udpRecord-ItemsWidgetCard-ListItem-' +\n                          cardItem?.name.replace(/\\s+/g, '') +\n                          '-' +\n                          cardItem?.businessObjectKey\n                        }\n                        udprecordid={\n                          'udpRecord-ItemsWidgetCard-ListItem-' +\n                          cardItem?.name.replace(/\\s+/g, '') +\n                          '-' +\n                          cardItem?.businessObjectKey\n                        }\n                      >\n                        <ListItemAvatar className={classes.listItemAvatar}>\n                          <Icon\n                            color={defaultColor}\n                            width='22px'\n                            height='22px'\n                          />\n                        </ListItemAvatar>\n                        <ListItemText\n                          className={classes.listItemText}\n                          primary={\n                            <Typography\n                              variant='subtitle2'\n                              className={classes?.listItemPrimary}\n                              style={{ color: textColor }}\n                            >\n                              {cardItem?.name}\n                            </Typography>\n                          }\n                          secondary={\n                            <Typography\n                              variant='caption'\n                              className={classes?.listItemSecondary}\n                            >\n                              {cardItem?.date\n                                ? isValid(new Date(cardItem?.date))\n                                  ? format(\n                                      new Date(cardItem?.date),\n                                      'MMM dd, yyyy'\n                                    )\n                                  : 'Invalid date'\n                                : 'Date field is empty'}\n                            </Typography>\n                          }\n                        />\n                        <Box\n                          display='flex'\n                          flexDirection='column'\n                          justifyContent='center'\n                          alignItems='flex-end'\n                          className={classes.itemContainer}\n                        >\n                          <Typography\n                            variant='subtitle2'\n                            className={classes.listItemPrimary}\n                          >\n                            {`$${cardItem?.amount || 0.0}`}\n                          </Typography>\n                        </Box>\n                      </ListItem>\n                      <Divider />\n                    </React.Fragment>\n                  );\n                })\n              ) : (\n                <div\n                  className={clsx(\n                    classes.emptyStateDisplay,\n                    emptyStateClassName\n                  )}\n                >\n                  <EmptyStateDisplay\n                    primaryText={emptyStatePrimaryText ?? t('No results found')}\n                    icon={emptyStateIcon}\n                    iconSize={emptyStateIconSize}\n                    imageSrc={emptyStateImageSrc}\n                    imageWidth={emptyStateImageWidth}\n                  />\n                </div>\n              )}\n            </List>\n          </Box>\n        </Grow>\n      ) : (\n        <Fade\n          in={checked}\n          style={{ transformOrigin: '0 0 0', width: '100%' }}\n          {...(checked ? { timeout: 1000 } : {})}\n          mountOnEnter\n          unmountOnExit\n        >\n          <Box>\n            <SubCard cardInfo={cardItemData} />\n          </Box>\n        </Fade>\n      )}\n    </Box>\n  );\n};\n\nItemsWidgetCard.propTypes = {\n  /**\n   * @type {?array} list of flags to render, required array object structure e.g\n   * [{\n   *  name: string, --> must be correspond with the name of the subCard object name\n   *  date: date | string,\n   *  amount: number | string\n   * }]\n   */\n  cardData: PropTypes.array.isRequired,\n\n  /**\n   * @type {?object} sub-cards detail content object, e.g\n   *\n   * CardNameXX and CardNameYY must be specified and corresponding with the name attribute in the card data\n   *\n     const subCardsList = {\n      CardNameXX: {\n        defaultColor: theme.palette.primary.main,\n        textColor: theme.palette.secondary.main,\n        component: props => {\n              return <PredefinedReactComponent {...props} />;\n        },\n        icon: LoanIcon,\n      },\n      CardNameYY: {\n        defaultColor: '#73368E',\n        textColor: '#FF9800',\n        component: props => {\n              return <PredefinedReactComponentTwo {...props} />;\n        },\n        icon: LoanIcon,\n      },\n   * }]\n  */\n  subCardsList: PropTypes.object.isRequired,\n\n  /**\n   * Optional, additional properties to apply some styles over the main container\n   */\n  style: PropTypes.object\n};\n"],"mappings":"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"}
+{"version":3,"file":"widgets-BfY2a7Qn.js","names":["PropTypes"],"sources":["../src/UI/widgets/ItemsWidgetCard.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useItemSubCard } from '../../hooks/useItemSubCard';\nimport {\n  Box,\n  Divider,\n  Fade,\n  Grow,\n  IconButton,\n  List,\n  ListItem,\n  ListItemAvatar,\n  ListItemText,\n  makeStyles,\n  Typography,\n  useTheme\n} from '@material-ui/core';\nimport { format, isValid } from 'date-fns';\nimport { grey } from '@material-ui/core/colors';\nimport { AmbientCardTitle } from '../surfaces/cards/AmbientCard/AmbientCardTitle';\nimport { PropTypes } from 'prop-types';\nimport KeyboardArrowLeftIcon from '@material-ui/icons/esm/KeyboardArrowLeft';\nimport { getEllipseColor } from '../../utilities/style/colorConverter';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\nimport { EmptyStateDisplay } from '../dataDisplay/EmptyStateDisplay';\n\nconst useStyles = makeStyles((theme) => ({\n  mainContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    gap: '0px',\n    order: 3,\n    alignSelf: 'stretch'\n  },\n  secondaryContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    gap: '0px',\n    order: 0,\n    alignSelf: 'stretch',\n    flexGrow: 0,\n    width: '100%'\n  },\n  listItemPrimary: {\n    fontSize: '14px',\n    fontWeight: 600\n  },\n  listItemSecondary: {\n    fontSize: '12px',\n    fontWeight: 400,\n    color: grey[500]\n  },\n  listContainer: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px'\n  },\n  listItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    padding: '8px 16px'\n  },\n  listItemAvatar: {\n    minWidth: '32px'\n  },\n  listItemText: {\n    margin: 0\n  },\n  itemContainer: {\n    paddingRight: '5px'\n  },\n  emptyStateDisplay: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\n/**\n * `ItemsWidgetCard` component\n */\nexport const ItemsWidgetCard = (props) => {\n  const [checked, setChecked] = useState(false);\n  const [cardItemData, setCardItemData] = useState();\n\n  const {\n    cardData,\n    subCardsList = {},\n    style,\n    headerColor,\n    emptyStatePrimaryText,\n    emptyStateImageSrc,\n    emptyStateIconSize,\n    emptyStateImageWidth,\n    emptyStateClassName,\n    emptyStateIcon,\n    title = 'Account Items',\n    subCardTypeField = 'type'\n  } = props;\n\n  const { SubCard, setSubCardType, subCardType, getSubCardInfo } =\n    useItemSubCard(subCardsList);\n  const classes = useStyles();\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  const handleChange = (accountItem) => {\n    setCardItemData(accountItem);\n    setSubCardType(accountItem?.[subCardTypeField] || '');\n    setChecked((prev) => !prev);\n  };\n\n  return (\n    <Box\n      display='flex'\n      flexDirection='column'\n      alignItems='flex-start'\n      flexGrow='1'\n      className={classes.mainContainer}\n      style={{\n        ...style,\n        height: '100%'\n      }}\n    >\n      <Box\n        display='flex'\n        flexDirection='row'\n        alignItems='center'\n        style={{\n          gap: '8px',\n          width: '100%',\n          padding: '8px',\n          backgroundColor:\n            headerColor && getEllipseColor(theme, headerColor, 'light'),\n          color: theme.palette.getContrastText(\n            getEllipseColor(theme, headerColor, 'light')\n          )\n        }}\n      >\n        {subCardType !== '' && (\n          <IconButton\n            aria-label='delete'\n            size='small'\n            onClick={() => handleChange('')}\n            style={{ marginLeft: '10px' }}\n            id='udpRecord-ItemsWidgetCard-delete'\n            udprecordid='udpRecord-ItemsWidgetCard-delete'\n          >\n            <KeyboardArrowLeftIcon fontSize='inherit' />\n          </IconButton>\n        )}\n        <AmbientCardTitle\n          title={subCardType !== '' ? subCardType : title}\n          style={{\n            backgroundColor:\n              headerColor && getEllipseColor(theme, headerColor, 'light')\n          }}\n        />\n      </Box>\n\n      {!checked ? (\n        <Grow\n          in={!checked}\n          style={{ transformOrigin: '0 0 0', width: '100%' }}\n          {...(!checked ? { timeout: 500 } : {})}\n          mountOnEnter\n          unmountOnExit\n        >\n          <Box\n            display='flex'\n            flexDirection='column'\n            alignItems='flex-start'\n            className={classes.secondaryContainer}\n          >\n            <List className={classes.listContainer}>\n              {cardData?.length > 0 ? (\n                cardData?.map((cardItem, index) => {\n                  const {\n                    defaultColor,\n                    textColor,\n                    backgroundColor,\n                    icon: Icon\n                  } = getSubCardInfo(cardItem?.accountItemName);\n\n                  return (\n                    <React.Fragment key={`${cardItem?.name}-${index}`}>\n                      <ListItem\n                        button\n                        className={classes.listItem}\n                        style={{\n                          backgroundColor\n                        }}\n                        onClick={() => handleChange(cardItem)}\n                        id={\n                          'udpRecord-ItemsWidgetCard-ListItem-' +\n                          cardItem?.name.replace(/\\s+/g, '') +\n                          '-' +\n                          cardItem?.businessObjectKey\n                        }\n                        udprecordid={\n                          'udpRecord-ItemsWidgetCard-ListItem-' +\n                          cardItem?.name.replace(/\\s+/g, '') +\n                          '-' +\n                          cardItem?.businessObjectKey\n                        }\n                      >\n                        <ListItemAvatar className={classes.listItemAvatar}>\n                          <Icon\n                            color={defaultColor}\n                            width='22px'\n                            height='22px'\n                          />\n                        </ListItemAvatar>\n                        <ListItemText\n                          className={classes.listItemText}\n                          primary={\n                            <Typography\n                              variant='subtitle2'\n                              className={classes?.listItemPrimary}\n                              style={{ color: textColor }}\n                            >\n                              {cardItem?.name}\n                            </Typography>\n                          }\n                          secondary={\n                            <Typography\n                              variant='caption'\n                              className={classes?.listItemSecondary}\n                            >\n                              {cardItem?.date\n                                ? isValid(new Date(cardItem?.date))\n                                  ? format(\n                                      new Date(cardItem?.date),\n                                      'MMM dd, yyyy'\n                                    )\n                                  : 'Invalid date'\n                                : 'Date field is empty'}\n                            </Typography>\n                          }\n                        />\n                        <Box\n                          display='flex'\n                          flexDirection='column'\n                          justifyContent='center'\n                          alignItems='flex-end'\n                          className={classes.itemContainer}\n                        >\n                          <Typography\n                            variant='subtitle2'\n                            className={classes.listItemPrimary}\n                          >\n                            {`$${cardItem?.amount || 0.0}`}\n                          </Typography>\n                        </Box>\n                      </ListItem>\n                      <Divider />\n                    </React.Fragment>\n                  );\n                })\n              ) : (\n                <div\n                  className={clsx(\n                    classes.emptyStateDisplay,\n                    emptyStateClassName\n                  )}\n                >\n                  <EmptyStateDisplay\n                    primaryText={emptyStatePrimaryText ?? t('No results found')}\n                    icon={emptyStateIcon}\n                    iconSize={emptyStateIconSize}\n                    imageSrc={emptyStateImageSrc}\n                    imageWidth={emptyStateImageWidth}\n                  />\n                </div>\n              )}\n            </List>\n          </Box>\n        </Grow>\n      ) : (\n        <Fade\n          in={checked}\n          style={{ transformOrigin: '0 0 0', width: '100%' }}\n          {...(checked ? { timeout: 1000 } : {})}\n          mountOnEnter\n          unmountOnExit\n        >\n          <Box>\n            <SubCard cardInfo={cardItemData} />\n          </Box>\n        </Fade>\n      )}\n    </Box>\n  );\n};\n\nItemsWidgetCard.propTypes = {\n  /**\n   * @type {?array} list of flags to render, required array object structure e.g\n   * [{\n   *  name: string, --> must be correspond with the name of the subCard object name\n   *  date: date | string,\n   *  amount: number | string\n   * }]\n   */\n  cardData: PropTypes.array.isRequired,\n\n  /**\n   * @type {?object} sub-cards detail content object, e.g\n   *\n   * CardNameXX and CardNameYY must be specified and corresponding with the name attribute in the card data\n   *\n     const subCardsList = {\n      CardNameXX: {\n        defaultColor: theme.palette.primary.main,\n        textColor: theme.palette.secondary.main,\n        component: props => {\n              return <PredefinedReactComponent {...props} />;\n        },\n        icon: LoanIcon,\n      },\n      CardNameYY: {\n        defaultColor: '#73368E',\n        textColor: '#FF9800',\n        component: props => {\n              return <PredefinedReactComponentTwo {...props} />;\n        },\n        icon: LoanIcon,\n      },\n   * }]\n  */\n  subCardsList: PropTypes.object.isRequired,\n\n  /**\n   * Optional, additional properties to apply some styles over the main container\n   */\n  style: PropTypes.object\n};\n"],"mappings":"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"}

package/dist/workflow/index.js

@@ -1,7 +1,7 @@
 import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../WorkflowTreeMenu-HHtwkDzu.js";
 import { t as WorkflowTaskFlow } from "../WorkflowTaskFlow-Cah1eKe3.js";
 import { n as WorkflowUiInterruptContent, t as WorkflowContent } from "../WorkflowContent-HlBHhWl8.js";
-import { t as WorkflowContainer } from "../WorkflowContainer-Drts8hsZ.js";
+import { t as WorkflowContainer } from "../WorkflowContainer-Cec3FFwP.js";
 import "./components/index.js";
 import "./menus/index.js";
 

package/export-map.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-01-12T22:12:44.389Z",
+  "generated": "2026-01-13T22:58:36.503Z",
   "library": "udp-react-enterprise-component-library",
   "totalExports": 816,
   "description": "Map of exported items to their module paths for tree-shaking",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-react-enterprise-component-library",
-  "version": "25.18.1-beta.84",
+  "version": "25.18.1-beta.85",
   "description": "React-based UI component library implementing Fluent UI design for Univerus internal projects",
   "author": "Univerus",
   "license": "MIT",

package/dist/Inquiry-B9U7e2Iu.js

@@ -1,3 +0,0 @@
-import { t as Inquiry } from "./Inquiry-1o8EuckI.js";
-
-export { Inquiry };

package/dist/MyExportsPage-C79id2As.js

@@ -1,3 +0,0 @@
-import { n as MyExportsPage_default, t as MyExportsPage } from "./MyExportsPage-Ckti0gqK.js";
-
-export { MyExportsPage, MyExportsPage_default as default };

package/dist/UdpAuditEventsPage-BtsmPFyR.js

@@ -1,3 +0,0 @@
-import { t as UdpAuditEventsPage_default } from "./UdpAuditEventsPage-BZ5fMCYW.js";
-
-export { UdpAuditEventsPage_default as default };