@pega/react-sdk-components 0.23.0

package/lib/components/infra/Attachment/Attachment.js

@@ -0,0 +1,334 @@
+/* eslint-disable react/jsx-boolean-value */
+import { Button } from '@material-ui/core';
+import React, { useState, useEffect } from 'react';
+import { buildFilePropsFromResponse, getIconFromFileType, validateMaxSize, getIconForAttachment } from './AttachmentUtils';
+import './Attachment.css';
+import SummaryList from '../../widgets/SummaryList';
+import { CircularProgress } from "@material-ui/core";
+import download from "downloadjs";
+function getCurrentAttachmentsList(context) {
+    return PCore.getStoreValue('.attachmentsList', 'context_data', context) || [];
+}
+export default function Attachment(props) {
+    const { value, getPConnect, label } = props;
+    /* this is a temporary fix because required is supposed to be passed as a boolean and NOT as a string */
+    let { required, disabled } = props;
+    [required, disabled] = [required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));
+    let arFileList$ = [];
+    const pConn = getPConnect();
+    let fileTemp = {};
+    let categoryName = '';
+    if (value && value.pyCategoryName) {
+        categoryName = value.pyCategoryName;
+    }
+    let valueRef = pConn.getStateProps().value;
+    valueRef = valueRef.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;
+    const [file, setFile] = useState(fileTemp);
+    const fileDownload = (data, fileName, ext) => {
+        const fileData = ext ? `${fileName}.${ext}` : fileName;
+        download(atob(data), fileData);
+    };
+    function _downloadFileFromList(fileObj) {
+        PCore.getAttachmentUtils()
+            .downloadAttachment(fileObj.pzInsKey, pConn.getContextName())
+            .then((content) => {
+            const extension = fileObj.pyAttachName.split(".").pop();
+            fileDownload(content.data, fileObj.pyFileName, extension);
+        })
+            .catch(() => { });
+    }
+    function setNewFiles(arFiles) {
+        let index = 0;
+        for (const item of arFiles) {
+            if (!validateMaxSize(item, 5)) {
+                item.error = true;
+                item.meta = "File is too big. Max allowed size is 5MB.";
+            }
+            item.mimeType = item.type;
+            item.icon = getIconFromFileType(item.type);
+            item.ID = `${new Date().getTime()}I${index}`;
+            index += 1;
+        }
+        return arFiles;
+    }
+    function getFiles(arFiles) {
+        return setNewFiles(arFiles);
+    }
+    function getNewListUtilityItemProps({ 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: getIconForAttachment(att),
+                progress: att.progress === 100 ? undefined : att.progress,
+            },
+            primary: {
+                type: att.type,
+                name: att.name,
+                icon: "trash",
+                click: removeFile,
+            },
+            secondary: {
+                text: att.meta
+            },
+            actions
+        };
+    }
+    ;
+    const onFileAdded = (event) => {
+        const addedFile = event.target.files[0];
+        setFile({
+            props: {
+                name: addedFile.name,
+                icon: getIconFromFileType(addedFile.type),
+            },
+            inProgress: true
+        });
+        const arFiles$ = getFiles(event.target.files);
+        const myFiles = Array.from(arFiles$);
+        const onUploadProgress = () => { };
+        const errorHandler = () => { };
+        PCore.getAttachmentUtils()
+            .uploadAttachment(myFiles[0], onUploadProgress, errorHandler, pConn.getContextName())
+            .then((fileRes) => {
+            let reqObj;
+            if (PCore.getPCoreVersion()?.includes('8.7')) {
+                reqObj = {
+                    type: "File",
+                    attachmentFieldName: valueRef,
+                    category: categoryName,
+                    ID: fileRes.ID
+                };
+                pConn.attachmentsInfo = reqObj;
+            }
+            else {
+                reqObj = {
+                    type: "File",
+                    label: valueRef,
+                    category: categoryName,
+                    handle: fileRes.ID,
+                    ID: fileRes.clientFileID
+                };
+                PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', [reqObj], {
+                    pageReference: 'context_data',
+                    isArrayDeepMerge: false
+                });
+            }
+            const fieldName = pConn.getStateProps().value;
+            const context = pConn.getContextName();
+            PCore.getMessageManager().clearMessages({
+                type: PCore.getConstants().MESSAGES.MESSAGES_TYPE_ERROR,
+                property: fieldName,
+                pageReference: pConn.getPageReference(),
+                context
+            });
+            myFiles[0].meta = "Uploaded Successfully";
+            arFileList$ = myFiles.map((att) => {
+                return getNewListUtilityItemProps({
+                    att,
+                    downloadFile: null,
+                    cancelFile: null,
+                    deleteFile: null,
+                    removeFile: null
+                });
+            });
+            setFile((current) => {
+                return {
+                    ...current,
+                    props: {
+                        ...current.props,
+                        arFileList$
+                    },
+                    inProgress: false,
+                    attachmentUploaded: true,
+                    showMenuIcon: false
+                };
+            });
+        })
+            .catch(() => {
+            // just catching the rethrown error at uploadAttachment
+            // to handle Unhandled rejections
+        });
+    };
+    function _removeFileFromList(item, list) {
+        const arFileList = file.props ? file.props.arFileList$ : list;
+        const fileIndex = arFileList.findIndex(element => element?.id === item?.id);
+        if (PCore.getPCoreVersion()?.includes('8.7')) {
+            if (value) {
+                pConn.attachmentsInfo = {
+                    type: "File",
+                    attachmentFieldName: valueRef,
+                    delete: true
+                };
+            }
+            if (fileIndex > -1) {
+                arFileList.splice(parseInt(fileIndex, 10), 1);
+            }
+            ;
+            setFile((current) => {
+                return {
+                    ...current,
+                    props: {
+                        ...current.props,
+                        arFileList
+                    },
+                };
+            });
+        }
+        else {
+            const attachmentsList = [];
+            const currentAttachmentList = getCurrentAttachmentsList(pConn.getContextName()).filter((f) => f.label !== valueRef);
+            if (value && value.pxResults && +value.pyCount > 0) {
+                const deletedFile = {
+                    type: "File",
+                    label: valueRef,
+                    delete: true,
+                    responseProps: {
+                        pzInsKey: arFileList[fileIndex].id
+                    },
+                };
+                // updating the redux store to help form-handler in passing the data to delete the file from server
+                PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', [...currentAttachmentList, deletedFile], {
+                    pageReference: 'context_data',
+                    isArrayDeepMerge: false
+                });
+            }
+            else {
+                PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', [...currentAttachmentList, ...attachmentsList], {
+                    pageReference: 'context_data',
+                    isArrayDeepMerge: false
+                });
+            }
+            if (fileIndex > -1) {
+                arFileList.splice(parseInt(fileIndex, 10), 1);
+            }
+            ;
+            setFile((current) => {
+                return {
+                    ...current,
+                    props: {
+                        ...current.props,
+                        arFileList
+                    },
+                };
+            });
+        }
+    }
+    useEffect(() => {
+        if (value && value.pxResults && +value.pyCount > 0) {
+            fileTemp = buildFilePropsFromResponse(value.pxResults[0]);
+            if (fileTemp.responseProps) {
+                if (!pConn.attachmentsInfo) {
+                    pConn.attachmentsInfo = {
+                        type: "File",
+                        attachmentFieldName: valueRef,
+                        category: categoryName
+                    };
+                }
+                if (fileTemp.responseProps.pzInsKey && !fileTemp.responseProps.pzInsKey.includes("temp")) {
+                    fileTemp.props.type = fileTemp.responseProps.pyMimeFileExtension;
+                    fileTemp.props.mimeType = fileTemp.responseProps.pyMimeFileExtension;
+                    fileTemp.props.ID = fileTemp.responseProps.pzInsKey;
+                    // create the actions for the "more" menu on the attachment
+                    const arMenuList = [];
+                    let oMenu = {};
+                    oMenu.icon = "download";
+                    oMenu.text = "Download";
+                    oMenu.onClick = () => { _downloadFileFromList(value.pxResults[0]); };
+                    arMenuList.push(oMenu);
+                    oMenu = {};
+                    oMenu.icon = "trash";
+                    oMenu.text = "Delete";
+                    oMenu.onClick = () => { _removeFileFromList(arFileList$[0], arFileList$); };
+                    arMenuList.push(oMenu);
+                    arFileList$.push(getNewListUtilityItemProps({
+                        att: fileTemp.props,
+                        downloadFile: null,
+                        cancelFile: null,
+                        deleteFile: null,
+                        removeFile: null
+                    }));
+                    arFileList$[0].actions = arMenuList;
+                    setFile((current) => {
+                        return {
+                            ...current,
+                            props: {
+                                ...current.props,
+                                arFileList$
+                            },
+                            inProgress: false,
+                            attachmentUploaded: true,
+                            showMenuIcon: true
+                        };
+                    });
+                }
+            }
+        }
+    }, [""]);
+    let content = (React.createElement("div", { className: 'file-div' },
+        file.inProgress && (React.createElement("div", { className: "progress-div" },
+            React.createElement(CircularProgress, null))),
+        React.createElement("div", { hidden: true, id: "attachment-ID" }, valueRef),
+        React.createElement("label", { htmlFor: valueRef },
+            React.createElement("input", { style: { display: 'none' }, id: valueRef, name: 'upload-photo', type: 'file', required: required, onChange: onFileAdded }),
+            React.createElement(Button, { variant: 'outlined', color: 'primary', component: "span" }, "Upload file"))));
+    if (file && file.attachmentUploaded && file.props.arFileList$ && file.props.arFileList$.length > 0) {
+        content = (React.createElement("div", null,
+            file.showMenuIcon && (React.createElement(SummaryList, { "arItems$": file.props.arFileList$, "menuIconOverrideAction$": _removeFileFromList })),
+            !file.showMenuIcon && (React.createElement(SummaryList, { "menuIconOverride$": 'trash', "arItems$": file.props.arFileList$, "menuIconOverrideAction$": _removeFileFromList }))));
+    }
+    return (React.createElement("div", { className: 'file-upload-container' },
+        React.createElement("span", { className: 'label' }, label),
+        React.createElement("section", null, content)));
+}
+//# sourceMappingURL=Attachment.js.map

package/lib/components/infra/Attachment/Attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.js","sourceRoot":"","sources":["../../../../src/components/infra/Attachment/Attachment.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/jsx-boolean-value */\n\nimport { Button } from '@material-ui/core';\nimport React, { useState, useEffect } from 'react';\nimport { buildFilePropsFromResponse, getIconFromFileType, validateMaxSize, getIconForAttachment } from './AttachmentUtils';\nimport './Attachment.css';\nimport SummaryList from '../../widgets/SummaryList'\nimport { CircularProgress } from \"@material-ui/core\";\nimport download from \"downloadjs\";\n\ndeclare const PCore: any;\n\nfunction getCurrentAttachmentsList(context) {\n  return PCore.getStoreValue('.attachmentsList', 'context_data', context) || [];\n}\n\nexport default function Attachment(props) {\n  const {value, getPConnect, label} = props;\n  /* this is a temporary fix because required is supposed to be passed as a boolean and NOT as a string */\n  let { required, disabled } = props;\n  [required, disabled] = [required, disabled].map(\n    prop => prop === true || (typeof prop === 'string' && prop === 'true')\n  );\n  let arFileList$: Array<any> = [];\n  const pConn = getPConnect();\n\n  let fileTemp: any = {};\n\n  let categoryName = '';\n  if (value && value.pyCategoryName) {\n    categoryName = value.pyCategoryName;\n  }\n\n  let valueRef = pConn.getStateProps().value;\n  valueRef = valueRef.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;\n  const [file, setFile] = useState(fileTemp);\n\n  const fileDownload = (data, fileName, ext) => {\n    const fileData = ext ? `${fileName}.${ext}` : fileName;\n    download(atob(data), fileData);\n  };\n\n  function _downloadFileFromList(fileObj: any) {\n    PCore.getAttachmentUtils()\n      .downloadAttachment(fileObj.pzInsKey, pConn.getContextName())\n      .then((content) => {\n        const extension = fileObj.pyAttachName.split(\".\").pop();\n        fileDownload(content.data, fileObj.pyFileName, extension);\n      })\n      .catch(() => {});\n  }\n\n  function setNewFiles(arFiles) {\n    let index = 0;\n    for (const item of arFiles) {\n      if (!validateMaxSize(item, 5)) {\n        item.error = true;\n        item.meta = \"File is too big. Max allowed size is 5MB.\";\n      }\n      item.mimeType = item.type;\n      item.icon = getIconFromFileType(item.type);\n      item.ID = `${new Date().getTime()}I${index}`;\n      index+=1;\n    }\n    return arFiles;\n  }\n\n  function getFiles(arFiles: Array<any>) {\n    return setNewFiles(arFiles);\n  }\n\n  function getNewListUtilityItemProps({\n    att,\n    cancelFile,\n    downloadFile,\n    deleteFile,\n    removeFile\n  }) {\n    let actions;\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    return  {\n      id: att.ID,\n      visual: {\n        icon: getIconForAttachment(att),\n        progress: att.progress === 100 ? undefined: att.progress,\n      },\n      primary: {\n        type: att.type,\n        name: att.name,\n        icon: \"trash\",\n        click: removeFile,\n      },\n      secondary: {\n        text: att.meta\n      },\n      actions\n    };\n  };\n\n  const onFileAdded = (event) => {\n   const addedFile = event.target.files[0];\n    setFile({\n      props: {\n        name: addedFile.name,\n        icon: getIconFromFileType(addedFile.type),\n      },\n      inProgress: true\n    });\n    const arFiles$ = getFiles(event.target.files);\n    const myFiles: any = Array.from(arFiles$);\n\n    const onUploadProgress = () => {};\n\n    const errorHandler = () => {};\n\n    PCore.getAttachmentUtils()\n      .uploadAttachment(\n        myFiles[0],\n        onUploadProgress,\n        errorHandler,\n        pConn.getContextName()\n      )\n      .then((fileRes) => {\n        let reqObj;\n        if (PCore.getPCoreVersion()?.includes('8.7')) {\n          reqObj = {\n            type: \"File\",\n            attachmentFieldName: valueRef,\n            category: categoryName,\n            ID: fileRes.ID\n          };\n          pConn.attachmentsInfo = reqObj;\n        } else {\n          reqObj = {\n            type: \"File\",\n            label: valueRef,\n            category: categoryName,\n            handle: fileRes.ID,\n            ID: fileRes.clientFileID\n          };\n          PCore.getStateUtils().updateState(\n            pConn.getContextName(),\n            'attachmentsList',\n            [reqObj],\n            {\n              pageReference: 'context_data',\n              isArrayDeepMerge: false\n            }\n          );\n        }\n        const fieldName = pConn.getStateProps().value;\n        const context = pConn.getContextName();\n\n        PCore.getMessageManager().clearMessages({\n          type: PCore.getConstants().MESSAGES.MESSAGES_TYPE_ERROR,\n          property: fieldName,\n          pageReference: pConn.getPageReference(),\n          context\n        });\n        myFiles[0].meta = \"Uploaded Successfully\";\n\n        arFileList$ = myFiles.map((att) => {\n          return getNewListUtilityItemProps({\n            att,\n            downloadFile: null,\n            cancelFile: null,\n            deleteFile: null,\n            removeFile: null\n          });\n        });\n        setFile((current) => {\n          return {\n            ...current,\n            props: {\n              ...current.props,\n              arFileList$\n            },\n            inProgress: false,\n            attachmentUploaded: true,\n            showMenuIcon: false\n          };\n        });\n      })\n\n      .catch(() => {\n        // just catching the rethrown error at uploadAttachment\n        // to handle Unhandled rejections\n      });\n  };\n\n  function _removeFileFromList(item: any, list) {\n    const arFileList = file.props ? file.props.arFileList$ : list;\n    const fileIndex = arFileList.findIndex(element => element?.id === item?.id);\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      if (value) {\n        pConn.attachmentsInfo = {\n          type: \"File\",\n          attachmentFieldName: valueRef,\n          delete: true\n        };\n      }\n      if (fileIndex > -1) { arFileList.splice(parseInt(fileIndex, 10), 1) };\n      setFile((current) => {\n        return {\n          ...current,\n          props: {\n            ...current.props,\n            arFileList\n          },\n        };\n      });\n    } else {\n      const attachmentsList = [];\n      const currentAttachmentList = getCurrentAttachmentsList(pConn.getContextName()).filter(\n        (f) => f.label !== valueRef\n      );\n      if (value && value.pxResults && +value.pyCount > 0) {\n        const deletedFile = {\n          type: \"File\",\n          label: valueRef,\n          delete: true,\n          responseProps: {\n            pzInsKey: arFileList[fileIndex].id\n          },\n        };\n        // updating the redux store to help form-handler in passing the data to delete the file from server\n        PCore.getStateUtils().updateState(\n          pConn.getContextName(),\n          'attachmentsList',\n          [...currentAttachmentList, deletedFile],\n          {\n            pageReference: 'context_data',\n            isArrayDeepMerge: false\n          }\n        );\n      } else {\n        PCore.getStateUtils().updateState(\n          pConn.getContextName(),\n          'attachmentsList',\n          [...currentAttachmentList, ...attachmentsList],\n          {\n            pageReference: 'context_data',\n            isArrayDeepMerge: false\n          }\n        );\n      }\n      if (fileIndex > -1) { arFileList.splice(parseInt(fileIndex, 10), 1) };\n      setFile((current) => {\n        return {\n          ...current,\n          props: {\n            ...current.props,\n            arFileList\n          },\n        };\n      });\n    }\n  }\n\n  useEffect(() => {\n    if (value && value.pxResults && +value.pyCount > 0) {\n    fileTemp = buildFilePropsFromResponse(value.pxResults[0]);\n\n    if (fileTemp.responseProps) {\n      if (!pConn.attachmentsInfo) {\n        pConn.attachmentsInfo = {\n          type: \"File\",\n          attachmentFieldName: valueRef,\n          category: categoryName\n        };\n      }\n\n      if (fileTemp.responseProps.pzInsKey && !fileTemp.responseProps.pzInsKey.includes(\"temp\")) {\n\n        fileTemp.props.type = fileTemp.responseProps.pyMimeFileExtension;\n        fileTemp.props.mimeType = fileTemp.responseProps.pyMimeFileExtension;\n        fileTemp.props.ID = fileTemp.responseProps.pzInsKey;\n        // create the actions for the \"more\" menu on the attachment\n        const arMenuList: Array<any> = [];\n        let oMenu: any = {};\n\n        oMenu.icon = \"download\";\n        oMenu.text = \"Download\";\n        oMenu.onClick = () => { _downloadFileFromList(value.pxResults[0])}\n        arMenuList.push(oMenu);\n        oMenu = {};\n        oMenu.icon = \"trash\";\n        oMenu.text = \"Delete\";\n        oMenu.onClick = () => { _removeFileFromList(arFileList$[0], arFileList$)}\n        arMenuList.push(oMenu);\n\n        arFileList$.push(getNewListUtilityItemProps({\n          att: fileTemp.props,\n          downloadFile: null,\n          cancelFile: null,\n          deleteFile: null,\n          removeFile: null\n        }));\n        arFileList$[0].actions = arMenuList;\n\n        setFile((current) => {\n          return {\n            ...current,\n            props: {\n              ...current.props,\n              arFileList$\n            },\n            inProgress: false,\n            attachmentUploaded: true,\n            showMenuIcon: true\n          };\n        });\n      }\n    }\n  }\n  }, [\"\"]);\n\n  let content = (\n    <div className='file-div'>\n        {file.inProgress && (<div className=\"progress-div\"><CircularProgress /></div>)}\n        <div hidden={true} id=\"attachment-ID\">{valueRef}</div>\n        <label htmlFor={valueRef}>\n          <input\n            style={{ display: 'none' }}\n            id={valueRef}\n            name='upload-photo'\n            type='file'\n            required={required}\n            onChange={onFileAdded}\n          />\n          <Button variant='outlined' color='primary' component=\"span\">\n            Upload file\n          </Button>\n        </label>\n    </div>\n  );\n\n  if (file && file.attachmentUploaded && file.props.arFileList$ && file.props.arFileList$.length > 0) {\n    content = (\n      <div>\n         {file.showMenuIcon && (<SummaryList arItems$={file.props.arFileList$} menuIconOverrideAction$={_removeFileFromList}></SummaryList>)}\n         {!file.showMenuIcon && (<SummaryList menuIconOverride$='trash' arItems$={file.props.arFileList$} menuIconOverrideAction$={_removeFileFromList}></SummaryList>)}\n      </div>\n\n    );\n  }\n\n  return (\n    <div className='file-upload-container'>\n      <span className='label'>{label}</span>\n      <section>{content}</section>\n    </div>\n  );\n}\n"]}

package/lib/components/infra/Attachment/AttachmentUtils.d.ts

@@ -0,0 +1,13 @@
+export function validateMaxSize(fileObj: any, maxSizeInMB: any): boolean;
+export function fileDownload(data: any, fileName: any, ext: any): void;
+export function getIconFromFileType(fileType: any): string;
+export function getIconForAttachment(attachment: any): any;
+export function buildFilePropsFromResponse(respObj: any): {
+    props: {
+        meta: string;
+        name: any;
+        icon: string;
+    };
+    responseProps: any;
+};
+//# sourceMappingURL=AttachmentUtils.d.ts.map

package/lib/components/infra/Attachment/AttachmentUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Attachment/AttachmentUtils.js"],"names":[],"mappings":"AAEO,yEAGN;AAEM,uEAQN;AAEM,2DAyBN;AAEM,2DAaN;AAEM;;;;;;;EAWN"}

package/lib/components/infra/Attachment/AttachmentUtils.js

@@ -0,0 +1,72 @@
+import download from 'downloadjs';
+export const validateMaxSize = (fileObj, maxSizeInMB) => {
+    const fileSize = (fileObj.size / 1048576).toFixed(2);
+    return parseFloat(fileSize) < parseFloat(maxSizeInMB);
+};
+export const fileDownload = (data, fileName, ext) => {
+    const name = ext ? `${fileName}.${ext}` : fileName;
+    // Temp fix: downloading EMAIl type attachment as html file
+    if (ext === 'html') {
+        download(data, name, 'text/html');
+    }
+    else {
+        download(atob(data), name);
+    }
+};
+export const getIconFromFileType = (fileType) => {
+    let icon = 'document-doc';
+    if (!fileType)
+        return icon;
+    if (fileType.startsWith('audio')) {
+        icon = 'audio';
+    }
+    else if (fileType.startsWith('video')) {
+        icon = 'video';
+    }
+    else if (fileType.startsWith('image')) {
+        icon = 'picture';
+    }
+    else if (fileType.includes('pdf')) {
+        icon = 'document-pdf';
+    }
+    else {
+        const [, subtype] = fileType.split('/');
+        const foundMatch = (sources) => {
+            return sources.some((key) => subtype.includes(key));
+        };
+        if (foundMatch(['excel', 'spreadsheet'])) {
+            icon = 'document-xls';
+        }
+        else if (foundMatch(['zip', 'compressed', 'gzip', 'rar', 'tar'])) {
+            icon = 'document-compress';
+        }
+    }
+    return icon;
+};
+export const getIconForAttachment = (attachment) => {
+    let icon;
+    switch (attachment.type) {
+        case "FILE":
+            icon = this.getIconFromFileType(attachment.mimeType);
+            break;
+        case "URL":
+            icon = "chain";
+            break;
+        default:
+            icon = "document-doc";
+    }
+    return icon;
+};
+export const buildFilePropsFromResponse = (respObj) => {
+    return {
+        props: {
+            meta: `${respObj.pyCategoryName}, ${respObj.pxCreateOperator}`,
+            name: respObj.pyAttachName,
+            icon: getIconFromFileType(respObj.pyMimeFileExtension)
+        },
+        responseProps: {
+            ...respObj
+        }
+    };
+};
+//# sourceMappingURL=AttachmentUtils.js.map

package/lib/components/infra/Attachment/AttachmentUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentUtils.js","sourceRoot":"","sources":["../../../../src/components/infra/Attachment/AttachmentUtils.js"],"names":[],"mappings":"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","sourcesContent":["import download from 'downloadjs';\n\nexport const validateMaxSize = (fileObj, maxSizeInMB) => {\n  const fileSize = (fileObj.size / 1048576).toFixed(2);\n  return parseFloat(fileSize) < parseFloat(maxSizeInMB);\n};\n\nexport const fileDownload = (data, fileName, ext) => {\n  const name = ext ? `${fileName}.${ext}` : fileName;\n  // Temp fix: downloading EMAIl type attachment as html file\n  if (ext === 'html') {\n    download(data, name, 'text/html');\n  } else {\n    download(atob(data), name);\n  }\n};\n\nexport const getIconFromFileType = (fileType) => {\n  let icon = 'document-doc';\n  if (!fileType) return icon;\n  if (fileType.startsWith('audio')) {\n    icon = 'audio';\n  } else if (fileType.startsWith('video')) {\n    icon = 'video';\n  } else if (fileType.startsWith('image')) {\n    icon = 'picture';\n  } else if (fileType.includes('pdf')) {\n    icon = 'document-pdf';\n  } else {\n    const [, subtype] = fileType.split('/');\n    const foundMatch = (sources) => {\n      return sources.some((key) => subtype.includes(key));\n    };\n\n    if (foundMatch(['excel', 'spreadsheet'])) {\n      icon = 'document-xls';\n    } else if (foundMatch(['zip', 'compressed', 'gzip', 'rar', 'tar'])) {\n      icon = 'document-compress';\n    }\n  }\n\n  return icon;\n};\n\nexport const getIconForAttachment = (attachment) => {\n  let icon;\n  switch (attachment.type) {\n    case \"FILE\":\n      icon = this.getIconFromFileType(attachment.mimeType);\n      break;\n    case \"URL\":\n      icon = \"chain\";\n      break;\n    default:\n      icon = \"document-doc\";\n  }\n  return icon;\n};\n\nexport const buildFilePropsFromResponse = (respObj) => {\n  return {\n    props: {\n      meta: `${respObj.pyCategoryName}, ${respObj.pxCreateOperator}`,\n      name: respObj.pyAttachName,\n      icon: getIconFromFileType(respObj.pyMimeFileExtension)\n    },\n    responseProps: {\n      ...respObj\n    }\n  };\n};\n"]}

package/lib/components/infra/Attachment/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Attachment';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/infra/Attachment/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Attachment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/infra/Attachment/index.js

@@ -0,0 +1,2 @@
+export { default } from './Attachment';
+//# sourceMappingURL=index.js.map

package/lib/components/infra/Attachment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/Attachment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default } from './Attachment';"]}

package/lib/components/infra/Containers/FlowContainer/FlowContainer.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function FlowContainer(props: any): JSX.Element;
+declare namespace FlowContainer {
+    var defaultProps: {
+        children: null;
+        getPConnect: null;
+        name: string;
+        routingInfo: null;
+        pageMessages: null;
+    };
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
+        name: PropTypes.Requireable<string>;
+        routingInfo: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        pageMessages: PropTypes.Requireable<any[]>;
+    };
+}
+export default FlowContainer;
+//# sourceMappingURL=FlowContainer.d.ts.map

package/lib/components/infra/Containers/FlowContainer/FlowContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/FlowContainer/FlowContainer.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAgDnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eA4c1C;kBA5cuB,aAAa;;;;;;;;;;;;;;;;;;eAAb,aAAa"}