Add feed syntax key

src/CONST.ts

@@ -6245,6 +6245,7 @@ const CONST = {
             PAID: 'paid',
             EXPORTED: 'exported',
             POSTED: 'posted',
+            FEED: 'feed',
         },
         EMPTY_VALUE: 'none',
         SEARCH_ROUTER_ITEM_TYPE: {
@@ -6278,6 +6279,7 @@ const CONST = {
             PAID: 'paid',
             EXPORTED: 'exported',
             POSTED: 'posted',
+            FEED: 'feed',
         },
         DATE_MODIFIERS: {
             BEFORE: 'Before',

src/components/Search/SearchAutocompleteList.tsx

@@ -17,7 +17,7 @@ import usePolicy from '@hooks/usePolicy';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {searchInServer} from '@libs/actions/Report';
-import {getCardDescription, isCard, isCardHiddenFromSearch, mergeCardListWithWorkspaceFeeds} from '@libs/CardUtils';
+import {generateDomainFeedsData, getCardDescription, getCardFeedKey, isCard, isCardHiddenFromSearch, mergeCardListWithWorkspaceFeeds} from '@libs/CardUtils';
 import {combineOrderingOfReportsAndPersonalDetails, getSearchOptions, getValidOptions} from '@libs/OptionsListUtils';
 import type {Options, SearchOption} from '@libs/OptionsListUtils';
 import Performance from '@libs/Performance';
@@ -33,6 +33,7 @@ import {
     parseForAutocomplete,
 } from '@libs/SearchAutocompleteUtils';
 import {buildSearchQueryJSON, buildUserReadableQueryString, sanitizeSearchValue} from '@libs/SearchQueryUtils';
+import {getCardFeedNames} from '@pages/Search/SearchAdvancedFiltersPage/SearchFiltersCardPage';
 import Timing from '@userActions/Timing';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
@@ -152,6 +153,10 @@ function SearchAutocompleteList(
     const allCards = useMemo(() => mergeCardListWithWorkspaceFeeds(workspaceCardFeeds, userCardList), [userCardList, workspaceCardFeeds]);
     const cardAutocompleteList = Object.values(allCards);
 
+    const domainFeeds = useMemo(() => generateDomainFeedsData(userCardList), [userCardList]);
+    const cardFeedNames = useMemo(() => getCardFeedNames(workspaceCardFeeds, domainFeeds, translate), [domainFeeds, translate, workspaceCardFeeds]);
+    const feedAutoCompleteList = useMemo(() => Object.entries(cardFeedNames).map(([value, key]) => ({value, key})), [cardFeedNames]);
+
     const participantsAutocompleteList = useMemo(() => {
         if (!areOptionsInitialized) {
             return [];
@@ -339,6 +344,19 @@ function SearchAutocompleteList(
                     text: expenseType,
                 }));
             }
+            case CONST.SEARCH.SYNTAX_FILTER_KEYS.FEED: {
+                const filteredFeeds = feedAutoCompleteList
+                    .filter((feed) => feed.key.toLowerCase().includes(autocompleteValue.toLowerCase()) && !alreadyAutocompletedKeys.includes(feed.key))
+                    .sort()
+                    .slice(0, 10);
+
+                return filteredFeeds.map((feed) => ({
+                    filterKey: CONST.SEARCH.SEARCH_USER_FRIENDLY_KEYS.FEED,
+                    text: feed.key,
+                    autocompleteID: getCardFeedKey(feed.value),
+                    mapKey: CONST.SEARCH.SYNTAX_FILTER_KEYS.FEED,
+                }));
+            }
             case CONST.SEARCH.SYNTAX_FILTER_KEYS.CARD_ID: {
                 const filteredCards = cardAutocompleteList
                     .filter((card) => isCard(card) && !isCardHiddenFromSearch(card))
@@ -371,6 +389,7 @@ function SearchAutocompleteList(
         typeAutocompleteList,
         statusAutocompleteList,
         expenseTypes,
+        feedAutoCompleteList,
         cardAutocompleteList,
         allCards,
     ]);
@@ -382,7 +401,7 @@ function SearchAutocompleteList(
     const recentSearchesData = sortedRecentSearches?.slice(0, 5).map(({query, timestamp}) => {
         const searchQueryJSON = buildSearchQueryJSON(query);
         return {
-            text: searchQueryJSON ? buildUserReadableQueryString(searchQueryJSON, personalDetails, reports, taxRates, allCards) : query,
+            text: searchQueryJSON ? buildUserReadableQueryString(searchQueryJSON, personalDetails, reports, taxRates, allCards, cardFeedNames) : query,
             singleIcon: Expensicons.History,
             searchQuery: query,
             keyForList: timestamp,

src/components/Search/SearchPageHeaderInput.tsx

@@ -17,12 +17,13 @@ import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {navigateToAndOpenReport} from '@libs/actions/Report';
 import {clearAllFilters} from '@libs/actions/Search';
-import {mergeCardListWithWorkspaceFeeds} from '@libs/CardUtils';
+import {generateDomainFeedsData, mergeCardListWithWorkspaceFeeds} from '@libs/CardUtils';
 import Navigation from '@libs/Navigation/Navigation';
 import {getAllTaxRates} from '@libs/PolicyUtils';
 import type {OptionData} from '@libs/ReportUtils';
 import {getAutocompleteQueryWithComma, getQueryWithoutAutocompletedPart} from '@libs/SearchAutocompleteUtils';
 import {buildUserReadableQueryString, getQueryWithUpdatedValues, isCannedSearchQuery, sanitizeSearchValue} from '@libs/SearchQueryUtils';
+import {getCardFeedNames} from '@pages/Search/SearchAdvancedFiltersPage/SearchFiltersCardPage';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import type {TranslationPaths} from '@src/languages/types';
@@ -77,9 +78,11 @@ function SearchPageHeaderInput({queryJSON, children}: SearchPageHeaderInputProps
     const [workspaceCardFeeds = {}] = useOnyx(ONYXKEYS.COLLECTION.WORKSPACE_CARDS_LIST);
     const allCards = useMemo(() => mergeCardListWithWorkspaceFeeds(workspaceCardFeeds, userCardList), [userCardList, workspaceCardFeeds]);
 
+    const domainFeeds = useMemo(() => generateDomainFeedsData(userCardList), [userCardList]);
+    const cardFeedNames = useMemo(() => getCardFeedNames(workspaceCardFeeds, domainFeeds, translate), [domainFeeds, translate, workspaceCardFeeds]);
     const {type, inputQuery: originalInputQuery} = queryJSON;
     const isCannedQuery = isCannedSearchQuery(queryJSON);
-    const queryText = buildUserReadableQueryString(queryJSON, personalDetails, reports, taxRates, allCards);
+    const queryText = buildUserReadableQueryString(queryJSON, personalDetails, reports, taxRates, allCards, cardFeedNames);
     const headerText = isCannedQuery ? translate(getHeaderContent(type).titleText) : '';
 
     // The actual input text that the user sees
@@ -113,9 +116,9 @@ function SearchPageHeaderInput({queryJSON, children}: SearchPageHeaderInputProps
     }, [queryText]);
 
     useEffect(() => {
-        const substitutionsMap = buildSubstitutionsMap(originalInputQuery, personalDetails, reports, taxRates, allCards);
+        const substitutionsMap = buildSubstitutionsMap(originalInputQuery, personalDetails, reports, taxRates, allCards, cardFeedNames);
         setAutocompleteSubstitutions(substitutionsMap);
-    }, [allCards, originalInputQuery, personalDetails, reports, taxRates]);
+    }, [cardFeedNames, allCards, originalInputQuery, personalDetails, reports, taxRates]);
 
     const onSearchQueryChange = useCallback(
         (userQuery: string) => {

src/components/Search/SearchRouter/buildSubstitutionsMap.ts

@@ -30,6 +30,7 @@ function buildSubstitutionsMap(
     reports: OnyxCollection<Report>,
     allTaxRates: Record<string, string[]>,
     cardList: CardList,
+    cardFeedNames: Record<string, string>,
 ): SubstitutionMap {
     const parsedQuery = parse(query) as {ranges: SearchAutocompleteQueryRange[]};
 
@@ -61,9 +62,10 @@ function buildSubstitutionsMap(
             filterKey === CONST.SEARCH.SYNTAX_FILTER_KEYS.TO ||
             filterKey === CONST.SEARCH.SYNTAX_FILTER_KEYS.IN ||
             filterKey === CONST.SEARCH.SYNTAX_FILTER_KEYS.CARD_ID ||
-            filterKey === CONST.SEARCH.SYNTAX_FILTER_KEYS.TAG
+            filterKey === CONST.SEARCH.SYNTAX_FILTER_KEYS.TAG ||
+            filterKey === CONST.SEARCH.SYNTAX_FILTER_KEYS.FEED
         ) {
-            const displayValue = getFilterDisplayValue(filterKey, filterValue, personalDetails, reports, cardList);
+            const displayValue = getFilterDisplayValue(filterKey, filterValue, personalDetails, reports, cardList, cardFeedNames);
 
             // If displayValue === filterValue, then it means there is nothing to substitute, so we don't add any key to map
             if (displayValue !== filterValue) {

src/libs/CardUtils.ts

@@ -69,6 +69,29 @@ function isCorporateCard(cardID: number) {
     return !!allCards[cardID];
 }
 
+/**
+ * @param cardID
+ * @returns string with the 'cards_' part removed from the beginning
+ */
+function getCardFeedKey(cardID: string): string {
+    const splittedCardID = cardID.split('_');
+    if (splittedCardID.at(0) === 'cards') {
+        return splittedCardID.slice(1).join('_');
+    }
+    return cardID;
+}
+
+/**
+ * @param cardID
+ * @returns string with added 'cards_' substring at the beginning
+ */
+function getWorkspaceCardFeedKey(cardID: string) {
+    if (cardID.split('_').at(0) !== 'cards') {
+        return `cards_${cardID}`;
+    }
+    return cardID;
+}
+
 /**
  * @param cardID
  * @returns string in format %<bank> - <lastFourPAN || Not Activated>%.
@@ -86,6 +109,32 @@ function getCardDescription(cardID?: number, cards: CardList = allCards) {
     return cardDescriptor ? `${humanReadableBankName} - ${cardDescriptor}` : `${humanReadableBankName}`;
 }
 
+type DomainFeedData = {bank: string; domainName: string; correspondingCardIDs: string[]; fundID?: string};
+
+/**
+ * @param cardList - The list of cards to process. Can be undefined.
+ * @returns a record where keys are domain names and values contain domain feed data.
+ */
+function generateDomainFeedsData(cardList: CardList | undefined): Record<string, DomainFeedData> {
+    return Object.values(cardList ?? {}).reduce((accumulator, currentCard) => {
+        // Cards in cardList can also be domain cards, we use them to compute domain feed
+        if (!currentCard.domainName.match(CONST.REGEX.EXPENSIFY_POLICY_DOMAIN_NAME) && !isCardHiddenFromSearch(currentCard)) {
+            if (accumulator[currentCard.domainName]) {
+                accumulator[currentCard.domainName].correspondingCardIDs.push(currentCard.cardID.toString());
+            } else {
+                // if the cards belongs to the same domain, every card of it should have the same fundID
+                accumulator[currentCard.domainName] = {
+                    fundID: currentCard.fundID,
+                    domainName: currentCard.domainName,
+                    bank: currentCard.bank,
+                    correspondingCardIDs: [currentCard.cardID.toString()],
+                };
+            }
+        }
+        return accumulator;
+    }, {} as Record<string, DomainFeedData>);
+}
+
 function isCard(item: Card | Record<string, string>): item is Card {
     return typeof item === 'object' && 'cardID' in item && !!item.cardID && 'bank' in item && !!item.bank;
 }
@@ -549,4 +598,9 @@ export {
     getFeedType,
     flatAllCardsList,
     checkIfFeedConnectionIsBroken,
+    getCardFeedKey,
+    getWorkspaceCardFeedKey,
+    generateDomainFeedsData,
 };
+
+export type {DomainFeedData};