@rh-support/troubleshoot 0.2.134 → 0.2.137

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.js

@@ -149,7 +149,7 @@ export function RequestEscalationModal(props) {
     }, [props.show]);
     return (React.createElement(Modal, { isOpen: props.show, onClose: onCancel, actions: modalActions, header: header },
         React.createElement("p", { className: "pf-u-mb-md" },
-            React.createElement(Trans, { i18nKey: "i18RequestEscalationDescription" }, "Submit an escalation if an issue has become more severe or you feel the case needs a higher priority. A support manager will review yor escalation request.")),
+            React.createElement(Trans, { i18nKey: "i18RequestEscalationDescription" }, "Submit an escalation if an issue has become more severe or you feel the case needs a higher priority. A support manager will review your escalation request.")),
         React.createElement(AlertMessage, { variant: AlertType.DANGER, title: t('Could not create case escalation'), show: creationError, onClose: onErrorClose, isInline: true, className: "pf-u-mb-md" }),
         React.createElement(Form, { "aria-label": t('form') },
             React.createElement(Grid, { hasGutter: true, md: 12 },

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

@@ -1 +1 @@
-{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInformation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAW5D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eA8C5C"}
+{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInformation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAsD5C"}

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

@@ -2,16 +2,22 @@ import { encodeAngularBrackets, linkifyBZIDs, linkifyWithCaseIDs } from '@cee-en
 import { MoreOrLess } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { isEqual } from 'lodash';
 import React from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseSelector } from '../../../../context/CaseContext';
+import { isClusterIdEnabledForProduct } from '../../../../utils/caseOpenshiftClusterIdUtils';
 import EditDescription from '../../../EditDescription/EditDescription';
 import { CaseHostname } from './CaseHostname';
 import { CaseOpenshiftClusterId } from './CaseOpenshiftClusterId/CaseOpenshiftClusterId';
 import ProductVersion from './ProductVersion';
 export function CaseInformation(props) {
-    const description = useCaseSelector((state) => state.caseDetails.description);
-    const { globalMetadataState: { navBarRef }, } = useGlobalStateContext();
+    var _a;
+    const { product, description } = useCaseSelector((state) => ({
+        product: state.caseDetails.product,
+        description: state.caseDetails.description,
+    }), isEqual);
+    const { globalMetadataState: { navBarRef, allProducts }, } = useGlobalStateContext();
     const linkifiedDescription = (text) => {
         text = encodeAngularBrackets(text);
         text = linkifyWithCaseIDs(text);
@@ -19,10 +25,11 @@ export function CaseInformation(props) {
         return { __html: text };
     };
     const canEditDescription = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_DESCRIPTION);
+    const hasCluster = isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
     return (React.createElement("section", { className: "card card-sm card-white" },
         React.createElement("form", null,
             React.createElement(ProductVersion, null),
-            React.createElement(CaseOpenshiftClusterId, null),
+            hasCluster && React.createElement(CaseOpenshiftClusterId, null),
             React.createElement(CaseHostname, { inlineEditable: true }),
             React.createElement("div", { className: "form-group" }, !canEditDescription ? (React.createElement(React.Fragment, null,
                 React.createElement("label", { htmlFor: "case-description" },

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAmB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAsCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,eAugBnD"}
+{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAmB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAsCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,eAqgBnD"}

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

@@ -315,9 +315,7 @@ export default function CaseDiscussion(props) {
             React.createElement("div", { className: "pfe-l-grid pfe-m-all-6-col pfe-m-gutters push-bottom hide-in-pdf" },
                 React.createElement("div", { className: "pfe-m-12-col" }, allDiscussions.length > 20 && (React.createElement(CommentSearch, { caseDiscussions: computeFilteredComments || [], onCommentSearch: onCaseCommentSearch, isCommentSearchCleared: isCommentSearchCleared }))),
                 React.createElement("span", { className: "push-top-narrow" },
-                    React.createElement(MultiSelectDropDownList, { placeholder: getDropdownBtnPlaceholder(t('Select a filter'), discussionFiltersListState
-                            .filter((i) => i.isSelected)
-                            .map((i) => i.filterLabel), ' ', list.length, t('All comments')), "data-tracking-id": "discussions-filter-comments-dropdown", id: "case-list-comments-dropdown", label: t('Filter by'), title: t('Filter by'), onChange: onFilterChange, selectedItems: toOptions(discussionFiltersListState.filter((item) => item.isSelected), {
+                    React.createElement(MultiSelectDropDownList, { placeholder: getDropdownBtnPlaceholder(t('Select a filter'), list.filter((i) => i.isSelected).map((i) => i.filterLabel), ' ', list.length, t('All comments')), "data-tracking-id": "discussions-filter-comments-dropdown", id: "case-list-comments-dropdown", label: t('Filter by'), title: t('Filter by'), onChange: onFilterChange, selectedItems: toOptions(list.filter((item) => item.isSelected), {
                             labelKey: 'filterLabel',
                             disabledKey: 'isDisabled',
                         }), list: toOptions(list, { labelKey: 'filterLabel', disabledKey: 'isDisabled' }) })),

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

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKrF,UAAU,MAAM;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAgBD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAoKvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKrF,UAAU,MAAM;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAgBD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAgKvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -42,11 +42,6 @@ const AllProductsSelector = forwardRef((props, ref) => {
         version: state.caseDetails.version,
         contactSSOName: state.caseDetails.contactSSOName,
     }), isEqual);
-    // const {
-    //     caseState: {
-    //         caseDetails: { product, version, contactSSOName },
-    //     },
-    // } = useContext(CaseStateContext);
     const [selectedProductForDropdown, setSelectedProductForDropdown] = useState(defaultSelectedProduct);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const [localProduct, setLocalProduct] = useState('');
@@ -81,7 +76,7 @@ const AllProductsSelector = forwardRef((props, ref) => {
         }
     }, [allProducts, product, props.isDropdownSelected, selectedProductForDropdown.product, version]);
     useEffect(() => {
-        // after TC datat is loaded we open the modal
+        // after TC data is loaded we open the modal
         const showTCPopUpModalOnProductChange = props.loadTCOnChange && !props.showTCAfterButtonClicked && showModal;
         if (!topContent.isFetching && showTCPopUpModalOnProductChange) {
             topContent.data.length !== 0 && setIsModalOpen(true);

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

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAIrE,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEAqIlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAIrE,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEAyIlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

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

@@ -18,12 +18,15 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
     const [isVersionBlured, setIsVersionBlured] = useState(false);
     const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
     const versionsDetails = useCaseSelector((state) => 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
     [props.selectedProduct.name, versionsDetails.data]);
     // Here we are conditionally checking if selected product is having version and if not fallback to fetched version list ].
     const selectedProductVersion = isEmpty(props.selectedProduct.versions)
-        ? productVenisons
+        ? productVersions
         : props.selectedProduct.versions;
     // On the basis of which version source we are using we need to use loading status of it.
     const isLoadingList = isEmpty(props.selectedProduct.versions) ? versionsDetails.isFetching : props.isLoading;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.134",
+    "version": "0.2.137",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -74,8 +74,8 @@
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
         "@rh-support/api": "0.3.24",
-        "@rh-support/components": "1.1.77",
-        "@rh-support/react-context": "0.2.83",
+        "@rh-support/components": "1.1.79",
+        "@rh-support/react-context": "0.2.85",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "0.2.63",
         "@rh-support/utils": "0.2.46",
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "dda593e3af59d6ab835cf306e559e838ba735c2a"
+    "gitHead": "acb137236b62e31aba70cda91755b3b94f0cb7da"
 }