@rh-support/manage 2.5.271 → 2.5.275

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

@@ -11,15 +11,14 @@ import { accounts } from '@cee-eng/hydrajs';
 import { Card, CardBody, CardHeader, Spinner, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { useFetch } from '@rh-support/components';
-import { fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { PreferenceSwitch } from '../components/PreferenceSwitch';
 export function PreferencesACL() {
     var _a;
     const { t } = useTranslation();
-    const { globalMetadataState: { loggedInUsersAccount, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
-    const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const [isAclActivated, setIsAclActivated] = useState((_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.hasGroupACLs);
     const [isAclLoading, setIsAclLoading] = useState(false);
     const { request: updateAcl } = useFetch(accounts.updateAcl);
@@ -27,7 +26,7 @@ export function PreferencesACL() {
         try {
             setIsAclLoading(true);
             yield updateAcl(!isAclActivated, loggedInUsersAccount.data.accountNumber);
-            fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true);
+            // TODO: migrate to GraphQL - fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true, apolloClient);
             setIsAclActivated(!isAclActivated);
         }
         catch (error) {

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":"AAcA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA0MlD"}
+{"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAkBhF,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAwNlD"}

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

@@ -7,62 +7,74 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { publicApi } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
-import { ToastNotification, useFetch } from '@rh-support/components';
-import { fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataReducerConstants, GlobalMetadataStateContext, } from '@rh-support/react-context';
+import { ToastNotification } from '@rh-support/components';
+import { fetchCaseGroupsForAccount, fetchCaseGroupsForSSO, fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataReducerConstants, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { haventLoadedMetadata, PreferredLanguages } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router-dom';
+import { useToggleDefaultGroup } from '../../../hooks/useCaseGroupGraphQL';
 import { useUserPreferences } from '../../../hooks/useUserPreferences';
 import { PreferenceSelect } from '../components/PreferenceSelect';
+const UNGROUPED_CASE_LABEL = 'Ungrouped Case';
+function resolveDefaultGroupLabel(defaultCaseGroupId, groupList) {
+    var _a;
+    if (!defaultCaseGroupId || defaultCaseGroupId === '-1') {
+        return UNGROUPED_CASE_LABEL;
+    }
+    const defaultGroup = groupList.find((group) => group.groupNum === defaultCaseGroupId);
+    return (_a = defaultGroup === null || defaultGroup === void 0 ? void 0 : defaultGroup.name) !== null && _a !== void 0 ? _a : UNGROUPED_CASE_LABEL;
+}
 export function PreferencesCaseCreate(props) {
+    var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
-    const location = useLocation();
-    const { globalMetadataState: { caseGroups, caseLanguages, loggedInUserJwtToken, loggedInUserRights, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
+    const apolloClient = useApolloClient();
+    const { globalMetadataState: { caseGroups, caseLanguages, loggedInUser, loggedInUserJwtToken, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const languageConst = caseLanguages.data;
-    const getDefaultGroupFetch = useFetch(publicApi.caseGroups.getCaseGroupsForSSO, {
-        propgateErrors: true,
-    });
-    const toggleDefaultGroupFetch = useFetch(publicApi.caseGroups.toggleDefaultGroup, {
-        propgateErrors: true,
-    });
-    const grabDefaultGroupList = (ssoUser) => __awaiter(this, void 0, void 0, function* () {
-        try {
-            let list = yield getDefaultGroupFetch.request(ssoUser);
-            setUserDefaultGroupList(list);
-            let filteredDefaultGroup = (list ? list : []).filter((group) => group.isDefault === true);
-            if (!isEmpty(filteredDefaultGroup)) {
-                setOriginalDefaultGroup(filteredDefaultGroup[0].name);
-            }
-            else {
-                setOriginalDefaultGroup('Ungrouped Case');
-            }
-        }
-        catch (error) {
-            console.log(error);
+    const { toggleDefault } = useToggleDefaultGroup();
+    const groupList = useMemo(() => caseGroups.data || [], [caseGroups.data]);
+    const contactId = (_a = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _a === void 0 ? void 0 : _a.id;
+    const defaultCaseGroupId = (_c = (_b = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _b === void 0 ? void 0 : _b.defaultCaseGroup) !== null && _c !== void 0 ? _c : null;
+    const salesforceAccountId = (_d = loggedInUsersAccount.data) === null || _d === void 0 ? void 0 : _d.salesforceAccountId;
+    const loggedInContactId = (_e = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _e === void 0 ? void 0 : _e.id;
+    const loggedInIsOrgAdmin = (_f = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _f === void 0 ? void 0 : _f.isOrgAdmin;
+    const hasFetchedCaseGroups = useRef(false);
+    const updateDefaultGroupPref = (groupId) => __awaiter(this, void 0, void 0, function* () {
+        if (!contactId) {
+            ToastNotification.addDangerMessage(t('Cannot update default group: contact information is missing'));
+            throw new Error('Missing contact id');
         }
-    });
-    const updateDefaultGroupPref = (groupNum) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
         try {
-            yield toggleDefaultGroupFetch.request(groupNum, loggedInUserRights.data.getSSOUsername(), true, loggedInUsersAccount.data.secureSupport);
-            const updatedGroups = (caseGroups.data || []).map((group) => (Object.assign(Object.assign({}, group), { isDefault: group.groupNum === groupNum })));
+            yield toggleDefault(contactId, groupId);
+            const updatedGroups = groupList.map((group) => (Object.assign(Object.assign({}, group), { isDefault: groupId !== null && group.groupNum === groupId })));
             dispatchToGlobalMetadataReducer({
                 type: GlobalMetadataReducerConstants.setCaseGroups,
                 payload: {
                     caseGroups: Object.assign(Object.assign({}, caseGroups), { data: updatedGroups }),
                 },
             });
-            setUserDefaultGroupList(updatedGroups);
-            setOriginalDefaultGroup(((_a = updatedGroups.find((g) => g.isDefault)) === null || _a === void 0 ? void 0 : _a.name) || 'Ungrouped Case');
+            const updatedLoggedInUserData = Object.assign(Object.assign({}, loggedInUser.data), { defaultCaseGroup: groupId });
+            dispatchToGlobalMetadataReducer({
+                type: GlobalMetadataReducerConstants.setLoggedInUser,
+                payload: {
+                    loggedInUser: Object.assign(Object.assign({}, loggedInUser), { data: updatedLoggedInUserData }),
+                },
+            });
+            setOriginalDefaultGroup(resolveDefaultGroupLabel(groupId, updatedGroups));
         }
         catch (error) {
-            console.log(error);
+            const message = String((error === null || error === void 0 ? void 0 : error.message) || '');
+            if (message.includes('insufficient access rights')) {
+                ToastNotification.addDangerMessage(t('You do not have permission to change the default group'));
+            }
+            else if (message !== 'Missing contact id') {
+                ToastNotification.addDangerMessage(t('Failed to update default group'));
+            }
+            throw error;
         }
     });
     const languagesList = map(languageConst, (cl) => ({
@@ -71,7 +83,6 @@ export function PreferencesCaseCreate(props) {
     }));
     const [originalPreferredLanguage, setOriginalPreferredLanguage] = useState('');
     const [originalDefaultGroup, setOriginalDefaultGroup] = useState('');
-    const [userDefaultGroupList, setUserDefaultGroupList] = useState();
     const { getPreferredLanguage, updatePreferredLanguage } = useUserPreferences();
     const preferredLangTitleId = 'preferred-language-select';
     const defaultGroupTitleId = 'default-group-select';
@@ -95,18 +106,13 @@ export function PreferencesCaseCreate(props) {
         }
     });
     const onDefaultGroupSelect = (event, selection) => __awaiter(this, void 0, void 0, function* () {
-        try {
-            if (selection === 'Ungrouped Case') {
-                updateDefaultGroupPref('-1');
-            }
-            if (!isEmpty(userDefaultGroupList)) {
-                let filteredGroupSelect = userDefaultGroupList.filter((group) => group.name === selection);
-                yield updateDefaultGroupPref(filteredGroupSelect[0].groupNum);
-                setOriginalDefaultGroup(filteredGroupSelect[0].name);
-            }
+        if (selection === UNGROUPED_CASE_LABEL) {
+            yield updateDefaultGroupPref(null);
+            return;
         }
-        catch (error) {
-            console.log(error);
+        const selectedGroup = groupList.find((group) => group.name === selection);
+        if (selectedGroup) {
+            yield updateDefaultGroupPref(selectedGroup.groupNum);
         }
     });
     useEffect(() => {
@@ -124,22 +130,31 @@ export function PreferencesCaseCreate(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseLanguages, caseGroups, dispatchToGlobalMetadataReducer, loggedInUserJwtToken]);
     useEffect(() => {
-        grabDefaultGroupList(loggedInUserRights.data.getSSOUsername());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [loggedInUserRights, caseGroups]);
-    useEffect(() => {
-        if (location.pathname !== '/manage/preferences') {
+        if (loggedInUser.isFetching)
             return;
+        setOriginalDefaultGroup(resolveDefaultGroupLabel(defaultCaseGroupId, groupList));
+    }, [defaultCaseGroupId, groupList, loggedInUser.isFetching]);
+    useEffect(() => {
+        if (haventLoadedMetadata(caseLanguages)) {
+            fetchLanguageMetadata(dispatchToGlobalMetadataReducer, apolloClient);
         }
-        grabDefaultGroupList(loggedInUserRights.data.getSSOUsername());
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [location.pathname]);
+    }, [caseLanguages, apolloClient]);
     useEffect(() => {
-        if (haventLoadedMetadata(caseLanguages)) {
-            fetchLanguageMetadata(dispatchToGlobalMetadataReducer);
+        var _a;
+        if (!salesforceAccountId || loggedInUser.isFetching || !contactId)
+            return;
+        if (hasFetchedCaseGroups.current)
+            return;
+        hasFetchedCaseGroups.current = true;
+        if ((_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.isInternal) {
+            fetchCaseGroupsForAccount(dispatchToGlobalMetadataReducer, apolloClient, salesforceAccountId, defaultCaseGroupId, loggedInContactId, loggedInIsOrgAdmin);
+        }
+        else {
+            fetchCaseGroupsForSSO(dispatchToGlobalMetadataReducer, apolloClient, salesforceAccountId, defaultCaseGroupId, loggedInContactId, loggedInIsOrgAdmin);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [caseLanguages]);
+    }, [salesforceAccountId, loggedInUser.isFetching, contactId, defaultCaseGroupId]);
     return (React.createElement(Card, { variant: "secondary", className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -151,5 +166,5 @@ export function PreferencesCaseCreate(props) {
                     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" },
-                    React.createElement(PreferenceSelect, { label: "Default group", id: defaultGroupTitleId, onSelect: onDefaultGroupSelect, selections: originalDefaultGroup }, (userDefaultGroupList ? userDefaultGroupList : []).map((option, index) => (React.createElement(SelectOption, { key: index, value: option.name })))))))));
+                    React.createElement(PreferenceSelect, { label: "Default group", id: defaultGroupTitleId, onSelect: onDefaultGroupSelect, selections: originalDefaultGroup }, [UNGROUPED_CASE_LABEL, ...groupList.map((group) => group.name)].map((name, index) => (React.createElement(SelectOption, { key: index, value: name })))))))));
 }

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":"AAsBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAqShD"}
+{"version":3,"file":"PreferencesCaseView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseView.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA0OhD"}

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

@@ -7,38 +7,37 @@ 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, Popover, PopoverPosition, SelectOption, Spinner, TextArea, Tooltip, } from '@patternfly/react-core';
+// import { accounts } from '@cee-eng/hydrajs';
+import { Card, CardBody, CardHeader, Popover, PopoverPosition, SelectOption, Spinner, TextArea,
+// Tooltip,
+ } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { EditorMode, ToastNotification, useFetch } from '@rh-support/components';
-import { fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
-import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { ToastNotification /* , useFetch */ } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { ability /* , CaseListFields */, resourceActions, resources } from '@rh-support/user-permissions';
 import debounce from 'lodash/debounce';
 import isEmpty from 'lodash/isEmpty';
 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, getOriginalCaseView, updateOriginalCaseView, } = useUserPreferences();
-    const { globalMetadataState: { loggedInUsersAccount, loggedInUserJwtToken, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
-    const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const [isSharingHostNames, setIsSharingHostNames] = useState(false);
+    const { getCommentSignature, updateCommentSignature, getOriginalCaseView, updateOriginalCaseView } = useUserPreferences();
+    const { 
+    // globalMetadataState: { loggedInUsersAccount, loggedInUserRights },
+    globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    // const [isSharingHostNames, setIsSharingHostNames] = useState(false);
     const [localCommentSignature, setLocalCommentSignature] = useState('');
-    const [originalCommentType, setOriginalCommentType] = useState('');
     const [originalCommentSignature, setOriginalCommentSignature] = useState('');
     const [commentValidated, setCommentValidated] = useState('default');
-    const [isHostnamesLoading, setIsHostnamesLoading] = useState(true);
+    // const [isHostnamesLoading, setIsHostnamesLoading] = useState(true);
     const [isCommentSignatureLoading, setIsCommentSignatureLoading] = useState(false);
-    const commentTypes = [EditorMode.PLAIN, EditorMode.MARKDOWN];
-    const defaultCommentTitleID = 'default-comment-preference-select';
     const defaultCaseViewID = 'default-case-view-select';
-    const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
+    // const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
     const isInternalUserPermission = ability.can(resourceActions.READ, resources.ACCOUNTS_FILTER);
-    const accountNumber = loggedInUsersAccount.data.accountNumber;
-    const { request: updateShareHostnames } = useFetch(accounts.updateIsSharingHostname);
+    // const accountNumber = loggedInUsersAccount.data.accountNumber;
+    // const { request: updateShareHostnames } = useFetch(accounts.updateIsSharingHostname);
     const originalAccountPermission = loggedInUserRights.data.isInternal();
     const [originalCaseView, setOriginalCaseView] = useState(+originalAccountPermission);
     const caseViewTypes = [
@@ -50,7 +49,6 @@ export function PreferencesCaseView(props) {
     ];
     useEffect(() => {
         userOriginalCommentSignature();
-        userOriginalCommentType();
         userOriginalCaseView();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
@@ -59,23 +57,19 @@ export function PreferencesCaseView(props) {
             setCommentValidated('default');
         }
     }, [localCommentSignature, commentValidated]);
-    useEffect(() => {
-        function userOriginalHostnameValue() {
-            return __awaiter(this, void 0, void 0, function* () {
-                var _a, _b;
-                try {
-                    ((_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.shareHostnameWithRHT) &&
-                        setIsSharingHostNames((_b = loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.shareHostnameWithRHT);
-                }
-                catch (error) {
-                    console.log(error);
-                }
-                setIsHostnamesLoading(false);
-            });
-        }
-        canUseHostName && userOriginalHostnameValue();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    // useEffect(() => {
+    //     async function userOriginalHostnameValue() {
+    //         try {
+    //             loggedInUsersAccount.data?.shareHostnameWithRHT &&
+    //                 setIsSharingHostNames(loggedInUsersAccount.data?.shareHostnameWithRHT);
+    //         } catch (error) {
+    //             console.log(error);
+    //         }
+    //         setIsHostnamesLoading(false);
+    //     }
+    //     canUseHostName && userOriginalHostnameValue();
+    //     // eslint-disable-next-line react-hooks/exhaustive-deps
+    // }, []);
     const userOriginalCaseView = () => __awaiter(this, void 0, void 0, function* () {
         try {
             const retrievedCaseView = yield getOriginalCaseView();
@@ -87,15 +81,6 @@ export function PreferencesCaseView(props) {
             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 (_a) {
-            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
-        }
-    });
     const userOriginalCommentSignature = () => __awaiter(this, void 0, void 0, function* () {
         try {
             const retrievedSignature = yield getCommentSignature();
@@ -137,48 +122,19 @@ export function PreferencesCaseView(props) {
             console.log(error);
         }
     });
-    // To set the case of text in dropdown
-    const setOptionCase = (option, reverse) => {
-        if (reverse) {
-            if (option === 'Plain text') {
-                return EditorMode.PLAIN;
-            }
-            else if (option === 'Markdown') {
-                return EditorMode.MARKDOWN;
-            }
-        }
-        else {
-            if (option === EditorMode.PLAIN) {
-                return 'Plain text';
-            }
-            else if (option === EditorMode.MARKDOWN) {
-                return 'Markdown';
-            }
-        }
-    };
-    const onCommentSelect = (event, selection) => __awaiter(this, void 0, void 0, function* () {
-        try {
-            const selectedComment = setOptionCase(selection, true);
-            yield updateCommentType(selectedComment);
-            setOriginalCommentType(selectedComment);
-        }
-        catch (error) {
-            console.log(error);
-        }
-    });
-    const onShareHostNamesSwitch = () => __awaiter(this, void 0, void 0, function* () {
-        try {
-            setIsHostnamesLoading(true);
-            yield updateShareHostnames(!isSharingHostNames, accountNumber);
-            fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true);
-            setIsSharingHostNames(!isSharingHostNames);
-        }
-        catch (error) {
-            console.log(error);
-        }
-        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 onShareHostNamesSwitch = async () => {
+    //     try {
+    //         setIsHostnamesLoading(true);
+    //         await updateShareHostnames!(!isSharingHostNames, accountNumber!);
+    //         // TODO: migrate to GraphQL - fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true, apolloClient);
+    //         setIsSharingHostNames(!isSharingHostNames);
+    //     } catch (error) {
+    //         console.log(error);
+    //     }
+    //     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 = () => {
         if (!!originalCaseView) {
             return caseViewTypes[+originalAccountPermission].value;
@@ -200,22 +156,11 @@ export function PreferencesCaseView(props) {
             React.createElement("form", null,
                 isInternalUserPermission && (React.createElement("div", { className: "form-group" },
                     React.createElement(PreferenceSelect, { onSelect: (event, selection) => onPrefCaseViewSelect(event, selection), 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: setOptionCase(originalCommentType, false), id: defaultCommentTitleID, label: "Default comment type" }, commentTypes.map((option, index) => (React.createElement(SelectOption, { key: index, value: setOptionCase(option, false) }))))),
                 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: (_event, value) => handleCommentSignatureChange(value), "aria-label": "comment-signature-textarea", placeholder: originalCommentSignature || 'Add a comment signature', id: "comment-signature-textarea", 
                         // @ts-ignore
                         validated: commentValidated, resizeOrientation: "vertical" }),
-                    isCommentSignatureLoading && React.createElement(Spinner, { size: "md" })),
-                canUseHostName && (React.createElement("div", { className: "form-group" },
-                    React.createElement("label", null,
-                        React.createElement(Trans, null, "Case information")),
-                    React.createElement("div", { className: "preference-page-switch-container" },
-                        React.createElement(PreferenceSwitch, { 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(InfoCircleIcon, { className: "pf-v6-u-ml-sm cursor-pointer", color: "#5e40be" })),
-                            isHostnamesLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v6-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
+                    isCommentSignatureLoading && React.createElement(Spinner, { size: "md" }))))));
 }

package/lib/esm/constants/GroupSelectActions.d.ts

@@ -2,6 +2,7 @@ export declare enum GroupSelectActions {
     create = "Create",
     delete = "Delete",
     duplicate = "Duplicate",
-    rename = "Rename"
+    rename = "Rename",
+    addMembers = "Add members"
 }
 //# sourceMappingURL=GroupSelectActions.d.ts.map

package/lib/esm/constants/GroupSelectActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelectActions.d.ts","sourceRoot":"","sources":["../../../src/constants/GroupSelectActions.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC1B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,MAAM,WAAW;CACpB"}
+{"version":3,"file":"GroupSelectActions.d.ts","sourceRoot":"","sources":["../../../src/constants/GroupSelectActions.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC1B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,UAAU,gBAAgB;CAC7B"}

package/lib/esm/constants/GroupSelectActions.js

@@ -4,4 +4,5 @@ export var GroupSelectActions;
     GroupSelectActions["delete"] = "Delete";
     GroupSelectActions["duplicate"] = "Duplicate";
     GroupSelectActions["rename"] = "Rename";
+    GroupSelectActions["addMembers"] = "Add members";
 })(GroupSelectActions || (GroupSelectActions = {}));

package/lib/esm/hooks/useCaseGroupGraphQL.d.ts

@@ -0,0 +1,42 @@
+import { type CreateCaseGroupMemberResponse, type CreateCaseGroupResponse, type DeleteCaseGroupMemberResponse, type DeleteCaseGroupResponse, type RenameCaseGroupResponse, type ToggleDefaultGroupResponse } from '@rh-support/utils';
+import { type IGroupUserWithContactId } from '../utils/caseGroupMapper';
+interface UseCaseGroupMembersResult {
+    data: IGroupUserWithContactId[];
+    loading: boolean;
+    error: Error | undefined;
+    refetch: () => void;
+    fetchMembers: (groupId: string) => void;
+}
+export declare function useCaseGroupMembers(): UseCaseGroupMembersResult;
+interface UseCreateCaseGroupResult {
+    createGroup: (name: string, accountId: string) => Promise<CreateCaseGroupResponse>;
+    loading: boolean;
+}
+export declare function useCreateCaseGroup(): UseCreateCaseGroupResult;
+interface UseCreateCaseGroupMemberResult {
+    createMember: (contactId: string, groupId: string) => Promise<CreateCaseGroupMemberResponse>;
+    loading: boolean;
+}
+export declare function useCreateCaseGroupMember(): UseCreateCaseGroupMemberResult;
+interface UseRenameCaseGroupResult {
+    renameGroup: (id: string, newName: string) => Promise<RenameCaseGroupResponse>;
+    loading: boolean;
+}
+export declare function useRenameCaseGroup(): UseRenameCaseGroupResult;
+interface UseDeleteCaseGroupResult {
+    deleteGroup: (id: string) => Promise<DeleteCaseGroupResponse>;
+    loading: boolean;
+}
+export declare function useDeleteCaseGroup(): UseDeleteCaseGroupResult;
+interface UseToggleDefaultGroupResult {
+    toggleDefault: (contactId: string, groupId: string | null) => Promise<ToggleDefaultGroupResponse>;
+    loading: boolean;
+}
+export declare function useToggleDefaultGroup(): UseToggleDefaultGroupResult;
+interface UseDeleteCaseGroupMemberResult {
+    deleteMember: (memberId: string) => Promise<DeleteCaseGroupMemberResponse>;
+    loading: boolean;
+}
+export declare function useDeleteCaseGroupMember(): UseDeleteCaseGroupMemberResult;
+export {};
+//# sourceMappingURL=useCaseGroupGraphQL.d.ts.map

package/lib/esm/hooks/useCaseGroupGraphQL.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaseGroupGraphQL.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseGroupGraphQL.ts"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAC5B,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAE5B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAQlC,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,KAAK,uBAAuB,EAAsC,MAAM,0BAA0B,CAAC;AAE5G,UAAU,yBAAyB;IAC/B,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,mBAAmB,IAAI,yBAAyB,CA6B/D;AAED,UAAU,wBAAwB;IAC9B,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACnF,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,kBAAkB,IAAI,wBAAwB,CAW7D;AAED,UAAU,8BAA8B;IACpC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC7F,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,wBAAwB,IAAI,8BAA8B,CAgBzE;AAED,UAAU,wBAAwB;IAC9B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC/E,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,kBAAkB,IAAI,wBAAwB,CAW7D;AAED,UAAU,wBAAwB;IAC9B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC9D,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,kBAAkB,IAAI,wBAAwB,CAW7D;AAED,UAAU,2BAA2B;IACjC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,0BAA0B,CAAC,CAAC;IAClG,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,qBAAqB,IAAI,2BAA2B,CAcnE;AAED,UAAU,8BAA8B;IACpC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC3E,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,wBAAwB,IAAI,8BAA8B,CAWzE"}

package/lib/esm/hooks/useCaseGroupGraphQL.js

@@ -0,0 +1,109 @@
+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 { useMutation, useQuery } from '@apollo/client/react';
+import { CREATE_CASE_GROUP, CREATE_CASE_GROUP_MEMBER, DELETE_CASE_GROUP, DELETE_CASE_GROUP_MEMBER, GET_CASE_GROUP_MEMBERS, RENAME_CASE_GROUP, TOGGLE_DEFAULT_GROUP, } from '@rh-support/utils';
+import { useMemo, useState } from 'react';
+import { mapCaseGroupMemberNodeToIGroupUser } from '../utils/caseGroupMapper';
+export function useCaseGroupMembers() {
+    const [groupId, setGroupId] = useState(undefined);
+    const { data, loading, error, refetch } = useQuery(GET_CASE_GROUP_MEMBERS, {
+        variables: { where: { Group__c: { eq: groupId } }, first: 2000 },
+        skip: !groupId,
+        fetchPolicy: 'network-only',
+    });
+    const members = useMemo(() => {
+        var _a, _b, _c;
+        if (!data || !groupId)
+            return [];
+        const response = data;
+        const edges = ((_c = (_b = (_a = response.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseGroupMember__c) === null || _c === void 0 ? void 0 : _c.edges) || [];
+        return edges
+            .filter(({ node }) => node.Contact__r !== null)
+            .map(({ node }) => mapCaseGroupMemberNodeToIGroupUser(node, groupId));
+    }, [data, groupId]);
+    const fetchMembers = (id) => {
+        setGroupId(id);
+    };
+    return {
+        data: members,
+        loading,
+        error: error,
+        refetch,
+        fetchMembers,
+    };
+}
+export function useCreateCaseGroup() {
+    const [mutate, { loading }] = useMutation(CREATE_CASE_GROUP);
+    const createGroup = (name, accountId) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: { name, accountId },
+        });
+        return result.data;
+    });
+    return { createGroup, loading };
+}
+export function useCreateCaseGroupMember() {
+    const [mutate, { loading }] = useMutation(CREATE_CASE_GROUP_MEMBER);
+    const createMember = (contactId, groupId) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: {
+                memberInput: {
+                    Contact__c: contactId,
+                    Group__c: groupId,
+                },
+            },
+        });
+        return result.data;
+    });
+    return { createMember, loading };
+}
+export function useRenameCaseGroup() {
+    const [mutate, { loading }] = useMutation(RENAME_CASE_GROUP);
+    const renameGroup = (id, newName) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: { id, caseGroupPatch: { Name: newName } },
+        });
+        return result.data;
+    });
+    return { renameGroup, loading };
+}
+export function useDeleteCaseGroup() {
+    const [mutate, { loading }] = useMutation(DELETE_CASE_GROUP);
+    const deleteGroup = (id) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: { id },
+        });
+        return result.data;
+    });
+    return { deleteGroup, loading };
+}
+export function useToggleDefaultGroup() {
+    const [mutate, { loading }] = useMutation(TOGGLE_DEFAULT_GROUP);
+    const toggleDefault = (contactId, groupId) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: {
+                id: contactId,
+                contactPatch: { DefaultCaseGroup__c: groupId },
+            },
+        });
+        return result.data;
+    });
+    return { toggleDefault, loading };
+}
+export function useDeleteCaseGroupMember() {
+    const [mutate, { loading }] = useMutation(DELETE_CASE_GROUP_MEMBER);
+    const deleteMember = (memberId) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: { id: memberId },
+        });
+        return result.data;
+    });
+    return { deleteMember, loading };
+}