@rh-support/troubleshoot 0.2.120 → 0.2.123

package/lib/esm/components/CaseEditView/CaseDetailsErrorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,UAAU,MAAM;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,eAsDpD"}
+{"version":3,"file":"CaseDetailsErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,UAAU,MAAM;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,eAqEpD"}

package/lib/esm/components/CaseEditView/CaseDetailsErrorMessage.js

@@ -3,14 +3,24 @@ import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { getSFDCSecureSupportCaseLink } from '@rh-support/utils';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+// Here we need to use 'detailMessage' from case API if user is not authorized to see case details
+const INVALID_CASE_GROUP_API_ERROR_DEFAULT_MESSAGE = 'Invalid group access';
 export function CaseDetailsErrorMessage(props) {
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     // Initialize Default Props Below
     const { isInlineError = false, canReadCase, caseNumber, errorDetails } = props;
+    const invalidCaseGroupErrorTitle = t('This case can only be viewed by a specific group');
+    /* There can be two condition for HTTP 403 error
+        1. Account mismatch.
+        2. Invalid case group
+    */
+    const isCaseGroupError = errorDetails['detailMessage'] === INVALID_CASE_GROUP_API_ERROR_DEFAULT_MESSAGE;
     const getErrorMessage = () => {
         const { status, message = '' } = errorDetails || {};
-        const customDefaultErrorMessage403 = t('You are not authorized to see this case.');
+        const customDefaultErrorMessage403 = isCaseGroupError
+            ? t('Please contact your organization’s admin to request access to this case’s group.')
+            : t('You are not authorized to see this case.');
         const errorMessage404 = t("Case number doesn't exist");
         let errorMessage403;
         if (!canReadCase) {
@@ -36,6 +46,10 @@ export function CaseDetailsErrorMessage(props) {
             '404': { message: errorMessage404 },
         });
     };
-    return (React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-u-mb-lg", show: true, title: errorMessageTitle(errorDetails), isInline: isInlineError },
+    return (React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-u-mb-lg", show: true, 
+        // Here customizing title of alert based on case group error.
+        title: errorMessageTitle(errorDetails, Object.assign({}, (isCaseGroupError && {
+            '403': { title: invalidCaseGroupErrorTitle },
+        }))), isInline: isInlineError },
         React.createElement(Trans, null, getErrorMessage())));
 }

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAgfjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA+ejD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -285,9 +285,8 @@ export default function CaseOverview(props) {
             React.createElement(ExpandableSection, { className: "case-details-main", toggleText: t('Case information'), isExpanded: isDetailsExpanded, onToggle: onToggleDetails },
                 React.createElement(CaseInformation, null))),
         showCloseCaseModal && (React.createElement(CloseCaseModal, { onConfirm: (commentBody) => __awaiter(this, void 0, void 0, function* () {
-                yield updateStatusState(CaseStatusEnum.CLOSED, () => __awaiter(this, void 0, void 0, function* () {
-                    yield postCommentAfterStatusUpdate(commentBody);
-                }));
+                yield updateStatusState(CaseStatusEnum.CLOSED);
+                yield postCommentAfterStatusUpdate(commentBody);
                 setShowCaseCloseModal(false);
             }), isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, onClose: () => {
                 setShowCaseCloseModal(false);

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

@@ -1 +1 @@
-{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAmdxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA2exC"}

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

@@ -11,7 +11,7 @@ import { publicApi } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, Checkbox, debounce, Tooltip } from '@patternfly/react-core';
 import PlusIcon from '@patternfly/react-icons/dist/js/icons/plus-icon';
 import { EditorMode, LoadingIndicator, MarkdownEditor, ToastNotification, useFetch, usePrevious, } from '@rh-support/components';
-import { FeatureAnnouncementKeys, GlobalMetadataStateContext, NewFeaturePopoverAnnouncement, useCanEditCase, } from '@rh-support/react-context';
+import { FeatureAnnouncementKeys, GlobalMetadataStateContext, NewFeaturePopoverAnnouncement, useCanEditCase, useUserPreferences, } from '@rh-support/react-context';
 import { ability, CaseDiscussionFields, CaseListFields, resourceActions, resources, } from '@rh-support/user-permissions';
 import { getConfigField, PCM_CONFIG_FIELD_TYPE, pendoTrackEvent } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
@@ -22,7 +22,6 @@ import { useDropzone } from 'react-dropzone';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { CaseDetailsCacheNamespaces } from '../../../../enums/cache';
-import { useUserPreference } from '../../../../hooks/useUserPreference';
 import { DiscussionType } from '../../../../reducers/CaseDiscussionTabReducer';
 import { addingNotifiedUsers, checkForCaseStatusToggleOnAttachOrComment, setNotifiedUser, } from '../../../../reducers/CaseReducer';
 import { CaseDetailsCacheUtils } from '../../../../utils/caseDetailsCacheUtils';
@@ -51,6 +50,25 @@ export function PostComment(props) {
     const hasSomeUnUploadedFiles = hasSomeUnUploadedAttachments(attachmentState.caseFiles.selectedLocalFiles);
     const hasSomeSelectedFilesLocal = hasSomeSelectedFiles(attachmentState.caseFiles.selectedLocalFiles);
     const [commentType, setCommentType] = useState(EditorMode.PLAIN);
+    const [commentSignature, setCommentSignature] = useState('');
+    const { getCommentTypeFromPreference, getCommentSignature } = useUserPreferences();
+    const userOriginalCommentPrefs = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const retrievedComment = yield getCommentTypeFromPreference();
+            const retrievedCommentSignature = yield getCommentSignature();
+            const defaultCommentType = retrievedComment ? retrievedComment : EditorMode.PLAIN;
+            setCommentType(defaultCommentType);
+            const defaultCommentSignature = retrievedCommentSignature || '';
+            setCommentSignature(defaultCommentSignature);
+        }
+        catch (error) {
+            console.log(error);
+        }
+    });
+    useEffect(() => {
+        userOriginalCommentPrefs();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
     const [isModalOpen, setIsModalOpen] = useState(false);
     const [isProcessing, setIsProcessing] = useState(isPostingComment || isUploadingAttachments);
     const { globalMetadataState: { loggedInUser, loggedInUserRights, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
@@ -66,7 +84,6 @@ export function PostComment(props) {
         selectedNotificationContacts: state.selectedNotificationContacts,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const { updateCommentType, getCommentTypeFromPreference } = useUserPreference();
     const [isCommentTooLong, setIsCommentTooLong] = useState(false);
     const canEditCase = useCanEditCase();
     const componentRef = useRef(null);
@@ -142,12 +159,6 @@ export function PostComment(props) {
             setNotifiedUser(caseDispatch, uniqBy([...selectedNotificationContacts, loggedInUser.data], 'ssoUsername'));
         }
     });
-    const saveCommentTypeInPreference = () => {
-        const commentTypeFromPreference = getCommentTypeFromPreference();
-        if (!commentTypeFromPreference || commentTypeFromPreference !== commentType) {
-            updateCommentType(commentType);
-        }
-    };
     useEffect(() => {
         isPublicRef.current = isPublic;
     }, [isPublic]);
@@ -172,7 +183,6 @@ export function PostComment(props) {
                 yield props.onCommentAdded();
                 resetCommentSection();
                 ToastNotification.addSuccessMessage(t('Comment submitted'));
-                saveCommentTypeInPreference();
             }
             catch (e) {
                 ToastNotification.addDangerMessage(t('Could not submit comment'));
@@ -197,12 +207,23 @@ export function PostComment(props) {
             .reduce((acc, line) => (acc += '> ' + line + '\n'), person);
         return reply;
     };
+    const addCommentSignature = (preSigCommemnt) => {
+        if (!isEmpty(commentSignature)) {
+            let signedComment = preSigCommemnt + '\n' + commentSignature;
+            setCommentText(signedComment);
+        }
+    };
     useEffect(() => {
         if (!props.commentText || !props.commentCreator) {
             return;
         }
         const reply = getReplyText(props.commentText, props.commentCreator);
-        setCommentText(reply);
+        if (reply.includes(commentSignature)) {
+            setCommentText(reply);
+        }
+        else {
+            addCommentSignature(reply);
+        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.commentText, props.commentCreator]);
     useEffect(() => {
@@ -222,21 +243,17 @@ export function PostComment(props) {
                 const { value: draftComments = {} } = (yield CaseDetailsCacheUtils.get(CaseDetailsCacheNamespaces.COMMENTS_DRAFT.name, loggedInUserRights.data.getSSOUsername())) || {};
                 if (draftComments[caseNumber]) {
                     const { text, privateFlag, type } = draftComments[caseNumber];
-                    setCommentText(text);
-                    privateFlag === true && setIsPublic(false);
-                    setCommentType(type);
-                }
-                else {
-                    const commentTypeFromPreference = getCommentTypeFromPreference();
-                    if (commentTypeFromPreference) {
-                        setCommentType(commentTypeFromPreference);
+                    if (text.trim()) {
+                        addCommentSignature(text);
+                        privateFlag === true && setIsPublic(false);
+                        setCommentType(type);
                     }
                 }
             });
         }
         getDraftComments();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [commentSignature]);
     const onTextAreaBlur = () => {
         !commentText && setIsTextAreaFocused(false);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;CAAG;AAInB,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,eA8L/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;CAAG;AAInB,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,eAsN/B;AAED,eAAe,SAAS,CAAC"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Dropdown, ToastNotification, ValueChangedIcon } from '@rh-support/components';
-import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
+import { GlobalMetadataStateContext, useCanEditCase, useUserPreferences } from '@rh-support/react-context';
 import { toOption, toOptions } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
@@ -22,7 +22,7 @@ import { getChangedValueTooltip } from '../shared/utils';
 const emptyCaseGroup = { groupNum: '', name: '', isPrivate: false, isDefault: false, defaultMembers: [], members: [] };
 function CaseGroup(props) {
     const { t } = useTranslation();
-    const { groupNumber, caseNumber, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName, } = useCaseSelector((state) => ({
+    const { groupNumber, caseNumber, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         groupNumber: state.caseDetails.groupNumber,
         accountNumber: state.caseDetails.accountNumberRef,
@@ -37,6 +37,31 @@ function CaseGroup(props) {
     const [isCaseGroupUpdating, setCaseGroupUpdating] = useState(false);
     const canEditCase = useCanEditCase();
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const { getDefaultGroup } = useUserPreferences();
+    const userPreferredFilter = () => __awaiter(this, void 0, void 0, function* () {
+        const fetchedDefaultGroupKey = yield getDefaultGroup();
+        const groupObj = ownersCaseGroups.data
+            ? ownersCaseGroups.data.map((group) => ({ value: group.name, key: group.groupNum }))
+            : [];
+        if (!isEmpty(groupObj)) {
+            const preferredGroupObj = groupObj.find((group) => group.key === fetchedDefaultGroupKey);
+            if (preferredGroupObj === null || preferredGroupObj === void 0 ? void 0 : preferredGroupObj.value) {
+                const parsedFetchedDefaultGroup = {
+                    groupNum: preferredGroupObj.key,
+                    name: preferredGroupObj.value,
+                    isPrivate: false,
+                    isDefault: false,
+                    defaultMembers: [],
+                    members: [],
+                };
+                onCaseGroupChange(toOption(parsedFetchedDefaultGroup, { labelKey: 'name' }));
+            }
+        }
+    });
+    useEffect(() => {
+        userPreferredFilter();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [ownersCaseGroups.data]);
     // value changed logic to show a non local group change
     const [localGroupChange, setLocalGroupChange] = useState(false);
     const afterGroupLocalChange = () => setLocalGroupChange(false);

package/lib/esm/components/Recommendations/ClusterRecommendationItems.js

@@ -33,7 +33,7 @@ export function ClusterRecommendationItems(props) {
             React.createElement("h3", null, rule.description)),
         React.createElement("pfe-accordion-panel", null,
             React.createElement("p", null,
-                React.createElement(Label, { color: riskLabels[rule.total_risk].color },
+                React.createElement(Label, { icon: riskLabels[rule.total_risk].icon, color: riskLabels[rule.total_risk].color },
                     React.createElement(Trans, null, riskLabels[rule.total_risk].label))),
             React.createElement("p", null, rule.details || ''),
             rule.reason && (React.createElement(React.Fragment, null,

package/lib/esm/components/shared/Constants.d.ts

@@ -52,18 +52,22 @@ export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolba
 export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     2: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     3: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     4: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
+{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

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

@@ -1,3 +1,8 @@
+import AngleDoubleDownIcon from '@patternfly/react-icons/dist/js/icons/angle-double-down-icon';
+import AngleDoubleUpIcon from '@patternfly/react-icons/dist/js/icons/angle-double-up-icon';
+import CriticalRiskIcon from '@patternfly/react-icons/dist/js/icons/critical-risk-icon';
+import EqualsIcon from '@patternfly/react-icons/dist/js/icons/equals-icon';
+import React from 'react';
 export default {
     languagesMap: {
         en: 'English',
@@ -51,8 +56,8 @@ export const recsViewedFromNoAttachmentModalEvent = 'PCM-Next > No-Attachment-mo
 export const markdownInlineFileSelectEvent = 'PCM-Next > Markdown-toolbar-file-select';
 export const markdownFilePasteEvent = 'PCM-Next > Markdown-toolbar-file-paste';
 export const riskLabels = {
-    1: { label: 'Low', color: 'blue' },
-    2: { label: 'Moderate', color: 'orange' },
-    3: { label: 'Important', color: 'red' },
-    4: { label: 'Critical', color: 'red' },
+    1: { icon: React.createElement(AngleDoubleDownIcon, null), label: 'Low', color: 'blue' },
+    2: { icon: React.createElement(EqualsIcon, null), label: 'Moderate', color: 'gold' },
+    3: { icon: React.createElement(AngleDoubleUpIcon, null), label: 'Important', color: 'orange' },
+    4: { icon: React.createElement(CriticalRiskIcon, null), label: 'Critical', color: 'red' },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAM9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAapF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAGD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAoOhC;kBApOQ,UAAU;;;AAsOnB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAGD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAoQhC;kBApQQ,UAAU;;;AAsQnB,eAAe,UAAU,CAAC"}

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

@@ -1,4 +1,14 @@
+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 { AlertMessage, AlertType, LoadingIndicator, usePrevious } from '@rh-support/components';
+import { useUserPreferences } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isFunction from 'lodash/isFunction';
@@ -6,10 +16,11 @@ import map from 'lodash/map';
 import React, { Suspense, useContext, useEffect, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Route } from 'react-router-dom';
-import { useCaseSelector } from '../../context/CaseContext';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext } from '../../context/RouteContext';
 import { TCStateContext } from '../../context/TopContentContext';
+import { setCaseDetails } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import RouteUtils from '../../utils/routeUtils';
 import CaseInformation from '../CaseInformation/CaseInformation';
@@ -19,6 +30,7 @@ import OpenCase from '../OpenCase/OpenCase';
 import ProductSelector from '../ProductSelector/ProductSelector';
 import Recommendations from '../Recommendations/Recommendations';
 import Review from '../Review/Review';
+import Constants from '../shared/Constants';
 import { useIsSectionValid } from '../shared/useIsSectionValid';
 import SubmitCase from '../SubmitCase/SubmitCase';
 import { GlobalTroubleshootEffects } from './GlobalTroubleshootEffects';
@@ -26,6 +38,33 @@ import MainSection from './MainSection';
 const defaultProps = {};
 function WizardMain(props) {
     const { isActiveSectionValid } = useIsSectionValid();
+    const caseDispatch = useCaseDispatch();
+    const { getPreferredLanguage } = useUserPreferences();
+    const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const retrievedLanguage = yield getPreferredLanguage();
+            if (!isEmpty(retrievedLanguage)) {
+                const preferredLanguage = {
+                    label: Constants.languagesMap[retrievedLanguage] || retrievedLanguage,
+                    value: retrievedLanguage,
+                };
+                onLanguageChange(preferredLanguage);
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+    });
+    const onCaseDetailsChange = (caseDetails) => {
+        setCaseDetails(caseDispatch, caseDetails);
+    };
+    const onLanguageChange = (selection) => {
+        onCaseDetailsChange({ caseLanguage: selection.value });
+    };
+    useEffect(() => {
+        userOriginalPreferredLanguage();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     const { t } = useTranslation();
     const allSectionRefs = {
         [AppRouteSections.PRODUCT_SELECTOR]: useRef(null),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.120",
+    "version": "0.2.123",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -28,11 +28,11 @@
     "peerDependencies": {
         "@cee-eng/hydrajs": "4.12.6",
         "@cee-eng/ui-toolkit": "1.1.6",
-        "@patternfly/patternfly": "4.185.1",
+        "@patternfly/patternfly": "4.202.1",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.202.16",
+        "@patternfly/react-core": "4.224.1",
         "@rh-support/api": "0.3.9",
         "@rh-support/components": "^0.1.3",
         "@rh-support/react-context": "^0.1.3",
@@ -70,14 +70,14 @@
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-icon": "^1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.202.16",
+        "@patternfly/react-core": "4.224.1",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
         "@rh-support/api": "0.3.24",
-        "@rh-support/components": "1.1.72",
-        "@rh-support/react-context": "0.2.77",
+        "@rh-support/components": "1.1.74",
+        "@rh-support/react-context": "0.2.80",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.61",
+        "@rh-support/user-permissions": "0.2.62",
         "@rh-support/utils": "0.2.46",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "403aee29c2ee4be4cadb20fb74753c495803d387"
+    "gitHead": "92d0e7c14067d191a4b8d1a12df459c61deca4c0"
 }