@rh-support/manage 2.5.237 → 2.5.239

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

@@ -0,0 +1,208 @@
+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 { ActionList, ActionListItem, AlertVariant, Button, ButtonVariant, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateVariant, ModalVariant, SearchInput, } from '@patternfly/react-core';
+import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon';
+import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
+import TrashIcon from '@patternfly/react-icons/dist/js/icons/trash-icon';
+import { ErrorBoundary, ToastNotification, useConfirmation } 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 { useCaseLabels, useCreateCaseLabel, useDeleteCaseLabel, useUpdateCaseLabel, } from '../../hooks/useCaseLabelGraphQL';
+import { ManageTable } from '../ManageTable';
+import { AddEditCaseLabelModal } from './AddEditCaseLabelModal';
+const isDuplicateCaseLabelGraphQLError = (error) => {
+    var _a, _b, _c, _d;
+    if (!error || typeof error !== 'object') {
+        return false;
+    }
+    const apolloError = error;
+    const messages = [
+        ...((_b = (_a = apolloError.graphQLErrors) === null || _a === void 0 ? void 0 : _a.map((graphQLError) => graphQLError.message || '')) !== null && _b !== void 0 ? _b : []),
+        ...((_d = (_c = apolloError.errors) === null || _c === void 0 ? void 0 : _c.map((graphQLError) => graphQLError.message || '')) !== null && _d !== void 0 ? _d : []),
+        apolloError.message || '',
+    ]
+        .join(' ')
+        .toLowerCase();
+    return messages.includes('duplicate value found');
+};
+export function ManageCaseLabelsTab() {
+    var _a;
+    const { t } = useTranslation();
+    const confirmation = useConfirmation();
+    const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
+    const accountId = (_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.salesforceAccountId;
+    const { labels: fetchedLabels, loading: isFetchingLabels, error: labelsError, refetch } = useCaseLabels(accountId);
+    const { createCaseLabel, loading: isCreatingLabel } = useCreateCaseLabel();
+    const { updateCaseLabel, loading: isUpdatingLabel } = useUpdateCaseLabel();
+    const { deleteCaseLabel } = useDeleteCaseLabel();
+    const [labels, setLabels] = useState([]);
+    const [searchString, setSearchString] = useState('');
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [isInAddMode, setIsInAddMode] = useState(true);
+    const [selectedLabel, setSelectedLabel] = useState(null);
+    useEffect(() => {
+        setLabels(fetchedLabels);
+    }, [fetchedLabels]);
+    const filteredLabels = useMemo(() => {
+        if (isEmpty(searchString)) {
+            return labels;
+        }
+        return labels.filter((label) => label.name.toLowerCase().includes(searchString.toLowerCase()));
+    }, [labels, searchString]);
+    const hasNoLabels = !isFetchingLabels && !labelsError && labels.length === 0;
+    const onOpenAddModal = () => {
+        setIsInAddMode(true);
+        setSelectedLabel(null);
+        setIsModalOpen(true);
+    };
+    const onOpenEditModal = (label) => {
+        setIsInAddMode(false);
+        setSelectedLabel(label);
+        setIsModalOpen(true);
+    };
+    const closeModal = () => {
+        setIsModalOpen(false);
+        setSelectedLabel(null);
+        setIsInAddMode(true);
+    };
+    const onSaveLabel = (name, options) => __awaiter(this, void 0, void 0, function* () {
+        if (isInAddMode) {
+            if (!accountId) {
+                ToastNotification.addDangerMessage(t('Unable to create case label. Account information is missing.'));
+                return { success: false };
+            }
+            try {
+                yield createCaseLabel(name, accountId);
+                yield refetch();
+                ToastNotification.addSuccessMessage(t('Case label has been successfully created.'));
+                if (!(options === null || options === void 0 ? void 0 : options.keepOpen)) {
+                    closeModal();
+                }
+                return { success: true };
+            }
+            catch (error) {
+                if (isDuplicateCaseLabelGraphQLError(error)) {
+                    return {
+                        success: false,
+                        fieldError: t('Label name already in use. Try a different name.'),
+                    };
+                }
+                ToastNotification.addDangerMessage(t('Case label failed to create.'));
+                return { success: false };
+            }
+        }
+        if (selectedLabel) {
+            try {
+                yield updateCaseLabel(selectedLabel.id, name);
+                yield refetch();
+                ToastNotification.addSuccessMessage(t('Case label has been successfully updated.'));
+                closeModal();
+                return { success: true };
+            }
+            catch (error) {
+                if (isDuplicateCaseLabelGraphQLError(error)) {
+                    return {
+                        success: false,
+                        fieldError: t('Label name already in use. Try a different name.'),
+                    };
+                }
+                ToastNotification.addDangerMessage(t('Case label failed to update.'));
+                return { success: false };
+            }
+        }
+        return { success: false };
+    });
+    const onDeleteLabel = (label) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield confirmation({
+                catchOnCancel: true,
+                confirmText: t('Delete label'),
+                confirmButtonVariant: ButtonVariant.danger,
+                cancelText: t('Cancel'),
+                modalVariant: ModalVariant.large,
+                title: t('Delete case label'),
+                description: (React.createElement("div", { className: "case-label-delete-description", style: { display: 'flex', flexDirection: 'column', gap: '1.5rem' } },
+                    React.createElement("div", null, t('Are you sure you want to delete "{{name}}" case label?', { name: label.name })),
+                    React.createElement("div", { style: { whiteSpace: 'nowrap' } },
+                        t('This label is currently assigned to'),
+                        ' ',
+                        React.createElement("strong", null, t('{{count}} cases', { count: label.assignedCaseCount })),
+                        '. ',
+                        t('Deleting it will remove the label from all associated cases.')))),
+            });
+        }
+        catch (_a) {
+            // user cancelled
+            return;
+        }
+        try {
+            yield deleteCaseLabel(label.id);
+            yield refetch();
+            ToastNotification.addSuccessMessage(t('Case label has been successfully removed.'));
+        }
+        catch (_b) {
+            ToastNotification.addDangerMessage(t('Case label failed to remove.'));
+        }
+    });
+    const onViewAssignedCases = (label) => {
+        // Placeholder until case-list filter by label is wired
+        ToastNotification.addInfoMessage(t(`View cases assigned to "${label.name}" (coming soon)`));
+    };
+    const columns = [
+        {
+            accessor: (label) => label.name,
+            sortable: false,
+            id: 'case-label-row',
+            title: '',
+            cellWidth: 100,
+            cell: (label) => (React.createElement("div", { className: "case-label-row" },
+                React.createElement("div", { className: "case-label-row__info" },
+                    React.createElement("div", { className: "pf-v6-u-font-weight-bold" }, label.name),
+                    React.createElement("div", { className: "pf-v6-u-color-200 pf-v6-u-font-size-sm" }, t('{{count}} cases assigned', { count: label.assignedCaseCount }))),
+                React.createElement("div", { className: "case-label-row__actions" },
+                    label.assignedCaseCount > 0 && (React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onViewAssignedCases(label), "data-tracking-id": "case-label-view-assigned-cases" },
+                        React.createElement(Trans, null, "View assigned cases"))),
+                    React.createElement(ActionList, { isIconList: true },
+                        React.createElement(ActionListItem, null,
+                            React.createElement(Button, { icon: React.createElement(PencilAltIcon, null), "aria-label": t('Edit case label {{name}}', { name: label.name }), variant: "plain", onClick: () => onOpenEditModal(label), "data-tracking-id": "case-label-edit" })),
+                        React.createElement(ActionListItem, null,
+                            React.createElement(Button, { icon: React.createElement(TrashIcon, null), "aria-label": t('Delete case label {{name}}', { name: label.name }), variant: "plain", onClick: () => onDeleteLabel(label), "data-tracking-id": "case-label-delete" })))))),
+        },
+    ];
+    return (React.createElement(React.Fragment, null,
+        React.createElement("header", null,
+            React.createElement("h2", null, t('Case labels')),
+            React.createElement("p", null,
+                React.createElement(Trans, null, "Case labels help you organize and categorize cases with custom tags, making them easier to find, filter, and manage."))),
+        React.createElement("div", { className: "toolbar case-labels-toolbar" },
+            React.createElement("div", { className: "toolbar-left" },
+                hasNoLabels ? (React.createElement("span", null,
+                    React.createElement(Trans, null, "Case labels"))) : (React.createElement("label", { htmlFor: "search-case-label-input" },
+                    React.createElement(Trans, null, "Case labels"))),
+                !hasNoLabels && (React.createElement(React.Fragment, null,
+                    React.createElement(SearchInput, { className: "pf-v6-u-flex-grow-1 pf-v6-c-search-input pf-v6-u-background-color-100", value: searchString, id: "search-case-label-input", placeholder: t('Search case label by name.'), "aria-label": t('Search case label by name'), onChange: (_, val) => setSearchString(val), onClear: () => setSearchString('') }),
+                    React.createElement("span", { className: "pf-v6-u-ml-sm" },
+                        React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: onOpenAddModal, "data-tracking-id": "case-label-add-button" },
+                            React.createElement(Trans, null, "Add")))))),
+            !hasNoLabels && (React.createElement("div", { className: "toolbar-right case-labels-toolbar__loaded pf-v6-u-color-200" }, t('{{loaded}} of {{total}} loaded.', {
+                loaded: filteredLabels.length,
+                total: filteredLabels.length,
+            })))),
+        React.createElement(AddEditCaseLabelModal, { isOpen: isModalOpen, addMode: isInAddMode, label: selectedLabel, isSaving: isCreatingLabel || isUpdatingLabel, onClose: closeModal, onSave: onSaveLabel }),
+        React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading case labels list') } }, hasNoLabels ? (React.createElement("div", { className: "table-wrapper case-labels-empty-state" },
+            React.createElement(EmptyState, { headingLevel: "h2", icon: CubesIcon, titleText: t('Create your first case label'), variant: EmptyStateVariant.lg },
+                React.createElement(EmptyStateBody, null,
+                    React.createElement(Trans, null, "Case labels help you organize and categorize cases with custom tags, making them easier to find, filter, and manage.")),
+                React.createElement(EmptyStateFooter, null,
+                    React.createElement(Button, { variant: ButtonVariant.link, onClick: onOpenAddModal, "data-tracking-id": "case-label-empty-create-button" },
+                        React.createElement(Trans, null, "Create label")))))) : (React.createElement(ManageTable, { ariaLabel: t('Table to manage case labels'), columns: columns, data: filteredLabels, errorVariant: AlertVariant.warning, isFetching: isFetchingLabels, isError: !!labelsError, errorTitle: t('Case labels error'), errorComponent: React.createElement(Trans, null, "Could not get case labels"), pagination: false, noResultText: t('There are no results to display. Try adding a case label or refining your search') })))));
+}

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

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

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

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

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 };
+}