npm - udp-react-enterprise-component-library - Versions diffs - 25.16.2-beta.2 → 25.16.2-beta.4 - Mend

udp-react-enterprise-component-library 25.16.2-beta.2 → 25.16.2-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (392) hide show

package/dist/{fileViewer-CZYbh-Ns.js.map → fileViewer-CG0HJ-Ko.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileViewer-CZYbh-Ns.js","names":["useStyles","Typography","useStyles","PDFViewer: FC<PDFContainerProps>","numPages","ControlPanel","LinearProgress","useStyles","Typography","useStyles","defaultFieldMapping"],"sources":["../src/UI/fileViewer/pdfViewer/ControlPanel.tsx","../src/UI/fileViewer/pdfViewer/PDFViewer.tsx","../src/UI/fileViewer/utils/fileTypes.js","../src/UI/fileViewer/utils/fileUtils.js","../src/UI/fileViewer/imageSlider/ImageFooter.jsx","../src/UI/fileViewer/imageSlider/Image.jsx","../src/UI/fileViewer/imageSlider/ImageViewerSideSheet.jsx","../src/UI/fileViewer/imageSlider/ImageSlider.jsx","../src/UI/fileViewer/FileViewer.jsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, makeStyles } from '@material-ui/core';\nimport FirstPageIcon from '@material-ui/icons/esm/FirstPage';\nimport NavigateBeforeIcon from '@material-ui/icons/esm/NavigateBefore';\nimport NavigateNextIcon from '@material-ui/icons/esm/NavigateNext';\nimport LastPageIcon from '@material-ui/icons/esm/LastPage';\nimport ZoomInIcon from '@material-ui/icons/esm/ZoomIn';\nimport ZoomOutIcon from '@material-ui/icons/esm/ZoomOut';\nimport CloudDownloadOutlinedIcon from '@material-ui/icons/esm/CloudDownloadOutlined';\nimport HighlightOffOutlinedIcon from '@material-ui/icons/esm/HighlightOffOutlined';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n controlPanel: {\n fontSize: '16px',\n backgroundColor: theme.palette.background.paper,\n borderRadius: '5px',\n width: 'fit-content',\n padding: theme.spacing(1),\n margin: '8px auto',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: '10px'\n },\n pageActions: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: '10px'\n },\n pageNumber: {\n display: 'flex',\n gap: 5,\n minWidth: '125px'\n }\n}));\n\nconst ControlPanel = (props: any) => {\n const {\n pageNumber,\n numPages,\n setPageNumber,\n scale,\n setScale,\n file,\n closePDF,\n onClickDownload\n } = props;\n\n const isFirstPage = pageNumber === 1;\n const isLastPage = pageNumber === numPages;\n const { t } = useTranslation();\n const classes = useStyles();\n\n const goToFirstPage = () => {\n if (!isFirstPage) setPageNumber(1);\n };\n const goToPreviousPage = () => {\n if (!isFirstPage) setPageNumber(pageNumber - 1);\n };\n const goToNextPage = () => {\n if (!isLastPage) setPageNumber(pageNumber + 1);\n };\n const goToLastPage = () => {\n if (!isLastPage) setPageNumber(numPages);\n };\n\n const onPageChange = (e: any) => {\n const { value } = e.target;\n setPageNumber(Number(value));\n };\n\n const isMinZoom = scale < 0.6;\n const isMaxZoom = scale >= 2.0;\n\n const zoomOut = () => {\n if (!isMinZoom) setScale(scale - 0.1);\n };\n\n const zoomIn = () => {\n if (!isMaxZoom) setScale(scale + 0.1);\n };\n\n return (\n <div className={classes.controlPanel}>\n <div className={classes.pageActions}>\n <IconButton size='small' onClick={goToFirstPage} disabled={isFirstPage}>\n <FirstPageIcon />\n </IconButton>\n\n <IconButton\n size='small'\n onClick={goToPreviousPage}\n disabled={isFirstPage}\n >\n <NavigateBeforeIcon />\n </IconButton>\n\n <div>\n <div className={classes.pageNumber}>\n <Typography>{t('Page')} </Typography>\n <input\n name='pageNumber'\n type='number'\n min={1}\n max={numPages \|\| 1}\n style={{\n padding: 0,\n paddingLeft: 1,\n margin: 0,\n textAlign: 'end'\n }}\n value={pageNumber}\n onChange={onPageChange}\n />{' '}\n <Typography>of {numPages}</Typography>\n </div>\n </div>\n\n <IconButton size='small' onClick={goToNextPage} disabled={isLastPage}>\n <NavigateNextIcon />\n </IconButton>\n\n <IconButton size='small' onClick={goToLastPage} disabled={isLastPage}>\n <LastPageIcon />\n </IconButton>\n </div>\n <div className={classes.pageActions}>\n <IconButton size='small' onClick={zoomOut} disabled={isMinZoom}>\n <ZoomOutIcon />\n </IconButton>\n\n <Typography>{(scale * 100).toFixed()}%</Typography>\n\n <IconButton size='small' onClick={zoomIn} disabled={isMaxZoom}>\n <ZoomInIcon />\n </IconButton>\n </div>\n\n <div>\n <IconButton href={file} size='small' onClick={onClickDownload}>\n <CloudDownloadOutlinedIcon />\n </IconButton>\n </div>\n\n <div>\n <IconButton size='small' onClick={closePDF}>\n <HighlightOffOutlinedIcon />\n </IconButton>\n </div>\n </div>\n );\n};\n\nexport default ControlPanel;\n","import React, { FC, useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport ControlPanel from './ControlPanel';\nimport { LinearProgress } from '../../loading/LinearProgress';\nimport { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n pdfSection: (props: PDFContainerProps) => ({\n minWidth: props?.minWidth,\n }),\n documentContainer: {\n display: 'flex',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n overflowX: 'auto',\n overflowY: 'hidden',\n },\n loadingBox: {\n width: '100%',\n },\n}));\n\ninterface PDFContainerProps {\n isPDFOpen?: boolean;\n fileUrl?: string;\n blobPDF?: Blob;\n closePDF?: () => void;\n onClickDownload?: () => void;\n minWidth?: number \| string;\n}\n\nexport const PDFViewer: FC<PDFContainerProps> = ({\n isPDFOpen = true,\n fileUrl,\n blobPDF,\n closePDF,\n onClickDownload,\n minWidth\n}) => {\n const [scale, setScale] = useState(1.0);\n const [numPages, setNumPages] = useState(null);\n const [pageNumber, setPageNumber] = useState(1);\n const classes = useStyles({minWidth});\n\n useEffect(() => {\n pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n });\n\n function onDocumentLoadSuccess({ numPages }: any) {\n setNumPages(numPages);\n }\n\n return (\n <div>\n {isPDFOpen && (\n <div id='pdf-section' className={classes.pdfSection}>\n <ControlPanel\n scale={scale}\n setScale={setScale}\n numPages={numPages}\n pageNumber={pageNumber}\n setPageNumber={setPageNumber}\n file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n closePDF={closePDF}\n onClickDownload={onClickDownload}\n />\n <div className={classes.documentContainer}>\n <Document\n file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n onLoadSuccess={onDocumentLoadSuccess}\n >\n <Page\n pageNumber={pageNumber}\n scale={scale}\n loading={\n <div className={classes.loadingBox}>\n <LinearProgress />\n </div>\n }\n />\n </Document>\n </div>\n </div>\n )}\n </div>\n );\n};\n","export const imageExtension = [\n 'png',\n 'jpeg',\n 'jpg',\n 'jpe',\n 'jif',\n 'jfif',\n 'jfi',\n 'gif',\n 'raw',\n 'svg',\n 'ttif',\n 'tif',\n 'webp',\n 'arw',\n 'sr2',\n 'nrw',\n 'k25',\n 'bmp',\n 'dib',\n 'heif',\n 'heic',\n 'ind',\n 'indd',\n 'indt',\n 'jp2',\n 'j2k',\n 'jpf',\n 'jpm',\n 'mj2',\n 'svgz',\n 'ai',\n 'eps',\n];\n","import { imageExtension } from './fileTypes';\n\nexport const handleDownloadFile = (fileUrl, fileName) => {\n const a = document.createElement('a');\n a.style.display = 'none';\n a.href = fileUrl;\n a.download = fileName;\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(fileUrl);\n};\n\nexport const validateFilesImageType = (files = [], fileExtensionField) => {\n let type = \"image\";\n files.forEach(file => {\n if (!imageExtension.includes(file?.[fileExtensionField])) {\n type = 'invalid';\n return;\n }\n });\n return type;\n};\n","/* eslint-disable react/jsx-no-useless-fragment /\nimport { makeStyles } from '@material-ui/core';\nimport React, { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n secondaryText: {\n color: theme.palette.text.secondary,\n },\n description: {\n margin: theme.spacing(2),\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1),\n },\n pageAction: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n },\n}));\n\nexport const ImageFooter = props => {\n const {\n images,\n currentImageObj,\n hidePrimaryText,\n hideSecondaryText,\n handleViewImage,\n currentImageIndex,\n } = props;\n const classes = useStyles();\n const { t } = useTranslation();\n\n const showItem = useMemo(() => {\n const showPrimaryText = !hidePrimaryText && currentImageObj?.primaryText;\n const showSecondaryText =\n !hideSecondaryText && currentImageObj?.secondaryText;\n const showPageAction = images?.length > 1;\n return {\n footer: showPageAction \|\| showPrimaryText \|\| showSecondaryText,\n primaryText: showPrimaryText,\n secondaryText: showSecondaryText,\n pageAction: showPageAction,\n };\n }, [currentImageObj, hidePrimaryText, hideSecondaryText, images]);\n\n return (\n <>\n {showItem?.footer && (\n <div className={classes.description}>\n {showItem?.primaryText && (\n <Typography variant=\"h6\">{currentImageObj?.primaryText}</Typography>\n )}\n\n {showItem?.secondaryText && (\n <Typography variant=\"subtitle1\" className={classes.secondaryText}>\n {currentImageObj?.secondaryText}\n </Typography>\n )}\n {showItem?.pageAction && (\n <div className={classes.pageAction}>\n <IconButtonWithTooltip\n icon={getIconFromName('ChevronLeft')}\n title={t('Previous')}\n disabled={currentImageIndex == 0}\n onClick={() => {\n handleViewImage(true);\n }}\n id=\"udpRecord-ImageSlider-PreviousBtn\"\n udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n />\n\n <div>\n <Typography>\n {currentImageIndex + 1} {t('of')} {images?.length ?? 0}\n </Typography>\n </div>\n <IconButtonWithTooltip\n icon={getIconFromName('ChevronRight')}\n title={t('Next')}\n disabled={currentImageIndex === images?.length - 1}\n onClick={() => {\n handleViewImage();\n }}\n id=\"udpRecord-ImageSlider-NextBtn\"\n udprecordid=\"udpRecord-ImageSlider-NextBtn\"\n />\n </div>\n )}\n </div>\n )}\n </>\n );\n};\n","import { makeStyles } from '@material-ui/core';\nimport React from 'react';\nimport { ImageFooter } from './ImageFooter';\n\nconst useStyles = makeStyles(theme => ({\n imageWrapper: {\n flex: '1 1 auto',\n overflow: 'hidden',\n position: 'relative',\n margin: theme.spacing(2)\n },\n image: {\n objectFit: 'contain',\n width: '100%',\n height: '100%',\n position: 'absolute',\n top: 0,\n left: 0,\n },\n cardContent: {\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n height: '100%',\n background: theme.palette.background.paper,\n },\n}));\n\nexport const Image = props => {\n const { imageObj, hidePrimaryText, hideSecondaryText } = props;\n const classes = useStyles();\n\n return (\n <div className={classes.cardContent}>\n <div className={classes.imageWrapper}>\n <img\n src={imageObj?.filePath}\n loading=\"lazy\"\n alt={`${imageObj?.fileName}`}\n className={classes.image}\n />\n </div>\n <ImageFooter\n currentImageObj={imageObj}\n hidePrimaryText={hidePrimaryText}\n hideSecondaryText={hideSecondaryText}\n />\n </div>\n );\n};\n","import React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { handleDownloadFile } from '../utils/fileUtils';\nimport { Image } from './Image';\nimport { SideSheet } from '../../surfaces/SideSheet';\n\nexport const ImageViewerSideSheet = (props) => {\n const {\n title,\n width,\n imageObj,\n open,\n onClose,\n hideDownload,\n hidePrimaryText,\n hideSecondaryText\n } = props;\n const { t } = useTranslation();\n\n const handleDownloadImage = useCallback(() => {\n handleDownloadFile(imageObj?.filePath, imageObj?.fileName);\n }, [imageObj]);\n\n return (\n <SideSheet\n title={title ?? t('Image Viewer')}\n buttonLabel={hideDownload ? null : t('Download')}\n width={width ?? '90vw'}\n onSubmit={handleDownloadImage}\n open={open}\n onClose={onClose}\n contentHeight='100%'\n >\n <Image\n imageObj={imageObj}\n hidePrimaryText={hidePrimaryText}\n hideSecondaryText={hideSecondaryText}\n />\n </SideSheet>\n );\n};\n","import { Dialog, makeStyles } from '@material-ui/core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ImageViewerSideSheet } from './ImageViewerSideSheet';\nimport { Image } from './Image';\nimport { ImageFooter } from './ImageFooter';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n backgroundColor: theme.palette.background.paper,\n },\n imagesWrapper: {\n display: 'flex',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n alignItems: 'center',\n },\n imageSection: {\n width: '100%',\n height: '100%',\n },\n image: {\n objectFit: 'contain',\n display: 'block',\n flexShrink: 0,\n flexGrow: 0,\n transition: 'translate 300ms ease-in-out',\n },\n openSideSheetIcon: {\n display: 'block',\n position: 'absolute',\n top: props => (props?.title ? 64 : 8),\n right: 8,\n zIndex: 3,\n backgroundColor: theme.palette.background.paper,\n },\n dialogContent: {\n overflow: 'hidden',\n width: '100vw',\n height: '100vh',\n display: 'flex',\n flexDirection: 'column',\n },\n closeDialog: {\n margin: theme.spacing(1),\n },\n dialogImageSection: {\n flex: 2,\n height: '100%',\n },\n}));\n\nconst defaultFieldMapping = {\n filePath: 'filePath',\n fileName: 'fileName',\n primaryText: 'primaryText',\n secondaryText: 'secondaryText',\n};\n\nexport const ImageSlider = props => {\n const {\n title,\n images,\n fieldMapping = defaultFieldMapping,\n sideSheetTitle,\n sideSheetWidth,\n hideDownload,\n hidePrimaryText,\n hideSecondaryText,\n hidePrimaryTextInExpandMode,\n hideSecondaryTextInExpandMode,\n expandInSideSheet = true,\n } = props;\n const classes = useStyles(props);\n const { t } = useTranslation();\n const [currentImageIndex, setCurrentImageIndex] = useState(0);\n const [openSideSheet, setOpenSideSheet] = useState(false);\n\n const handleViewImage = useCallback((previous = false) => {\n if (previous) {\n setCurrentImageIndex(prev => prev - 1);\n } else {\n setCurrentImageIndex(prev => prev + 1);\n }\n }, []);\n\n const handleExpandImage = useCallback(() => {\n setOpenSideSheet(true);\n }, []);\n\n const currentImageObj = useMemo(() => {\n const imgObj = images?.[currentImageIndex];\n if (!imgObj) return {};\n\n return {\n filePath: imgObj[fieldMapping?.filePath],\n fileName: imgObj[fieldMapping?.fileName],\n primaryText: imgObj[fieldMapping?.primaryText],\n secondaryText: imgObj[fieldMapping?.secondaryText],\n };\n }, [currentImageIndex, fieldMapping, images]);\n\n return (\n <AmbientCard\n fullWidth\n title={title}\n removePadding\n lastChildBottomPadding=\"0px\"\n removeTopLayoutUnit\n >\n <div className={classes.imagesWrapper}>\n {images?.map(image => (\n <img\n src={image?.[fieldMapping?.filePath]}\n alt={`${image?.[fieldMapping?.fileName]}`}\n loading=\"lazy\"\n width=\"100%\"\n height=\"auto\"\n className={classes.image}\n style={{ translate: `${-100 currentImageIndex}%` }}\n />\n ))}\n </div>\n <IconButtonWithTooltip\n icon={getIconFromName('MiniExpand')}\n title={t('Expand Image')}\n onClick={handleExpandImage}\n id=\"udpRecord-ImageSlider-ExpandBtn\"\n udprecordid=\"udpRecord-ImageSlider-ExpandBtn\"\n className={classes.openSideSheetIcon}\n />\n <ImageFooter\n images={images}\n currentImageObj={currentImageObj}\n hidePrimaryText={hidePrimaryText}\n hideSecondaryText={hideSecondaryText}\n handleViewImage={handleViewImage}\n currentImageIndex={currentImageIndex}\n />\n\n {expandInSideSheet ? (\n <ImageViewerSideSheet\n title={sideSheetTitle}\n open={openSideSheet}\n onClose={() => {\n setOpenSideSheet(false);\n }}\n imageObj={currentImageObj}\n width={sideSheetWidth}\n hideDownload={hideDownload}\n hidePrimaryText={hidePrimaryTextInExpandMode}\n hideSecondaryText={hideSecondaryTextInExpandMode}\n />\n ) : (\n <Dialog\n onClose={() => {\n setOpenSideSheet(false);\n }}\n open={openSideSheet}\n fullScreen\n >\n <div className={classes.dialogContent}>\n <div className={classes.closeDialog}>\n <IconButtonWithTooltip\n icon={getIconFromName('Cancel')}\n title={t('Close')}\n onClick={() => {\n setOpenSideSheet(false);\n }}\n id=\"udpRecord-ImageSlider-PreviousBtn\"\n udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n />\n </div>\n <div className={classes.dialogImageSection}>\n <Image\n imageObj={currentImageObj}\n hidePrimaryText={hidePrimaryTextInExpandMode}\n hideSecondaryText={hideSecondaryTextInExpandMode}\n />\n </div>\n </div>\n </Dialog>\n )}\n </AmbientCard>\n );\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport React, { useMemo } from 'react';\nimport { PDFViewer } from './pdfViewer/PDFViewer';\nimport { ImageSlider } from './imageSlider/ImageSlider';\nimport { validateFilesImageType } from './utils/fileUtils';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst defaultFieldMapping = {\n filePath: 'filePath',\n blobFile: 'blobFile',\n fileName: 'fileName',\n fileExtension: 'fileExtension',\n primaryText: 'primaryText',\n secondaryText: 'secondaryText',\n};\n\nexport const FileViewer = props => {\n const {\n data,\n fieldMapping = defaultFieldMapping,\n acceptedFileExtensions,\n ...otherProps\n } = props;\n const { t } = useTranslation();\n\n //filter data\n const filteredData = useMemo(() => {\n if (!acceptedFileExtensions \|\| acceptedFileExtensions?.length === 0)\n return data;\n if (data instanceof Array && data?.length > 0) {\n return data?.filter(item =>\n acceptedFileExtensions?.includes(item?.[fieldMapping?.fileExtension])\n );\n } else {\n return acceptedFileExtensions?.includes(\n data?.[fieldMapping?.fileExtension]\n )\n ? data\n : null;\n }\n }, [acceptedFileExtensions, data, fieldMapping]);\n\n // check if the data is an array. If yes, currently only image viewer accept this list,\n // we need to validate if all the file in the list is image\n const fileType = useMemo(() => {\n if (filteredData instanceof Array) {\n const type = validateFilesImageType(\n filteredData,\n fieldMapping?.fileExtension\n );\n return type;\n }\n return filteredData?.[fieldMapping?.fileExtension];\n }, [fieldMapping, filteredData]);\n\n const viewer = useMemo(() => {\n switch (fileType) {\n case 'pdf':\n return (\n <PDFViewer\n fileUrl={filteredData?.[fieldMapping?.filePath]}\n blobPDF={filteredData?.[fieldMapping?.blobFile]}\n {...otherProps}\n />\n );\n case 'image':\n return (\n <ImageSlider\n images={filteredData}\n fieldMapping={fieldMapping}\n {...otherProps}\n />\n );\n default:\n return (\n <AmbientAlert\n alertMessage={t('Unable to view file')}\n showAlert\n alertSeverity=\"error\"\n />\n );\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileType, data, fieldMapping, otherProps]);\n\n return <>{viewer}</>;\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"fileViewer-CG0HJ-Ko.js","names":["useStyles","Typography","useStyles","PDFViewer: FC<PDFContainerProps>","numPages","ControlPanel","LinearProgress","useStyles","Typography","useStyles","defaultFieldMapping"],"sources":["../src/UI/fileViewer/pdfViewer/ControlPanel.tsx","../src/UI/fileViewer/pdfViewer/PDFViewer.tsx","../src/UI/fileViewer/utils/fileTypes.js","../src/UI/fileViewer/utils/fileUtils.js","../src/UI/fileViewer/imageSlider/ImageFooter.jsx","../src/UI/fileViewer/imageSlider/Image.jsx","../src/UI/fileViewer/imageSlider/ImageViewerSideSheet.jsx","../src/UI/fileViewer/imageSlider/ImageSlider.jsx","../src/UI/fileViewer/FileViewer.jsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, makeStyles } from '@material-ui/core';\nimport FirstPageIcon from '@material-ui/icons/esm/FirstPage';\nimport NavigateBeforeIcon from '@material-ui/icons/esm/NavigateBefore';\nimport NavigateNextIcon from '@material-ui/icons/esm/NavigateNext';\nimport LastPageIcon from '@material-ui/icons/esm/LastPage';\nimport ZoomInIcon from '@material-ui/icons/esm/ZoomIn';\nimport ZoomOutIcon from '@material-ui/icons/esm/ZoomOut';\nimport CloudDownloadOutlinedIcon from '@material-ui/icons/esm/CloudDownloadOutlined';\nimport HighlightOffOutlinedIcon from '@material-ui/icons/esm/HighlightOffOutlined';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n controlPanel: {\n fontSize: '16px',\n backgroundColor: theme.palette.background.paper,\n borderRadius: '5px',\n width: 'fit-content',\n padding: theme.spacing(1),\n margin: '8px auto',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: '10px'\n },\n pageActions: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: '10px'\n },\n pageNumber: {\n display: 'flex',\n gap: 5,\n minWidth: '125px'\n }\n}));\n\nconst ControlPanel = (props: any) => {\n const {\n pageNumber,\n numPages,\n setPageNumber,\n scale,\n setScale,\n file,\n closePDF,\n onClickDownload\n } = props;\n\n const isFirstPage = pageNumber === 1;\n const isLastPage = pageNumber === numPages;\n const { t } = useTranslation();\n const classes = useStyles();\n\n const goToFirstPage = () => {\n if (!isFirstPage) setPageNumber(1);\n };\n const goToPreviousPage = () => {\n if (!isFirstPage) setPageNumber(pageNumber - 1);\n };\n const goToNextPage = () => {\n if (!isLastPage) setPageNumber(pageNumber + 1);\n };\n const goToLastPage = () => {\n if (!isLastPage) setPageNumber(numPages);\n };\n\n const onPageChange = (e: any) => {\n const { value } = e.target;\n setPageNumber(Number(value));\n };\n\n const isMinZoom = scale < 0.6;\n const isMaxZoom = scale >= 2.0;\n\n const zoomOut = () => {\n if (!isMinZoom) setScale(scale - 0.1);\n };\n\n const zoomIn = () => {\n if (!isMaxZoom) setScale(scale + 0.1);\n };\n\n return (\n <div className={classes.controlPanel}>\n <div className={classes.pageActions}>\n <IconButton size='small' onClick={goToFirstPage} disabled={isFirstPage}>\n <FirstPageIcon />\n </IconButton>\n\n <IconButton\n size='small'\n onClick={goToPreviousPage}\n disabled={isFirstPage}\n >\n <NavigateBeforeIcon />\n </IconButton>\n\n <div>\n <div className={classes.pageNumber}>\n <Typography>{t('Page')} </Typography>\n <input\n name='pageNumber'\n type='number'\n min={1}\n max={numPages \|\| 1}\n style={{\n padding: 0,\n paddingLeft: 1,\n margin: 0,\n textAlign: 'end'\n }}\n value={pageNumber}\n onChange={onPageChange}\n />{' '}\n <Typography>of {numPages}</Typography>\n </div>\n </div>\n\n <IconButton size='small' onClick={goToNextPage} disabled={isLastPage}>\n <NavigateNextIcon />\n </IconButton>\n\n <IconButton size='small' onClick={goToLastPage} disabled={isLastPage}>\n <LastPageIcon />\n </IconButton>\n </div>\n <div className={classes.pageActions}>\n <IconButton size='small' onClick={zoomOut} disabled={isMinZoom}>\n <ZoomOutIcon />\n </IconButton>\n\n <Typography>{(scale * 100).toFixed()}%</Typography>\n\n <IconButton size='small' onClick={zoomIn} disabled={isMaxZoom}>\n <ZoomInIcon />\n </IconButton>\n </div>\n\n <div>\n <IconButton href={file} size='small' onClick={onClickDownload}>\n <CloudDownloadOutlinedIcon />\n </IconButton>\n </div>\n\n <div>\n <IconButton size='small' onClick={closePDF}>\n <HighlightOffOutlinedIcon />\n </IconButton>\n </div>\n </div>\n );\n};\n\nexport default ControlPanel;\n","import React, { FC, useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport ControlPanel from './ControlPanel';\nimport { LinearProgress } from '../../loading/LinearProgress';\nimport { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n pdfSection: (props: PDFContainerProps) => ({\n minWidth: props?.minWidth,\n }),\n documentContainer: {\n display: 'flex',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n overflowX: 'auto',\n overflowY: 'hidden',\n },\n loadingBox: {\n width: '100%',\n },\n}));\n\ninterface PDFContainerProps {\n isPDFOpen?: boolean;\n fileUrl?: string;\n blobPDF?: Blob;\n closePDF?: () => void;\n onClickDownload?: () => void;\n minWidth?: number \| string;\n}\n\nexport const PDFViewer: FC<PDFContainerProps> = ({\n isPDFOpen = true,\n fileUrl,\n blobPDF,\n closePDF,\n onClickDownload,\n minWidth\n}) => {\n const [scale, setScale] = useState(1.0);\n const [numPages, setNumPages] = useState(null);\n const [pageNumber, setPageNumber] = useState(1);\n const classes = useStyles({minWidth});\n\n useEffect(() => {\n pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n });\n\n function onDocumentLoadSuccess({ numPages }: any) {\n setNumPages(numPages);\n }\n\n return (\n <div>\n {isPDFOpen && (\n <div id='pdf-section' className={classes.pdfSection}>\n <ControlPanel\n scale={scale}\n setScale={setScale}\n numPages={numPages}\n pageNumber={pageNumber}\n setPageNumber={setPageNumber}\n file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n closePDF={closePDF}\n onClickDownload={onClickDownload}\n />\n <div className={classes.documentContainer}>\n <Document\n file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n onLoadSuccess={onDocumentLoadSuccess}\n >\n <Page\n pageNumber={pageNumber}\n scale={scale}\n loading={\n <div className={classes.loadingBox}>\n <LinearProgress />\n </div>\n }\n />\n </Document>\n </div>\n </div>\n )}\n </div>\n );\n};\n","export const imageExtension = [\n 'png',\n 'jpeg',\n 'jpg',\n 'jpe',\n 'jif',\n 'jfif',\n 'jfi',\n 'gif',\n 'raw',\n 'svg',\n 'ttif',\n 'tif',\n 'webp',\n 'arw',\n 'sr2',\n 'nrw',\n 'k25',\n 'bmp',\n 'dib',\n 'heif',\n 'heic',\n 'ind',\n 'indd',\n 'indt',\n 'jp2',\n 'j2k',\n 'jpf',\n 'jpm',\n 'mj2',\n 'svgz',\n 'ai',\n 'eps',\n];\n","import { imageExtension } from './fileTypes';\n\nexport const handleDownloadFile = (fileUrl, fileName) => {\n const a = document.createElement('a');\n a.style.display = 'none';\n a.href = fileUrl;\n a.download = fileName;\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(fileUrl);\n};\n\nexport const validateFilesImageType = (files = [], fileExtensionField) => {\n let type = \"image\";\n files.forEach(file => {\n if (!imageExtension.includes(file?.[fileExtensionField])) {\n type = 'invalid';\n return;\n }\n });\n return type;\n};\n","/* eslint-disable react/jsx-no-useless-fragment /\nimport { makeStyles } from '@material-ui/core';\nimport React, { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n secondaryText: {\n color: theme.palette.text.secondary,\n },\n description: {\n margin: theme.spacing(2),\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1),\n },\n pageAction: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n },\n}));\n\nexport const ImageFooter = props => {\n const {\n images,\n currentImageObj,\n hidePrimaryText,\n hideSecondaryText,\n handleViewImage,\n currentImageIndex,\n } = props;\n const classes = useStyles();\n const { t } = useTranslation();\n\n const showItem = useMemo(() => {\n const showPrimaryText = !hidePrimaryText && currentImageObj?.primaryText;\n const showSecondaryText =\n !hideSecondaryText && currentImageObj?.secondaryText;\n const showPageAction = images?.length > 1;\n return {\n footer: showPageAction \|\| showPrimaryText \|\| showSecondaryText,\n primaryText: showPrimaryText,\n secondaryText: showSecondaryText,\n pageAction: showPageAction,\n };\n }, [currentImageObj, hidePrimaryText, hideSecondaryText, images]);\n\n return (\n <>\n {showItem?.footer && (\n <div className={classes.description}>\n {showItem?.primaryText && (\n <Typography variant=\"h6\">{currentImageObj?.primaryText}</Typography>\n )}\n\n {showItem?.secondaryText && (\n <Typography variant=\"subtitle1\" className={classes.secondaryText}>\n {currentImageObj?.secondaryText}\n </Typography>\n )}\n {showItem?.pageAction && (\n <div className={classes.pageAction}>\n <IconButtonWithTooltip\n icon={getIconFromName('ChevronLeft')}\n title={t('Previous')}\n disabled={currentImageIndex == 0}\n onClick={() => {\n handleViewImage(true);\n }}\n id=\"udpRecord-ImageSlider-PreviousBtn\"\n udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n />\n\n <div>\n <Typography>\n {currentImageIndex + 1} {t('of')} {images?.length ?? 0}\n </Typography>\n </div>\n <IconButtonWithTooltip\n icon={getIconFromName('ChevronRight')}\n title={t('Next')}\n disabled={currentImageIndex === images?.length - 1}\n onClick={() => {\n handleViewImage();\n }}\n id=\"udpRecord-ImageSlider-NextBtn\"\n udprecordid=\"udpRecord-ImageSlider-NextBtn\"\n />\n </div>\n )}\n </div>\n )}\n </>\n );\n};\n","import { makeStyles } from '@material-ui/core';\nimport React from 'react';\nimport { ImageFooter } from './ImageFooter';\n\nconst useStyles = makeStyles(theme => ({\n imageWrapper: {\n flex: '1 1 auto',\n overflow: 'hidden',\n position: 'relative',\n margin: theme.spacing(2)\n },\n image: {\n objectFit: 'contain',\n width: '100%',\n height: '100%',\n position: 'absolute',\n top: 0,\n left: 0,\n },\n cardContent: {\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n height: '100%',\n background: theme.palette.background.paper,\n },\n}));\n\nexport const Image = props => {\n const { imageObj, hidePrimaryText, hideSecondaryText } = props;\n const classes = useStyles();\n\n return (\n <div className={classes.cardContent}>\n <div className={classes.imageWrapper}>\n <img\n src={imageObj?.filePath}\n loading=\"lazy\"\n alt={`${imageObj?.fileName}`}\n className={classes.image}\n />\n </div>\n <ImageFooter\n currentImageObj={imageObj}\n hidePrimaryText={hidePrimaryText}\n hideSecondaryText={hideSecondaryText}\n />\n </div>\n );\n};\n","import React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { handleDownloadFile } from '../utils/fileUtils';\nimport { Image } from './Image';\nimport { SideSheet } from '../../surfaces/SideSheet';\n\nexport const ImageViewerSideSheet = (props) => {\n const {\n title,\n width,\n imageObj,\n open,\n onClose,\n hideDownload,\n hidePrimaryText,\n hideSecondaryText\n } = props;\n const { t } = useTranslation();\n\n const handleDownloadImage = useCallback(() => {\n handleDownloadFile(imageObj?.filePath, imageObj?.fileName);\n }, [imageObj]);\n\n return (\n <SideSheet\n title={title ?? t('Image Viewer')}\n buttonLabel={hideDownload ? null : t('Download')}\n width={width ?? '90vw'}\n onSubmit={handleDownloadImage}\n open={open}\n onClose={onClose}\n contentHeight='100%'\n >\n <Image\n imageObj={imageObj}\n hidePrimaryText={hidePrimaryText}\n hideSecondaryText={hideSecondaryText}\n />\n </SideSheet>\n );\n};\n","import { Dialog, makeStyles } from '@material-ui/core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ImageViewerSideSheet } from './ImageViewerSideSheet';\nimport { Image } from './Image';\nimport { ImageFooter } from './ImageFooter';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n backgroundColor: theme.palette.background.paper,\n },\n imagesWrapper: {\n display: 'flex',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n alignItems: 'center',\n },\n imageSection: {\n width: '100%',\n height: '100%',\n },\n image: {\n objectFit: 'contain',\n display: 'block',\n flexShrink: 0,\n flexGrow: 0,\n transition: 'translate 300ms ease-in-out',\n },\n openSideSheetIcon: {\n display: 'block',\n position: 'absolute',\n top: props => (props?.title ? 64 : 8),\n right: 8,\n zIndex: 3,\n backgroundColor: theme.palette.background.paper,\n },\n dialogContent: {\n overflow: 'hidden',\n width: '100vw',\n height: '100vh',\n display: 'flex',\n flexDirection: 'column',\n },\n closeDialog: {\n margin: theme.spacing(1),\n },\n dialogImageSection: {\n flex: 2,\n height: '100%',\n },\n}));\n\nconst defaultFieldMapping = {\n filePath: 'filePath',\n fileName: 'fileName',\n primaryText: 'primaryText',\n secondaryText: 'secondaryText',\n};\n\nexport const ImageSlider = props => {\n const {\n title,\n images,\n fieldMapping = defaultFieldMapping,\n sideSheetTitle,\n sideSheetWidth,\n hideDownload,\n hidePrimaryText,\n hideSecondaryText,\n hidePrimaryTextInExpandMode,\n hideSecondaryTextInExpandMode,\n expandInSideSheet = true,\n } = props;\n const classes = useStyles(props);\n const { t } = useTranslation();\n const [currentImageIndex, setCurrentImageIndex] = useState(0);\n const [openSideSheet, setOpenSideSheet] = useState(false);\n\n const handleViewImage = useCallback((previous = false) => {\n if (previous) {\n setCurrentImageIndex(prev => prev - 1);\n } else {\n setCurrentImageIndex(prev => prev + 1);\n }\n }, []);\n\n const handleExpandImage = useCallback(() => {\n setOpenSideSheet(true);\n }, []);\n\n const currentImageObj = useMemo(() => {\n const imgObj = images?.[currentImageIndex];\n if (!imgObj) return {};\n\n return {\n filePath: imgObj[fieldMapping?.filePath],\n fileName: imgObj[fieldMapping?.fileName],\n primaryText: imgObj[fieldMapping?.primaryText],\n secondaryText: imgObj[fieldMapping?.secondaryText],\n };\n }, [currentImageIndex, fieldMapping, images]);\n\n return (\n <AmbientCard\n fullWidth\n title={title}\n removePadding\n lastChildBottomPadding=\"0px\"\n removeTopLayoutUnit\n >\n <div className={classes.imagesWrapper}>\n {images?.map(image => (\n <img\n src={image?.[fieldMapping?.filePath]}\n alt={`${image?.[fieldMapping?.fileName]}`}\n loading=\"lazy\"\n width=\"100%\"\n height=\"auto\"\n className={classes.image}\n style={{ translate: `${-100 currentImageIndex}%` }}\n />\n ))}\n </div>\n <IconButtonWithTooltip\n icon={getIconFromName('MiniExpand')}\n title={t('Expand Image')}\n onClick={handleExpandImage}\n id=\"udpRecord-ImageSlider-ExpandBtn\"\n udprecordid=\"udpRecord-ImageSlider-ExpandBtn\"\n className={classes.openSideSheetIcon}\n />\n <ImageFooter\n images={images}\n currentImageObj={currentImageObj}\n hidePrimaryText={hidePrimaryText}\n hideSecondaryText={hideSecondaryText}\n handleViewImage={handleViewImage}\n currentImageIndex={currentImageIndex}\n />\n\n {expandInSideSheet ? (\n <ImageViewerSideSheet\n title={sideSheetTitle}\n open={openSideSheet}\n onClose={() => {\n setOpenSideSheet(false);\n }}\n imageObj={currentImageObj}\n width={sideSheetWidth}\n hideDownload={hideDownload}\n hidePrimaryText={hidePrimaryTextInExpandMode}\n hideSecondaryText={hideSecondaryTextInExpandMode}\n />\n ) : (\n <Dialog\n onClose={() => {\n setOpenSideSheet(false);\n }}\n open={openSideSheet}\n fullScreen\n >\n <div className={classes.dialogContent}>\n <div className={classes.closeDialog}>\n <IconButtonWithTooltip\n icon={getIconFromName('Cancel')}\n title={t('Close')}\n onClick={() => {\n setOpenSideSheet(false);\n }}\n id=\"udpRecord-ImageSlider-PreviousBtn\"\n udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n />\n </div>\n <div className={classes.dialogImageSection}>\n <Image\n imageObj={currentImageObj}\n hidePrimaryText={hidePrimaryTextInExpandMode}\n hideSecondaryText={hideSecondaryTextInExpandMode}\n />\n </div>\n </div>\n </Dialog>\n )}\n </AmbientCard>\n );\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport React, { useMemo } from 'react';\nimport { PDFViewer } from './pdfViewer/PDFViewer';\nimport { ImageSlider } from './imageSlider/ImageSlider';\nimport { validateFilesImageType } from './utils/fileUtils';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst defaultFieldMapping = {\n filePath: 'filePath',\n blobFile: 'blobFile',\n fileName: 'fileName',\n fileExtension: 'fileExtension',\n primaryText: 'primaryText',\n secondaryText: 'secondaryText',\n};\n\nexport const FileViewer = props => {\n const {\n data,\n fieldMapping = defaultFieldMapping,\n acceptedFileExtensions,\n ...otherProps\n } = props;\n const { t } = useTranslation();\n\n //filter data\n const filteredData = useMemo(() => {\n if (!acceptedFileExtensions \|\| acceptedFileExtensions?.length === 0)\n return data;\n if (data instanceof Array && data?.length > 0) {\n return data?.filter(item =>\n acceptedFileExtensions?.includes(item?.[fieldMapping?.fileExtension])\n );\n } else {\n return acceptedFileExtensions?.includes(\n data?.[fieldMapping?.fileExtension]\n )\n ? data\n : null;\n }\n }, [acceptedFileExtensions, data, fieldMapping]);\n\n // check if the data is an array. If yes, currently only image viewer accept this list,\n // we need to validate if all the file in the list is image\n const fileType = useMemo(() => {\n if (filteredData instanceof Array) {\n const type = validateFilesImageType(\n filteredData,\n fieldMapping?.fileExtension\n );\n return type;\n }\n return filteredData?.[fieldMapping?.fileExtension];\n }, [fieldMapping, filteredData]);\n\n const viewer = useMemo(() => {\n switch (fileType) {\n case 'pdf':\n return (\n <PDFViewer\n fileUrl={filteredData?.[fieldMapping?.filePath]}\n blobPDF={filteredData?.[fieldMapping?.blobFile]}\n {...otherProps}\n />\n );\n case 'image':\n return (\n <ImageSlider\n images={filteredData}\n fieldMapping={fieldMapping}\n {...otherProps}\n />\n );\n default:\n return (\n <AmbientAlert\n alertMessage={t('Unable to view file')}\n showAlert\n alertSeverity=\"error\"\n />\n );\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileType, data, fieldMapping, otherProps]);\n\n return <>{viewer}</>;\n};\n"],"mappings":"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"}

package/dist/{floorplans-t1AcjVJw.js → floorplans-bd5zEyHl.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { n as SideSheet } from "./SideSheet-t6uVFYIJ.js";
 import { t as DraggableSidebarTemplate } from "./DraggableSidebarTemplate-BdTho2mK.js";
 import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Cbl9GXcd.js";
 import { t as FluentDialog } from "./FluentDialog-CXnECDfH.js";
-import { t as SubHeaderAction } from "./SubHeaderAction-DTDxR5S1.js";
+import { t as SubHeaderAction } from "./SubHeaderAction-F_GKrUBX.js";
 import { t as HeaderExpander } from "./HeaderExpander-mfnLztCs.js";
 import { t as AmbientToast } from "./AmbientToast-DBqmUyH-.js";
 import { t as AmbientAlert } from "./AmbientAlert-gju6JVxW.js";
@@ -151,4 +151,4 @@ CoreLayoutFloorplan.propTypes = {
 //#endregion
 export { CoreLayoutFloorplan as t };
-//# sourceMappingURL=floorplans-t1AcjVJw.js.map
+//# sourceMappingURL=floorplans-bd5zEyHl.js.map

package/dist/{floorplans-t1AcjVJw.js.map → floorplans-bd5zEyHl.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"floorplans-t1AcjVJw.js","names":[],"sources":["../src/UI/floorplans/CoreLayoutFloorplan.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n// MUI\nimport {\n Card,\n CardContent,\n useTheme,\n useMediaQuery,\n makeStyles,\n Slide\n} from '@material-ui/core';\n\n//FLuent library\nimport { SubHeaderAction } from '../../utilities/utilityBar/SubHeaderAction';\nimport { FluentDialog } from '../feedback/FluentDialog';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { AmbientGridTemplate } from '../templates/AmbientGridTemplate';\nimport { SideSheet } from '../surfaces/SideSheet';\nimport { HeaderExpander } from '../dataDisplay/HeaderExpander';\nimport { DraggableSidebarTemplate } from '../templates/DraggableSidebarTemplate';\nimport { AmbientToast } from '../feedback/AmbientToast';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {},\n cardDisplay: {\n marginBottom: theme.spacing(2)\n },\n padding: {\n padding: (props) => !props.noPadding && theme.spacing(1)\n },\n splitScreen: {\n width: '100%',\n height: '100%'\n }\n }),\n { name: 'CoreLayoutFloorplan' }\n);\n\nexport const CoreLayoutFloorplan = (props) => {\n const {\n PrimaryActionHeader,\n children,\n footer,\n gridData,\n groupData,\n columnDefinitions,\n expandedData,\n splitScreen,\n splitScreenContent,\n splitScreenWidth,\n setSplitScreenWidth,\n sideSheetTitle,\n sideSheetButton,\n sideSheetDisabled,\n sideSheetProgress,\n sideSheetOpen,\n setSideSheetOpen,\n setSideSheetClose,\n sideSheetContent,\n dialogActionOne,\n dialogActionTwo,\n dialogClose,\n dialogOpen,\n dialogTitle,\n dialogMessage,\n dialogLabelOne,\n dialogLabelTwo,\n notice,\n alertButton,\n alertMessage,\n alertType,\n closeNotice,\n noticeOpen,\n noticeAction,\n noticeType,\n noticeMessage,\n noticeButton,\n alertSeverity,\n showAlert,\n closeAlert,\n DialogLoadingvariant = 'determinate',\n disableDialogAction,\n compactHeader,\n headerExpanded,\n expanderLeftContainer,\n gridTemplateTitle,\n removePadding,\n removeHeader,\n hideSidebarButton,\n defaultAutoSize,\n hideGrid = false,\n useSubHeaderAction = true,\n ...otherProps\n } = props;\n const theme = useTheme();\n const desktop = useMediaQuery(theme.breakpoints.up('sm'));\n const mobile = useMediaQuery(theme.breakpoints.down('sm'));\n const classes = useStyles(props);\n\n const actionHeader = useMemo(\n () => (\n <>\n <AmbientAlert\n alertMessage={alertMessage}\n alertButton={alertButton}\n alertSeverity={alertSeverity}\n showAlert={showAlert}\n closeAlert={closeAlert}\n />\n {PrimaryActionHeader}\n </>\n ),\n [\n alertMessage,\n alertButton,\n alertSeverity,\n showAlert,\n closeAlert,\n PrimaryActionHeader\n ]\n );\n\n return (\n <div>\n <DraggableSidebarTemplate\n width={splitScreenWidth}\n setWidth={setSplitScreenWidth}\n // @todo: remove padding hack\n removePadding={removePadding}\n hide={hideSidebarButton}\n {...otherProps}\n body={\n <div>\n <div>\n {!useSubHeaderAction && !!PrimaryActionHeader && (\n <Card variant='outlined'>{actionHeader}</Card>\n )}\n {useSubHeaderAction && !!PrimaryActionHeader && (\n <SubHeaderAction>{actionHeader}</SubHeaderAction>\n )}\n {!removeHeader && (\n <HeaderExpander\n toggleLabel='Data Visualization'\n sectionOpen={headerExpanded}\n compact={compactHeader}\n options={expanderLeftContainer}\n >\n <div className={classes.padding}> {expandedData} </div>\n </HeaderExpander>\n )}\n\n {!removeHeader && <LayoutUnit unit='xxs' />}\n\n {children}\n {!hideGrid && (\n <AmbientGridTemplate\n {...otherProps}\n title={gridTemplateTitle}\n data={gridData}\n columnDefs={columnDefinitions}\n groupingData={groupData}\n defaultAutoSize={defaultAutoSize}\n />\n )}\n </div>\n </div>\n }\n sidebar={\n <Slide in={splitScreen && splitScreen} direction='left'>\n <div style={{ height: '100%' }}>\n {splitScreen && (\n <div className={classes.splitScreen}>\n <Card square style={{ height: '100%' }}>\n <CardContent>{splitScreenContent}</CardContent>\n </Card>\n </div>\n )}\n </div>\n </Slide>\n }\n />\n\n <SideSheet\n key={'sideSheet'}\n title={sideSheetTitle}\n width={!desktop ? 350 : 500}\n buttonLabel={sideSheetButton}\n open={sideSheetOpen}\n onClose={setSideSheetClose}\n disabled={sideSheetDisabled}\n progress={sideSheetProgress}\n buttonProgress\n children={sideSheetContent}\n />\n\n <FluentDialog\n title={dialogTitle}\n message={dialogMessage}\n labelOne={dialogLabelOne}\n actionOne={dialogActionOne}\n labelTwo={dialogLabelTwo}\n actionTwo={dialogActionTwo}\n open={dialogOpen}\n handleClose={dialogClose}\n progress={20}\n variant={DialogLoadingvariant}\n disableTwo={disableDialogAction}\n />\n <AmbientToast\n noticeType={noticeType}\n noticeMessage={noticeMessage}\n noticeButton={noticeButton}\n closeNotice={closeNotice}\n noticeOpen={noticeOpen}\n noticeAction={noticeAction}\n alertSeverity={alertSeverity}\n />\n {footer}\n </div>\n );\n};\n\nCoreLayoutFloorplan.propTypes = {\n /*\n Container to add Primary Action Header to page\n /\n PrimaryActionHeader: PropTypes.node,\n /\n Additional open area on page to add content. Adds a space above the grid area.\n /\n children: PropTypes.object,\n /\n Content that shows up in the split screen area.\n /\n splitScreenContent: PropTypes.node,\n /\n Data for AgGrid.\n /\n gridData: PropTypes.array,\n /\n Accepts an array of data to build out the buttons and functions to group data on the grid.\n /\n groupData: PropTypes.array,\n /\n Grid definitions to define keys for AgGrid.\n /\n columnDefinitions: PropTypes.arrayOf(PropTypes.object),\n /\n Content area for top expanded section.\n /\n expandedData: PropTypes.string,\n /\n shows or hides split screen (default: false)\n /\n splitScreen: PropTypes.string,\n /\n The width the split screen displays at.\n /\n splitScreenWidth: PropTypes.string,\n /\n To connect function to update state for split screen width.\n /\n setSplitScreenWidth: PropTypes.string,\n /\n Used to set side sheet title.\n /\n sideSheetTitle: PropTypes.string,\n /\n Lable for the side sheet action button.\n /\n sideSheetButton: PropTypes.string,\n /\n Disable Toggle for the side sheet button.\n /\n sideSheetDisabled: PropTypes.string,\n /\n Allows progress indication for the side sheet.\n /\n sideSheetProgress: PropTypes.number,\n /\n When true sets the side sheet open (default: false)\n /\n sideSheetOpen: PropTypes.bool,\n /\n State function to set the side sheet state true or false.\n /\n setSideSheetOpen: PropTypes.string,\n /\n Function to set the side sheet closed.\n /\n setSideSheetClose: PropTypes.string,\n /\n Content that displays in the side sheet.\n /\n setSideSheetContent: PropTypes.string,\n /\n Action for the first button in the dialog.\n /\n dialogActionOne: PropTypes.string,\n /\n Action for the second button in the dialog.\n /\n dialogActionTwo: PropTypes.string,\n /\n Function to canel open dialog.\n /\n dialogClose: PropTypes.string,\n /\n If true will cause the dialog to open.\n /\n dialogOpen: PropTypes.string,\n /\n Main title of the dialog.\n /\n dialogTitle: PropTypes.string,\n /\n Dialog message.\n /\n dialogMessage: PropTypes.string,\n /\n Label for first button of dialog.\n /\n dialogLabelOne: PropTypes.string,\n /\n Label for second button of dialog.\n /\n dialogLableTwo: PropTypes.string,\n /\n If true will display the notice message.\n /\n notice: PropTypes.string,\n /\n Label for alert button.\n /\n alertButton: PropTypes.string,\n /\n Message that displays in alert.\n /\n alertMessage: PropTypes.string,\n /\n Sets the severity of the alert (info, warning, error, success).\n /\n alertType: PropTypes.string,\n /\n Function to close notice.\n /\n closeNotice: PropTypes.string,\n /\n If true the notice will be displayed.\n /\n noticeOpen: PropTypes.string,\n /\n Optional action assigned to notice.\n /\n noticeAction: PropTypes.string,\n /\n The type of notice: error, warning, success, info (toast).\n /\n noticeType: PropTypes.string,\n /\n The message contained in the notice (toast).\n /\n noticeMessage: PropTypes.string,\n /\n The label for the notice button (toast).\n /\n noticeButton: PropTypes.string,\n /\n Sets the severity of the alert (info, warning, error, success).\n /\n alertSeverity: PropTypes.string,\n /\n If true the alert will display.\n /\n showAlert: PropTypes.string,\n /\n Function to close alert.\n /\n closeAlert: PropTypes.string,\n /\n Sets the type of the progress indicator for the dialog.\n /\n DialogLoadingvariant: PropTypes.string,\n /\n sets the action button on the dialog to disabled.\n /\n disableDialogAction: PropTypes.string,\n /\n Allows for a smaller tab version of the expandable drawer.\n /\n compactHeader: PropTypes.string,\n /\n If true, the header expander will be open (default: true)\n /\n headerExpanded: PropTypes.string,\n /\n Section in expander to allow for additional content within the tab area.\n /\n expanderLeftContainer: PropTypes.string,\n /\n Sets the grid default to expaned size if true. The default is 'size to fit'.\n /\n defaultAutoSize: PropTypes.bool,\n /\n Sets the teleporter for primary action header if it's true\n */\n useSubHeaderAction: PropTypes.bool\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"floorplans-bd5zEyHl.js","names":[],"sources":["../src/UI/floorplans/CoreLayoutFloorplan.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n// MUI\nimport {\n Card,\n CardContent,\n useTheme,\n useMediaQuery,\n makeStyles,\n Slide\n} from '@material-ui/core';\n\n//FLuent library\nimport { SubHeaderAction } from '../../utilities/utilityBar/SubHeaderAction';\nimport { FluentDialog } from '../feedback/FluentDialog';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { AmbientGridTemplate } from '../templates/AmbientGridTemplate';\nimport { SideSheet } from '../surfaces/SideSheet';\nimport { HeaderExpander } from '../dataDisplay/HeaderExpander';\nimport { DraggableSidebarTemplate } from '../templates/DraggableSidebarTemplate';\nimport { AmbientToast } from '../feedback/AmbientToast';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {},\n cardDisplay: {\n marginBottom: theme.spacing(2)\n },\n padding: {\n padding: (props) => !props.noPadding && theme.spacing(1)\n },\n splitScreen: {\n width: '100%',\n height: '100%'\n }\n }),\n { name: 'CoreLayoutFloorplan' }\n);\n\nexport const CoreLayoutFloorplan = (props) => {\n const {\n PrimaryActionHeader,\n children,\n footer,\n gridData,\n groupData,\n columnDefinitions,\n expandedData,\n splitScreen,\n splitScreenContent,\n splitScreenWidth,\n setSplitScreenWidth,\n sideSheetTitle,\n sideSheetButton,\n sideSheetDisabled,\n sideSheetProgress,\n sideSheetOpen,\n setSideSheetOpen,\n setSideSheetClose,\n sideSheetContent,\n dialogActionOne,\n dialogActionTwo,\n dialogClose,\n dialogOpen,\n dialogTitle,\n dialogMessage,\n dialogLabelOne,\n dialogLabelTwo,\n notice,\n alertButton,\n alertMessage,\n alertType,\n closeNotice,\n noticeOpen,\n noticeAction,\n noticeType,\n noticeMessage,\n noticeButton,\n alertSeverity,\n showAlert,\n closeAlert,\n DialogLoadingvariant = 'determinate',\n disableDialogAction,\n compactHeader,\n headerExpanded,\n expanderLeftContainer,\n gridTemplateTitle,\n removePadding,\n removeHeader,\n hideSidebarButton,\n defaultAutoSize,\n hideGrid = false,\n useSubHeaderAction = true,\n ...otherProps\n } = props;\n const theme = useTheme();\n const desktop = useMediaQuery(theme.breakpoints.up('sm'));\n const mobile = useMediaQuery(theme.breakpoints.down('sm'));\n const classes = useStyles(props);\n\n const actionHeader = useMemo(\n () => (\n <>\n <AmbientAlert\n alertMessage={alertMessage}\n alertButton={alertButton}\n alertSeverity={alertSeverity}\n showAlert={showAlert}\n closeAlert={closeAlert}\n />\n {PrimaryActionHeader}\n </>\n ),\n [\n alertMessage,\n alertButton,\n alertSeverity,\n showAlert,\n closeAlert,\n PrimaryActionHeader\n ]\n );\n\n return (\n <div>\n <DraggableSidebarTemplate\n width={splitScreenWidth}\n setWidth={setSplitScreenWidth}\n // @todo: remove padding hack\n removePadding={removePadding}\n hide={hideSidebarButton}\n {...otherProps}\n body={\n <div>\n <div>\n {!useSubHeaderAction && !!PrimaryActionHeader && (\n <Card variant='outlined'>{actionHeader}</Card>\n )}\n {useSubHeaderAction && !!PrimaryActionHeader && (\n <SubHeaderAction>{actionHeader}</SubHeaderAction>\n )}\n {!removeHeader && (\n <HeaderExpander\n toggleLabel='Data Visualization'\n sectionOpen={headerExpanded}\n compact={compactHeader}\n options={expanderLeftContainer}\n >\n <div className={classes.padding}> {expandedData} </div>\n </HeaderExpander>\n )}\n\n {!removeHeader && <LayoutUnit unit='xxs' />}\n\n {children}\n {!hideGrid && (\n <AmbientGridTemplate\n {...otherProps}\n title={gridTemplateTitle}\n data={gridData}\n columnDefs={columnDefinitions}\n groupingData={groupData}\n defaultAutoSize={defaultAutoSize}\n />\n )}\n </div>\n </div>\n }\n sidebar={\n <Slide in={splitScreen && splitScreen} direction='left'>\n <div style={{ height: '100%' }}>\n {splitScreen && (\n <div className={classes.splitScreen}>\n <Card square style={{ height: '100%' }}>\n <CardContent>{splitScreenContent}</CardContent>\n </Card>\n </div>\n )}\n </div>\n </Slide>\n }\n />\n\n <SideSheet\n key={'sideSheet'}\n title={sideSheetTitle}\n width={!desktop ? 350 : 500}\n buttonLabel={sideSheetButton}\n open={sideSheetOpen}\n onClose={setSideSheetClose}\n disabled={sideSheetDisabled}\n progress={sideSheetProgress}\n buttonProgress\n children={sideSheetContent}\n />\n\n <FluentDialog\n title={dialogTitle}\n message={dialogMessage}\n labelOne={dialogLabelOne}\n actionOne={dialogActionOne}\n labelTwo={dialogLabelTwo}\n actionTwo={dialogActionTwo}\n open={dialogOpen}\n handleClose={dialogClose}\n progress={20}\n variant={DialogLoadingvariant}\n disableTwo={disableDialogAction}\n />\n <AmbientToast\n noticeType={noticeType}\n noticeMessage={noticeMessage}\n noticeButton={noticeButton}\n closeNotice={closeNotice}\n noticeOpen={noticeOpen}\n noticeAction={noticeAction}\n alertSeverity={alertSeverity}\n />\n {footer}\n </div>\n );\n};\n\nCoreLayoutFloorplan.propTypes = {\n /*\n Container to add Primary Action Header to page\n /\n PrimaryActionHeader: PropTypes.node,\n /\n Additional open area on page to add content. Adds a space above the grid area.\n /\n children: PropTypes.object,\n /\n Content that shows up in the split screen area.\n /\n splitScreenContent: PropTypes.node,\n /\n Data for AgGrid.\n /\n gridData: PropTypes.array,\n /\n Accepts an array of data to build out the buttons and functions to group data on the grid.\n /\n groupData: PropTypes.array,\n /\n Grid definitions to define keys for AgGrid.\n /\n columnDefinitions: PropTypes.arrayOf(PropTypes.object),\n /\n Content area for top expanded section.\n /\n expandedData: PropTypes.string,\n /\n shows or hides split screen (default: false)\n /\n splitScreen: PropTypes.string,\n /\n The width the split screen displays at.\n /\n splitScreenWidth: PropTypes.string,\n /\n To connect function to update state for split screen width.\n /\n setSplitScreenWidth: PropTypes.string,\n /\n Used to set side sheet title.\n /\n sideSheetTitle: PropTypes.string,\n /\n Lable for the side sheet action button.\n /\n sideSheetButton: PropTypes.string,\n /\n Disable Toggle for the side sheet button.\n /\n sideSheetDisabled: PropTypes.string,\n /\n Allows progress indication for the side sheet.\n /\n sideSheetProgress: PropTypes.number,\n /\n When true sets the side sheet open (default: false)\n /\n sideSheetOpen: PropTypes.bool,\n /\n State function to set the side sheet state true or false.\n /\n setSideSheetOpen: PropTypes.string,\n /\n Function to set the side sheet closed.\n /\n setSideSheetClose: PropTypes.string,\n /\n Content that displays in the side sheet.\n /\n setSideSheetContent: PropTypes.string,\n /\n Action for the first button in the dialog.\n /\n dialogActionOne: PropTypes.string,\n /\n Action for the second button in the dialog.\n /\n dialogActionTwo: PropTypes.string,\n /\n Function to canel open dialog.\n /\n dialogClose: PropTypes.string,\n /\n If true will cause the dialog to open.\n /\n dialogOpen: PropTypes.string,\n /\n Main title of the dialog.\n /\n dialogTitle: PropTypes.string,\n /\n Dialog message.\n /\n dialogMessage: PropTypes.string,\n /\n Label for first button of dialog.\n /\n dialogLabelOne: PropTypes.string,\n /\n Label for second button of dialog.\n /\n dialogLableTwo: PropTypes.string,\n /\n If true will display the notice message.\n /\n notice: PropTypes.string,\n /\n Label for alert button.\n /\n alertButton: PropTypes.string,\n /\n Message that displays in alert.\n /\n alertMessage: PropTypes.string,\n /\n Sets the severity of the alert (info, warning, error, success).\n /\n alertType: PropTypes.string,\n /\n Function to close notice.\n /\n closeNotice: PropTypes.string,\n /\n If true the notice will be displayed.\n /\n noticeOpen: PropTypes.string,\n /\n Optional action assigned to notice.\n /\n noticeAction: PropTypes.string,\n /\n The type of notice: error, warning, success, info (toast).\n /\n noticeType: PropTypes.string,\n /\n The message contained in the notice (toast).\n /\n noticeMessage: PropTypes.string,\n /\n The label for the notice button (toast).\n /\n noticeButton: PropTypes.string,\n /\n Sets the severity of the alert (info, warning, error, success).\n /\n alertSeverity: PropTypes.string,\n /\n If true the alert will display.\n /\n showAlert: PropTypes.string,\n /\n Function to close alert.\n /\n closeAlert: PropTypes.string,\n /\n Sets the type of the progress indicator for the dialog.\n /\n DialogLoadingvariant: PropTypes.string,\n /\n sets the action button on the dialog to disabled.\n /\n disableDialogAction: PropTypes.string,\n /\n Allows for a smaller tab version of the expandable drawer.\n /\n compactHeader: PropTypes.string,\n /\n If true, the header expander will be open (default: true)\n /\n headerExpanded: PropTypes.string,\n /\n Section in expander to allow for additional content within the tab area.\n /\n expanderLeftContainer: PropTypes.string,\n /\n Sets the grid default to expaned size if true. The default is 'size to fit'.\n /\n defaultAutoSize: PropTypes.bool,\n /\n Sets the teleporter for primary action header if it's true\n */\n useSubHeaderAction: PropTypes.bool\n};\n"],"mappings":"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"}

package/dist/{formatBytes-BZH6z2HH.js → formatBytes-BXxFuDvk.js} RENAMED Viewed

@@ -20,4 +20,4 @@ const formatBytes = (bytes, decimals = 2) => {
 //#endregion
 export { formatBytes as t };
-//# sourceMappingURL=formatBytes-BZH6z2HH.js.map
+//# sourceMappingURL=formatBytes-BXxFuDvk.js.map

package/dist/{formatBytes-BZH6z2HH.js.map → formatBytes-BXxFuDvk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formatBytes-~~BZH6z2HH~~.js","names":[],"sources":["../src/utilities/uploader/formatBytes.js"],"sourcesContent":["export const formatBytes = (bytes, decimals = 2) => {\n if (bytes === 0) return '0 Bytes'\n\n const k = 1024\n const dm = decimals < 0 ? 0 : decimals\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\n const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]\n }"],"mappings":";AAAA,MAAa,eAAe,OAAO,WAAW,MAAM;AAChD,KAAI,UAAU,EAAG,QAAO;CAExB,MAAM,IAAI;CACV,MAAM,KAAK,WAAW,IAAI,IAAI;CAC9B,MAAM,QAAQ;EAAC;EAAS;EAAM;EAAM;EAAM;EAAM;EAAM;EAAM;EAAM;EAAK;CAEvE,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AAEnD,QAAO,YAAY,QAAQ,KAAK,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,CAAC,GAAG,MAAM,MAAM"}
1	+ {"version":3,"file":"formatBytes-BXxFuDvk.js","names":[],"sources":["../src/utilities/uploader/formatBytes.js"],"sourcesContent":["export const formatBytes = (bytes, decimals = 2) => {\n if (bytes === 0) return '0 Bytes'\n\n const k = 1024\n const dm = decimals < 0 ? 0 : decimals\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\n const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]\n }"],"mappings":";AAAA,MAAa,eAAe,OAAO,WAAW,MAAM;AAChD,KAAI,UAAU,EAAG,QAAO;CAExB,MAAM,IAAI;CACV,MAAM,KAAK,WAAW,IAAI,IAAI;CAC9B,MAAM,QAAQ;EAAC;EAAS;EAAM;EAAM;EAAM;EAAM;EAAM;EAAM;EAAM;EAAK;CAEvE,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AAEnD,QAAO,YAAY,QAAQ,KAAK,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,CAAC,GAAG,MAAM,MAAM"}

package/dist/{forms-DcftP5g4.js → forms-D77JesD_.js} RENAMED Viewed

@@ -4,8 +4,8 @@ import { t as apiMutate$1 } from "./useAxiosMutate-C_CLzTKW.js";
 import { t as Typography$1 } from "./Typography-CZuoQGNi.js";
 import { t as LayoutUnit } from "./LayoutUnit-DBF2yb1h.js";
 import { t as AmbientCard } from "./AmbientCard-Bl34OCRH.js";
-import { t as LinearProgress$1 } from "./LinearProgress-BiBVB7Dw.js";
-import { t as FluentTextField } from "./FluentTextField-CgQcsDtq.js";
+import { t as LinearProgress$1 } from "./LinearProgress-DvXOb1Ck.js";
+import { t as FluentTextField } from "./FluentTextField-CPpViNni.js";
 import { t as FluentCheckbox } from "./FluentCheckbox-BOUbx-K4.js";
 import { n as FormControl$1, t as IndicatorChip } from "./IndicatorChip-DI1sRXXm.js";
 import { t as FluentCardText } from "./FluentCardText-CsKUMJPn.js";
@@ -453,4 +453,4 @@ const PaymentReversalForm = ({ id, paymentData, onSubmitCompleted }) => {
 //#endregion
 export { LoginForm as i, ListCard as n, ListElement as r, PaymentReversalForm as t };
-//# sourceMappingURL=forms-DcftP5g4.js.map
+//# sourceMappingURL=forms-D77JesD_.js.map

package/dist/{forms-DcftP5g4.js.map → forms-D77JesD_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"forms-DcftP5g4.js","names":["useStyles","useStyles","apiMutate","Box","LinearProgress","Typography","Grid","FormControl"],"sources":["../src/UI/forms/LoginForm.jsx","../src/UI/mapLayout/ui/ListCard.jsx","../src/UI/forms/PaymentReversalForm.jsx"],"sourcesContent":["import React from 'react';\nimport {\n TextField,\n Paper,\n Typography,\n makeStyles,\n LinearProgress,\n useTheme\n} from '@material-ui/core';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { Form, FormButtons, SubmitButton, Field } from '../../utilities/form';\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: theme.spacing(8)\n },\n loginWindow: {\n position: 'relative',\n flex: 1,\n padding: theme.spacing(3),\n width: 390\n },\n underline: {\n '&::after': {\n borderColor: 'black'\n }\n },\n label: {\n color: 'black'\n },\n logo: {\n width: 150\n },\n error: {\n color: theme.palette.error.main\n }\n}));\n\nexport const LoginForm = (props) => {\n const { onSubmit, logo, usernameLabel, passwordLabel, error, loading } =\n props;\n const classes = useStyles();\n const theme = useTheme();\n\n return (\n <div className={classes.root}>\n <Form onSubmit={onSubmit}>\n <Paper className={classes.loginWindow}>\n <Typography variant='h5' gutterBottom>\n Login\n </Typography>\n {error && (\n <Typography variant='body1' className={classes.error}>\n Your username or password is invalid\n </Typography>\n )}\n <Field\n component={TextField}\n margin='normal'\n type='email'\n name='username'\n InputProps={{\n classes: {\n underline: classes.underline\n }\n }}\n InputLabelProps={{\n focused: true,\n shrink: true,\n style: { color: theme.palette.grey[500] }\n }}\n label={usernameLabel \|\| 'Sign in name'}\n fullWidth\n size='small'\n variant='standard'\n validate={(value) => {\n if (!value?.length) {\n return 'Please enter your sign in name';\n }\n }}\n />\n <Field\n component={TextField}\n margin='normal'\n type='password'\n name='password'\n InputProps={{\n classes: {\n underline: classes.underline\n }\n }}\n InputLabelProps={{\n focused: true,\n shrink: true,\n style: { color: theme.palette.grey[500] }\n }}\n label={passwordLabel \|\| 'Password'}\n fullWidth\n size='small'\n variant='standard'\n validate={(value) => {\n if (!value?.length) {\n return 'Please enter your password';\n }\n }}\n />\n\n <FormButtons style={{ justifyContent: 'flex-end', marginBottom: 0 }}>\n <SubmitButton\n variant='contained'\n disablePristine={false}\n style={{\n margin: 0,\n backgroundColor: theme.palette.grey[800],\n color: '#fff'\n }}\n >\n Sign In\n </SubmitButton>\n </FormButtons>\n {logo && (\n <div>\n <img className={classes.logo} src={logo} alt='Unity' />\n </div>\n )}\n <LayoutUnit unit='xxs' />\n </Paper>\n {loading && <LinearProgress />}\n </Form>\n </div>\n );\n};\n","import React from 'react';\nimport {\n Card,\n CardContent,\n Divider,\n Typography,\n makeStyles\n} from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n labelRoot: {\n color: 'inherit',\n marginRight: theme.spacing(0.5),\n opacity: 0.6\n }\n}));\nexport const ListElement = ({ subject, value, style, hideDivider = false }) => {\n const classes = useStyles();\n return (\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n paddingTop: 8,\n ...style\n }}\n >\n <Typography className={classes.labelRoot}>{subject}</Typography>\n <Typography color='textPrimary'>{value}</Typography>\n {!hideDivider && <Divider />}\n </div>\n );\n};\n\nexport const ListCard = ({ children }) => {\n return (\n <Card elevation={0} style={{ height: '100%' }}>\n <CardContent style={{ height: '100%' }}>\n <div\n style={{\n display: 'flex',\n flexFlow: 'column wrap',\n height: '100%',\n columnGap: 8\n }}\n >\n {children}\n </div>\n </CardContent>\n </Card>\n );\n};\n","import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { FluentCardText } from '../surfaces/cards/FluentCardText';\nimport { IndicatorChip } from '../utilityDisplay/IndicatorChip';\nimport { makeStyles, Divider, FormControlLabel } from '@material-ui/core';\nimport { Box } from '../Box';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { Typography } from '../dataDisplay/typography/Typography';\nimport { Grid } from '../Grid';\nimport { ListElement } from '../mapLayout/ui/ListCard';\nimport { useTranslation } from 'react-i18next';\nimport { FluentCheckbox } from '../inputs/checkbox/FluentCheckbox';\nimport { FormControl } from '../utilityDisplay/FormControl';\nimport { Field } from '../../utilities/form/Field';\nimport { FluentTextField } from '../inputs/textField/FluentTextField';\nimport { Form } from '../../utilities/form/Form';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { LinearProgress } from '../loading/LinearProgress';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n formControlHalf: {\n width: '40%'\n },\n formControl: {\n width: '100%'\n },\n formControlMargin: {\n width: '100%',\n marginTop: '5px'\n },\n formControlCheck: {\n width: '100%',\n marginTop: '5px',\n marginLeft: '3px'\n },\n submitControl: {\n marginTop: '35px'\n },\n assetTypeLabel: {\n top: theme.spacing(-0.7)\n },\n labelText: {\n color: 'rgba(0, 0, 0)',\n fontSize: '0.875rem'\n },\n main: {\n flexGrow: 1,\n padding: '0 24px',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n appIcon: {\n width: 24,\n height: 24,\n color: theme.palette.text.primary\n },\n arrowIcon: {\n width: 12,\n height: 12\n },\n linkTitle: {\n marginRight: theme.spacing(1)\n },\n formControlGeneral: {\n width: '100%',\n marginLeft: '5px',\n marginTop: '5px'\n },\n cardNumber: {\n width: '60%'\n },\n accordion: {\n width: '100%',\n margin: '0px',\n padding: '0px',\n boxShadow: 'none',\n backgroundColor: 'inherit',\n '&:before': {\n display: 'none'\n },\n '&$expanded': {\n margin: '0px'\n }\n },\n accordionSummary: {\n padding: '0px',\n paddingLeft: '5px',\n margin: '0px',\n minHeight: '0px',\n backgroundColor: 'inherit',\n flexDirection: 'row-reverse',\n '&$expanded': {\n margin: '0px',\n padding: '0px',\n minHeight: '0px'\n }\n },\n expanded: {\n margin: '0px',\n paddingLeft: '5px'\n },\n content: {\n margin: 0,\n backgroundColor: 'inherit',\n '&$expanded': {\n margin: 0\n }\n },\n accordionDetails: {\n padding: '0px',\n display: 'block',\n margin: '0px'\n },\n cardContent: {\n backgroundColor: '#FAFAFA'\n },\n listItem: {\n paddingTop: '3px',\n paddingBottom: '3px',\n fontSize: '0.875rem'\n },\n listItemDetail: {\n display: 'flex',\n justifyContent: 'flex-end'\n },\n listItemAccordion: {\n paddingTop: '3px',\n paddingBottom: '3px',\n paddingLeft: '0px'\n },\n divider: {\n margin: '0px 12px'\n },\n dividerBold: {\n margin: '0px 12px',\n backgroundColor: 'black'\n },\n itemCheckbox: {\n padding: '0px'\n },\n itemDescription: {\n color: 'grey'\n },\n list: {\n backgroundColor: '#FFF'\n },\n dropdown: {\n marginTop: theme.spacing(-1),\n backgroundColor: '#FFF'\n },\n locationDropDown: {\n margin: theme.spacing(0),\n marginTop: theme.spacing(-0.5),\n fontSize: '0.75rem'\n },\n box: {\n display: 'flex',\n justifyContent: 'space-around',\n flexDirection: 'row',\n paddingBottom: '15px',\n gap: '10px',\n [theme.breakpoints.down('sm')]: {\n flexDirection: 'column',\n flexWrap: 'wrap',\n alignItems: 'flex-start'\n }\n }\n}));\n\nconst PAYMENT_APPROVED = 1;\nconst PAYMENT_DENIED = 43;\nconst RESULT_SUCCESS = 200;\nconst RESULT_FAILURE = 401;\n\nexport const PaymentReversalForm = ({ id, paymentData, onSubmitCompleted }) => {\n const classes = useStyles();\n const { t } = useTranslation();\n\n const [loading, setLoading] = useState(true);\n const [paymentTransaction, setPaymentTransaction] = useState(undefined);\n\n /*\n API call to get the payment transaction details\n /\n const getPaymentTransaction = useCallback(\n async (payload) => {\n if (!payload) {\n return null;\n }\n\n return apiMutate(\n ConfigService.pgV1ApiUrl,\n `PaymentTransaction/search`,\n {\n method: 'POST',\n data: payload\n },\n {}\n );\n },\n []\n );\n\n /\n API call to get the account information by account number\n /\n const reverseTransactionExecute = useCallback(\n async (transactionID) => {\n if (!transactionID) {\n return null;\n }\n\n return apiMutate(\n ConfigService.pgV1ApiUrl,\n `PaymentTransaction/${transactionID}`,\n {\n method: 'DELETE',\n },\n {}\n );\n },\n []\n );\n\n /\n submitAccountDetailsForm\n * @param {} formData\n @return {}\n /\n const handleSubmitPaymentReversal = (values) => {\n // const data = {\n // amountToReverse: values.amountToReverse,\n // isSendCustomerPaymentConfirmation:\n // values.isSendCustomerPaymentConfirmation\n // };\n\n if (!paymentData?.transactionId) {\n return;\n }\n\n reverseTransactionExecute(paymentData?.transactionId)\n .then(() => {\n onSubmitCompleted && onSubmitCompleted({ transactionId: paymentData?.transactionId, error: false });\n })\n .catch((error) => {\n onSubmitCompleted && onSubmitCompleted({ transactionId: paymentData?.transactionId, error });\n });\n }\n\n useEffect(() => {\n const fetchData = async () => {\n try {\n setLoading(true);\n const response = await getPaymentTransaction({\n eagerLoad: true,\n pageNumber: 1,\n pageSize: 20,\n filterElements: [\n {\n searchField: 'transactionId',\n searchValue: paymentData?.transactionId,\n searchOperator: '=',\n },\n ],\n orderElements: [],\n });\n\n if (response?.data) {\n setPaymentTransaction(response?.data?.pageList?.[0]);\n }\n\n } catch (err) {\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n\n if (paymentData?.transactionId) {\n fetchData();\n }\n }, [getPaymentTransaction, paymentData]);\n\n const statusText = useMemo(() => {\n return (paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS) ? 'Approved' :\n (paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE) ? 'Declined' : 'Undetermined';\n }, [paymentTransaction]);\n\n const statusCode = useMemo(() => {\n return (paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS) ? 'ok':\n (paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE) ? 'error' : 'warning';\n }, [paymentTransaction]);\n\n return (\n <Box>\n {loading && (\n <Box sx={{ width: '100%' }}>\n <LinearProgress />\n </Box>\n )}\n <Box className={classes.box}>\n <FluentCardText title='Value' description={`$${paymentData?.amount}`} />\n <FluentCardText\n title='Status'\n description={\n <IndicatorChip\n text={statusText}\n status={statusCode}\n />\n }\n />\n </Box>\n <AmbientCard fullWidth={true}>\n <Typography\n variant='subtitle2'\n style={{ marginTop: '0px', marginBottom: '10px' }}\n >\n {t('Payment Details')}\n </Typography>\n\n <Box display='flex' flexDirection='column'>\n <Grid container spacing={1}>\n {[\n [t('Transaction ID'), paymentData?.transactionId \|\| t('N/A')],\n [t('Date/Time'), paymentData?.transactionDate ? format(new Date(paymentData?.transactionDate), 'EEE, MMM d, yyyy') : t('N/A')],\n [t('Processor'), paymentData?.paymentSourceName \|\| t('No Information found')],\n [t('Response Code'), paymentData?.authorizationNumber \|\| t('N/A')]\n ].map(([k, v]) => (\n <Grid item xs={12} sm={6}>\n {/* @ts-ignore /}\n <ListElement subject={k} value={v} hideDivider={true} />\n </Grid>\n ))}\n </Grid>\n </Box>\n\n <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n <Box display='flex' flexDirection='column'>\n <Grid container spacing={1}>\n {[\n [t('Customer Name'), paymentTransaction?.reference3 \|\| t('N/A')],\n [t('Type'), paymentData?.tender \|\| t('N/A')],\n [t('Card Holder Name'), t('N/A')],\n [t('CC Number'), paymentData?.cardLast4 \|\| t('N/A')],\n [t('Company'), paymentTransaction?.applicationClient?.name \|\| t('N/A')],\n [t('Expiration Date'), paymentData?.date \|\| t('N/A')],\n [t('AVS'), t('N/A')],\n [t('Status'),paymentData?.authorizationNumber ? 'Approved' : 'Declined'],\n [t('Confirmation'), paymentData?.authorizationNumber \|\| t('N/A')]\n ].map(([k, v]) => (\n <Grid item xs={12} sm={6}>\n {/ @ts-ignore /}\n <ListElement subject={k} value={v} hideDivider={true} />\n </Grid>\n ))}\n </Grid>\n </Box>\n\n <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n <Box display='flex' flexDirection='column'>\n <Grid container spacing={1}>\n {[\n [t('First Attempt Date'), paymentData?.date \|\| t('N/A')],\n [t('Initial Transaction'), paymentData?.date \|\| t('N/A')],\n [t('Next Attempt Date'), paymentData?.date \|\| t('N/A')],\n [t('Retry Count'), t('N/A')]\n ].map(([k, v]) => (\n <Grid item xs={12} sm={6}>\n {/ @ts-ignore */}\n <ListElement subject={k} value={v} hideDivider={true} />\n </Grid>\n ))}\n </Grid>\n </Box>\n\n <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n <Form\n id={id}\n onSubmit={handleSubmitPaymentReversal}\n render={({ handleSubmit, form, values }) => {\n return (\n <>\n <FormControl className={classes.formControl}>\n <Field\n component={FluentTextField}\n ComponentProps={{\n label: t('Amount to Reverse'),\n variant: 'outlined',\n margin: 'normal',\n size: 'small',\n disabled: false,\n fullWidth: true,\n autoComplete: 'off',\n inputProps: {\n maxLength: 256,\n autocomplete: 'off'\n }\n }}\n name='amountToReverse'\n initialValue={paymentData?.amount}\n onChange={() => {}}\n required={true}\n />\n </FormControl>\n\n <FormControl className={classes.formControlGeneral}>\n <FormControlLabel\n control={\n <Field\n component={FluentCheckbox}\n name='isSendCustomerPaymentConfirmation'\n type='checkbox'\n defaultValue={false}\n required={false}\n onChange={() => {}}\n // @ts-ignore\n size='small'\n />\n }\n label={t('Send Customer Payment Confirmation')}\n />\n </FormControl>\n </>\n );\n }}\n />\n </AmbientCard>\n </Box>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"forms-D77JesD_.js","names":["useStyles","useStyles","apiMutate","Box","LinearProgress","Typography","Grid","FormControl"],"sources":["../src/UI/forms/LoginForm.jsx","../src/UI/mapLayout/ui/ListCard.jsx","../src/UI/forms/PaymentReversalForm.jsx"],"sourcesContent":["import React from 'react';\nimport {\n TextField,\n Paper,\n Typography,\n makeStyles,\n LinearProgress,\n useTheme\n} from '@material-ui/core';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { Form, FormButtons, SubmitButton, Field } from '../../utilities/form';\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: theme.spacing(8)\n },\n loginWindow: {\n position: 'relative',\n flex: 1,\n padding: theme.spacing(3),\n width: 390\n },\n underline: {\n '&::after': {\n borderColor: 'black'\n }\n },\n label: {\n color: 'black'\n },\n logo: {\n width: 150\n },\n error: {\n color: theme.palette.error.main\n }\n}));\n\nexport const LoginForm = (props) => {\n const { onSubmit, logo, usernameLabel, passwordLabel, error, loading } =\n props;\n const classes = useStyles();\n const theme = useTheme();\n\n return (\n <div className={classes.root}>\n <Form onSubmit={onSubmit}>\n <Paper className={classes.loginWindow}>\n <Typography variant='h5' gutterBottom>\n Login\n </Typography>\n {error && (\n <Typography variant='body1' className={classes.error}>\n Your username or password is invalid\n </Typography>\n )}\n <Field\n component={TextField}\n margin='normal'\n type='email'\n name='username'\n InputProps={{\n classes: {\n underline: classes.underline\n }\n }}\n InputLabelProps={{\n focused: true,\n shrink: true,\n style: { color: theme.palette.grey[500] }\n }}\n label={usernameLabel \|\| 'Sign in name'}\n fullWidth\n size='small'\n variant='standard'\n validate={(value) => {\n if (!value?.length) {\n return 'Please enter your sign in name';\n }\n }}\n />\n <Field\n component={TextField}\n margin='normal'\n type='password'\n name='password'\n InputProps={{\n classes: {\n underline: classes.underline\n }\n }}\n InputLabelProps={{\n focused: true,\n shrink: true,\n style: { color: theme.palette.grey[500] }\n }}\n label={passwordLabel \|\| 'Password'}\n fullWidth\n size='small'\n variant='standard'\n validate={(value) => {\n if (!value?.length) {\n return 'Please enter your password';\n }\n }}\n />\n\n <FormButtons style={{ justifyContent: 'flex-end', marginBottom: 0 }}>\n <SubmitButton\n variant='contained'\n disablePristine={false}\n style={{\n margin: 0,\n backgroundColor: theme.palette.grey[800],\n color: '#fff'\n }}\n >\n Sign In\n </SubmitButton>\n </FormButtons>\n {logo && (\n <div>\n <img className={classes.logo} src={logo} alt='Unity' />\n </div>\n )}\n <LayoutUnit unit='xxs' />\n </Paper>\n {loading && <LinearProgress />}\n </Form>\n </div>\n );\n};\n","import React from 'react';\nimport {\n Card,\n CardContent,\n Divider,\n Typography,\n makeStyles\n} from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n labelRoot: {\n color: 'inherit',\n marginRight: theme.spacing(0.5),\n opacity: 0.6\n }\n}));\nexport const ListElement = ({ subject, value, style, hideDivider = false }) => {\n const classes = useStyles();\n return (\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n paddingTop: 8,\n ...style\n }}\n >\n <Typography className={classes.labelRoot}>{subject}</Typography>\n <Typography color='textPrimary'>{value}</Typography>\n {!hideDivider && <Divider />}\n </div>\n );\n};\n\nexport const ListCard = ({ children }) => {\n return (\n <Card elevation={0} style={{ height: '100%' }}>\n <CardContent style={{ height: '100%' }}>\n <div\n style={{\n display: 'flex',\n flexFlow: 'column wrap',\n height: '100%',\n columnGap: 8\n }}\n >\n {children}\n </div>\n </CardContent>\n </Card>\n );\n};\n","import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { FluentCardText } from '../surfaces/cards/FluentCardText';\nimport { IndicatorChip } from '../utilityDisplay/IndicatorChip';\nimport { makeStyles, Divider, FormControlLabel } from '@material-ui/core';\nimport { Box } from '../Box';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { Typography } from '../dataDisplay/typography/Typography';\nimport { Grid } from '../Grid';\nimport { ListElement } from '../mapLayout/ui/ListCard';\nimport { useTranslation } from 'react-i18next';\nimport { FluentCheckbox } from '../inputs/checkbox/FluentCheckbox';\nimport { FormControl } from '../utilityDisplay/FormControl';\nimport { Field } from '../../utilities/form/Field';\nimport { FluentTextField } from '../inputs/textField/FluentTextField';\nimport { Form } from '../../utilities/form/Form';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { LinearProgress } from '../loading/LinearProgress';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n formControlHalf: {\n width: '40%'\n },\n formControl: {\n width: '100%'\n },\n formControlMargin: {\n width: '100%',\n marginTop: '5px'\n },\n formControlCheck: {\n width: '100%',\n marginTop: '5px',\n marginLeft: '3px'\n },\n submitControl: {\n marginTop: '35px'\n },\n assetTypeLabel: {\n top: theme.spacing(-0.7)\n },\n labelText: {\n color: 'rgba(0, 0, 0)',\n fontSize: '0.875rem'\n },\n main: {\n flexGrow: 1,\n padding: '0 24px',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n appIcon: {\n width: 24,\n height: 24,\n color: theme.palette.text.primary\n },\n arrowIcon: {\n width: 12,\n height: 12\n },\n linkTitle: {\n marginRight: theme.spacing(1)\n },\n formControlGeneral: {\n width: '100%',\n marginLeft: '5px',\n marginTop: '5px'\n },\n cardNumber: {\n width: '60%'\n },\n accordion: {\n width: '100%',\n margin: '0px',\n padding: '0px',\n boxShadow: 'none',\n backgroundColor: 'inherit',\n '&:before': {\n display: 'none'\n },\n '&$expanded': {\n margin: '0px'\n }\n },\n accordionSummary: {\n padding: '0px',\n paddingLeft: '5px',\n margin: '0px',\n minHeight: '0px',\n backgroundColor: 'inherit',\n flexDirection: 'row-reverse',\n '&$expanded': {\n margin: '0px',\n padding: '0px',\n minHeight: '0px'\n }\n },\n expanded: {\n margin: '0px',\n paddingLeft: '5px'\n },\n content: {\n margin: 0,\n backgroundColor: 'inherit',\n '&$expanded': {\n margin: 0\n }\n },\n accordionDetails: {\n padding: '0px',\n display: 'block',\n margin: '0px'\n },\n cardContent: {\n backgroundColor: '#FAFAFA'\n },\n listItem: {\n paddingTop: '3px',\n paddingBottom: '3px',\n fontSize: '0.875rem'\n },\n listItemDetail: {\n display: 'flex',\n justifyContent: 'flex-end'\n },\n listItemAccordion: {\n paddingTop: '3px',\n paddingBottom: '3px',\n paddingLeft: '0px'\n },\n divider: {\n margin: '0px 12px'\n },\n dividerBold: {\n margin: '0px 12px',\n backgroundColor: 'black'\n },\n itemCheckbox: {\n padding: '0px'\n },\n itemDescription: {\n color: 'grey'\n },\n list: {\n backgroundColor: '#FFF'\n },\n dropdown: {\n marginTop: theme.spacing(-1),\n backgroundColor: '#FFF'\n },\n locationDropDown: {\n margin: theme.spacing(0),\n marginTop: theme.spacing(-0.5),\n fontSize: '0.75rem'\n },\n box: {\n display: 'flex',\n justifyContent: 'space-around',\n flexDirection: 'row',\n paddingBottom: '15px',\n gap: '10px',\n [theme.breakpoints.down('sm')]: {\n flexDirection: 'column',\n flexWrap: 'wrap',\n alignItems: 'flex-start'\n }\n }\n}));\n\nconst PAYMENT_APPROVED = 1;\nconst PAYMENT_DENIED = 43;\nconst RESULT_SUCCESS = 200;\nconst RESULT_FAILURE = 401;\n\nexport const PaymentReversalForm = ({ id, paymentData, onSubmitCompleted }) => {\n const classes = useStyles();\n const { t } = useTranslation();\n\n const [loading, setLoading] = useState(true);\n const [paymentTransaction, setPaymentTransaction] = useState(undefined);\n\n /*\n API call to get the payment transaction details\n /\n const getPaymentTransaction = useCallback(\n async (payload) => {\n if (!payload) {\n return null;\n }\n\n return apiMutate(\n ConfigService.pgV1ApiUrl,\n `PaymentTransaction/search`,\n {\n method: 'POST',\n data: payload\n },\n {}\n );\n },\n []\n );\n\n /\n API call to get the account information by account number\n /\n const reverseTransactionExecute = useCallback(\n async (transactionID) => {\n if (!transactionID) {\n return null;\n }\n\n return apiMutate(\n ConfigService.pgV1ApiUrl,\n `PaymentTransaction/${transactionID}`,\n {\n method: 'DELETE',\n },\n {}\n );\n },\n []\n );\n\n /\n submitAccountDetailsForm\n * @param {} formData\n @return {}\n /\n const handleSubmitPaymentReversal = (values) => {\n // const data = {\n // amountToReverse: values.amountToReverse,\n // isSendCustomerPaymentConfirmation:\n // values.isSendCustomerPaymentConfirmation\n // };\n\n if (!paymentData?.transactionId) {\n return;\n }\n\n reverseTransactionExecute(paymentData?.transactionId)\n .then(() => {\n onSubmitCompleted && onSubmitCompleted({ transactionId: paymentData?.transactionId, error: false });\n })\n .catch((error) => {\n onSubmitCompleted && onSubmitCompleted({ transactionId: paymentData?.transactionId, error });\n });\n }\n\n useEffect(() => {\n const fetchData = async () => {\n try {\n setLoading(true);\n const response = await getPaymentTransaction({\n eagerLoad: true,\n pageNumber: 1,\n pageSize: 20,\n filterElements: [\n {\n searchField: 'transactionId',\n searchValue: paymentData?.transactionId,\n searchOperator: '=',\n },\n ],\n orderElements: [],\n });\n\n if (response?.data) {\n setPaymentTransaction(response?.data?.pageList?.[0]);\n }\n\n } catch (err) {\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n\n if (paymentData?.transactionId) {\n fetchData();\n }\n }, [getPaymentTransaction, paymentData]);\n\n const statusText = useMemo(() => {\n return (paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS) ? 'Approved' :\n (paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE) ? 'Declined' : 'Undetermined';\n }, [paymentTransaction]);\n\n const statusCode = useMemo(() => {\n return (paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS) ? 'ok':\n (paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE) ? 'error' : 'warning';\n }, [paymentTransaction]);\n\n return (\n <Box>\n {loading && (\n <Box sx={{ width: '100%' }}>\n <LinearProgress />\n </Box>\n )}\n <Box className={classes.box}>\n <FluentCardText title='Value' description={`$${paymentData?.amount}`} />\n <FluentCardText\n title='Status'\n description={\n <IndicatorChip\n text={statusText}\n status={statusCode}\n />\n }\n />\n </Box>\n <AmbientCard fullWidth={true}>\n <Typography\n variant='subtitle2'\n style={{ marginTop: '0px', marginBottom: '10px' }}\n >\n {t('Payment Details')}\n </Typography>\n\n <Box display='flex' flexDirection='column'>\n <Grid container spacing={1}>\n {[\n [t('Transaction ID'), paymentData?.transactionId \|\| t('N/A')],\n [t('Date/Time'), paymentData?.transactionDate ? format(new Date(paymentData?.transactionDate), 'EEE, MMM d, yyyy') : t('N/A')],\n [t('Processor'), paymentData?.paymentSourceName \|\| t('No Information found')],\n [t('Response Code'), paymentData?.authorizationNumber \|\| t('N/A')]\n ].map(([k, v]) => (\n <Grid item xs={12} sm={6}>\n {/* @ts-ignore /}\n <ListElement subject={k} value={v} hideDivider={true} />\n </Grid>\n ))}\n </Grid>\n </Box>\n\n <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n <Box display='flex' flexDirection='column'>\n <Grid container spacing={1}>\n {[\n [t('Customer Name'), paymentTransaction?.reference3 \|\| t('N/A')],\n [t('Type'), paymentData?.tender \|\| t('N/A')],\n [t('Card Holder Name'), t('N/A')],\n [t('CC Number'), paymentData?.cardLast4 \|\| t('N/A')],\n [t('Company'), paymentTransaction?.applicationClient?.name \|\| t('N/A')],\n [t('Expiration Date'), paymentData?.date \|\| t('N/A')],\n [t('AVS'), t('N/A')],\n [t('Status'),paymentData?.authorizationNumber ? 'Approved' : 'Declined'],\n [t('Confirmation'), paymentData?.authorizationNumber \|\| t('N/A')]\n ].map(([k, v]) => (\n <Grid item xs={12} sm={6}>\n {/ @ts-ignore /}\n <ListElement subject={k} value={v} hideDivider={true} />\n </Grid>\n ))}\n </Grid>\n </Box>\n\n <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n <Box display='flex' flexDirection='column'>\n <Grid container spacing={1}>\n {[\n [t('First Attempt Date'), paymentData?.date \|\| t('N/A')],\n [t('Initial Transaction'), paymentData?.date \|\| t('N/A')],\n [t('Next Attempt Date'), paymentData?.date \|\| t('N/A')],\n [t('Retry Count'), t('N/A')]\n ].map(([k, v]) => (\n <Grid item xs={12} sm={6}>\n {/ @ts-ignore */}\n <ListElement subject={k} value={v} hideDivider={true} />\n </Grid>\n ))}\n </Grid>\n </Box>\n\n <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n <Form\n id={id}\n onSubmit={handleSubmitPaymentReversal}\n render={({ handleSubmit, form, values }) => {\n return (\n <>\n <FormControl className={classes.formControl}>\n <Field\n component={FluentTextField}\n ComponentProps={{\n label: t('Amount to Reverse'),\n variant: 'outlined',\n margin: 'normal',\n size: 'small',\n disabled: false,\n fullWidth: true,\n autoComplete: 'off',\n inputProps: {\n maxLength: 256,\n autocomplete: 'off'\n }\n }}\n name='amountToReverse'\n initialValue={paymentData?.amount}\n onChange={() => {}}\n required={true}\n />\n </FormControl>\n\n <FormControl className={classes.formControlGeneral}>\n <FormControlLabel\n control={\n <Field\n component={FluentCheckbox}\n name='isSendCustomerPaymentConfirmation'\n type='checkbox'\n defaultValue={false}\n required={false}\n onChange={() => {}}\n // @ts-ignore\n size='small'\n />\n }\n label={t('Send Customer Payment Confirmation')}\n />\n </FormControl>\n </>\n );\n }}\n />\n </AmbientCard>\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,gBAAgB;EAChB,WAAW,MAAM,QAAQ,EAAE;EAC5B;CACD,aAAa;EACX,UAAU;EACV,MAAM;EACN,SAAS,MAAM,QAAQ,EAAE;EACzB,OAAO;EACR;CACD,WAAW,EACT,YAAY,EACV,aAAa,SACd,EACF;CACD,OAAO,EACL,OAAO,SACR;CACD,MAAM,EACJ,OAAO,KACR;CACD,OAAO,EACL,OAAO,MAAM,QAAQ,MAAM,MAC5B;CACF,EAAE;AAEH,MAAa,aAAa,UAAU;CAClC,MAAM,EAAE,UAAU,MAAM,eAAe,eAAe,OAAO,YAC3D;CACF,MAAM,UAAUA,aAAW;CAC3B,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,QAAe,YACd,oCAAC,SAAM,WAAW,QAAQ,eACxB,oCAAC;EAAW,SAAQ;EAAK;IAAa,QAEzB,EACZ,SACC,oCAAC;EAAW,SAAQ;EAAQ,WAAW,QAAQ;IAAO,uCAEzC,EAEf,oCAAC;EACC,WAAW;EACX,QAAO;EACP,MAAK;EACL,MAAK;EACL,YAAY,EACV,SAAS,EACP,WAAW,QAAQ,WACpB,EACF;EACD,iBAAiB;GACf,SAAS;GACT,QAAQ;GACR,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK,MAAM;GAC1C;EACD,OAAO,iBAAiB;EACxB;EACA,MAAK;EACL,SAAQ;EACR,WAAW,UAAU;AACnB,OAAI,CAAC,OAAO,OACV,QAAO;;GAGX,EACF,oCAAC;EACC,WAAW;EACX,QAAO;EACP,MAAK;EACL,MAAK;EACL,YAAY,EACV,SAAS,EACP,WAAW,QAAQ,WACpB,EACF;EACD,iBAAiB;GACf,SAAS;GACT,QAAQ;GACR,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK,MAAM;GAC1C;EACD,OAAO,iBAAiB;EACxB;EACA,MAAK;EACL,SAAQ;EACR,WAAW,UAAU;AACnB,OAAI,CAAC,OAAO,OACV,QAAO;;GAGX,EAEF,oCAAC,eAAY,OAAO;EAAE,gBAAgB;EAAY,cAAc;EAAG,IACjE,oCAAC;EACC,SAAQ;EACR,iBAAiB;EACjB,OAAO;GACL,QAAQ;GACR,iBAAiB,MAAM,QAAQ,KAAK;GACpC,OAAO;GACR;IACF,UAEc,CACH,EACb,QACC,oCAAC,aACC,oCAAC;EAAI,WAAW,QAAQ;EAAM,KAAK;EAAM,KAAI;GAAU,CACnD,EAER,oCAAC,cAAW,MAAK,QAAQ,CACnB,EACP,WAAW,oCAAC,qBAAiB,CACzB,CACH;;;;;ACzHV,MAAMC,cAAY,YAAY,WAAW,EACvC,WAAW;CACT,OAAO;CACP,aAAa,MAAM,QAAQ,GAAI;CAC/B,SAAS;CACV,EACF,EAAE;AACH,MAAa,eAAe,EAAE,SAAS,OAAO,OAAO,cAAc,YAAY;CAC7E,MAAM,UAAUA,aAAW;AAC3B,QACE,oCAAC,SACC,OAAO;EACL,SAAS;EACT,eAAe;EACf,YAAY;EACZ,GAAG;EACJ,IAED,oCAAC,cAAW,WAAW,QAAQ,aAAY,QAAqB,EAChE,oCAAC,cAAW,OAAM,iBAAe,MAAmB,EACnD,CAAC,eAAe,oCAAC,cAAU,CACxB;;AAIV,MAAa,YAAY,EAAE,eAAe;AACxC,QACE,oCAAC;EAAK,WAAW;EAAG,OAAO,EAAE,QAAQ,QAAQ;IAC3C,oCAAC,eAAY,OAAO,EAAE,QAAQ,QAAQ,IACpC,oCAAC,SACC,OAAO;EACL,SAAS;EACT,UAAU;EACV,QAAQ;EACR,WAAW;EACZ,IAEA,SACG,CACM,CACT;;;;;AC7BX,MAAM,YAAY,YAAY,WAAW;CACvC,iBAAiB,EACf,OAAO,OACR;CACD,aAAa,EACX,OAAO,QACR;CACD,mBAAmB;EACjB,OAAO;EACP,WAAW;EACZ;CACD,kBAAkB;EAChB,OAAO;EACP,WAAW;EACX,YAAY;EACb;CACD,eAAe,EACb,WAAW,QACZ;CACD,gBAAgB,EACd,KAAK,MAAM,QAAQ,IAAK,EACzB;CACD,WAAW;EACT,OAAO;EACP,UAAU;EACX;CACD,MAAM;EACJ,UAAU;EACV,SAAS;EACT,SAAS;EACT,gBAAgB;EAChB,YAAY;EACb;CACD,SAAS;EACP,OAAO;EACP,QAAQ;EACR,OAAO,MAAM,QAAQ,KAAK;EAC3B;CACD,WAAW;EACT,OAAO;EACP,QAAQ;EACT;CACD,WAAW,EACT,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,oBAAoB;EAClB,OAAO;EACP,YAAY;EACZ,WAAW;EACZ;CACD,YAAY,EACV,OAAO,OACR;CACD,WAAW;EACT,OAAO;EACP,QAAQ;EACR,SAAS;EACT,WAAW;EACX,iBAAiB;EACjB,YAAY,EACV,SAAS,QACV;EACD,cAAc,EACZ,QAAQ,OACT;EACF;CACD,kBAAkB;EAChB,SAAS;EACT,aAAa;EACb,QAAQ;EACR,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,cAAc;GACZ,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACF;CACD,UAAU;EACR,QAAQ;EACR,aAAa;EACd;CACD,SAAS;EACP,QAAQ;EACR,iBAAiB;EACjB,cAAc,EACZ,QAAQ,GACT;EACF;CACD,kBAAkB;EAChB,SAAS;EACT,SAAS;EACT,QAAQ;EACT;CACD,aAAa,EACX,iBAAiB,WAClB;CACD,UAAU;EACR,YAAY;EACZ,eAAe;EACf,UAAU;EACX;CACD,gBAAgB;EACd,SAAS;EACT,gBAAgB;EACjB;CACD,mBAAmB;EACjB,YAAY;EACZ,eAAe;EACf,aAAa;EACd;CACD,SAAS,EACP,QAAQ,YACT;CACD,aAAa;EACX,QAAQ;EACR,iBAAiB;EAClB;CACD,cAAc,EACZ,SAAS,OACV;CACD,iBAAiB,EACf,OAAO,QACR;CACD,MAAM,EACJ,iBAAiB,QAClB;CACD,UAAU;EACR,WAAW,MAAM,QAAQ,GAAG;EAC5B,iBAAiB;EAClB;CACD,kBAAkB;EAChB,QAAQ,MAAM,QAAQ,EAAE;EACxB,WAAW,MAAM,QAAQ,IAAK;EAC9B,UAAU;EACX;CACD,KAAK;EACH,SAAS;EACT,gBAAgB;EAChB,eAAe;EACf,eAAe;EACf,KAAK;GACJ,MAAM,YAAY,KAAK,KAAK,GAAG;GAC9B,eAAe;GACf,UAAU;GACV,YAAY;GACb;EACF;CACF,EAAE;AAEH,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AAEvB,MAAa,uBAAuB,EAAE,IAAI,aAAa,wBAAwB;CAC7E,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,OAAU;;;;CAKvE,MAAM,wBAAwB,YAC5B,OAAO,YAAY;AACjB,MAAI,CAAC,QACH,QAAO;AAGT,SAAOC,YACL,cAAc,YACd,6BACA;GACE,QAAQ;GACR,MAAM;GACP,EACD,EAAE,CACH;IAEH,EAAE,CACH;;;;CAKD,MAAM,4BAA4B,YAChC,OAAO,kBAAkB;AACvB,MAAI,CAAC,cACH,QAAO;AAGT,SAAOA,YACL,cAAc,YACd,sBAAsB,iBACtB,EACE,QAAQ,UACT,EACD,EAAE,CACH;IAEH,EAAE,CACH;;;;;;CAOD,MAAM,+BAA+B,WAAW;AAO5C,MAAI,CAAC,aAAa,cAChB;AAGF,4BAA0B,aAAa,cAAc,CAClD,WAAW;AACV,wBAAqB,kBAAkB;IAAE,eAAe,aAAa;IAAe,OAAO;IAAO,CAAC;IACnG,CACD,OAAO,UAAU;AAChB,wBAAqB,kBAAkB;IAAE,eAAe,aAAa;IAAe;IAAO,CAAC;IAC5F;;AAGR,iBAAgB;EACd,MAAM,YAAY,YAAY;AAC5B,OAAI;AACF,eAAW,KAAK;IAChB,MAAM,WAAW,MAAM,sBAAsB;KAC3C,WAAW;KACX,YAAY;KACZ,UAAU;KACV,gBAAgB,CACd;MACE,aAAa;MACb,aAAa,aAAa;MAC1B,gBAAgB;MACjB,CACF;KACD,eAAe,EAAE;KAClB,CAAC;AAEF,QAAI,UAAU,KACZ,uBAAsB,UAAU,MAAM,WAAW,GAAG;YAG/C,KAAK;AACZ,YAAQ,MAAM,IAAI;aACV;AACR,eAAW,MAAM;;;AAIrB,MAAI,aAAa,cACf,YAAW;IAEZ,CAAC,uBAAuB,YAAY,CAAC;CAExC,MAAM,aAAa,cAAc;AAC7B,SAAQ,oBAAoB,iBAAiB,oBAAoB,oBAAoB,oBAAoB,iBAAkB,aACnH,oBAAoB,iBAAiB,kBAAkB,oBAAoB,oBAAoB,iBAAkB,aAAa;IACvI,CAAC,mBAAmB,CAAC;CAExB,MAAM,aAAa,cAAc;AAC/B,SAAQ,oBAAoB,iBAAiB,oBAAoB,oBAAoB,oBAAoB,iBAAmB,OACpH,oBAAoB,iBAAiB,kBAAkB,oBAAoB,oBAAoB,iBAAkB,UAAW;IACnI,CAAC,mBAAmB,CAAC;AAExB,QACE,oCAACC,aACE,WACC,oCAACA,SAAI,IAAI,EAAE,OAAO,QAAQ,IACxB,oCAACC,uBAAiB,CACd,EAER,oCAACD,SAAI,WAAW,QAAQ,OACtB,oCAAC;EAAe,OAAM;EAAQ,aAAa,IAAI,aAAa;GAAY,EACxE,oCAAC;EACC,OAAM;EACN,aACE,oCAAC;GACC,MAAM;GACN,QAAQ;IACR;GAEJ,CACE,EACN,oCAAC,eAAY,WAAW,QACtB,oCAACE;EACC,SAAQ;EACR,OAAO;GAAE,WAAW;GAAO,cAAc;GAAQ;IAEhD,EAAE,kBAAkB,CACV,EAEb,oCAACF;EAAI,SAAQ;EAAO,eAAc;IAChC,oCAACG;EAAK;EAAU,SAAS;IACtB;EACC,CAAC,EAAE,iBAAiB,EAAE,aAAa,iBAAiB,EAAE,MAAM,CAAC;EAC7D,CAAC,EAAE,YAAY,EAAE,aAAa,kBAAkB,OAAO,IAAI,KAAK,aAAa,gBAAgB,EAAE,mBAAmB,GAAG,EAAE,MAAM,CAAC;EAC9H,CAAC,EAAE,YAAY,EAAE,aAAa,qBAAqB,EAAE,uBAAuB,CAAC;EAC7E,CAAC,EAAE,gBAAgB,EAAE,aAAa,uBAAuB,EAAE,MAAM,CAAC;EACnE,CAAC,KAAK,CAAC,GAAG,OACT,oCAACA;EAAK;EAAK,IAAI;EAAI,IAAI;IAErB,oCAAC;EAAY,SAAS;EAAG,OAAO;EAAG,aAAa;GAAQ,CACnD,CACP,CACG,CACH,EAEN,oCAAC,WAAQ,OAAO;EAAE,WAAW;EAAQ,cAAc;EAAQ,GAAI,EAE/D,oCAACH;EAAI,SAAQ;EAAO,eAAc;IAChC,oCAACG;EAAK;EAAU,SAAS;IACtB;EACC,CAAC,EAAE,gBAAgB,EAAE,oBAAoB,cAAc,EAAE,MAAM,CAAC;EAChE,CAAC,EAAE,OAAO,EAAE,aAAa,UAAU,EAAE,MAAM,CAAC;EAC5C,CAAC,EAAE,mBAAmB,EAAE,EAAE,MAAM,CAAC;EACjC,CAAC,EAAE,YAAY,EAAE,aAAa,aAAa,EAAE,MAAM,CAAC;EACpD,CAAC,EAAE,UAAU,EAAE,oBAAoB,mBAAmB,QAAQ,EAAE,MAAM,CAAC;EACvE,CAAC,EAAE,kBAAkB,EAAE,aAAa,QAAQ,EAAE,MAAM,CAAC;EACrD,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC;EACpB,CAAC,EAAE,SAAS,EAAC,aAAa,sBAAsB,aAAa,WAAW;EACxE,CAAC,EAAE,eAAe,EAAE,aAAa,uBAAuB,EAAE,MAAM,CAAC;EAClE,CAAC,KAAK,CAAC,GAAG,OACT,oCAACA;EAAK;EAAK,IAAI;EAAI,IAAI;IAErB,oCAAC;EAAY,SAAS;EAAG,OAAO;EAAG,aAAa;GAAQ,CACnD,CACP,CACG,CACH,EAEN,oCAAC,WAAQ,OAAO;EAAE,WAAW;EAAQ,cAAc;EAAQ,GAAI,EAE/D,oCAACH;EAAI,SAAQ;EAAO,eAAc;IAChC,oCAACG;EAAK;EAAU,SAAS;IACtB;EACC,CAAC,EAAE,qBAAqB,EAAE,aAAa,QAAQ,EAAE,MAAM,CAAC;EACxD,CAAC,EAAE,sBAAsB,EAAE,aAAa,QAAQ,EAAE,MAAM,CAAC;EACzD,CAAC,EAAE,oBAAoB,EAAE,aAAa,QAAQ,EAAE,MAAM,CAAC;EACvD,CAAC,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC;EAC7B,CAAC,KAAK,CAAC,GAAG,OACT,oCAACA;EAAK;EAAK,IAAI;EAAI,IAAI;IAErB,oCAAC;EAAY,SAAS;EAAG,OAAO;EAAG,aAAa;GAAQ,CACnD,CACP,CACG,CACH,EAEN,oCAAC,WAAQ,OAAO;EAAE,WAAW;EAAQ,cAAc;EAAQ,GAAI,EAE/D,oCAAC;EACK;EACJ,UAAU;EACV,SAAS,EAAE,cAAc,MAAM,aAAa;AAC1C,UACE,0DACE,oCAACC,iBAAY,WAAW,QAAQ,eAC9B,oCAAC;IACC,WAAW;IACX,gBAAgB;KACd,OAAO,EAAE,oBAAoB;KAC7B,SAAS;KACT,QAAQ;KACR,MAAM;KACN,UAAU;KACV,WAAW;KACX,cAAc;KACd,YAAY;MACV,WAAW;MACX,cAAc;MACf;KACF;IACD,MAAK;IACL,cAAc,aAAa;IAC3B,gBAAgB;IAChB,UAAU;KACV,CACU,EAEd,oCAACA,iBAAY,WAAW,QAAQ,sBAC9B,oCAAC;IACC,SACE,oCAAC;KACC,WAAW;KACX,MAAK;KACL,MAAK;KACL,cAAc;KACd,UAAU;KACV,gBAAgB;KAEhB,MAAK;MACL;IAEJ,OAAO,EAAE,qCAAqC;KAC9C,CACU,CACb;;GAGP,CACU,CACV"}

package/dist/hooks/index.js CHANGED Viewed

@@ -37,7 +37,7 @@ import { t as useApiCatalog } from "../useApiCatalog-Dy3m4TZr.js";
 import { t as useFluentIcon } from "../useFluentIcon-D3rSGz0m.js";
 import "../QuickViewCard-BcHoQbEL.js";
 import { t as useItemSubCard } from "../useItemSubCard-1iIzXY3b.js";
-import { i as useOutlook, n as useDateLocale, r as useProductVersion, t as useWorkflow } from "../hooks-D1nzA6OI.js";
+import { i as useOutlook, n as useDateLocale, r as useProductVersion, t as useWorkflow } from "../hooks-BRJfLTY_.js";
 import "../lookupsStore-JxZ8sd4A.js";
 import { n as usePromotedLookupMethods, t as usePromotedMethodEntities } from "../usePromotedMethodEntities-CSH-aRof.js";
 import "../QueryResult-BQJ4dTzM.js";
@@ -45,7 +45,7 @@ import { t as useQueryExecutors } from "../useQueryExecutors-BnxPVZ0p.js";
 import "../searchEnums-BCjBowOK.js";
 import { t as useSearchFilterParamsMap } from "../useSearchFilterParamsMap-D4anvndE.js";
 import { t as useSplitDecimal } from "../useSplitDecimal-CXVfLuCT.js";
-import "../workflowStore-CBcKriB2.js";
+import "../workflowStore-D-NHniHF.js";
 import { t as useVirtualActions } from "../virtualActions-CVQjzQ44.js";
 import { t as useUpdateSearchParams } from "../useUpdateSearchParams-B6ZXT8Ck.js";

package/dist/{hooks-D1nzA6OI.js → hooks-BRJfLTY_.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as useUser } from "./useUser--tP6DN4i.js";
 import { t as apiMutate$1 } from "./useAxiosMutate-C_CLzTKW.js";
-import { t as useWorkflowStore } from "./workflowStore-CBcKriB2.js";
+import { t as useWorkflowStore } from "./workflowStore-D-NHniHF.js";
 import { useCallback, useEffect, useMemo } from "react";
 import { ConfigService } from "udp-react-stencil-component-library";
 import { DateTime } from "luxon";
@@ -157,4 +157,4 @@ const useWorkflow = () => {
 //#endregion
 export { useOutlook as i, useDateLocale as n, useProductVersion as r, useWorkflow as t };
-//# sourceMappingURL=hooks-D1nzA6OI.js.map
+//# sourceMappingURL=hooks-BRJfLTY_.js.map

package/dist/{hooks-D1nzA6OI.js.map → hooks-BRJfLTY_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hooks-D1nzA6OI.js","names":["apiMutate","dateTimeOptions: Intl.DateTimeFormatOptions","localeString: string"],"sources":["../src/hooks/useOutlook.js","../src/hooks/useProductVersion.js","../src/hooks/useDateLocale.ts","../src/hooks/useWorkflow.js"],"sourcesContent":["import { apiMutate } from '../utilities/useAxiosMutate';\nimport { useEffect } from 'react';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const useOutlook = (callbackUri, onLogin) => {\n\n const invalidateUserSession = async () => {\n try {\n // if (ConfigService.integrationV2ApiUrl === undefined) {\n // throw new Error('REACT_APP_INTEGRATION_V2_API_BASE is undefined')\n // }\n // const accessToken = localStorage.getItem('outlookAccessToken');\n // const response = await apiMutate(\n // ConfigService.integrationV2ApiUrl,\n // `OutlookIntegrationAccessToken/invalidateUserSession`,\n // {\n // method: \"post\",\n // headers : {\n // OutlookAccessToken: accessToken\n // }\n // }\n // )\n\n } catch (error) {\n console.error('Error refreshing access token:', error);\n return null;\n // }\n } finally {\n try {\n localStorage.removeItem('outlookAccessToken');\n } catch (error) {\n console.error('Error removing accessToken:', error);\n }\n\n try {\n localStorage.removeItem('outlookRefreshToken');\n } catch (error) {\n console.error('Error removing refreshToken:', error);\n }\n\n try {\n localStorage.removeItem('outlookExpiresAt');\n } catch (error) {\n console.error('Error removing expiresAt:', error);\n }\n\n }\n }\n\n const getAccessToken = async () => {\n let accessToken = localStorage.getItem('outlookAccessToken');\n\n if (!accessToken) {\n throw(new Error(\"No access token found\"));\n }\n\n const expiresAt = localStorage.getItem('outlookExpiresAt');\n if (expiresAt && !isBeforeCurrentTime(expiresAt)) {\n return accessToken;\n }\n\n const refreshToken = localStorage.getItem('outlookRefreshToken');\n if (!refreshToken) {\n throw(new Error(\"No refresh token found\"));\n }\n\n try {\n if (ConfigService.integrationV2ApiUrl === undefined) {\n throw new Error('REACT_APP_INTEGRATION_V2_API_BASE is undefined')\n }\n const response = await apiMutate(\n ConfigService.integrationV2ApiUrl,\n `OutlookIntegrationAccessToken/getAccessToken`,\n {\n method: \"post\",\n data: {\n option: \"refresh_token\",\n value: refreshToken,\n redirectUri: ConfigService.config.UNITY_URL + \"/aad_redirect\"\n }\n }\n )\n const data = response.data;\n if (data.accessToken != null && data.refreshToken != null && data.expiresIn != null) {\n localStorage.setItem('outlookAccessToken', data.accessToken);\n localStorage.setItem('outlookRefreshToken', data.refreshToken);\n localStorage.setItem('outlookExpiresAt', addSecondsToCurrentTimeUnix(data.expiresIn));\n return data.accessToken;\n } else {\n throw(new Error(\"Error: unable to get access token\"));\n }\n\n } catch (error) {\n console.error('Error refreshing access token:', error);\n return null;\n }\n };\n\n const login = () => {\n\n const baseUrl = 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize';\n const clientId = process.env.REACT_APP_MSAL_API_CLIENT_ID;\n const responseType = 'code';\n const redirectUri = `${ConfigService.config.UNITY_URL}/aad_redirect`;\n const responseMode = 'query';\n const scope = [\n 'https://graph.microsoft.com/Calendars.ReadWrite',\n 'https://graph.microsoft.com/Calendars.ReadWrite.Shared',\n 'https://graph.microsoft.com/OnlineMeetingTranscript.Read.All',\n 'https://graph.microsoft.com/OnlineMeetings.Read',\n ].join('%20'); // Join scopes with URL-encoded space\n\n const authUrl = `${baseUrl}?client_id=${clientId}&response_type=${responseType}&redirect_uri=${redirectUri}&response_mode=${responseMode}&scope=${scope}&state=${callbackUri}`;\n openLoginPopup(authUrl)\n // window.location.href = authUrl;\n }\n\n\n function openLoginPopup(url) {\n var width = 600;\n var height = 600;\n var left = (screen.width - width) / 2;\n var top = (screen.height - height) / 2;\n var features = `width=${width},height=${height},top=${top},left=${left},status=no,toolbar=no,menubar=no,location=no`;\n\n var popup = window.open(url, 'LoginPopup', features);\n return popup;\n }\n function addSecondsToCurrentTimeUnix(seconds) {\n var now = new Date();\n now.setSeconds(now.getSeconds() + seconds);\n return now.getTime();\n }\n\n function isBeforeCurrentTime(unixTime) {\n var now = new Date().getTime();\n return unixTime < now;\n }\n\n const isUserSignedIn = () => {\n const accessToken = localStorage.getItem('outlookAccessToken');\n const refreshToken = localStorage.getItem('outlookRefreshToken');\n const expiresAt = localStorage.getItem('outlookExpiresAt');\n if (accessToken && refreshToken && expiresAt && !isBeforeCurrentTime(expiresAt)) {\n return true;\n } else {\n return false;\n }\n }\n\n useEffect(() => {\n const handleStorageChange = (event) => {\n if (event.key === 'outlookAccessToken') {\n onLogin();\n }\n };\n\n window.addEventListener('storage', handleStorageChange);\n\n // Clean up the event listener\n return () => {\n window.removeEventListener('storage', handleStorageChange);\n };\n }, []);\n return {getAccessToken, invalidateUserSession, login, isUserSignedIn};\n}\n","import { useUser } from '../utilities/auth/useUser';\n\nexport const useProductVersion = (productId) => {\n const user = useUser();\n\n const matchingProduct = user?.products?.find(\n (product) => product?.productId === productId\n );\n\n return matchingProduct?.currentProductVersionId \|\| '';\n};\n","import React, { useMemo } from 'react'\nimport {DateTime} from 'luxon'\n\n// TODO: tie in datetime config at the user or tenant level\n\nexport interface UseDateLocaleReturn {\n convertISOStringToLocalDateTime: (date: string) => string \| null;\n convertISOStringToLocalDate: (date: string) => string \| null;\n getISODate: () => string;\n}\n\nexport const useDateLocale = (\n datetimeFormatOptions : Intl.DateTimeFormatOptions \| null = null,\n locale: string \| null = null\n): UseDateLocaleReturn => {\n\n const dateTimeOptions: Intl.DateTimeFormatOptions = useMemo(() => (datetimeFormatOptions ?? {\n timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: 'numeric',\n minute: 'numeric',\n hour12: true,\n }), [datetimeFormatOptions]);\n\n const localeString: string = useMemo(() => locale ?? navigator.language,[locale]);\n\n const convertISOStringToLocalDateTime = (date: string): string \| null => {\n const luxonDateTime = DateTime.fromISO(date, {zone: 'utc'});\n luxonDateTime.setZone(dateTimeOptions.timeZone);\n\n luxonDateTime.setLocale(localeString);\n\n if(!luxonDateTime.isValid)\n {\n return null;\n }\n return luxonDateTime.toLocaleString(dateTimeOptions);\n\n }\n\n const convertISOStringToLocalDate = (date: string): string \| null => {\n const luxonDateTime = DateTime.fromISO(date);\n luxonDateTime.setZone(dateTimeOptions.timeZone);\n\n luxonDateTime.setLocale(localeString);\n if(!luxonDateTime.isValid)\n {\n return null;\n }\n const { hour, minute, ...dateOptions} = dateTimeOptions;\n return luxonDateTime.toLocaleString(dateOptions);\n }\n\n const getISODate = ():string => {\n return DateTime.now().toISO({includeOffset:true, suppressMilliseconds: true})\n }\n\n return {\n convertISOStringToLocalDateTime: convertISOStringToLocalDateTime,\n convertISOStringToLocalDate: convertISOStringToLocalDate,\n getISODate: getISODate\n };\n}\n","import { useCallback } from 'react';\nimport { useWorkflowStore } from '../stores/workflowStore';\n\nexport const useWorkflow = () => {\n const { updateTaskDataMap } = useWorkflowStore();\n\n const setWorkflowTaskPageData = useCallback(\n (taskId, pageId, data) => {\n updateTaskDataMap(taskId, pageId, data);\n },\n [updateTaskDataMap]\n );\n\n return {\n setWorkflowTaskPageData\n };\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"hooks-BRJfLTY_.js","names":["apiMutate","dateTimeOptions: Intl.DateTimeFormatOptions","localeString: string"],"sources":["../src/hooks/useOutlook.js","../src/hooks/useProductVersion.js","../src/hooks/useDateLocale.ts","../src/hooks/useWorkflow.js"],"sourcesContent":["import { apiMutate } from '../utilities/useAxiosMutate';\nimport { useEffect } from 'react';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const useOutlook = (callbackUri, onLogin) => {\n\n const invalidateUserSession = async () => {\n try {\n // if (ConfigService.integrationV2ApiUrl === undefined) {\n // throw new Error('REACT_APP_INTEGRATION_V2_API_BASE is undefined')\n // }\n // const accessToken = localStorage.getItem('outlookAccessToken');\n // const response = await apiMutate(\n // ConfigService.integrationV2ApiUrl,\n // `OutlookIntegrationAccessToken/invalidateUserSession`,\n // {\n // method: \"post\",\n // headers : {\n // OutlookAccessToken: accessToken\n // }\n // }\n // )\n\n } catch (error) {\n console.error('Error refreshing access token:', error);\n return null;\n // }\n } finally {\n try {\n localStorage.removeItem('outlookAccessToken');\n } catch (error) {\n console.error('Error removing accessToken:', error);\n }\n\n try {\n localStorage.removeItem('outlookRefreshToken');\n } catch (error) {\n console.error('Error removing refreshToken:', error);\n }\n\n try {\n localStorage.removeItem('outlookExpiresAt');\n } catch (error) {\n console.error('Error removing expiresAt:', error);\n }\n\n }\n }\n\n const getAccessToken = async () => {\n let accessToken = localStorage.getItem('outlookAccessToken');\n\n if (!accessToken) {\n throw(new Error(\"No access token found\"));\n }\n\n const expiresAt = localStorage.getItem('outlookExpiresAt');\n if (expiresAt && !isBeforeCurrentTime(expiresAt)) {\n return accessToken;\n }\n\n const refreshToken = localStorage.getItem('outlookRefreshToken');\n if (!refreshToken) {\n throw(new Error(\"No refresh token found\"));\n }\n\n try {\n if (ConfigService.integrationV2ApiUrl === undefined) {\n throw new Error('REACT_APP_INTEGRATION_V2_API_BASE is undefined')\n }\n const response = await apiMutate(\n ConfigService.integrationV2ApiUrl,\n `OutlookIntegrationAccessToken/getAccessToken`,\n {\n method: \"post\",\n data: {\n option: \"refresh_token\",\n value: refreshToken,\n redirectUri: ConfigService.config.UNITY_URL + \"/aad_redirect\"\n }\n }\n )\n const data = response.data;\n if (data.accessToken != null && data.refreshToken != null && data.expiresIn != null) {\n localStorage.setItem('outlookAccessToken', data.accessToken);\n localStorage.setItem('outlookRefreshToken', data.refreshToken);\n localStorage.setItem('outlookExpiresAt', addSecondsToCurrentTimeUnix(data.expiresIn));\n return data.accessToken;\n } else {\n throw(new Error(\"Error: unable to get access token\"));\n }\n\n } catch (error) {\n console.error('Error refreshing access token:', error);\n return null;\n }\n };\n\n const login = () => {\n\n const baseUrl = 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize';\n const clientId = process.env.REACT_APP_MSAL_API_CLIENT_ID;\n const responseType = 'code';\n const redirectUri = `${ConfigService.config.UNITY_URL}/aad_redirect`;\n const responseMode = 'query';\n const scope = [\n 'https://graph.microsoft.com/Calendars.ReadWrite',\n 'https://graph.microsoft.com/Calendars.ReadWrite.Shared',\n 'https://graph.microsoft.com/OnlineMeetingTranscript.Read.All',\n 'https://graph.microsoft.com/OnlineMeetings.Read',\n ].join('%20'); // Join scopes with URL-encoded space\n\n const authUrl = `${baseUrl}?client_id=${clientId}&response_type=${responseType}&redirect_uri=${redirectUri}&response_mode=${responseMode}&scope=${scope}&state=${callbackUri}`;\n openLoginPopup(authUrl)\n // window.location.href = authUrl;\n }\n\n\n function openLoginPopup(url) {\n var width = 600;\n var height = 600;\n var left = (screen.width - width) / 2;\n var top = (screen.height - height) / 2;\n var features = `width=${width},height=${height},top=${top},left=${left},status=no,toolbar=no,menubar=no,location=no`;\n\n var popup = window.open(url, 'LoginPopup', features);\n return popup;\n }\n function addSecondsToCurrentTimeUnix(seconds) {\n var now = new Date();\n now.setSeconds(now.getSeconds() + seconds);\n return now.getTime();\n }\n\n function isBeforeCurrentTime(unixTime) {\n var now = new Date().getTime();\n return unixTime < now;\n }\n\n const isUserSignedIn = () => {\n const accessToken = localStorage.getItem('outlookAccessToken');\n const refreshToken = localStorage.getItem('outlookRefreshToken');\n const expiresAt = localStorage.getItem('outlookExpiresAt');\n if (accessToken && refreshToken && expiresAt && !isBeforeCurrentTime(expiresAt)) {\n return true;\n } else {\n return false;\n }\n }\n\n useEffect(() => {\n const handleStorageChange = (event) => {\n if (event.key === 'outlookAccessToken') {\n onLogin();\n }\n };\n\n window.addEventListener('storage', handleStorageChange);\n\n // Clean up the event listener\n return () => {\n window.removeEventListener('storage', handleStorageChange);\n };\n }, []);\n return {getAccessToken, invalidateUserSession, login, isUserSignedIn};\n}\n","import { useUser } from '../utilities/auth/useUser';\n\nexport const useProductVersion = (productId) => {\n const user = useUser();\n\n const matchingProduct = user?.products?.find(\n (product) => product?.productId === productId\n );\n\n return matchingProduct?.currentProductVersionId \|\| '';\n};\n","import React, { useMemo } from 'react'\nimport {DateTime} from 'luxon'\n\n// TODO: tie in datetime config at the user or tenant level\n\nexport interface UseDateLocaleReturn {\n convertISOStringToLocalDateTime: (date: string) => string \| null;\n convertISOStringToLocalDate: (date: string) => string \| null;\n getISODate: () => string;\n}\n\nexport const useDateLocale = (\n datetimeFormatOptions : Intl.DateTimeFormatOptions \| null = null,\n locale: string \| null = null\n): UseDateLocaleReturn => {\n\n const dateTimeOptions: Intl.DateTimeFormatOptions = useMemo(() => (datetimeFormatOptions ?? {\n timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: 'numeric',\n minute: 'numeric',\n hour12: true,\n }), [datetimeFormatOptions]);\n\n const localeString: string = useMemo(() => locale ?? navigator.language,[locale]);\n\n const convertISOStringToLocalDateTime = (date: string): string \| null => {\n const luxonDateTime = DateTime.fromISO(date, {zone: 'utc'});\n luxonDateTime.setZone(dateTimeOptions.timeZone);\n\n luxonDateTime.setLocale(localeString);\n\n if(!luxonDateTime.isValid)\n {\n return null;\n }\n return luxonDateTime.toLocaleString(dateTimeOptions);\n\n }\n\n const convertISOStringToLocalDate = (date: string): string \| null => {\n const luxonDateTime = DateTime.fromISO(date);\n luxonDateTime.setZone(dateTimeOptions.timeZone);\n\n luxonDateTime.setLocale(localeString);\n if(!luxonDateTime.isValid)\n {\n return null;\n }\n const { hour, minute, ...dateOptions} = dateTimeOptions;\n return luxonDateTime.toLocaleString(dateOptions);\n }\n\n const getISODate = ():string => {\n return DateTime.now().toISO({includeOffset:true, suppressMilliseconds: true})\n }\n\n return {\n convertISOStringToLocalDateTime: convertISOStringToLocalDateTime,\n convertISOStringToLocalDate: convertISOStringToLocalDate,\n getISODate: getISODate\n };\n}\n","import { useCallback } from 'react';\nimport { useWorkflowStore } from '../stores/workflowStore';\n\nexport const useWorkflow = () => {\n const { updateTaskDataMap } = useWorkflowStore();\n\n const setWorkflowTaskPageData = useCallback(\n (taskId, pageId, data) => {\n updateTaskDataMap(taskId, pageId, data);\n },\n [updateTaskDataMap]\n );\n\n return {\n setWorkflowTaskPageData\n };\n};\n"],"mappings":"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"}