Merge pull request Expensify#63108 from Expensify/jasper-agentZeroProcessingRequestIndicator

[NO QA] Display the `AgentZeroProcessingRequestIndicator`

Author: jasperhuangg

src/libs/DebugUtils.ts

@@ -582,6 +582,8 @@ function validateReportDraftProperty(key: keyof Report | keyof ReportNameValuePa
                 eventURI: 'string',
                 inserted: 'string',
             });
+        case 'agentZeroProcessingRequestIndicator':
+            return validateString(value);
         case 'pendingAction':
             return validateConstantEnum(value, CONST.RED_BRICK_ROAD_PENDING_ACTION);
         case 'pendingFields':
@@ -648,6 +650,7 @@ function validateReportDraftProperty(key: keyof Report | keyof ReportNameValuePa
                 exportFailedTime: CONST.RED_BRICK_ROAD_PENDING_ACTION,
                 calendlySchedule: CONST.RED_BRICK_ROAD_PENDING_ACTION,
                 calendlyCalls: CONST.RED_BRICK_ROAD_PENDING_ACTION,
+                agentZeroProcessingRequestIndicator: CONST.RED_BRICK_ROAD_PENDING_ACTION,
             });
     }
 }

src/pages/home/report/AgentZeroProcessingRequestIndicator.tsx

@@ -0,0 +1,39 @@
+import React, {memo, useMemo} from 'react';
+import {useOnyx} from 'react-native-onyx';
+import Text from '@components/Text';
+import useNetwork from '@hooks/useNetwork';
+import useThemeStyles from '@hooks/useThemeStyles';
+import ONYXKEYS from '@src/ONYXKEYS';
+
+type AgentZeroProcessingRequestIndicatorProps = {
+    reportID: string;
+};
+
+function AgentZeroProcessingRequestIndicator({reportID}: AgentZeroProcessingRequestIndicatorProps) {
+    const styles = useThemeStyles();
+    const {isOffline} = useNetwork();
+    const [reportNameValuePairs] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_NAME_VALUE_PAIRS}${reportID}`, {canBeMissing: true});
+    const [userTypingStatuses] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_USER_IS_TYPING}${reportID}`, {canBeMissing: true});
+
+    // Check if anyone is currently typing
+    const usersTyping = useMemo(() => Object.keys(userTypingStatuses ?? {}).filter((loginOrAccountID) => userTypingStatuses?.[loginOrAccountID]), [userTypingStatuses]);
+    const isAnyoneTyping = usersTyping.length > 0;
+
+    // Don't show if offline, if anyone is typing (typing indicator takes precedence), or if the indicator doesn't exist
+    if (isOffline || isAnyoneTyping || !reportNameValuePairs?.agentZeroProcessingRequestIndicator) {
+        return null;
+    }
+
+    return (
+        <Text
+            style={[styles.chatItemComposeSecondaryRowSubText, styles.chatItemComposeSecondaryRowOffset]}
+            numberOfLines={1}
+        >
+            {reportNameValuePairs.agentZeroProcessingRequestIndicator}
+        </Text>
+    );
+}
+
+AgentZeroProcessingRequestIndicator.displayName = 'AgentZeroProcessingRequestIndicator';
+
+export default memo(AgentZeroProcessingRequestIndicator);

src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx

@@ -56,6 +56,7 @@ import {
 import {getTransactionID, hasReceipt as hasReceiptTransactionUtils} from '@libs/TransactionUtils';
 import willBlurTextInputOnTapOutsideFunc from '@libs/willBlurTextInputOnTapOutside';
 import Navigation from '@navigation/Navigation';
+import AgentZeroProcessingRequestIndicator from '@pages/home/report/AgentZeroProcessingRequestIndicator';
 import ParticipantLocalTime from '@pages/home/report/ParticipantLocalTime';
 import ReportDropUI from '@pages/home/report/ReportDropUI';
 import ReportTypingIndicator from '@pages/home/report/ReportTypingIndicator';
@@ -710,6 +711,7 @@ function ReportActionCompose({
                     >
                         {!shouldUseNarrowLayout && <OfflineIndicator containerStyles={[styles.chatItemComposeSecondaryRow]} />}
                         <ReportTypingIndicator reportID={reportID} />
+                        <AgentZeroProcessingRequestIndicator reportID={reportID} />
                         {!!exceededMaxLength && (
                             <ExceededCommentLength
                                 maxCommentLength={exceededMaxLength}

src/types/onyx/ReportNameValuePairs.ts

@@ -75,6 +75,9 @@ type ReportNameValuePairs = OnyxCommon.OnyxValueWithOfflineFeedback<{
 
     /** The time the report export failed */
     exportFailedTime?: string;
+
+    /** Agent Zero processing request indicator message */
+    agentZeroProcessingRequestIndicator?: string;
 }>;
 
 /** Collection of reportNameValuePairs, indexed by reportNameValuePairs_{reportID} */

src/types/utils/whitelistedReportKeys.ts

@@ -63,6 +63,7 @@ type WhitelistedReport = OnyxCommon.OnyxValueWithOfflineFeedback<
         };
         private_isArchived: unknown;
         welcomeMessage: unknown;
+        agentZeroProcessingRequestIndicator: unknown;
     },
     PolicyReportField['fieldID']
 >;