@pega/react-sdk-components 0.25.5 → 0.25.6

package/lib/mediaco/ToDo/ToDo.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText } from '@mui/material';
+import IconButton from '@mui/material/IconButton';
+import ArrowForwardIosOutlinedIcon from '@mui/icons-material/ArrowForwardIosOutlined';
+import { useTheme } from '@mui/material/styles';
+import makeStyles from '@mui/styles/makeStyles';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { Utils } from '../../components/helpers/utils';
+import './ToDo.css';
+const fetchMyWorkList = (datapage, fields, numberOfRecords, includeTotalCount, context) => {
+    return PCore.getDataPageUtils()
+        .getDataAsync(datapage, context, {}, {
+        pageNumber: 1,
+        pageSize: numberOfRecords
+    }, {
+        select: Object.keys(fields).map(key => ({ field: PCore.getAnnotationUtils().getPropertyName(fields[key]) }))
+    }, {
+        invalidateCache: true,
+        additionalApiParams: {
+            includeTotalCount
+        }
+    })
+        .then(response => {
+        return {
+            ...response,
+            data: (Array.isArray(response?.data) ? response.data : []).map(row => Object.keys(fields).reduce((obj, key) => {
+                obj[key] = row[PCore.getAnnotationUtils().getPropertyName(fields[key])];
+                return obj;
+            }, {}))
+        };
+    });
+};
+const isChildCase = assignment => {
+    return assignment.isChild;
+};
+function topThreeAssignments(assignmentsSource) {
+    return Array.isArray(assignmentsSource) ? assignmentsSource.slice(0, 3) : [];
+}
+function getID(assignment) {
+    if (assignment.value) {
+        const refKey = assignment.value;
+        return refKey.substring(refKey.lastIndexOf(' ') + 1);
+    }
+    const refKey = assignment.ID;
+    const arKeys = refKey.split('!')[0].split(' ');
+    return arKeys[2];
+}
+const useStyles = makeStyles(theme => ({
+    root: {
+        marginBottom: theme.spacing(2),
+        paddingBottom: theme.spacing(1),
+        borderRadius: '8px'
+    },
+    avatar: {
+        backgroundColor: theme.palette.primary.light,
+        color: theme.palette.getContrastText(theme.palette.primary.light)
+    },
+    todoWrapper: {
+        borderLeft: '6px solid',
+        borderLeftColor: theme.palette.primary.light,
+        padding: theme.spacing(1),
+        margin: theme.spacing(1)
+    },
+    psdkTodoAssignmentStatus: {
+        backgroundColor: 'var(--app-neutral-light-color)',
+        borderRadius: '0.125rem',
+        color: theme.embedded.resolutionTextColor,
+        fontSize: '0.75rem',
+        fontWeight: 'bold',
+        lineHeight: 'calc(0.5rem * 2.5)',
+        height: 'calc(0.5rem * 2.5)',
+        padding: '0 0.5rem',
+        textTransform: 'uppercase'
+    },
+    getStartedButton: {
+        borderRadius: '18px',
+        textTransform: 'none',
+        width: '120px',
+        backgroundColor: theme.actionButtons.primary.backgroundColor
+    },
+    primaryButton: {
+        backgroundColor: theme.actionButtons.primary.backgroundColor,
+        color: theme.actionButtons.primary.color
+    }
+}));
+export default function ToDo(props) {
+    const { getPConnect, context, datasource = [], headerText = 'To do', showTodoList = true, myWorkList = {}, type = 'worklist', isConfirm = false } = props;
+    const CONSTS = PCore.getConstants();
+    const bLogging = true;
+    const currentUser = PCore.getEnvironmentInfo().getOperatorName() ?? '';
+    const currentUserInitials = Utils.getInitials(currentUser);
+    const assignmentsSource = datasource?.source || myWorkList?.source;
+    const [assignments, setAssignments] = useState(initAssignments());
+    const thePConn = getPConnect();
+    const classes = useStyles();
+    const theme = useTheme();
+    const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'Todo';
+    const canPerform = assignments?.[0]?.canPerform === 'true' || assignments?.[0]?.canPerform === true;
+    const [count, setCount] = useState(0);
+    const { WORK_BASKET: { MY_WORK_LIST } } = PCore.getConstants();
+    function initAssignments() {
+        if (assignmentsSource) {
+            return topThreeAssignments(assignmentsSource);
+        }
+        // turn off todolist
+        return [];
+    }
+    const deferLoadWorklistItems = useCallback(responseData => {
+        setCount(responseData.totalCount);
+        setAssignments(responseData.data);
+    }, [MY_WORK_LIST]);
+    useEffect(() => {
+        if (Object.keys(myWorkList).length && myWorkList.datapage) {
+            fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, 3, true, context).then(responseData => {
+                deferLoadWorklistItems(responseData);
+            });
+        }
+    }, []);
+    const getAssignmentId = assignment => {
+        return type === CONSTS.TODO ? assignment.ID : assignment.id;
+    };
+    const getPriority = assignment => {
+        return type === CONSTS.TODO ? assignment.urgency : assignment.priority;
+    };
+    const getAssignmentName = assignment => {
+        return type === CONSTS.TODO ? assignment.name : assignment.stepName;
+    };
+    function showToast(message) {
+        const theMessage = `Assignment: ${message}`;
+        console.error(theMessage);
+    }
+    function clickGo(assignment) {
+        const id = getAssignmentId(assignment);
+        let { classname = '' } = assignment;
+        const sTarget = thePConn.getContainerName();
+        const sTargetContainerName = sTarget;
+        const options = {
+            containerName: sTargetContainerName,
+            channelName: ''
+        };
+        if (classname === null || classname === '') {
+            classname = thePConn.getCaseInfo().getClassName();
+        }
+        if (sTarget === 'workarea') {
+            options.isActionFromToDoList = true;
+            options.target = '';
+            options.context = null;
+            options.isChild = isChildCase(assignment);
+        }
+        else {
+            options.isActionFromToDoList = false;
+            options.target = sTarget;
+        }
+        thePConn
+            .getActionsApi()
+            .openAssignment(id, classname, options)
+            .then(() => {
+            if (bLogging) {
+                console.log(`openAssignment completed`);
+            }
+        })
+            .catch(() => {
+            showToast(`Submit failed!`);
+        });
+    }
+    const renderTaskId = (type, getPConnect, showTodoList, assignment) => {
+        const displayID = getID(assignment);
+        if ((showTodoList && type !== CONSTS.TODO) || assignment.isChild === true) {
+            /* Supress link for todo inside flow step */
+            return _jsx(Button, { size: 'small', color: 'primary', children: `${assignment.name} ${getID(assignment)}` });
+        }
+        return displayID;
+    };
+    const getListItemComponent = assignment => {
+        if (isDesktop) {
+            return (_jsxs(_Fragment, { children: [localizedVal('Task in', localeCategory), renderTaskId(type, getPConnect, showTodoList, assignment), type === CONSTS.WORKLIST && assignment.status ? `\u2022 ` : undefined, type === CONSTS.WORKLIST && assignment.status ? _jsx("span", { className: 'psdk-todo-assignment-status', children: assignment.status }) : undefined, ` \u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsx(Button, { size: 'small', color: 'primary', children: `${assignment.name} ${getID(assignment)}` }), ` \u2022 ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }));
+    };
+    const getCount = () => (assignmentsSource ? assignmentsSource.length : type === CONSTS.WORKLIST ? count : 0);
+    const toDoContent = (_jsxs(_Fragment, { children: [showTodoList && (_jsx(CardHeader, { title: _jsx(Badge, { badgeContent: getCount(), overlap: 'rectangular', color: 'primary', children: _jsxs(Typography, { variant: 'h6', children: [headerText, "\u00A0\u00A0\u00A0"] }) }) })), _jsx(List, { children: assignments.map(assignment => (_jsxs("div", { className: 'psdk-todo-avatar-header', children: [_jsx(Avatar, { className: classes.avatar, style: { marginRight: '16px' }, children: currentUserInitials }), _jsxs("div", { style: { display: 'block' }, children: [_jsx(Typography, { variant: 'h6', children: assignment?.name }), `${localizedVal('Task in', localeCategory)} ${renderTaskId(type, getPConnect, showTodoList, assignment)} \u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }), (!isConfirm || canPerform) && (_jsx("div", { style: { marginLeft: 'auto' }, children: _jsx(IconButton, { id: 'go-btn', onClick: () => clickGo(assignment), size: 'large', children: _jsx(ArrowForwardIosOutlinedIcon, {}) }) }))] }, getAssignmentId(assignment)))) })] }));
+    return (_jsxs(_Fragment, { children: [type === CONSTS.WORKLIST && assignments?.length > 0 && (_jsxs(Card, { className: classes.root, children: [showTodoList && _jsx(CardHeader, { title: _jsxs(Typography, { variant: 'h6', children: [headerText, "\u00A0\u00A0\u00A0"] }) }), _jsx(CardContent, { style: { padding: 0 }, children: _jsx(List, { children: assignments.map(assignment => (_jsx(ListItem, { dense: true, onClick: () => clickGo(assignment), secondaryAction: _jsx(Button, { className: classes.getStartedButton, color: 'primary', variant: 'contained', onClick: () => clickGo(assignment), children: "Get started" }), children: _jsx(ListItemText, { primary: getAssignmentName(assignment), secondary: getListItemComponent(assignment) }) }, getAssignmentId(assignment)))) }) })] })), type === CONSTS.TODO && !isConfirm && _jsx(Card, { className: classes.todoWrapper, children: toDoContent }), type === CONSTS.TODO && isConfirm && _jsx(_Fragment, { children: toDoContent })] }));
+}
+//# sourceMappingURL=ToDo.js.map

package/lib/mediaco/ToDo/ToDo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToDo.js","sourceRoot":"","sources":["../../../src/mediaco/ToDo/ToDo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText } from '@mui/material';\nimport IconButton from '@mui/material/IconButton';\nimport ArrowForwardIosOutlinedIcon from '@mui/icons-material/ArrowForwardIosOutlined';\nimport { useTheme } from '@mui/material/styles';\nimport makeStyles from '@mui/styles/makeStyles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport { Utils } from '../../components/helpers/utils';\nimport type { PConnProps } from '../../types/PConnProps';\n\nimport './ToDo.css';\n\nconst fetchMyWorkList = (datapage, fields, numberOfRecords, includeTotalCount, context) => {\n  return PCore.getDataPageUtils()\n    .getDataAsync(\n      datapage,\n      context,\n      {},\n      {\n        pageNumber: 1,\n        pageSize: numberOfRecords\n      },\n      {\n        select: Object.keys(fields).map(key => ({ field: PCore.getAnnotationUtils().getPropertyName(fields[key]) }))\n      },\n      {\n        invalidateCache: true,\n        additionalApiParams: {\n          includeTotalCount\n        }\n      }\n    )\n    .then(response => {\n      return {\n        ...response,\n        data: (Array.isArray(response?.data) ? response.data : []).map(row =>\n          Object.keys(fields).reduce((obj, key) => {\n            obj[key] = row[PCore.getAnnotationUtils().getPropertyName(fields[key])];\n            return obj;\n          }, {})\n        )\n      };\n    });\n};\n\ninterface ToDoProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  datasource?: any;\n  myWorkList?: any;\n\n  caseInfoID?: string;\n  headerText?: string;\n\n  itemKey?: string;\n  showTodoList?: boolean;\n  type?: string;\n\n  context?: string;\n  isConfirm?: boolean;\n}\n\nconst isChildCase = assignment => {\n  return assignment.isChild;\n};\n\nfunction topThreeAssignments(assignmentsSource: any[]): any[] {\n  return Array.isArray(assignmentsSource) ? assignmentsSource.slice(0, 3) : [];\n}\n\nfunction getID(assignment: any) {\n  if (assignment.value) {\n    const refKey = assignment.value;\n    return refKey.substring(refKey.lastIndexOf(' ') + 1);\n  }\n  const refKey = assignment.ID;\n  const arKeys = refKey.split('!')[0].split(' ');\n  return arKeys[2];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginBottom: theme.spacing(2),\n    paddingBottom: theme.spacing(1),\n    borderRadius: '8px'\n  },\n  avatar: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light)\n  },\n  todoWrapper: {\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light,\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  },\n  psdkTodoAssignmentStatus: {\n    backgroundColor: 'var(--app-neutral-light-color)',\n    borderRadius: '0.125rem',\n    color: theme.embedded.resolutionTextColor,\n    fontSize: '0.75rem',\n    fontWeight: 'bold',\n    lineHeight: 'calc(0.5rem * 2.5)',\n    height: 'calc(0.5rem * 2.5)',\n    padding: '0 0.5rem',\n    textTransform: 'uppercase'\n  },\n  getStartedButton: {\n    borderRadius: '18px',\n    textTransform: 'none',\n    width: '120px',\n    backgroundColor: theme.actionButtons.primary.backgroundColor\n  },\n  primaryButton: {\n    backgroundColor: theme.actionButtons.primary.backgroundColor,\n    color: theme.actionButtons.primary.color\n  }\n}));\n\nexport default function ToDo(props: ToDoProps) {\n  const {\n    getPConnect,\n    context,\n    datasource = [],\n    headerText = 'To do',\n    showTodoList = true,\n    myWorkList = {},\n    type = 'worklist',\n    isConfirm = false\n  } = props;\n\n  const CONSTS = PCore.getConstants();\n\n  const bLogging = true;\n  const currentUser = PCore.getEnvironmentInfo().getOperatorName() ?? '';\n  const currentUserInitials = Utils.getInitials(currentUser);\n  const assignmentsSource = datasource?.source || myWorkList?.source;\n\n  const [assignments, setAssignments] = useState<any[]>(initAssignments());\n\n  const thePConn = getPConnect();\n  const classes = useStyles();\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Todo';\n  const canPerform = assignments?.[0]?.canPerform === 'true' || assignments?.[0]?.canPerform === true;\n  const [count, setCount] = useState(0);\n\n  const {\n    WORK_BASKET: { MY_WORK_LIST }\n  } = PCore.getConstants();\n\n  function initAssignments(): any[] {\n    if (assignmentsSource) {\n      return topThreeAssignments(assignmentsSource);\n    }\n    // turn off todolist\n    return [];\n  }\n\n  const deferLoadWorklistItems = useCallback(\n    responseData => {\n      setCount(responseData.totalCount);\n      setAssignments(responseData.data);\n    },\n    [MY_WORK_LIST]\n  );\n\n  useEffect(() => {\n    if (Object.keys(myWorkList).length && myWorkList.datapage) {\n      fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, 3, true, context).then(responseData => {\n        deferLoadWorklistItems(responseData);\n      });\n    }\n  }, []);\n\n  const getAssignmentId = assignment => {\n    return type === CONSTS.TODO ? assignment.ID : assignment.id;\n  };\n\n  const getPriority = assignment => {\n    return type === CONSTS.TODO ? assignment.urgency : assignment.priority;\n  };\n\n  const getAssignmentName = assignment => {\n    return type === CONSTS.TODO ? assignment.name : assignment.stepName;\n  };\n\n  function showToast(message: string) {\n    const theMessage = `Assignment: ${message}`;\n    console.error(theMessage);\n  }\n\n  function clickGo(assignment) {\n    const id = getAssignmentId(assignment);\n    let { classname = '' } = assignment;\n    const sTarget = thePConn.getContainerName();\n    const sTargetContainerName = sTarget;\n\n    const options: any = {\n      containerName: sTargetContainerName,\n      channelName: ''\n    };\n\n    if (classname === null || classname === '') {\n      classname = thePConn.getCaseInfo().getClassName();\n    }\n\n    if (sTarget === 'workarea') {\n      options.isActionFromToDoList = true;\n      options.target = '';\n      options.context = null;\n      options.isChild = isChildCase(assignment);\n    } else {\n      options.isActionFromToDoList = false;\n      options.target = sTarget;\n    }\n\n    thePConn\n      .getActionsApi()\n      .openAssignment(id, classname, options)\n      .then(() => {\n        if (bLogging) {\n          console.log(`openAssignment completed`);\n        }\n      })\n      .catch(() => {\n        showToast(`Submit failed!`);\n      });\n  }\n\n  const renderTaskId = (type, getPConnect, showTodoList, assignment) => {\n    const displayID = getID(assignment);\n\n    if ((showTodoList && type !== CONSTS.TODO) || assignment.isChild === true) {\n      /* Supress link for todo inside flow step */\n      return <Button size='small' color='primary'>{`${assignment.name} ${getID(assignment)}`}</Button>;\n    }\n    return displayID;\n  };\n\n  const getListItemComponent = assignment => {\n    if (isDesktop) {\n      return (\n        <>\n          {localizedVal('Task in', localeCategory)}\n          {renderTaskId(type, getPConnect, showTodoList, assignment)}\n          {type === CONSTS.WORKLIST && assignment.status ? `\\u2022 ` : undefined}\n          {type === CONSTS.WORKLIST && assignment.status ? <span className='psdk-todo-assignment-status'>{assignment.status}</span> : undefined}\n          {` \\u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`}\n        </>\n      );\n    }\n    return (\n      <>\n        <Button size='small' color='primary'>{`${assignment.name} ${getID(assignment)}`}</Button>\n        {` \\u2022 ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`}\n      </>\n    );\n  };\n\n  const getCount = () => (assignmentsSource ? assignmentsSource.length : type === CONSTS.WORKLIST ? count : 0);\n\n  const toDoContent = (\n    <>\n      {showTodoList && (\n        <CardHeader\n          title={\n            <Badge badgeContent={getCount()} overlap='rectangular' color='primary'>\n              <Typography variant='h6'>{headerText}&nbsp;&nbsp;&nbsp;</Typography>\n            </Badge>\n          }\n        />\n      )}\n      <List>\n        {assignments.map(assignment => (\n          <div className='psdk-todo-avatar-header' key={getAssignmentId(assignment)}>\n            <Avatar className={classes.avatar} style={{ marginRight: '16px' }}>\n              {currentUserInitials}\n            </Avatar>\n            <div style={{ display: 'block' }}>\n              <Typography variant='h6'>{assignment?.name}</Typography>\n              {`${localizedVal('Task in', localeCategory)} ${renderTaskId(type, getPConnect, showTodoList, assignment)} \\u2022  ${localizedVal(\n                'Urgency',\n                localeCategory\n              )}  ${getPriority(assignment)}`}\n            </div>\n            {(!isConfirm || canPerform) && (\n              <div style={{ marginLeft: 'auto' }}>\n                <IconButton id='go-btn' onClick={() => clickGo(assignment)} size='large'>\n                  <ArrowForwardIosOutlinedIcon />\n                </IconButton>\n              </div>\n            )}\n          </div>\n        ))}\n      </List>\n    </>\n  );\n\n  return (\n    <>\n      {type === CONSTS.WORKLIST && assignments?.length > 0 && (\n        <Card className={classes.root}>\n          {showTodoList && <CardHeader title={<Typography variant='h6'>{headerText}&nbsp;&nbsp;&nbsp;</Typography>} />}\n          <CardContent style={{ padding: 0 }}>\n            <List>\n              {assignments.map(assignment => (\n                <ListItem\n                  key={getAssignmentId(assignment)}\n                  dense\n                  onClick={() => clickGo(assignment)}\n                  secondaryAction={\n                    <Button className={classes.getStartedButton} color='primary' variant='contained' onClick={() => clickGo(assignment)}>\n                      Get started\n                    </Button>\n                  }\n                >\n                  <ListItemText primary={getAssignmentName(assignment)} secondary={getListItemComponent(assignment)} />\n                </ListItem>\n              ))}\n            </List>\n          </CardContent>\n        </Card>\n      )}\n\n      {type === CONSTS.TODO && !isConfirm && <Card className={classes.todoWrapper}>{toDoContent}</Card>}\n      {type === CONSTS.TODO && isConfirm && <>{toDoContent}</>}\n    </>\n  );\n}\n"]}

package/lib/mediaco/ToDo/index.d.ts

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

package/lib/mediaco/ToDo/index.d.ts.map

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

package/lib/mediaco/ToDo/index.js

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

package/lib/mediaco/ToDo/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/react-sdk-components",
-  "version": "0.25.5",
+  "version": "0.25.6",
   "description": "React SDK Infrastructure: bridge and components",
   "_filesComment": "During packing, npm ignores everything NOT in the files list",
   "files": [

package/lib/components/helpers/attachmentHelpers.d.ts

@@ -1,16 +0,0 @@
-export declare const isContentBinary: (headers: any) => any;
-export declare const isContentBase64: (headers: any) => any;
-export declare const fileDownload: (data: any, fileName: any, ext: any, headers: any) => void;
-export declare const fileDownloadVar: (content: any, type: any, name: any, extension: any) => void;
-export declare const useFileDownload: (context: any) => ({ ID, name, extension, type, category, responseType }: {
-    ID: any;
-    name: any;
-    extension: any;
-    type: any;
-    category: any;
-    responseType: any;
-}) => void;
-export declare const getIconFromFileType: (fileType: any) => string;
-export declare const validateMaxSize: (fileObj: any, maxSizeInMB: string) => boolean;
-export declare const isFileUploadedToServer: (file: any) => any;
-//# sourceMappingURL=attachmentHelpers.d.ts.map

package/lib/components/helpers/attachmentHelpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachmentHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/attachmentHelpers.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAG,YAAO,QAErC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAG,YAAO,QAErC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,SAAI,EAAE,aAAQ,EAAE,QAAG,EAAE,YAAO,SAUxD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAO,EAAE,SAAI,EAAE,SAAI,EAAE,cAAS,SAa7D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAG,YAAO;;;;;;;UAwBrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,aAAQ,KAAG,MAyB9C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,GAAG,EAAE,aAAa,MAAM,KAAG,OAGnE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAG,SAAI,QAAkE,CAAC"}

package/lib/components/helpers/attachmentHelpers.js

@@ -1,94 +0,0 @@
-import { useCallback } from 'react';
-import download from 'downloadjs';
-export const isContentBinary = headers => {
-    return headers && headers['content-transfer-encoding'] === 'binary';
-};
-export const isContentBase64 = headers => {
-    return headers && headers['content-transfer-encoding'] === 'base64';
-};
-export const fileDownload = (data, fileName, ext, headers) => {
-    const name = ext ? `${fileName}.${ext}` : fileName;
-    // Temp fix: downloading EMAIl type attachment as html file
-    if (ext === 'html') {
-        download(isContentBase64(headers) ? atob(data) : data, name, 'text/html');
-    }
-    else if (isContentBinary(headers)) {
-        download(data, name);
-    }
-    else {
-        download(atob(data), name);
-    }
-};
-export const fileDownloadVar = (content, type, name, extension) => {
-    if (type === 'FILE' || type === undefined) {
-        fileDownload(content.data, name, extension, content.headers);
-    }
-    else if (type === 'URL') {
-        let { data } = content;
-        if (!/^(http|https):\/\//.test(data)) {
-            data = `//${data}`;
-        }
-        window.open(content.data, '_blank');
-    }
-    else if (type === 'EMAIL') {
-        // Temp Fix: for EMAIL type attachment
-        fileDownload(content.data, name, 'html', content.headers);
-    }
-};
-export const useFileDownload = context => {
-    return useCallback(({ ID, name, extension, type, category, responseType }) => {
-        if (category !== 'pxDocument') {
-            PCore.getAttachmentUtils()
-                .downloadAttachment(ID, context, responseType)
-                .then(content => {
-                fileDownloadVar(content, type, name, extension);
-            })
-                .catch(console.error);
-        }
-        else {
-            PCore.getAttachmentUtils()
-                // @ts-expect-error
-                .downloadDocument(ID, context, responseType)
-                .then(content => {
-                fileDownloadVar(content, type, name, extension);
-            })
-                .catch(console.error);
-        }
-    }, [context]);
-};
-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 validateMaxSize = (fileObj, maxSizeInMB) => {
-    const fileSize = (fileObj.size / 1048576).toFixed(2);
-    return parseFloat(fileSize) < parseFloat(maxSizeInMB);
-};
-export const isFileUploadedToServer = file => file.responseProps && !file.responseProps.ID?.includes('temp');
-//# sourceMappingURL=attachmentHelpers.js.map

package/lib/components/helpers/attachmentHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachmentHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/attachmentHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback } from 'react';\nimport download from 'downloadjs';\n\nexport const isContentBinary = headers => {\n  return headers && headers['content-transfer-encoding'] === 'binary';\n};\n\nexport const isContentBase64 = headers => {\n  return headers && headers['content-transfer-encoding'] === 'base64';\n};\n\nexport const fileDownload = (data, fileName, ext, headers) => {\n  const name = ext ? `${fileName}.${ext}` : fileName;\n  // Temp fix: downloading EMAIl type attachment as html file\n  if (ext === 'html') {\n    download(isContentBase64(headers) ? atob(data) : data, name, 'text/html');\n  } else if (isContentBinary(headers)) {\n    download(data, name);\n  } else {\n    download(atob(data), name);\n  }\n};\n\nexport const fileDownloadVar = (content, type, name, extension) => {\n  if (type === 'FILE' || type === undefined) {\n    fileDownload(content.data, name, extension, content.headers);\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  } else if (type === 'EMAIL') {\n    // Temp Fix: for EMAIL type attachment\n    fileDownload(content.data, name, 'html', content.headers);\n  }\n};\n\nexport const useFileDownload = context => {\n  return useCallback(\n    ({ ID, name, extension, type, category, responseType }) => {\n      if (category !== 'pxDocument') {\n        PCore.getAttachmentUtils()\n          .downloadAttachment(ID, context, responseType)\n          .then(content => {\n            fileDownloadVar(content, type, name, extension);\n          })\n\n          .catch(console.error);\n      } else {\n        PCore.getAttachmentUtils()\n          // @ts-expect-error\n          .downloadDocument(ID, context, responseType)\n          .then(content => {\n            fileDownloadVar(content, type, name, extension);\n          })\n\n          .catch(console.error);\n      }\n    },\n    [context]\n  );\n};\n\nexport const getIconFromFileType = (fileType): string => {\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 validateMaxSize = (fileObj: any, maxSizeInMB: string): boolean => {\n  const fileSize = (fileObj.size / 1048576).toFixed(2);\n  return parseFloat(fileSize) < parseFloat(maxSizeInMB);\n};\n\nexport const isFileUploadedToServer = file => file.responseProps && !file.responseProps.ID?.includes('temp');\n"]}