@rh-support/troubleshoot 2.2.25 → 2.2.26

package/lib/esm/components/ProductSelector/NewProductVersionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAYpE,UAAU,MAAM;IACZ,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC,EAAE,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBA+HtD,CAAC"}
+{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAYpE,UAAU,MAAM;IACZ,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC,EAAE,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBAiItD,CAAC"}

package/lib/esm/components/ProductSelector/NewProductVersionSelector.js

@@ -89,6 +89,9 @@ export const NewProductVersionSelector = (props) => {
     };
     useEffect(() => {
         const versionValidator = () => {
+            var _a;
+            if (!((_a = props.selectedProduct) === null || _a === void 0 ? void 0 : _a.versions))
+                return;
             const confirmMatchVersion = props.selectedProduct.versions.find((version) => version === props.versionState);
             if (isEmpty(confirmMatchVersion)) {
                 setSelected('');

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":"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;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA+MxC;kBA/MQ,kBAAkB;;;AAmN3B,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;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA4NxC;kBA5NQ,kBAAkB;;;AAgO3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -40,6 +40,7 @@ function WidgetFileUploader(props) {
     const [showViewRecBtn, setShowViewRecBtn] = useState(false);
     const { editFile, removeFile, retryUpload, uploadAll, retryAnalysis } = useFileUploader(props);
     const [unallowedLocalFileExists, setUnallowedLocalFileExists] = useState(false);
+    const [fileExceedInfo, setfileExceedInfo] = useState({ show: false, fileName: [] });
     useEffect(() => {
         if (rulesState.triggerRuleNotification) {
             !showViewRecBtn && setShowViewRecBtn(true);
@@ -53,6 +54,10 @@ function WidgetFileUploader(props) {
             if (isIdea) {
                 unallowedFiles = selectedLocalFiles.filter((file) => !allowedTypesIdea.includes(file.type));
             }
+            if (selectedLocalFiles.some((file) => file.size > 5242880)) {
+                let files = selectedLocalFiles.filter((file) => file.size > 5242880).map((file) => file.name);
+                setfileExceedInfo({ show: true, fileName: files });
+            }
             let hasUnallowedFiles = unallowedFiles.length > 0;
             setUnallowedLocalFileExists(hasUnallowedFiles);
         };
@@ -137,7 +142,7 @@ function WidgetFileUploader(props) {
     return (React.createElement("div", { className: `card card-white card-support file-diag ${props.className || ''}`, onPaste: handlePaste },
         React.createElement("h3", { className: "card-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze"))),
         React.createElement("div", { className: "card-body" },
-            React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate, isIdea: props.isIdea }),
+            React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate, isIdea: props.isIdea, showFileExceed: fileExceedInfo }),
             !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-u-mt-sm" },
                 !props.isIdea ? (React.createElement(Trans, { i18nKey: "i18nUploadSosReport" },
                     "Upload a",

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts

@@ -3,7 +3,11 @@ interface IProps extends IDClassNameProps {
     isSessionId: boolean;
     isPrivate: boolean;
     isIdea?: boolean;
+    showFileExceed?: {
+        show: boolean;
+        fileName: string[];
+    };
 }
-declare function WidgetFileSelector({ id, className, isSessionId, isPrivate, isIdea }: IProps): JSX.Element;
+declare function WidgetFileSelector({ id, className, isSessionId, isPrivate, isIdea, showFileExceed, }: IProps): JSX.Element;
 export default WidgetFileSelector;
 //# sourceMappingURL=WidgetFileSelector.d.ts.map

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAS5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,kBAAkB,CAAC,EAAE,EAAO,EAAE,SAAc,EAAE,WAAW,EAAE,SAAiB,EAAE,MAAc,EAAE,EAAE,MAAM,eAiE9G;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAS5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,MAAM,eAuER;AAED,eAAe,kBAAkB,CAAC"}

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

@@ -4,7 +4,7 @@ import { useDropzone } from 'react-dropzone';
 import { Trans, useTranslation } from 'react-i18next';
 import { onDrop } from '../reducer/AttachmentHelper';
 import { AttachmentDispatchContext } from '../reducer/AttachmentReducerContext';
-function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate = false, isIdea = false }) {
+function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate = false, isIdea = false, showFileExceed = { show: false, fileName: [] }, }) {
     const { t } = useTranslation();
     const MAX_SIZE = isIdea ? 5242880 : undefined;
     // Attachment Reducer Related
@@ -30,17 +30,25 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
             isDragActive ? (t(`Drop your file here...`)) : (React.createElement(Trans, null, "Drag and drop, paste, or browse to upload a file")),
             isIdea && (React.createElement("div", { className: "pf-u-text-align-center pf-u-color-300 pf-u-font-weight-normal" },
                 React.createElement(Trans, null, "Files must be less than 5 MB.")))),
-        isIdea && (React.createElement("p", { className: "pf-u-danger-color-200" }, rejectedFiles.map((rejectedFile) => {
-            const isImage = /image\/(png|gif|jpe?g)/.test(rejectedFile.type);
-            return !isImage ? (React.createElement("div", null,
-                rejectedFile.name,
-                " ",
-                React.createElement(Trans, null, "is not an allowed file type or an image "))) : rejectedFile.size > MAX_SIZE ? (React.createElement("div", null,
-                rejectedFile.name,
-                " ",
-                React.createElement(Trans, null, "exceeded max size limit of"),
-                " ",
-                humanizeSize(MAX_SIZE))) : ('');
-        })))));
+        isIdea && (React.createElement("p", { className: "pf-u-danger-color-200" },
+            rejectedFiles.map((rejectedFile) => {
+                const isImage = /image\/(png|gif|jpe?g)/.test(rejectedFile.type);
+                return !isImage ? (React.createElement("div", null,
+                    rejectedFile.name,
+                    " ",
+                    React.createElement(Trans, null, "is not an allowed file type or an image "))) : showFileExceed ? (React.createElement("div", null,
+                    rejectedFile.name,
+                    " ",
+                    React.createElement(Trans, null, "exceeded max size limit of"),
+                    " ",
+                    humanizeSize(MAX_SIZE))) : ('');
+            }),
+            showFileExceed &&
+                showFileExceed.fileName.map((exceededFiles) => (React.createElement("div", null,
+                    exceededFiles,
+                    " ",
+                    React.createElement(Trans, null, "exceeded max size limit of"),
+                    " ",
+                    humanizeSize(MAX_SIZE))))))));
 }
 export default WidgetFileSelector;

package/lib/esm/components/shared/useIsSectionValid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAyL9D"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EA2L9D"}

package/lib/esm/components/shared/useIsSectionValid.js

@@ -42,7 +42,8 @@ export function useIsSectionValid(sectionName) {
             unallowedFiles = selectedLocalFiles.filter((file) => !allowedTypesIdea.includes(file.type));
         }
         let hasUnallowedFiles = (unallowedFiles === null || unallowedFiles === void 0 ? void 0 : unallowedFiles.length) > 0;
-        return !hasUnallowedFiles; // we want it false to trigger the error if its true
+        const hasOversizeFiles = selectedLocalFiles.some((file) => file.size > 5242880);
+        return !hasUnallowedFiles && !hasOversizeFiles; // we want it false to trigger the error if its true
     };
     const isGetSupportSectionValidLocal = () => {
         return (!isEmpty(caseType) &&

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AASrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eAgVtD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AASrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA6VtD"}

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.js

@@ -54,6 +54,7 @@ export function GlobalTroubleshootEffects(props) {
     const isCaseCreate = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
     const urlQueryParams = RouteUtils.getQueryParams(props.routeProps);
     const isFirstMount = useRef(true);
+    const isFirstMountProduct = useRef(true);
     const { getPreferredLanguage } = useUserPreferences();
     const rulesDispatch = useContext(RulesDispatchContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
@@ -68,32 +69,44 @@ export function GlobalTroubleshootEffects(props) {
      * Setting product version on case details from url.
      */
     useEffect(() => {
-        const productFromUrl = urlQueryParams.product;
-        const versionFromUrl = urlQueryParams.version;
-        if (!productFromUrl ||
-            allProducts.isFetching ||
-            allProducts.isError ||
-            isEmpty(allProducts.data.productsResult))
+        if (!isFirstMountProduct.current && allProducts.isFetching)
             return;
-        const index = findIndex(allProducts.data.productsResult, (p) => p.product === productFromUrl);
-        if (index === -1) {
-            // invalid product, reset url
-            const newParams = {
-                product: undefined,
-                version: undefined,
-            };
-            RouteUtils.updateQueryParams(props.routeProps, newParams);
-            return;
-        }
-        // product in url is valid check to see if version is valid
-        const productVersions = allProducts.data.productsResult[index].versions;
-        const isVersionFromURLValid = !isEmpty(versionFromUrl) && includes(productVersions, versionFromUrl);
-        const versionToSet = isVersionFromURLValid ? versionFromUrl : undefined;
-        if (product !== productFromUrl || version !== versionToSet) {
-            setCaseDetails(caseDispatch, {
-                product: productFromUrl,
-                version: versionToSet,
-            });
+        if (isFirstMountProduct.current) {
+            const productFromUrl = urlQueryParams.product;
+            const versionFromUrl = urlQueryParams.version;
+            if (!productFromUrl ||
+                allProducts.isFetching ||
+                allProducts.isError ||
+                isEmpty(allProducts.data.productsResult))
+                return;
+            const index = findIndex(allProducts.data.productsResult, (p) => p.product === productFromUrl);
+            if (index === -1) {
+                // invalid product, reset url
+                const newParams = {
+                    product: undefined,
+                    version: undefined,
+                };
+                RouteUtils.updateQueryParams(props.routeProps, newParams);
+                return;
+            }
+            // product in url is valid check to see if version is valid
+            const productVersions = allProducts.data.productsResult[index].versions;
+            let versionToSet;
+            if (productVersions) {
+                const isVersionFromURLValid = !isEmpty(versionFromUrl) && includes(productVersions, versionFromUrl);
+                versionToSet = isVersionFromURLValid ? versionFromUrl : undefined;
+            }
+            else {
+                // when productVersions is not available, it means se product api is down.
+                versionToSet = undefined;
+            }
+            if (product !== productFromUrl || version !== versionToSet) {
+                setCaseDetails(caseDispatch, {
+                    product: productFromUrl,
+                    version: versionToSet,
+                });
+            }
+            isFirstMountProduct.current = false;
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [allProducts.data.productsResult, caseDispatch, props.routeProps]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.25",
+    "version": "2.2.26",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -133,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "1f6cf4e2fcbf153c4527086d0c1ac77f96ea808f"
+    "gitHead": "59ffadf54159c0aaa828c8684df1bbf33402a0ed"
 }