@rh-support/troubleshoot 0.2.129 → 0.2.132

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAsBA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAYD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA0PrC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAsBA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAYD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAmQrC;AAED,eAAe,eAAe,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.js

@@ -19,7 +19,7 @@ import uniq from 'lodash/uniq';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
-import { getVersionsDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
+import { getVersionsDetails, setCaseDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
 const getVersions = (products, product) => {
     const allProductsIndex = findIndex(products, (p) => p.product === product);
     return allProductsIndex !== -1 ? products[allProductsIndex].versions || [] : [];
@@ -40,22 +40,26 @@ function ProductNVersion(props) {
         caseNumber: state.caseDetails.caseNumber,
         versionsDetails: state.versionsDetails,
     }), isEqual);
-    const productVenisons = useMemo(() => versionsDetails.data.map(({ name }) => name), 
+    const productVersions = useMemo(() => versionsDetails.data
+        .map(({ name }) => name)
+        .sort()
+        .reverse(), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [product, versionsDetails.data]);
     const caseDispatch = useCaseDispatch();
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const productSEVersions = useMemo(() => getVersions(allProducts.data.productsResult, product), [allProducts.data.productsResult, product]);
-    const [isProductInValid, setIsProductInValid] = useState(false);
+    const [isProductInvalid, setIsProductInvalid] = useState(false);
+    const [isVersionInvalid, setIsVersionInvalid] = useState(false);
     const [selectedProductLocal, setSelectedProductLocal] = useState(product);
     const [selectedVersionLocal, setSelectedVersionLocal] = useState(version);
     const canEditCase = useCanEditCase();
     useEffect(() => {
-        setVersions(productVenisons);
-        if ((productVenisons === null || productVenisons === void 0 ? void 0 : productVenisons.length) && !selectedVersionLocal)
-            setSelectedVersionLocal(productVenisons[0]);
-    }, [productVenisons, selectedVersionLocal]);
+        setVersions(productVersions);
+        if ((productVersions === null || productVersions === void 0 ? void 0 : productVersions.length) && !selectedVersionLocal && (productVersions === null || productVersions === void 0 ? void 0 : productVersions.length) < 2)
+            setSelectedVersionLocal(productVersions[0]);
+    }, [productVersions, selectedVersionLocal]);
     /**
      * Sync local version from global state if they change from someplace else
      */
@@ -69,7 +73,7 @@ function ProductNVersion(props) {
         }
         if (allProducts.data && ((_a = allProducts.data.productsResult) === null || _a === void 0 ? void 0 : _a.length) !== 0) {
             const productSEVersions = getVersions(allProducts.data.productsResult, product);
-            const versions = (productSEVersions === null || productSEVersions === void 0 ? void 0 : productSEVersions.length) ? productSEVersions : productVenisons;
+            const versions = (productSEVersions === null || productSEVersions === void 0 ? void 0 : productSEVersions.length) ? productSEVersions : productVersions;
             setVersions(versions);
         }
         setSelectedProductLocal(product);
@@ -96,7 +100,7 @@ function ProductNVersion(props) {
                 yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
                 setIsProductUpdating(false);
                 setIsVersionUpdating(false);
-                setIsProductInValid(false);
+                setIsProductInvalid(false);
                 ToastNotification.addSuccessMessage(t(`Product and Version have been successfully updated`));
             }
             catch (e) {
@@ -104,7 +108,7 @@ function ProductNVersion(props) {
                 setSelectedVersionLocal(version);
                 setIsProductUpdating(false);
                 setIsVersionUpdating(false);
-                setIsProductInValid(false);
+                setIsProductInvalid(false);
                 ToastNotification.addDangerMessage(t(`Product and Version failed to update`));
             }
         }
@@ -135,7 +139,8 @@ function ProductNVersion(props) {
             yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
             setIsProductUpdating(false);
             setIsVersionUpdating(false);
-            setIsProductInValid(false);
+            setIsProductInvalid(false);
+            setIsVersionInvalid(false);
             if (onlyVersionChanged) {
                 ToastNotification.addSuccessMessage(t(`Version has been successfully updated`));
             }
@@ -147,7 +152,7 @@ function ProductNVersion(props) {
             setSelectedVersionLocal(version);
             setIsProductUpdating(false);
             setIsVersionUpdating(false);
-            setIsProductInValid(false);
+            setIsProductInvalid(false);
             if (onlyVersionChanged) {
                 ToastNotification.addDangerMessage(t(`Version failed to update`));
             }
@@ -158,12 +163,12 @@ function ProductNVersion(props) {
     });
     const validateProduct = (selectedItem) => {
         const isValid = !isProductUpdating && (isEmpty(selectedItem) || isEmpty(selectedItem.label));
-        setIsProductInValid(isValid);
+        setIsProductInvalid(isValid);
     };
     const onOuterClick = () => {
         setSelectedProductLocal(product);
         setSelectedVersionLocal(version);
-        setIsProductInValid(false);
+        setIsProductInvalid(true);
     };
     const onProductClear = () => {
         const defaultSelectedProduct = {
@@ -173,6 +178,9 @@ function ProductNVersion(props) {
             isTopProduct: false,
             isEntitledProduct: true,
         };
+        setCaseDetails(caseDispatch, { product: '', version: '' });
+        setIsProductInvalid(true);
+        setIsVersionInvalid(true);
         onProductChange(toOption(defaultSelectedProduct, { labelKey: 'product' }));
     };
     useEffect(() => {
@@ -180,9 +188,11 @@ function ProductNVersion(props) {
             getVersionsDetails(caseDispatch, product);
         }
     }, [caseDispatch, product]);
+    // To check if version in invalid
+    const checkIfVersionIsInvalid = isVersionInvalid && isEmpty(selectedVersionLocal);
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { show: !allProducts.isFetching && allProducts.isError, title: t('There was an error loading products.'), variant: AlertType.DANGER }),
-        isEmpty(selectedVersionLocal) && !((selectedVersionLocal === null || selectedVersionLocal === void 0 ? void 0 : selectedVersionLocal.length) < 2) && (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
+        isEmpty(selectedVersionLocal) && (selectedVersionLocal === null || selectedVersionLocal === void 0 ? void 0 : selectedVersionLocal.length) < 2 && (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
         React.createElement(React.Fragment, null,
             React.createElement("div", { className: "form-group all-product-selector-dropdown" },
                 React.createElement("div", { className: "product-selector-wrapper" },
@@ -190,17 +200,15 @@ function ProductNVersion(props) {
                         React.createElement(Trans, null, "Product")),
                     React.createElement(Dropdown, { className: "open-case-product", placeholder: t('Select a product'), id: "case-details-product-selector", selectedItem: toOption({
                             product: selectedProductLocal,
-                            versions: (productSEVersions === null || productSEVersions === void 0 ? void 0 : productSEVersions.length) ? productSEVersions : productVenisons,
+                            versions: (productSEVersions === null || productSEVersions === void 0 ? void 0 : productSEVersions.length) ? productSEVersions : productVersions,
                             featuredVersion: '',
                             selectedVersion: selectedVersionLocal,
                             isTopProduct: checkIsTopProduct(allProducts.data.productsResult, product),
                             isEntitledProduct: true,
-                        }, { labelKey: 'product' }), list: toOptions(filter(allProducts.data.productsResult, (p) => p.isEntitledProduct), { labelKey: 'product' }), title: t(`Select a product`), disabled: isProductUpdating || (allProducts.isFetching && !allProducts.isError), isInValid: isProductInValid, onChange: onProductChange, isLoadingList: isProductUpdating, "data-tracking-id": "case-details-product-selector", onOuterClick: onOuterClick, searchable: true, onClearSelection: onProductClear })),
+                        }, { labelKey: 'product' }), list: toOptions(filter(allProducts.data.productsResult, (p) => p.isEntitledProduct), { labelKey: 'product' }), title: t(`Select a product`), disabled: isProductUpdating || (allProducts.isFetching && !allProducts.isError), isInValid: isProductInvalid, onChange: onProductChange, isLoadingList: isProductUpdating, "data-tracking-id": "case-details-product-selector", onOuterClick: onOuterClick, searchable: true, onClearSelection: onProductClear })),
                 React.createElement("div", { className: "version-selector-wrapper" },
                     React.createElement("label", { htmlFor: "version-dropdown" },
                         React.createElement(Trans, null, "Version")),
-                    React.createElement(Dropdown, { className: "open-case-version", id: "version-dropdown", selectedItem: toOption(selectedVersionLocal), list: toOptions(uniq(versions)), title: t(`Select a version`), isInValid: isEmpty(selectedVersionLocal), disabled: isVersionUpdating ||
-                            (selectedVersionLocal === null || selectedVersionLocal === void 0 ? void 0 : selectedVersionLocal.length) < 2 ||
-                            (allProducts.isFetching && !allProducts.isError), onChange: onVersionChange, isLoadingList: isVersionUpdating, "data-tracking-id": "case-details-version-selector" }))))));
+                    React.createElement(Dropdown, { className: "open-case-version", id: "version-dropdown", selectedItem: toOption(selectedVersionLocal), list: toOptions(uniq(versions)), title: t(`Select a version`), isInValid: checkIfVersionIsInvalid, disabled: isVersionUpdating || (allProducts.isFetching && !allProducts.isError), onChange: onVersionChange, isLoadingList: isVersionUpdating, "data-tracking-id": "case-details-version-selector" }))))));
 }
 export default ProductNVersion;

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

@@ -1 +1 @@
-{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eAyKzB;kBAzKQ,GAAG;;;AA4KZ,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eA8KzB;kBA9KQ,GAAG;;;AAiLZ,eAAe,GAAG,CAAC"}

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

@@ -91,7 +91,7 @@ function Fts(props) {
     const setContactInfoIntoGlobalState = (cInfo) => __awaiter(this, void 0, void 0, function* () {
         if (contactInfo24x7 === cInfo)
             return;
-        const caseDetails = { contactInfo24x7: cInfo };
+        const caseDetails = { contactInfo24x7: cInfo === null || cInfo === void 0 ? void 0 : cInfo.trim() };
         if (!isEmpty(caseNumber)) {
             // edit/view case
             yield onCaseFtsContactUpdate(caseDetails);
@@ -125,6 +125,8 @@ function Fts(props) {
         return React.createElement(React.Fragment, null);
     if (!isEmpty(caseNumber) && !showFtsOnCaseViewEditPage(entitlementSla, severity))
         return React.createElement(React.Fragment, null);
+    // To disable save button if field is empty or is updating
+    const isSaveDisabled = isEmpty(contactInfo24X7State === null || contactInfo24X7State === void 0 ? void 0 : contactInfo24X7State.trim()) || contactInfo24X7State === contactInfo24x7 || isFtsContactUpdating;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "form-group push-top" },
             React.createElement("input", { type: "checkbox", id: "open-case-fts", "data-tracking-id": "open-case-fts", disabled: disableFtsNContact, name: "open-case-fts", checked: fts, onChange: onFtsChange }),
@@ -132,7 +134,7 @@ function Fts(props) {
                 React.createElement(Trans, null, "24x7 Support")),
             React.createElement(LoadingIndicator, { size: "sm", isInline: true, show: isFtsUpdating, className: "pf-u-ml-sm" })),
         fts === true && (React.createElement(React.Fragment, null,
-            React.createElement(InlineEdit, { labelProps: { htmlFor: 'open-case-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: contactInfo24X7State === contactInfo24x7 || isFtsContactUpdating, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : null },
+            React.createElement(InlineEdit, { labelProps: { htmlFor: 'open-case-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : null },
                 React.createElement(TextAreaAutosize, { id: "open-case-24-7-contact", className: `form-control`, name: "open-case-24-7-contact", value: contactInfo24X7State, onChange: onFtsContactChange, disabled: disableFtsNContact, "data-tracking-id": "open-case-24-7-contact" }),
                 React.createElement("p", { className: "form-instructions" },
                     React.createElement(Trans, null, "Please provide contact information where you can be reached at any time to help you with your case."))),

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AA0BA,UAAU,MAAM;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4OxD"}
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AA0BA,UAAU,MAAM;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAwPxD"}

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -52,10 +52,12 @@ export default function UpdateSeverityModal(props) {
     const [currentSeverity, setCurrentSeverity] = useState(caseDetails.caseSeverity);
     // Modal cancel function which resets the field
     const onCancel = () => {
+        if (isCaseUpdating || isPostingComment)
+            return;
         onClose();
         setSeverityUpdating(caseOverviewDispatch, false);
-        setNewSeverityValue([]);
         setCaseDetails(caseDispatch, { severity: currentSeverity });
+        setNewSeverityValue([]);
         setDescriptionValue('');
     };
     // To handle on successful submit
@@ -115,11 +117,16 @@ export default function UpdateSeverityModal(props) {
                 yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
                     severity: currentSeverity,
                 });
+                setDescriptionValue('');
                 onClose();
+                setSeverityUpdating(caseOverviewDispatch, false);
                 ToastNotification.addDangerMessage(t(`Couldn't post severity update comment. Please try again`));
             }
         }
         catch (e) {
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
+                severity: currentSeverity,
+            });
             onSuccessfulSubmit();
             ToastNotification.addDangerMessage(t('Severity failed to update'));
         }
@@ -152,8 +159,8 @@ export default function UpdateSeverityModal(props) {
     const isSubmitButtonDisabled = checkSeverityValid() && isTextAreaValid() ? false : true;
     // Update severity modal buttons
     const modalActions = [
-        React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: isSubmitButtonDisabled }, t('Submit')),
-        React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel" }, t('Cancel')),
+        React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Submit')),
+        React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')),
     ];
     // To handle severity change in the modal
     const onSeverityChange = (payload) => __awaiter(this, void 0, void 0, function* () {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.129",
+    "version": "0.2.132",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "c3c7b3d58a29bcb5415583524cd0468ce67da0a6"
+    "gitHead": "33e34e81bbe7407a38cbbca6fa03125bad491706"
 }