@rh-support/cases 2.6.173 → 2.6.181

package/lib/esm/components/case-list/CaseList.d.ts

@@ -1,18 +1,11 @@
 import '../../css/caseList.css';
 import '../../css/caseSearch.css';
-import { IFacetResponse } from '@rh-support/types/shared';
-import { ISolrResponseToPivotFields } from '@rh-support/utils';
 import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { ICasesRouteURLParams } from '..';
-import { IFacetPivot } from '../../models/caseList';
 interface IProps {
     routeProps: RouteComponentProps<ICasesRouteURLParams>;
 }
-export interface IProductVersionPivotMap extends IFacetResponse {
-    case_version: IFacetResponse[];
-}
-export type IPivotValues = ISolrResponseToPivotFields<IFacetPivot, IProductVersionPivotMap>;
 export interface IChipsNameSsoMap {
     [sso: string]: IChipsNameSso;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AA6BlC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAKH,0BAA0B,EAI7B,MAAM,mBAAmB,CAAC;AAK3B,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAK1C,OAAO,EAAgB,WAAW,EAA2B,MAAM,uBAAuB,CAAC;AAmC3F,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,YAAY,EAAE,cAAc,EAAE,CAAC;CAClC;AAED,MAAM,MAAM,YAAY,GAAG,0BAA0B,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAM5F,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAygBrC"}
+{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAuClC,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAgC1C,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AAMD,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA0gBrC"}

package/lib/esm/components/case-list/CaseList.js

@@ -9,23 +9,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import '../../css/caseList.css';
 import '../../css/caseSearch.css';
+import { useApolloClient } from '@apollo/client/react';
 import { Alert, AlertActionCloseButton, AlertVariant, Button } from '@patternfly/react-core';
 import OpenDrawerRightIcon from '@patternfly/react-icons/dist/js/icons/open-drawer-right-icon';
-import { ErrorBoundary, ToastNotification, useBreakpoint, useDocumentTitle, useForceUpdate, usePrevious, } from '@rh-support/components';
-import { CSSUserModal, fetchAllStatuses, fetchCaseGroupsForAccount, fetchCaseGroupsForSSO, fetchCaseSeverities, fetchCaseTypes, fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, setUserPreferences, updateCaseListTraditionalSupportAgreed, updateUserPreferences, useGlobalDispatchContext, UserPreferencesKeys, } from '@rh-support/react-context';
-import { getStringifiedParams, getUrlParsedParams, haventLoadedMetadata, haventLoadedProductsMetadata, pendoTrackEvent, solrResponseToFacetFields, solrResponseToPivotFields, } from '@rh-support/utils';
-import get from 'lodash/get';
+import { ErrorBoundary, ToastNotification, useBreakpoint, useDocumentTitle, useForceUpdate, } from '@rh-support/components';
+import { CSSUserModal, fetchAllStatuses, fetchCaseGroupsForAccount, fetchCaseGroupsForSSO, fetchCaseRecordTypes, fetchCaseSeverities, fetchCaseTypes, fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, setUserPreferences, updateCaseListTraditionalSupportAgreed, updateUserPreferences, useGlobalDispatchContext, UserPreferencesKeys, } from '@rh-support/react-context';
+import { getStringifiedParams, getUrlParsedParams, haventLoadedMetadata, haventLoadedProductsMetadata, pendoTrackEvent, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import mapValues from 'lodash/mapValues';
 import some from 'lodash/some';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useInView } from 'react-intersection-observer';
 import { useLocation } from 'react-router-dom';
 import { CaseSearchQueryType } from '../../enums/caseSearch';
-import { SolrPivotKeys } from '../../enums/filters';
 import { PageTitle } from '../../enums/pageTitle';
 import { useFilterStateOnLoad } from '../../hooks/useFilterStateOnLoad';
-import { getCaseList } from '../../utils/caseListUtils';
+import { clearPageCursors, getCaseListFromGraphQL, loadMoreCases } from '../../utils/caseListGraphQLUtils';
 import { createFilterStateFromUrlQuery, createURLQueryFromFilterState, FILTER_URL_CURRENT_PAGE_SEARCH_PARAM, FILTER_URL_PAGE_SIZE_SEARCH_PARAM, FILTER_URL_QUERY_SEARCH_PARAM, FILTER_URL_QUERY_TYPE, } from '../../utils/caseSearchUtils';
 import { UpdatedCaseDataEvent } from '../../utils/constants';
 import { NewCaseButton } from '../case/NewCaseButton';
@@ -34,20 +33,21 @@ import { CaseListFilters } from './case-list-filters/CaseListFilters';
 import { CaseListTable } from './case-list-table/CaseListTable';
 import { CaseSearch } from './case-search/CaseSearch';
 import { useCaseListDispatchContext, useCaseListStateContext } from './CaseListContext';
-import { CaseListFilterDispatchContext, CaseListFilterStateContext, initialCaseFilterState, } from './CaseListFilterContext';
-import { eligibleSFDCFiltersMultipleValues, isNoFilterApplied, isOnlyDefaultFilterApplied, } from './CaseListFilterHelpers';
+import { CaseListFilterDispatchContext, CaseListFilterStateContext } from './CaseListFilterContext';
+import { isNoFilterApplied, isOnlyDefaultFilterApplied } from './CaseListFilterHelpers';
 import { updateFilterState } from './CaseListFilterReducer';
-import { setCaseList, setCurrentQuery, setFilterValuesFromFacetResponse, setIsFetching, setPivotValues, } from './CaseListReducer';
+import { appendCaseList, setCaseList, setCurrentQuery, setCursorInfo, setIsFetching, setIsLoadingMore, setLoadMoreError, } from './CaseListReducer';
 export function CaseList(props) {
     var _a, _b;
     const { t } = useTranslation();
     useDocumentTitle(PageTitle.CASE_LIST);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const { caseList, pivotValues, isFetching, filterValuesFromFacetResponse, currentQuery } = useCaseListStateContext();
+    const { caseList, isFetching, isLoadingMore, hasNextPage, endCursor, currentQuery, loadMoreError, loadMoreRetryCount, } = useCaseListStateContext();
     const CaseListDispatch = useCaseListDispatchContext();
     const breakPoint = useBreakpoint();
-    const { globalMetadataState, globalMetadataState: { caseGroups, loggedInUserJwtToken, loggedInUserRights, loggedInUsersAccount, userPreferences, managedAccounts, bookmarkedAccounts, allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts, caseListTraditionalSupportAgreed, }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState, globalMetadataState: { caseGroups, loggedInUserJwtToken, loggedInUserRights, loggedInUsersAccount, userPreferences, managedAccounts, bookmarkedAccounts, allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts, caseRecordTypes, caseListTraditionalSupportAgreed, }, } = useContext(GlobalMetadataStateContext);
     const globalDispatchContext = useGlobalDispatchContext();
+    const apolloClient = useApolloClient();
     const location = useLocation();
     const searchParams = getUrlParsedParams(location.search);
     const queryFromUrl = searchParams[FILTER_URL_QUERY_SEARCH_PARAM];
@@ -55,6 +55,7 @@ export function CaseList(props) {
     const currentPageFromUrl = parseInt(searchParams[FILTER_URL_CURRENT_PAGE_SEARCH_PARAM]);
     const searchType = searchParams[FILTER_URL_QUERY_TYPE];
     const abortControllerRef = useRef(undefined);
+    const lastPushedQueryRef = useRef('');
     const isXLScreen = breakPoint.xl;
     const isFirstMount = useRef(true);
     const filterSectionRef = useRef(null);
@@ -63,71 +64,83 @@ export function CaseList(props) {
     const forceUpdate = useForceUpdate();
     const isCaseListFilterPanelExanded = userPreferences.data.isCaseListFilterPanelExanded;
     const useFilterStateInit = useFilterStateOnLoad();
-    const isBasicSearchMode = filterState.filterQueryInfo.type === CaseSearchQueryType.BASIC ||
-        (filterState.filterQueryInfo.type === CaseSearchQueryType.ADVANCED && loggedInUserRights.data.isExternal());
-    const prevSearchType = usePrevious(filterState.filterQueryInfo.type);
-    let isSearchTypeChanged = filterState.filterQueryInfo.type !== prevSearchType;
     const [hasError, setHasError] = useState(null);
-    const [isSolrSearchDown, setSolrSearchDown] = useState(false);
     const [defaultSavedSearchName, setDefaultSavedSearchName] = useState('');
     const [RHCDValue, setRHCDValue] = useState('');
     const [isRHCDAlertShown, setIsRHCDAlertShown] = useState(true);
+    const loadMoreTriggeredRef = useRef(false);
+    const { ref: sentinelRef, inView } = useInView({ rootMargin: '100px' });
+    useEffect(() => {
+        if (!inView) {
+            loadMoreTriggeredRef.current = false;
+            return;
+        }
+        if (inView && hasNextPage && !isLoadingMore && !loadMoreError && !loadMoreTriggeredRef.current) {
+            loadMoreTriggeredRef.current = true;
+            loadMore();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inView, hasNextPage, isLoadingMore, loadMoreError]);
     function getCases(currentFilterState) {
         return __awaiter(this, void 0, void 0, function* () {
-            let showError;
+            var _a;
             try {
-                setIsFetching(CaseListDispatch, true);
-                setHasError(false);
-                if (abortControllerRef.current !== undefined) {
-                    // Cancel the previous request
+                if (abortControllerRef.current) {
                     abortControllerRef.current.abort();
                 }
-                // recreate a new AbortController for each call
-                let controller = new AbortController();
+                const controller = new AbortController();
                 abortControllerRef.current = controller;
-                const { caseListResponse, isSolrSearchDownSFDCUp, showErrorMessage } = yield getCaseList(currentFilterState, loggedInUserRights.data, loggedInUsersAccount.data, controller.signal);
-                showError = showErrorMessage;
-                setSolrSearchDown(isSolrSearchDownSFDCUp);
-                setFilterValuesFromFacetResponse(CaseListDispatch, solrResponseToFacetFields(caseListResponse));
-                setPivotValues(CaseListDispatch, solrResponseToPivotFields(caseListResponse));
-                setCaseList(CaseListDispatch, caseListResponse.response);
+                setIsFetching(CaseListDispatch, true);
+                setHasError(false);
+                const result = yield getCaseListFromGraphQL(currentFilterState, apolloClient, undefined, controller.signal);
+                if (controller.signal.aborted) {
+                    return;
+                }
+                setCaseList(CaseListDispatch, result.caseListResponse.response);
+                setCursorInfo(CaseListDispatch, result.hasNextPage, result.endCursor);
                 setIsFetching(CaseListDispatch, false);
+                if (result.showErrorMessage) {
+                    setHasError(true);
+                    ToastNotification.addDangerMessage(t('There was an error loading case data. Please try again.'));
+                }
             }
             catch (err) {
-                const isAbortError = err.message && err.message.toLowerCase().indexOf('abort') > -1;
-                if (!isAbortError) {
-                    setIsFetching(CaseListDispatch, false);
-                    setHasError(true);
-                    showError && ToastNotification.addXHRErrorMessage(err);
+                if ((err === null || err === void 0 ? void 0 : err.name) === 'AbortError' || ((_a = err === null || err === void 0 ? void 0 : err.message) === null || _a === void 0 ? void 0 : _a.includes('aborted'))) {
+                    return;
                 }
+                setIsFetching(CaseListDispatch, false);
+                setHasError(true);
+                ToastNotification.addXHRErrorMessage(err);
+            }
+        });
+    }
+    function loadMore() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (isLoadingMore || !hasNextPage || !endCursor || loadMoreError)
+                return;
+            setIsLoadingMore(CaseListDispatch, true);
+            try {
+                const result = yield loadMoreCases(filterState, apolloClient, endCursor);
+                setLoadMoreError(CaseListDispatch, false, 0);
+                appendCaseList(CaseListDispatch, result.docs, result.hasNextPage, result.endCursor);
+            }
+            catch (err) {
+                const nextRetryCount = loadMoreRetryCount + 1;
+                setLoadMoreError(CaseListDispatch, true, nextRetryCount);
+                console.error('[CaseList] loadMore error:', err);
             }
         });
     }
+    function retryLoadMore() {
+        loadMoreTriggeredRef.current = false;
+        setLoadMoreError(CaseListDispatch, false, loadMoreRetryCount);
+    }
     const toggleFilterSection = (isExpanded) => {
         if (!filterSectionRef.current)
             return;
         filterSectionRef.current.expanded = isExpanded;
         forceUpdate();
     };
-    function saveFilterQueryInUserPreferences() {
-        if (isNoFilterApplied(filterState))
-            return;
-        const type = filterState.filterQueryInfo.type;
-        const recentSerach = {
-            filterState: type === CaseSearchQueryType.BASIC ? filterState.filterInfo : {},
-            sortState: filterState.sortInfo,
-            queryString: type === CaseSearchQueryType.BASIC
-                ? filterState.filterQueryInfo.queryString
-                : filterState.filterQueryInfo.parsedQuery,
-            type,
-        };
-        try {
-            updateUserPreferences(dispatchToGlobalMetadataReducer, loggedInUserRights.data.getSSOUsername(), [{ key: UserPreferencesKeys.mostRecentSearch, value: JSON.stringify(recentSerach) }], 'add');
-        }
-        catch (e) {
-            console.error('Could not save filter query in user preferences');
-        }
-    }
     const onToggleFilterBtnClick = () => {
         var _a, _b;
         toggleFilterSection(!((_a = filterSectionRef.current) === null || _a === void 0 ? void 0 : _a.expanded));
@@ -137,8 +150,7 @@ export function CaseList(props) {
     };
     const checkNewCases = () => __awaiter(this, void 0, void 0, function* () {
         try {
-            const { caseListResponse, isSolrSearchDownSFDCUp } = yield getCaseList(filterState, loggedInUserRights.data, loggedInUsersAccount.data, null);
-            setSolrSearchDown(isSolrSearchDownSFDCUp);
+            const { caseListResponse } = yield getCaseListFromGraphQL(filterState, apolloClient);
             let changed = false;
             if (caseListResponse.response.numFound <= filterState.paginationInfo.pageSize &&
                 caseListResponse.response.numFound !== caseList.numFound) {
@@ -180,67 +192,83 @@ export function CaseList(props) {
         }
     }, [caseGroups, dispatchToGlobalMetadataReducer, loggedInUserJwtToken, loggedInUsersAccount.data]);
     useEffect(() => {
-        if (haventLoadedMetadata(allCaseTypes)) {
-            fetchCaseTypes(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport);
-        }
-        // when solr is down, we use hydra metadata api to populated filter dropdowns
-        if (isSolrSearchDown) {
+        const loadMetadata = () => __awaiter(this, void 0, void 0, function* () {
+            if (haventLoadedMetadata(caseRecordTypes)) {
+                yield fetchCaseRecordTypes(dispatchToGlobalMetadataReducer, apolloClient);
+            }
+            if (haventLoadedMetadata(allCaseTypes)) {
+                fetchCaseTypes(dispatchToGlobalMetadataReducer, apolloClient);
+            }
             if (haventLoadedMetadata(allCaseSeverities)) {
-                fetchCaseSeverities(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport);
+                fetchCaseSeverities(dispatchToGlobalMetadataReducer, apolloClient);
             }
             if (haventLoadedMetadata(allCaseStatuses)) {
-                fetchAllStatuses(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport);
+                fetchAllStatuses(dispatchToGlobalMetadataReducer, apolloClient);
             }
             if (haventLoadedProductsMetadata(allProducts)) {
-                fetchProducts(dispatchToGlobalMetadataReducer);
+                fetchProducts(dispatchToGlobalMetadataReducer, apolloClient);
             }
-            // on sfdc fields that only one value is allowed, set filter to first item
-            const sfdcFilterState = mapValues(filterState.filterInfo, (value, key) => {
-                //@ts-ignore
-                if (eligibleSFDCFiltersMultipleValues.includes(key))
-                    return value;
-                return value[0] ? [value[0]] : [];
-            });
-            updateFilterState(filterDispatch, {
-                //@ts-ignore
-                filterInfo: Object.assign(Object.assign({}, initialCaseFilterState.filterInfo), sfdcFilterState),
-            });
-        }
+        });
+        loadMetadata();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         allCaseTypes,
         allCaseSeverities,
         allCaseStatuses,
         allProducts,
+        caseRecordTypes,
         dispatchToGlobalMetadataReducer,
-        loggedInUsersAccount.data.secureSupport,
-        isSolrSearchDown,
+        apolloClient,
     ]);
+    function saveFilterQueryInUserPreferences() {
+        if (isNoFilterApplied(filterState))
+            return;
+        const type = filterState.filterQueryInfo.type;
+        const recentSearch = {
+            filterState: type === CaseSearchQueryType.BASIC ? filterState.filterInfo : {},
+            sortState: filterState.sortInfo,
+            queryString: type === CaseSearchQueryType.BASIC
+                ? filterState.filterQueryInfo.queryString
+                : filterState.filterQueryInfo.parsedQuery,
+            type,
+        };
+        try {
+            updateUserPreferences(dispatchToGlobalMetadataReducer, loggedInUserRights.data.getSSOUsername(), [{ key: UserPreferencesKeys.mostRecentSearch, value: JSON.stringify(recentSearch) }], 'add');
+        }
+        catch (e) {
+            console.error('Could not save filter query in user preferences');
+        }
+    }
     // effect to update url query and call get case api whenever filter state changes
     useEffect(() => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g;
         if (!isFirstMount.current) {
             const urlQuery = (isNoFilterApplied(filterState) || isOnlyDefaultFilterApplied(filterState)) &&
                 !((_a = filterState.filterQueryInfo) === null || _a === void 0 ? void 0 : _a.queryString) &&
                 !filterState.sortInfo.column
                 ? ''
                 : createURLQueryFromFilterState(filterState);
+            const paginationKey = `p${(_b = filterState.paginationInfo) === null || _b === void 0 ? void 0 : _b.currentPage}_s${(_c = filterState.paginationInfo) === null || _c === void 0 ? void 0 : _c.pageSize}`;
+            const fullQueryKey = `${urlQuery}_${paginationKey}`;
+            if (fullQueryKey === lastPushedQueryRef.current) {
+                return;
+            }
+            const prevQueryKey = lastPushedQueryRef.current;
+            const prevBaseQuery = prevQueryKey.substring(0, prevQueryKey.lastIndexOf('_p'));
+            const prevPageSize = (_d = prevQueryKey.match(/_s(\d+)$/)) === null || _d === void 0 ? void 0 : _d[1];
+            if (urlQuery !== prevBaseQuery || String((_e = filterState.paginationInfo) === null || _e === void 0 ? void 0 : _e.pageSize) !== prevPageSize) {
+                clearPageCursors();
+            }
             setCurrentQuery(CaseListDispatch, urlQuery);
+            lastPushedQueryRef.current = fullQueryKey;
             searchParams[FILTER_URL_QUERY_SEARCH_PARAM] = encodeURIComponent(urlQuery);
-            searchParams[FILTER_URL_CURRENT_PAGE_SEARCH_PARAM] = (_b = filterState.paginationInfo) === null || _b === void 0 ? void 0 : _b.currentPage.toString();
-            searchParams[FILTER_URL_PAGE_SIZE_SEARCH_PARAM] = (_c = filterState.paginationInfo) === null || _c === void 0 ? void 0 : _c.pageSize.toString();
+            searchParams[FILTER_URL_CURRENT_PAGE_SEARCH_PARAM] = (_f = filterState.paginationInfo) === null || _f === void 0 ? void 0 : _f.currentPage.toString();
+            searchParams[FILTER_URL_PAGE_SIZE_SEARCH_PARAM] = (_g = filterState.paginationInfo) === null || _g === void 0 ? void 0 : _g.pageSize.toString();
             searchParams[FILTER_URL_QUERY_TYPE] = filterState.filterQueryInfo.type;
             props.routeProps.history.push({
                 search: getStringifiedParams(searchParams),
             });
             saveFilterQueryInUserPreferences();
-            // so that we don't call get cases every time user switches between basic and advanced without any filters applied
-            if (isSearchTypeChanged &&
-                !filterState.filterQueryInfo.queryString &&
-                isNoFilterApplied(filterState) &&
-                filterValuesFromFacetResponse // if this is null, it means it is the first page load so get cases anyway
-            )
-                return;
             getCases(filterState);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -250,11 +278,13 @@ export function CaseList(props) {
         if (bookmarkedAccounts.isFetching ||
             managedAccounts.isFetching ||
             caseGroups.isFetching ||
-            caseGroups.data === undefined)
+            caseGroups.data === undefined ||
+            caseRecordTypes.isFetching ||
+            isEmpty(caseRecordTypes.data))
             return;
         // when user manually changes url and hit enter, new result is fetched without refreshing the page
         if (!isFirstMount.current) {
-            if (queryFromUrl !== currentQuery) {
+            if (queryFromUrl !== currentQuery && queryFromUrl !== lastPushedQueryRef.current) {
                 const filterStateFromQueryUrl = createFilterStateFromUrlQuery(queryFromUrl, globalMetadataState, pageSizeFromUrl, currentPageFromUrl, searchType);
                 updateFilterState(filterDispatch, filterStateFromQueryUrl);
             }
@@ -283,7 +313,12 @@ export function CaseList(props) {
                 setRHCDValue(searchParams.rhcd);
             }
             // set filter state based on url or default saved search
-            const { initFilterState, defaultSearchName } = useFilterStateInit.set(decodeURIComponent(queryFromUrl), pageSizeFromUrl, currentPageFromUrl, searchType);
+            // Remove when we get OFFSET field from SCT
+            // Always reset to page 1 on fresh load — cursor-based pagination
+            // has no stored cursors after refresh, so page > 1 would cause a mismatch
+            const { initFilterState, defaultSearchName } = useFilterStateInit.set(decodeURIComponent(queryFromUrl), pageSizeFromUrl, 
+            // currentPageFromUrl,
+            1, searchType);
             // to set default saved search name
             setDefaultSavedSearchName(defaultSearchName);
             // set default params when they are empty
@@ -296,14 +331,20 @@ export function CaseList(props) {
             updateFilterState(filterDispatch, initFilterState);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [managedAccounts, bookmarkedAccounts, caseGroups, queryFromUrl, pageSizeFromUrl, currentPageFromUrl]);
-    // effect to initially set the filter state to expanded and when we switch from advanced to basic mode
+    }, [
+        managedAccounts,
+        bookmarkedAccounts,
+        caseGroups,
+        caseRecordTypes,
+        queryFromUrl,
+        pageSizeFromUrl,
+        currentPageFromUrl,
+    ]);
+    // effect to initially set the filter state to expanded on load
     useEffect(() => {
-        // currently there is no easy way to set the panel as expanded on initial load
-        // also we only use the standalone panel and manually change the panel state on toggle btn click
-        isCaseListFilterPanelExanded && isXLScreen && isBasicSearchMode && toggleFilterSection(true);
+        isCaseListFilterPanelExanded && isXLScreen && toggleFilterSection(true);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isBasicSearchMode]);
+    }, []);
     const onConfirmTraditionalSupportAgreement = () => {
         updateCaseListTraditionalSupportAgreed(globalDispatchContext, true);
     };
@@ -329,12 +370,6 @@ export function CaseList(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(CSSUserModal, { onConfirmTraditionalSupportAgreement: onConfirmTraditionalSupportAgreement, display: !caseListTraditionalSupportAgreed }),
         React.createElement("article", { id: "rh-support-cases", className: "cases-main" },
-            isSolrSearchDown && (React.createElement(Alert, { isInline: true, variant: AlertVariant.warning, component: "p", title: React.createElement(Trans, null,
-                    "Case search is working with limited functionality. Please check",
-                    ' ',
-                    React.createElement("a", { href: "https://status.redhat.com", target: "_blank", rel: "noreferrer", "data-tracking-id": "caselist-redirect-status-page" }, "status page"),
-                    ' ',
-                    "for details.") })),
             React.createElement("section", { className: "case-search-top" },
                 !isEmpty(RHCDValue) && isRHCDAlertShown && React.createElement("div", { className: "push-bottom" }, displayRHCDAlert()),
                 React.createElement("div", { className: "search-wrapper" },
@@ -342,17 +377,17 @@ export function CaseList(props) {
                         React.createElement(NewCaseButton, { routeProps: props.routeProps })),
                     React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading case search input') } },
                         React.createElement(CaseSearch, { defaultSavedSearchName: defaultSavedSearchName }))),
-                isBasicSearchMode && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading filter chips') } },
-                    React.createElement(CaseListFilterChips, { productVersionPivotValues: get(pivotValues, SolrPivotKeys.product_version, []), isSolrSearchDown: isSolrSearchDown })))),
+                React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading filter chips') } },
+                    React.createElement(CaseListFilterChips, null))),
             React.createElement("section", { className: "case-search-bottom" },
-                isBasicSearchMode && (React.createElement("aside", { className: `case-search-filters ${((_a = filterSectionRef.current) === null || _a === void 0 ? void 0 : _a.expanded) ? '' : 'collapsed'}` },
+                React.createElement("aside", { className: `case-search-filters ${((_a = filterSectionRef.current) === null || _a === void 0 ? void 0 : _a.expanded) ? '' : 'collapsed'}` },
                     React.createElement("h2", { className: "filter-header pf-v6-u-display-flex" }, ((_b = filterSectionRef.current) === null || _b === void 0 ? void 0 : _b.expanded) ? (React.createElement(React.Fragment, null,
                         React.createElement(Button, { isInline: true, className: "pf-v6-u-flex-shrink-0 pf-v6-u-flex-none case-search-filter-text-button", variant: "link", title: t('Collapse filter section'), "data-tracking-id": "collapse-case-list-filter", onClick: onToggleFilterBtnClick, iconPosition: "right", icon: React.createElement(OpenDrawerRightIcon, { className: "mirrored" }) },
                             React.createElement(Trans, null, "Filters")))) : (React.createElement(Button, { isInline: true, className: "pf-v6-c-button pf-m-link pf-m-inline pf-v6-u-flex-shrink-0 pf-v6-u-flex-none pf-v6-u-display-flex pf-v6-u-align-items-center pf-v6-u-justify-content-center pf-v6-u-px-lg", variant: "link", title: t('Expand filter section'), "data-tracking-id": "expand-case-list-filter", onClick: onToggleFilterBtnClick, iconPosition: "right", icon: React.createElement(OpenDrawerRightIcon, null) }, isXLScreen ? null : React.createElement(Trans, null, "Filters")))),
                     React.createElement("div", { className: "filter-wrapper" },
                         React.createElement("pfe-collapse-panel", { id: "case-filters-panel", "pfe-animation": "false", ref: filterSectionRef },
                             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading filters') } },
-                                React.createElement(CaseListFilters, { filterValues: filterValuesFromFacetResponse, allCaseTypes: allCaseTypes, allCaseStatuses: allCaseStatuses, allCaseSeverities: allCaseSeverities, allProducts: allProducts, isSolrSearchDown: isSolrSearchDown })))))),
+                                React.createElement(CaseListFilters, { allCaseTypes: allCaseTypes, allCaseStatuses: allCaseStatuses, allCaseSeverities: allCaseSeverities, allProducts: allProducts }))))),
                 React.createElement("section", { className: "case-search-table pf-v6-u-display-flex pf-v6-u-flex-direction-column" },
-                    React.createElement(CaseListTable, { caseList: caseList, caseGroups: caseGroups.data || [], loggedInUserRights: loggedInUserRights.data, sortInfo: filterState.sortInfo, paginationInfo: filterState.paginationInfo, isCaseListPageLoading: isFetching, hasError: hasError, isSolrDown: isSolrSearchDown }))))));
+                    React.createElement(CaseListTable, { caseList: caseList, caseGroups: caseGroups.data || [], loggedInUserRights: loggedInUserRights.data, sortInfo: filterState.sortInfo, isCaseListPageLoading: isFetching, hasError: hasError, hasNextPage: hasNextPage, isLoadingMore: isLoadingMore, loadMoreError: loadMoreError, loadMoreRetryCount: loadMoreRetryCount, onRetryLoadMore: retryLoadMore, sentinelRef: sentinelRef }))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE1F,eAAO,MAAM,oBAAoB,EAAE,cAWlC,CAAC;AAIF,QAAA,MAAM,oBAAoB,+BAA4C,CAAC;AAEvE,QAAA,MAAM,uBAAuB,qCAAmE,CAAC;AAEjG,QAAA,MAAM,uBAAuB,sBAAyC,CAAC;AACvE,QAAA,MAAM,0BAA0B,4BAA4C,CAAC;AAE7E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAOrC;AAED,OAAO,EACH,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,GAC7B,CAAC"}
+{"version":3,"file":"CaseListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE1F,eAAO,MAAM,oBAAoB,EAAE,cAclC,CAAC;AAIF,QAAA,MAAM,oBAAoB,+BAA4C,CAAC;AAEvE,QAAA,MAAM,uBAAuB,qCAAmE,CAAC;AAEjG,QAAA,MAAM,uBAAuB,sBAAyC,CAAC;AACvE,QAAA,MAAM,0BAA0B,4BAA4C,CAAC;AAE7E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAOrC;AAED,OAAO,EACH,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,GAC7B,CAAC"}

package/lib/esm/components/case-list/CaseListContext.js

@@ -7,9 +7,12 @@ export const initialCaseListState = {
         start: 0,
     },
     isFetching: false,
+    isLoadingMore: false,
+    hasNextPage: false,
+    endCursor: undefined,
+    loadMoreError: false,
+    loadMoreRetryCount: 0,
     chipsNameSsoMap: {},
-    filterValuesFromFacetResponse: null,
-    pivotValues: null,
     currentQuery: undefined,
 };
 const initalDispatchContext = null;

package/lib/esm/components/case-list/CaseListFilterReducer.d.ts

@@ -6,7 +6,6 @@ declare enum CaseListReducerEnum {
     updateFilter = "UPDATE_FILTER",
     updateFilters = "UPDATE_FILTERS",
     updateSort = "UPDATE_SORT",
-    updatePagination = "UPDATE_PAGINATION",
     updateFilterQuery = "UPDATE_FILTER_QUERY",
     removeFilter = "REMOVE_FILTER",
     clearFilters = "CLEAR_FILTERS",
@@ -26,8 +25,12 @@ export interface IFilterQueryInfo {
     type: CaseSearchQueryType;
     parsedQuery?: string;
 }
+export interface IVersionFilterValue extends IFieldValue {
+    productId?: string;
+}
 export interface IProductFilter extends IFieldValue {
-    [SolrKeys.version]: IFieldValue[];
+    [SolrKeys.version]: IVersionFilterValue[];
+    productId?: string;
 }
 export interface IFilterInfo {
     [SolrPivotKeys.product_version]: IProductFilter[];
@@ -57,7 +60,6 @@ type IActionType = IAction<CaseListReducerEnum, ICaseListFilterState>;
 export type CaseListFilterDispatchType = (value: IActionType) => void;
 declare const caseListFilterReducer: (pState: ICaseListFilterState, action: any) => ICaseListFilterState;
 declare function updateSort(dispatch: CaseListFilterDispatchType, sortInfo: ISortInfo): void;
-declare function updatePagination(dispatch: CaseListFilterDispatchType, paginationInfo: IPaginationInfo): void;
 declare function updateFilter(dispatch: CaseListFilterDispatchType, { filterKey, values }: {
     filterKey: any;
     values: any;
@@ -71,5 +73,5 @@ declare const clearFilters: (dispatch: any, clearQueryString?: boolean) => void;
 declare function resetFilterToDefaultState(dispatch: any): void;
 declare function updateFilterQuery(dispatch: CaseListFilterDispatchType, filterQueryInfo: IFilterQueryInfo): void;
 declare function updateFilterState(dispatch: CaseListFilterDispatchType, newState: Partial<ICaseListFilterState>): void;
-export { updateSort, updatePagination, updateFilter, updateFilters, updateFilterQuery, removeFilterItem, clearFilters, updateFilterState, caseListFilterReducer, resetFilterToDefaultState, };
+export { updateSort, updateFilter, updateFilters, updateFilterQuery, removeFilterItem, clearFilters, updateFilterState, caseListFilterReducer, resetFilterToDefaultState, };
 //# sourceMappingURL=CaseListFilterReducer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseListFilterReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListFilterReducer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CaseListFilterReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListFilterReducer.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/case-list/CaseListFilterReducer.js

@@ -18,7 +18,6 @@ var CaseListReducerEnum;
     CaseListReducerEnum["updateFilter"] = "UPDATE_FILTER";
     CaseListReducerEnum["updateFilters"] = "UPDATE_FILTERS";
     CaseListReducerEnum["updateSort"] = "UPDATE_SORT";
-    CaseListReducerEnum["updatePagination"] = "UPDATE_PAGINATION";
     CaseListReducerEnum["updateFilterQuery"] = "UPDATE_FILTER_QUERY";
     CaseListReducerEnum["removeFilter"] = "REMOVE_FILTER";
     CaseListReducerEnum["clearFilters"] = "CLEAR_FILTERS";
@@ -54,10 +53,8 @@ const caseListFilterReducer = (pState, action) => {
             return Object.assign(Object.assign({}, pState), { filterInfo: newFilters, paginationInfo: newPaginationInfo });
         }
         case CaseListReducerEnum.updateSort: {
-            return Object.assign(Object.assign({}, pState), { sortInfo: action.payload.sortInfo });
-        }
-        case CaseListReducerEnum.updatePagination: {
-            return Object.assign(Object.assign({}, pState), { paginationInfo: action.payload.paginationInfo });
+            const newPaginationInfo = Object.assign(Object.assign({}, pState.paginationInfo), { currentPage: 1 });
+            return Object.assign(Object.assign({}, pState), { sortInfo: action.payload.sortInfo, paginationInfo: newPaginationInfo });
         }
         case CaseListReducerEnum.removeFilter: {
             const newValues = pState.filterInfo[action.payload.filterKey].filter((item) => {
@@ -89,12 +86,6 @@ function updateSort(dispatch, sortInfo) {
         payload: { sortInfo },
     });
 }
-function updatePagination(dispatch, paginationInfo) {
-    dispatch({
-        type: CaseListReducerEnum.updatePagination,
-        payload: { paginationInfo },
-    });
-}
 function updateFilter(dispatch, { filterKey, values }) {
     dispatch({
         type: CaseListReducerEnum.updateFilter,
@@ -141,4 +132,4 @@ function updateFilterState(dispatch, newState) {
         payload: newState,
     });
 }
-export { updateSort, updatePagination, updateFilter, updateFilters, updateFilterQuery, removeFilterItem, clearFilters, updateFilterState, caseListFilterReducer, resetFilterToDefaultState, };
+export { updateSort, updateFilter, updateFilters, updateFilterQuery, removeFilterItem, clearFilters, updateFilterState, caseListFilterReducer, resetFilterToDefaultState, };

package/lib/esm/components/case-list/CaseListReducer.d.ts

@@ -1,13 +1,14 @@
 import { IAction, ISolrResponse } from '@rh-support/types/shared';
-import { ISolrResponseToFacetFields, ISolrResponseToPivotFields } from '@rh-support/utils';
-import { ICaseListResponse, IFacetFields, IFacetPivot } from '../../models/caseList';
-import { IPivotValues, IProductVersionPivotMap } from './CaseList';
+import { ICaseListResponse } from '../../models/caseList';
 export interface ICaseListState {
     caseList: ISolrResponse<ICaseListResponse>;
     isFetching: boolean;
+    isLoadingMore: boolean;
+    hasNextPage: boolean;
+    endCursor: string | undefined;
+    loadMoreError: boolean;
+    loadMoreRetryCount: number;
     chipsNameSsoMap?: IChipsNameSsoMap;
-    filterValuesFromFacetResponse: ISolrResponseToFacetFields<IFacetFields>;
-    pivotValues: ISolrResponseToPivotFields<IFacetPivot, IProductVersionPivotMap>;
     currentQuery: string;
 }
 export interface IChipsNameSso {
@@ -21,16 +22,27 @@ export interface IChipsNameSsoMap {
     [sso: string]: IChipsNameSso;
 }
 declare enum CaseListReducerEnum {
-    updateState = "SET_STATE"
+    updateState = "SET_STATE",
+    appendDocs = "APPEND_DOCS"
 }
-type IActionType = IAction<CaseListReducerEnum, ICaseListState>;
+interface IAppendDocsPayload {
+    docs: ICaseListResponse[];
+    hasNextPage: boolean;
+    endCursor: string | undefined;
+}
+type IActionType = IAction<CaseListReducerEnum, ICaseListState> | {
+    type: CaseListReducerEnum.appendDocs;
+    payload: IAppendDocsPayload;
+};
 export type CaseListDispatchType = (value: IActionType) => void;
 declare const caseListReducer: (state: ICaseListState, action: IActionType) => ICaseListState;
 declare const setCaseList: (dispatch: CaseListDispatchType, caseList: ISolrResponse<ICaseListResponse>) => void;
 declare const setChipsNameSsoMap: (dispatch: CaseListDispatchType, chipsNameSsoMap: IChipsNameSsoMap) => void;
 declare const setIsFetching: (dispatch: CaseListDispatchType, isFetching: boolean) => void;
-declare const setFilterValuesFromFacetResponse: (dispatch: CaseListDispatchType, filterValuesFromFacetResponse: ISolrResponseToFacetFields<IFacetFields>) => void;
-declare const setPivotValues: (dispatch: CaseListDispatchType, pivotValues: IPivotValues) => void;
 declare const setCurrentQuery: (dispatch: CaseListDispatchType, currentQuery: string) => void;
-export { caseListReducer, setCaseList, setChipsNameSsoMap, setIsFetching, setFilterValuesFromFacetResponse, setPivotValues, setCurrentQuery, };
+declare const setIsLoadingMore: (dispatch: CaseListDispatchType, isLoadingMore: boolean) => void;
+declare const appendCaseList: (dispatch: CaseListDispatchType, docs: ICaseListResponse[], hasNextPage: boolean, endCursor: string | undefined) => void;
+declare const setCursorInfo: (dispatch: CaseListDispatchType, hasNextPage: boolean, endCursor: string | undefined) => void;
+declare const setLoadMoreError: (dispatch: CaseListDispatchType, loadMoreError: boolean, loadMoreRetryCount: number) => void;
+export { caseListReducer, setCaseList, setChipsNameSsoMap, setIsFetching, setCurrentQuery, setIsLoadingMore, appendCaseList, setCursorInfo, setLoadMoreError, };
 //# sourceMappingURL=CaseListReducer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseListReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListReducer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAE3F,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,6BAA6B,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;IACxE,WAAW,EAAE,0BAA0B,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;IAC9E,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,aAAK,mBAAmB;IACpB,WAAW,cAAc;CAC5B;AAED,KAAK,WAAW,GAAG,OAAO,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;AAChE,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEhE,QAAA,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,QAAQ,WAAW,KAAG,cAMrE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,UAAU,oBAAoB,EAAE,UAAU,aAAa,CAAC,iBAAiB,CAAC,SAK9F,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,UAAU,oBAAoB,EAAE,iBAAiB,gBAAgB,SAK5F,CAAC;AACF,QAAA,MAAM,aAAa,GAAI,UAAU,oBAAoB,EAAE,YAAY,OAAO,SAKzE,CAAC;AACF,QAAA,MAAM,gCAAgC,GAClC,UAAU,oBAAoB,EAC9B,+BAA+B,0BAA0B,CAAC,YAAY,CAAC,SAM1E,CAAC;AACF,QAAA,MAAM,cAAc,GAAI,UAAU,oBAAoB,EAAE,aAAa,YAAY,SAKhF,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,UAAU,oBAAoB,EAAE,cAAc,MAAM,SAK5E,CAAC;AAEF,OAAO,EACH,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,gCAAgC,EAChC,cAAc,EACd,eAAe,GAClB,CAAC"}
+{"version":3,"file":"CaseListReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListReducer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,aAAK,mBAAmB;IACpB,WAAW,cAAc;IACzB,UAAU,gBAAgB;CAC7B;AAED,UAAU,kBAAkB;IACxB,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,KAAK,WAAW,GACV,OAAO,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAC5C;IAAE,IAAI,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAC5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEhE,QAAA,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,QAAQ,WAAW,KAAG,cAmBrE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,UAAU,oBAAoB,EAAE,UAAU,aAAa,CAAC,iBAAiB,CAAC,SAK9F,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,UAAU,oBAAoB,EAAE,iBAAiB,gBAAgB,SAK5F,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,UAAU,oBAAoB,EAAE,YAAY,OAAO,SAKzE,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,UAAU,oBAAoB,EAAE,cAAc,MAAM,SAK5E,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,EAAE,eAAe,OAAO,SAK/E,CAAC;AAEF,QAAA,MAAM,cAAc,GAChB,UAAU,oBAAoB,EAC9B,MAAM,iBAAiB,EAAE,EACzB,aAAa,OAAO,EACpB,WAAW,MAAM,GAAG,SAAS,SAMhC,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,UAAU,oBAAoB,EAAE,aAAa,OAAO,EAAE,WAAW,MAAM,GAAG,SAAS,SAKzG,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,EAAE,eAAe,OAAO,EAAE,oBAAoB,MAAM,SAK3G,CAAC;AAEF,OAAO,EACH,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,GACnB,CAAC"}