@rh-support/manage 2.5.263 → 2.5.272

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

@@ -7,87 +7,39 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, SearchInput, Tooltip, } from '@patternfly/react-core';
-import { ErrorBoundary, ToastNotification, usePrevious } from '@rh-support/components';
-import { GlobalMetadataReducerConstants, useGlobalDispatchContext, useGlobalStateContext, } from '@rh-support/react-context';
-import { ability, resourceActions, resources } from '@rh-support/user-permissions';
+import { publicApi } from '@cee-eng/hydrajs';
+import { SearchInput } from '@patternfly/react-core';
+import { ErrorBoundary, ToastNotification, useFetch, 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 { Trans, useTranslation } from 'react-i18next';
 import { useLocation } from 'react-router-dom';
-import { useCaseGroupMembers, useDeleteCaseGroupMember } from '../../../hooks/useCaseGroupGraphQL';
 import { ManageTable } from '../../ManageTable/ManageTable';
-import { AddMembersModal } from '../AddMembersModal';
 import { DefaultGroupSwitch } from '../DefualtGroupSwitch';
 import { GroupSelect } from '../GroupSelect';
-// TODO: Uncomment when updateUsers is migrated to GraphQL
-// import { GroupUserPermissionsSelect } from '../GroupUserPermissionsSelect';
-const RemoveMemberButton = ({ user, onRemove, isDisabled }) => {
-    const { t } = useTranslation();
-    const button = (React.createElement(Button, { variant: "link", isDanger: true, onClick: () => onRemove(user), isAriaDisabled: user.isOrgAdmin || isDisabled }, t('Remove')));
-    if (user.isOrgAdmin) {
-        return (React.createElement(Tooltip, { content: t('Organization Administrators cannot be removed because they have access to all groups') }, button));
-    }
-    return button;
-};
+import { GroupUserPermissionsSelect } from '../GroupUserPermissionsSelect';
 export const ManageGroupUsers = () => {
-    var _a, _b;
     const { t } = useTranslation();
     const location = useLocation();
-    const { globalMetadataState: { caseGroups, loggedInUsersAccount, loggedInUser }, } = useGlobalStateContext();
-    const dispatchToGlobalMetadataReducer = useGlobalDispatchContext();
+    const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const disableGroupSelect = !loggedInUsersAccount || !loggedInUsersAccount.data || !loggedInUsersAccount.data.accountNumber;
     const [selectedGroup, setSelectedGroup] = useState();
-    const { data: groupUsers, loading: isFetching, fetchMembers, refetch } = useCaseGroupMembers();
-    const defaultCaseGroupId = (_b = (_a = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _a === void 0 ? void 0 : _a.defaultCaseGroup) !== null && _b !== void 0 ? _b : null;
-    const membersWithOrgAdmin = useMemo(() => {
-        var _a, _b, _c, _d;
-        const loggedInContact = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data;
-        const selectedGroupId = selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.groupNum;
-        const syncLoggedInUserDefault = (members) => {
-            if (!(loggedInContact === null || loggedInContact === void 0 ? void 0 : loggedInContact.ssoUsername) || !selectedGroupId)
-                return members;
-            return members.map((member) => member.ssoUsername === loggedInContact.ssoUsername
-                ? Object.assign(Object.assign({}, member), { isDefault: defaultCaseGroupId === selectedGroupId }) : member);
-        };
-        const members = syncLoggedInUserDefault(groupUsers || []);
-        const user = loggedInContact;
-        if (!(user === null || user === void 0 ? void 0 : user.isOrgAdmin) || !user.ssoUsername || !selectedGroup)
-            return members;
-        const alreadyPresent = members.some((m) => m.ssoUsername === user.ssoUsername);
-        if (alreadyPresent)
-            return members;
-        const syntheticEntry = {
-            firstName: (_a = user.firstName) !== null && _a !== void 0 ? _a : '',
-            lastName: (_b = user.lastName) !== null && _b !== void 0 ? _b : '',
-            isOrgAdmin: true,
-            access: true,
-            write: false,
-            isDefault: defaultCaseGroupId === selectedGroup.groupNum,
-            ssoUsername: user.ssoUsername,
-            email: (_c = user.email) !== null && _c !== void 0 ? _c : '',
-            contactSfId: (_d = user.id) !== null && _d !== void 0 ? _d : '',
-            memberRecordId: '',
-        };
-        return [...members, syntheticEntry];
-    }, [groupUsers, loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data, selectedGroup, defaultCaseGroupId]);
-    const canManageCaseGroups = ability.can(resourceActions.CREATE, resources.CASE_GROUPS);
-    const [isAddMembersModalOpen, setIsAddMembersModalOpen] = useState(false);
-    const [memberToRemove, setMemberToRemove] = useState(null);
-    const { deleteMember, loading: isDeleting } = useDeleteCaseGroupMember();
-    // 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);
-    // }
+    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);
+    }
     // set and sort fetched data.
-    const [initialData, setInitialData] = useState(membersWithOrgAdmin);
-    const [data, setData] = useState(membersWithOrgAdmin);
-    useEffect(() => setAllData(membersWithOrgAdmin || []), [membersWithOrgAdmin]);
+    const [initialData, setInitialData] = useState(groupUsers);
+    const [data, setData] = useState(groupUsers);
+    useEffect(() => setAllData(response || []), [response]);
     function setAllData(users) {
         setInitialData(users);
         setData(users);
@@ -106,63 +58,21 @@ export const ManageGroupUsers = () => {
             return tempUser;
         }));
     };
-    const onDefaultToggleSuccess = (user, isChecked) => {
-        var _a;
-        if (user.ssoUsername !== ((_a = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _a === void 0 ? void 0 : _a.ssoUsername) || !selectedGroup)
-            return;
-        const groupId = isChecked ? selectedGroup.groupNum : null;
-        const updatedLoggedInUserData = Object.assign(Object.assign({}, loggedInUser.data), { defaultCaseGroup: groupId });
-        dispatchToGlobalMetadataReducer({
-            type: GlobalMetadataReducerConstants.setLoggedInUser,
-            payload: {
-                loggedInUser: Object.assign(Object.assign({}, loggedInUser), { data: updatedLoggedInUserData }),
-            },
-        });
-        if (caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data) {
-            const updatedGroups = caseGroups.data.map((group) => (Object.assign(Object.assign({}, group), { isDefault: groupId !== null && group.groupNum === groupId })));
-            dispatchToGlobalMetadataReducer({
-                type: GlobalMetadataReducerConstants.setCaseGroups,
-                payload: {
-                    caseGroups: Object.assign(Object.assign({}, caseGroups), { data: updatedGroups }),
-                },
-            });
-        }
-    };
     const onGroupSelect = (group) => __awaiter(void 0, void 0, void 0, function* () {
         setSelectedGroup(group);
         if (group) {
-            fetchMembers(group.groupNum);
+            request(loggedInUsersAccount.data.accountNumber, group.groupNum);
         }
         else {
-            setAllData([]);
-        }
-    });
-    const handleRemoveMember = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (!(memberToRemove === null || memberToRemove === void 0 ? void 0 : memberToRemove.memberRecordId))
-            return;
-        try {
-            yield deleteMember(memberToRemove.memberRecordId);
-            ToastNotification.addSuccessMessage(t('{{name}} has been removed from the group', {
-                name: `${memberToRemove.firstName} ${memberToRemove.lastName}`,
-            }));
-            refetch();
-        }
-        catch (error) {
-            ToastNotification.addDangerMessage(t('Could not remove member from group: {{message}}', {
-                message: error instanceof Error ? error.message : String(error),
-            }));
-        }
-        finally {
-            setMemberToRemove(null);
+            clearResponse();
         }
     });
-    // 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);
-    // }
+    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);
+    }
     const columns = [
         {
             accessor: (user) => user.firstName,
@@ -182,38 +92,16 @@ export const ManageGroupUsers = () => {
             id: 'sso-username',
             title: t('Login'),
         },
-        // 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}
-        //             />
-        //         ),
-        // },
-        ...(canManageCaseGroups
-            ? [
-                {
-                    id: 'default',
-                    title: t('Default group'),
-                    cell: (user, index) => (React.createElement(DefaultGroupSwitch, { id: `${index}`, onToggle: onDefaultToggle, onToggleSuccess: onDefaultToggleSuccess, group: selectedGroup, user: user })),
-                },
-                {
-                    id: 'remove',
-                    title: '',
-                    cell: (user) => (React.createElement(RemoveMemberButton, { user: user, onRemove: setMemberToRemove, isDisabled: isDeleting })),
-                },
-            ]
-            : []),
+        {
+            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 })),
+        },
+        {
+            id: 'default',
+            title: t('Default group'),
+            cell: (user, index) => (React.createElement(DefaultGroupSwitch, { id: `${index}`, onToggle: onDefaultToggle, group: selectedGroup, user: user })),
+        },
     ];
     // filter out search query.
     const [userSearch, setUserSearch] = useState('');
@@ -233,12 +121,12 @@ export const ManageGroupUsers = () => {
         else {
             setData(initialData);
         }
-    }, [initialData, userSearch, setData, previousUserSearch, membersWithOrgAdmin]);
+    }, [initialData, userSearch, setData, previousUserSearch, groupUsers]);
     useEffect(() => {
         if (location.pathname !== '/manage/groups') {
             return;
         }
-        setAllData(membersWithOrgAdmin || []);
+        setAllData(response || []);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [location.pathname, loggedInUsersAccount.data]);
     return (React.createElement(React.Fragment, null,
@@ -246,20 +134,11 @@ export const ManageGroupUsers = () => {
             React.createElement("h2", { className: "pf-v6-u-pb-sm" }, t('Groups')),
             React.createElement("p", null, t('To filter cases while searching, add or edit groups.'))),
         React.createElement("div", { className: "toolbar pf-v6-u-justify-content-space-between" },
-            React.createElement(GroupSelect, { isDisabled: isFetching || disableGroupSelect, onSelect: onGroupSelect, onAddMembers: () => setIsAddMembersModalOpen(true) }),
+            React.createElement(GroupSelect, { isDisabled: isFetching || disableGroupSelect, onSelect: onGroupSelect }),
             React.createElement("span", { className: "toolbar-right" },
                 React.createElement("label", { htmlFor: "account-group-filter" },
                     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, pagination: false })),
-        memberToRemove && (React.createElement(Modal, { variant: ModalVariant.small, isOpen: true, onClose: () => setMemberToRemove(null), "aria-label": t('Confirm removal') },
-            React.createElement(ModalHeader, { title: t('Remove member') }),
-            React.createElement(ModalBody, null, t('Are you sure you want to remove {{name}} from this group?', {
-                name: `${memberToRemove.firstName} ${memberToRemove.lastName}`,
-            })),
-            React.createElement(ModalFooter, null,
-                React.createElement(Button, { variant: "danger", onClick: handleRemoveMember, isLoading: isDeleting, isDisabled: isDeleting }, t('Remove')),
-                React.createElement(Button, { variant: "link", onClick: () => setMemberToRemove(null), isDisabled: isDeleting }, t('Cancel'))))),
-        canManageCaseGroups && isAddMembersModalOpen && selectedGroup && (React.createElement(AddMembersModal, { group: selectedGroup, existingMembers: initialData, onSuccess: refetch, onClose: () => setIsAddMembersModalOpen(false) }))));
+            React.createElement(ManageTable, { ariaLabel: t('Table to manage groups'), columns: columns, data: data, sortInfo: { column: 'first-name', direction: 'asc' }, isFetching: isFetching, isError: 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":"AAKA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,wBAAgB,cAAc,sBAuF7B"}
+{"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"}

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

@@ -11,14 +11,15 @@ 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 { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, 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 }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUsersAccount, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
+    const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     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);
@@ -26,7 +27,7 @@ export function PreferencesACL() {
         try {
             setIsAclLoading(true);
             yield updateAcl(!isAclActivated, loggedInUsersAccount.data.accountNumber);
-            // TODO: migrate to GraphQL - fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true, apolloClient);
+            fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true);
             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":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAkBhF,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAwNlD"}
+{"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"}

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

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

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":"AAkBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA0OhD"}
+{"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"}