@rh-support/manage 2.5.279 → 2.5.281

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;AAiBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBAgOvC"}
+{"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"}

package/lib/esm/ManageTabs.js

@@ -1,6 +1,6 @@
 import { Tab, TabContent, Tabs, TabsComponent, TabTitleText } from '@patternfly/react-core';
-import { ErrorBoundary, LoadingIndicator, useDocumentTitle } from '@rh-support/components';
-import { ability, resourceActions, resources } from '@rh-support/user-permissions';
+import { ErrorBoundary, useDocumentTitle } from '@rh-support/components';
+import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import map from 'lodash/map';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -8,46 +8,29 @@ import { useParams } from 'react-router-dom';
 import { ConfigsTable } from './components/Configs/ConfigsTable';
 import { ManageGroupUsers } from './components/Groups/ManageGroupUsers';
 import { ManageGroupedBookmarkedAccountsTab } from './components/ManageBookmarkedAccountsTab';
-import { ManageCaseLabelsTab } from './components/ManageCaseLabels';
 import { ExpiredContentManagement } from './components/ManageExpiredContents/ExpiredContentManagement';
-// TODO: Uncomment when partnerships tab is re-implemented
-// import { ManagePartnerships } from './components/ManagePartnerships/index';
+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 { useCurrentUserContact } from './hooks/useCurrentUserContact';
 import { Routes } from './Routes';
 export function ManageTabs(props) {
     var _a, _b;
     const [activeTabKey, setActiveTabKey] = useState(0);
     const { activeTab } = useParams();
     const { t } = useTranslation();
-    const { loading: contactLoading } = useCurrentUserContact();
-    const { groupsRoute, bookmarkedAccountsRoute, caseLabelsRoute, topContentRoute, 
-    // notificationEmailsRoute,
-    preferencesRoute, configsRoute, 
-    // partnershipsRoute, // TODO: Uncomment when partnerships tab is re-implemented
-    tagsManagerRoute, expiredContentRoute, } = Routes.getPaths();
+    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, partnershipsRoute, 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);
-    // 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 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 canViewConfigsTab = ability.can(resourceActions.READ, resources.APP_INTERNAL_CONFIGS);
-    if (contactLoading) {
-        return (React.createElement("div", { className: "grid-main manage" },
-            React.createElement(LoadingIndicator, { show: true, size: "sm" })));
-    }
     const tabsToRender = [];
     canManageBookmarkAccounts &&
         tabsToRender.push({
@@ -67,15 +50,6 @@ export function ManageTabs(props) {
             component: React.createElement(ManageGroupUsers, null),
             id: 'manage-groups',
         });
-    tabsToRender.push({
-        title: 'Case labels',
-        key: 'case-labels-tab',
-        'data-tracking-id': 'manage-case-labels-tab',
-        routePath: caseLabelsRoute,
-        component: React.createElement(ManageCaseLabelsTab, null),
-        id: 'manage-case-labels',
-    });
-    /* TODO: Re-enable notification emails tab when ready
     canViewEmailNotificationTab &&
         canAddCustomNotification &&
         tabsToRender.push({
@@ -83,20 +57,18 @@ export function ManageTabs(props) {
             key: 'notification-emails-tab',
             'data-tracking-id': 'notification-emails-tab',
             routePath: notificationEmailsRoute,
-            component: <NotificationEmails />,
+            component: React.createElement(NotificationEmails, null),
             id: 'notification-emails',
         });
-    */
-    // 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',
-    //     });
+    canViewPartnershipsTab &&
+        tabsToRender.push({
+            title: 'Partnerships',
+            key: 'partnerships-tab',
+            'data-tracking-id': 'partnerships-tab',
+            routePath: partnershipsRoute,
+            component: React.createElement(ManagePartnerships, null),
+            id: 'partnerships',
+        });
     tabsToRender.push({
         title: 'Preferences',
         key: 'preferences-tab',

package/lib/esm/Routes.d.ts

@@ -11,7 +11,6 @@ interface ManageRoutes {
     };
     getPathsArray: () => string[];
     groups: Route;
-    caseLabels: Route;
     savedSearches: Route;
     topContent: Route;
     expiredContent: Route;

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

@@ -1 +1 @@
-{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,UAAU,EAAE,KAAK,CAAC;IAClB,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,KAAK,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;IACf,YAAY,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,YA2FpB,CAAC"}
+{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,KAAK,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;IACf,YAAY,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,YAqFpB,CAAC"}

package/lib/esm/Routes.js

@@ -12,12 +12,6 @@ export const Routes = {
             return getPath(this);
         },
     },
-    caseLabels: {
-        path: 'case-labels',
-        getPath() {
-            return getPath(this);
-        },
-    },
     fileDiagnostics: {
         path: 'file-diagnostics',
         getPath() {

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

@@ -1,12 +1,10 @@
-import { ICaseGroup } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import { ICaseGroup, IGroupUser } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
 import React from 'react';
-import type { IGroupUserWithContactId } from '../../../utils/caseGroupMapper';
 interface IProps {
     group: ICaseGroup;
-    user: IGroupUserWithContactId;
+    user: IGroupUser;
     id: string;
-    onToggle: (user: IGroupUserWithContactId, isChecked: boolean) => void;
-    onToggleSuccess?: (user: IGroupUserWithContactId, isChecked: boolean) => void;
+    onToggle: (user: IGroupUser, 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":"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;IACtE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACjF;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,sBAgD/C,CAAC"}
+{"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"}

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

@@ -7,40 +7,33 @@ 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 } from '@rh-support/components';
+import { LoadingIndicator, ToastNotification, useFetch } from '@rh-support/components';
+import { useGlobalStateContext } from '@rh-support/react-context';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { useToggleDefaultGroup } from '../../../hooks/useCaseGroupGraphQL';
 export const DefaultGroupSwitch = (props) => {
-    const { group, id, user, onToggle, onToggleSuccess } = props;
+    const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
+    const { group, id, user, onToggle } = props;
     // @ts-ignore
     const { t } = useTranslation();
-    const { toggleDefault, loading: isFetching } = useToggleDefaultGroup();
-    const handleToggle = (isChecked) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!user.contactSfId) {
-            ToastNotification.addDangerMessage(t('Cannot update default group: contact information is missing'));
-            return;
-        }
+    const toggleDefaultGroupFetch = useFetch(publicApi.caseGroups.toggleDefaultGroup, {
+        propgateErrors: true,
+    });
+    // Handle Toggle
+    const toggleDefault = (isChecked) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             onToggle(user, isChecked);
-            const groupId = isChecked ? group.groupNum : null;
-            yield toggleDefault(user.contactSfId, groupId);
-            onToggleSuccess === null || onToggleSuccess === void 0 ? void 0 : onToggleSuccess(user, isChecked);
+            yield toggleDefaultGroupFetch.request(group.groupNum, user.ssoUsername, isChecked, loggedInUsersAccount.data.secureSupport);
             ToastNotification.addSuccessMessage(t(`Default group updated successfully`));
         }
         catch (e) {
             onToggle(user, user.isDefault);
-            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'));
-            }
+            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: user.isDefault ? t('On') : t('Off'), id: id, isDisabled: isFetching || !user.contactSfId, isChecked: user.isDefault, onChange: (_event, isChecked) => handleToggle(isChecked) }),
-        React.createElement(LoadingIndicator, { show: 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: user.access === false || user.write === false || toggleDefaultGroupFetch.isFetching, isChecked: user.isDefault, onChange: (_event, isChecked) => toggleDefault(isChecked) }),
+        React.createElement(LoadingIndicator, { show: toggleDefaultGroupFetch.isFetching, size: "xs" })));
 };

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

@@ -3,7 +3,6 @@ import React from 'react';
 interface IProps {
     isDisabled?: boolean;
     onSelect: (group: ICaseGroup | null) => void;
-    onAddMembers?: () => void;
 }
 export declare const GroupSelect: (props: IProps) => React.JSX.Element;
 export {};

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;AAWxE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAKD,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,sBAypBxC,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;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"}

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

@@ -7,30 +7,26 @@ 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 { 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, usePrevious, useSelectKeyboardNavigator, } from '@rh-support/components';
+import { AlertMessage, AlertType, ToastNotification, useConfirmation, useFetch, 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 { GET_CASE_GROUP_MEMBERS } from '@rh-support/utils';
+import { haventLoadedMetadata } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
-import unescape from 'lodash/unescape';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { GroupSelectActions } from '../../../constants/GroupSelectActions';
-import { useCreateCaseGroup, useCreateCaseGroupMember, 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 apolloClient = useApolloClient();
-    const { globalMetadataState: { caseGroups, loggedInUsersAccount }, } = useGlobalStateContext();
+    const { globalMetadataState: { caseGroups, loggedInUserJwtToken }, } = useGlobalStateContext();
     const dispatch = useGlobalDispatchContext();
     const selectAGroupText = caseGroups.isFetching
         ? t('Loading groups')
@@ -41,45 +37,11 @@ export const GroupSelect = (props) => {
     const confirmation = useConfirmation();
     const [input, setInput] = useState('');
     const [shouldFilter, setShouldFilter] = useState(false);
-    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 { createMember: createMemberMutation } = useCreateCaseGroupMember();
-    const { renameGroup: renameGroupMutation, loading: renameLoading } = useRenameCaseGroup();
-    const { deleteGroup: deleteGroupMutation, loading: deleteLoading } = useDeleteCaseGroup();
-    const hasFetchedFromGraphQL = useRef(false);
-    const [groupsFetchCompleted, setGroupsFetchCompleted] = useState(false);
-    const previousCaseGroupsIsError = usePrevious(caseGroups.isError);
-    useEffect(() => {
-        if (caseGroups.isError && !previousCaseGroupsIsError) {
-            ToastNotification.addDangerMessage(t('Could not fetch groups. Please try again or refresh'));
-        }
-    }, [caseGroups.isError, previousCaseGroupsIsError, t]);
-    // Always fetch groups from GraphQL — never rely on potentially stale Hydra data.
-    // Auto-select only after this settles so members can load against real group data.
-    useEffect(() => {
-        if (!apolloClient || !accountId) {
-            setGroupsFetchCompleted(true);
-            return;
-        }
-        if (hasFetchedFromGraphQL.current)
-            return;
-        hasFetchedFromGraphQL.current = true;
-        const fetchGroups = () => __awaiter(void 0, void 0, void 0, function* () {
-            try {
-                yield fetchCaseGroupsForSSO(dispatch, apolloClient, accountId);
-            }
-            finally {
-                setGroupsFetchCompleted(true);
-            }
-        });
-        fetchGroups();
-    }, [dispatch, apolloClient, accountId]);
-    // Set default group once groups are loaded
+    // Fetch groups on init
     useEffect(() => {
         var _a, _b;
-        if (!groupsFetchCompleted || caseGroups.isFetching)
-            return;
+        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'
@@ -91,7 +53,7 @@ export const GroupSelect = (props) => {
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [caseGroups, groupsFetchCompleted]);
+    }, [dispatch, loggedInUserJwtToken, caseGroups]);
     // handle dropdown open/close toggle
     const [isOpen, setIsOpen] = useState(false);
     // handle group selection
@@ -119,7 +81,6 @@ export const GroupSelect = (props) => {
     // Group actions dropdown state
     const hasGroupPermissions = ability.can(resourceActions.CREATE, resources.CASE_GROUPS);
     const [showDropdown, setShowDropdown] = useState(hasGroupPermissions);
-    useEffect(() => setShowDropdown(hasGroupPermissions), [hasGroupPermissions]);
     const [showInput, setShowInput] = useState(false);
     const [isDropdownOpen, setIsDropdownOpen] = useState(false);
     const toggleIsDropdownOpen = () => setIsDropdownOpen(!isDropdownOpen);
@@ -129,10 +90,19 @@ 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 || createLoading || renameLoading || deleteLoading;
+    const disableOnFetch = caseGroups.isFetching ||
+        createGroupFetch.isFetching ||
+        renameGroupFetch.isFetching ||
+        deleteGroupFetch.isFetching ||
+        duplicateGroupFetch.isFetching;
     const onChange = (e, value) => {
         if (!showInput) {
             setIsOpen(true);
@@ -154,78 +124,56 @@ export const GroupSelect = (props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [input, showInput]);
     // group actions
-    function createGroup(groupName) {
+    function setGroupOnFetch(groupName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield fetchCaseGroupsForSSO(dispatch, loggedInUserJwtToken.preferred_username);
+            setSelectedGroup(groupName);
+        });
+    }
+    function createGroup(groupName, ssoUsername) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!accountId) {
-                ToastNotification.addDangerMessage(t('There was an error while creating this group'));
-                return;
-            }
             try {
-                const response = yield createGroupMutation(groupName, accountId);
-                const createdRecord = response.redhat_support_uiapi.CaseGroup__cCreate.RedHatSupportRecord;
+                yield createGroupFetch.request({ name: groupName, contactSsoName: ssoUsername });
                 ToastNotification.addSuccessMessage(t('Group has been successfully created'));
-                const newGroup = {
-                    groupNum: createdRecord.Id,
-                    name: unescape(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) {
-                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'));
+                try {
+                    yield setGroupOnFetch(groupName);
+                    setShowDropdown(true);
+                    setShowInput(false);
+                    setSelectedGroup(groupName);
                 }
-                else {
-                    ToastNotification.addDangerMessage(t('There was an error while creating this group'));
+                catch (error) {
+                    ToastNotification.addDangerMessage(t("We're having an issue finding this group's users"));
+                    onClear();
                 }
             }
+            catch (e) {
+                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* () {
-        var _a, _b, _c, _d;
-        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: {
-                yield createGroup(input);
+                if (isUserInputAGroup()) {
+                    ToastNotification.addWarningMessage(t('Group already exists'));
+                    break;
+                }
+                yield createGroup(input, loggedInUserJwtToken.preferred_username);
                 setAction('');
                 break;
             }
             case actions.rename: {
+                if (isUserInputAGroup()) {
+                    ToastNotification.addWarningMessage(t('Group already exists'));
+                    break;
+                }
                 const previousGroup = selectedGroup;
                 const group = getGroup(previousGroup);
                 try {
-                    yield renameGroupMutation(group.groupNum, input);
+                    // change name in the current caseGroups list
+                    yield renameGroupFetch.request(input, group.groupNum, group.isPrivate);
                     const copyCaseGroups = [...(caseGroups.data || [])];
                     const index = copyCaseGroups.findIndex((value) => value.name === previousGroup);
                     copyCaseGroups[index].name = input;
@@ -237,13 +185,7 @@ export const GroupSelect = (props) => {
                     ToastNotification.addSuccessMessage(t('Group has been renamed'));
                 }
                 catch (e) {
-                    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'));
-                    }
+                    ToastNotification.addDangerMessage(t('There was an error renaming this group	'));
                 }
                 finally {
                     setAction('');
@@ -252,80 +194,56 @@ export const GroupSelect = (props) => {
             }
             case actions.delete: {
                 try {
-                    yield handleDeleteGroup();
-                }
-                catch (e) {
-                    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'));
+                    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'));
                     }
-                    else {
-                        ToastNotification.addDangerMessage(t('There was an error deleting this group'));
+                    catch (_a) {
+                        // user didn't confirm the delete action
                     }
                 }
+                catch (e) {
+                    ToastNotification.addDangerMessage(t('There was an error deleting this group'));
+                }
                 finally {
                     setAction('');
                     break;
                 }
             }
             case actions.duplicate: {
-                if (!accountId) {
-                    ToastNotification.addDangerMessage(t('There was an error while duplicating group'));
+                if (isUserInputAGroup()) {
+                    ToastNotification.addWarningMessage(t('Group already exists'));
                     break;
                 }
                 try {
-                    const sourceGroup = getGroup(selectedGroup);
-                    const dupResponse = yield createGroupMutation(input, accountId);
-                    const dupRecord = dupResponse.redhat_support_uiapi.CaseGroup__cCreate.RedHatSupportRecord;
-                    const newGroupId = dupRecord.Id;
-                    if (sourceGroup === null || sourceGroup === void 0 ? void 0 : sourceGroup.groupNum) {
-                        const membersResponse = yield apolloClient.query({
-                            query: GET_CASE_GROUP_MEMBERS,
-                            variables: {
-                                where: { Group__c: { eq: sourceGroup.groupNum } },
-                                first: 2000,
-                            },
-                            fetchPolicy: 'network-only',
-                        });
-                        const sourceMembers = ((_d = (_c = (_b = (_a = membersResponse.data) === null || _a === void 0 ? void 0 : _a.redhat_support_uiapi) === null || _b === void 0 ? void 0 : _b.query) === null || _c === void 0 ? void 0 : _c.RedHatSupportCaseGroupMember__c) === null || _d === void 0 ? void 0 : _d.edges) ||
-                            [];
-                        const contactIds = sourceMembers
-                            .filter(({ node }) => { var _a; return (_a = node.Contact__c) === null || _a === void 0 ? void 0 : _a.value; })
-                            .map(({ node }) => node.Contact__c.value);
-                        if (contactIds.length > 0) {
-                            const results = yield Promise.allSettled(contactIds.map((contactId) => createMemberMutation(contactId, newGroupId)));
-                            const failed = results.filter((r) => r.status === 'rejected');
-                            if (failed.length > 0) {
-                                ToastNotification.addWarningMessage(t('Group duplicated but {{count}} members could not be copied', {
-                                    count: failed.length,
-                                }));
-                            }
-                        }
-                    }
-                    const dupGroup = {
-                        groupNum: newGroupId,
-                        name: unescape(dupRecord.Name.value),
-                        isPrivate: false,
-                        isDefault: false,
-                        defaultMembers: [],
-                        members: [],
-                    };
-                    const updatedDupGroups = [...(caseGroups.data || []), dupGroup];
-                    setCaseGroups(dispatch, updatedDupGroups);
+                    yield duplicateGroupFetch.request({
+                        name: input,
+                        contactSsoName: loggedInUserJwtToken.preferred_username,
+                    });
+                    yield setGroupOnFetch(input);
                     setShowDropdown(true);
                     setShowInput(false);
-                    setSelectedGroup(input);
                     setInput('');
                     ToastNotification.addSuccessMessage(t('Group has been successfully duplicated'));
                 }
                 catch (e) {
-                    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'));
-                    }
+                    ToastNotification.addDangerMessage(t('There was an error while duplicating group'));
                 }
                 finally {
                     setAction('');
@@ -366,17 +284,11 @@ export const GroupSelect = (props) => {
         setAction('');
         setInput(selectedGroup);
     };
-    const handleAddMembers = () => {
-        var _a;
-        closeDropdown();
-        (_a = props.onAddMembers) === null || _a === void 0 ? void 0 : _a.call(props);
-    };
     const dropdownItems = [
         React.createElement(MenuItem, { className: "create-group-action", isDisabled: !ability.can(resourceActions.CREATE, resources.CASE_GROUPS), key: "create", onClick: onActionFocus(actions.create), "data-tracking-id": "manage-group-create" }, t('Create')),
         React.createElement(Divider, { component: "li" }),
         React.createElement(MenuItem, { className: "create-group-action", isDisabled: !selectedGroup || !ability.can(resourceActions.UPDATE, resources.CASE_GROUPS), key: "rename", onClick: onActionFocus(actions.rename), "data-tracking-id": "manage-group-rename" }, t('Rename')),
         React.createElement(MenuItem, { className: "create-group-action", isDisabled: !selectedGroup || !ability.can(resourceActions.CREATE, resources.CASE_GROUPS), key: "duplicate", onClick: onActionFocus(actions.duplicate), "data-tracking-id": "manage-group-duplicate" }, t('Duplicate')),
-        React.createElement(MenuItem, { className: "create-group-action", isDisabled: !selectedGroup || !ability.can(resourceActions.CREATE, resources.CASE_GROUPS), key: "add-members", onClick: handleAddMembers, "data-tracking-id": "manage-group-add-members" }, t('Add members')),
         React.createElement(MenuItem, { isDanger: true, className: "create-group-action del-btn", isDisabled: !selectedGroup || !ability.can(resourceActions.DELETE, resources.CASE_GROUPS), key: "delete", onClick: onActionFocus(actions.delete), "data-tracking-id": "manage-group-delete" }, t('Delete')),
     ];
     const dropdownToggle = (toggleRef) => (React.createElement(MenuToggle, { isFullHeight: true, className: "pf-v6-u-ml-sm manage-group-actions-toggle-options pf-v6-u-p-md", ref: toggleRef, isDisabled: props.isDisabled || disableOnFetch, onClick: toggleIsDropdownOpen, isExpanded: isDropdownOpen, "data-tracking-id": "manage-group-toggle-options", "aria-label": "Group actions dropdown toggle", icon: React.createElement(CogIcon, null) }));
@@ -403,11 +315,14 @@ 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 () => {
@@ -421,6 +336,7 @@ export const GroupSelect = (props) => {
             }
         };
     }, [manageActionsRef, showInput]);
+    //added for validation of new group name
     const containsOnlySpecialChars = (str) => {
         return /^[^a-zA-Z0-9]*$/.test(str);
     };