@rh-support/manage 1.0.8 → 1.0.10

package/lib/esm/components/ManagePreferences/components/PreferenceSelect.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface IProps {
     id: string;
-    label: string;
+    label: any;
     selections: any;
     onSelect: (event: any, selection: any, isPlaceholder: any) => Promise<any>;
     children: React.ReactElement[];

package/lib/esm/components/ManagePreferences/components/PreferenceSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,aAAa,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,eA6CrF"}
+{"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,aAAa,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,eA6CrF"}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA0IlD"}
+{"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAoBA,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA+JlD"}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.js

@@ -8,19 +8,31 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
-import { languageConst, ToastNotification } from '@rh-support/components';
-import { fetchCaseGroupsForSSO, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
-import { haventLoadedMetadata } from '@rh-support/utils';
-import { invert } from 'lodash';
+import { ToastNotification } from '@rh-support/components';
+import { fetchCaseGroupsForSSO, fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
+import { haventLoadedMetadata, PreferredLanguages } from '@rh-support/utils';
+import invert from 'lodash/invert';
 import isEmpty from 'lodash/isEmpty';
+import map from 'lodash/map';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useUserPreferences } from '../../../hooks/useUserPreferences';
 import { PreferenceSelect } from '../components/PreferenceSelect';
 export function PreferencesCaseCreate(props) {
     const { t } = useTranslation();
-    const { globalMetadataState: { caseGroups, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { caseGroups, caseLanguages, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
+    const languageConst = caseLanguages.data;
+    useEffect(() => {
+        if (haventLoadedMetadata(caseLanguages)) {
+            fetchLanguageMetadata(dispatchToGlobalMetadataReducer);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [caseLanguages]);
+    const languagesList = map(languageConst, (cl) => ({
+        label: PreferredLanguages.languagesMap[cl] || cl,
+        value: cl,
+    }));
     const [originalPreferredLanguage, setOriginalPreferredLanguage] = useState('');
     const [originalDefaultGroup, setOriginalDefaultGroup] = useState('');
     const [groupDictionary, setGroupDictionary] = useState({});
@@ -28,13 +40,16 @@ export function PreferencesCaseCreate(props) {
     const { getPreferredLanguage, updatePreferredLanguage, updateDefaultGroup, getDefaultGroup } = useUserPreferences();
     const preferredLangTitleId = 'preferred-language-select';
     const defaultGroupTitleId = 'default-group-select';
-    const getKeyByValue = (object, value) => {
-        return Object.keys(object).find((key) => object[key] === value);
+    const getLanguageKey = (selection) => {
+        return languagesList.find((language) => language.label === selection);
+    };
+    const getLanguageInitialLangValue = (label) => {
+        return languagesList.find((language) => language.value === label);
     };
     const onPreferredLanguageSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
-        const selectedLanguageCode = getKeyByValue(languageConst, selection);
+        const selectedLanguageCode = getLanguageKey(selection);
         try {
-            yield updatePreferredLanguage(selectedLanguageCode);
+            yield updatePreferredLanguage(selectedLanguageCode.value);
             setOriginalPreferredLanguage(selection);
         }
         catch (error) {
@@ -92,7 +107,8 @@ export function PreferencesCaseCreate(props) {
         const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
             try {
                 const retrievedLanguage = yield getPreferredLanguage();
-                setOriginalPreferredLanguage(languageConst[retrievedLanguage]);
+                const finalOriginalLanguage = getLanguageInitialLangValue(retrievedLanguage);
+                setOriginalPreferredLanguage(finalOriginalLanguage.label);
             }
             catch (_b) {
                 ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
@@ -109,7 +125,7 @@ export function PreferencesCaseCreate(props) {
         React.createElement(CardBody, null,
             React.createElement("form", null,
                 React.createElement("div", { className: "form-group" },
-                    React.createElement(PreferenceSelect, { label: t('i18nPreferredLanguage', 'Preferred case language'), id: preferredLangTitleId, onSelect: onPreferredLanguageSelect, selections: originalPreferredLanguage }, Object.keys(languageConst).map((option, index) => (React.createElement(SelectOption, { key: index, value: languageConst[option] })))),
+                    React.createElement(PreferenceSelect, { label: t('i18nPreferredLanguage', 'Preferred case language'), id: preferredLangTitleId, onSelect: onPreferredLanguageSelect, selections: originalPreferredLanguage }, Object.keys(languagesList).map((option, index) => (React.createElement(SelectOption, { key: index, value: languagesList[index].label })))),
                     React.createElement("p", { className: "form-instructions" },
                         React.createElement(Trans, null, "Preferred language will impact future cases, not existing ones."))),
                 React.createElement("div", { className: "form-group" },

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesCaseView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseView.tsx"],"names":[],"mappings":"AAeA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA2PhD"}
+{"version":3,"file":"PreferencesCaseView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseView.tsx"],"names":[],"mappings":"AAyBA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4QhD"}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { accounts } from '@cee-eng/hydrajs';
-import { Card, CardBody, CardHeader, SelectOption, Spinner, TextArea, Tooltip } from '@patternfly/react-core';
+import { Card, CardBody, CardHeader, Popover, PopoverPosition, SelectOption, Spinner, TextArea, Tooltip, } from '@patternfly/react-core';
 import InfoIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { EditorMode, ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -23,6 +23,7 @@ import { PreferenceSwitch } from '../components/PreferenceSwitch';
 export function PreferencesCaseView(props) {
     const { t } = useTranslation();
     const { updateCommentType, getCommentTypeFromPreference, getCommentSignature, updateCommentSignature, getOriginalCaseView, updateOriginalCaseView, } = useUserPreferences();
+    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const [isSharingHostNames, setIsSharingHostNames] = useState(false);
     const [localCommentSignature, setLocalCommentSignature] = useState('');
     const [originalCommentType, setOriginalCommentType] = useState('');
@@ -34,7 +35,7 @@ export function PreferencesCaseView(props) {
     const defaultCommentTitleID = 'default-comment-preference-select';
     const defaultCaseViewID = 'default-case-view-select';
     const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
-    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const isInternalUserPermission = ability.can(resourceActions.READ, resources.ACCOUNTS_FILTER);
     const { request: fetchHostnameDefault } = useFetch(accounts.getIsSharingHostname);
     const accountNumber = loggedInUsersAccount.data.accountNumber;
     const { request: updateShareHostnames } = useFetch(accounts.updateIsSharingHostname);
@@ -51,7 +52,7 @@ export function PreferencesCaseView(props) {
         try {
             const retrievedCaseView = yield getOriginalCaseView();
             if (!isEmpty(retrievedCaseView)) {
-                setOriginalCaseView(retrievedCaseView);
+                setOriginalCaseView(+retrievedCaseView);
             }
         }
         catch (_a) {
@@ -156,15 +157,20 @@ export function PreferencesCaseView(props) {
         setIsHostnamesLoading(false);
     });
     const prefHostnameCopy = 'Red Hat Support cannot currently access hostnames that have been entered on a case. You can share this information at any time to improve your support experience.';
+    const caseViewPrefSelection = caseViewTypes[originalCaseView].value || caseViewTypes[+originalAccountPermission].value;
+    const prefCasePopover = (React.createElement(React.Fragment, null,
+        React.createElement(Trans, null, "Default Case View"),
+        React.createElement(Popover, { "aria-label": "Preferred-default-case-view-popover", position: PopoverPosition.top, bodyContent: React.createElement("p", { className: 'pref-case-popover-text' },
+                React.createElement(Trans, null, "Choose the default view you want to see when looking at a case")), showClose: false },
+            React.createElement("i", { "aria-label": "Preferred-default-case-view-info-icon", className: "fa fa-question-circle" }))));
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
                 React.createElement(Trans, null, "Case view"))),
         React.createElement(CardBody, null,
             React.createElement("form", null,
-                React.createElement("div", { className: "form-group" },
-                    React.createElement(PreferenceSelect, { onSelect: onPrefCaseViewSelect, selections: (!isEmpty(originalCaseView) && caseViewTypes[originalCaseView].value) ||
-                            caseViewTypes[+originalAccountPermission].value, id: defaultCaseViewID, label: "Default case view" }, caseViewTypes.map((option, index) => (React.createElement(SelectOption, Object.assign({ "data-index": index, key: index, value: option.value }, (option.description && { description: option.description }))))))),
+                isInternalUserPermission && (React.createElement("div", { className: "form-group" },
+                    React.createElement(PreferenceSelect, { onSelect: onPrefCaseViewSelect, selections: caseViewPrefSelection, id: defaultCaseViewID, label: prefCasePopover }, caseViewTypes.map((option, index) => (React.createElement(SelectOption, Object.assign({ "data-index": index, key: index, value: option.value }, (option.description && { description: option.description })))))))),
                 React.createElement("div", { className: "form-group" },
                     React.createElement(PreferenceSelect, { onSelect: onCommentSelect, selections: originalCommentType, id: defaultCommentTitleID, label: "Default comment type" }, commentTypes.map((option, index) => (React.createElement(SelectOption, { key: index, value: option }))))),
                 React.createElement("div", { className: "form-group" },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "1.0.8",
+    "version": "1.0.10",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -94,12 +94,12 @@
         "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "4.202.16",
         "@patternfly/react-table": "4.71.16",
-        "@rh-support/components": "1.2.4",
+        "@rh-support/components": "1.2.6",
         "@rh-support/configs": "0.2.8",
-        "@rh-support/react-context": "1.0.5",
+        "@rh-support/react-context": "1.0.7",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "1.0.4",
-        "@rh-support/utils": "1.0.3",
+        "@rh-support/user-permissions": "1.0.6",
+        "@rh-support/utils": "1.0.4",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
@@ -109,5 +109,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "b69cce6cf363373e3cb9ea6bbfc0515b04974f3a"
+    "gitHead": "a6141b62e73e1d74ccf4f4075134da7091b8e96e"
 }