@rh-support/cases 2.6.173 → 2.6.181

package/lib/esm/components/case-list/case-search/CaseSearch.js

@@ -6,7 +6,7 @@ import React, { useCallback, useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseSearchQueryType } from '../../../enums/caseSearch';
 import { createFilterStateFromAdvancedQuery, createUserFriendlyQueryFromFilterStateAdvancedSearch, } from '../../../utils/caseSearchUtils';
-import { useCaseListStateContext } from '../CaseListContext';
+// import { useCaseListStateContext } from '../CaseListContext';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext, initialPaginationInfo, } from '../CaseListFilterContext';
 import { initialFilterInfo, updateFilterQuery, updateFilterState } from '../CaseListFilterReducer';
 import { AdvanceSearch } from './AdvanceSearch';
@@ -21,7 +21,7 @@ export function CaseSearch(props) {
     const [searchVal, setSearchVal] = useState(filterQueryInfo.queryString);
     const [isAdvancedSearchValid, setIsAdvancedSearchValid] = useState(true);
     const dispatch = useContext(CaseListFilterDispatchContext);
-    const { isFetching } = useCaseListStateContext();
+    // const { isFetching } = useCaseListStateContext();
     const getType = useCallback(() => (filterQueryInfo === null || filterQueryInfo === void 0 ? void 0 : filterQueryInfo.type) || CaseSearchQueryType.BASIC, [filterQueryInfo === null || filterQueryInfo === void 0 ? void 0 : filterQueryInfo.type]);
     // on queryString and parsedQuery change need to update search
     useEffect(() => {
@@ -98,16 +98,16 @@ export function CaseSearch(props) {
             React.createElement("div", { className: "case-search-input-container" },
                 React.createElement(SearchInput, { className: "pf-v6-u-w-100 case-search-input", placeholder: t('Search by keyword or case ID'), value: searchVal === null || searchVal === void 0 ? void 0 : searchVal.trim(), "data-tracking-id": "search-cases-text-input", id: "case-search-basic", "aria-label": t('Search by keyword or case ID'), onChange: (_event, val) => onSearchValChange(val), onClear: clearSearchVal }),
                 React.createElement(Button, { variant: "primary", type: "submit", className: "search-btn", "data-tracking-id": "case-list-search-button", isDisabled: isSearchButtonDisabled },
-                    React.createElement(Trans, null, "Search")),
-                canUseAdvancedSearch && (React.createElement(Button, { variant: "link", onClick: () => onSearchTypeChange(CaseSearchQueryType.ADVANCED), isDisabled: isFetching, "data-tracking-id": "case-list-adv-toggle-button", className: "case-search-toggle secondary-button-pill" },
-                    React.createElement(Trans, null, "Advanced"))))));
+                    React.createElement(Trans, null, "Search")))));
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const renderAdvanceSearch = () => {
         return canUseAdvancedSearch ? (React.createElement(React.Fragment, null,
             React.createElement(AdvanceSearch, { isSearchDisabled: isSearchButtonDisabled, onSearchValChange: onSearchValChange, onSearchClear: clearAdvancedSearchVal, onSearchSubmit: onCaseSearchAdvanced, onSearchTypeChange: onSearchTypeChange, onAdvancedSearchValidation: (isValid) => setIsAdvancedSearchValid(isValid) }))) : (renderBasicSearch());
     };
+    void renderAdvanceSearch;
     return (React.createElement(React.Fragment, null,
         React.createElement("form", { onSubmit: handleSubmit, onKeyDown: handleSearchInputKeyDown },
-            React.createElement("div", { className: "form-group case-search-form-group" }, CaseSearchQueryType.BASIC === getType() ? renderBasicSearch() : renderAdvanceSearch())),
+            React.createElement("div", { className: "form-group case-search-form-group" }, renderBasicSearch())),
         React.createElement(BookmarkedSearchesSelector, { currentCaseSearchString: searchVal === null || searchVal === void 0 ? void 0 : searchVal.trim(), currentSearchType: getType(), isAdvancedSearchValid: isAdvancedSearchValid, defaultSavedSearchName: props.defaultSavedSearchName })));
 }

package/lib/esm/components/case-list/case-search/useAdvanceSearchParser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAdvanceSearchParser.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/useAdvanceSearchParser.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,MAAM,EAAE;;CAAA;yBASzB,MAAM;6BAIF,MAAM;;EA+LzC"}
+{"version":3,"file":"useAdvanceSearchParser.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/useAdvanceSearchParser.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,MAAM,EAAE;;CAAA;yBAUzB,MAAM;6BAIF,MAAM;;EA+LzC"}

package/lib/esm/components/case-list/case-search/useAdvanceSearchParser.js

@@ -5,7 +5,8 @@ import { useEffect, useRef } from 'react';
 import { SolrKeys } from '../../../enums/filters';
 import { useCaseListStateContext } from '../CaseListContext';
 export default function useAdvanceSearchParser({ onInit }) {
-    const { filterValuesFromFacetResponse } = useCaseListStateContext();
+    const caseListState = useCaseListStateContext();
+    const filterValuesFromFacetResponse = caseListState.filterValuesFromFacetResponse || {};
     const { globalMetadataState: { caseGroups, loggedInUsersAccount, bookmarkedGroupAccounts, allCaseTypes }, } = useGlobalStateContext();
     const parserRef = useRef(null);
     const parse = (stringQuery) => {

package/lib/esm/css/caseList.css

@@ -186,11 +186,17 @@
 .cases-main .case-search-table {
     -ms-flex: 1;
     flex-grow: 1;
-    display: block;
-    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
     border-radius: 0 0 16px !important;
 }
 
+.cases-main .case-search-table > .pf-v6-c-scroll-inner-wrapper {
+    overflow-x: auto;
+    flex: 1;
+}
+
 .case-search-bottom .case-list-table-toolbar {
     -ms-flex-align: center;
     align-items: center;
@@ -200,6 +206,10 @@
     background-color: var(--pf-t--color--gray--10);
     border-top: 1px solid var(--pf-t--global--border--color--100);
     border-right: 1px solid var(--pf-t--global--border--color--100);
+    border-bottom: 1px solid var(--pf-t--global--border--color--100);
+    position: sticky;
+    top: 0;
+    z-index: 100;
 }
 
 .case-search-bottom .case-list-table-toolbar .toolbar-actions {
@@ -219,18 +229,21 @@
     color: #06c !important;
 }
 
-.case-search-bottom .case-list-table-toolbar .toolbar-pagination button[disabled] {
-    color: #999;
-}
-
 .case-search-bottom .case-list-table-toolbar button.pf-m-secondary:not([disabled]),
 .case-search-bottom .case-list-table-toolbar button.pf-m-tertiary:not([disabled]),
 .case-search-bottom .case-list-table-toolbar button.pf-m-control:not([disabled]) {
     background-color: #fff;
 }
 
+.case-count-indicator {
+    font-size: 14px !important;
+    line-height: 1.5em;
+    white-space: nowrap;
+    padding-right: 1rem;
+    color: var(--pf-t--global--text--color--regular, #151515);
+}
+
 .cases-main .case-search-table .case-list-table {
-    border-top: 1px solid var(--pf-t--global--border--color--100);
     border-right: 1px solid var(--pf-t--global--border--color--100);
     border-bottom: 1px solid var(--pf-t--global--border--color--100);
 }
@@ -277,17 +290,6 @@
     text-transform: uppercase;
 }
 
-.case-search-bottom .case-search-table footer.toolbar-pagination {
-    margin-top: 0 !important;
-    border-right: 1px solid var(--pf-t--global--border--color--100);
-    border-bottom: 1px solid var(--pf-t--global--border--color--100);
-    border-radius: 16px !important;
-}
-
-.case-search-bottom .case-search-table footer.toolbar-pagination > :first-child {
-    padding: 1rem;
-}
-
 .case-search-bottom #case-filters-panel {
     -ms-flex: 100%;
     flex-basis: 100%;
@@ -300,11 +302,13 @@
     border-right: 1px solid var(--pf-t--global--border--color--100);
     border-bottom: 1px solid var(--pf-t--global--border--color--100);
     border-radius: 0 0 0 16px;
+    align-self: stretch;
 }
 
 .case-search-filters .filter-header {
     min-height: 4rem;
     margin: 0;
+    padding: 0;
 }
 
 .case-search-filters .filter-header .pf-v6-svg {
@@ -349,6 +353,10 @@
     font-size: 1rem;
     font-weight: 600;
     height: 4.3rem;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background-color: #f2f2f2;
 
     .pf-v6-c-button__icon.pf-m-end {
         margin-right: -4px !important;
@@ -359,6 +367,8 @@
 .filter-wrapper {
     padding: 24px;
     background-color: var(--pf-t--color--gray--10);
+    position: relative;
+    z-index: 0;
 }
 
 .filter-wrapper .filter-group > * {
@@ -413,10 +423,6 @@
     .case-search-bottom .case-list-table-toolbar .toolbar-actions > * {
         margin-bottom: 0;
     }
-
-    .case-search-bottom .case-list-table-toolbar .toolbar-pagination {
-        margin-top: 0;
-    }
 }
 
 @media (min-width: 768px) {
@@ -645,3 +651,74 @@ th#product.pf-v6-c-table__th {
 .case-list-table .pf-v6-c-table__button {
     margin-bottom: 0px !important;
 }
+
+.skeleton-loader-row {
+    height: 62px;
+}
+
+.skeleton-loader-row .skeleton-sentinel {
+    display: flex;
+    align-items: center;
+    height: 100%;
+}
+
+.skeleton-loader-row .skeleton-bar {
+    display: block;
+    height: 24px;
+    border-radius: 4px;
+    background-color: #e0e0e0;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.skeleton-loader-row .skeleton-bar--checkbox {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border-radius: 3px;
+}
+
+@keyframes skeleton-pulse {
+    0% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.4;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+.infinite-scroll-footer-message {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 0;
+    position: sticky;
+    left: 0;
+    background-color: #fff;
+}
+
+.infinite-scroll-footer-text,
+.infinite-scroll-alert,
+.infinite-scroll-alert * {
+    font-size: 14px !important;
+}
+
+.infinite-scroll-footer-message .pf-v6-c-alert.pf-m-inline.pf-m-plain {
+    padding: 0;
+}
+
+.infinite-scroll-footer-message .pf-v6-c-button.pf-m-link.pf-m-inline {
+    text-decoration: none;
+}
+
+.infinite-scroll-retry-btn.pf-v6-c-button.pf-m-secondary {
+    border-radius: 999px;
+    padding: 8px 24px;
+    gap: 4px;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.5;
+}

package/lib/esm/enums/case.d.ts

@@ -9,7 +9,7 @@ export declare enum CaseStatus {
 export declare enum CaseSeverity {
     Urgent = "1 - Urgent",
     Important = "2 - Important",
-    Normal = "3 - Normal",
+    Medium = "3 - Medium",
     Low = "4 - Low"
 }
 export declare const caseListFields = "case_createdByName,case_createdDate,case_lastModifiedDate,case_lastModifiedByName,id,uri,case_summary,case_status,case_product,case_version,case_accountNumber,case_number,case_contactName,case_owner,case_severity,case_last_public_update_date,case_last_public_update_by,case_customer_escalation,case_folderName,case_closedDate";
@@ -56,6 +56,7 @@ export declare const caseListSortColumnIdsToSFDCMap: {
     type: SFDCKeys;
     closedDate: SFDCKeys;
 };
+export declare const caseListSortColumnIdsToGraphQLMap: Record<string, string>;
 export declare const caseTableColumSortNamesMap: {
     number: string;
     summary: string;

package/lib/esm/enums/case.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"case.d.ts","sourceRoot":"","sources":["../../../src/enums/case.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE/C,oBAAY,UAAU;IAClB,iBAAiB,wBAAwB;IACzC,eAAe,uBAAuB;IACtC,IAAI,mBAAmB;IACvB,MAAM,WAAW;IACjB,GAAG,cAAc;CACpB;AAED,oBAAY,YAAY;IACpB,MAAM,eAAe;IACrB,SAAS,kBAAkB;IAC3B,MAAM,eAAe;IACrB,GAAG,YAAY;CAClB;AAED,eAAO,MAAM,cAAc,0UACgT,CAAC;AAE5U,oBAAY,iBAAiB;IACzB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,KAAK,gBAAgB;IACrB,OAAO,gBAAgB;IACvB,MAAM,WAAW;IACjB,QAAQ,qBAAqB;IAC7B,iBAAiB,YAAY;IAC7B,aAAa,kBAAkB;IAC/B,KAAK,eAAe;IACpB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,cAAc,eAAe;CAChC;AAED,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;CAa1C,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;CAa1C,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;CAatC,CAAC"}
+{"version":3,"file":"case.d.ts","sourceRoot":"","sources":["../../../src/enums/case.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE/C,oBAAY,UAAU;IAClB,iBAAiB,wBAAwB;IACzC,eAAe,uBAAuB;IACtC,IAAI,mBAAmB;IACvB,MAAM,WAAW;IACjB,GAAG,cAAc;CACpB;AAED,oBAAY,YAAY;IACpB,MAAM,eAAe;IACrB,SAAS,kBAAkB;IAC3B,MAAM,eAAe;IACrB,GAAG,YAAY;CAClB;AAED,eAAO,MAAM,cAAc,0UACgT,CAAC;AAE5U,oBAAY,iBAAiB;IACzB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,KAAK,gBAAgB;IACrB,OAAO,gBAAgB;IACvB,MAAM,WAAW;IACjB,QAAQ,qBAAqB;IAC7B,iBAAiB,YAAY;IAC7B,aAAa,kBAAkB;IAC/B,KAAK,eAAe;IACpB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,cAAc,eAAe;CAChC;AAED,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;CAa1C,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;CAa1C,CAAC;AAGF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWpE,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;CAatC,CAAC"}

package/lib/esm/enums/case.js

@@ -11,7 +11,7 @@ export var CaseSeverity;
 (function (CaseSeverity) {
     CaseSeverity["Urgent"] = "1 - Urgent";
     CaseSeverity["Important"] = "2 - Important";
-    CaseSeverity["Normal"] = "3 - Normal";
+    CaseSeverity["Medium"] = "3 - Medium";
     CaseSeverity["Low"] = "4 - Low";
 })(CaseSeverity || (CaseSeverity = {}));
 export const caseListFields = 'case_createdByName,case_createdDate,case_lastModifiedDate,case_lastModifiedByName,id,uri,case_summary,case_status,case_product,case_version,case_accountNumber,case_number,case_contactName,case_owner,case_severity,case_last_public_update_date,case_last_public_update_by,case_customer_escalation,case_folderName,case_closedDate';
@@ -59,6 +59,19 @@ export const caseListSortColumnIdsToSFDCMap = {
     [CaseListColumnIds.type]: SFDCKeys.caseType,
     [CaseListColumnIds.caseClosedDate]: SFDCKeys.caseClosedDate,
 };
+// Maps CaseListColumnIds to GraphQL SalesforceSupportCase_OrderBy field paths
+export const caseListSortColumnIdsToGraphQLMap = {
+    [CaseListColumnIds.caseId]: 'CaseNumber',
+    [CaseListColumnIds.summary]: 'Subject',
+    [CaseListColumnIds.severity]: 'Priority',
+    [CaseListColumnIds.owner]: 'OwnerId',
+    [CaseListColumnIds.created]: 'CreatedDate',
+    [CaseListColumnIds.status]: 'Status',
+    [CaseListColumnIds.modified]: 'LastModifiedDate',
+    [CaseListColumnIds.accountNumber]: 'Account_Number__c',
+    [CaseListColumnIds.type]: 'Type',
+    [CaseListColumnIds.caseClosedDate]: 'ClosedDate',
+};
 export const caseTableColumSortNamesMap = {
     [CaseListColumnIds.caseId]: 'Case ID',
     [CaseListColumnIds.summary]: 'Title',

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

@@ -1 +1 @@
-{"version":3,"file":"useExportCaseListCSV.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExportCaseListCSV.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGvD,eAAO,MAAM,SAAS,OAAO,CAAC;AAC9B,MAAM,WAAW,qBAAqB;IAClC,uBAAuB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB;;;;;;EAqChE"}
+{"version":3,"file":"useExportCaseListCSV.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExportCaseListCSV.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,SAAS,OAAO,CAAC;AAC9B,MAAM,WAAW,qBAAqB;IAClC,uBAAuB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB;;;;;;EA+BhE"}

package/lib/esm/hooks/useExportCaseListCSV.js

@@ -1,18 +1,12 @@
-import { useFetch } from '@rh-support/components';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { getCaseListFromSolr } from '../utils/caseListUtils';
 export const MAX_LIMIT = 1000;
 export function useExportCaseListCSV(props) {
     const { isExportCsvDisabled, selectedCases } = props;
     const { t } = useTranslation();
-    // const currentFilteredCaseCount = currentFilteredCaseList?.numFound ?? 0;
-    const { isFetching } = useFetch(getCaseListFromSolr, { propgateErrors: true });
     const [openUpdateSeverityModal, setOpenUpdateSeverityModal] = useState(false);
-    const isFetchingCSVData = isFetching;
     let showError = selectedCases.length > MAX_LIMIT;
-    const isBtnDisabled = isFetchingCSVData || showError;
-    // To show tooltip if export csv is disabled when SOLR is down
+    const isBtnDisabled = showError;
     const getTooltipContent = () => {
         let tooltipText = t('Your download will include the first 1000 cases in your list.');
         if (showError) {
@@ -23,9 +17,7 @@ export function useExportCaseListCSV(props) {
         }
         return tooltipText;
     };
-    // To check if export csv button is disabled
     const isExportButtonDisabled = isBtnDisabled || isExportCsvDisabled;
-    // To toggle download csv modal
     const toggleDownloadCSVModal = () => {
         setOpenUpdateSeverityModal((openUpdateSeverityModal) => !openUpdateSeverityModal);
     };

package/lib/esm/test-utils/mockData.js

@@ -740,7 +740,7 @@ export const filterValuesFromFacetResponseMock = {
             count: 111,
         },
         {
-            value: '3 (Normal)',
+            value: '3 (Medium)',
             count: 12198,
         },
         {

package/lib/esm/utils/caseListGraphQLUtils.d.ts

@@ -0,0 +1,28 @@
+import type { ApolloClient } from '@apollo/client';
+import { ICaseListItem } from '@rh-support/utils';
+import { ICaseListFilterState } from '../components/case-list/CaseListFilterReducer';
+export interface IGraphQLCaseListResponse {
+    caseListResponse: {
+        response: {
+            docs: ICaseListItem[];
+            numFound: number;
+            start: number;
+        };
+    };
+    showErrorMessage: boolean;
+    hasNextPage: boolean;
+    endCursor: string | undefined;
+}
+export declare function clearPageCursors(): void;
+export declare function getCaseListFromGraphQL(filterState: ICaseListFilterState, apolloClient: ApolloClient, limitOverride?: number, signal?: AbortSignal, selectedCaseNumbers?: string[]): Promise<IGraphQLCaseListResponse>;
+export interface ILoadMoreResult {
+    docs: ICaseListItem[];
+    hasNextPage: boolean;
+    endCursor: string | undefined;
+}
+/**
+ * Fetches the next page of cases for infinite scroll.
+ * Uses the provided `afterCursor` instead of the page-based cursor store.
+ */
+export declare function loadMoreCases(filterState: ICaseListFilterState, apolloClient: ApolloClient, afterCursor: string, signal?: AbortSignal): Promise<ILoadMoreResult>;
+//# sourceMappingURL=caseListGraphQLUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"caseListGraphQLUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/caseListGraphQLUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAIH,aAAa,EAEhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,oBAAoB,EAAkB,MAAM,+CAA+C,CAAC;AASrG,MAAM,WAAW,wBAAwB;IACrC,gBAAgB,EAAE;QACd,QAAQ,EAAE;YACN,IAAI,EAAE,aAAa,EAAE,CAAC;YACtB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC;KACL,CAAC;IACF,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAsBD,wBAAgB,gBAAgB,IAAI,IAAI,CAEvC;AAkFD,wBAAsB,sBAAsB,CACxC,WAAW,EAAE,oBAAoB,EACjC,YAAY,EAAE,YAAY,EAC1B,aAAa,CAAC,EAAE,MAAM,EACtB,MAAM,CAAC,EAAE,WAAW,EACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,GAC/B,OAAO,CAAC,wBAAwB,CAAC,CAuFnC;AAED,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAC/B,WAAW,EAAE,oBAAoB,EACjC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,MAAM,EACnB,MAAM,CAAC,EAAE,WAAW,GACrB,OAAO,CAAC,eAAe,CAAC,CA0C1B"}

package/lib/esm/utils/caseListGraphQLUtils.js

@@ -0,0 +1,244 @@
+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 { GET_CASES_BY_FILTERS, GET_PRODUCTS, GET_USER_IDS_BY_FEDERATION, } from '@rh-support/utils';
+import { SolrKeys, SolrPivotKeys } from '../enums/filters';
+import { mapGraphQLResponseToCaseList } from './caseListMapper';
+import { createGraphQLVariablesFromFilterState, getOwnerFederationIdsToResolve, } from './caseListVariablesBuilder';
+function resolveOwnerUserIds(federationIds, apolloClient) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        if (!federationIds.length)
+            return [];
+        try {
+            const { data } = yield apolloClient.query({
+                query: GET_USER_IDS_BY_FEDERATION,
+                variables: { federationIds },
+                fetchPolicy: 'network-only',
+            });
+            const edges = ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportUser) === null || _c === void 0 ? void 0 : _c.edges) || [];
+            return edges.map((edge) => edge.node.Id);
+        }
+        catch (error) {
+            console.error('[GraphQL] Failed to resolve owner user IDs:', error);
+            return [];
+        }
+    });
+}
+const pageCursors = new Map();
+export function clearPageCursors() {
+    pageCursors.clear();
+}
+function getCursorForPage(page) {
+    var _a;
+    if (page <= 1)
+        return undefined;
+    return (_a = pageCursors.get(page)) !== null && _a !== void 0 ? _a : undefined;
+}
+function storeEndCursor(currentPage, endCursor) {
+    pageCursors.set(currentPage + 1, endCursor);
+}
+/**
+ * Resolves missing Product2 IDs for product/version filters loaded from URL.
+ * When filters come from the UI, IDs are already set by ProductsFilter/VersionsFilter.
+ * When filters come from a URL (which only contains product/version names), this function
+ * queries GraphQL to resolve names → IDs so buildProductFilter can construct the where clause.
+ * Uses cache-first policy to avoid redundant network calls.
+ */
+function resolveVersionProductIds(filterState, apolloClient) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const products = (_a = filterState.filterInfo) === null || _a === void 0 ? void 0 : _a[SolrPivotKeys.product_version];
+        if (!(products === null || products === void 0 ? void 0 : products.length))
+            return;
+        for (const product of products) {
+            // Resolve parent product ID by name (only needed for URL-based filters)
+            if (!product.productId) {
+                try {
+                    const { data: prodData } = yield apolloClient.query({
+                        query: GET_PRODUCTS,
+                        variables: {
+                            where: { Name: { eq: product.value }, IsActive: { eq: true } },
+                            first: 1,
+                        },
+                        fetchPolicy: 'cache-first',
+                    });
+                    const parentEdges = (_e = (_d = (_c = (_b = prodData === null || prodData === void 0 ? void 0 : prodData.salesforce_support_uiapi) === null || _b === void 0 ? void 0 : _b.query) === null || _c === void 0 ? void 0 : _c.SalesforceSupportProduct2) === null || _d === void 0 ? void 0 : _d.edges) !== null && _e !== void 0 ? _e : [];
+                    if (parentEdges.length > 0) {
+                        product.productId = parentEdges[0].node.Id;
+                    }
+                }
+                catch (_k) {
+                    // continue without parent ID
+                }
+            }
+            const versions = product[SolrKeys.version];
+            if (!(versions === null || versions === void 0 ? void 0 : versions.length) || !product.productId)
+                continue;
+            const hasUnresolvedVersions = versions.some((v) => v.productId === undefined || v.productId === null);
+            if (!hasUnresolvedVersions)
+                continue;
+            // Fetch child products for this parent and match version names to their Product2 IDs
+            try {
+                const { data } = yield apolloClient.query({
+                    query: GET_PRODUCTS,
+                    variables: {
+                        where: { ParentProduct__c: { eq: product.productId }, IsActive: { eq: true } },
+                        first: 200,
+                        orderBy: { Name: { order: 'ASC' } },
+                    },
+                    fetchPolicy: 'cache-first',
+                });
+                const edges = (_j = (_h = (_g = (_f = data === null || data === void 0 ? void 0 : data.salesforce_support_uiapi) === null || _f === void 0 ? void 0 : _f.query) === null || _g === void 0 ? void 0 : _g.SalesforceSupportProduct2) === null || _h === void 0 ? void 0 : _h.edges) !== null && _j !== void 0 ? _j : [];
+                const childProducts = edges.map((edge) => ({
+                    id: edge.node.Id,
+                    name: edge.node.Name.value,
+                }));
+                versions.forEach((ver) => {
+                    if (ver.productId)
+                        return;
+                    const match = childProducts.find((cp) => cp.name === ver.value || cp.name.endsWith(ver.value));
+                    if (match) {
+                        ver.productId = match.id;
+                    }
+                });
+            }
+            catch (error) {
+                console.error('[GraphQL] Failed to resolve version product IDs:', error);
+            }
+        }
+    });
+}
+export function getCaseListFromGraphQL(filterState, apolloClient, limitOverride, signal, selectedCaseNumbers) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        try {
+            yield resolveVersionProductIds(filterState, apolloClient);
+            const federationIdsToResolve = getOwnerFederationIdsToResolve(filterState);
+            let resolvedUserIds;
+            if (federationIdsToResolve.length) {
+                const ownerUserIds = yield resolveOwnerUserIds(federationIdsToResolve, apolloClient);
+                resolvedUserIds = { ownerUserIds };
+            }
+            const variables = yield createGraphQLVariablesFromFilterState(filterState, apolloClient, resolvedUserIds);
+            if (limitOverride) {
+                variables.first = limitOverride;
+            }
+            const currentPage = ((_a = filterState.paginationInfo) === null || _a === void 0 ? void 0 : _a.currentPage) || 1;
+            if (selectedCaseNumbers === null || selectedCaseNumbers === void 0 ? void 0 : selectedCaseNumbers.length) {
+                const caseNumberFilter = { CaseNumber__c: { in: selectedCaseNumbers } };
+                variables.first = selectedCaseNumbers.length;
+                if ((_b = variables.where) === null || _b === void 0 ? void 0 : _b.and) {
+                    variables.where.and.push(caseNumberFilter);
+                }
+                else if (variables.where) {
+                    variables.where = { and: [variables.where, caseNumberFilter] };
+                }
+                else {
+                    variables.where = caseNumberFilter;
+                }
+                variables.after = undefined;
+            }
+            else {
+                variables.after = getCursorForPage(currentPage);
+            }
+            const { data, error } = yield apolloClient.query({
+                query: GET_CASES_BY_FILTERS,
+                variables,
+                fetchPolicy: 'network-only',
+                context: signal ? { fetchOptions: { signal } } : undefined,
+            });
+            const connection = (_d = (_c = data === null || data === void 0 ? void 0 : data.salesforce_support_uiapi) === null || _c === void 0 ? void 0 : _c.query) === null || _d === void 0 ? void 0 : _d.SalesforceSupportCase;
+            if (!connection) {
+                return {
+                    caseListResponse: { response: { docs: [], numFound: 0, start: 0 } },
+                    showErrorMessage: !!error,
+                    hasNextPage: false,
+                    endCursor: undefined,
+                };
+            }
+            if ((_e = connection.pageInfo) === null || _e === void 0 ? void 0 : _e.endCursor) {
+                storeEndCursor(currentPage, connection.pageInfo.endCursor);
+            }
+            const docs = mapGraphQLResponseToCaseList(connection.edges || []);
+            return {
+                caseListResponse: {
+                    response: {
+                        docs,
+                        numFound: connection.totalCount || 0,
+                        start: 0,
+                    },
+                },
+                showErrorMessage: false,
+                hasNextPage: (_g = (_f = connection.pageInfo) === null || _f === void 0 ? void 0 : _f.hasNextPage) !== null && _g !== void 0 ? _g : false,
+                endCursor: (_j = (_h = connection.pageInfo) === null || _h === void 0 ? void 0 : _h.endCursor) !== null && _j !== void 0 ? _j : undefined,
+            };
+        }
+        catch (error) {
+            if ((error === null || error === void 0 ? void 0 : error.name) === 'AbortError' || ((_k = error === null || error === void 0 ? void 0 : error.message) === null || _k === void 0 ? void 0 : _k.includes('aborted')) || (signal === null || signal === void 0 ? void 0 : signal.aborted)) {
+                return {
+                    caseListResponse: { response: { docs: [], numFound: 0, start: 0 } },
+                    showErrorMessage: false,
+                    hasNextPage: false,
+                    endCursor: undefined,
+                };
+            }
+            console.error('[GraphQL] getCaseListFromGraphQL error:', error);
+            return {
+                caseListResponse: { response: { docs: [], numFound: 0, start: 0 } },
+                showErrorMessage: true,
+                hasNextPage: false,
+                endCursor: undefined,
+            };
+        }
+    });
+}
+/**
+ * Fetches the next page of cases for infinite scroll.
+ * Uses the provided `afterCursor` instead of the page-based cursor store.
+ */
+export function loadMoreCases(filterState, apolloClient, afterCursor, signal) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        try {
+            yield resolveVersionProductIds(filterState, apolloClient);
+            const federationIdsToResolve = getOwnerFederationIdsToResolve(filterState);
+            let resolvedUserIds;
+            if (federationIdsToResolve.length) {
+                const ownerUserIds = yield resolveOwnerUserIds(federationIdsToResolve, apolloClient);
+                resolvedUserIds = { ownerUserIds };
+            }
+            const variables = yield createGraphQLVariablesFromFilterState(filterState, apolloClient, resolvedUserIds);
+            variables.after = afterCursor;
+            const { data } = yield apolloClient.query({
+                query: GET_CASES_BY_FILTERS,
+                variables,
+                fetchPolicy: 'network-only',
+                context: signal ? { fetchOptions: { signal } } : undefined,
+            });
+            const connection = (_b = (_a = data === null || data === void 0 ? void 0 : data.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportCase;
+            if (!connection) {
+                return { docs: [], hasNextPage: false, endCursor: undefined };
+            }
+            const docs = mapGraphQLResponseToCaseList(connection.edges || []);
+            return {
+                docs,
+                hasNextPage: (_d = (_c = connection.pageInfo) === null || _c === void 0 ? void 0 : _c.hasNextPage) !== null && _d !== void 0 ? _d : false,
+                endCursor: (_f = (_e = connection.pageInfo) === null || _e === void 0 ? void 0 : _e.endCursor) !== null && _f !== void 0 ? _f : undefined,
+            };
+        }
+        catch (error) {
+            if ((error === null || error === void 0 ? void 0 : error.name) === 'AbortError' || ((_g = error === null || error === void 0 ? void 0 : error.message) === null || _g === void 0 ? void 0 : _g.includes('aborted')) || (signal === null || signal === void 0 ? void 0 : signal.aborted)) {
+                return { docs: [], hasNextPage: false, endCursor: undefined };
+            }
+            console.error('[GraphQL] loadMoreCases error:', error);
+            throw error;
+        }
+    });
+}

package/lib/esm/utils/caseListMapper.d.ts

@@ -0,0 +1,6 @@
+import { ICaseListItem, IGqlCaseNode } from '@rh-support/utils';
+export declare function mapGraphQLCaseToCaseListItem(node: IGqlCaseNode): ICaseListItem;
+export declare function mapGraphQLResponseToCaseList(edges: Array<{
+    node: IGqlCaseNode;
+}>): ICaseListItem[];
+//# sourceMappingURL=caseListMapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"caseListMapper.d.ts","sourceRoot":"","sources":["../../../src/utils/caseListMapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEhE,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,CAgC9E;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC,GAAG,aAAa,EAAE,CAElG"}