@rh-support/manage 2.5.272 → 2.5.276

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,EAE5B,KAAK,uBAAuB,EAQ/B,MAAM,mBAAmB,CAAC;AAI3B,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,CA8BrE;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,CA4B7D;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,104 @@
+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 { CASE_LABEL_QUERY_LIMIT, CREATE_CASE_LABEL, DELETE_CASE_LABEL, fetchAllAccountCaseLabels, GET_CASE_LABELS, UPDATE_CASE_LABEL, } from '@rh-support/utils';
+import unescape from 'lodash/unescape';
+import { useCallback, useEffect, useState } from 'react';
+const mapCaseLabelNode = (node) => {
+    var _a, _b, _c, _d;
+    return ({
+        id: node.Id,
+        name: unescape((_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* () {
+        if (!accountId) {
+            setLabels([]);
+            return;
+        }
+        setLoading(true);
+        setError(undefined);
+        try {
+            const labelNodes = yield fetchAllAccountCaseLabels(client, accountId);
+            setLabels(labelNodes.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,
+                    },
+                },
+            },
+            refetchQueries: [
+                {
+                    query: GET_CASE_LABELS,
+                    variables: {
+                        where: { Account__c: { eq: accountId } },
+                        first: CASE_LABEL_QUERY_LIMIT,
+                    },
+                },
+            ],
+            awaitRefetchQueries: true,
+        });
+        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/hooks/useVersionsDiffer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVersionsDiffer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVersionsDiffer.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,qBAAqB,MAAM,EAAE,sBAAsB,MAAM,KAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAuD/G,CAAC"}
+{"version":3,"file":"useVersionsDiffer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVersionsDiffer.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,qBAAqB,MAAM,EAAE,sBAAsB,MAAM,KAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAwD/G,CAAC"}

package/lib/esm/index.js

@@ -2,3 +2,4 @@
 export { Manage } from './Manage';
 export { TopContentManagement } from './components/TopContentManagement';
 export { ExpiredContentManagement } from './components/ManageExpiredContents';
+// dummy change for publish

package/lib/esm/scss/_main.scss

@@ -179,6 +179,7 @@
         border-radius: 8px;
         border-top-right-radius: 0px;
         border-top-left-radius: 0px;
+        overflow: hidden;
 
         .pf-v6-c-table__th {
             font-size: 14px;
@@ -194,6 +195,10 @@
         tbody:first-of-type {
             border-top: none;
         }
+
+        tbody:last-of-type tr:last-child {
+            border-bottom: none;
+        }
         .bookmark-alert {
             margin-left: 1rem;
             margin-right: 1rem;
@@ -428,6 +433,78 @@ 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-labels-empty-state {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 20rem;
+        padding: var(--pf-t--global--spacer--2xl) var(--pf-t--global--spacer--lg);
+        background-color: var(--pf-t--global--background--color--primary--default);
+    }
+}
+
+.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/lib/esm/utils/caseGroupMapper.d.ts

@@ -0,0 +1,18 @@
+import type { ICaseGroup, IGroupUser } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import type { CaseGroupMemberNode, CaseGroupNode } from '@rh-support/utils';
+/** Extends the hydrajs IGroupUser with the Salesforce Contact record Id needed for mutations like ContactUpdate. */
+export interface IGroupUserWithContactId extends IGroupUser {
+    contactSfId: string;
+    memberRecordId: string;
+}
+/**
+ * Maps a Salesforce GraphQL CaseGroupNode to the legacy ICaseGroup shape
+ * used throughout the application.
+ */
+export declare function mapCaseGroupNodeToICaseGroup(node: CaseGroupNode, isDefault?: boolean): ICaseGroup;
+/**
+ * Maps a Salesforce GraphQL CaseGroupMemberNode to the legacy IGroupUser shape.
+ * Derives `isDefault` by comparing the contact's DefaultCaseGroup__c against the current group Id.
+ */
+export declare function mapCaseGroupMemberNodeToIGroupUser(node: CaseGroupMemberNode, groupId: string): IGroupUserWithContactId;
+//# sourceMappingURL=caseGroupMapper.d.ts.map

package/lib/esm/utils/caseGroupMapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caseGroupMapper.d.ts","sourceRoot":"","sources":["../../../src/utils/caseGroupMapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG5E,oHAAoH;AACpH,MAAM,WAAW,uBAAwB,SAAQ,UAAU;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,UAAQ,GAAG,UAAU,CAS/F;AAED;;;GAGG;AACH,wBAAgB,kCAAkC,CAC9C,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,MAAM,GAChB,uBAAuB,CA6BzB"}

package/lib/esm/utils/caseGroupMapper.js

@@ -0,0 +1,50 @@
+import unescape from 'lodash/unescape';
+/**
+ * Maps a Salesforce GraphQL CaseGroupNode to the legacy ICaseGroup shape
+ * used throughout the application.
+ */
+export function mapCaseGroupNodeToICaseGroup(node, isDefault = false) {
+    var _a;
+    return {
+        groupNum: node.Id,
+        name: unescape((_a = node.Name.displayValue) !== null && _a !== void 0 ? _a : node.Name.value),
+        isPrivate: false,
+        isDefault,
+        defaultMembers: [],
+        members: [],
+    };
+}
+/**
+ * Maps a Salesforce GraphQL CaseGroupMemberNode to the legacy IGroupUser shape.
+ * Derives `isDefault` by comparing the contact's DefaultCaseGroup__c against the current group Id.
+ */
+export function mapCaseGroupMemberNodeToIGroupUser(node, groupId) {
+    var _a, _b, _c, _d;
+    const contact = node.Contact__r;
+    if (!contact) {
+        return {
+            firstName: '',
+            lastName: '',
+            isOrgAdmin: false,
+            access: true,
+            write: false,
+            isDefault: false,
+            ssoUsername: '',
+            email: '',
+            contactSfId: '',
+            memberRecordId: node.Id || '',
+        };
+    }
+    return {
+        firstName: (_a = contact.FirstName.displayValue) !== null && _a !== void 0 ? _a : contact.FirstName.value,
+        lastName: (_b = contact.LastName.displayValue) !== null && _b !== void 0 ? _b : contact.LastName.value,
+        isOrgAdmin: contact.IsOrgAdmin__c.value,
+        access: true,
+        write: false,
+        isDefault: ((_c = contact.DefaultCaseGroup__c) === null || _c === void 0 ? void 0 : _c.value) === groupId,
+        ssoUsername: contact.SSOUserName__c.value,
+        email: (_d = contact.Email.displayValue) !== null && _d !== void 0 ? _d : contact.Email.value,
+        contactSfId: contact.Id,
+        memberRecordId: node.Id,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.5.272",
+    "version": "2.5.276",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -41,7 +41,8 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.18.111",
+        "@apollo/client": "^4.1.6",
+        "@cee-eng/hydrajs": "^4.18.114",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
@@ -53,6 +54,8 @@
         "react-router-dom": "^5.1.2"
     },
     "devDependencies": {
+        "@patternfly/react-styles": "^6.2.1",
+        "@patternfly/react-tokens": "^6.2.1",
         "@testing-library/jest-dom": "^6.2.0",
         "@testing-library/react": "^14.1.2",
         "@testing-library/user-event": "^14.5.1",
@@ -71,16 +74,16 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.111",
+        "@cee-eng/hydrajs": "^4.18.114",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.223",
+        "@rh-support/components": "2.5.226",
         "@rh-support/configs": "2.0.75",
-        "@rh-support/react-context": "2.5.319",
+        "@rh-support/react-context": "2.5.322",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.170",
-        "@rh-support/utils": "2.5.149",
+        "@rh-support/user-permissions": "2.5.174",
+        "@rh-support/utils": "2.5.153",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": "^23.15.0",
         "lodash": ">=4.17.15",
@@ -99,5 +102,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "91484dc6ea9833f72f85919ee4da022cba93d3c8"
+    "gitHead": "7e9d99cabdfd48a98e1fda53bd6747c1797c548c"
 }