@pega/react-sdk-components 0.23.0

package/lib/components/widgets/FileUtility/FileUtility.css

@@ -0,0 +1,117 @@
+.psdk-utility {
+  width: 100%;
+  padding: 0.625rem 0rem;
+  text-align: left;
+  background-color: white;
+  border-radius: 0.6125rem;
+  margin: 0.3125rem 0rem;
+  position: relative;
+}
+
+.psdk-header {
+  display: flex;
+  align-items: center;
+}
+
+.psdk-file-utility-card-svg-icon {
+  width: 1.4rem;
+  display: inline-block;
+}
+
+.header-text {
+  font-size: 1rem;
+  font-weight: bold;
+  padding: 0px 5px;
+}
+
+.psdk-utility-count {
+  background: #65b5f5;
+  border-radius: calc(1.125 * 0.5rem);
+  font-size: 0.75rem;
+  font-weight: bold;
+  text-align: center;
+  width: 1.25rem;
+}
+
+.psdk-dialog-background {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(100,100,100, 0.4);
+  position: fixed;
+  z-index: 999;
+  top: 0px;
+  left: 0px;
+}
+
+.psdk-modal-file-top {
+  display: table;
+  margin: auto;
+  min-width: 650px;
+  background-color: white;
+  border: 1px solid black;
+  border-radius: 10px;
+  padding: 20px;
+  box-shadow: 0 0 10px 3px #777;
+}
+
+.psdk-modal-file-selector {
+  border: 1px dashed;
+  width: 100%;
+  padding: 0.3rem;
+  text-align: center;;
+}
+
+.psdk-modal-links-row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.psdk-links-two-column {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: calc(1rem);
+  width: 83%;
+}
+
+.psdk-modal-link-data {
+  flex-grow: 3;
+}
+
+.psdk-modal-link-add {
+  flex-grow: 1;
+  margin-left: 10px;
+}
+
+.psdk-add-link-action {
+  text-transform: unset !important;
+  font-size: 14px;
+}
+
+.psdk-utility-view-all {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.psdk-view-all-header {
+  display: flex;
+  justify-content: space-between;
+}
+
+.psdk-close-button {
+  border: none;
+  background: none;
+  cursor: pointer;
+}
+
+.psdk-view-all-body {
+  max-height: 500px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}

package/lib/components/widgets/FileUtility/FileUtility.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './FileUtility.css';
+export default function FileUtility(props: any): JSX.Element;
+//# sourceMappingURL=FileUtility.d.ts.map

package/lib/components/widgets/FileUtility/FileUtility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUtility.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/FileUtility/FileUtility.tsx"],"names":[],"mappings":";AAMA,OAAO,mBAAmB,CAAC;AAS3B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,KAAA,eAuiBxC"}

package/lib/components/widgets/FileUtility/FileUtility.js

@@ -0,0 +1,456 @@
+import React, { useEffect, useState } from "react";
+import TextField from '@material-ui/core/TextField';
+import { Utils } from '../../helpers/utils';
+import download from "downloadjs";
+import SummaryList from '../SummaryList';
+import ActionButtonsForFileUtil from './ActionButtonsForFileUtil';
+import './FileUtility.css';
+import { IconButton, Menu, MenuItem } from '@material-ui/core';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import { Button } from '@material-ui/core';
+import { validateMaxSize } from '../../infra/Attachment/AttachmentUtils';
+import { CircularProgress } from "@material-ui/core";
+export default function FileUtility(props) {
+    const { getPConnect } = props;
+    const thePConn = getPConnect();
+    const required = true;
+    const listTemp = {
+        data: [],
+        count: 0
+    };
+    const [list, setList] = useState(listTemp);
+    const headerSvgIcon$ = Utils.getImageSrc('paper-clip', PCore.getAssetLoader().getStaticServerUrl());
+    const closeSvgIcon = Utils.getImageSrc("times", PCore.getAssetLoader().getStaticServerUrl());
+    const configProps = thePConn.resolveConfigProps(thePConn.getConfigProps());
+    const header = configProps.label;
+    const fileTemp = {
+        showfileModal: false,
+        fileList: [],
+        attachedFiles: [],
+        fileMainButtons: [{ actionID: "attach", jsAction: "attachFiles", name: "Attach files" }],
+        fileSecondaryButtons: [{ actionID: "cancel", jsAction: "cancel", name: "Cancel" }]
+    };
+    const [fileData, setFileData] = useState(fileTemp);
+    const linkTemp = {
+        showLinkModal: false,
+        linksList: [],
+        attachedLinks: [],
+        linkMainButtons: [{ actionID: "attach", jsAction: "attachLinks", name: "Attach links" }],
+        linkSecondaryButtons: [{ actionID: "cancel", jsAction: "cancel", name: "Cancel" }]
+    };
+    const [linkData, setLinkData] = useState(linkTemp);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const open = Boolean(anchorEl);
+    const [link, setLink] = useState({ title: '', url: '', disable: true });
+    const [inProgress, setProgress] = useState(false);
+    const [showViewAllModal, setViewAll] = useState(false);
+    const [vaItems, setFullAttachments] = useState([]);
+    function addAttachments(attsFromResp = []) {
+        attsFromResp = attsFromResp.map((respAtt) => {
+            const updatedAtt = {
+                ...respAtt,
+                meta: `${respAtt.category} . ${Utils.generateDateTime(respAtt.createTime, "DateTime-Since")}, ${respAtt.createdBy}`
+            };
+            if (updatedAtt.type === "FILE") {
+                updatedAtt.nameWithExt = updatedAtt.fileName;
+            }
+            return updatedAtt;
+        });
+        return attsFromResp;
+    }
+    function getListUtilityItemProps({ att, cancelFile, downloadFile, deleteFile, removeFile }) {
+        let actions;
+        if (att.progress && att.progress !== 100) {
+            actions = [
+                {
+                    id: `Cancel-${att.ID}`,
+                    text: "Cancel",
+                    icon: "times",
+                    onClick: cancelFile
+                }
+            ];
+        }
+        else if (att.links) {
+            const isFile = att.type === "FILE";
+            const ID = att.ID.replace(/\s/gi, "");
+            const actionsMap = new Map([
+                [
+                    "download",
+                    {
+                        id: `download-${ID}`,
+                        text: isFile ? "Download" : "Open",
+                        icon: isFile ? "download" : "open",
+                        onClick: downloadFile
+                    }
+                ],
+                [
+                    "delete",
+                    {
+                        id: `Delete-${ID}`,
+                        text: "Delete",
+                        icon: "trash",
+                        onClick: deleteFile
+                    }
+                ]
+            ]);
+            actions = [];
+            actionsMap.forEach((action, actionKey) => {
+                if (att.links[actionKey]) {
+                    actions.push(action);
+                }
+            });
+        }
+        else if (att.error) {
+            actions = [
+                {
+                    id: `Remove-${att.ID}`,
+                    text: "Remove",
+                    icon: "trash",
+                    onClick: removeFile
+                }
+            ];
+        }
+        return {
+            id: att.ID,
+            visual: {
+                icon: Utils.getIconForAttachment(att),
+                progress: att.progress === 100 ? undefined : att.progress,
+            },
+            primary: {
+                type: att.type,
+                name: att.name,
+                icon: "open",
+                click: downloadFile,
+            },
+            secondary: {
+                text: att.meta
+            },
+            actions
+        };
+    }
+    function fileDownload(data, fileName, ext) {
+        const file = ext ? `${fileName}.${ext}` : fileName;
+        download(atob(data), file);
+    }
+    ;
+    function downloadAttachedFile(att) {
+        const attachUtils = PCore.getAttachmentUtils();
+        const { ID, name, extension, type } = att;
+        const context = thePConn.getContextName();
+        attachUtils
+            .downloadAttachment(ID, context)
+            .then((content) => {
+            if (type === "FILE") {
+                fileDownload(content.data, name, extension);
+            }
+            else if (type === "URL") {
+                let { data } = content;
+                if (!/^(http|https):\/\//.test(data)) {
+                    data = `//${data}`;
+                }
+                window.open(content.data, "_blank");
+            }
+        })
+            .catch();
+    }
+    function deleteAttachedFile(att) {
+        const attachUtils = PCore.getAttachmentUtils();
+        const { ID } = att;
+        const context = thePConn.getContextName();
+        attachUtils.deleteAttachment(ID, context)
+            .then(() => {
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            getAttachments();
+        })
+            .catch();
+    }
+    const getAttachments = () => {
+        const attachmentUtils = PCore.getAttachmentUtils();
+        const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
+        if (caseID && caseID !== "") {
+            const attPromise = attachmentUtils.getCaseAttachments(caseID, thePConn.getContextName());
+            attPromise
+                .then((resp) => {
+                const arFullListAttachments = addAttachments(resp);
+                const attachmentsCount = arFullListAttachments.length;
+                const arItems = arFullListAttachments.slice(0, 3).map((att) => {
+                    return getListUtilityItemProps({
+                        att,
+                        downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,
+                        cancelFile: null,
+                        deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,
+                        removeFile: null
+                    });
+                });
+                const viewAllarItems = arFullListAttachments.map((att) => {
+                    return getListUtilityItemProps({
+                        att,
+                        downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,
+                        cancelFile: null,
+                        deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,
+                        removeFile: null
+                    });
+                });
+                setProgress(false);
+                setList((current) => {
+                    return { ...current, count: attachmentsCount, data: arItems };
+                });
+                setFullAttachments(viewAllarItems);
+            });
+        }
+    };
+    useEffect(() => {
+        getAttachments();
+    }, []);
+    useEffect(() => {
+        PCore.getPubSubUtils().subscribe(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, getAttachments, "caseAttachmentsUpdateFromCaseview");
+        return () => {
+            PCore.getPubSubUtils().unsubscribe(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, "caseAttachmentsUpdateFromCaseview");
+        };
+    }, []);
+    function setNewFiles(arFiles) {
+        let index = 0;
+        for (const file of arFiles) {
+            if (!validateMaxSize(file, 5)) {
+                file.error = true;
+                file.meta = "File is too big. Max allowed size is 5MB.";
+            }
+            file.mimeType = file.type;
+            file.icon = Utils.getIconFromFileType(file.type);
+            file.ID = `${new Date().getTime()}I${index}`;
+            index += 1;
+        }
+        return arFiles;
+    }
+    function getFiles(arFiles) {
+        return setNewFiles(arFiles);
+    }
+    function uploadMyFiles(event) {
+        // alert($event.target.files[0]); // outputs the first file
+        const arFiles = getFiles(event.target.files);
+        // convert FileList to an array
+        const myFiles = Array.from(arFiles);
+        const arFileList$ = myFiles.map((att) => {
+            return getListUtilityItemProps({
+                att,
+                downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,
+                cancelFile: null,
+                deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,
+                removeFile: null
+            });
+        });
+        setFileData((current) => {
+            return { ...current, fileList: arFileList$, attachedFiles: myFiles };
+        });
+    }
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    function onAddFilesClick() {
+        setFileData((current) => {
+            return { ...current, showfileModal: true };
+        });
+        setAnchorEl(null);
+    }
+    function removeFileFromList(item) {
+        let attachedFiles = fileData.attachedFiles;
+        let fileList = fileData.fileList;
+        if (item !== null) {
+            attachedFiles = attachedFiles.filter(ele => ele.ID !== item.id);
+            fileList = fileList.filter(ele => ele.id !== item.id);
+            setFileData((current) => {
+                return { ...current, fileList, attachedFiles };
+            });
+        }
+    }
+    function closeFilePopup() {
+        setFileData((current) => {
+            return { ...current, showfileModal: false };
+        });
+    }
+    function onAttachFiles() {
+        const attachmentUtils = PCore.getAttachmentUtils();
+        const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
+        const onUploadProgress = () => { };
+        const errorHandler = () => { };
+        closeFilePopup();
+        if (fileData.attachedFiles && fileData.attachedFiles.length > 0) {
+            setProgress(true);
+        }
+        for (const file of fileData.attachedFiles) {
+            attachmentUtils
+                .uploadAttachment(file, onUploadProgress, errorHandler, thePConn.getContextName())
+                .then((fileResponse) => {
+                if (fileResponse.type === "File") {
+                    attachmentUtils.linkAttachmentsToCase(caseID, [fileResponse], "File", thePConn.getContextName())
+                        .then(() => {
+                        setFileData((current) => {
+                            return { ...current, fileList: [], attachedFiles: [] };
+                        });
+                        getAttachments();
+                    })
+                        .catch();
+                }
+            })
+                .catch();
+        }
+    }
+    function onAddLinksClick() {
+        setLinkData((current) => {
+            return { ...current, showLinkModal: true };
+        });
+        setAnchorEl(null);
+    }
+    function closeAddLinksPopup() {
+        setLinkData((current) => {
+            return { ...current, showLinkModal: false };
+        });
+    }
+    const fieldlinkOnChange = (event) => {
+        const title = event.target.value;
+        setLink((current) => {
+            const updatedData = { ...current, title };
+            updatedData.disable = !(updatedData.title && updatedData.url);
+            return updatedData;
+        });
+    };
+    function fieldurlOnChange(event) {
+        const url = event.target.value;
+        setLink((current) => {
+            const updatedData = { ...current, url };
+            updatedData.disable = !(updatedData.title && updatedData.url);
+            return updatedData;
+        });
+    }
+    function addLink() {
+        // copy list locally
+        const localList = linkData.linksList.slice();
+        const url = link.url;
+        if (!/^(http|https):\/\//.test(link.url)) {
+            link.url = `http://${link.url}`;
+        }
+        // list for display
+        let oLink = {};
+        oLink.icon = "chain";
+        oLink.ID = `${new Date().getTime()}`;
+        oLink = getListUtilityItemProps({
+            att: oLink,
+            downloadFile: null,
+            cancelFile: null,
+            deleteFile: null,
+            removeFile: null
+        });
+        oLink.type = "URL";
+        oLink.primary.type = oLink.type;
+        oLink.visual.icon = "chain";
+        oLink.primary.name = link.title;
+        oLink.primary.icon = "open";
+        oLink.secondary.text = url;
+        localList.push(oLink);
+        // list for actually attachments
+        const attachedListTemp = linkData.attachedLinks.slice();
+        const attachedLink = {};
+        attachedLink.id = oLink.id;
+        attachedLink.linkTitle = link.title;
+        attachedLink.type = oLink.type;
+        attachedLink.url = url;
+        attachedListTemp.push(attachedLink);
+        setLinkData((current) => {
+            return { ...current, linksList: localList, attachedLinks: attachedListTemp };
+        });
+        // clear values
+        setLink({ title: '', url: '', disable: true });
+    }
+    function removeLinksFromList(item) {
+        let attachedLinks = linkData.attachedLinks;
+        let linksList = linkData.linksList;
+        if (item !== null) {
+            attachedLinks = attachedLinks.filter(ele => ele.id !== item.id);
+            linksList = linksList.filter(ele => ele.id !== item.id);
+            setLinkData((current) => {
+                return { ...current, linksList, attachedLinks };
+            });
+        }
+    }
+    function onAttachLinks() {
+        const attachmentUtils = PCore.getAttachmentUtils();
+        const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
+        const links = linkData.attachedLinks;
+        closeAddLinksPopup();
+        const linksToAttach = links.map((item) => ({
+            type: "URL",
+            category: "URL",
+            url: item.url,
+            name: item.linkTitle
+        }));
+        if (linksToAttach && linksToAttach.length > 0) {
+            setProgress(true);
+            attachmentUtils
+                .linkAttachmentsToCase(caseID, linksToAttach, "URL", thePConn.getContextName())
+                .then(() => {
+                setLinkData((current) => {
+                    return { ...current, linksList: [], attachedLinks: [] };
+                });
+                getAttachments();
+            })
+                .catch(setProgress(false));
+        }
+    }
+    return (React.createElement("div", { className: "psdk-utility" },
+        inProgress && (React.createElement("div", { className: "progress-div" },
+            React.createElement(CircularProgress, null))),
+        React.createElement("div", { className: "psdk-header" },
+            React.createElement("img", { className: "psdk-file-utility-card-svg-icon", src: headerSvgIcon$ }),
+            React.createElement("div", { className: "header-text" }, header),
+            React.createElement("div", { className: "psdk-utility-count", id: "attachments-count" }, list.count),
+            React.createElement("div", { style: { flexGrow: 1 } }),
+            React.createElement("div", null,
+                React.createElement(IconButton, { id: "long-button", "aria-controls": open ? 'simple-menu' : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": "true", onClick: handleClick },
+                    React.createElement(MoreVertIcon, null)),
+                React.createElement(Menu, { style: { marginTop: '3rem' }, id: "simple-menu", anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose },
+                    React.createElement(MenuItem, { style: { fontSize: '14px' }, onClick: onAddFilesClick }, "Add Files"),
+                    React.createElement(MenuItem, { style: { fontSize: '14px' }, onClick: onAddLinksClick }, "Add Links")))),
+        list.data.length > 0 && (React.createElement("div", { style: { marginTop: '1rem' } },
+            React.createElement(SummaryList, { "arItems$": list.data }))),
+        list.count > 3 && (React.createElement("div", { className: "psdk-utility-view-all" },
+            React.createElement(Button, { style: { textTransform: 'none' }, color: "primary", onClick: () => setViewAll(true) }, "View all"))),
+        fileData.showfileModal && (React.createElement("div", { className: "psdk-dialog-background" },
+            React.createElement("div", { className: "psdk-modal-file-top" },
+                React.createElement("h3", null, "Add local files"),
+                React.createElement("div", { className: "psdk-modal-body" },
+                    React.createElement("div", { className: "psdk-modal-file-selector" },
+                        React.createElement("label", { htmlFor: 'upload-files' },
+                            React.createElement("input", { style: { display: 'none' }, id: 'upload-files', name: 'upload-files', type: 'file', multiple: true, onChange: uploadMyFiles }),
+                            React.createElement(Button, { variant: 'outlined', color: 'primary', component: "span" }, "Upload file(s)"))),
+                    fileData.fileList.length > 0 && (React.createElement("div", { style: { marginTop: '1rem' } },
+                        React.createElement(SummaryList, { "menuIconOverride$": 'trash', "arItems$": fileData.fileList, "menuIconOverrideAction$": removeFileFromList }))),
+                    fileData.fileList.length === 0 && (React.createElement("div", null)),
+                    React.createElement(ActionButtonsForFileUtil, { arMainButtons: fileData.fileMainButtons, arSecondaryButtons: fileData.fileSecondaryButtons, primaryAction: onAttachFiles, secondaryAction: closeFilePopup }))))),
+        linkData.showLinkModal && (React.createElement("div", { className: "psdk-dialog-background" },
+            React.createElement("div", { className: "psdk-modal-file-top" },
+                React.createElement("h3", null, "Add links"),
+                React.createElement("div", { className: "psdk-modal-body" },
+                    React.createElement("div", { className: "psdk-modal-links-row" },
+                        React.createElement("div", { className: "psdk-links-two-column" },
+                            React.createElement("div", { className: "psdk-modal-link-data" },
+                                React.createElement(TextField, { fullWidth: true, variant: "outlined", label: "Link title", size: "small", required: required, value: link.title, onChange: fieldlinkOnChange })),
+                            React.createElement("div", { className: "psdk-modal-link-data" },
+                                React.createElement(TextField, { fullWidth: true, variant: "outlined", label: "URL", size: "small", required: required, value: link.url, onChange: fieldurlOnChange }))),
+                        React.createElement("div", { className: "psdk-modal-link-add" },
+                            React.createElement(Button, { className: "psdk-add-link-action", color: "primary", variant: "contained", component: "span", onClick: addLink, disabled: link.disable }, "Add Link"))),
+                    linkData.linksList.length > 0 && (React.createElement("div", { style: { marginTop: '1rem' } },
+                        React.createElement(SummaryList, { "menuIconOverride$": 'trash', "arItems$": linkData.linksList, "menuIconOverrideAction$": removeLinksFromList }))),
+                    React.createElement(ActionButtonsForFileUtil, { arMainButtons: linkData.linkMainButtons, arSecondaryButtons: linkData.linkSecondaryButtons, primaryAction: onAttachLinks, secondaryAction: closeAddLinksPopup }))))),
+        showViewAllModal && (React.createElement("div", { className: "psdk-dialog-background" },
+            React.createElement("div", { className: "psdk-modal-file-top" },
+                React.createElement("div", { className: "psdk-view-all-header" },
+                    React.createElement("h3", null, "Attachments"),
+                    React.createElement("button", { type: "button", className: "psdk-close-button", onClick: () => setViewAll(false) },
+                        React.createElement("img", { className: "psdk-utility-card-actions-svg-icon", src: closeSvgIcon }))),
+                React.createElement("div", { className: "psdk-view-all-body" },
+                    React.createElement(SummaryList, { "arItems$": vaItems })))))));
+}
+//# sourceMappingURL=FileUtility.js.map

package/lib/components/widgets/FileUtility/FileUtility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUtility.js","sourceRoot":"","sources":["../../../../src/components/widgets/FileUtility/FileUtility.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport TextField from '@material-ui/core/TextField';\nimport { Utils } from '../../helpers/utils';\nimport download from \"downloadjs\";\nimport SummaryList from '../SummaryList';\nimport ActionButtonsForFileUtil from './ActionButtonsForFileUtil';\nimport './FileUtility.css';\nimport  { IconButton, Menu, MenuItem } from '@material-ui/core';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport { Button } from '@material-ui/core';\nimport { validateMaxSize } from '../../infra/Attachment/AttachmentUtils';\nimport { CircularProgress } from \"@material-ui/core\";\n\ndeclare const PCore;\n\nexport default function FileUtility(props) {\n  const { getPConnect } = props;\n  const thePConn = getPConnect();\n  const required = true;\n  const listTemp = {\n    data: [],\n    count: 0\n  };\n  const [list, setList] = useState(listTemp);\n  const headerSvgIcon$ = Utils.getImageSrc('paper-clip', PCore.getAssetLoader().getStaticServerUrl());\n  const closeSvgIcon = Utils.getImageSrc(\"times\", PCore.getAssetLoader().getStaticServerUrl());\n  const configProps: any = thePConn.resolveConfigProps(thePConn.getConfigProps());\n\n  const header = configProps.label;\n  const fileTemp = {\n    showfileModal: false,\n    fileList: [],\n    attachedFiles: [],\n    fileMainButtons: [{ actionID: \"attach\", jsAction: \"attachFiles\", name: \"Attach files\"}],\n    fileSecondaryButtons: [{ actionID: \"cancel\", jsAction: \"cancel\", name: \"Cancel\"}]\n  };\n  const [fileData, setFileData] = useState(fileTemp);\n  const linkTemp = {\n    showLinkModal: false,\n    linksList: [],\n    attachedLinks: [],\n    linkMainButtons: [{ actionID: \"attach\", jsAction: \"attachLinks\", name: \"Attach links\"}],\n    linkSecondaryButtons: [{ actionID: \"cancel\", jsAction: \"cancel\", name: \"Cancel\"}]\n  };\n  const [linkData, setLinkData] = useState(linkTemp);\n  const [anchorEl, setAnchorEl] = useState(null);\n  const open = Boolean(anchorEl);\n  const [link, setLink] = useState({title: '', url: '', disable: true});\n  const [inProgress, setProgress] = useState(false);\n  const [showViewAllModal, setViewAll] = useState(false);\n  const [vaItems, setFullAttachments] = useState([]);\n\n  function addAttachments(attsFromResp: Array<any> = []) {\n     attsFromResp = attsFromResp.map((respAtt) => {\n       const updatedAtt = {\n         ...respAtt,\n         meta: `${respAtt.category} . ${Utils.generateDateTime(respAtt.createTime, \"DateTime-Since\")}, ${\n           respAtt.createdBy\n         }`\n       };\n       if (updatedAtt.type === \"FILE\") {\n         updatedAtt.nameWithExt = updatedAtt.fileName;\n       }\n       return updatedAtt;\n     });\n     return attsFromResp;\n  }\n\n  function getListUtilityItemProps({\n    att,\n    cancelFile,\n    downloadFile,\n    deleteFile,\n    removeFile\n  }) {\n    let actions;\n\n\n    if (att.progress && att.progress !== 100) {\n      actions = [\n        {\n          id: `Cancel-${att.ID}`,\n          text: \"Cancel\",\n          icon: \"times\",\n          onClick: cancelFile\n        }\n      ];\n    } else if (att.links) {\n      const isFile = att.type === \"FILE\";\n      const ID = att.ID.replace(/\\s/gi, \"\");\n      const actionsMap = new Map([\n        [\n          \"download\",\n          {\n            id: `download-${ID}`,\n            text: isFile ? \"Download\" : \"Open\",\n            icon: isFile ? \"download\" : \"open\",\n            onClick: downloadFile\n          }\n        ],\n        [\n          \"delete\",\n          {\n            id: `Delete-${ID}`,\n            text: \"Delete\",\n            icon: \"trash\",\n            onClick: deleteFile\n          }\n        ]\n      ]);\n      actions = [];\n      actionsMap.forEach((action, actionKey) => {\n        if (att.links[actionKey]) {\n          actions.push(action);\n        }\n      });\n    } else if (att.error) {\n      actions = [\n        {\n          id: `Remove-${att.ID}`,\n          text: \"Remove\",\n          icon: \"trash\",\n          onClick: removeFile\n        }\n      ];\n    }\n\n    return {\n      id: att.ID,\n      visual: {\n        icon: Utils.getIconForAttachment(att),\n        progress: att.progress === 100 ? undefined: att.progress,\n      },\n      primary: {\n        type: att.type,\n        name: att.name,\n        icon: \"open\",\n        click: downloadFile,\n      },\n      secondary: {\n        text: att.meta\n      },\n      actions\n    };\n  }\n\n  function fileDownload(data, fileName, ext) {\n    const file = ext ? `${fileName}.${ext}` : fileName;\n    download(atob(data), file);\n  };\n\n  function downloadAttachedFile(att: any) {\n    const attachUtils = PCore.getAttachmentUtils();\n    const {ID, name, extension, type} = att;\n    const context = thePConn.getContextName();\n\n    attachUtils\n    .downloadAttachment(ID, context)\n    .then((content) => {\n      if (type === \"FILE\") {\n        fileDownload(content.data, name, extension);\n      } else if (type === \"URL\") {\n        let { data } = content;\n        if (!/^(http|https):\\/\\//.test(data)) {\n          data = `//${data}`;\n        }\n        window.open(content.data, \"_blank\");\n      }\n    })\n    .catch();\n  }\n\n  function deleteAttachedFile(att: any) {\n    const attachUtils = PCore.getAttachmentUtils();\n    const {ID} = att;\n    const context = thePConn.getContextName();\n\n    attachUtils.deleteAttachment(ID, context)\n      .then(() => {\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        getAttachments();\n      })\n      .catch();\n  }\n\n  const getAttachments = () => {\n\n    const attachmentUtils = PCore.getAttachmentUtils();\n    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);\n\n    if (caseID && caseID !== \"\") {\n      const attPromise = attachmentUtils.getCaseAttachments(caseID, thePConn.getContextName());\n\n      attPromise\n        .then( (resp) => {\n          const arFullListAttachments = addAttachments(resp);\n          const attachmentsCount = arFullListAttachments.length;\n          const arItems: any = arFullListAttachments.slice(0, 3).map((att) => {\n            return getListUtilityItemProps({\n              att,\n              downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,\n              cancelFile: null,\n              deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,\n              removeFile: null\n            });\n          });\n          const viewAllarItems: any = arFullListAttachments.map((att) => {\n            return getListUtilityItemProps({\n              att,\n              downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,\n              cancelFile: null,\n              deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,\n              removeFile: null\n            });\n          });\n          setProgress(false);\n          setList((current) => {\n            return {...current, count: attachmentsCount, data: arItems}\n          });\n          setFullAttachments(viewAllarItems);\n        });\n    }\n  }\n\n  useEffect(() => {\n    getAttachments();\n  }, []);\n\n\n  useEffect(() => {\n    PCore.getPubSubUtils().subscribe(\n      PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW,\n      getAttachments,\n      \"caseAttachmentsUpdateFromCaseview\"\n    );\n\n    return () => {\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW,\n        \"caseAttachmentsUpdateFromCaseview\"\n      );\n    };\n  }, []);\n\n  function setNewFiles(arFiles) {\n    let index = 0;\n    for (const file of arFiles) {\n      if (!validateMaxSize(file, 5)) {\n        file.error = true;\n        file.meta = \"File is too big. Max allowed size is 5MB.\";\n      }\n      file.mimeType = file.type;\n      file.icon = Utils.getIconFromFileType(file.type);\n      file.ID = `${new Date().getTime()}I${index}`;\n      index+=1;\n    }\n    return arFiles;\n  }\n\n  function getFiles(arFiles: Array<any>): Array<any> {\n    return setNewFiles(arFiles);\n  }\n\n  function uploadMyFiles(event) {\n    // alert($event.target.files[0]); // outputs the first file\n    const arFiles = getFiles(event.target.files);\n    // convert FileList to an array\n    const myFiles: any = Array.from(arFiles);\n\n    const arFileList$: any = myFiles.map((att: any) => {\n      return getListUtilityItemProps({\n        att,\n        downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,\n        cancelFile: null,\n        deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,\n        removeFile: null\n      });\n    });\n    setFileData((current) => {\n      return {...current, fileList: arFileList$, attachedFiles: myFiles}\n    });\n  }\n\n\n\n  const handleClick = (event) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  function onAddFilesClick() {\n    setFileData((current) => {\n      return {...current, showfileModal: true}\n    });\n    setAnchorEl(null);\n  }\n\n  function removeFileFromList(item: any) {\n    let attachedFiles: any = fileData.attachedFiles;\n    let fileList: any = fileData.fileList;\n    if (item !== null) {\n      attachedFiles = attachedFiles.filter(ele => ele.ID !== item.id);\n      fileList = fileList.filter(ele => ele.id !== item.id);\n      setFileData((current) => {\n        return {...current, fileList, attachedFiles}\n      });\n    }\n  }\n\n  function closeFilePopup() {\n    setFileData((current) => {\n      return {...current, showfileModal: false}\n    });\n  }\n\n  function onAttachFiles() {\n    const attachmentUtils = PCore.getAttachmentUtils();\n    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);\n    const onUploadProgress = () => {};\n    const errorHandler = () => {};\n    closeFilePopup()\n    if (fileData.attachedFiles && fileData.attachedFiles.length > 0 ) {\n      setProgress(true);\n    }\n    for (const file of fileData.attachedFiles) {\n      attachmentUtils\n      .uploadAttachment(\n        file,\n        onUploadProgress,\n        errorHandler,\n        thePConn.getContextName()\n      )\n      .then((fileResponse) => {\n        if (fileResponse.type === \"File\") {\n          attachmentUtils.linkAttachmentsToCase(\n            caseID,\n            [ fileResponse ],\n            \"File\",\n            thePConn.getContextName()\n          )\n          .then(() => {\n            setFileData((current) => {\n              return {...current, fileList: [], attachedFiles: []};\n            });\n            getAttachments();\n          })\n          .catch();\n        }\n      })\n      .catch();\n    }\n  }\n\n  function onAddLinksClick() {\n    setLinkData((current) => {\n      return {...current, showLinkModal: true}\n    });\n    setAnchorEl(null);\n  }\n\n  function closeAddLinksPopup() {\n    setLinkData((current) => {\n      return {...current, showLinkModal: false}\n    });\n  }\n\n  const fieldlinkOnChange = (event) => {\n    const title = event.target.value;\n    setLink((current) => {\n      const updatedData = {...current, title};\n      updatedData.disable = !(updatedData.title && updatedData.url);\n      return updatedData;\n    });\n  }\n\n  function fieldurlOnChange(event) {\n    const url = event.target.value;\n    setLink((current) => {\n      const updatedData = {...current, url}\n      updatedData.disable = !(updatedData.title && updatedData.url);\n      return updatedData;\n    });\n  }\n\n  function addLink() {\n    // copy list locally\n    const localList: any = linkData.linksList.slice();\n    const url = link.url;\n    if (!/^(http|https):\\/\\//.test(link.url)) {\n      link.url  = `http://${link.url}`;\n    }\n\n    // list for display\n    let oLink: any = {};\n    oLink.icon = \"chain\";\n    oLink.ID = `${new Date().getTime()}`;\n    oLink = getListUtilityItemProps({\n      att: oLink,\n      downloadFile: null,\n      cancelFile: null,\n      deleteFile: null,\n      removeFile: null\n    });\n    oLink.type = \"URL\";\n    oLink.primary.type = oLink.type;\n    oLink.visual.icon = \"chain\";\n    oLink.primary.name = link.title;\n    oLink.primary.icon = \"open\";\n    oLink.secondary.text = url;\n\n    localList.push(oLink);\n\n    // list for actually attachments\n    const attachedListTemp: any = linkData.attachedLinks.slice();\n    const attachedLink: any = {};\n    attachedLink.id = oLink.id;\n    attachedLink.linkTitle = link.title;\n    attachedLink.type = oLink.type;\n    attachedLink.url = url;\n\n    attachedListTemp.push(attachedLink);\n    setLinkData((current) => {\n      return {...current, linksList: localList, attachedLinks: attachedListTemp}\n    });\n    // clear values\n    setLink({title: '', url: '', disable: true});\n  }\n\n  function removeLinksFromList(item: any) {\n    let attachedLinks: any = linkData.attachedLinks;\n    let linksList: any = linkData.linksList;\n    if (item !== null) {\n      attachedLinks = attachedLinks.filter(ele => ele.id !== item.id);\n      linksList = linksList.filter(ele => ele.id !== item.id);\n      setLinkData((current) => {\n        return {...current, linksList, attachedLinks}\n      });\n    }\n  }\n\n  function onAttachLinks() {\n    const attachmentUtils = PCore.getAttachmentUtils();\n    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);\n    const links = linkData.attachedLinks;\n    closeAddLinksPopup();\n    const linksToAttach = links.map((item: any) => ({\n      type: \"URL\",\n      category: \"URL\",\n      url: item.url,\n      name: item.linkTitle\n    }));\n\n    if (linksToAttach && linksToAttach.length > 0) {\n      setProgress(true);\n      attachmentUtils\n      .linkAttachmentsToCase(caseID, linksToAttach, \"URL\", thePConn.getContextName())\n      .then( () => {\n        setLinkData((current) => {\n          return {...current, linksList: [], attachedLinks: []};\n        });\n        getAttachments();\n      })\n      .catch(setProgress(false));\n    }\n  }\n\n  return (\n    <div className=\"psdk-utility\">\n      {inProgress && (<div className=\"progress-div\"><CircularProgress /></div>)}\n      <div className=\"psdk-header\">\n        <img className=\"psdk-file-utility-card-svg-icon\" src={headerSvgIcon$}></img>\n        <div className=\"header-text\">{header}</div>\n        <div className=\"psdk-utility-count\" id=\"attachments-count\">{list.count}</div>\n        <div style={{flexGrow: 1}}></div>\n        <div>\n          <IconButton\n            id=\"long-button\"\n            aria-controls={open ? 'simple-menu' : undefined}\n            aria-expanded={open ? 'true' : undefined}\n            aria-haspopup=\"true\"\n            onClick={handleClick}\n          >\n          <MoreVertIcon />\n          </IconButton>\n          <Menu style={{marginTop: '3rem'}}\n            id=\"simple-menu\"\n            anchorEl={anchorEl}\n            keepMounted\n            open={Boolean(anchorEl)}\n            onClose={handleClose}\n          >\n            <MenuItem style={{fontSize: '14px'}} onClick={onAddFilesClick}>Add Files</MenuItem>\n            <MenuItem style={{fontSize: '14px'}} onClick={onAddLinksClick}>Add Links</MenuItem>\n          </Menu>\n        </div>\n      </div>\n      {list.data.length > 0 && (<div style={{marginTop: '1rem'}}>\n        <SummaryList arItems$={list.data}></SummaryList>\n      </div>)}\n      {list.count > 3 && (<div className=\"psdk-utility-view-all\">\n        <Button style={{textTransform: 'none'}} color=\"primary\" onClick = {() => setViewAll(true)}>View all</Button>\n      </div>)}\n      {fileData.showfileModal && (\n        <div className=\"psdk-dialog-background\">\n        <div className=\"psdk-modal-file-top\">\n          <h3>Add local files</h3>\n          <div className=\"psdk-modal-body\">\n            <div className=\"psdk-modal-file-selector\">\n              <label htmlFor='upload-files'>\n                <input style={{ display: 'none' }} id='upload-files' name='upload-files' type='file' multiple onChange={uploadMyFiles}/>\n                <Button variant='outlined' color='primary' component=\"span\">Upload file(s)</Button>\n              </label>\n            </div>\n            {fileData.fileList.length > 0 && (<div style={{marginTop: '1rem'}}>\n              <SummaryList menuIconOverride$='trash' arItems$={fileData.fileList} menuIconOverrideAction$={removeFileFromList}></SummaryList>\n            </div>)}\n            {fileData.fileList.length === 0 && (<div></div>)}\n            <ActionButtonsForFileUtil arMainButtons={fileData.fileMainButtons} arSecondaryButtons={fileData.fileSecondaryButtons}\n             primaryAction={onAttachFiles} secondaryAction={closeFilePopup}></ActionButtonsForFileUtil>\n          </div>\n        </div>\n      </div>\n      )}\n      {linkData.showLinkModal && (\n        <div className=\"psdk-dialog-background\">\n          <div className=\"psdk-modal-file-top\">\n            <h3>Add links</h3>\n            <div className=\"psdk-modal-body\">\n              <div className=\"psdk-modal-links-row\">\n                  <div className=\"psdk-links-two-column\">\n                    <div className=\"psdk-modal-link-data\">\n                      <TextField fullWidth variant=\"outlined\" label=\"Link title\" size=\"small\" required={required} value={link.title} onChange={fieldlinkOnChange}/>\n                    </div>\n                    <div className=\"psdk-modal-link-data\">\n                      <TextField fullWidth variant=\"outlined\" label=\"URL\" size=\"small\" required={required} value={link.url} onChange={fieldurlOnChange}/>\n                    </div>\n                  </div>\n                  <div className=\"psdk-modal-link-add\">\n                    <Button className=\"psdk-add-link-action\" color=\"primary\" variant=\"contained\" component=\"span\" onClick={addLink} disabled={link.disable}>Add Link</Button>\n                  </div>\n                </div>\n                {linkData.linksList.length > 0 && (<div style={{marginTop: '1rem'}}>\n                  <SummaryList menuIconOverride$='trash' arItems$={linkData.linksList} menuIconOverrideAction$={removeLinksFromList}></SummaryList>\n                </div>)}\n                <ActionButtonsForFileUtil arMainButtons={linkData.linkMainButtons} arSecondaryButtons={linkData.linkSecondaryButtons}\n                primaryAction={onAttachLinks} secondaryAction={closeAddLinksPopup}></ActionButtonsForFileUtil>\n            </div>\n          </div>\n        </div>\n      )}\n      {showViewAllModal && (<div className=\"psdk-dialog-background\">\n        <div className=\"psdk-modal-file-top\">\n          <div className=\"psdk-view-all-header\">\n              <h3>Attachments</h3>\n              {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n              <button type=\"button\" className=\"psdk-close-button\" onClick = {() => setViewAll(false)}><img className=\"psdk-utility-card-actions-svg-icon\" src={closeSvgIcon}></img></button>\n          </div>\n          <div className=\"psdk-view-all-body\"><SummaryList arItems$={vaItems}></SummaryList></div>\n        </div>\n      </div>)}\n    </div>\n\n  )\n}\n"]}