@rh-support/troubleshoot 1.0.42 → 1.0.43

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.js

@@ -24,7 +24,7 @@ import { AutoSizer, CellMeasurer, CellMeasurerCache, List, WindowScroller } from
 import { useCaseDetailsPageStateContext } from '../../../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../../context/CaseDiscussionTabContext';
 import { clearReplyComment, discussionSortOrderConst, DiscussionType, setCommentText, setDiscussions, setFilter, setSort, updateAttachment, updateAttacmentsAfterRemoval, updateCommentStateFeedback, updateDiscussionStateAttachments, updateDiscussionStateComments, } from '../../../../reducers/CaseDiscussionTabReducer';
-import { AttachmentContextProvider } from '../../../shared/fileUpload';
+import { AttachmentContextProvider } from '../../../shared/fileUpload/reducer/AttachmentReducerContext';
 import { PDFContext } from '../../PDFContainer';
 import CaseAttachment from './CaseAttachment';
 import CaseChat from './CaseChat';

package/lib/esm/components/CaseInformation/FileDiag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileDiag.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/FileDiag.tsx"],"names":[],"mappings":"AASA,wBAAgB,QAAQ,gBAuBvB"}
+{"version":3,"file":"FileDiag.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/FileDiag.tsx"],"names":[],"mappings":"AASA,wBAAgB,QAAQ,gBAwBvB"}

package/lib/esm/components/CaseInformation/FileDiag.js

@@ -13,5 +13,5 @@ export function FileDiag() {
     if (!canAddAttachments)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(WidgetFileUploader, { idToUploadTo: activeSessionId, needsAnalyzing: true, isSessionId: true, isSecureSupport: loggedInUsersAccount.data.secureSupport, autoUploadOnSelect: loggedInUsersAccount.data.secureSupport ? false : true, helperText: getValidAttachmentRules(rulesState.EARules.rules).length > 0 ? React.createElement(FileEARule, null) : null })));
+        React.createElement(WidgetFileUploader, { idToUploadTo: activeSessionId, isPrivate: false, needsAnalyzing: true, isSessionId: true, isSecureSupport: loggedInUsersAccount.data.secureSupport, autoUploadOnSelect: loggedInUsersAccount.data.secureSupport ? false : true, helperText: getValidAttachmentRules(rulesState.EARules.rules).length > 0 ? React.createElement(FileEARule, null) : null })));
 }

package/lib/esm/components/shared/fileUpload/WidgetFileUploader.d.ts

@@ -3,6 +3,8 @@ import React from 'react';
 import { IFileUploaderCommonProps } from './types';
 interface IProps extends IFileUploaderCommonProps, IDClassNameProps {
     helperText?: string | React.ReactNode;
+    isSessionId: boolean;
+    isPrivate: boolean;
 }
 declare function WidgetFileUploader(props: IProps): JSX.Element;
 declare namespace WidgetFileUploader {

package/lib/esm/components/shared/fileUpload/WidgetFileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAUD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA4GxC;kBA5GQ,kBAAkB;;;AAgH3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA0B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACtB;AAUD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAwKxC;kBAxKQ,kBAAkB;;;AA4K3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/esm/components/shared/fileUpload/WidgetFileUploader.js

@@ -1,11 +1,23 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { Button } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import { getText } from '@rh-support/utils';
 import React, { useContext, useEffect, useState } from 'react';
-import { Trans } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { RulesDispatchContext, RulesStateContext } from '../../../context/RulesContext';
 import { RulesReducerConstants } from '../../../reducers/RulesReducer';
 import FileLister from './FileLister';
 import WidgetFileSelector from './fileSelectors/WidgetFileSelector';
 import { doSosReportAnalysisForFile, hasAnalysedSomeAttachments, hasSomeSelectedFiles, hasUploadedSomeAttachments, isAnalysingAnyAttachment, isAnalysisNotStarted, isRestoredFromSession, } from './reducer/AttachmentHelper';
+import { defaultAnalysisMetadata, defaultUploadMetadata, onFilesSelect, UploadStatusConstants, } from './reducer/AttachmentReducer';
 import { AttachmentDispatchContext, AttachmentStateContext } from './reducer/AttachmentReducerContext';
 import { FileUploadButton } from './UploadButton';
 import { useFileUploader } from './useFileUploader';
@@ -17,6 +29,7 @@ const defaultProps = {
     isPrivate: false,
 };
 function WidgetFileUploader(props) {
+    const { t } = useTranslation();
     const { attachmentState } = useContext(AttachmentStateContext);
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
     const selectedLocalFiles = attachmentState.caseFiles.selectedLocalFiles;
@@ -50,7 +63,60 @@ function WidgetFileUploader(props) {
         dispatchToAttachmentReducer,
         props.needsAnalyzing,
     ]);
-    return (React.createElement("div", { className: `card card-white card-support file-diag ${props.className || ''}` },
+    const getFileAccessDetails = (file) => __awaiter(this, void 0, void 0, function* () {
+        const fileName = (file === null || file === void 0 ? void 0 : file.name) || '';
+        if (file.size === 0) {
+            return Promise.reject({
+                ableToUpload: false,
+                ableToUploadMessage: t(`${fileName} ${getText('is empty')}`),
+            });
+        }
+        const reader = new FileReader();
+        return new Promise((resolve, reject) => {
+            reader.onloadend = () => resolve({ ableToUpload: true, ableToUploadMessage: t('File attached, but not yet uploaded') });
+            reader.onerror = (ev) => reject({ ableToUpload: false, ableToUploadMessage: t(`${fileName} ${getText("Can't be selected")}`) });
+            // only read the first 10 bytes. readAsBinaryString is not supported in IE 11
+            reader.readAsArrayBuffer(file.slice(0, 10));
+        });
+    });
+    // To handle pasting of screenshots in uploader
+    const handlePaste = (event) => __awaiter(this, void 0, void 0, function* () {
+        let file;
+        for (let i = 0; i < event.clipboardData.items.length; ++i) {
+            let item = event.clipboardData.items[i];
+            if (item.kind === 'file' && item.type.startsWith('image/')) {
+                event.preventDefault();
+                file = item.getAsFile();
+                const onFilesSelectLocal = (caseFiles) => {
+                    onFilesSelect(dispatchToAttachmentReducer, caseFiles);
+                };
+                try {
+                    const fileAccessDetails = yield getFileAccessDetails(file);
+                    const localFile = {
+                        name: file.name,
+                        size: file.size,
+                        lastModified: file.lastModified,
+                        type: file.type,
+                        description: '',
+                        isPrivate: props.isPrivate,
+                        uploadProgress: Object.assign(Object.assign({}, defaultUploadMetadata), { uploadStatus: props.isSessionId
+                                ? UploadStatusConstants.attachedOnSession
+                                : UploadStatusConstants.attachedOnCase }),
+                        analysisMetadata: Object.assign({}, defaultAnalysisMetadata),
+                        uploadability: Object.assign({}, fileAccessDetails),
+                        includeResults: true,
+                    };
+                    onFilesSelectLocal({ selectedLocalFiles: [localFile], selectedOriginalFiles: [file] });
+                }
+                catch (e) {
+                    if (!e.ableToUpload) {
+                        ToastNotification.addDangerMessage(e.ableToUploadMessage);
+                    }
+                }
+            }
+        }
+    });
+    return (React.createElement("div", { className: `card card-white card-support file-diag ${props.className || ''}`, onPaste: handlePaste },
         React.createElement("h3", { className: "card-heading" },
             React.createElement(Trans, null, "File uploader and analyzer")),
         React.createElement("div", { className: "card-body" },

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.js

@@ -24,6 +24,6 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
         React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
         isDragActive ? (t(`Drop your file here...`)) : (React.createElement(React.Fragment, null,
             React.createElement("span", null,
-                React.createElement(Trans, null, "Drag and drop, or browse to upload a file"))))));
+                React.createElement(Trans, null, "Drag and drop, paste, or browse to upload a file"))))));
 }
 export default WidgetFileSelector;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.0.42",
+    "version": "1.0.43",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -73,8 +73,8 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "1.2.18",
-        "@rh-support/react-context": "1.0.25",
+        "@rh-support/components": "1.2.19",
+        "@rh-support/react-context": "1.0.26",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "1.0.11",
         "@rh-support/utils": "1.0.9",
@@ -145,5 +145,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "e27c5b627c28f73975f5a6cba7c6adb486c7c632"
+    "gitHead": "34d2dec5c3f91b58ef2cdd7378f776997e755dfc"
 }