@pega/react-sdk-components 23.1.10 → 23.1.12

package/lib/components/widget/FileUtility/FileUtility/FileUtility.js

@@ -1,15 +1,14 @@
-import React, { useEffect, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import TextField from '@material-ui/core/TextField';
 import { Utils } from '../../../helpers/utils';
-import download from "downloadjs";
+import download from 'downloadjs';
 // import SummaryList from '../../SummaryList';
 // import ActionButtonsForFileUtil from '../ActionButtonsForFileUtil';
 import './FileUtility.css';
-import { IconButton, Menu, MenuItem } from '@material-ui/core';
+import { IconButton, Menu, MenuItem, Button, CircularProgress } from '@material-ui/core';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
-import { Button } from '@material-ui/core';
 import { validateMaxSize } from '../../../helpers/attachmentHelpers';
-import { CircularProgress } from "@material-ui/core";
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 export default function FileUtility(props) {
     // Get emitted components from map (so we can get any override that may exist)
@@ -24,23 +23,47 @@ export default function FileUtility(props) {
     };
     const [list, setList] = useState(listTemp);
     const headerSvgIcon$ = Utils.getImageSrc('paper-clip', Utils.getSDKStaticConentUrl());
-    const closeSvgIcon = Utils.getImageSrc("times", Utils.getSDKStaticConentUrl());
+    const closeSvgIcon = Utils.getImageSrc('times', Utils.getSDKStaticConentUrl());
     const configProps = thePConn.resolveConfigProps(thePConn.getConfigProps());
     const header = configProps.label;
     const fileTemp = {
         showfileModal: false,
         fileList: [],
         attachedFiles: [],
-        fileMainButtons: [{ actionID: "attach", jsAction: "attachFiles", name: thePConn.getLocalizedValue('Attach files', '', '') }],
-        fileSecondaryButtons: [{ actionID: "cancel", jsAction: "cancel", name: thePConn.getLocalizedValue('Cancel', '', '') }] // 2nd and 3rd args empty string until typedef marked correctly
+        fileMainButtons: [
+            {
+                actionID: 'attach',
+                jsAction: 'attachFiles',
+                name: thePConn.getLocalizedValue('Attach files', '', '')
+            }
+        ],
+        fileSecondaryButtons: [
+            {
+                actionID: 'cancel',
+                jsAction: 'cancel',
+                name: thePConn.getLocalizedValue('Cancel', '', '')
+            }
+        ] // 2nd and 3rd args empty string until typedef marked correctly
     };
     const [fileData, setFileData] = useState(fileTemp);
     const linkTemp = {
         showLinkModal: false,
         linksList: [],
         attachedLinks: [],
-        linkMainButtons: [{ actionID: "attach", jsAction: "attachLinks", name: thePConn.getLocalizedValue('Attach links', '', '') }],
-        linkSecondaryButtons: [{ actionID: "cancel", jsAction: "cancel", name: thePConn.getLocalizedValue('Cancel', '', '') }] // 2nd and 3rd args empty string until typedef marked correctly
+        linkMainButtons: [
+            {
+                actionID: 'attach',
+                jsAction: 'attachLinks',
+                name: thePConn.getLocalizedValue('Attach links', '', '')
+            }
+        ],
+        linkSecondaryButtons: [
+            {
+                actionID: 'cancel',
+                jsAction: 'cancel',
+                name: thePConn.getLocalizedValue('Cancel', '', '')
+            }
+        ] // 2nd and 3rd args empty string until typedef marked correctly
     };
     const [linkData, setLinkData] = useState(linkTemp);
     const [anchorEl, setAnchorEl] = useState(null);
@@ -50,12 +73,12 @@ export default function FileUtility(props) {
     const [showViewAllModal, setViewAll] = useState(false);
     const [vaItems, setFullAttachments] = useState([]);
     function addAttachments(attsFromResp = []) {
-        attsFromResp = attsFromResp.map((respAtt) => {
+        attsFromResp = attsFromResp.map(respAtt => {
             const updatedAtt = {
                 ...respAtt,
-                meta: `${respAtt.category} . ${Utils.generateDateTime(respAtt.createTime, "DateTime-Since")}, ${respAtt.createdBy}`
+                meta: `${respAtt.category} . ${Utils.generateDateTime(respAtt.createTime, 'DateTime-Since')}, ${respAtt.createdBy}`
             };
-            if (updatedAtt.type === "FILE") {
+            if (updatedAtt.type === 'FILE') {
                 updatedAtt.nameWithExt = updatedAtt.fileName;
             }
             return updatedAtt;
@@ -69,30 +92,30 @@ export default function FileUtility(props) {
                 {
                     id: `Cancel-${att.ID}`,
                     text: thePConn.getLocalizedValue('Cancel', '', ''),
-                    icon: "times",
+                    icon: 'times',
                     onClick: cancelFile
                 }
             ];
         }
         else if (att.links) {
-            const isFile = att.type === "FILE";
-            const ID = att.ID.replace(/\s/gi, "");
+            const isFile = att.type === 'FILE';
+            const ID = att.ID.replace(/\s/gi, '');
             const actionsMap = new Map([
                 [
-                    "download",
+                    'download',
                     {
                         id: `download-${ID}`,
                         text: isFile ? thePConn.getLocalizedValue('Download', '', '') : thePConn.getLocalizedValue('Open', '', ''),
-                        icon: isFile ? "download" : "open",
+                        icon: isFile ? 'download' : 'open',
                         onClick: downloadFile
                     }
                 ],
                 [
-                    "delete",
+                    'delete',
                     {
                         id: `Delete-${ID}`,
                         text: thePConn.getLocalizedValue('Delete', '', ''),
-                        icon: "trash",
+                        icon: 'trash',
                         onClick: deleteFile
                     }
                 ]
@@ -109,7 +132,7 @@ export default function FileUtility(props) {
                 {
                     id: `Remove-${att.ID}`,
                     text: thePConn.getLocalizedValue('Remove', '', ''),
-                    icon: "trash",
+                    icon: 'trash',
                     onClick: removeFile
                 }
             ];
@@ -118,13 +141,13 @@ export default function FileUtility(props) {
             id: att.ID,
             visual: {
                 icon: Utils.getIconForAttachment(att),
-                progress: att.progress === 100 ? undefined : att.progress,
+                progress: att.progress === 100 ? undefined : att.progress
             },
             primary: {
                 type: att.type,
                 name: att.name,
-                icon: "open",
-                click: downloadFile,
+                icon: 'open',
+                click: downloadFile
             },
             secondary: {
                 text: att.meta
@@ -136,23 +159,23 @@ export default function FileUtility(props) {
         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
+            // @ts-ignore - 3rd parameter "responseEncoding" is optional
             .downloadAttachment(ID, context)
             .then((content) => {
-            if (type === "FILE") {
+            if (type === 'FILE') {
                 fileDownload(content.data, name, extension);
             }
-            else if (type === "URL") {
+            else if (type === 'URL') {
                 let { data } = content;
                 if (!/^(http|https):\/\//.test(data)) {
                     data = `//${data}`;
                 }
-                window.open(content.data, "_blank");
+                window.open(content.data, '_blank');
             }
         })
             .catch();
@@ -161,7 +184,8 @@ export default function FileUtility(props) {
         const attachUtils = PCore.getAttachmentUtils();
         const { ID } = att;
         const context = thePConn.getContextName();
-        attachUtils.deleteAttachment(ID, context)
+        attachUtils
+            .deleteAttachment(ID, context)
             .then(() => {
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
             getAttachments();
@@ -171,13 +195,12 @@ export default function FileUtility(props) {
     const getAttachments = () => {
         const attachmentUtils = PCore.getAttachmentUtils();
         const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef marked correctly
-        if (caseID && caseID !== "") {
+        if (caseID && caseID !== '') {
             const attPromise = attachmentUtils.getCaseAttachments(caseID, thePConn.getContextName());
-            attPromise
-                .then((resp) => {
+            attPromise.then((resp) => {
                 const arFullListAttachments = addAttachments(resp);
                 const attachmentsCount = arFullListAttachments.length;
-                const arItems = arFullListAttachments.slice(0, 3).map((att) => {
+                const arItems = arFullListAttachments.slice(0, 3).map(att => {
                     return getListUtilityItemProps({
                         att,
                         downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,
@@ -186,7 +209,7 @@ export default function FileUtility(props) {
                         removeFile: null
                     });
                 });
-                const viewAllarItems = arFullListAttachments.map((att) => {
+                const viewAllarItems = arFullListAttachments.map(att => {
                     return getListUtilityItemProps({
                         att,
                         downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,
@@ -196,7 +219,7 @@ export default function FileUtility(props) {
                     });
                 });
                 setProgress(false);
-                setList((current) => {
+                setList(current => {
                     return { ...current, count: attachmentsCount, data: arItems };
                 });
                 setFullAttachments(viewAllarItems);
@@ -207,9 +230,9 @@ export default function FileUtility(props) {
         getAttachments();
     }, []);
     useEffect(() => {
-        PCore.getPubSubUtils().subscribe(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, getAttachments, "caseAttachmentsUpdateFromCaseview");
+        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");
+            PCore.getPubSubUtils().unsubscribe(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, 'caseAttachmentsUpdateFromCaseview');
         };
     }, []);
     function setNewFiles(arFiles) {
@@ -217,7 +240,7 @@ export default function FileUtility(props) {
         for (const file of arFiles) {
             if (!validateMaxSize(file, '5')) {
                 file.error = true;
-                file.meta = "File is too big. Max allowed size is 5MB.";
+                file.meta = 'File is too big. Max allowed size is 5MB.';
             }
             file.mimeType = file.type;
             file.icon = Utils.getIconFromFileType(file.type);
@@ -243,18 +266,18 @@ export default function FileUtility(props) {
                 removeFile: null
             });
         });
-        setFileData((current) => {
+        setFileData(current => {
             return { ...current, fileList: arFileList$, attachedFiles: myFiles };
         });
     }
-    const handleClick = (event) => {
+    const handleClick = event => {
         setAnchorEl(event.currentTarget);
     };
     const handleClose = () => {
         setAnchorEl(null);
     };
     function onAddFilesClick() {
-        setFileData((current) => {
+        setFileData(current => {
             return { ...current, showfileModal: true };
         });
         setAnchorEl(null);
@@ -265,13 +288,13 @@ export default function FileUtility(props) {
         if (item !== null) {
             attachedFiles = attachedFiles.filter(ele => ele.ID !== item.id);
             fileList = fileList.filter(ele => ele.id !== item.id);
-            setFileData((current) => {
+            setFileData(current => {
                 return { ...current, fileList, attachedFiles };
             });
         }
     }
     function closeFilePopup() {
-        setFileData((current) => {
+        setFileData(current => {
             return { ...current, showfileModal: false };
         });
     }
@@ -284,38 +307,41 @@ export default function FileUtility(props) {
         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();
+        Promise.allSettled(fileData.attachedFiles.map(file => attachmentUtils.uploadAttachment(file, onUploadProgress, errorHandler, thePConn.getContextName())))
+            .then((fileResponses) => {
+            const uploadedFiles = [];
+            fileResponses.forEach(fileResponse => {
+                if (fileResponse.status === 'fulfilled') {
+                    uploadedFiles.push(fileResponse.value);
                 }
-            })
-                .catch();
-        }
+            });
+            if (uploadedFiles.length > 0) {
+                attachmentUtils.linkAttachmentsToCase(caseID, uploadedFiles, 'File', thePConn.getContextName())
+                    .then(() => {
+                    setFileData(current => {
+                        return { ...current, fileList: [], attachedFiles: [] };
+                    });
+                    getAttachments();
+                })
+                    .catch();
+            }
+        })
+            .catch();
     }
     function onAddLinksClick() {
-        setLinkData((current) => {
+        setLinkData(current => {
             return { ...current, showLinkModal: true };
         });
         setAnchorEl(null);
     }
     function closeAddLinksPopup() {
-        setLinkData((current) => {
+        setLinkData(current => {
             return { ...current, showLinkModal: false };
         });
     }
-    const fieldlinkOnChange = (event) => {
+    const fieldlinkOnChange = event => {
         const title = event.target.value;
-        setLink((current) => {
+        setLink(current => {
             const updatedData = { ...current, title };
             updatedData.disable = !(updatedData.title && updatedData.url);
             return updatedData;
@@ -323,7 +349,7 @@ export default function FileUtility(props) {
     };
     function fieldurlOnChange(event) {
         const url = event.target.value;
-        setLink((current) => {
+        setLink(current => {
             const updatedData = { ...current, url };
             updatedData.disable = !(updatedData.title && updatedData.url);
             return updatedData;
@@ -338,7 +364,7 @@ export default function FileUtility(props) {
         }
         // list for display
         let oLink = {};
-        oLink.icon = "chain";
+        oLink.icon = 'chain';
         oLink.ID = `${new Date().getTime()}`;
         oLink = getListUtilityItemProps({
             att: oLink,
@@ -347,11 +373,11 @@ export default function FileUtility(props) {
             deleteFile: null,
             removeFile: null
         });
-        oLink.type = "URL";
+        oLink.type = 'URL';
         oLink.primary.type = oLink.type;
-        oLink.visual.icon = "chain";
+        oLink.visual.icon = 'chain';
         oLink.primary.name = link.title;
-        oLink.primary.icon = "open";
+        oLink.primary.icon = 'open';
         oLink.secondary.text = url;
         localList.push(oLink);
         // list for actually attachments
@@ -362,8 +388,12 @@ export default function FileUtility(props) {
         attachedLink.type = oLink.type;
         attachedLink.url = url;
         attachedListTemp.push(attachedLink);
-        setLinkData((current) => {
-            return { ...current, linksList: localList, attachedLinks: attachedListTemp };
+        setLinkData(current => {
+            return {
+                ...current,
+                linksList: localList,
+                attachedLinks: attachedListTemp
+            };
         });
         // clear values
         setLink({ title: '', url: '', disable: true });
@@ -374,7 +404,7 @@ export default function FileUtility(props) {
         if (item !== null) {
             attachedLinks = attachedLinks.filter(ele => ele.id !== item.id);
             linksList = linksList.filter(ele => ele.id !== item.id);
-            setLinkData((current) => {
+            setLinkData(current => {
                 return { ...current, linksList, attachedLinks };
             });
         }
@@ -385,82 +415,23 @@ export default function FileUtility(props) {
         const links = linkData.attachedLinks;
         closeAddLinksPopup();
         const linksToAttach = links.map((item) => ({
-            type: "URL",
-            category: "URL",
+            type: 'URL',
+            category: 'URL',
             url: item.url,
             name: item.linkTitle
         }));
         if (linksToAttach && linksToAttach.length > 0) {
             setProgress(true);
-            attachmentUtils
-                .linkAttachmentsToCase(caseID, linksToAttach, "URL", thePConn.getContextName())
+            attachmentUtils.linkAttachmentsToCase(caseID, linksToAttach, 'URL', thePConn.getContextName())
                 .then(() => {
-                setLinkData((current) => {
+                setLinkData(current => {
                     return { ...current, linksList: [], attachedLinks: [] };
                 });
                 getAttachments();
             })
-                .catch(setProgress(false));
+                .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 }, thePConn.getLocalizedValue('Add files', '', '')),
-                    " ",
-                    React.createElement(MenuItem, { style: { fontSize: '14px' }, onClick: onAddLinksClick }, thePConn.getLocalizedValue('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, thePConn.getLocalizedValue('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" }, thePConn.getLocalizedValue('Attach files', '', '')),
-                            "  ")),
-                    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, thePConn.getLocalizedValue('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 }, thePConn.getLocalizedValue('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, thePConn.getLocalizedValue('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 })))))));
+    return (_jsxs("div", { className: 'psdk-utility', children: [inProgress && (_jsx("div", { className: 'progress-div', children: _jsx(CircularProgress, {}) })), _jsxs("div", { className: 'psdk-header', children: [_jsx("img", { className: 'psdk-file-utility-card-svg-icon', src: headerSvgIcon$ }), _jsx("div", { className: 'header-text', children: header }), _jsx("div", { className: 'psdk-utility-count', id: 'attachments-count', children: list.count }), _jsx("div", { style: { flexGrow: 1 } }), _jsxs("div", { children: [_jsx(IconButton, { id: 'long-button', "aria-controls": open ? 'simple-menu' : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": 'true', onClick: handleClick, children: _jsx(MoreVertIcon, {}) }), _jsxs(Menu, { style: { marginTop: '3rem' }, id: 'simple-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: [_jsx(MenuItem, { style: { fontSize: '14px' }, onClick: onAddFilesClick, children: thePConn.getLocalizedValue('Add files', '', '') }), ' ', _jsx(MenuItem, { style: { fontSize: '14px' }, onClick: onAddLinksClick, children: thePConn.getLocalizedValue('Add links', '', '') }), ' '] })] })] }), list.data.length > 0 && (_jsx("div", { style: { marginTop: '1rem' }, children: _jsx(SummaryList, { "arItems$": list.data }) })), list.count > 3 && (_jsx("div", { className: 'psdk-utility-view-all', children: _jsx(Button, { style: { textTransform: 'none' }, color: 'primary', onClick: () => setViewAll(true), children: "View all" }) })), fileData.showfileModal && (_jsx("div", { className: 'psdk-dialog-background', children: _jsxs("div", { className: 'psdk-modal-file-top', children: [_jsx("h3", { children: thePConn.getLocalizedValue('Add local files', '', '') }), _jsxs("div", { className: 'psdk-modal-body', children: [_jsx("div", { className: 'psdk-modal-file-selector', children: _jsxs("label", { htmlFor: 'upload-files', children: [_jsx("input", { style: { display: 'none' }, id: 'upload-files', name: 'upload-files', type: 'file', multiple: true, onChange: uploadMyFiles }), _jsx(Button, { variant: 'outlined', color: 'primary', component: 'span', children: thePConn.getLocalizedValue('Attach files', '', '') }), ' '] }) }), fileData.fileList.length > 0 && (_jsx("div", { style: { marginTop: '1rem' }, children: _jsx(SummaryList, { "menuIconOverride$": 'trash', "arItems$": fileData.fileList, "menuIconOverrideAction$": removeFileFromList }) })), fileData.fileList.length === 0 && _jsx("div", {}), _jsx(ActionButtonsForFileUtil, { arMainButtons: fileData.fileMainButtons, arSecondaryButtons: fileData.fileSecondaryButtons, primaryAction: onAttachFiles, secondaryAction: closeFilePopup })] })] }) })), linkData.showLinkModal && (_jsx("div", { className: 'psdk-dialog-background', children: _jsxs("div", { className: 'psdk-modal-file-top', children: [_jsx("h3", { children: thePConn.getLocalizedValue('Add links', '', '') }), " ", _jsxs("div", { className: 'psdk-modal-body', children: [_jsxs("div", { className: 'psdk-modal-links-row', children: [_jsxs("div", { className: 'psdk-links-two-column', children: [_jsx("div", { className: 'psdk-modal-link-data', children: _jsx(TextField, { fullWidth: true, variant: 'outlined', label: 'Link title', size: 'small', required: required, value: link.title, onChange: fieldlinkOnChange }) }), _jsx("div", { className: 'psdk-modal-link-data', children: _jsx(TextField, { fullWidth: true, variant: 'outlined', label: 'URL', size: 'small', required: required, value: link.url, onChange: fieldurlOnChange }) })] }), _jsxs("div", { className: 'psdk-modal-link-add', children: [_jsx(Button, { className: 'psdk-add-link-action', color: 'primary', variant: 'contained', component: 'span', onClick: addLink, disabled: link.disable, children: thePConn.getLocalizedValue('Add link', '', '') }), ' '] })] }), linkData.linksList.length > 0 && (_jsx("div", { style: { marginTop: '1rem' }, children: _jsx(SummaryList, { "menuIconOverride$": 'trash', "arItems$": linkData.linksList, "menuIconOverrideAction$": removeLinksFromList }) })), _jsx(ActionButtonsForFileUtil, { arMainButtons: linkData.linkMainButtons, arSecondaryButtons: linkData.linkSecondaryButtons, primaryAction: onAttachLinks, secondaryAction: closeAddLinksPopup })] })] }) })), showViewAllModal && (_jsx("div", { className: 'psdk-dialog-background', children: _jsxs("div", { className: 'psdk-modal-file-top', children: [_jsxs("div", { className: 'psdk-view-all-header', children: [_jsx("h3", { children: thePConn.getLocalizedValue('Attachments', '', '') }), " ", _jsx("button", { type: 'button', className: 'psdk-close-button', onClick: () => setViewAll(false), children: _jsx("img", { className: 'psdk-utility-card-actions-svg-icon', src: closeSvgIcon }) })] }), _jsx("div", { className: 'psdk-view-all-body', children: _jsx(SummaryList, { "arItems$": vaItems }) })] }) }))] }));
 }
 //# sourceMappingURL=FileUtility.js.map