@rh-support/manage 2.5.230 → 2.5.232

package/lib/esm/ManageTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAclE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBAyMvC"}
+{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA6MvC"}

package/lib/esm/ManageTabs.js

@@ -1,6 +1,6 @@
 import { Tab, TabContent, Tabs, TabsComponent, TabTitleText } from '@patternfly/react-core';
 import { ErrorBoundary, useDocumentTitle } from '@rh-support/components';
-import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { ability, resourceActions, resources } from '@rh-support/user-permissions';
 import map from 'lodash/map';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -9,10 +9,11 @@ import { ConfigsTable } from './components/Configs/ConfigsTable';
 import { ManageGroupUsers } from './components/Groups/ManageGroupUsers';
 import { ManageGroupedBookmarkedAccountsTab } from './components/ManageBookmarkedAccountsTab';
 import { ExpiredContentManagement } from './components/ManageExpiredContents/ExpiredContentManagement';
-import { ManagePartnerships } from './components/ManagePartnerships/index';
+// TODO: Uncomment when partnerships tab is re-implemented
+// import { ManagePartnerships } from './components/ManagePartnerships/index';
 import { ManagePreferences } from './components/ManagePreferences';
 import { TagsManagement } from './components/ManageTags';
-import { NotificationEmails } from './components/NotificationEmails/index';
+// import { NotificationEmails } from './components/NotificationEmails/index';
 import { TopContentManagement } from './components/TopContentManagement';
 import { PageTitle } from './constants/pageTitle';
 import { Routes } from './Routes';
@@ -21,15 +22,24 @@ export function ManageTabs(props) {
     const [activeTabKey, setActiveTabKey] = useState(0);
     const { activeTab } = useParams();
     const { t } = useTranslation();
-    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, partnershipsRoute, tagsManagerRoute, expiredContentRoute, } = Routes.getPaths();
+    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, 
+    // notificationEmailsRoute,
+    preferencesRoute, configsRoute, 
+    // partnershipsRoute, // TODO: Uncomment when partnerships tab is re-implemented
+    tagsManagerRoute, expiredContentRoute, } = Routes.getPaths();
     useDocumentTitle(PageTitle.MANAGE);
     const canViewManageTab = ability.can(resourceActions.READ, resources.MANAGE);
     const canViewManageTopContent = ability.can(resourceActions.READ, resources.TOP_CONTENT) && canViewManageTab;
     const canViewCaseGroups = ability.can(resourceActions.READ, resources.CASE_GROUPS) && canViewManageTab;
     const canManageBookmarkAccounts = ability.can(resourceActions.CREATE, resources.BOOKMARK_ACCOUNTS) && canViewManageTab;
-    const canViewEmailNotificationTab = ability.can(resourceActions.READ, resources.NOTIFICATION_EMAIL);
-    const canViewPartnershipsTab = ability.can(resourceActions.READ, resources.PARTNERSHIPS);
-    const canAddCustomNotification = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
+    // const canViewEmailNotificationTab = ability.can(resourceActions.READ, resources.NOTIFICATION_EMAIL);
+    // TODO: Uncomment when partnerships tab is re-implemented
+    // const canViewPartnershipsTab = ability.can(resourceActions.READ, resources.PARTNERSHIPS);
+    // const canAddCustomNotification = ability.can(
+    //     resourceActions.PATCH,
+    //     resources.CASE_DETAILS,
+    //     CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS
+    // );
     const canViewConfigsTab = ability.can(resourceActions.READ, resources.APP_INTERNAL_CONFIGS);
     const tabsToRender = [];
     canManageBookmarkAccounts &&
@@ -50,6 +60,7 @@ export function ManageTabs(props) {
             component: React.createElement(ManageGroupUsers, null),
             id: 'manage-groups',
         });
+    /* TODO: Re-enable notification emails tab when ready
     canViewEmailNotificationTab &&
         canAddCustomNotification &&
         tabsToRender.push({
@@ -57,18 +68,20 @@ export function ManageTabs(props) {
             key: 'notification-emails-tab',
             'data-tracking-id': 'notification-emails-tab',
             routePath: notificationEmailsRoute,
-            component: React.createElement(NotificationEmails, null),
+            component: <NotificationEmails />,
             id: 'notification-emails',
         });
-    canViewPartnershipsTab &&
-        tabsToRender.push({
-            title: 'Partnerships',
-            key: 'partnerships-tab',
-            'data-tracking-id': 'partnerships-tab',
-            routePath: partnershipsRoute,
-            component: React.createElement(ManagePartnerships, null),
-            id: 'partnerships',
-        });
+    */
+    // TODO: Uncomment when partnerships tab is re-implemented
+    // canViewPartnershipsTab &&
+    //     tabsToRender.push({
+    //         title: 'Partnerships',
+    //         key: 'partnerships-tab',
+    //         'data-tracking-id': 'partnerships-tab',
+    //         routePath: partnershipsRoute,
+    //         component: <ManagePartnerships />,
+    //         id: 'partnerships',
+    //     });
     tabsToRender.push({
         title: 'Preferences',
         key: 'preferences-tab',

package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.d.ts

@@ -1,10 +1,11 @@
-import { ICaseGroup, IGroupUser } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import { ICaseGroup } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
 import React from 'react';
+import type { IGroupUserWithContactId } from '../../../utils/caseGroupMapper';
 interface IProps {
     group: ICaseGroup;
-    user: IGroupUser;
+    user: IGroupUserWithContactId;
     id: string;
-    onToggle: (user: IGroupUser, isChecked: boolean) => void;
+    onToggle: (user: IGroupUserWithContactId, isChecked: boolean) => void;
 }
 export declare const DefaultGroupSwitch: (props: IProps) => React.JSX.Element;
 export {};

package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultGroupSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAIvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAM;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,sBA+C/C,CAAC"}
+{"version":3,"file":"DefaultGroupSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAE9E,UAAU,MAAM;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,uBAAuB,CAAC;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACzE;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,sBA2C/C,CAAC"}

package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.js

@@ -7,33 +7,35 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { publicApi } from '@cee-eng/hydrajs';
 import { Switch } from '@patternfly/react-core';
-import { LoadingIndicator, ToastNotification, useFetch } from '@rh-support/components';
-import { useGlobalStateContext } from '@rh-support/react-context';
+import { LoadingIndicator, ToastNotification } from '@rh-support/components';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import { useToggleDefaultGroup } from '../../../hooks/useCaseGroupGraphQL';
 export const DefaultGroupSwitch = (props) => {
-    const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const { group, id, user, onToggle } = props;
     // @ts-ignore
     const { t } = useTranslation();
-    const toggleDefaultGroupFetch = useFetch(publicApi.caseGroups.toggleDefaultGroup, {
-        propgateErrors: true,
-    });
-    // Handle Toggle
-    const toggleDefault = (isChecked) => __awaiter(void 0, void 0, void 0, function* () {
+    const { toggleDefault, loading: isFetching } = useToggleDefaultGroup();
+    const handleToggle = (isChecked) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             onToggle(user, isChecked);
-            yield toggleDefaultGroupFetch.request(group.groupNum, user.ssoUsername, isChecked, loggedInUsersAccount.data.secureSupport);
+            const groupId = isChecked ? group.groupNum : null;
+            yield toggleDefault(user.contactSfId, groupId);
             ToastNotification.addSuccessMessage(t(`Default group updated successfully`));
         }
         catch (e) {
             onToggle(user, user.isDefault);
-            ToastNotification.addDangerMessage(t('Could not toggle default status'));
+            const message = String((e === null || e === void 0 ? void 0 : e.message) || '');
+            if (message.includes('insufficient access rights')) {
+                ToastNotification.addDangerMessage(t('You do not have permission to change the default group for this user'));
+            }
+            else {
+                ToastNotification.addDangerMessage(t('Could not toggle default status'));
+            }
         }
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement(Switch, { "aria-label": "Toggle default group", "data-tracking-id": `group-user-toggle-default-${user.isDefault ? 'off' : 'on'}`, label: t('On'), id: id, isDisabled: user.access === false || user.write === false || toggleDefaultGroupFetch.isFetching, isChecked: user.isDefault, onChange: (_event, isChecked) => toggleDefault(isChecked) }),
-        React.createElement(LoadingIndicator, { show: toggleDefaultGroupFetch.isFetching, size: "xs" })));
+        React.createElement(Switch, { "aria-label": "Toggle default group", "data-tracking-id": `group-user-toggle-default-${user.isDefault ? 'off' : 'on'}`, label: t('On'), id: id, isDisabled: isFetching, isChecked: user.isDefault, onChange: (_event, isChecked) => handleToggle(isChecked) }),
+        React.createElement(LoadingIndicator, { show: isFetching, size: "xs" })));
 };

package/lib/esm/components/Groups/GroupSelect/GroupSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAwC3E,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,sBAmjBxC,CAAC"}
+{"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAsC3E,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,sBA4kBxC,CAAC"}

package/lib/esm/components/Groups/GroupSelect/GroupSelect.js

@@ -7,26 +7,28 @@ 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 { Button, Divider, Dropdown, MenuContent, MenuItem, MenuList, MenuToggle, Select, SelectList, SelectOption, Spinner, TextInput, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import CogIcon from '@patternfly/react-icons/dist/js/icons/cog-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
-import { AlertMessage, AlertType, ToastNotification, useConfirmation, useFetch, usePrevious, useSelectKeyboardNavigator, } from '@rh-support/components';
+import { AlertMessage, AlertType, ToastNotification, useConfirmation, usePrevious, useSelectKeyboardNavigator, } from '@rh-support/components';
 import { fetchCaseGroupsForSSO, setCaseGroups, useGlobalDispatchContext, useGlobalStateContext, } from '@rh-support/react-context';
 import { ability, resourceActions, resources } from '@rh-support/user-permissions';
-import { haventLoadedMetadata } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { GroupSelectActions } from '../../../constants/GroupSelectActions';
+import { useCreateCaseGroup, useDeleteCaseGroup, useRenameCaseGroup } from '../../../hooks/useCaseGroupGraphQL';
 const actions = GroupSelectActions;
 const unGroupedCaseGroupNumber = '-1';
 export const GroupSelect = (props) => {
+    var _a;
     const { t } = useTranslation();
     const { onSelect: onSelectProp } = props;
     const manageActionsRef = useRef();
-    const { globalMetadataState: { caseGroups, loggedInUserJwtToken }, } = useGlobalStateContext();
+    const apolloClient = useApolloClient();
+    const { globalMetadataState: { caseGroups, loggedInUserJwtToken, loggedInUsersAccount }, } = useGlobalStateContext();
     const dispatch = useGlobalDispatchContext();
     const selectAGroupText = caseGroups.isFetching
         ? t('Loading groups')
@@ -37,11 +39,22 @@ export const GroupSelect = (props) => {
     const confirmation = useConfirmation();
     const [input, setInput] = useState('');
     const [shouldFilter, setShouldFilter] = useState(false);
-    // Fetch groups on init
+    const accountId = (_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.salesforceAccountId;
+    // GraphQL hooks for mutations
+    const { createGroup: createGroupMutation, loading: createLoading } = useCreateCaseGroup();
+    const { renameGroup: renameGroupMutation, loading: renameLoading } = useRenameCaseGroup();
+    const { deleteGroup: deleteGroupMutation, loading: deleteLoading } = useDeleteCaseGroup();
+    const hasFetchedFromGraphQL = useRef(false);
+    // Always fetch groups from GraphQL — never rely on potentially stale Hydra data
+    useEffect(() => {
+        if (!hasFetchedFromGraphQL.current && apolloClient && accountId) {
+            hasFetchedFromGraphQL.current = true;
+            fetchCaseGroupsForSSO(dispatch, loggedInUserJwtToken.preferred_username, apolloClient, accountId);
+        }
+    }, [dispatch, loggedInUserJwtToken.preferred_username, apolloClient, accountId]);
+    // Set default group once groups are loaded
     useEffect(() => {
         var _a, _b;
-        if (haventLoadedMetadata(caseGroups, (data) => data === undefined))
-            fetchCaseGroupsForSSO(dispatch, loggedInUserJwtToken.preferred_username);
         if (isEmpty(selectedGroup) && !isEmpty(caseGroups) && ((_a = caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             const defaultCaseGroup = find(caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data, (g) => g.isDefault);
             const newSelectedGroup = (defaultCaseGroup === null || defaultCaseGroup === void 0 ? void 0 : defaultCaseGroup.groupNum) === '-1'
@@ -53,7 +66,7 @@ export const GroupSelect = (props) => {
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatch, loggedInUserJwtToken, caseGroups]);
+    }, [caseGroups]);
     // handle dropdown open/close toggle
     const [isOpen, setIsOpen] = useState(false);
     // handle group selection
@@ -90,19 +103,10 @@ export const GroupSelect = (props) => {
         closeDropdown();
         setAction(action);
     };
-    // fetch objects for apis
     const [showErrorMessage] = useState(false);
-    const createGroupFetch = useFetch(publicApi.caseGroups.createGroup, { propgateErrors: true });
-    const renameGroupFetch = useFetch(publicApi.caseGroups.renameGroup, { propgateErrors: true });
-    const deleteGroupFetch = useFetch(publicApi.caseGroups.deleteGroup, { propgateErrors: true });
-    const duplicateGroupFetch = useFetch(publicApi.caseGroups.createGroup, { propgateErrors: true });
     // group actions input state
     const textInputRef = useRef();
-    const disableOnFetch = caseGroups.isFetching ||
-        createGroupFetch.isFetching ||
-        renameGroupFetch.isFetching ||
-        deleteGroupFetch.isFetching ||
-        duplicateGroupFetch.isFetching;
+    const disableOnFetch = caseGroups.isFetching || createLoading || renameLoading || deleteLoading;
     const onChange = (e, value) => {
         if (!showInput) {
             setIsOpen(true);
@@ -124,56 +128,77 @@ export const GroupSelect = (props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [input, showInput]);
     // group actions
-    function setGroupOnFetch(groupName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield fetchCaseGroupsForSSO(dispatch, loggedInUserJwtToken.preferred_username);
-            setSelectedGroup(groupName);
-        });
-    }
-    function createGroup(groupName, ssoUsername) {
+    function createGroup(groupName) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!accountId) {
+                ToastNotification.addDangerMessage(t('There was an error while creating this group'));
+                return;
+            }
             try {
-                yield createGroupFetch.request({ name: groupName, contactSsoName: ssoUsername });
+                const response = yield createGroupMutation(groupName, accountId);
+                const createdRecord = response.redhat_support_uiapi.CaseGroup__cCreate.RedHatSupportRecord;
                 ToastNotification.addSuccessMessage(t('Group has been successfully created'));
-                try {
-                    yield setGroupOnFetch(groupName);
-                    setShowDropdown(true);
-                    setShowInput(false);
-                    setSelectedGroup(groupName);
-                }
-                catch (error) {
-                    ToastNotification.addDangerMessage(t("We're having an issue finding this group's users"));
-                    onClear();
-                }
+                const newGroup = {
+                    groupNum: createdRecord.Id,
+                    name: createdRecord.Name.value,
+                    isPrivate: false,
+                    isDefault: false,
+                    defaultMembers: [],
+                    members: [],
+                };
+                const updatedGroups = [...(caseGroups.data || []), newGroup];
+                setCaseGroups(dispatch, updatedGroups);
+                setShowDropdown(true);
+                setShowInput(false);
+                setSelectedGroup(groupName);
             }
             catch (e) {
-                ToastNotification.addDangerMessage(t('There was an error while creating this group'));
+                const message = String((e === null || e === void 0 ? void 0 : e.message) || '');
+                if (message.includes('insufficient access rights')) {
+                    ToastNotification.addDangerMessage(t('You do not have permission to create this group'));
+                }
+                else {
+                    ToastNotification.addDangerMessage(t('There was an error while creating this group'));
+                }
             }
         });
     }
     const [action, setAction] = useState('');
     const isUserInputAGroup = () => (caseGroups.data || []).find((value) => value.name === input);
+    const handleDeleteGroup = () => __awaiter(void 0, void 0, void 0, function* () {
+        const groupToDelete = getGroup(selectedGroup);
+        yield confirmation({
+            catchOnCancel: true,
+            title: t('Delete group'),
+            description: (React.createElement(Trans, null,
+                "Are you sure you want to delete ",
+                React.createElement("strong", null, groupToDelete.name),
+                "?")),
+        });
+        yield deleteGroupMutation(groupToDelete.groupNum);
+        const index = (caseGroups.data || []).findIndex((value) => value.name === groupToDelete.name);
+        (caseGroups.data || []).splice(index, 1);
+        setCaseGroups(dispatch, caseGroups.data || []);
+        onClear();
+        ToastNotification.addSuccessMessage(t('Group has been successfully deleted'));
+    });
     const onAction = () => __awaiter(void 0, void 0, void 0, function* () {
+        const needsUniqueName = action === actions.create || action === actions.rename || action === actions.duplicate;
+        if (needsUniqueName && isUserInputAGroup()) {
+            ToastNotification.addWarningMessage(t('Group already exists'));
+            return;
+        }
         switch (action) {
             case actions.create: {
-                if (isUserInputAGroup()) {
-                    ToastNotification.addWarningMessage(t('Group already exists'));
-                    break;
-                }
-                yield createGroup(input, loggedInUserJwtToken.preferred_username);
+                yield createGroup(input);
                 setAction('');
                 break;
             }
             case actions.rename: {
-                if (isUserInputAGroup()) {
-                    ToastNotification.addWarningMessage(t('Group already exists'));
-                    break;
-                }
                 const previousGroup = selectedGroup;
                 const group = getGroup(previousGroup);
                 try {
-                    // change name in the current caseGroups list
-                    yield renameGroupFetch.request(input, group.groupNum, group.isPrivate);
+                    yield renameGroupMutation(group.groupNum, input);
                     const copyCaseGroups = [...(caseGroups.data || [])];
                     const index = copyCaseGroups.findIndex((value) => value.name === previousGroup);
                     copyCaseGroups[index].name = input;
@@ -185,7 +210,13 @@ export const GroupSelect = (props) => {
                     ToastNotification.addSuccessMessage(t('Group has been renamed'));
                 }
                 catch (e) {
-                    ToastNotification.addDangerMessage(t('There was an error renaming this group	'));
+                    const message = String((e === null || e === void 0 ? void 0 : e.message) || '');
+                    if (message.includes('insufficient access rights')) {
+                        ToastNotification.addDangerMessage(t('You do not have permission to rename this group'));
+                    }
+                    else {
+                        ToastNotification.addDangerMessage(t('There was an error renaming this group'));
+                    }
                 }
                 finally {
                     setAction('');
@@ -194,32 +225,13 @@ export const GroupSelect = (props) => {
             }
             case actions.delete: {
                 try {
-                    const groupToDelete = getGroup(selectedGroup);
-                    try {
-                        // get confirmation on delete
-                        yield confirmation({
-                            catchOnCancel: true,
-                            title: t('Delete group'),
-                            description: (React.createElement(Trans, null,
-                                "Are you sure you want to delete ",
-                                React.createElement("strong", null, groupToDelete.name),
-                                "?")),
-                        });
-                        // delete action is confirmed
-                        yield deleteGroupFetch.request(groupToDelete.groupNum);
-                        // remove group from list
-                        const index = (caseGroups.data || []).findIndex((value) => value.name === groupToDelete.name);
-                        (caseGroups.data || []).splice(index, 1);
-                        setCaseGroups(dispatch, caseGroups.data || []);
-                        onClear();
-                        ToastNotification.addSuccessMessage(t('Group has been successfully deleted'));
-                    }
-                    catch (_a) {
-                        // user didn't confirm the delete action
-                    }
+                    yield handleDeleteGroup();
                 }
                 catch (e) {
-                    ToastNotification.addDangerMessage(t('There was an error deleting this group'));
+                    const message = String((e === null || e === void 0 ? void 0 : e.message) || '');
+                    if (message.includes('insufficient access rights')) {
+                        ToastNotification.addDangerMessage(t('You do not have permission to delete this group'));
+                    }
                 }
                 finally {
                     setAction('');
@@ -227,23 +239,37 @@ export const GroupSelect = (props) => {
                 }
             }
             case actions.duplicate: {
-                if (isUserInputAGroup()) {
-                    ToastNotification.addWarningMessage(t('Group already exists'));
+                if (!accountId) {
+                    ToastNotification.addDangerMessage(t('There was an error while duplicating group'));
                     break;
                 }
                 try {
-                    yield duplicateGroupFetch.request({
-                        name: input,
-                        contactSsoName: loggedInUserJwtToken.preferred_username,
-                    });
-                    yield setGroupOnFetch(input);
+                    const dupResponse = yield createGroupMutation(input, accountId);
+                    const dupRecord = dupResponse.redhat_support_uiapi.CaseGroup__cCreate.RedHatSupportRecord;
+                    const dupGroup = {
+                        groupNum: dupRecord.Id,
+                        name: dupRecord.Name.value,
+                        isPrivate: false,
+                        isDefault: false,
+                        defaultMembers: [],
+                        members: [],
+                    };
+                    const updatedDupGroups = [...(caseGroups.data || []), dupGroup];
+                    setCaseGroups(dispatch, updatedDupGroups);
                     setShowDropdown(true);
                     setShowInput(false);
+                    setSelectedGroup(input);
                     setInput('');
                     ToastNotification.addSuccessMessage(t('Group has been successfully duplicated'));
                 }
                 catch (e) {
-                    ToastNotification.addDangerMessage(t('There was an error while duplicating group'));
+                    const message = String((e === null || e === void 0 ? void 0 : e.message) || '');
+                    if (message.includes('insufficient access rights')) {
+                        ToastNotification.addDangerMessage(t('You do not have permission to duplicate this group'));
+                    }
+                    else {
+                        ToastNotification.addDangerMessage(t('There was an error while duplicating group'));
+                    }
                 }
                 finally {
                     setAction('');
@@ -315,14 +341,11 @@ export const GroupSelect = (props) => {
         };
         const selectTypeahead = manageActionsRef.current.querySelector('input');
         if (!showInput) {
-            // adds event listeners that prevent using enter to select a group.
             selectTypeahead.addEventListener('keydown', dontSubmitOnEnterCb);
             selectTypeahead.addEventListener('keyup', dontSubmitOnEnterCb);
             selectTypeahead.addEventListener('keypress', dontSubmitOnEnterCb);
         }
         else {
-            // adds event listeners that allows submitting actions using enter on select
-            // inupt used for getting user input for actions.
             selectTypeahead.addEventListener('keydown', submitOnEnterCb);
         }
         return () => {
@@ -336,7 +359,6 @@ export const GroupSelect = (props) => {
             }
         };
     }, [manageActionsRef, showInput]);
-    //added for validation of new group name
     const containsOnlySpecialChars = (str) => {
         return /^[^a-zA-Z0-9]*$/.test(str);
     };

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageGroupUsers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/ManageGroupUsers/ManageGroupUsers.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,eAAO,MAAM,gBAAgB,yBA4L5B,CAAC"}
+{"version":3,"file":"ManageGroupUsers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/ManageGroupUsers/ManageGroupUsers.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,eAAO,MAAM,gBAAgB,yBAyL5B,CAAC"}

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.js

@@ -7,39 +7,39 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { publicApi } from '@cee-eng/hydrajs';
 import { SearchInput } from '@patternfly/react-core';
-import { ErrorBoundary, ToastNotification, useFetch, usePrevious } from '@rh-support/components';
+import { ErrorBoundary, usePrevious } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useLocation } from 'react-router-dom';
+import { useCaseGroupMembers } from '../../../hooks/useCaseGroupGraphQL';
 import { ManageTable } from '../../ManageTable/ManageTable';
 import { DefaultGroupSwitch } from '../DefualtGroupSwitch';
 import { GroupSelect } from '../GroupSelect';
-import { GroupUserPermissionsSelect } from '../GroupUserPermissionsSelect';
+// TODO: Uncomment when updateUsers is migrated to GraphQL
+// import { GroupUserPermissionsSelect } from '../GroupUserPermissionsSelect';
 export const ManageGroupUsers = () => {
     const { t } = useTranslation();
     const location = useLocation();
     const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const disableGroupSelect = !loggedInUsersAccount || !loggedInUsersAccount.data || !loggedInUsersAccount.data.accountNumber;
     const [selectedGroup, setSelectedGroup] = useState();
-    const { clearResponse, isFetching, request, data: response, } = useFetch(publicApi.caseGroups.getCaseGroupUsers);
-    const groupUsers = useMemo(() => response || [], [response]);
-    // errors
-    function onPermissionError(error, user) {
-        setData([...data]);
-        const message = t(`Could not change permission for {{user}}: {{error}}`, {
-            user: `${user.firstName} ${user.lastName}`,
-            error: error.message,
-        });
-        ToastNotification.addDangerMessage(message);
-    }
+    const { data: groupUsers, loading: isFetching, fetchMembers } = useCaseGroupMembers();
+    // TODO: Uncomment when updateUsers is migrated to GraphQL
+    // function onPermissionError(error: Error, user: IGroupUser) {
+    //     setData([...data]);
+    //     const message = t(`Could not change permission for {{user}}: {{error}}`, {
+    //         user: `${user.firstName} ${user.lastName}`,
+    //         error: error.message,
+    //     });
+    //     ToastNotification.addDangerMessage(message);
+    // }
     // set and sort fetched data.
     const [initialData, setInitialData] = useState(groupUsers);
     const [data, setData] = useState(groupUsers);
-    useEffect(() => setAllData(response || []), [response]);
+    useEffect(() => setAllData(groupUsers || []), [groupUsers]);
     function setAllData(users) {
         setInitialData(users);
         setData(users);
@@ -61,18 +61,19 @@ export const ManageGroupUsers = () => {
     const onGroupSelect = (group) => __awaiter(void 0, void 0, void 0, function* () {
         setSelectedGroup(group);
         if (group) {
-            request(loggedInUsersAccount.data.accountNumber, group.groupNum);
+            fetchMembers(group.groupNum);
         }
         else {
-            clearResponse();
+            setAllData([]);
         }
     });
-    function onPermissionsChange(user) {
-        const initialUsers = initialData.map((value) => (value.ssoUsername === user.ssoUsername ? user : value));
-        const users = data.map((value) => (value.ssoUsername === user.ssoUsername ? user : value));
-        setInitialData(initialUsers);
-        setData(users);
-    }
+    // TODO: Uncomment when updateUsers is migrated to GraphQL
+    // function onPermissionsChange(user: IGroupUser) {
+    //     const initialUsers = initialData.map((value) => (value.ssoUsername === user.ssoUsername ? user : value));
+    //     const users = data.map((value) => (value.ssoUsername === user.ssoUsername ? user : value));
+    //     setInitialData(initialUsers);
+    //     setData(users);
+    // }
     const columns = [
         {
             accessor: (user) => user.firstName,
@@ -92,11 +93,24 @@ export const ManageGroupUsers = () => {
             id: 'sso-username',
             title: t('Login'),
         },
-        {
-            id: 'permissions',
-            title: t('Permissions'),
-            cell: (user) => user.isOrgAdmin ? (t('Admin/Full access')) : (React.createElement(GroupUserPermissionsSelect, { onChange: onPermissionsChange, account: loggedInUsersAccount.data, group: selectedGroup, users: data, user: user, onError: onPermissionError })),
-        },
+        // TODO: Uncomment when updateUsers is migrated to GraphQL
+        // {
+        //     id: 'permissions',
+        //     title: t('Permissions'),
+        //     cell: (user) =>
+        //         user.isOrgAdmin ? (
+        //             t('Admin/Full access')
+        //         ) : (
+        //             <GroupUserPermissionsSelect
+        //                 onChange={onPermissionsChange}
+        //                 account={loggedInUsersAccount.data}
+        //                 group={selectedGroup}
+        //                 users={data}
+        //                 user={user}
+        //                 onError={onPermissionError}
+        //             />
+        //         ),
+        // },
         {
             id: 'default',
             title: t('Default group'),
@@ -126,7 +140,7 @@ export const ManageGroupUsers = () => {
         if (location.pathname !== '/manage/groups') {
             return;
         }
-        setAllData(response || []);
+        setAllData(groupUsers || []);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [location.pathname, loggedInUsersAccount.data]);
     return (React.createElement(React.Fragment, null,
@@ -140,5 +154,5 @@ export const ManageGroupUsers = () => {
                     React.createElement(Trans, null, "Filter by")),
                 React.createElement(SearchInput, { className: "pf-v6-u-flex-grow-1 pf-v6-c-search-input pf-v6-u-background-color-100", id: "account-group-filter", value: userSearch, isDisabled: isFetching || !selectedGroup, onChange: (_, value) => setUserSearch(value), placeholder: t('Search for people in this group'), "aria-label": "Group search input", onClear: () => setUserSearch('') }))),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading group users list') } },
-            React.createElement(ManageTable, { ariaLabel: t('Table to manage groups'), columns: columns, data: data, sortInfo: { column: 'first-name', direction: 'asc' }, isFetching: isFetching, isError: false }))));
+            React.createElement(ManageTable, { ariaLabel: t('Table to manage groups'), columns: columns, data: data, sortInfo: { column: 'first-name', direction: 'asc' }, isFetching: isFetching, isError: false, pagination: false }))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PreferencesACL.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesACL.tsx"],"names":[],"mappings":"AASA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,wBAAgB,cAAc,sBAwF7B"}
+{"version":3,"file":"PreferencesACL.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesACL.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,wBAAgB,cAAc,sBAuF7B"}

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":"AAeA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA2MlD"}

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

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 import { publicApi } from '@cee-eng/hydrajs';
 import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
 import { ToastNotification, useFetch } from '@rh-support/components';
@@ -22,6 +23,7 @@ import { PreferenceSelect } from '../components/PreferenceSelect';
 export function PreferencesCaseCreate(props) {
     const { t } = useTranslation();
     const location = useLocation();
+    const apolloClient = useApolloClient();
     const { globalMetadataState: { caseGroups, caseLanguages, loggedInUserJwtToken, loggedInUserRights, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const languageConst = caseLanguages.data;
@@ -136,10 +138,10 @@ export function PreferencesCaseCreate(props) {
     }, [location.pathname]);
     useEffect(() => {
         if (haventLoadedMetadata(caseLanguages)) {
-            fetchLanguageMetadata(dispatchToGlobalMetadataReducer);
+            fetchLanguageMetadata(dispatchToGlobalMetadataReducer, apolloClient);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [caseLanguages]);
+    }, [caseLanguages, apolloClient]);
     return (React.createElement(Card, { variant: "secondary", className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,

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,qBAmShD"}

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

@@ -11,7 +11,7 @@ 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 { 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';
@@ -23,8 +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, loggedInUserJwtToken, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
-    const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
+    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const [isSharingHostNames, setIsSharingHostNames] = useState(false);
     const [localCommentSignature, setLocalCommentSignature] = useState('');
     const [originalCommentType, setOriginalCommentType] = useState('');
@@ -170,7 +169,7 @@ export function PreferencesCaseView(props) {
         try {
             setIsHostnamesLoading(true);
             yield updateShareHostnames(!isSharingHostNames, accountNumber);
-            fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true);
+            // TODO: migrate to GraphQL - fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true, apolloClient);
             setIsSharingHostNames(!isSharingHostNames);
         }
         catch (error) {

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

@@ -0,0 +1,32 @@
+import { type CreateCaseGroupResponse, 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 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;
+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,uBAAuB,EAC5B,KAAK,uBAAuB,EAG5B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAMlC,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,CAqC/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,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"}

package/lib/esm/hooks/useCaseGroupGraphQL.js

@@ -0,0 +1,94 @@
+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 { useApolloClient, useMutation } from '@apollo/client/react';
+import { CREATE_CASE_GROUP, DELETE_CASE_GROUP, GET_CASE_GROUP_MEMBERS, RENAME_CASE_GROUP, TOGGLE_DEFAULT_GROUP, } from '@rh-support/utils';
+import { useState } from 'react';
+import { mapCaseGroupMemberNodeToIGroupUser } from '../utils/caseGroupMapper';
+export function useCaseGroupMembers() {
+    const client = useApolloClient();
+    const [members, setMembers] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(undefined);
+    const [currentGroupId, setCurrentGroupId] = useState(undefined);
+    const fetchMembers = (groupId) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        setCurrentGroupId(groupId);
+        setLoading(true);
+        setError(undefined);
+        try {
+            const { data } = yield client.query({
+                query: GET_CASE_GROUP_MEMBERS,
+                variables: { where: { Group__c: { eq: groupId } } },
+                fetchPolicy: 'network-only',
+            });
+            const edges = ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.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) || [];
+            const mapped = edges
+                .filter(({ node }) => node.Contact__r !== null)
+                .map(({ node }) => mapCaseGroupMemberNodeToIGroupUser(node, groupId));
+            setMembers(mapped);
+        }
+        catch (e) {
+            setError(e);
+            setMembers([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    const refetch = () => {
+        if (currentGroupId) {
+            fetchMembers(currentGroupId);
+        }
+    };
+    return { data: members, loading, 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 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 };
+}

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

@@ -1 +1 @@
-{"version":3,"file":"useVersionsDiffer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVersionsDiffer.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,qBAAqB,MAAM,EAAE,sBAAsB,MAAM,KAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAuD/G,CAAC"}
+{"version":3,"file":"useVersionsDiffer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVersionsDiffer.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,qBAAqB,MAAM,EAAE,sBAAsB,MAAM,KAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAwD/G,CAAC"}

package/lib/esm/scss/_main.scss

@@ -179,6 +179,7 @@
         border-radius: 8px;
         border-top-right-radius: 0px;
         border-top-left-radius: 0px;
+        overflow: hidden;
 
         .pf-v6-c-table__th {
             font-size: 14px;
@@ -194,6 +195,10 @@
         tbody:first-of-type {
             border-top: none;
         }
+
+        tbody:last-of-type tr:last-child {
+            border-bottom: none;
+        }
         .bookmark-alert {
             margin-left: 1rem;
             margin-right: 1rem;

package/lib/esm/utils/caseGroupMapper.d.ts

@@ -0,0 +1,17 @@
+import type { ICaseGroup, IGroupUser } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import type { CaseGroupMemberNode, CaseGroupNode } from '@rh-support/utils';
+/** Extends the hydrajs IGroupUser with the Salesforce Contact record Id needed for mutations like ContactUpdate. */
+export interface IGroupUserWithContactId extends IGroupUser {
+    contactSfId: string;
+}
+/**
+ * Maps a Salesforce GraphQL CaseGroupNode to the legacy ICaseGroup shape
+ * used throughout the application.
+ */
+export declare function mapCaseGroupNodeToICaseGroup(node: CaseGroupNode, isDefault?: boolean): ICaseGroup;
+/**
+ * Maps a Salesforce GraphQL CaseGroupMemberNode to the legacy IGroupUser shape.
+ * Derives `isDefault` by comparing the contact's DefaultCaseGroup__c against the current group Id.
+ */
+export declare function mapCaseGroupMemberNodeToIGroupUser(node: CaseGroupMemberNode, groupId: string): IGroupUserWithContactId;
+//# sourceMappingURL=caseGroupMapper.d.ts.map

package/lib/esm/utils/caseGroupMapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caseGroupMapper.d.ts","sourceRoot":"","sources":["../../../src/utils/caseGroupMapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE5E,oHAAoH;AACpH,MAAM,WAAW,uBAAwB,SAAQ,UAAU;IACvD,WAAW,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,UAAQ,GAAG,UAAU,CAS/F;AAED;;;GAGG;AACH,wBAAgB,kCAAkC,CAC9C,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,MAAM,GAChB,uBAAuB,CA2BzB"}

package/lib/esm/utils/caseGroupMapper.js

@@ -0,0 +1,47 @@
+/**
+ * Maps a Salesforce GraphQL CaseGroupNode to the legacy ICaseGroup shape
+ * used throughout the application.
+ */
+export function mapCaseGroupNodeToICaseGroup(node, isDefault = false) {
+    var _a;
+    return {
+        groupNum: node.Id,
+        name: (_a = node.Name.displayValue) !== null && _a !== void 0 ? _a : node.Name.value,
+        isPrivate: false,
+        isDefault,
+        defaultMembers: [],
+        members: [],
+    };
+}
+/**
+ * Maps a Salesforce GraphQL CaseGroupMemberNode to the legacy IGroupUser shape.
+ * Derives `isDefault` by comparing the contact's DefaultCaseGroup__c against the current group Id.
+ */
+export function mapCaseGroupMemberNodeToIGroupUser(node, groupId) {
+    var _a, _b, _c, _d;
+    const contact = node.Contact__r;
+    if (!contact) {
+        return {
+            firstName: '',
+            lastName: '',
+            isOrgAdmin: false,
+            access: true,
+            write: false,
+            isDefault: false,
+            ssoUsername: '',
+            email: '',
+            contactSfId: '',
+        };
+    }
+    return {
+        firstName: (_a = contact.FirstName.displayValue) !== null && _a !== void 0 ? _a : contact.FirstName.value,
+        lastName: (_b = contact.LastName.displayValue) !== null && _b !== void 0 ? _b : contact.LastName.value,
+        isOrgAdmin: contact.IsOrgAdmin__c.value,
+        access: true,
+        write: false,
+        isDefault: ((_c = contact.DefaultCaseGroup__c) === null || _c === void 0 ? void 0 : _c.value) === groupId,
+        ssoUsername: contact.SSOUserName__c.value,
+        email: (_d = contact.Email.displayValue) !== null && _d !== void 0 ? _d : contact.Email.value,
+        contactSfId: contact.Id,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.5.230",
+    "version": "2.5.232",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -41,7 +41,8 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.18.111",
+        "@apollo/client": "^4.1.6",
+        "@cee-eng/hydrajs": "^4.18.113",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
@@ -71,16 +72,16 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.111",
+        "@cee-eng/hydrajs": "^4.18.113",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.182",
+        "@rh-support/components": "2.5.184",
         "@rh-support/configs": "2.0.75",
-        "@rh-support/react-context": "2.5.276",
+        "@rh-support/react-context": "2.5.278",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.128",
-        "@rh-support/utils": "2.5.92",
+        "@rh-support/user-permissions": "2.5.130",
+        "@rh-support/utils": "2.5.112",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": "^23.15.0",
         "lodash": ">=4.17.15",
@@ -99,5 +100,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "ab00ab0180e7ed16e1d170328e568a0aba4599c3"
+    "gitHead": "d93a57f2a62bdfc7ec25341b3dcae197f3e5f1a3"
 }