@rh-support/manage 0.3.0 → 0.3.1

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

@@ -114,10 +114,6 @@ export function PreferencesCaseView(props) {
         }
     });
     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 hostnameLabelTooltip = (React.createElement(React.Fragment, null,
-        React.createElement("label", null, "Share hostnames"),
-        React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
-            React.createElement(InfoIcon, { className: "pf-u-ml-sm" }))));
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -136,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: hostnameLabelTooltip, 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.3.0",
+    "version": "0.3.1",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -111,5 +111,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "df9aba7f875d84c08c533f9ae63c4c7b325fe646"
+    "gitHead": "dd4051ce0899b1ecd8b3475628d1f8ea84b734a0"
 }