@rh-support/manage 0.2.99 → 0.3.1

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

@@ -1,7 +1,7 @@
 interface IProps {
     className: string;
     id: string;
-    label: string;
+    label: any;
     onSwitchChange: (checked: boolean) => Promise<any>;
     isChecked: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PreferenceSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSwitch.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,eA+B3F"}
+{"version":3,"file":"PreferenceSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSwitch.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,eA+B3F"}

package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.js

@@ -30,5 +30,5 @@ export function PreferenceSwitch({ onSwitchChange, className, id, label, isCheck
         }
     });
     return (React.createElement("div", null,
-        React.createElement(Switch, { className: className, id: id, label: t(label), isChecked: isCheckedLocal, onChange: onChangeLocal, isDisabled: isSwitchLoading })));
+        React.createElement(Switch, { className: className, id: id, label: label, isChecked: isCheckedLocal, onChange: onChangeLocal, isDisabled: isSwitchLoading })));
 }

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,eAgIlD"}
+{"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"}

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

@@ -33,11 +33,23 @@ export function PreferencesCaseCreate(props) {
     };
     const onPreferredLanguageSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
         const selectedLanguageCode = getKeyByValue(languageConst, selection);
-        yield updatePreferredLanguage(selectedLanguageCode);
+        try {
+            yield updatePreferredLanguage(selectedLanguageCode);
+            setOriginalPreferredLanguage(selection);
+        }
+        catch (error) {
+            console.log(error);
+        }
     });
     const onDefaultGroupSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
         const selectionKey = invert(groupDictionary)[selection];
-        yield updateDefaultGroup(selectionKey);
+        try {
+            yield updateDefaultGroup(selectionKey);
+            setOriginalDefaultGroup(selection);
+        }
+        catch (error) {
+            console.log(error);
+        }
     });
     const createCaseGroupStruct = (caseGroups) => {
         const defaultGroupDictionary = {};
@@ -46,31 +58,21 @@ export function PreferencesCaseCreate(props) {
         }
         return defaultGroupDictionary;
     };
-    //use effect to retrieve original pref values.
+    //Set user default group after group obj built
     useEffect(() => {
-        const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
-            try {
-                const retrievedLanguage = yield getPreferredLanguage();
-                setOriginalPreferredLanguage(languageConst[retrievedLanguage]);
-            }
-            catch (_a) {
-                ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
-            }
-        });
         const userOriginalDefaultGroup = () => __awaiter(this, void 0, void 0, function* () {
             try {
                 const retrievedGroupId = yield getDefaultGroup();
                 setOriginalDefaultGroup(groupDictionary[retrievedGroupId]);
             }
-            catch (_b) {
+            catch (_a) {
                 ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
             }
         });
-        userOriginalPreferredLanguage();
         userOriginalDefaultGroup();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // used to build the groups object
+    }, [groupDictionary]);
+    // used to build the groups object and fetch pref language
     useEffect(() => {
         const refreshParsedGroups = () => __awaiter(this, void 0, void 0, function* () {
             var _a;
@@ -87,7 +89,17 @@ export function PreferencesCaseCreate(props) {
                 setUserDefaultGroupList(parsedDefaultGroupNames);
             }
         });
+        const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const retrievedLanguage = yield getPreferredLanguage();
+                setOriginalPreferredLanguage(languageConst[retrievedLanguage]);
+            }
+            catch (_b) {
+                ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+            }
+        });
         refreshParsedGroups();
+        userOriginalPreferredLanguage();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseGroups, dispatchToGlobalMetadataReducer, loggedInUserJwtToken]);
     return (React.createElement(Card, { className: "preference-card" },

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":"AAcA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAiKhD"}
+{"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,eA2KhD"}

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

@@ -8,7 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { accounts } from '@cee-eng/hydrajs';
-import { Card, CardBody, CardHeader, SelectOption, Spinner, TextArea } from '@patternfly/react-core';
+import { Card, CardBody, CardHeader, 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';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -112,6 +113,7 @@ export function PreferencesCaseView(props) {
             console.log(error);
         }
     });
+    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.';
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -130,5 +132,9 @@ export function PreferencesCaseView(props) {
                 canUseHostName && (React.createElement("div", { className: "form-group" },
                     React.createElement("label", { htmlFor: "share-hostnames-switch" },
                         React.createElement(Trans, null, "Case information")),
-                    React.createElement(PreferenceSwitch, { className: "switches", id: "share-hostnames-switch", label: "Share hostnames with Red Hat", isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch })))))));
+                    React.createElement("div", null,
+                        React.createElement(PreferenceSwitch, { className: "switches hostnameSwitch", id: "share-hostnames-switch", label: 'Share hostnames', isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch }),
+                        React.createElement("div", { className: "prefhostnameTooltip" },
+                            React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
+                                React.createElement(InfoIcon, { className: "pf-u-ml-sm" }))))))))));
 }

package/lib/esm/scss/_main.scss

@@ -295,3 +295,11 @@
 .preference-page-switches {
     padding: 0.5rem;
 }
+
+div label.hostnameSwitch {
+    position: absolute !important;
+}
+
+div.prefhostnameTooltip {
+    margin-left: 11.25rem !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.2.99",
+    "version": "0.3.1",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -98,7 +98,7 @@
         "@rh-support/api": "0.3.25",
         "@rh-support/components": "1.1.80",
         "@rh-support/configs": "0.2.5",
-        "@rh-support/react-context": "0.2.86",
+        "@rh-support/react-context": "0.3.0",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "0.2.64",
         "@rh-support/utils": "0.2.47",
@@ -111,5 +111,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "d0acd5aa52cbe047dd35da3e11118827ae427f26"
+    "gitHead": "dd4051ce0899b1ecd8b3475628d1f8ea84b734a0"
 }