@rh-support/manage 2.6.1 → 2.6.10

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

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 { ErrorBoundary, LoadingIndicator, useDocumentTitle } from '@rh-support/components';
+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';
@@ -8,29 +8,46 @@ 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';
-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 { 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 { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, partnershipsRoute, tagsManagerRoute, expiredContentRoute, } = Routes.getPaths();
+    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();
     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);
+    if (contactLoading) {
+        return (React.createElement("div", { className: "grid-main manage" },
+            React.createElement(LoadingIndicator, { show: true, size: "sm" })));
+    }
     const tabsToRender = [];
     canManageBookmarkAccounts &&
         tabsToRender.push({
@@ -50,6 +67,15 @@ 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({
@@ -57,18 +83,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',
@@ -130,13 +158,13 @@ export function ManageTabs(props) {
         return (React.createElement("div", { className: "grid-main manage" },
             React.createElement(ErrorBoundary, { isPageLevelError: true }, (_b = (_a = tabsToRender[0]) === null || _a === void 0 ? void 0 : _a.component) !== null && _b !== void 0 ? _b : React.createElement(React.Fragment, null))));
     /**
-     * Render array with tabs
+     * Render array with  tabs
      */
     return (React.createElement("div", { className: "grid-main manage", role: "region", style: { display: 'flex' } },
         React.createElement(Tabs, { activeKey: getActiveTabKey(), onSelect: handleTabClick, "aria-label": t('Manage tabs'), component: TabsComponent.nav, isVertical: true, style: { width: 'auto' } }, map(tabsToRender, (tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, title: React.createElement(TabTitleText, null,
                 React.createElement(Trans, null, tab.title)), "data-tracking-id": tab['data-tracking-id'], key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "aria-controls": tab.id })))),
         map(tabsToRender, (tab, index) => {
-            return index === getActiveTabKey() ? (React.createElement(TabContent, { activeKey: getActiveTabKey(), id: tab.id, "aria-label": tab.title },
+            return index === getActiveTabKey() ? (React.createElement(TabContent, { activeKey: getActiveTabKey(), id: tab.id, "aria-label": tab.title, style: { borderRadius: '6px' } },
                 React.createElement(ErrorBoundary, { errorMsgInfo: {
                         message: t('There was an error loading manage tab. Please try refreshing the page.'),
                     }, isPageLevelError: true }, tab.component))) : (React.createElement(React.Fragment, null));

package/lib/esm/Routes.d.ts

@@ -11,6 +11,7 @@ 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,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"}
+{"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"}

package/lib/esm/Routes.js

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

package/lib/esm/components/Configs/ConfigsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigsTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,YAAY,yBA4JxB,CAAC"}
+{"version":3,"file":"ConfigsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigsTable.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,eAAO,MAAM,YAAY,yBAqLxB,CAAC"}

package/lib/esm/components/Configs/ConfigsTable.js

@@ -10,18 +10,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { configuration, maintenance } from '@cee-eng/hydrajs';
 import { SearchInput } from '@patternfly/react-core';
 import { defaultTableSortMethod, ErrorBoundary, ToastNotification, useFetch } from '@rh-support/components/';
-import { formatDate } from '@rh-support/utils';
+import { GlobalMetadataDispatchContext, GlobalMetadataReducerConstants } from '@rh-support/react-context';
+import { formatDate, getApiResourceObject } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import React, { useEffect, useState } from 'react';
-import { Trans } from 'react-i18next';
+import React, { useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
 import { ManageTable } from '../ManageTable/ManageTable';
 import { ConfigInLineEdit } from './ConfigInLineEdit';
 import { ConfigSwitch } from './ConfigSwitch';
 export const ConfigsTable = () => {
+    const { t } = useTranslation();
     const [configValues, setConfigValues] = useState([]);
     const [filteredValues, setFilteredValues] = useState([]);
     const [searchString, setSearchString] = useState('');
     const [keepPageNumberOnDataChange, setKeepPageNumberOnDataChange] = useState(undefined);
+    const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const { request: getConfigs, isFetching } = useFetch(configuration.getConfig);
     const { request: updateConfig, isFetching: isUpdating } = useFetch(maintenance.updateHydraConfiguration, {
         propgateErrors: true,
@@ -31,6 +34,23 @@ export const ConfigsTable = () => {
         setKeepPageNumberOnDataChange(false);
         setSearchString(str);
     };
+    // Function to reload all configs and update the global context
+    const reloadAndUpdateContext = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const allConfigs = yield configuration.getConfig(configType);
+            setConfigValues(allConfigs);
+            setFilteredValues(allConfigs);
+            if (dispatchToGlobalMetadataReducer) {
+                dispatchToGlobalMetadataReducer({
+                    type: GlobalMetadataReducerConstants.setPcmConfig,
+                    payload: { pcmConfig: getApiResourceObject(allConfigs) },
+                });
+            }
+        }
+        catch (error) {
+            console.error('Failed to reload configurations', error);
+        }
+    });
     const onUpdate = (fieldName, fieldValue, id) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             yield updateConfig({
@@ -48,6 +68,7 @@ export const ConfigsTable = () => {
             });
             setKeepPageNumberOnDataChange(true);
             setConfigValues(updatedData);
+            yield reloadAndUpdateContext();
         }
         catch (e) {
             ToastNotification.addDangerMessage('Failed to update config');
@@ -68,9 +89,10 @@ export const ConfigsTable = () => {
         },
         {
             // @ts-ignore
-            cell: (data) => () => {
+            cell: (data) => {
                 const value = data.fieldValue;
                 const name = data.fieldName;
+                console.log(data);
                 if (value === '0' || value === '1') {
                     return (React.createElement(ConfigSwitch, { id: data.id, isChecked: value === '1' ? true : false, onChange: onUpdate, isUpdating: isUpdating, fieldName: name }));
                 }
@@ -96,9 +118,11 @@ export const ConfigsTable = () => {
     ];
     useEffect(() => {
         const loadConfig = () => __awaiter(void 0, void 0, void 0, function* () {
-            const data = yield getConfigs(configType);
-            setConfigValues(data);
-            setFilteredValues(data);
+            if (getConfigs) {
+                const data = yield getConfigs(configType);
+                setConfigValues(data);
+                setFilteredValues(data);
+            }
         });
         loadConfig();
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -120,7 +144,7 @@ export const ConfigsTable = () => {
             React.createElement("div", { className: "toolbar-right" },
                 React.createElement("label", { htmlFor: "search-config-filelds" },
                     React.createElement(Trans, null, "Filter by")),
-                React.createElement(SearchInput, { className: "pf-v5-u-flex-grow-1 pf-v5-c-search-input pf-v5-u-background-color-100", id: "search-config-filelds", placeholder: "Search for an existing config name", value: searchString, onChange: (_, value) => onSearchChange(value), onClear: () => onSearchChange(''), "aria-label": "Search for an existing config name" }))),
+                React.createElement(SearchInput, { className: "pf-v6-u-flex-grow-1 pf-v6-c-search-input pf-v6-u-background-color-100", id: "search-config-filelds", placeholder: "Search for an existing config name", value: searchString, onChange: (_, value) => onSearchChange(value), onClear: () => onSearchChange(''), "aria-label": "Search for an existing config name" }))),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: 'There was an error loading config page' } },
-            React.createElement(ManageTable, { sortInfo: { column: 'created-date', direction: 'desc' }, ariaLabel: 'Table to manage pcm config', columns: columns, data: filteredValues, isFetching: isFetching, isError: false, errorTitle: 'Config table error', errorComponent: React.createElement(Trans, null, "Could not get configs"), keepPageNumberOnDataChange: keepPageNumberOnDataChange }))));
+            React.createElement(ManageTable, { sortInfo: { column: 'created-date', direction: 'desc' }, ariaLabel: t('Table to manage pcm config'), columns: columns, data: filteredValues, isFetching: isFetching, isError: false, errorTitle: 'Config table error', errorComponent: React.createElement(Trans, null, "Could not get configs"), keepPageNumberOnDataChange: keepPageNumberOnDataChange }))));
 };

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

@@ -0,0 +1,12 @@
+import { ICaseGroup } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import React from 'react';
+import type { IGroupUserWithContactId } from '../../../utils/caseGroupMapper';
+interface IProps {
+    readonly group: ICaseGroup;
+    readonly existingMembers: IGroupUserWithContactId[];
+    readonly onSuccess: () => void;
+    readonly onClose: () => void;
+}
+export declare function AddMembersModal({ group, existingMembers, onSuccess, onClose }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AddMembersModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddMembersModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/AddMembersModal/AddMembersModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAM3E,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAE9E,UAAU,MAAM;IACZ,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,eAAe,EAAE,uBAAuB,EAAE,CAAC;IACpD,QAAQ,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,MAAM,qBAyGrF"}

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

@@ -0,0 +1,80 @@
+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 { Button, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core';
+import { CaseContactsSelectorExternal, ToastNotification } from '@rh-support/components';
+import { useGlobalStateContext } from '@rh-support/react-context';
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useCreateCaseGroupMember } from '../../../hooks/useCaseGroupGraphQL';
+export function AddMembersModal({ group, existingMembers, onSuccess, onClose }) {
+    var _a, _b;
+    const { t } = useTranslation();
+    const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount }, } = useGlobalStateContext();
+    const { createMember, loading: createLoading } = useCreateCaseGroupMember();
+    const [selectedContacts, setSelectedContacts] = useState([]);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const accountNumber = (_b = (_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.accountNumber) !== null && _b !== void 0 ? _b : '';
+    const contactSsoUsername = '';
+    const contactsToExclude = existingMembers.map((m) => ({
+        ssoUsername: m.ssoUsername,
+        firstName: m.firstName,
+        lastName: m.lastName,
+    }));
+    const onChange = useCallback((contacts) => {
+        if (!(contacts === null || contacts === void 0 ? void 0 : contacts.length))
+            return;
+        const contact = contacts[0];
+        if (!('ssoUsername' in contact))
+            return;
+        setSelectedContacts((prev) => {
+            const exists = prev.some((c) => c.ssoUsername === contact.ssoUsername);
+            return exists ? prev.filter((c) => c.ssoUsername !== contact.ssoUsername) : [...prev, contact];
+        });
+    }, []);
+    const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
+        const validContacts = selectedContacts.filter((contact) => contact.id);
+        if (validContacts.length === 0)
+            return;
+        setIsSubmitting(true);
+        try {
+            const results = yield Promise.allSettled(validContacts.map((contact) => createMember(contact.id, group.groupNum)));
+            const succeeded = results.filter((r) => r.status === 'fulfilled');
+            const failed = results.filter((r) => r.status === 'rejected');
+            if (succeeded.length > 0) {
+                ToastNotification.addSuccessMessage(t('{{count}} people have been successfully added.', { count: succeeded.length }));
+                onSuccess();
+            }
+            if (failed.length > 0) {
+                const firstError = failed[0].reason;
+                const message = String((firstError === null || firstError === void 0 ? void 0 : firstError.message) || '');
+                if (message.includes('Organization Administrator')) {
+                    ToastNotification.addDangerMessage(t('Organization Administrators cannot be added as case group members'));
+                }
+                else if (message.includes('insufficient access rights')) {
+                    ToastNotification.addDangerMessage(t('You do not have permission to add members to this group'));
+                }
+                else {
+                    ToastNotification.addDangerMessage(t('There was an error adding members to this group. Please try again or refresh'));
+                }
+            }
+            onClose();
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    });
+    return (React.createElement(Modal, { variant: ModalVariant.medium, isOpen: true, onClose: onClose, "aria-label": t('Add members to group') },
+        React.createElement(ModalHeader, { title: t('Add members to {{groupName}}', { groupName: group.name }) }),
+        React.createElement(ModalBody, null,
+            React.createElement(CaseContactsSelectorExternal, { id: "add-members-contact-select", selectedAccountNumber: accountNumber, loggedInUserRights: loggedInUserRights.data, contactSsoUsername: contactSsoUsername, contactsToExclude: [...contactsToExclude, ...selectedContacts], contactFilter: (contact) => !contact.isOrgAdmin, selected: selectedContacts, onChange: onChange, onContactEnriched: () => { }, multiple: true, clearButton: true, isDisabled: isSubmitting, placeholder: t('Search by name or SSO username') })),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "confirm", variant: "primary", onClick: onSubmit, isDisabled: selectedContacts.length === 0 || isSubmitting || createLoading, isLoading: isSubmitting, spinnerAriaValueText: isSubmitting ? t('Adding members') : undefined }, t('Add')),
+            React.createElement(Button, { key: "cancel", variant: "link", onClick: onClose, isDisabled: isSubmitting }, t('Cancel')))));
+}

package/lib/esm/components/Groups/AddMembersModal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AddMembersModal';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Groups/AddMembersModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/AddMembersModal/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/esm/components/Groups/AddMembersModal/index.js

@@ -0,0 +1 @@
+export * from './AddMembersModal';

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

@@ -1,10 +1,12 @@
-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;
+    onToggleSuccess?: (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,UAAW,MAAM,sBA6C/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;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"}

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

@@ -7,33 +7,40 @@ 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;
+    const { group, id, user, onToggle, onToggleSuccess } = 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* () {
+        if (!user.contactSfId) {
+            ToastNotification.addDangerMessage(t('Cannot update default group: contact information is missing'));
+            return;
+        }
         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);
+            onToggleSuccess === null || onToggleSuccess === void 0 ? void 0 : onToggleSuccess(user, isChecked);
             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'), labelOff: t('Off'), 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: 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" })));
 };

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

@@ -3,6 +3,7 @@ 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;AA4B3E,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,UAAW,MAAM,sBAycxC,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;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"}