@rh-support/manage 2.5.237 → 2.5.238

package/lib/esm/components/ManageCaseLabels/index.js

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

package/lib/esm/components/ManageCaseLabels/types.d.ts

@@ -0,0 +1,6 @@
+export interface ICaseLabel {
+    id: string;
+    name: string;
+    assignedCaseCount: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/esm/components/ManageCaseLabels/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageCaseLabels/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,CAAC;CAC7B"}

package/lib/esm/components/ManageCaseLabels/types.js

@@ -0,0 +1 @@
+export {};

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

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

@@ -15,56 +15,41 @@ import { fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataRed
 import { haventLoadedMetadata, PreferredLanguages } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router-dom';
 import { useUserPreferences } from '../../../hooks/useUserPreferences';
 import { PreferenceSelect } from '../components/PreferenceSelect';
 export function PreferencesCaseCreate(props) {
     const { t } = useTranslation();
-    const location = useLocation();
     const apolloClient = useApolloClient();
     const { globalMetadataState: { caseGroups, caseLanguages, loggedInUserJwtToken, loggedInUserRights, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const languageConst = caseLanguages.data;
-    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 groupList = useMemo(() => caseGroups.data || [], [caseGroups.data]);
     const updateDefaultGroupPref = (groupNum) => __awaiter(this, void 0, void 0, function* () {
         var _a;
         try {
             yield toggleDefaultGroupFetch.request(groupNum, loggedInUserRights.data.getSSOUsername(), true, loggedInUsersAccount.data.secureSupport);
-            const updatedGroups = (caseGroups.data || []).map((group) => (Object.assign(Object.assign({}, group), { isDefault: group.groupNum === groupNum })));
+            const updatedGroups = groupList.map((group) => (Object.assign(Object.assign({}, group), { isDefault: group.groupNum === groupNum })));
             dispatchToGlobalMetadataReducer({
                 type: GlobalMetadataReducerConstants.setCaseGroups,
                 payload: {
                     caseGroups: Object.assign(Object.assign({}, caseGroups), { data: updatedGroups }),
                 },
             });
-            setUserDefaultGroupList(updatedGroups);
             setOriginalDefaultGroup(((_a = updatedGroups.find((g) => g.isDefault)) === null || _a === void 0 ? void 0 : _a.name) || 'Ungrouped Case');
         }
         catch (error) {
-            console.log(error);
+            const message = String((error === null || error === void 0 ? void 0 : error.message) || '');
+            if (message.includes('insufficient access rights')) {
+                ToastNotification.addDangerMessage(t('You do not have permission to change the default group'));
+            }
+            else {
+                ToastNotification.addDangerMessage(t('Failed to update default group'));
+            }
         }
     });
     const languagesList = map(languageConst, (cl) => ({
@@ -73,7 +58,6 @@ export function PreferencesCaseCreate(props) {
     }));
     const [originalPreferredLanguage, setOriginalPreferredLanguage] = useState('');
     const [originalDefaultGroup, setOriginalDefaultGroup] = useState('');
-    const [userDefaultGroupList, setUserDefaultGroupList] = useState();
     const { getPreferredLanguage, updatePreferredLanguage } = useUserPreferences();
     const preferredLangTitleId = 'preferred-language-select';
     const defaultGroupTitleId = 'default-group-select';
@@ -101,10 +85,12 @@ export function PreferencesCaseCreate(props) {
             if (selection === 'Ungrouped Case') {
                 updateDefaultGroupPref('-1');
             }
-            if (!isEmpty(userDefaultGroupList)) {
-                let filteredGroupSelect = userDefaultGroupList.filter((group) => group.name === selection);
-                yield updateDefaultGroupPref(filteredGroupSelect[0].groupNum);
-                setOriginalDefaultGroup(filteredGroupSelect[0].name);
+            if (!isEmpty(groupList)) {
+                const selectedGroup = groupList.find((group) => group.name === selection);
+                if (selectedGroup) {
+                    yield updateDefaultGroupPref(selectedGroup.groupNum);
+                    setOriginalDefaultGroup(selectedGroup.name);
+                }
             }
         }
         catch (error) {
@@ -126,16 +112,9 @@ export function PreferencesCaseCreate(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseLanguages, caseGroups, dispatchToGlobalMetadataReducer, loggedInUserJwtToken]);
     useEffect(() => {
-        grabDefaultGroupList(loggedInUserRights.data.getSSOUsername());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [loggedInUserRights, caseGroups]);
-    useEffect(() => {
-        if (location.pathname !== '/manage/preferences') {
-            return;
-        }
-        grabDefaultGroupList(loggedInUserRights.data.getSSOUsername());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [location.pathname]);
+        const defaultGroup = groupList.find((g) => g.isDefault);
+        setOriginalDefaultGroup((defaultGroup === null || defaultGroup === void 0 ? void 0 : defaultGroup.name) || 'Ungrouped Case');
+    }, [groupList]);
     useEffect(() => {
         if (haventLoadedMetadata(caseLanguages)) {
             fetchLanguageMetadata(dispatchToGlobalMetadataReducer, apolloClient);
@@ -153,5 +132,5 @@ export function PreferencesCaseCreate(props) {
                     React.createElement("p", { className: "form-instructions" },
                         React.createElement(Trans, null, "Preferred language will impact future cases, not existing ones."))),
                 React.createElement("div", { className: "form-group" },
-                    React.createElement(PreferenceSelect, { label: "Default group", id: defaultGroupTitleId, onSelect: onDefaultGroupSelect, selections: originalDefaultGroup }, (userDefaultGroupList ? userDefaultGroupList : []).map((option, index) => (React.createElement(SelectOption, { key: index, value: option.name })))))))));
+                    React.createElement(PreferenceSelect, { label: "Default group", id: defaultGroupTitleId, onSelect: onDefaultGroupSelect, selections: originalDefaultGroup }, groupList.map((option, index) => (React.createElement(SelectOption, { key: index, value: option.name })))))))));
 }

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

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

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

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

package/lib/esm/constants/GroupSelectActions.js

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

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

@@ -1,4 +1,4 @@
-import { type CreateCaseGroupResponse, type DeleteCaseGroupResponse, type RenameCaseGroupResponse, type ToggleDefaultGroupResponse } from '@rh-support/utils';
+import { type CreateCaseGroupMemberResponse, type CreateCaseGroupResponse, type DeleteCaseGroupResponse, type RenameCaseGroupResponse, type ToggleDefaultGroupResponse } from '@rh-support/utils';
 import { type IGroupUserWithContactId } from '../utils/caseGroupMapper';
 interface UseCaseGroupMembersResult {
     data: IGroupUserWithContactId[];
@@ -13,6 +13,11 @@ interface UseCreateCaseGroupResult {
     loading: boolean;
 }
 export declare function useCreateCaseGroup(): UseCreateCaseGroupResult;
+interface UseCreateCaseGroupMemberResult {
+    createMember: (contactId: string, groupId: string) => Promise<CreateCaseGroupMemberResponse>;
+    loading: boolean;
+}
+export declare function useCreateCaseGroupMember(): UseCreateCaseGroupMemberResult;
 interface UseRenameCaseGroupResult {
     renameGroup: (id: string, newName: string) => Promise<RenameCaseGroupResponse>;
     loading: boolean;

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

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

package/lib/esm/hooks/useCaseGroupGraphQL.js

@@ -7,47 +7,37 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient, useMutation } from '@apollo/client/react';
-import { CREATE_CASE_GROUP, DELETE_CASE_GROUP, GET_CASE_GROUP_MEMBERS, RENAME_CASE_GROUP, TOGGLE_DEFAULT_GROUP, } from '@rh-support/utils';
-import { useState } from 'react';
+import { useMutation, useQuery } from '@apollo/client/react';
+import { CREATE_CASE_GROUP, CREATE_CASE_GROUP_MEMBER, DELETE_CASE_GROUP, GET_CASE_GROUP_MEMBERS, RENAME_CASE_GROUP, TOGGLE_DEFAULT_GROUP, } from '@rh-support/utils';
+import { useMemo, useState } from 'react';
 import { mapCaseGroupMemberNodeToIGroupUser } from '../utils/caseGroupMapper';
 export function useCaseGroupMembers() {
-    const client = useApolloClient();
-    const [members, setMembers] = useState([]);
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(undefined);
-    const [currentGroupId, setCurrentGroupId] = useState(undefined);
-    const fetchMembers = (groupId) => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c;
-        setCurrentGroupId(groupId);
-        setLoading(true);
-        setError(undefined);
-        try {
-            const { data } = yield client.query({
-                query: GET_CASE_GROUP_MEMBERS,
-                variables: { where: { Group__c: { eq: groupId } } },
-                fetchPolicy: 'network-only',
-            });
-            const edges = ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseGroupMember__c) === null || _c === void 0 ? void 0 : _c.edges) || [];
-            const mapped = edges
-                .filter(({ node }) => node.Contact__r !== null)
-                .map(({ node }) => mapCaseGroupMemberNodeToIGroupUser(node, groupId));
-            setMembers(mapped);
-        }
-        catch (e) {
-            setError(e);
-            setMembers([]);
-        }
-        finally {
-            setLoading(false);
-        }
+    const [groupId, setGroupId] = useState(undefined);
+    const { data, loading, error, refetch } = useQuery(GET_CASE_GROUP_MEMBERS, {
+        variables: { where: { Group__c: { eq: groupId } } },
+        skip: !groupId,
+        fetchPolicy: 'network-only',
     });
-    const refetch = () => {
-        if (currentGroupId) {
-            fetchMembers(currentGroupId);
-        }
+    const members = useMemo(() => {
+        var _a, _b, _c;
+        if (!data || !groupId)
+            return [];
+        const response = data;
+        const edges = ((_c = (_b = (_a = response.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseGroupMember__c) === null || _c === void 0 ? void 0 : _c.edges) || [];
+        return edges
+            .filter(({ node }) => node.Contact__r !== null)
+            .map(({ node }) => mapCaseGroupMemberNodeToIGroupUser(node, groupId));
+    }, [data, groupId]);
+    const fetchMembers = (id) => {
+        setGroupId(id);
+    };
+    return {
+        data: members,
+        loading,
+        error: error,
+        refetch,
+        fetchMembers,
     };
-    return { data: members, loading, error, refetch, fetchMembers };
 }
 export function useCreateCaseGroup() {
     const [mutate, { loading }] = useMutation(CREATE_CASE_GROUP);
@@ -59,6 +49,21 @@ export function useCreateCaseGroup() {
     });
     return { createGroup, loading };
 }
+export function useCreateCaseGroupMember() {
+    const [mutate, { loading }] = useMutation(CREATE_CASE_GROUP_MEMBER);
+    const createMember = (contactId, groupId) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: {
+                memberInput: {
+                    Contact__c: contactId,
+                    Group__c: groupId,
+                },
+            },
+        });
+        return result.data;
+    });
+    return { createMember, loading };
+}
 export function useRenameCaseGroup() {
     const [mutate, { loading }] = useMutation(RENAME_CASE_GROUP);
     const renameGroup = (id, newName) => __awaiter(this, void 0, void 0, function* () {

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

@@ -0,0 +1,26 @@
+import { type CreateCaseLabelResponse, type DeleteCaseLabelResponse, type UpdateCaseLabelResponse } from '@rh-support/utils';
+import { ICaseLabel } from '../components/ManageCaseLabels/types';
+interface UseCaseLabelsResult {
+    labels: ICaseLabel[];
+    loading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+export declare function useCaseLabels(accountId?: string): UseCaseLabelsResult;
+interface UseCreateCaseLabelResult {
+    createCaseLabel: (name: string, accountId: string) => Promise<CreateCaseLabelResponse>;
+    loading: boolean;
+}
+export declare function useCreateCaseLabel(): UseCreateCaseLabelResult;
+interface UseUpdateCaseLabelResult {
+    updateCaseLabel: (id: string, name: string) => Promise<UpdateCaseLabelResponse>;
+    loading: boolean;
+}
+export declare function useUpdateCaseLabel(): UseUpdateCaseLabelResult;
+interface UseDeleteCaseLabelResult {
+    deleteCaseLabel: (id: string) => Promise<DeleteCaseLabelResponse>;
+    loading: boolean;
+}
+export declare function useDeleteCaseLabel(): UseDeleteCaseLabelResult;
+export {};
+//# sourceMappingURL=useCaseLabelGraphQL.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCaseLabelGraphQL.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseLabelGraphQL.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,uBAAuB,EAE5B,KAAK,uBAAuB,EAI5B,KAAK,uBAAuB,EAM/B,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAQlE,UAAU,mBAAmB;IACzB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAmCrE;AAED,UAAU,wBAAwB;IAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACvF,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,kBAAkB,IAAI,wBAAwB,CAkB7D;AAED,UAAU,wBAAwB;IAC9B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAChF,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,kBAAkB,IAAI,wBAAwB,CAkB7D;AAED,UAAU,wBAAwB;IAC9B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAClE,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,kBAAkB,IAAI,wBAAwB,CAW7D"}

package/lib/esm/hooks/useCaseLabelGraphQL.js

@@ -0,0 +1,99 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useApolloClient, useMutation } from '@apollo/client/react';
+import { CREATE_CASE_LABEL, DELETE_CASE_LABEL, GET_CASE_LABELS, UPDATE_CASE_LABEL, } from '@rh-support/utils';
+import { useCallback, useEffect, useState } from 'react';
+const mapCaseLabelNode = (node) => {
+    var _a, _b, _c, _d;
+    return ({
+        id: node.Id,
+        name: (_b = (_a = node.Name) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
+        assignedCaseCount: (_d = (_c = node.Case_Label_Links__r) === null || _c === void 0 ? void 0 : _c.totalCount) !== null && _d !== void 0 ? _d : 0,
+    });
+};
+export function useCaseLabels(accountId) {
+    const client = useApolloClient();
+    const [labels, setLabels] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(undefined);
+    const fetchLabels = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        if (!accountId) {
+            setLabels([]);
+            return;
+        }
+        setLoading(true);
+        setError(undefined);
+        try {
+            const { data } = yield client.query({
+                query: GET_CASE_LABELS,
+                variables: { where: { Account__c: { eq: accountId } } },
+                fetchPolicy: 'network-only',
+            });
+            const edges = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseLabel__c) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
+            setLabels(edges.map(({ node }) => mapCaseLabelNode(node)).filter((label) => label.id && label.name));
+        }
+        catch (e) {
+            setError(e);
+            setLabels([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [accountId, client]);
+    useEffect(() => {
+        fetchLabels();
+    }, [fetchLabels]);
+    return { labels, loading, error, refetch: fetchLabels };
+}
+export function useCreateCaseLabel() {
+    const [mutate, { loading }] = useMutation(CREATE_CASE_LABEL);
+    const createCaseLabel = (name, accountId) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: {
+                input: {
+                    RedHatSupportCaseLabel__c: {
+                        Name: name,
+                        Account__c: accountId,
+                    },
+                },
+            },
+        });
+        return result.data;
+    });
+    return { createCaseLabel, loading };
+}
+export function useUpdateCaseLabel() {
+    const [mutate, { loading }] = useMutation(UPDATE_CASE_LABEL);
+    const updateCaseLabel = (id, name) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: {
+                input: {
+                    Id: id,
+                    RedHatSupportCaseLabel__c: {
+                        Name: name,
+                    },
+                },
+            },
+        });
+        return result.data;
+    });
+    return { updateCaseLabel, loading };
+}
+export function useDeleteCaseLabel() {
+    const [mutate, { loading }] = useMutation(DELETE_CASE_LABEL);
+    const deleteCaseLabel = (id) => __awaiter(this, void 0, void 0, function* () {
+        const result = yield mutate({
+            variables: { id },
+        });
+        return result.data;
+    });
+    return { deleteCaseLabel, loading };
+}

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

@@ -0,0 +1,8 @@
+interface UseCurrentUserContactResult {
+    isOrgAdmin: boolean;
+    loading: boolean;
+    error: Error | undefined;
+}
+export declare function useCurrentUserContact(): UseCurrentUserContactResult;
+export {};
+//# sourceMappingURL=useCurrentUserContact.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentUserContact.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCurrentUserContact.ts"],"names":[],"mappings":"AAMA,UAAU,2BAA2B;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC5B;AAED,wBAAgB,qBAAqB,IAAI,2BAA2B,CAiFnE"}

package/lib/esm/hooks/useCurrentUserContact.js

@@ -0,0 +1,74 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useApolloClient } from '@apollo/client/react';
+import { setLoggedInUserRoles, useGlobalDispatchContext, useGlobalStateContext } from '@rh-support/react-context';
+import { initUserRoles } from '@rh-support/user-permissions';
+import { GET_CONTACT_BY_SSO } from '@rh-support/utils';
+import { useCallback, useEffect, useRef, useState } from 'react';
+export function useCurrentUserContact() {
+    const client = useApolloClient();
+    const dispatch = useGlobalDispatchContext();
+    const { globalMetadataState: { loggedInUserJwtToken, loggedInUser, loggedInUsersAccount, managedAccounts, accountManagers, bookmarkedAccounts, pcmConfig, viewAsCustomer, }, } = useGlobalStateContext();
+    const ssoUsername = loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.preferred_username;
+    const [isOrgAdmin, setIsOrgAdmin] = useState(false);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(undefined);
+    const hasFetched = useRef(false);
+    const fetchContact = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f;
+        if (!ssoUsername || hasFetched.current) {
+            if (!ssoUsername)
+                setLoading(false);
+            return;
+        }
+        hasFetched.current = true;
+        setLoading(true);
+        setError(undefined);
+        try {
+            const { data } = yield client.query({
+                query: GET_CONTACT_BY_SSO,
+                variables: { searchTerm: ssoUsername, namePattern: `%${ssoUsername}%` },
+                fetchPolicy: 'cache-first',
+            });
+            const edges = ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportContact) === null || _c === void 0 ? void 0 : _c.edges) || [];
+            const match = edges[0];
+            const adminStatus = (_f = (_e = (_d = match === null || match === void 0 ? void 0 : match.node) === null || _d === void 0 ? void 0 : _d.IsOrgAdmin__c) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : false;
+            setIsOrgAdmin(adminStatus);
+            if ((loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) && (loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data)) {
+                const updatedUser = Object.assign(Object.assign({}, loggedInUser.data), { isOrgAdmin: adminStatus });
+                const { user } = initUserRoles(updatedUser, loggedInUsersAccount.data, (managedAccounts === null || managedAccounts === void 0 ? void 0 : managedAccounts.data) || [], (accountManagers === null || accountManagers === void 0 ? void 0 : accountManagers.data) || [], (bookmarkedAccounts === null || bookmarkedAccounts === void 0 ? void 0 : bookmarkedAccounts.data) || [], (pcmConfig === null || pcmConfig === void 0 ? void 0 : pcmConfig.data) || [], viewAsCustomer, loggedInUserJwtToken);
+                setLoggedInUserRoles(dispatch, user);
+            }
+        }
+        catch (e) {
+            setError(e);
+            setIsOrgAdmin(false);
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [
+        client,
+        ssoUsername,
+        loggedInUser,
+        loggedInUsersAccount,
+        managedAccounts,
+        accountManagers,
+        bookmarkedAccounts,
+        pcmConfig,
+        viewAsCustomer,
+        loggedInUserJwtToken,
+        dispatch,
+    ]);
+    useEffect(() => {
+        fetchContact();
+    }, [fetchContact]);
+    return { isOrgAdmin, loading, error };
+}

package/lib/esm/scss/_main.scss

@@ -433,6 +433,69 @@ svg.hostnameSpinner {
     border-radius: 8px;
 }
 
+#manage-case-labels {
+    thead {
+        display: none;
+    }
+
+    .case-labels-toolbar {
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--pf-t--global--spacer--md);
+
+        .toolbar-left {
+            flex: 0 1 auto;
+            margin-bottom: 0;
+            max-width: none;
+
+            & > *:nth-child(2):not(.group-action) {
+                width: auto;
+                min-width: 16rem;
+            }
+        }
+
+        .toolbar-right,
+        .case-labels-toolbar__loaded {
+            flex: 0 0 auto;
+            max-width: none;
+            margin-left: auto;
+            white-space: nowrap;
+            justify-content: flex-end;
+        }
+    }
+
+    .case-label-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 100%;
+        gap: var(--pf-t--global--spacer--md);
+    }
+
+    .case-label-row__actions {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        gap: var(--pf-t--global--spacer--sm);
+        margin-left: auto;
+    }
+}
+
+.case-label-delete-description {
+    display: flex;
+    flex-direction: column;
+    gap: var(--pf-t--global--spacer--lg);
+
+    p {
+        margin: 0;
+    }
+
+    .case-label-delete-description__impact {
+        white-space: nowrap;
+    }
+}
+
 .pf-v6-c-empty-state__icon {
     color: var(--pf-t--color--gray--30);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.5.237",
+    "version": "2.5.238",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -76,12 +76,12 @@
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.189",
+        "@rh-support/components": "2.5.190",
         "@rh-support/configs": "2.0.75",
-        "@rh-support/react-context": "2.5.283",
+        "@rh-support/react-context": "2.5.284",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.135",
-        "@rh-support/utils": "2.5.117",
+        "@rh-support/user-permissions": "2.5.136",
+        "@rh-support/utils": "2.5.118",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": "^23.15.0",
         "lodash": ">=4.17.15",
@@ -100,5 +100,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "8f1387bb291fa73c60cec5251c7cc4c599fd1b5e"
+    "gitHead": "9017d17207b6357a27edbab889de8f10696e745b"
 }