@rh-support/manage 0.2.92 → 0.2.95

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PreferencesCaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseSearch.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAwHlD"}
+{"version":3,"file":"PreferencesCaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseSearch.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA0GlD"}

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

@@ -10,17 +10,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
 import { ToastNotification } from '@rh-support/components';
 import { UserPreferencesKeys } from '@rh-support/react-context';
+import { isEmpty } from 'lodash';
 import find from 'lodash/find';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useUserPreferences } from '../../../hooks/useUserPreferences';
 import { PreferenceSelect } from '../components/PreferenceSelect';
-import { PreferenceSwitch } from '../components/PreferenceSwitch';
 export function PreferencesCaseSearch(props) {
     const { t } = useTranslation();
-    const { getAutoRestoreSavedSearchPreference, updateAutoRestoreSavedSearchPreference, getAutoRestoreLastSearchPreference, updateAutoRestoreLastSearchPreference, getAutoSaveSelectedColumnsPreference, updateAutoSaveSelectedColumnsPreference, hydraUserPreferences, } = useUserPreferences();
-    const [isAutoRestoreChecked, setIsAutoRestoreChecked] = useState(false);
-    const [isAutoSaveChecked, setIsAutoSaveChecked] = useState(false);
+    const { getAutoRestoreSavedSearchPreference, updateAutoRestoreSavedSearchPreference, getAutoRestoreLastSearchPreference, updateAutoRestoreLastSearchPreference, hydraUserPreferences, } = useUserPreferences();
     const [bookmarkedSearches, setBookmarkedSearches] = useState([]);
     const [originalSavedSearch, setOriginalSavedSearch] = useState('');
     const parseToBoolean = (value) => {
@@ -36,47 +34,55 @@ export function PreferencesCaseSearch(props) {
     }, [hydraUserPreferences.data]);
     const userOriginalSavedSearch = () => __awaiter(this, void 0, void 0, function* () {
         try {
-            const originalSearch = yield getAutoRestoreSavedSearchPreference();
-            setOriginalSavedSearch(originalSearch);
-        }
-        catch (_a) {
-            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
-        }
-    });
-    const userOriginalAutoRestoreLastSearch = () => __awaiter(this, void 0, void 0, function* () {
-        try {
+            let originalSearch = yield getAutoRestoreSavedSearchPreference();
+            if (isEmpty(originalSearch)) {
+                originalSearch = emptySearchPlaceholderText;
+            }
             const originalLastSearchPref = yield getAutoRestoreLastSearchPreference();
             const parsedLastSearchPref = parseToBoolean(originalLastSearchPref);
-            setIsAutoRestoreChecked(parsedLastSearchPref);
-        }
-        catch (_b) {
-            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
-        }
-    });
-    const userOriginalAutoSaveColumns = () => __awaiter(this, void 0, void 0, function* () {
-        try {
-            const originalColumnsPref = yield getAutoSaveSelectedColumnsPreference();
-            const parsedColumnPref = parseToBoolean(originalColumnsPref);
-            setIsAutoSaveChecked(parsedColumnPref);
+            if (parsedLastSearchPref) {
+                setOriginalSavedSearch(restoreLatestText);
+            }
+            else {
+                setOriginalSavedSearch(originalSearch);
+            }
         }
-        catch (_c) {
+        catch (_a) {
             ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
         }
     });
     useEffect(() => {
         userOriginalSavedSearch();
-        userOriginalAutoRestoreLastSearch();
-        userOriginalAutoSaveColumns();
     });
     const onSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
-        yield updateAutoRestoreSavedSearchPreference(selection);
-    });
-    const onAutoRestoreSwitchChange = (checked) => __awaiter(this, void 0, void 0, function* () {
-        yield updateAutoRestoreLastSearchPreference(checked);
-    });
-    const onAutoSaveSwitchChange = (checked) => __awaiter(this, void 0, void 0, function* () {
-        yield updateAutoSaveSelectedColumnsPreference(checked);
-    });
+        if (selection !== restoreLatestText) {
+            try {
+                yield updateAutoRestoreSavedSearchPreference(selection);
+                yield updateAutoRestoreLastSearchPreference(false);
+            }
+            catch (error) {
+                console.log(error);
+            }
+        }
+        else if (selection === restoreLatestText) {
+            try {
+                yield updateAutoRestoreLastSearchPreference(true);
+                yield updateAutoRestoreSavedSearchPreference(restoreLatestText);
+            }
+            catch (error) {
+                console.log(error);
+            }
+        }
+    }); // if the getAutoRestoreLastSearchPreference is false, then we will use this check in bookmarkedsearchesselector to not use the getAutoRestoresavedSearchPref.
+    const restoreLatestText = 'Restore latest';
+    const emptySearchPlaceholderText = 'Select an option';
+    let emptyPlaceHolderOption = React.createElement(SelectOption, { key: 0, value: emptySearchPlaceholderText });
+    const appendRestoreLatest = () => {
+        let selectRestoreOptions = bookmarkedSearches.map((option, index) => (React.createElement(SelectOption, { key: 1 + index, value: option })));
+        selectRestoreOptions.push(React.createElement(SelectOption, { key: bookmarkedSearches.length + 1, value: restoreLatestText }));
+        let emptyPlaceHolderList = [emptyPlaceHolderOption].concat(selectRestoreOptions);
+        return emptyPlaceHolderList;
+    }; // we are now adding "restore last" as the last of the array and "select a saved search" as the first option.
     const titleId = 'auto-restore-preference-dropdown';
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
@@ -85,8 +91,5 @@ export function PreferencesCaseSearch(props) {
         React.createElement(CardBody, null,
             React.createElement("form", null,
                 React.createElement("div", { className: "form-group" },
-                    React.createElement(PreferenceSelect, { label: "Auto-restore my saved search", id: titleId, onSelect: onSelect, selections: originalSavedSearch }, bookmarkedSearches.map((option, index) => (React.createElement(SelectOption, { key: index, value: option }))))),
-                React.createElement("div", { className: "form-group" },
-                    React.createElement(PreferenceSwitch, { className: "preference-page-switches", id: "auto-restore-last-search-switch", label: "Auto-restore last search", onSwitchChange: onAutoRestoreSwitchChange, isChecked: isAutoRestoreChecked }),
-                    React.createElement(PreferenceSwitch, { className: "preference-page-switches", id: "auto-save-columns-switch", label: "Auto-save selected table columns", onSwitchChange: onAutoSaveSwitchChange, isChecked: isAutoSaveChecked }))))));
+                    React.createElement(PreferenceSelect, { label: "Auto-restore my saved search", id: titleId, onSelect: onSelect, selections: originalSavedSearch }, appendRestoreLatest()))))));
 }

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

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

@@ -7,17 +7,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { accounts } from '@cee-eng/hydrajs';
 import { Card, CardBody, CardHeader, SelectOption, Spinner, TextArea } from '@patternfly/react-core';
-import { EditorMode, ToastNotification } from '@rh-support/components';
+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';
+import { isEmpty } from 'lodash';
 import debounce from 'lodash/debounce';
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useUserPreferences } from '../../../hooks/useUserPreferences';
 import { PreferenceSelect } from '../components/PreferenceSelect';
 import { PreferenceSwitch } from '../components/PreferenceSwitch';
 export function PreferencesCaseView(props) {
     const { t } = useTranslation();
-    const { updateCommentType, getCommentTypeFromPreference, getCommentSignature, updateCommentSignature, getShareHostNames, updateShareHostNames, } = useUserPreferences();
+    const { updateCommentType, getCommentTypeFromPreference, getCommentSignature, updateCommentSignature } = useUserPreferences();
     const [isSharingHostNames, setIsSharingHostNames] = useState(false);
     const [localCommentSignature, setLocalCommentSignature] = useState('');
     const [originalCommentType, setOriginalCommentType] = useState('');
@@ -25,25 +29,12 @@ export function PreferencesCaseView(props) {
     const [commentValidated, setCommentValidated] = useState('default');
     const [isCommentSignatureLoading, setIsCommentSignatureLoading] = useState(false);
     const commentTypes = [EditorMode.PLAIN, EditorMode.MARKDOWN];
-    const parseToBoolean = (value) => {
-        return value === 'true';
-    };
-    const userOriginalShareHostNames = () => __awaiter(this, void 0, void 0, function* () {
-        try {
-            const retrievedShareHostNames = yield getShareHostNames();
-            const parsedShareHostNames = parseToBoolean(retrievedShareHostNames);
-            setIsSharingHostNames(parsedShareHostNames);
-        }
-        catch (_a) {
-            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
-        }
-    });
     const userOriginalCommentType = () => __awaiter(this, void 0, void 0, function* () {
         try {
             const retrievedComment = yield getCommentTypeFromPreference();
             setOriginalCommentType(retrievedComment);
         }
-        catch (_b) {
+        catch (_a) {
             ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
         }
     });
@@ -52,14 +43,13 @@ export function PreferencesCaseView(props) {
             const retrievedSignature = yield getCommentSignature();
             setOriginalCommentSignature(retrievedSignature);
         }
-        catch (_c) {
+        catch (_b) {
             ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
         }
     });
     useEffect(() => {
         userOriginalCommentSignature();
         userOriginalCommentType();
-        userOriginalShareHostNames();
     });
     useEffect(() => {
         if (localCommentSignature === '' && commentValidated !== 'error') {
@@ -69,6 +59,7 @@ export function PreferencesCaseView(props) {
     const debounceUpdateCommentSignature = debounce((value) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield updateCommentSignature(value);
+            !isEmpty(value.trim()) && setTimeout(() => setCommentValidated('success'), 2000);
         }
         catch (error) {
             setLocalCommentSignature('');
@@ -77,21 +68,49 @@ export function PreferencesCaseView(props) {
             setCommentValidated('error');
             setIsCommentSignatureLoading(false);
         }
-    }), 1000);
+    }), 2000);
     const handleCommentSignatureChange = (value) => __awaiter(this, void 0, void 0, function* () {
         setIsCommentSignatureLoading(true);
-        yield debounceUpdateCommentSignature(value);
-        setTimeout(() => setCommentValidated('success'), 2000);
+        if (isEmpty(value.trim())) {
+            yield debounceUpdateCommentSignature('');
+        }
+        !isEmpty(value.trim()) && (yield debounceUpdateCommentSignature(value));
         setLocalCommentSignature(value);
         setIsCommentSignatureLoading(false);
     });
-    const onShareHostNamesSwitch = (checked) => __awaiter(this, void 0, void 0, function* () {
-        yield updateShareHostNames(checked);
-    });
     const onSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
         yield updateCommentType(selection);
     });
     const titleId = 'default-comment-preference-select';
+    const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const { request: fetchHostnameDefault } = useFetch(accounts.getIsSharingHostname);
+    const accountNumber = loggedInUsersAccount.data.accountNumber;
+    const { request: updateShareHostnames } = useFetch(accounts.updateIsSharingHostname);
+    useEffect(() => {
+        function userOriginalHostnameValue() {
+            return __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const fetchedHostnameStatus = yield fetchHostnameDefault(accountNumber);
+                    setIsSharingHostNames(fetchedHostnameStatus.shareHostnameWithRHT);
+                }
+                catch (error) {
+                    console.log(error);
+                }
+            });
+        }
+        userOriginalHostnameValue();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const onShareHostNamesSwitch = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield updateShareHostnames(!isSharingHostNames, accountNumber);
+            setIsSharingHostNames(!isSharingHostNames);
+        }
+        catch (error) {
+            console.log(error);
+        }
+    });
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -103,12 +122,12 @@ export function PreferencesCaseView(props) {
                 React.createElement("div", { className: "form-group" },
                     React.createElement("label", { htmlFor: "comment-signature-textarea" },
                         React.createElement(Trans, null, "Comment signature")),
-                    React.createElement(TextArea, { value: localCommentSignature, onChange: handleCommentSignatureChange, "aria-label": "comment-signature-textarea", placeholder: originalCommentSignature, id: "comment-signature-textarea", 
+                    React.createElement(TextArea, { value: localCommentSignature, onChange: handleCommentSignatureChange, "aria-label": "comment-signature-textarea", placeholder: originalCommentSignature || 'Add a comment signature', id: "comment-signature-textarea", 
                         // @ts-ignore
                         validated: commentValidated }),
                     isCommentSignatureLoading && React.createElement(Spinner, { size: "md" })),
-                React.createElement("div", { className: "form-group" },
+                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(PreferenceSwitch, { className: "switches", id: "share-hostnames-switch", label: "Share hostnames with Red Hat", isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch })))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.2.92",
+    "version": "0.2.95",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -56,7 +56,7 @@
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.224.1",
+        "@patternfly/react-core": "4.202.16",
         "@patternfly/react-table": "4.71.16",
         "@rh-support/api": "0.3.9",
         "@rh-support/components": "^0.1.3",
@@ -94,14 +94,14 @@
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.224.1",
+        "@patternfly/react-core": "4.202.16",
         "@patternfly/react-table": "4.71.16",
         "@rh-support/api": "0.3.24",
-        "@rh-support/components": "1.1.74",
+        "@rh-support/components": "1.1.76",
         "@rh-support/configs": "0.2.5",
-        "@rh-support/react-context": "0.2.79",
+        "@rh-support/react-context": "0.2.82",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.62",
+        "@rh-support/user-permissions": "0.2.63",
         "@rh-support/utils": "0.2.46",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
@@ -113,5 +113,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "091469ce417cb7ec006f84e84d2ac5e36d18163f"
+    "gitHead": "1359173d6efb7ece2bd1d0760c001e053bc29893"
 }