@rh-support/troubleshoot 2.6.353 → 2.6.357

package/lib/esm/hooks/useCaseComments/mapCaseComment.js

@@ -0,0 +1,75 @@
+import { unescape } from 'lodash';
+/**
+ * Decodes numeric (&#nn;) and hex (&#xHH;) HTML character references
+ * that lodash `unescape` does not handle.
+ */
+function decodeNumericEntities(text) {
+    return text
+        .replaceAll(/&#x([0-9a-fA-F]+);/g, (_, hex) => String.fromCodePoint(Number.parseInt(hex, 16)))
+        .replaceAll(/&#(\d+);/g, (_, dec) => String.fromCodePoint(Number.parseInt(dec, 10)));
+}
+/**
+ * The GraphQL API HTML-encodes comment bodies on storage/retrieval
+ * (e.g. > becomes >, & becomes &). Two-pass decode
+ * handles both single- and double-encoded entities, plus numeric refs.
+ *
+ * TODO: The double-encoding is a backend bug in the Salesforce UIAPI — it encodes on both
+ * write and read. Once the backend is fixed, replace with a single `unescape(text)` call.
+ */
+export function decodeHtmlEntities(text) {
+    let decoded = unescape(unescape(text));
+    decoded = decodeNumericEntities(decoded);
+    return decoded;
+}
+/**
+ * Derives the comment author type with priority: Associate > Customer.
+ * Falls back to 'Customer' when no flags match.
+ */
+export function deriveCreatedByType(isAssociate, isCustomer) {
+    if (isAssociate)
+        return 'Associate';
+    if (isCustomer)
+        return 'Customer';
+    return 'Customer';
+}
+export function deriveIsPublic(visibility) {
+    if (!visibility)
+        return false;
+    return visibility === 'Public';
+}
+export function mapVisibility(isPublic) {
+    return isPublic ? 'Public' : 'Private';
+}
+/**
+ * Converts a raw Salesforce CaseComment GraphQL node (with wrapped `{ value }` fields)
+ * into the flat ICaseComment interface expected by the discussion UI layer.
+ */
+export function mapCaseCommentNode(node) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const rawBody = (_b = (_a = node.Body__c) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
+    const body = decodeHtmlEntities(rawBody);
+    const visibility = (_d = (_c = node.Visibility__c) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : null;
+    return {
+        id: node.Id,
+        commentBody: body,
+        createdBy: (_g = (_f = (_e = node.CreatedBy) === null || _e === void 0 ? void 0 : _e.Name) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : '',
+        createdByType: deriveCreatedByType(!!((_h = node.IsAssociate__c) === null || _h === void 0 ? void 0 : _h.value), !!((_j = node.IsCustomer__c) === null || _j === void 0 ? void 0 : _j.value)),
+        lastModifiedById: (_m = (_l = (_k = node.LastModifiedBy) === null || _k === void 0 ? void 0 : _k.Name) === null || _l === void 0 ? void 0 : _l.value) !== null && _m !== void 0 ? _m : '',
+        lastModifiedDate: (_p = (_o = node.LastModifiedDate) === null || _o === void 0 ? void 0 : _o.value) !== null && _p !== void 0 ? _p : '',
+        createdDate: (_r = (_q = node.CreatedDate) === null || _q === void 0 ? void 0 : _q.value) !== null && _r !== void 0 ? _r : '',
+        visibility: visibility !== null && visibility !== void 0 ? visibility : undefined,
+        isPublic: deriveIsPublic(visibility),
+        contentType: 'markdown',
+        isDraft: false,
+        publishedDate: '',
+    };
+}
+export function mapCaseCommentsResponse(data) {
+    var _a, _b, _c;
+    if (!data)
+        return [];
+    const edges = (_c = (_b = (_a = data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseComment__c) === null || _c === void 0 ? void 0 : _c.edges;
+    if (!edges)
+        return [];
+    return edges.map((edge) => mapCaseCommentNode(edge.node));
+}

package/lib/esm/hooks/useCaseComments/types.d.ts

@@ -0,0 +1,85 @@
+export interface ISalesforceStringField {
+    value: string | null;
+}
+export interface ISalesforceBooleanField {
+    value: boolean | null;
+}
+export interface ISalesforcePicklistField {
+    value: string | null;
+    displayValue: string | null;
+}
+export interface ICaseCommentCreatedBy {
+    Name: ISalesforceStringField;
+}
+export interface ICaseCommentLastModifiedBy {
+    Name: ISalesforceStringField;
+}
+export interface ICaseCommentNode {
+    Id: string;
+    Name: ISalesforceStringField;
+    Body__c: ISalesforceStringField;
+    CreatedBy: ICaseCommentCreatedBy;
+    IsCustomer__c: ISalesforceBooleanField;
+    IsAssociate__c: ISalesforceBooleanField;
+    LastModifiedDate: ISalesforceStringField;
+    Visibility__c: ISalesforcePicklistField;
+    LastModifiedBy: ICaseCommentLastModifiedBy;
+    CreatedDate: ISalesforceStringField;
+}
+export interface ICaseCommentEdge {
+    node: ICaseCommentNode;
+}
+export interface ICaseCommentsConnection {
+    edges: ICaseCommentEdge[];
+}
+export interface IGetCaseCommentsQueryResponse {
+    redhat_support_uiapi: {
+        query: {
+            RedHatSupportCaseComment__c: ICaseCommentsConnection;
+        };
+    };
+}
+export interface ICaseCommentsFilter {
+    Case__c: {
+        eq: string;
+    };
+    Visibility__c?: {
+        eq: string;
+    };
+}
+export interface ICaseCommentsVariables {
+    filter: ICaseCommentsFilter;
+    orderBy?: Record<string, {
+        order: 'ASC' | 'DESC';
+    }>;
+    first?: number;
+}
+export interface IUseCaseCommentsOptions {
+    caseId: string;
+    skip?: boolean;
+    orderBy?: Record<string, {
+        order: 'ASC' | 'DESC';
+    }>;
+    first?: number;
+    /** When true, only Public comments are fetched (external / customer users). */
+    publicOnly?: boolean;
+}
+export interface ICreateCaseCommentInput {
+    Case__c: string;
+    Body__c: string;
+    Visibility__c: string;
+    IsAssociate__c?: boolean;
+}
+export interface ICreateCaseCommentVariables {
+    commentInput: ICreateCaseCommentInput;
+}
+export interface ICreateCaseCommentResponse {
+    redhat_support_uiapi: {
+        CaseComment__cCreate: {
+            RedHatSupportRecord: {
+                Id: string;
+            };
+        };
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/esm/hooks/useCaseComments/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,wBAAwB;IACrC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IAClC,IAAI,EAAE,sBAAsB,CAAC;CAChC;AAED,MAAM,WAAW,0BAA0B;IACvC,IAAI,EAAE,sBAAsB,CAAC;CAChC;AAED,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,sBAAsB,CAAC;IAC7B,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,EAAE,qBAAqB,CAAC;IACjC,aAAa,EAAE,uBAAuB,CAAC;IACvC,cAAc,EAAE,uBAAuB,CAAC;IACxC,gBAAgB,EAAE,sBAAsB,CAAC;IACzC,aAAa,EAAE,wBAAwB,CAAC;IACxC,cAAc,EAAE,0BAA0B,CAAC;IAC3C,WAAW,EAAE,sBAAsB,CAAC;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,gBAAgB,CAAC;CAC1B;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,6BAA6B;IAC1C,oBAAoB,EAAE;QAClB,KAAK,EAAE;YACH,2BAA2B,EAAE,uBAAuB,CAAC;SACxD,CAAC;KACL,CAAC;CACL;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACxB,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC;AAED,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,uBAAuB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,2BAA2B;IACxC,YAAY,EAAE,uBAAuB,CAAC;CACzC;AAED,MAAM,WAAW,0BAA0B;IACvC,oBAAoB,EAAE;QAClB,oBAAoB,EAAE;YAClB,mBAAmB,EAAE;gBACjB,EAAE,EAAE,MAAM,CAAC;aACd,CAAC;SACL,CAAC;KACL,CAAC;CACL"}

package/lib/esm/hooks/useCaseComments/types.js

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

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

@@ -0,0 +1,17 @@
+import { ICaseComment } from '@cee-eng/hydrajs/@types/api/public/case';
+import { IUseCaseCommentsOptions } from './types';
+interface IUseCaseCommentsReturn {
+    comments: ICaseComment[];
+    loading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<unknown>;
+}
+/**
+ * Fetches case comments from the Salesforce GraphQL API for a given case ID.
+ * Supports custom sort ordering and pagination clamping (1–2000 records).
+ * External / customer users (no VIEW_PRIVATE_COMMENT) only receive Public comments.
+ * Returns mapped ICaseComment[] along with loading, error, and refetch handles.
+ */
+export declare function useCaseComments({ caseId, skip, orderBy, first, publicOnly, }: IUseCaseCommentsOptions): IUseCaseCommentsReturn;
+export {};
+//# sourceMappingURL=useCaseComments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCaseComments.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/useCaseComments.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAOvE,OAAO,EAAuB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvE,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CACnC;AAeD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC5B,MAAM,EACN,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,GACb,EAAE,uBAAuB,GAAG,sBAAsB,CAqBlD"}

package/lib/esm/hooks/useCaseComments/useCaseComments.js

@@ -0,0 +1,38 @@
+import { useQuery } from '@apollo/client/react';
+import { ability, CaseDiscussionFields, resourceActions, resources } from '@rh-support/user-permissions';
+import clamp from 'lodash/clamp';
+import { useMemo } from 'react';
+import { GET_CASE_COMMENTS } from './caseCommentsQuery';
+import { mapCaseCommentsResponse } from './mapCaseComment';
+const MAX_FIRST = 2000;
+const MIN_FIRST = 1;
+function buildCaseCommentsFilter(caseId, publicOnly) {
+    if (publicOnly) {
+        return {
+            Case__c: { eq: caseId },
+            Visibility__c: { eq: 'Public' },
+        };
+    }
+    return { Case__c: { eq: caseId } };
+}
+/**
+ * Fetches case comments from the Salesforce GraphQL API for a given case ID.
+ * Supports custom sort ordering and pagination clamping (1–2000 records).
+ * External / customer users (no VIEW_PRIVATE_COMMENT) only receive Public comments.
+ * Returns mapped ICaseComment[] along with loading, error, and refetch handles.
+ */
+export function useCaseComments({ caseId, skip, orderBy, first, publicOnly, }) {
+    const canSeePrivateComments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.VIEW_PRIVATE_COMMENT);
+    const shouldFilterPublicOnly = publicOnly !== null && publicOnly !== void 0 ? publicOnly : !canSeePrivateComments;
+    const { data, loading, error, refetch } = useQuery(GET_CASE_COMMENTS, {
+        variables: {
+            filter: buildCaseCommentsFilter(caseId, shouldFilterPublicOnly),
+            orderBy: orderBy !== null && orderBy !== void 0 ? orderBy : { LastModifiedDate: { order: 'DESC' } },
+            first: clamp(first !== null && first !== void 0 ? first : MAX_FIRST, MIN_FIRST, MAX_FIRST),
+        },
+        skip: skip || !caseId,
+        fetchPolicy: 'cache-and-network',
+    });
+    const comments = useMemo(() => mapCaseCommentsResponse(data), [data]);
+    return { comments, loading, error, refetch };
+}

package/lib/esm/hooks/useCaseComments/useCreateCaseComment.d.ts

@@ -0,0 +1,19 @@
+interface ICreateCaseCommentOptions {
+    caseId: string;
+    body: string;
+    isPublic?: boolean;
+    isAssociate?: boolean;
+}
+interface IUseCreateCaseCommentReturn {
+    createComment: (options: ICreateCaseCommentOptions) => Promise<unknown>;
+    loading: boolean;
+    error: Error | undefined;
+}
+/**
+ * Wraps the CREATE_CASE_COMMENT GraphQL mutation.
+ * Returns a `createComment` callback that accepts caseId, body, visibility,
+ * and associate flag, along with the mutation's loading and error state.
+ */
+export declare function useCreateCaseComment(): IUseCreateCaseCommentReturn;
+export {};
+//# sourceMappingURL=useCreateCaseComment.d.ts.map

package/lib/esm/hooks/useCaseComments/useCreateCaseComment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateCaseComment.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/useCreateCaseComment.ts"],"names":[],"mappings":"AAKA,UAAU,yBAAyB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,2BAA2B;IACjC,aAAa,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxE,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,2BAA2B,CAiBlE"}

package/lib/esm/hooks/useCaseComments/useCreateCaseComment.js

@@ -0,0 +1,33 @@
+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 { useMutation } from '@apollo/client/react';
+import { CREATE_CASE_COMMENT, sanitizeForSalesforce } from '@rh-support/utils';
+import { mapVisibility } from './mapCaseComment';
+/**
+ * Wraps the CREATE_CASE_COMMENT GraphQL mutation.
+ * Returns a `createComment` callback that accepts caseId, body, visibility,
+ * and associate flag, along with the mutation's loading and error state.
+ */
+export function useCreateCaseComment() {
+    const [mutate, { loading, error }] = useMutation(CREATE_CASE_COMMENT);
+    const createComment = (_a) => __awaiter(this, [_a], void 0, function* ({ caseId, body, isPublic = true, isAssociate = false }) {
+        return mutate({
+            variables: {
+                commentInput: {
+                    Case__c: caseId,
+                    Body__c: sanitizeForSalesforce(body),
+                    Visibility__c: mapVisibility(isPublic),
+                    IsAssociate__c: isAssociate,
+                },
+            },
+        });
+    });
+    return { createComment, loading, error };
+}

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

@@ -0,0 +1,3 @@
+export declare function useCaseGroupUiState(): any;
+export declare function useShowCaseGroupField(): boolean;
+//# sourceMappingURL=useCaseGroupUiState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCaseGroupUiState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseGroupUiState.ts"],"names":[],"mappings":"AAKA,wBAAgB,mBAAmB,QAElC;AAED,wBAAgB,qBAAqB,YAGpC"}

package/lib/esm/hooks/useCaseGroupUiState.js

@@ -0,0 +1,10 @@
+import isEqual from 'lodash/isEqual';
+import { useCaseSelector } from '../context/CaseContext';
+import { getCaseGroupUiState } from '../reducers/CaseHelpers';
+export function useCaseGroupUiState() {
+    return useCaseSelector((state) => getCaseGroupUiState(state), isEqual);
+}
+export function useShowCaseGroupField() {
+    const { shouldHideSelector, groupsLoaded } = useCaseGroupUiState();
+    return !shouldHideSelector || !groupsLoaded;
+}

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

@@ -0,0 +1,26 @@
+import { type TypedDocumentNode } from '@apollo/client';
+import type { ICaseHistoryItem, IGetCaseHistoryData, IGetCaseHistoryVars } from '../models/caseHistory';
+/**
+ * OldValue/NewValue use inline fragments with aliased fields (e.g. `stringValue: value`).
+ * These aliases produce the property names that `extractStringValue` checks against.
+ * Changing an alias here without updating `extractStringValue` will silently break
+ * value extraction.
+ *
+ * Supported value types (members of the RedHat_Support_AnyType union):
+ * - RedHatSupportStringValue → stringValue
+ * - RedHatSupportBooleanValue → booleanValue
+ * - RedHatSupportDoubleValue → doubleValue
+ * - RedHatSupportDateTimeValue → dateTimeValue
+ *
+ * `first` defaults to 2000 — a practical cap that covers all observed real-world case
+ * histories while staying well within the SF API limit.
+ */
+export declare const GET_CASE_HISTORY: TypedDocumentNode<IGetCaseHistoryData, IGetCaseHistoryVars>;
+interface UseCaseHistoryResult {
+    historyItems: ICaseHistoryItem[];
+    loading: boolean;
+    error: Error | undefined;
+}
+export declare function useCaseHistory(caseId: string | undefined, first?: number): UseCaseHistoryResult;
+export {};
+//# sourceMappingURL=useCaseHistory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCaseHistory.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseHistory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAO,MAAM,gBAAgB,CAAC;AAI7D,OAAO,KAAK,EAER,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACtB,MAAM,uBAAuB,CAAC;AAG/B;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,mBAAmB,EAAE,mBAAmB,CA6DxF,CAAC;AAEF,UAAU,oBAAoB;IAC1B,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,SAAO,GAAG,oBAAoB,CAgB7F"}

package/lib/esm/hooks/useCaseHistory.js

@@ -0,0 +1,98 @@
+import { gql } from '@apollo/client';
+import { useQuery } from '@apollo/client/react';
+import { useMemo } from 'react';
+import { filterSfdcIdEntries, normalizeNodeToHistoryItem } from '../utils/caseHistoryUtils';
+/**
+ * OldValue/NewValue use inline fragments with aliased fields (e.g. `stringValue: value`).
+ * These aliases produce the property names that `extractStringValue` checks against.
+ * Changing an alias here without updating `extractStringValue` will silently break
+ * value extraction.
+ *
+ * Supported value types (members of the RedHat_Support_AnyType union):
+ * - RedHatSupportStringValue → stringValue
+ * - RedHatSupportBooleanValue → booleanValue
+ * - RedHatSupportDoubleValue → doubleValue
+ * - RedHatSupportDateTimeValue → dateTimeValue
+ *
+ * `first` defaults to 2000 — a practical cap that covers all observed real-world case
+ * histories while staying well within the SF API limit.
+ */
+export const GET_CASE_HISTORY = gql `
+    query GetCaseHistory($caseId: ID!, $first: Int = 2000) {
+        redhat_support_uiapi {
+            query {
+                RedHatSupportCaseHistory(first: $first, where: { CaseId: { eq: $caseId } }) {
+                    edges {
+                        node {
+                            Id
+                            RedHatSupportField {
+                                value
+                                displayValue
+                                label
+                            }
+                            OldValue {
+                                ... on RedHatSupportStringValue {
+                                    stringValue: value
+                                }
+                                ... on RedHatSupportBooleanValue {
+                                    booleanValue: value
+                                }
+                                ... on RedHatSupportDoubleValue {
+                                    doubleValue: value
+                                }
+                                ... on RedHatSupportDateTimeValue {
+                                    dateTimeValue: value
+                                }
+                            }
+                            NewValue {
+                                ... on RedHatSupportStringValue {
+                                    stringValue: value
+                                }
+                                ... on RedHatSupportBooleanValue {
+                                    booleanValue: value
+                                }
+                                ... on RedHatSupportDoubleValue {
+                                    doubleValue: value
+                                }
+                                ... on RedHatSupportDateTimeValue {
+                                    dateTimeValue: value
+                                }
+                            }
+                            CreatedBy {
+                                Name {
+                                    value
+                                }
+                                UserType {
+                                    value
+                                }
+                                SmallPhotoUrl {
+                                    value
+                                }
+                            }
+                            CreatedDate {
+                                value
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+`;
+export function useCaseHistory(caseId, first = 2000) {
+    const { data, loading, error } = useQuery(GET_CASE_HISTORY, {
+        variables: { caseId: caseId || '', first },
+        // Empty string = no case selected; skip avoids a wasted network request.
+        skip: !caseId,
+        // Shows cached data immediately while revalidating, avoiding a loading flash on re-visits.
+        fetchPolicy: 'cache-and-network',
+    });
+    const historyItems = useMemo(() => {
+        var _a, _b, _c;
+        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.RedHatSupportCaseHistory) === null || _c === void 0 ? void 0 : _c.edges;
+        if (!edges)
+            return [];
+        return filterSfdcIdEntries(edges).map(normalizeNodeToHistoryItem);
+    }, [data]);
+    return { historyItems, loading, error };
+}

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

@@ -0,0 +1,21 @@
+export interface LabelOption {
+    id: string;
+    name: string;
+}
+export interface LabelLink {
+    linkId: string;
+    labelId: string;
+}
+interface UseCaseLabelLinksResult {
+    availableLabels: LabelOption[];
+    assignedLinks: LabelLink[];
+    selectedLabelIds: string[];
+    loading: boolean;
+    mutating: boolean;
+    setAssignedLinks: React.Dispatch<React.SetStateAction<LabelLink[]>>;
+    createLink: (caseId: string, labelId: string) => Promise<string | undefined>;
+    deleteLink: (linkId: string) => Promise<void>;
+}
+export declare function useCaseLabelLinks(salesforceAccountId?: string, caseId?: string): UseCaseLabelLinksResult;
+export {};
+//# sourceMappingURL=useCaseLabelLinkMutations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCaseLabelLinkMutations.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseLabelLinkMutations.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC7B,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,aAAa,EAAE,SAAS,EAAE,CAAC;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7E,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED,wBAAgB,iBAAiB,CAAC,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,uBAAuB,CAgGxG"}

package/lib/esm/hooks/useCaseLabelLinkMutations.js

@@ -0,0 +1,91 @@
+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_LINK, DELETE_CASE_LABEL_LINK, GET_CASE_LABEL_LINKS, GET_CASE_LABELS, } from '@rh-support/utils';
+import unescape from 'lodash/unescape';
+import { useCallback, useEffect, useState } from 'react';
+export function useCaseLabelLinks(salesforceAccountId, caseId) {
+    const client = useApolloClient();
+    const [availableLabels, setAvailableLabels] = useState([]);
+    const [assignedLinks, setAssignedLinks] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const fetchData = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        if (!salesforceAccountId || !caseId)
+            return;
+        setLoading(true);
+        try {
+            const [labelsResult, linksResult] = yield Promise.all([
+                client.query({
+                    query: GET_CASE_LABELS,
+                    variables: { where: { Account__c: { eq: salesforceAccountId } } },
+                    fetchPolicy: 'network-only',
+                }),
+                client.query({
+                    query: GET_CASE_LABEL_LINKS,
+                    variables: { where: { Case__c: { eq: caseId } } },
+                    fetchPolicy: 'network-only',
+                }),
+            ]);
+            const labelEdges = (_e = (_d = (_c = (_b = (_a = labelsResult.data) === null || _a === void 0 ? void 0 : _a.redhat_support_uiapi) === null || _b === void 0 ? void 0 : _b.query) === null || _c === void 0 ? void 0 : _c.RedHatSupportCaseLabel__c) === null || _d === void 0 ? void 0 : _d.edges) !== null && _e !== void 0 ? _e : [];
+            setAvailableLabels(labelEdges
+                .map(({ node }) => {
+                var _a, _b;
+                return ({
+                    id: node.Id,
+                    name: unescape((_b = (_a = node.Name) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''),
+                });
+            })
+                .filter((l) => l.id && l.name));
+            const linkEdges = (_k = (_j = (_h = (_g = (_f = linksResult.data) === null || _f === void 0 ? void 0 : _f.redhat_support_uiapi) === null || _g === void 0 ? void 0 : _g.query) === null || _h === void 0 ? void 0 : _h.RedHatSupportCaseLabelLink__c) === null || _j === void 0 ? void 0 : _j.edges) !== null && _k !== void 0 ? _k : [];
+            setAssignedLinks(linkEdges
+                .filter(({ node }) => { var _a; return node.Id && ((_a = node.Label__c) === null || _a === void 0 ? void 0 : _a.value); })
+                .map(({ node }) => ({
+                linkId: node.Id,
+                labelId: node.Label__c.value,
+            })));
+        }
+        catch (_l) {
+            setAvailableLabels([]);
+            setAssignedLinks([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [client, salesforceAccountId, caseId]);
+    useEffect(() => {
+        fetchData();
+    }, [fetchData]);
+    const [createMutate, { loading: createLoading }] = useMutation(CREATE_CASE_LABEL_LINK);
+    const createLink = useCallback((caseSfId, labelId) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        const result = yield createMutate({
+            variables: {
+                input: { RedHatSupportCaseLabelLink__c: { Case__c: caseSfId, Label__c: labelId } },
+            },
+        });
+        return (_d = (_c = (_b = (_a = result.data) === null || _a === void 0 ? void 0 : _a.redhat_support_uiapi) === null || _b === void 0 ? void 0 : _b.CaseLabelLink__cCreate) === null || _c === void 0 ? void 0 : _c.RedHatSupportRecord) === null || _d === void 0 ? void 0 : _d.Id;
+    }), [createMutate]);
+    const [deleteMutate, { loading: deleteLoading }] = useMutation(DELETE_CASE_LABEL_LINK);
+    const deleteLink = useCallback((linkId) => __awaiter(this, void 0, void 0, function* () {
+        yield deleteMutate({ variables: { id: linkId } });
+    }), [deleteMutate]);
+    const selectedLabelIds = assignedLinks.map((link) => link.labelId);
+    return {
+        availableLabels,
+        assignedLinks,
+        selectedLabelIds,
+        loading,
+        mutating: createLoading || deleteLoading,
+        setAssignedLinks,
+        createLink,
+        deleteLink,
+    };
+}

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

@@ -1,4 +1,4 @@
 export declare function useCaseUpdateErrorMessage(): {
-    showError: (e: any, message500: any) => void;
+    showError: (e: any, fallbackMessage: string) => void;
 };
 //# sourceMappingURL=useCaseUpdateErrorMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCaseUpdateErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseUpdateErrorMessage.ts"],"names":[],"mappings":"AAIA,wBAAgB,yBAAyB;;EAaxC"}
+{"version":3,"file":"useCaseUpdateErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseUpdateErrorMessage.ts"],"names":[],"mappings":"AAGA,wBAAgB,yBAAyB;yCAEE,MAAM;EAyBhD"}

package/lib/esm/hooks/useCaseUpdateErrorMessage.js

@@ -1,17 +1,27 @@
-import { formattedApiErrorMessage, ToastNotification } from '@rh-support/components';
+import { formattedApiErrorMessage, getDirectErrorMessage, ToastNotification } from '@rh-support/components';
 import { useTranslation } from 'react-i18next';
-// TO DO
 export function useCaseUpdateErrorMessage() {
     const { t } = useTranslation();
-    const showError = (e, message500) => {
-        const errorMessage = formattedApiErrorMessage(e, {
-            '500': { title: t('There was a problem with your request'), message: message500 },
-            '403': {
-                title: t('There was a problem with your request'),
-                message: t('You are not authorized to update this case.'),
-            },
-        });
-        ToastNotification.addDangerMessage(errorMessage);
+    const showError = (e, fallbackMessage) => {
+        const errorCode = Number.parseInt((e === null || e === void 0 ? void 0 : e.code) || (e === null || e === void 0 ? void 0 : e.status)) || 0;
+        const hasSpecificHandler = errorCode === 500 || errorCode === 403;
+        if (hasSpecificHandler) {
+            const errorMessage = formattedApiErrorMessage(e, {
+                '500': { title: t('There was a problem with your request'), message: t(fallbackMessage) },
+                '403': {
+                    title: t('There was a problem with your request'),
+                    message: t('You are not authorized to update this case.'),
+                },
+            });
+            ToastNotification.addDangerMessage(errorMessage);
+            return;
+        }
+        const directMessage = getDirectErrorMessage(e);
+        if (directMessage) {
+            ToastNotification.addDangerMessage(directMessage);
+            return;
+        }
+        ToastNotification.addDangerMessage(fallbackMessage);
     };
     return { showError };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useResetCaseCreate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResetCaseCreate.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,kBAAkB;;EA2CjC"}
+{"version":3,"file":"useResetCaseCreate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResetCaseCreate.tsx"],"names":[],"mappings":"AAcA,wBAAgB,kBAAkB;;EAsCjC"}