From 7f4f51245d96b0184b717aa36883e21d23835397 Mon Sep 17 00:00:00 2001
From: bartektomczyk <bartlomiejtomczyk@gmail.com>
Date: Thu, 21 Mar 2024 12:00:57 +0100
Subject: [PATCH 01/46] feat: added component for displaying static message inm
 onboarding

---
 src/languages/en.ts                           | 10 ++
 src/languages/es.ts                           | 10 ++
 .../report/OnboardingReportFooterMessage.tsx  | 92 +++++++++++++++++++
 src/styles/index.ts                           |  4 +
 4 files changed, 116 insertions(+)
 create mode 100644 src/pages/home/report/OnboardingReportFooterMessage.tsx

diff --git a/src/languages/en.ts b/src/languages/en.ts
index 3b670f7b6ebc..138b28260060 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -2665,6 +2665,16 @@ export default {
         welcomeMessage: 'Welcome to Expensify',
         welcomeSubtitle: 'What would you like to do?',
     },
+    onboardingBottomMessage: {
+        [CONST.INTRO_CHOICES.MANAGE_TEAM]: {
+            phrase1: 'Chat with your setup specialist in ',
+            phrase2: ' for help',
+        },
+        default: {
+            phrase1: 'Message ',
+            phrase2: ' for help with setup',
+        },
+    },
     manageTeams: {
         [CONST.MANAGE_TEAMS_CHOICE.MULTI_LEVEL]: 'Multi level approval',
         [CONST.MANAGE_TEAMS_CHOICE.CUSTOM_EXPENSE]: 'Custom expense coding',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 5027174b2922..0799aefac37d 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -3158,6 +3158,16 @@ export default {
         welcomeMessage: 'Bienvenido a Expensify',
         welcomeSubtitle: '¿Qué te gustaría hacer?',
     },
+    onboardingBottomMessage: {
+        [CONST.INTRO_CHOICES.MANAGE_TEAM]: {
+            phrase1: 'Chat with your setup specialist in ',
+            phrase2: ' for help',
+        },
+        default: {
+            phrase1: 'Message ',
+            phrase2: ' for help with setup',
+        },
+    },
     manageTeams: {
         [CONST.MANAGE_TEAMS_CHOICE.MULTI_LEVEL]: 'Aprobación multinivel',
         [CONST.MANAGE_TEAMS_CHOICE.CUSTOM_EXPENSE]: 'Codificación personalizada de gastos',
diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
new file mode 100644
index 000000000000..a48a609b51a7
--- /dev/null
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -0,0 +1,92 @@
+import React, {useMemo} from 'react';
+import {View} from 'react-native';
+import {withOnyx} from 'react-native-onyx';
+import type {OnyxCollection} from 'react-native-onyx';
+import type {ValueOf} from 'type-fest';
+import Text from '@components/Text';
+import TextLink from '@components/TextLink';
+import useLocalize from '@hooks/useLocalize';
+import useThemeStyles from '@hooks/useThemeStyles';
+import useWindowDimensions from '@hooks/useWindowDimensions';
+import * as PolicyUtils from '@libs/PolicyUtils';
+import Navigation from '@navigation/Navigation';
+import * as ReportInstance from '@userActions/Report';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
+import type {Policy as PolicyType, Report} from '@src/types/onyx';
+
+type OnboardingReportFooterMessageOnyxProps = {reports: OnyxCollection<Report>; policies: OnyxCollection<PolicyType>};
+type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps & {choice: ValueOf<typeof CONST.INTRO_CHOICES>};
+
+function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingReportFooterMessageProps) {
+    const {translate} = useLocalize();
+    const styles = useThemeStyles();
+    const {isSmallScreenWidth} = useWindowDimensions();
+
+    const adminChatReport = useMemo(() => {
+        const adminsReports = reports ? Object.values(reports).filter((report) => report?.chatType === CONST.REPORT.CHAT_TYPE.POLICY_ADMINS) : [];
+        const activePolicies = policies ? Object.values(policies).filter((policy) => PolicyUtils.shouldShowPolicy(policy, false)) : [];
+
+        return adminsReports.find((report) => activePolicies.find((policy) => policy?.id === report?.policyID));
+    }, [policies, reports]);
+
+    const content = useMemo(() => {
+        switch (choice) {
+            case CONST.INTRO_CHOICES.MANAGE_TEAM:
+                return (
+                    <>
+                        {`${translate('onboardingBottomMessage.newDotManageTeam.phrase1')}`}
+                        <TextLink
+                            style={styles.label}
+                            onPress={() => Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(adminChatReport?.reportID ?? ''))}
+                        >
+                            {adminChatReport?.reportName ?? CONST.REPORT.WORKSPACE_CHAT_ROOMS.ADMINS}
+                        </TextLink>
+                        {`${translate('onboardingBottomMessage.newDotManageTeam.phrase2')}`}
+                    </>
+                );
+            default:
+                return (
+                    <>
+                        {`${translate('onboardingBottomMessage.default.phrase1')}`}
+                        <TextLink
+                            style={styles.label}
+                            onPress={() => ReportInstance.navigateToConciergeChat()}
+                        >
+                            {`${CONST?.CONCIERGE_CHAT_NAME}`}
+                        </TextLink>
+                        {`${translate('onboardingBottomMessage.default.phrase2')}`}
+                    </>
+                );
+        }
+    }, [adminChatReport?.reportName, adminChatReport?.reportID, choice, styles.label, translate]);
+
+    return (
+        <View
+            style={[
+                styles.chatFooter,
+                isSmallScreenWidth ? styles.mb5 : styles.mb4,
+                styles.mh5,
+                styles.flexRow,
+                styles.alignItemsCenter,
+                styles.p4,
+                styles.borderRadiusComponentLarge,
+                styles.hoveredComponentBG,
+                styles.breakWord,
+                styles.justifyContentCenter,
+            ]}
+        >
+            <Text style={[styles.textSupporting, styles.label]}>{content}</Text>
+        </View>
+    );
+}
+OnboardingReportFooterMessage.displayName = 'OnboardingReportFooterMessage';
+export default withOnyx<OnboardingReportFooterMessageProps, OnboardingReportFooterMessageOnyxProps>({
+    reports: {
+        key: ONYXKEYS.COLLECTION.REPORT,
+    },
+    policies: {
+        key: ONYXKEYS.COLLECTION.POLICY,
+    },
+})(OnboardingReportFooterMessage);
diff --git a/src/styles/index.ts b/src/styles/index.ts
index f165974119ff..27178157f9f5 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -525,6 +525,10 @@ const styles = (theme: ThemeColors) =>
             borderRadius: variables.buttonBorderRadius,
         },
 
+        borderRadiusComponentLarge: {
+            borderRadius: variables.componentBorderRadiusLarge,
+        },
+
         bottomTabBarContainer: {
             flexDirection: 'row',
             height: variables.bottomTabHeight,

From 26bcce68b747dde6bf8c26f73b5207d708004782 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 17 Apr 2024 16:00:02 +0200
Subject: [PATCH 02/46] add permissions to report

---
 src/CONST.ts             | 6 ++++++
 src/types/onyx/Report.ts | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/src/CONST.ts b/src/CONST.ts
index 2b85bcb2c326..425391f6ebea 100755
--- a/src/CONST.ts
+++ b/src/CONST.ts
@@ -837,6 +837,12 @@ const CONST = {
         OWNER_EMAIL_FAKE: '__FAKE__',
         OWNER_ACCOUNT_ID_FAKE: 0,
         DEFAULT_REPORT_NAME: 'Chat Report',
+        PERMISSIONS: {
+            READ: 'read',
+            WRITE: 'write',
+            SHARE: 'share',
+            OWN: 'own',
+        }
     },
     NEXT_STEP: {
         FINISHED: 'Finished!',
diff --git a/src/types/onyx/Report.ts b/src/types/onyx/Report.ts
index fe3eec6dc11e..36d345b1084c 100644
--- a/src/types/onyx/Report.ts
+++ b/src/types/onyx/Report.ts
@@ -186,6 +186,8 @@ type Report = OnyxCommon.OnyxValueWithOfflineFeedback<
         transactionThreadReportID?: string;
 
         fieldList?: Record<string, PolicyReportField>;
+
+        permissions?: Array<ValueOf<typeof CONST.REPORT.PERMISSIONS>>;
     },
     PolicyReportField['fieldID']
 >;

From de29862ae77c1cd6b5fd2fa03fc8e0443ed133ed Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 17 Apr 2024 16:01:28 +0200
Subject: [PATCH 03/46] create isReadOnly

---
 src/libs/ReportUtils.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/libs/ReportUtils.ts b/src/libs/ReportUtils.ts
index 39964bfcc4d7..6b9ef9031cf0 100644
--- a/src/libs/ReportUtils.ts
+++ b/src/libs/ReportUtils.ts
@@ -5989,6 +5989,13 @@ function canReportBeMentionedWithinPolicy(report: OnyxEntry<Report>, policyID: s
 
     return isChatRoom(report) && !isThread(report);
 }
+/**
+ *
+ * Checks if report is in read-only mode.
+ */
+function isReadOnly(report: OnyxEntry<Report>): boolean {
+    return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE) ?? false;
+}
 
 export {
     getReportParticipantsTitle,
@@ -6228,6 +6235,7 @@ export {
     buildParticipantsFromAccountIDs,
     canReportBeMentionedWithinPolicy,
     getAllHeldTransactions,
+    isReadOnly,
 };
 
 export type {

From e2ad69dc9610992ac13438b4316c2f2bbe53d1a2 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 17 Apr 2024 16:08:32 +0200
Subject: [PATCH 04/46] integrate OnboardingReportFooterMessage into
 ReportFooter

---
 src/libs/ReportUtils.ts                         | 17 +++++++++--------
 .../report/OnboardingReportFooterMessage.tsx    | 11 +++++++----
 src/pages/home/report/ReportFooter.tsx          |  6 ++++++
 3 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/libs/ReportUtils.ts b/src/libs/ReportUtils.ts
index 6b9ef9031cf0..e20686e1326a 100644
--- a/src/libs/ReportUtils.ts
+++ b/src/libs/ReportUtils.ts
@@ -5198,6 +5198,14 @@ function isMoneyRequestReportPendingDeletion(report: OnyxEntry<Report> | EmptyOb
     return parentReportAction?.pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE;
 }
 
+/**
+ *
+ * Checks if report is in read-only mode.
+ */
+function isReadOnly(report: OnyxEntry<Report>): boolean {
+    return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE) ?? false;
+}
+
 function canUserPerformWriteAction(report: OnyxEntry<Report>) {
     const reportErrors = getAddWorkspaceRoomOrChatReportErrors(report);
 
@@ -5206,7 +5214,7 @@ function canUserPerformWriteAction(report: OnyxEntry<Report>) {
         return false;
     }
 
-    return !isArchivedRoom(report) && isEmptyObject(reportErrors) && report && isAllowedToComment(report) && !isAnonymousUser;
+    return !isArchivedRoom(report) && isEmptyObject(reportErrors) && report && isAllowedToComment(report) && !isAnonymousUser && !isReadOnly(report);
 }
 
 /**
@@ -5989,13 +5997,6 @@ function canReportBeMentionedWithinPolicy(report: OnyxEntry<Report>, policyID: s
 
     return isChatRoom(report) && !isThread(report);
 }
-/**
- *
- * Checks if report is in read-only mode.
- */
-function isReadOnly(report: OnyxEntry<Report>): boolean {
-    return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE) ?? false;
-}
 
 export {
     getReportParticipantsTitle,
diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
index a48a609b51a7..f6c91d3b9f12 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -1,8 +1,7 @@
 import React, {useMemo} from 'react';
 import {View} from 'react-native';
 import {withOnyx} from 'react-native-onyx';
-import type {OnyxCollection} from 'react-native-onyx';
-import type {ValueOf} from 'type-fest';
+import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
 import Text from '@components/Text';
 import TextLink from '@components/TextLink';
 import useLocalize from '@hooks/useLocalize';
@@ -16,8 +15,9 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 import type {Policy as PolicyType, Report} from '@src/types/onyx';
 
-type OnboardingReportFooterMessageOnyxProps = {reports: OnyxCollection<Report>; policies: OnyxCollection<PolicyType>};
-type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps & {choice: ValueOf<typeof CONST.INTRO_CHOICES>};
+// TODO: Use a proper choice type
+type OnboardingReportFooterMessageOnyxProps = {choice: OnyxEntry<string>; reports: OnyxCollection<Report>; policies: OnyxCollection<PolicyType>};
+type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps;
 
 function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingReportFooterMessageProps) {
     const {translate} = useLocalize();
@@ -83,6 +83,9 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
 }
 OnboardingReportFooterMessage.displayName = 'OnboardingReportFooterMessage';
 export default withOnyx<OnboardingReportFooterMessageProps, OnboardingReportFooterMessageOnyxProps>({
+    choice: {
+        key: ONYXKEYS.ONBOARDING_PURPOSE_SELECTED,
+    },
     reports: {
         key: ONYXKEYS.COLLECTION.REPORT,
     },
diff --git a/src/pages/home/report/ReportFooter.tsx b/src/pages/home/report/ReportFooter.tsx
index bd143f9ef196..bccec0597fb0 100644
--- a/src/pages/home/report/ReportFooter.tsx
+++ b/src/pages/home/report/ReportFooter.tsx
@@ -20,6 +20,7 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import type * as OnyxTypes from '@src/types/onyx';
 import type {PendingAction} from '@src/types/onyx/OnyxCommon';
 import type {EmptyObject} from '@src/types/utils/EmptyObject';
+import OnboardingReportFooterMessage from './OnboardingReportFooterMessage';
 import ReportActionCompose from './ReportActionCompose/ReportActionCompose';
 
 type ReportFooterOnyxProps = {
@@ -81,6 +82,7 @@ function ReportFooter({
 
     const isSmallSizeLayout = windowWidth - (isSmallScreenWidth ? 0 : variables.sideBarWidth) < variables.anonymousReportFooterBreakpoint;
     const hideComposer = !ReportUtils.canUserPerformWriteAction(report);
+    const isReadOnlyReport = ReportUtils.isReadOnly(report);
 
     const allPersonalDetails = usePersonalDetails();
 
@@ -125,6 +127,10 @@ function ReportFooter({
         [report.reportID, handleCreateTask],
     );
 
+    if (isReadOnlyReport) {
+        <OnboardingReportFooterMessage />;
+    }
+
     return (
         <>
             {hideComposer && (

From 471a02adff994ef218ec3128614a92534fa7f6c4 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 17 Apr 2024 16:09:13 +0200
Subject: [PATCH 05/46] prettify

---
 src/pages/home/report/OnboardingReportFooterMessage.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
index f6c91d3b9f12..54659c14cf6e 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -81,7 +81,9 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
         </View>
     );
 }
+
 OnboardingReportFooterMessage.displayName = 'OnboardingReportFooterMessage';
+
 export default withOnyx<OnboardingReportFooterMessageProps, OnboardingReportFooterMessageOnyxProps>({
     choice: {
         key: ONYXKEYS.ONBOARDING_PURPOSE_SELECTED,

From b4aed0fa5eb550664687f06008359fc21bb881c3 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 17 Apr 2024 16:10:17 +0200
Subject: [PATCH 06/46] restrict task action in header

---
 src/components/TaskHeaderActionButton.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/TaskHeaderActionButton.tsx b/src/components/TaskHeaderActionButton.tsx
index 2d964f58c253..a7e3abcd3012 100644
--- a/src/components/TaskHeaderActionButton.tsx
+++ b/src/components/TaskHeaderActionButton.tsx
@@ -25,6 +25,10 @@ function TaskHeaderActionButton({report, session}: TaskHeaderActionButtonProps)
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
+    if (ReportUtils.isReadOnly(report)) {
+        return null;
+    }
+
     return (
         <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentEnd]}>
             <Button

From 0c1efc36f0c9edb66941aa6b41d1961ae42036ed Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 17 Apr 2024 16:12:16 +0200
Subject: [PATCH 07/46] read only for TaskView

---
 src/components/ReportActionItem/TaskView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/TaskView.tsx b/src/components/ReportActionItem/TaskView.tsx
index 9711e126907f..550b9fc6b05c 100644
--- a/src/components/ReportActionItem/TaskView.tsx
+++ b/src/components/ReportActionItem/TaskView.tsx
@@ -60,7 +60,7 @@ function TaskView({report, shouldShowHorizontalRule, ...props}: TaskViewProps) {
     const isOpen = ReportUtils.isOpenTaskReport(report);
     const canModifyTask = Task.canModifyTask(report, props.currentUserPersonalDetails.accountID);
     const disableState = !canModifyTask;
-    const isDisableInteractive = !canModifyTask || !isOpen;
+    const isDisableInteractive = !canModifyTask || !isOpen || ReportUtils.isReadOnly(report);
     const personalDetails = usePersonalDetails() || CONST.EMPTY_OBJECT;
     const {translate} = useLocalize();
 

From d72ceab7f79bc0996d42ee2f75665a77c77aa409 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 17 Apr 2024 16:14:00 +0200
Subject: [PATCH 08/46] read only for TaskPreview

---
 src/components/ReportActionItem/TaskPreview.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/TaskPreview.tsx b/src/components/ReportActionItem/TaskPreview.tsx
index 8e8b3b930be7..b396816b024a 100644
--- a/src/components/ReportActionItem/TaskPreview.tsx
+++ b/src/components/ReportActionItem/TaskPreview.tsx
@@ -76,6 +76,7 @@ function TaskPreview({taskReport, taskReportID, action, contextMenuAnchor, chatR
     const htmlForTaskPreview =
         taskAssigneeAccountID !== 0 ? `<comment><mention-user accountid="${taskAssigneeAccountID}"></mention-user> ${taskTitle}</comment>` : `<comment>${taskTitle}</comment>`;
     const isDeletedParentAction = ReportUtils.isCanceledTaskReport(taskReport, action);
+    const isReadOnly = ReportUtils.isReadOnly(taskReport);
 
     if (isDeletedParentAction) {
         return <RenderHTML html={`<comment>${translate('parentReportAction.deletedTask')}</comment>`} />;
@@ -98,8 +99,12 @@ function TaskPreview({taskReport, taskReportID, action, contextMenuAnchor, chatR
                         style={[styles.mr2]}
                         containerStyle={[styles.taskCheckbox]}
                         isChecked={isTaskCompleted}
-                        disabled={!Task.canModifyTask(taskReport, currentUserPersonalDetails.accountID)}
+                        disabled={!Task.canModifyTask(taskReport, currentUserPersonalDetails.accountID) && !isReadOnly}
                         onPress={Session.checkIfActionIsAllowed(() => {
+                            if (isReadOnly) {
+                                return;
+                            }
+
                             if (isTaskCompleted) {
                                 Task.reopenTask(taskReport);
                             } else {

From 287fbe1e84673242ce6ba014eaa717fdf37fcd5f Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 17 Apr 2024 16:15:11 +0200
Subject: [PATCH 09/46] read only for HeaderView

---
 src/pages/home/HeaderView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/HeaderView.tsx b/src/pages/home/HeaderView.tsx
index 56828bce7847..e6bb13b1e3e7 100644
--- a/src/pages/home/HeaderView.tsx
+++ b/src/pages/home/HeaderView.tsx
@@ -130,7 +130,7 @@ function HeaderView({report, personalDetails, parentReport, parentReportAction,
         }
 
         // Task is not closed
-        if (report.stateNum !== CONST.REPORT.STATE_NUM.APPROVED && report.statusNum !== CONST.REPORT.STATUS_NUM.CLOSED && canModifyTask) {
+        if (!ReportUtils.isReadOnly(report) && report.stateNum !== CONST.REPORT.STATE_NUM.APPROVED && report.statusNum !== CONST.REPORT.STATUS_NUM.CLOSED && canModifyTask) {
             threeDotMenuItems.push({
                 icon: Expensicons.Trashcan,
                 text: translate('common.delete'),

From c386da0e430843c48c6c5c55169b2eed4e6840af Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 18 Apr 2024 13:04:03 +0200
Subject: [PATCH 10/46] fix isReadOnly condition

---
 src/libs/ReportUtils.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/libs/ReportUtils.ts b/src/libs/ReportUtils.ts
index 5fc5faeb1532..2bc60df19a1a 100644
--- a/src/libs/ReportUtils.ts
+++ b/src/libs/ReportUtils.ts
@@ -5275,7 +5275,11 @@ function isMoneyRequestReportPendingDeletion(report: OnyxEntry<Report> | EmptyOb
  * Checks if report is in read-only mode.
  */
 function isReadOnly(report: OnyxEntry<Report>): boolean {
-    return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE) ?? false;
+    if (Array.isArray(report?.permissions)) {
+        return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE);
+    }
+
+    return false;
 }
 
 function canUserPerformWriteAction(report: OnyxEntry<Report>) {

From 8243a2b0e7eb62cc5d5bb7ac0dff30c84ac72e00 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 18 Apr 2024 13:04:30 +0200
Subject: [PATCH 11/46] improve OnboardingReportFooterMessage

---
 src/pages/home/report/OnboardingReportFooterMessage.tsx | 6 ++++--
 src/pages/home/report/ReportFooter.tsx                  | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
index 54659c14cf6e..1d02a9ebeb94 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -10,13 +10,14 @@ import useWindowDimensions from '@hooks/useWindowDimensions';
 import * as PolicyUtils from '@libs/PolicyUtils';
 import Navigation from '@navigation/Navigation';
 import * as ReportInstance from '@userActions/Report';
+import type {OnboardingPurposeType} from '@src/CONST';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 import type {Policy as PolicyType, Report} from '@src/types/onyx';
 
 // TODO: Use a proper choice type
-type OnboardingReportFooterMessageOnyxProps = {choice: OnyxEntry<string>; reports: OnyxCollection<Report>; policies: OnyxCollection<PolicyType>};
+type OnboardingReportFooterMessageOnyxProps = {choice: OnyxEntry<OnboardingPurposeType>; reports: OnyxCollection<Report>; policies: OnyxCollection<PolicyType>};
 type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps;
 
 function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingReportFooterMessageProps) {
@@ -33,7 +34,7 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
 
     const content = useMemo(() => {
         switch (choice) {
-            case CONST.INTRO_CHOICES.MANAGE_TEAM:
+            case CONST.ONBOARDING_CHOICES.MANAGE_TEAM:
                 return (
                     <>
                         {`${translate('onboardingBottomMessage.newDotManageTeam.phrase1')}`}
@@ -68,6 +69,7 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
                 styles.chatFooter,
                 isSmallScreenWidth ? styles.mb5 : styles.mb4,
                 styles.mh5,
+                styles.mt4,
                 styles.flexRow,
                 styles.alignItemsCenter,
                 styles.p4,
diff --git a/src/pages/home/report/ReportFooter.tsx b/src/pages/home/report/ReportFooter.tsx
index eec34fa06903..c36c42a3e36b 100644
--- a/src/pages/home/report/ReportFooter.tsx
+++ b/src/pages/home/report/ReportFooter.tsx
@@ -131,7 +131,7 @@ function ReportFooter({
     );
 
     if (isReadOnlyReport) {
-        <OnboardingReportFooterMessage />;
+        return <OnboardingReportFooterMessage />;
     }
 
     return (

From 3896162ff35a6e478f4562169da4f8ca0d0c9de7 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 18 Apr 2024 13:04:51 +0200
Subject: [PATCH 12/46] add permissions to report

---
 src/pages/home/ReportScreen.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/home/ReportScreen.tsx b/src/pages/home/ReportScreen.tsx
index cdd843f65fb3..0dad3d295cff 100644
--- a/src/pages/home/ReportScreen.tsx
+++ b/src/pages/home/ReportScreen.tsx
@@ -206,6 +206,7 @@ function ReportScreen({
             isOptimisticReport: reportProp?.isOptimisticReport,
             lastMentionedTime: reportProp?.lastMentionedTime,
             avatarUrl: reportProp?.avatarUrl,
+            permissions: reportProp?.permissions,
         }),
         [
             reportProp?.lastReadTime,
@@ -245,6 +246,7 @@ function ReportScreen({
             reportProp?.isOptimisticReport,
             reportProp?.lastMentionedTime,
             reportProp?.avatarUrl,
+            reportProp?.permissions,
         ],
     );
 

From af3b05ffc6e603b708e5c3f7204373e1afa30382 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 18 Apr 2024 13:14:40 +0200
Subject: [PATCH 13/46] improve read only for tasks

---
 .../ReportActionItem/TaskPreview.tsx          |  7 +----
 src/components/ReportActionItem/TaskView.tsx  |  2 +-
 src/libs/ReportUtils.ts                       | 28 +++++++++++--------
 src/libs/actions/Task.ts                      |  4 +++
 4 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/components/ReportActionItem/TaskPreview.tsx b/src/components/ReportActionItem/TaskPreview.tsx
index b396816b024a..8e8b3b930be7 100644
--- a/src/components/ReportActionItem/TaskPreview.tsx
+++ b/src/components/ReportActionItem/TaskPreview.tsx
@@ -76,7 +76,6 @@ function TaskPreview({taskReport, taskReportID, action, contextMenuAnchor, chatR
     const htmlForTaskPreview =
         taskAssigneeAccountID !== 0 ? `<comment><mention-user accountid="${taskAssigneeAccountID}"></mention-user> ${taskTitle}</comment>` : `<comment>${taskTitle}</comment>`;
     const isDeletedParentAction = ReportUtils.isCanceledTaskReport(taskReport, action);
-    const isReadOnly = ReportUtils.isReadOnly(taskReport);
 
     if (isDeletedParentAction) {
         return <RenderHTML html={`<comment>${translate('parentReportAction.deletedTask')}</comment>`} />;
@@ -99,12 +98,8 @@ function TaskPreview({taskReport, taskReportID, action, contextMenuAnchor, chatR
                         style={[styles.mr2]}
                         containerStyle={[styles.taskCheckbox]}
                         isChecked={isTaskCompleted}
-                        disabled={!Task.canModifyTask(taskReport, currentUserPersonalDetails.accountID) && !isReadOnly}
+                        disabled={!Task.canModifyTask(taskReport, currentUserPersonalDetails.accountID)}
                         onPress={Session.checkIfActionIsAllowed(() => {
-                            if (isReadOnly) {
-                                return;
-                            }
-
                             if (isTaskCompleted) {
                                 Task.reopenTask(taskReport);
                             } else {
diff --git a/src/components/ReportActionItem/TaskView.tsx b/src/components/ReportActionItem/TaskView.tsx
index 550b9fc6b05c..9711e126907f 100644
--- a/src/components/ReportActionItem/TaskView.tsx
+++ b/src/components/ReportActionItem/TaskView.tsx
@@ -60,7 +60,7 @@ function TaskView({report, shouldShowHorizontalRule, ...props}: TaskViewProps) {
     const isOpen = ReportUtils.isOpenTaskReport(report);
     const canModifyTask = Task.canModifyTask(report, props.currentUserPersonalDetails.accountID);
     const disableState = !canModifyTask;
-    const isDisableInteractive = !canModifyTask || !isOpen || ReportUtils.isReadOnly(report);
+    const isDisableInteractive = !canModifyTask || !isOpen;
     const personalDetails = usePersonalDetails() || CONST.EMPTY_OBJECT;
     const {translate} = useLocalize();
 
diff --git a/src/libs/ReportUtils.ts b/src/libs/ReportUtils.ts
index 2bc60df19a1a..0536545aabfc 100644
--- a/src/libs/ReportUtils.ts
+++ b/src/libs/ReportUtils.ts
@@ -1186,10 +1186,26 @@ function isJoinRequestInAdminRoom(report: OnyxEntry<Report>): boolean {
     return ReportActionsUtils.isActionableJoinRequestPending(report.reportID);
 }
 
+/**
+ *
+ * Checks if report is in read-only mode.
+ */
+function isReadOnly(report: OnyxEntry<Report>): boolean {
+    if (Array.isArray(report?.permissions)) {
+        return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE);
+    }
+
+    return false;
+}
+
 /**
  * Checks if the current user is allowed to comment on the given report.
  */
 function isAllowedToComment(report: OnyxEntry<Report>): boolean {
+    if (isReadOnly(report)) {
+        return false;
+    }
+
     // Default to allowing all users to post
     const capability = report?.writeCapability ?? CONST.REPORT.WRITE_CAPABILITIES.ALL;
 
@@ -5270,18 +5286,6 @@ function isMoneyRequestReportPendingDeletion(report: OnyxEntry<Report> | EmptyOb
     return parentReportAction?.pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE;
 }
 
-/**
- *
- * Checks if report is in read-only mode.
- */
-function isReadOnly(report: OnyxEntry<Report>): boolean {
-    if (Array.isArray(report?.permissions)) {
-        return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE);
-    }
-
-    return false;
-}
-
 function canUserPerformWriteAction(report: OnyxEntry<Report>) {
     const reportErrors = getAddWorkspaceRoomOrChatReportErrors(report);
 
diff --git a/src/libs/actions/Task.ts b/src/libs/actions/Task.ts
index f74b451c29f6..c1c64a7fbf03 100644
--- a/src/libs/actions/Task.ts
+++ b/src/libs/actions/Task.ts
@@ -1000,6 +1000,10 @@ function canModifyTask(taskReport: OnyxEntry<OnyxTypes.Report>, sessionAccountID
         return true;
     }
 
+    if (ReportUtils.isReadOnly(ReportUtils.getReport(taskReport?.reportID))) {
+        return false;
+    }
+
     return !isEmptyObject(taskReport) && ReportUtils.isAllowedToComment(taskReport);
 }
 

From 09a118c01e38e95cd001db9cbb328e69b87c1971 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 18 Apr 2024 15:18:07 +0200
Subject: [PATCH 14/46] Consierge read only

---
 src/libs/actions/Report.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/libs/actions/Report.ts b/src/libs/actions/Report.ts
index 1faf850b6d76..3f683bc2c55a 100644
--- a/src/libs/actions/Report.ts
+++ b/src/libs/actions/Report.ts
@@ -3142,6 +3142,7 @@ function completeOnboarding(
                         managerID: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
                     },
                     isOptimisticReport: true,
+                    permissions: [CONST.REPORT.PERMISSIONS.READ],
                 },
             },
             {
@@ -3176,6 +3177,7 @@ function completeOnboarding(
             key: `${ONYXKEYS.COLLECTION.REPORT}${targetChatReportID}`,
             value: {
                 lastMentionedTime: DateUtils.getDBTime(),
+                permissions: [CONST.REPORT.PERMISSIONS.READ],
             },
         },
         {

From f7e3f63315dbdae8a8bd05b8b0cda659d7c56f98 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 19 Apr 2024 17:56:53 +0700
Subject: [PATCH 15/46] fix update icons in global create and money request
 flows

---
 .../getIconForAction/index.ts                  | 18 ++++++++++++++++++
 .../AttachmentPickerWithMenuItems.tsx          |  7 ++++---
 .../FloatingActionButtonAndPopover.tsx         | 11 ++++++++---
 3 files changed, 30 insertions(+), 6 deletions(-)
 create mode 100644 src/libs/focusComposerWithDelay/getIconForAction/index.ts

diff --git a/src/libs/focusComposerWithDelay/getIconForAction/index.ts b/src/libs/focusComposerWithDelay/getIconForAction/index.ts
new file mode 100644
index 000000000000..a1b7ee001d5f
--- /dev/null
+++ b/src/libs/focusComposerWithDelay/getIconForAction/index.ts
@@ -0,0 +1,18 @@
+import {ValueOf} from 'type-fest';
+import * as Expensicons from '@components/Icon/Expensicons';
+import CONST from '@src/CONST';
+
+const getIconForAction = (actionType: ValueOf<typeof CONST.IOU.TYPE>) => {
+    switch (actionType) {
+        case CONST.IOU.TYPE.TRACK_EXPENSE:
+            return Expensicons.MoneyCircle;
+        case CONST.IOU.TYPE.REQUEST:
+            return Expensicons.Receipt;
+        case CONST.IOU.TYPE.SEND:
+            return Expensicons.Cash;
+        default:
+            return Expensicons.MoneyCircle;
+    }
+};
+
+export default getIconForAction;
diff --git a/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx b/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
index 1294d2ca8aea..515ce8921c43 100644
--- a/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
+++ b/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
@@ -18,6 +18,7 @@ import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
 import * as Browser from '@libs/Browser';
+import getIconForAction from '@libs/focusComposerWithDelay/getIconForAction';
 import * as ReportUtils from '@libs/ReportUtils';
 import * as IOU from '@userActions/IOU';
 import * as Report from '@userActions/Report';
@@ -129,17 +130,17 @@ function AttachmentPickerWithMenuItems({
                 onSelected: () => IOU.startMoneyRequest(CONST.IOU.TYPE.SPLIT, report?.reportID ?? ''),
             },
             [CONST.IOU.TYPE.REQUEST]: {
-                icon: Expensicons.MoneyCircle,
+                icon: getIconForAction(CONST.IOU.TYPE.REQUEST),
                 text: translate('iou.submitExpense'),
                 onSelected: () => IOU.startMoneyRequest(CONST.IOU.TYPE.REQUEST, report?.reportID ?? ''),
             },
             [CONST.IOU.TYPE.SEND]: {
-                icon: Expensicons.Send,
+                icon: getIconForAction(CONST.IOU.TYPE.SEND),
                 text: translate('iou.paySomeone', {name: ReportUtils.getPayeeName(report)}),
                 onSelected: () => IOU.startMoneyRequest(CONST.IOU.TYPE.SEND, report?.reportID ?? ''),
             },
             [CONST.IOU.TYPE.TRACK_EXPENSE]: {
-                icon: Expensicons.DocumentPlus,
+                icon: getIconForAction(CONST.IOU.TYPE.TRACK_EXPENSE),
                 text: translate('iou.trackExpense'),
                 onSelected: () => IOU.startMoneyRequest(CONST.IOU.TYPE.TRACK_EXPENSE, report?.reportID ?? ''),
             },
diff --git a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
index 60fed8e7af2e..41acad611562 100644
--- a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
+++ b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
@@ -14,6 +14,7 @@ import usePermissions from '@hooks/usePermissions';
 import usePrevious from '@hooks/usePrevious';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
+import getIconForAction from '@libs/focusComposerWithDelay/getIconForAction';
 import interceptAnonymousUser from '@libs/interceptAnonymousUser';
 import getTopmostCentralPaneRoute from '@libs/Navigation/getTopmostCentralPaneRoute';
 import * as ReportUtils from '@libs/ReportUtils';
@@ -96,6 +97,10 @@ const getQuickActionIcon = (action: QuickActionName): React.FC<SvgProps> => {
             return Expensicons.Send;
         case CONST.QUICK_ACTIONS.ASSIGN_TASK:
             return Expensicons.Task;
+        case CONST.QUICK_ACTIONS.TRACK_DISTANCE:
+        case CONST.QUICK_ACTIONS.TRACK_MANUAL:
+        case CONST.QUICK_ACTIONS.TRACK_SCAN:
+            return getIconForAction(CONST.IOU.TYPE.TRACK_EXPENSE);
         default:
             return Expensicons.MoneyCircle;
     }
@@ -288,7 +293,7 @@ function FloatingActionButtonAndPopover(
                     ...(canUseTrackExpense
                         ? [
                               {
-                                  icon: Expensicons.DocumentPlus,
+                                  icon: getIconForAction(CONST.IOU.TYPE.TRACK_EXPENSE),
                                   text: translate('iou.trackExpense'),
                                   onSelected: () =>
                                       interceptAnonymousUser(() =>
@@ -304,7 +309,7 @@ function FloatingActionButtonAndPopover(
                           ]
                         : []),
                     {
-                        icon: Expensicons.MoneyCircle,
+                        icon: getIconForAction(CONST.IOU.TYPE.REQUEST),
                         text: translate('iou.submitExpense'),
                         onSelected: () =>
                             interceptAnonymousUser(() =>
@@ -317,7 +322,7 @@ function FloatingActionButtonAndPopover(
                             ),
                     },
                     {
-                        icon: Expensicons.Send,
+                        icon: getIconForAction(CONST.IOU.TYPE.SEND),
                         text: translate('iou.paySomeone', {}),
                         onSelected: () =>
                             interceptAnonymousUser(() =>

From 0ad104cb29486b6a60ac515b4cbb228cb3197f1f Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Sat, 20 Apr 2024 09:35:35 +0700
Subject: [PATCH 16/46] fix update svg files

---
 assets/images/{tax.svg => coins.svg}               |  0
 assets/images/receipt-scan.svg                     | 14 ++++++++++++++
 src/components/Icon/Expensicons.ts                 |  6 ++++--
 src/components/TabSelector/TabSelector.tsx         |  2 +-
 .../getIconForAction/index.ts                      |  4 ++--
 .../FloatingActionButtonAndPopover.tsx             |  2 +-
 src/pages/workspace/WorkspaceInitialPage.tsx       |  2 +-
 7 files changed, 23 insertions(+), 7 deletions(-)
 rename assets/images/{tax.svg => coins.svg} (100%)
 create mode 100644 assets/images/receipt-scan.svg

diff --git a/assets/images/tax.svg b/assets/images/coins.svg
similarity index 100%
rename from assets/images/tax.svg
rename to assets/images/coins.svg
diff --git a/assets/images/receipt-scan.svg b/assets/images/receipt-scan.svg
new file mode 100644
index 000000000000..ecdf3cf2e115
--- /dev/null
+++ b/assets/images/receipt-scan.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<path d="M3,1.364V7h14V1.364c0-0.372-0.458-0.545-0.701-0.265l-0.748,0.861c-0.159,0.184-0.443,0.184-0.602,0l-1.148-1.322
+	c-0.159-0.184-0.443-0.184-0.602,0l-1.148,1.322c-0.159,0.184-0.443,0.184-0.602,0l-1.148-1.322c-0.159-0.184-0.443-0.184-0.602,0
+	L8.551,1.959c-0.159,0.184-0.443,0.184-0.602,0L6.801,0.638c-0.159-0.184-0.443-0.184-0.602,0L5.051,1.959
+	c-0.159,0.184-0.443,0.184-0.602,0L3.701,1.098C3.458,0.818,3,0.991,3,1.364z"/>
+<path d="M3,18.636V13h14v5.636c0,0.372-0.458,0.545-0.701,0.265l-0.748-0.861c-0.159-0.184-0.443-0.184-0.602,0l-1.148,1.322
+	c-0.159,0.184-0.443,0.184-0.602,0l-1.148-1.322c-0.159-0.184-0.443-0.184-0.602,0l-1.148,1.322c-0.159,0.184-0.443,0.184-0.602,0
+	L8.551,18.04c-0.159-0.184-0.443-0.184-0.602,0l-1.148,1.322c-0.159,0.184-0.443,0.184-0.602,0L5.051,18.04
+	c-0.159-0.184-0.443-0.184-0.602,0l-0.748,0.861C3.458,19.182,3,19.008,3,18.636z"/>
+<path d="M2,9c-0.552,0-1,0.448-1,1c0,0.552,0.448,1,1,1h16c0.552,0,1-0.448,1-1c0-0.552-0.448-1-1-1H2z"/>
+</svg>
diff --git a/src/components/Icon/Expensicons.ts b/src/components/Icon/Expensicons.ts
index 877e4972a3ec..4807031f5b83 100644
--- a/src/components/Icon/Expensicons.ts
+++ b/src/components/Icon/Expensicons.ts
@@ -37,6 +37,7 @@ import ChatBubbles from '@assets/images/chatbubbles.svg';
 import Checkmark from '@assets/images/checkmark.svg';
 import Close from '@assets/images/close.svg';
 import ClosedSign from '@assets/images/closed-sign.svg';
+import Coins from '@assets/images/coins.svg';
 import Collapse from '@assets/images/collapse.svg';
 import Concierge from '@assets/images/concierge.svg';
 import Connect from '@assets/images/connect.svg';
@@ -122,6 +123,7 @@ import Printer from '@assets/images/printer.svg';
 import Profile from '@assets/images/profile.svg';
 import QrCode from '@assets/images/qrcode.svg';
 import QuestionMark from '@assets/images/question-mark-circle.svg';
+import ReceiptScan from '@assets/images/receipt-scan.svg';
 import ReceiptSearch from '@assets/images/receipt-search.svg';
 import Receipt from '@assets/images/receipt.svg';
 import RemoveMembers from '@assets/images/remove-members.svg';
@@ -142,7 +144,6 @@ import Stopwatch from '@assets/images/stopwatch.svg';
 import Sync from '@assets/images/sync.svg';
 import Tag from '@assets/images/tag.svg';
 import Task from '@assets/images/task.svg';
-import Tax from '@assets/images/tax.svg';
 import Thread from '@assets/images/thread.svg';
 import ThreeDots from '@assets/images/three-dots.svg';
 import ThumbsUp from '@assets/images/thumbs-up.svg';
@@ -232,7 +233,7 @@ export {
     Fullscreen,
     Folder,
     Tag,
-    Tax,
+    Coins,
     Thread,
     Gallery,
     Gear,
@@ -286,6 +287,7 @@ export {
     QrCode,
     QuestionMark,
     Receipt,
+    ReceiptScan,
     RemoveMembers,
     ReceiptSearch,
     Rotate,
diff --git a/src/components/TabSelector/TabSelector.tsx b/src/components/TabSelector/TabSelector.tsx
index fc19e6a8062e..9fe1665f6b19 100644
--- a/src/components/TabSelector/TabSelector.tsx
+++ b/src/components/TabSelector/TabSelector.tsx
@@ -26,7 +26,7 @@ function getIconAndTitle(route: string, translate: LocaleContextProps['translate
         case CONST.TAB_REQUEST.MANUAL:
             return {icon: Expensicons.Pencil, title: translate('tabSelector.manual')};
         case CONST.TAB_REQUEST.SCAN:
-            return {icon: Expensicons.Receipt, title: translate('tabSelector.scan')};
+            return {icon: Expensicons.ReceiptScan, title: translate('tabSelector.scan')};
         case CONST.TAB.NEW_CHAT:
             return {icon: Expensicons.User, title: translate('tabSelector.chat')};
         case CONST.TAB.NEW_ROOM:
diff --git a/src/libs/focusComposerWithDelay/getIconForAction/index.ts b/src/libs/focusComposerWithDelay/getIconForAction/index.ts
index a1b7ee001d5f..963c92640f39 100644
--- a/src/libs/focusComposerWithDelay/getIconForAction/index.ts
+++ b/src/libs/focusComposerWithDelay/getIconForAction/index.ts
@@ -1,11 +1,11 @@
-import {ValueOf} from 'type-fest';
+import type {ValueOf} from 'type-fest';
 import * as Expensicons from '@components/Icon/Expensicons';
 import CONST from '@src/CONST';
 
 const getIconForAction = (actionType: ValueOf<typeof CONST.IOU.TYPE>) => {
     switch (actionType) {
         case CONST.IOU.TYPE.TRACK_EXPENSE:
-            return Expensicons.MoneyCircle;
+            return Expensicons.Coins;
         case CONST.IOU.TYPE.REQUEST:
             return Expensicons.Receipt;
         case CONST.IOU.TYPE.SEND:
diff --git a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
index 41acad611562..019ed232ff7b 100644
--- a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
+++ b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
@@ -86,7 +86,7 @@ const getQuickActionIcon = (action: QuickActionName): React.FC<SvgProps> => {
         case CONST.QUICK_ACTIONS.REQUEST_MANUAL:
             return Expensicons.MoneyCircle;
         case CONST.QUICK_ACTIONS.REQUEST_SCAN:
-            return Expensicons.Receipt;
+            return Expensicons.ReceiptScan;
         case CONST.QUICK_ACTIONS.REQUEST_DISTANCE:
             return Expensicons.Car;
         case CONST.QUICK_ACTIONS.SPLIT_MANUAL:
diff --git a/src/pages/workspace/WorkspaceInitialPage.tsx b/src/pages/workspace/WorkspaceInitialPage.tsx
index cbdacf66c548..231bbdb92d24 100644
--- a/src/pages/workspace/WorkspaceInitialPage.tsx
+++ b/src/pages/workspace/WorkspaceInitialPage.tsx
@@ -208,7 +208,7 @@ function WorkspaceInitialPage({policyDraft, policy: policyProp, reimbursementAcc
     if (policy?.tax?.trackingEnabled) {
         protectedCollectPolicyMenuItems.push({
             translationKey: 'workspace.common.taxes',
-            icon: Expensicons.Tax,
+            icon: Expensicons.Coins,
             action: singleExecution(waitForNavigate(() => Navigation.navigate(ROUTES.WORKSPACE_TAXES.getRoute(policyID)))),
             routeName: SCREENS.WORKSPACE.TAXES,
             brickRoadIndicator: PolicyUtils.hasTaxRateError(policy) ? CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR : undefined,

From e8413bb28abda5c98b05164ac78db08c8dabcddd Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Sat, 20 Apr 2024 10:05:52 +0700
Subject: [PATCH 17/46] fix refactor

---
 .../{focusComposerWithDelay => }/getIconForAction/index.ts    | 0
 .../ReportActionCompose/AttachmentPickerWithMenuItems.tsx     | 2 +-
 .../sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx  | 4 ++--
 3 files changed, 3 insertions(+), 3 deletions(-)
 rename src/libs/{focusComposerWithDelay => }/getIconForAction/index.ts (100%)

diff --git a/src/libs/focusComposerWithDelay/getIconForAction/index.ts b/src/libs/getIconForAction/index.ts
similarity index 100%
rename from src/libs/focusComposerWithDelay/getIconForAction/index.ts
rename to src/libs/getIconForAction/index.ts
diff --git a/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx b/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
index 515ce8921c43..e2d87d55605a 100644
--- a/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
+++ b/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
@@ -18,7 +18,7 @@ import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
 import * as Browser from '@libs/Browser';
-import getIconForAction from '@libs/focusComposerWithDelay/getIconForAction';
+import getIconForAction from '@libs/getIconForAction';
 import * as ReportUtils from '@libs/ReportUtils';
 import * as IOU from '@userActions/IOU';
 import * as Report from '@userActions/Report';
diff --git a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
index 019ed232ff7b..3710733f31b3 100644
--- a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
+++ b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
@@ -14,7 +14,7 @@ import usePermissions from '@hooks/usePermissions';
 import usePrevious from '@hooks/usePrevious';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
-import getIconForAction from '@libs/focusComposerWithDelay/getIconForAction';
+import getIconForAction from '@libs/getIconForAction';
 import interceptAnonymousUser from '@libs/interceptAnonymousUser';
 import getTopmostCentralPaneRoute from '@libs/Navigation/getTopmostCentralPaneRoute';
 import * as ReportUtils from '@libs/ReportUtils';
@@ -94,7 +94,7 @@ const getQuickActionIcon = (action: QuickActionName): React.FC<SvgProps> => {
         case CONST.QUICK_ACTIONS.SPLIT_DISTANCE:
             return Expensicons.Transfer;
         case CONST.QUICK_ACTIONS.SEND_MONEY:
-            return Expensicons.Send;
+            return getIconForAction(CONST.IOU.TYPE.SEND);
         case CONST.QUICK_ACTIONS.ASSIGN_TASK:
             return Expensicons.Task;
         case CONST.QUICK_ACTIONS.TRACK_DISTANCE:

From c7cd9a9a33bacb1f5672001d992c4049bee68389 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Sat, 20 Apr 2024 10:11:30 +0700
Subject: [PATCH 18/46] fix send money icon

---
 .../sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
index b955f6d3c7ff..fb556ccaad81 100644
--- a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
+++ b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
@@ -324,7 +324,7 @@ function FloatingActionButtonAndPopover(
                             ),
                     },
                     {
-                        icon: getIconForAction(CONST.IOU.TYPE.SEND),
+                        icon: Expensicons.Transfer,
                         text: translate('iou.splitExpense'),
                         onSelected: () =>
                             interceptAnonymousUser(() =>
@@ -337,7 +337,7 @@ function FloatingActionButtonAndPopover(
                             ),
                     },
                     {
-                        icon: Expensicons.Send,
+                        icon: getIconForAction(CONST.IOU.TYPE.SEND),
                         text: translate('iou.paySomeone', {}),
                         onSelected: () =>
                             interceptAnonymousUser(() =>

From 15478c04f9872a3b0796a76ebea9c34b1571f743 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Mon, 22 Apr 2024 12:14:22 +0200
Subject: [PATCH 19/46] revert dev change

---
 src/libs/actions/Report.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/libs/actions/Report.ts b/src/libs/actions/Report.ts
index 576c06d230c6..8b0dbf8a37a9 100644
--- a/src/libs/actions/Report.ts
+++ b/src/libs/actions/Report.ts
@@ -3226,7 +3226,6 @@ function completeOnboarding(
             key: `${ONYXKEYS.COLLECTION.REPORT}${targetChatReportID}`,
             value: {
                 lastMentionedTime: DateUtils.getDBTime(),
-                permissions: [CONST.REPORT.PERMISSIONS.READ],
             },
         },
         {

From 6b41cdec96ff1cfb8ce8a59791f8000027def43c Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Tue, 23 Apr 2024 17:10:22 +0200
Subject: [PATCH 20/46] restrict actions for read-only chats

---
 .../home/report/ContextMenu/ContextMenuActions.tsx   | 12 ++++++++++++
 src/pages/home/report/ReportActionItem.tsx           |  2 ++
 2 files changed, 14 insertions(+)

diff --git a/src/pages/home/report/ContextMenu/ContextMenuActions.tsx b/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
index eb1e60461005..5638e08d3b34 100644
--- a/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
+++ b/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
@@ -513,5 +513,17 @@ const ContextMenuActions: ContextMenuAction[] = [
     },
 ];
 
+const restrictedReadOnlyActions = [
+    'common.download',
+    'reportActionContextMenu.replyInThread',
+    'reportActionContextMenu.editAction',
+    'reportActionContextMenu.joinThread',
+    'reportActionContextMenu.deleteAction',
+];
+
+// @ts-expect-error Not all actions have textTranslateKey
+const RestrictedReadOnlyContextMenuActions: ContextMenuAction[] = ContextMenuActions.filter((action) => restrictedReadOnlyActions.includes(action.textTranslateKey));
+
+export {RestrictedReadOnlyContextMenuActions};
 export default ContextMenuActions;
 export type {ContextMenuActionPayload, ContextMenuAction};
diff --git a/src/pages/home/report/ReportActionItem.tsx b/src/pages/home/report/ReportActionItem.tsx
index c07b693001e0..b2dc4550f8fd 100644
--- a/src/pages/home/report/ReportActionItem.tsx
+++ b/src/pages/home/report/ReportActionItem.tsx
@@ -66,6 +66,7 @@ import type * as OnyxTypes from '@src/types/onyx';
 import type {OriginalMessageActionableMentionWhisper, OriginalMessageActionableTrackedExpenseWhisper, OriginalMessageJoinPolicyChangeLog} from '@src/types/onyx/OriginalMessage';
 import {isEmptyObject} from '@src/types/utils/EmptyObject';
 import AnimatedEmptyStateBackground from './AnimatedEmptyStateBackground';
+import {RestrictedReadOnlyContextMenuActions} from './ContextMenu/ContextMenuActions';
 import MiniReportActionContextMenu from './ContextMenu/MiniReportActionContextMenu';
 import * as ReportActionContextMenu from './ContextMenu/ReportActionContextMenu';
 import {hideContextMenu} from './ContextMenu/ReportActionContextMenu';
@@ -914,6 +915,7 @@ function ReportActionItem({
                             originalReportID={originalReportID ?? ''}
                             isArchivedRoom={ReportUtils.isArchivedRoom(report)}
                             displayAsGroup={displayAsGroup}
+                            disabledActions={ReportUtils.isReadOnly(report) ? RestrictedReadOnlyContextMenuActions : []}
                             isVisible={hovered && draftMessage === undefined && !hasErrors}
                             draftMessage={draftMessage}
                             isChronosReport={ReportUtils.chatIncludesChronos(originalReport)}

From 0dfd073fd96b7ab211ae064e1671e8822b7f5ef3 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Wed, 24 Apr 2024 19:18:38 +0700
Subject: [PATCH 21/46] fix update split expense icon in chat

---
 .../ReportActionCompose/AttachmentPickerWithMenuItems.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx b/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
index e2d87d55605a..08313ab652d4 100644
--- a/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
+++ b/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
@@ -125,7 +125,7 @@ function AttachmentPickerWithMenuItems({
     const moneyRequestOptions = useMemo(() => {
         const options: MoneyRequestOptions = {
             [CONST.IOU.TYPE.SPLIT]: {
-                icon: Expensicons.Receipt,
+                icon: Expensicons.Transfer,
                 text: translate('iou.splitExpense'),
                 onSelected: () => IOU.startMoneyRequest(CONST.IOU.TYPE.SPLIT, report?.reportID ?? ''),
             },

From c15fd3a3ba815443583ecdf14b070b746cfea695 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Wed, 24 Apr 2024 19:31:28 +0700
Subject: [PATCH 22/46] fix type

---
 src/libs/getIconForAction/index.ts                            | 2 +-
 .../sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/libs/getIconForAction/index.ts b/src/libs/getIconForAction/index.ts
index 963c92640f39..820cf2687f02 100644
--- a/src/libs/getIconForAction/index.ts
+++ b/src/libs/getIconForAction/index.ts
@@ -4,7 +4,7 @@ import CONST from '@src/CONST';
 
 const getIconForAction = (actionType: ValueOf<typeof CONST.IOU.TYPE>) => {
     switch (actionType) {
-        case CONST.IOU.TYPE.TRACK_EXPENSE:
+        case CONST.IOU.TYPE.TRACK:
             return Expensicons.Coins;
         case CONST.IOU.TYPE.REQUEST:
             return Expensicons.Receipt;
diff --git a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
index 3425942658c6..be0c61f822a5 100644
--- a/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
+++ b/src/pages/home/sidebar/SidebarScreen/FloatingActionButtonAndPopover.tsx
@@ -100,7 +100,7 @@ const getQuickActionIcon = (action: QuickActionName): React.FC<SvgProps> => {
         case CONST.QUICK_ACTIONS.TRACK_DISTANCE:
         case CONST.QUICK_ACTIONS.TRACK_MANUAL:
         case CONST.QUICK_ACTIONS.TRACK_SCAN:
-            return getIconForAction(CONST.IOU.TYPE.TRACK_EXPENSE);
+            return getIconForAction(CONST.IOU.TYPE.TRACK);
         default:
             return Expensicons.MoneyCircle;
     }
@@ -295,7 +295,7 @@ function FloatingActionButtonAndPopover(
                     ...(canUseTrackExpense && selfDMReportID
                         ? [
                               {
-                                  icon: getIconForAction(CONST.IOU.TYPE.TRACK_EXPENSE),
+                                  icon: getIconForAction(CONST.IOU.TYPE.TRACK),
                                   text: translate('iou.trackExpense'),
                                   onSelected: () =>
                                       interceptAnonymousUser(() =>

From e96d59d478893f7243c150e17fd29f8d0c5154a2 Mon Sep 17 00:00:00 2001
From: Julian Kobrynski <julian.kobrynski@callstack.com>
Date: Wed, 24 Apr 2024 15:11:05 +0200
Subject: [PATCH 23/46] add delay to promise while, log poll rate

---
 .../javascript/awaitStagingDeploys/awaitStagingDeploys.ts | 1 +
 .github/actions/javascript/awaitStagingDeploys/index.js   | 8 +++++++-
 .github/libs/promiseWhile.ts                              | 7 ++++++-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/.github/actions/javascript/awaitStagingDeploys/awaitStagingDeploys.ts b/.github/actions/javascript/awaitStagingDeploys/awaitStagingDeploys.ts
index 7de78e257dc4..26947193cd80 100644
--- a/.github/actions/javascript/awaitStagingDeploys/awaitStagingDeploys.ts
+++ b/.github/actions/javascript/awaitStagingDeploys/awaitStagingDeploys.ts
@@ -8,6 +8,7 @@ import {promiseDoWhile} from '@github/libs/promiseWhile';
 type CurrentStagingDeploys = Awaited<ReturnType<typeof GitHubUtils.octokit.actions.listWorkflowRuns>>['data']['workflow_runs'];
 
 function run() {
+    console.info('[awaitStagingDeploys] POLL RATE', CONST.POLL_RATE);
     console.info('[awaitStagingDeploys] run()');
     console.info('[awaitStagingDeploys] getStringInput', getStringInput);
     console.info('[awaitStagingDeploys] GitHubUtils', GitHubUtils);
diff --git a/.github/actions/javascript/awaitStagingDeploys/index.js b/.github/actions/javascript/awaitStagingDeploys/index.js
index d84c6df1a0d3..c91313520673 100644
--- a/.github/actions/javascript/awaitStagingDeploys/index.js
+++ b/.github/actions/javascript/awaitStagingDeploys/index.js
@@ -12131,6 +12131,7 @@ const CONST_1 = __importDefault(__nccwpck_require__(9873));
 const GithubUtils_1 = __importDefault(__nccwpck_require__(9296));
 const promiseWhile_1 = __nccwpck_require__(9438);
 function run() {
+    console.info('[awaitStagingDeploys] POLL RATE', CONST_1.default.POLL_RATE);
     console.info('[awaitStagingDeploys] run()');
     console.info('[awaitStagingDeploys] getStringInput', ActionUtils_1.getStringInput);
     console.info('[awaitStagingDeploys] GitHubUtils', GithubUtils_1.default);
@@ -12742,7 +12743,12 @@ function promiseWhile(condition, action) {
                     resolve();
                     return;
                 }
-                Promise.resolve(actionResult).then(loop).catch(reject);
+                Promise.resolve(actionResult)
+                    .then(() => {
+                    // Set a timeout to delay the next loop iteration
+                    setTimeout(loop, 1000); // 1000 ms delay
+                })
+                    .catch(reject);
             }
         };
         loop();
diff --git a/.github/libs/promiseWhile.ts b/.github/libs/promiseWhile.ts
index 01c061096d64..401b6ee2e18a 100644
--- a/.github/libs/promiseWhile.ts
+++ b/.github/libs/promiseWhile.ts
@@ -19,7 +19,12 @@ function promiseWhile(condition: () => boolean, action: (() => Promise<void>) |
                     return;
                 }
 
-                Promise.resolve(actionResult).then(loop).catch(reject);
+                Promise.resolve(actionResult)
+                    .then(() => {
+                        // Set a timeout to delay the next loop iteration
+                        setTimeout(loop, 1000); // 1000 ms delay
+                    })
+                    .catch(reject);
             }
         };
         loop();

From 990e3cb19e17968054dfcbe8eed33b402395e9df Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 13:25:44 +0200
Subject: [PATCH 24/46] translate

---
 src/languages/es.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/languages/es.ts b/src/languages/es.ts
index 8d430da808a2..487b68cfacdf 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -3236,12 +3236,12 @@ export default {
     },
     onboardingBottomMessage: {
         [CONST.INTRO_CHOICES.MANAGE_TEAM]: {
-            phrase1: 'Chat with your setup specialist in ',
-            phrase2: ' for help',
+            phrase1: 'Chatea con tu especialista en configuración en ',
+            phrase2: ' por ayuda',
         },
         default: {
-            phrase1: 'Message ',
-            phrase2: ' for help with setup',
+            phrase1: 'Mensaje ',
+            phrase2: ' para obtener ayuda con la configuración',
         },
     },
     violations: {

From 8fa54e65259629b2ebf393f2e31d490f4d3e1944 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 13:25:52 +0200
Subject: [PATCH 25/46] remove todo

---
 src/pages/home/report/OnboardingReportFooterMessage.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
index 1d02a9ebeb94..d6b86c95f141 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -16,7 +16,6 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 import type {Policy as PolicyType, Report} from '@src/types/onyx';
 
-// TODO: Use a proper choice type
 type OnboardingReportFooterMessageOnyxProps = {choice: OnyxEntry<OnboardingPurposeType>; reports: OnyxCollection<Report>; policies: OnyxCollection<PolicyType>};
 type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps;
 

From a93647a66d94ae821d14566ae848bcaed7b20213 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 13:42:48 +0200
Subject: [PATCH 26/46] fix translations

---
 src/languages/es.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/languages/es.ts b/src/languages/es.ts
index 487b68cfacdf..b93282ad6c65 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -3236,11 +3236,11 @@ export default {
     },
     onboardingBottomMessage: {
         [CONST.INTRO_CHOICES.MANAGE_TEAM]: {
-            phrase1: 'Chatea con tu especialista en configuración en ',
-            phrase2: ' por ayuda',
+            phrase1: 'Chatea con tu especialista asignado en ',
+            phrase2: ' para obtener ayuda',
         },
         default: {
-            phrase1: 'Mensaje ',
+            phrase1: 'Envía un email a ',
             phrase2: ' para obtener ayuda con la configuración',
         },
     },

From 23b0ba0a104baac406a14b4615b6bd92b65589f2 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 13:50:34 +0200
Subject: [PATCH 27/46] Concierge read-only

---
 src/libs/actions/Report.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/libs/actions/Report.ts b/src/libs/actions/Report.ts
index c154d1ca51b5..6a2f4bf3d41e 100644
--- a/src/libs/actions/Report.ts
+++ b/src/libs/actions/Report.ts
@@ -3171,6 +3171,7 @@ function completeOnboarding(
                             managerID: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
                         },
                         isOptimisticReport: true,
+                        permissions: [CONST.REPORT.PERMISSIONS.READ],
                     },
                 },
                 {
@@ -3253,6 +3254,7 @@ function completeOnboarding(
             key: `${ONYXKEYS.COLLECTION.REPORT}${targetChatReportID}`,
             value: {
                 lastMentionedTime: DateUtils.getDBTime(),
+                permissions: [CONST.REPORT.PERMISSIONS.READ],
             },
         },
         {

From ace67dcb7d83c64a27d28536f0509e4fd02c9842 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 13:50:38 +0200
Subject: [PATCH 28/46] Revert "Concierge read-only"

This reverts commit 23b0ba0a104baac406a14b4615b6bd92b65589f2.
---
 src/libs/actions/Report.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/libs/actions/Report.ts b/src/libs/actions/Report.ts
index 6a2f4bf3d41e..c154d1ca51b5 100644
--- a/src/libs/actions/Report.ts
+++ b/src/libs/actions/Report.ts
@@ -3171,7 +3171,6 @@ function completeOnboarding(
                             managerID: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
                         },
                         isOptimisticReport: true,
-                        permissions: [CONST.REPORT.PERMISSIONS.READ],
                     },
                 },
                 {
@@ -3254,7 +3253,6 @@ function completeOnboarding(
             key: `${ONYXKEYS.COLLECTION.REPORT}${targetChatReportID}`,
             value: {
                 lastMentionedTime: DateUtils.getDBTime(),
-                permissions: [CONST.REPORT.PERMISSIONS.READ],
             },
         },
         {

From 517253c38edb3d460fd0453111fe157359fe1377 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 13:58:11 +0200
Subject: [PATCH 29/46] improve OnboardingReportFooterMessage

---
 .../report/OnboardingReportFooterMessage.tsx  | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
index d6b86c95f141..7340b4f135af 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -16,7 +16,16 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 import type {Policy as PolicyType, Report} from '@src/types/onyx';
 
-type OnboardingReportFooterMessageOnyxProps = {choice: OnyxEntry<OnboardingPurposeType>; reports: OnyxCollection<Report>; policies: OnyxCollection<PolicyType>};
+type OnboardingReportFooterMessageOnyxProps = {
+    /** Saved onboarding purpose selected by the user */
+    choice: OnyxEntry<OnboardingPurposeType>;
+
+    /** Collection of reports */
+    reports: OnyxCollection<Report>;
+
+    /** The list of this user's policies */
+    policies: OnyxCollection<PolicyType>;
+};
 type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps;
 
 function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingReportFooterMessageProps) {
@@ -25,8 +34,8 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
     const {isSmallScreenWidth} = useWindowDimensions();
 
     const adminChatReport = useMemo(() => {
-        const adminsReports = reports ? Object.values(reports).filter((report) => report?.chatType === CONST.REPORT.CHAT_TYPE.POLICY_ADMINS) : [];
-        const activePolicies = policies ? Object.values(policies).filter((policy) => PolicyUtils.shouldShowPolicy(policy, false)) : [];
+        const adminsReports = Object.values(reports ?? {}).filter((report) => report?.chatType === CONST.REPORT.CHAT_TYPE.POLICY_ADMINS);
+        const activePolicies = Object.values(policies ?? {}).filter((policy) => PolicyUtils.shouldShowPolicy(policy, false));
 
         return adminsReports.find((report) => activePolicies.find((policy) => policy?.id === report?.policyID));
     }, [policies, reports]);
@@ -36,27 +45,27 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
             case CONST.ONBOARDING_CHOICES.MANAGE_TEAM:
                 return (
                     <>
-                        {`${translate('onboardingBottomMessage.newDotManageTeam.phrase1')}`}
+                        {translate('onboardingBottomMessage.newDotManageTeam.phrase1')}
                         <TextLink
                             style={styles.label}
                             onPress={() => Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(adminChatReport?.reportID ?? ''))}
                         >
                             {adminChatReport?.reportName ?? CONST.REPORT.WORKSPACE_CHAT_ROOMS.ADMINS}
                         </TextLink>
-                        {`${translate('onboardingBottomMessage.newDotManageTeam.phrase2')}`}
+                        {translate('onboardingBottomMessage.newDotManageTeam.phrase2')}
                     </>
                 );
             default:
                 return (
                     <>
-                        {`${translate('onboardingBottomMessage.default.phrase1')}`}
+                        {translate('onboardingBottomMessage.default.phrase1')}
                         <TextLink
                             style={styles.label}
                             onPress={() => ReportInstance.navigateToConciergeChat()}
                         >
                             {`${CONST?.CONCIERGE_CHAT_NAME}`}
                         </TextLink>
-                        {`${translate('onboardingBottomMessage.default.phrase2')}`}
+                        {translate('onboardingBottomMessage.default.phrase2')}
                     </>
                 );
         }

From c98a79f679d1b617419d549a119004e5e1911789 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 13:59:09 +0200
Subject: [PATCH 30/46] fix check in ContextMenuActions

---
 src/pages/home/report/ContextMenu/ContextMenuActions.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/report/ContextMenu/ContextMenuActions.tsx b/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
index 8b8799a0f106..be04db7987ed 100644
--- a/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
+++ b/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
@@ -525,8 +525,9 @@ const restrictedReadOnlyActions = [
     'reportActionContextMenu.deleteAction',
 ];
 
-// @ts-expect-error Not all actions have textTranslateKey
-const RestrictedReadOnlyContextMenuActions: ContextMenuAction[] = ContextMenuActions.filter((action) => restrictedReadOnlyActions.includes(action.textTranslateKey));
+const RestrictedReadOnlyContextMenuActions: ContextMenuAction[] = ContextMenuActions.filter(
+    (action) => 'textTranslateKey' in action && restrictedReadOnlyActions.includes(action.textTranslateKey),
+);
 
 export {RestrictedReadOnlyContextMenuActions};
 export default ContextMenuActions;

From 68bcbd2294fccc2b5992c0f94f21e8f20eeb7088 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 13:59:31 +0200
Subject: [PATCH 31/46] fix comment

---
 src/libs/ReportUtils.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/libs/ReportUtils.ts b/src/libs/ReportUtils.ts
index 60298d3d325c..4fb890cdd2bf 100644
--- a/src/libs/ReportUtils.ts
+++ b/src/libs/ReportUtils.ts
@@ -1173,7 +1173,6 @@ function isJoinRequestInAdminRoom(report: OnyxEntry<Report>): boolean {
 }
 
 /**
- *
  * Checks if report is in read-only mode.
  */
 function isReadOnly(report: OnyxEntry<Report>): boolean {

From ab9b7f2979e0a40c4664a9ea84b827ccf2761dc5 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 15:28:57 +0200
Subject: [PATCH 32/46] reuse Banner

---
 src/components/Banner.tsx                     | 11 ++++--
 .../report/OnboardingReportFooterMessage.tsx  | 34 +++++++------------
 2 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index a46b37c986ba..94be65f2b9a2 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -17,7 +17,10 @@ import Tooltip from './Tooltip';
 
 type BannerProps = {
     /** Text to display in the banner. */
-    text: string;
+    text?: string;
+
+    /** Content to display in the banner. */
+    content?: React.ReactNode;
 
     /** Should this component render the left-aligned exclamation icon? */
     shouldShowIcon?: boolean;
@@ -41,7 +44,7 @@ type BannerProps = {
     textStyles?: StyleProp<TextStyle>;
 };
 
-function Banner({text, onClose, onPress, containerStyles, textStyles, shouldRenderHTML = false, shouldShowIcon = false, shouldShowCloseButton = false}: BannerProps) {
+function Banner({text, content, onClose, onPress, containerStyles, textStyles, shouldRenderHTML = false, shouldShowIcon = false, shouldShowCloseButton = false}: BannerProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
@@ -73,7 +76,9 @@ function Banner({text, onClose, onPress, containerStyles, textStyles, shouldRend
                                     />
                                 </View>
                             )}
-                            {shouldRenderHTML ? (
+                            {content && content}
+
+                            {shouldRenderHTML && text ? (
                                 <RenderHTML html={text} />
                             ) : (
                                 <Text
diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
index 7340b4f135af..14b679369d9e 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -1,12 +1,11 @@
 import React, {useMemo} from 'react';
-import {View} from 'react-native';
 import {withOnyx} from 'react-native-onyx';
 import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
+import Banner from '@components/Banner';
 import Text from '@components/Text';
 import TextLink from '@components/TextLink';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
-import useWindowDimensions from '@hooks/useWindowDimensions';
 import * as PolicyUtils from '@libs/PolicyUtils';
 import Navigation from '@navigation/Navigation';
 import * as ReportInstance from '@userActions/Report';
@@ -31,7 +30,6 @@ type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps
 function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingReportFooterMessageProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
-    const {isSmallScreenWidth} = useWindowDimensions();
 
     const adminChatReport = useMemo(() => {
         const adminsReports = Object.values(reports ?? {}).filter((report) => report?.chatType === CONST.REPORT.CHAT_TYPE.POLICY_ADMINS);
@@ -63,7 +61,7 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
                             style={styles.label}
                             onPress={() => ReportInstance.navigateToConciergeChat()}
                         >
-                            {`${CONST?.CONCIERGE_CHAT_NAME}`}
+                            {CONST?.CONCIERGE_CHAT_NAME}
                         </TextLink>
                         {translate('onboardingBottomMessage.default.phrase2')}
                     </>
@@ -72,23 +70,17 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
     }, [adminChatReport?.reportName, adminChatReport?.reportID, choice, styles.label, translate]);
 
     return (
-        <View
-            style={[
-                styles.chatFooter,
-                isSmallScreenWidth ? styles.mb5 : styles.mb4,
-                styles.mh5,
-                styles.mt4,
-                styles.flexRow,
-                styles.alignItemsCenter,
-                styles.p4,
-                styles.borderRadiusComponentLarge,
-                styles.hoveredComponentBG,
-                styles.breakWord,
-                styles.justifyContentCenter,
-            ]}
-        >
-            <Text style={[styles.textSupporting, styles.label]}>{content}</Text>
-        </View>
+        <Banner
+            containerStyles={[styles.archivedReportFooter]}
+            content={
+                <Text
+                    style={[styles.label, styles.w100, styles.textAlignCenter]}
+                    suppressHighlighting
+                >
+                    {content}
+                </Text>
+            }
+        />
     );
 }
 

From 5eb36c83359625441a7825104cd8f67ebd0aa8c9 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 15:29:58 +0200
Subject: [PATCH 33/46] add missed line

---
 src/pages/home/report/OnboardingReportFooterMessage.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
index 14b679369d9e..21352900968f 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -25,6 +25,7 @@ type OnboardingReportFooterMessageOnyxProps = {
     /** The list of this user's policies */
     policies: OnyxCollection<PolicyType>;
 };
+
 type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps;
 
 function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingReportFooterMessageProps) {

From a35ea0672b971ae3d75118c6f1c9072212678996 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 25 Apr 2024 15:31:05 +0200
Subject: [PATCH 34/46] clarify type

---
 src/pages/home/report/ContextMenu/ContextMenuActions.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/report/ContextMenu/ContextMenuActions.tsx b/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
index be04db7987ed..3f8b50a95501 100644
--- a/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
+++ b/src/pages/home/report/ContextMenu/ContextMenuActions.tsx
@@ -517,7 +517,7 @@ const ContextMenuActions: ContextMenuAction[] = [
     },
 ];
 
-const restrictedReadOnlyActions = [
+const restrictedReadOnlyActions: TranslationPaths[] = [
     'common.download',
     'reportActionContextMenu.replyInThread',
     'reportActionContextMenu.editAction',

From a85b7570fdfd658129402d288a19fce2bc46e9b0 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 10:52:26 +0200
Subject: [PATCH 35/46] redesign OnboardingReportFooterMessage

---
 src/components/Banner.tsx                     | 21 ++++++++++++---
 .../report/OnboardingReportFooterMessage.tsx  | 26 +++++--------------
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index 94be65f2b9a2..72dc53cceb39 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -7,6 +7,7 @@ import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import getButtonState from '@libs/getButtonState';
 import CONST from '@src/CONST';
+import type IconAsset from '@src/types/utils/IconAsset';
 import Hoverable from './Hoverable';
 import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';
@@ -22,6 +23,9 @@ type BannerProps = {
     /** Content to display in the banner. */
     content?: React.ReactNode;
 
+    /** The icon asset to display to the left of the text */
+    icon?: IconAsset | null;
+
     /** Should this component render the left-aligned exclamation icon? */
     shouldShowIcon?: boolean;
 
@@ -44,7 +48,18 @@ type BannerProps = {
     textStyles?: StyleProp<TextStyle>;
 };
 
-function Banner({text, content, onClose, onPress, containerStyles, textStyles, shouldRenderHTML = false, shouldShowIcon = false, shouldShowCloseButton = false}: BannerProps) {
+function Banner({
+    text,
+    content,
+    icon = Expensicons.Exclamation,
+    onClose,
+    onPress,
+    containerStyles,
+    textStyles,
+    shouldRenderHTML = false,
+    shouldShowIcon = false,
+    shouldShowCloseButton = false,
+}: BannerProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
@@ -68,10 +83,10 @@ function Banner({text, content, onClose, onPress, containerStyles, textStyles, s
                         ]}
                     >
                         <View style={[styles.flexRow, styles.flexGrow1, styles.mw100, styles.alignItemsCenter]}>
-                            {shouldShowIcon && (
+                            {shouldShowIcon && icon && (
                                 <View style={[styles.mr3]}>
                                     <Icon
-                                        src={Expensicons.Exclamation}
+                                        src={icon}
                                         fill={StyleUtils.getIconFillColor(getButtonState(shouldHighlight))}
                                     />
                                 </View>
diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/OnboardingReportFooterMessage.tsx
index 21352900968f..41f352c6c032 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/OnboardingReportFooterMessage.tsx
@@ -2,6 +2,7 @@ import React, {useMemo} from 'react';
 import {withOnyx} from 'react-native-onyx';
 import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
 import Banner from '@components/Banner';
+import * as Expensicons from '@components/Icon/Expensicons';
 import Text from '@components/Text';
 import TextLink from '@components/TextLink';
 import useLocalize from '@hooks/useLocalize';
@@ -45,10 +46,7 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
                 return (
                     <>
                         {translate('onboardingBottomMessage.newDotManageTeam.phrase1')}
-                        <TextLink
-                            style={styles.label}
-                            onPress={() => Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(adminChatReport?.reportID ?? ''))}
-                        >
+                        <TextLink onPress={() => Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(adminChatReport?.reportID ?? ''))}>
                             {adminChatReport?.reportName ?? CONST.REPORT.WORKSPACE_CHAT_ROOMS.ADMINS}
                         </TextLink>
                         {translate('onboardingBottomMessage.newDotManageTeam.phrase2')}
@@ -58,29 +56,19 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
                 return (
                     <>
                         {translate('onboardingBottomMessage.default.phrase1')}
-                        <TextLink
-                            style={styles.label}
-                            onPress={() => ReportInstance.navigateToConciergeChat()}
-                        >
-                            {CONST?.CONCIERGE_CHAT_NAME}
-                        </TextLink>
+                        <TextLink onPress={() => ReportInstance.navigateToConciergeChat()}>{CONST?.CONCIERGE_CHAT_NAME}</TextLink>
                         {translate('onboardingBottomMessage.default.phrase2')}
                     </>
                 );
         }
-    }, [adminChatReport?.reportName, adminChatReport?.reportID, choice, styles.label, translate]);
+    }, [adminChatReport?.reportName, adminChatReport?.reportID, choice, translate]);
 
     return (
         <Banner
             containerStyles={[styles.archivedReportFooter]}
-            content={
-                <Text
-                    style={[styles.label, styles.w100, styles.textAlignCenter]}
-                    suppressHighlighting
-                >
-                    {content}
-                </Text>
-            }
+            shouldShowIcon
+            icon={Expensicons.Lightbulb}
+            content={<Text suppressHighlighting>{content}</Text>}
         />
     );
 }

From 4a92c91913214a3087add6c8db87b24cf1a42b4d Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 10:52:34 +0200
Subject: [PATCH 36/46] update a place

---
 src/pages/home/report/ReportFooter.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/pages/home/report/ReportFooter.tsx b/src/pages/home/report/ReportFooter.tsx
index c36c42a3e36b..e6d30e5c57ee 100644
--- a/src/pages/home/report/ReportFooter.tsx
+++ b/src/pages/home/report/ReportFooter.tsx
@@ -130,10 +130,6 @@ function ReportFooter({
         [report.reportID, handleCreateTask],
     );
 
-    if (isReadOnlyReport) {
-        return <OnboardingReportFooterMessage />;
-    }
-
     return (
         <>
             {hideComposer && (
@@ -145,6 +141,7 @@ function ReportFooter({
                         />
                     )}
                     {isArchivedRoom && <ArchivedReportFooter report={report} />}
+                    {isReadOnlyReport && <OnboardingReportFooterMessage />}
                     {!isSmallScreenWidth && <View style={styles.offlineIndicatorRow}>{hideComposer && <OfflineIndicator containerStyles={[styles.chatItemComposeSecondaryRow]} />}</View>}
                 </View>
             )}

From 2f174176464156f4c2f16e7c3be13db99bd0617c Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 10:55:05 +0200
Subject: [PATCH 37/46] rename fucntion

---
 src/components/TaskHeaderActionButton.tsx  |  2 +-
 src/libs/ReportUtils.ts                    | 10 +++++-----
 src/libs/actions/Task.ts                   |  2 +-
 src/pages/home/HeaderView.tsx              |  2 +-
 src/pages/home/report/ReportActionItem.tsx |  2 +-
 src/pages/home/report/ReportFooter.tsx     |  4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/TaskHeaderActionButton.tsx b/src/components/TaskHeaderActionButton.tsx
index a7e3abcd3012..4489232f8f8c 100644
--- a/src/components/TaskHeaderActionButton.tsx
+++ b/src/components/TaskHeaderActionButton.tsx
@@ -25,7 +25,7 @@ function TaskHeaderActionButton({report, session}: TaskHeaderActionButtonProps)
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
-    if (ReportUtils.isReadOnly(report)) {
+    if (ReportUtils.canWriteInReport(report)) {
         return null;
     }
 
diff --git a/src/libs/ReportUtils.ts b/src/libs/ReportUtils.ts
index 2e7fd940bbf2..e82fe722ed89 100644
--- a/src/libs/ReportUtils.ts
+++ b/src/libs/ReportUtils.ts
@@ -1174,9 +1174,9 @@ function isJoinRequestInAdminRoom(report: OnyxEntry<Report>): boolean {
 }
 
 /**
- * Checks if report is in read-only mode.
+ * Checks if the user can write in the provided report
  */
-function isReadOnly(report: OnyxEntry<Report>): boolean {
+function canWriteInReport(report: OnyxEntry<Report>): boolean {
     if (Array.isArray(report?.permissions)) {
         return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE);
     }
@@ -1188,7 +1188,7 @@ function isReadOnly(report: OnyxEntry<Report>): boolean {
  * Checks if the current user is allowed to comment on the given report.
  */
 function isAllowedToComment(report: OnyxEntry<Report>): boolean {
-    if (isReadOnly(report)) {
+    if (canWriteInReport(report)) {
         return false;
     }
 
@@ -5390,7 +5390,7 @@ function canUserPerformWriteAction(report: OnyxEntry<Report>) {
         return false;
     }
 
-    return !isArchivedRoom(report) && isEmptyObject(reportErrors) && report && isAllowedToComment(report) && !isAnonymousUser && !isReadOnly(report);
+    return !isArchivedRoom(report) && isEmptyObject(reportErrors) && report && isAllowedToComment(report) && !isAnonymousUser && !canWriteInReport(report);
 }
 
 /**
@@ -6419,7 +6419,7 @@ export {
     isValidReport,
     isValidReportIDFromPath,
     isWaitingForAssigneeToCompleteTask,
-    isReadOnly,
+    canWriteInReport,
     navigateToDetailsPage,
     navigateToPrivateNotes,
     parseReportRouteParams,
diff --git a/src/libs/actions/Task.ts b/src/libs/actions/Task.ts
index 7a62895f32b4..ab879ef5d689 100644
--- a/src/libs/actions/Task.ts
+++ b/src/libs/actions/Task.ts
@@ -1003,7 +1003,7 @@ function canModifyTask(taskReport: OnyxEntry<OnyxTypes.Report>, sessionAccountID
         return true;
     }
 
-    if (ReportUtils.isReadOnly(ReportUtils.getReport(taskReport?.reportID))) {
+    if (ReportUtils.canWriteInReport(ReportUtils.getReport(taskReport?.reportID))) {
         return false;
     }
 
diff --git a/src/pages/home/HeaderView.tsx b/src/pages/home/HeaderView.tsx
index 256acb825fb5..c78a8910a98f 100644
--- a/src/pages/home/HeaderView.tsx
+++ b/src/pages/home/HeaderView.tsx
@@ -144,7 +144,7 @@ function HeaderView({
         }
 
         // Task is not closed
-        if (!ReportUtils.isReadOnly(report) && report.stateNum !== CONST.REPORT.STATE_NUM.APPROVED && report.statusNum !== CONST.REPORT.STATUS_NUM.CLOSED && canModifyTask) {
+        if (!ReportUtils.canWriteInReport(report) && report.stateNum !== CONST.REPORT.STATE_NUM.APPROVED && report.statusNum !== CONST.REPORT.STATUS_NUM.CLOSED && canModifyTask) {
             threeDotMenuItems.push({
                 icon: Expensicons.Trashcan,
                 text: translate('common.delete'),
diff --git a/src/pages/home/report/ReportActionItem.tsx b/src/pages/home/report/ReportActionItem.tsx
index fadd522de15a..6a2ba10f837b 100644
--- a/src/pages/home/report/ReportActionItem.tsx
+++ b/src/pages/home/report/ReportActionItem.tsx
@@ -915,7 +915,7 @@ function ReportActionItem({
                             originalReportID={originalReportID ?? ''}
                             isArchivedRoom={ReportUtils.isArchivedRoom(report)}
                             displayAsGroup={displayAsGroup}
-                            disabledActions={ReportUtils.isReadOnly(report) ? RestrictedReadOnlyContextMenuActions : []}
+                            disabledActions={ReportUtils.canWriteInReport(report) ? RestrictedReadOnlyContextMenuActions : []}
                             isVisible={hovered && draftMessage === undefined && !hasErrors}
                             draftMessage={draftMessage}
                             isChronosReport={ReportUtils.chatIncludesChronos(originalReport)}
diff --git a/src/pages/home/report/ReportFooter.tsx b/src/pages/home/report/ReportFooter.tsx
index e6d30e5c57ee..d6141d5152d9 100644
--- a/src/pages/home/report/ReportFooter.tsx
+++ b/src/pages/home/report/ReportFooter.tsx
@@ -82,7 +82,7 @@ function ReportFooter({
 
     const isSmallSizeLayout = windowWidth - (isSmallScreenWidth ? 0 : variables.sideBarWidth) < variables.anonymousReportFooterBreakpoint;
     const hideComposer = !ReportUtils.canUserPerformWriteAction(report);
-    const isReadOnlyReport = ReportUtils.isReadOnly(report);
+    const canWriteInReport = ReportUtils.canWriteInReport(report);
 
     const allPersonalDetails = usePersonalDetails();
 
@@ -141,7 +141,7 @@ function ReportFooter({
                         />
                     )}
                     {isArchivedRoom && <ArchivedReportFooter report={report} />}
-                    {isReadOnlyReport && <OnboardingReportFooterMessage />}
+                    {canWriteInReport && <OnboardingReportFooterMessage />}
                     {!isSmallScreenWidth && <View style={styles.offlineIndicatorRow}>{hideComposer && <OfflineIndicator containerStyles={[styles.chatItemComposeSecondaryRow]} />}</View>}
                 </View>
             )}

From ae9af7fb13c8b3a07f9f134e284ec6cc498ccc87 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 11:08:56 +0200
Subject: [PATCH 38/46] integrate canWriteInReport properly

---
 src/components/TaskHeaderActionButton.tsx  |  2 +-
 src/libs/ReportUtils.ts                    | 10 +++++-----
 src/libs/actions/Task.ts                   |  2 +-
 src/pages/home/HeaderView.tsx              |  2 +-
 src/pages/home/report/ReportActionItem.tsx |  2 +-
 src/pages/home/report/ReportFooter.tsx     |  2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/TaskHeaderActionButton.tsx b/src/components/TaskHeaderActionButton.tsx
index 4489232f8f8c..788734242f7b 100644
--- a/src/components/TaskHeaderActionButton.tsx
+++ b/src/components/TaskHeaderActionButton.tsx
@@ -25,7 +25,7 @@ function TaskHeaderActionButton({report, session}: TaskHeaderActionButtonProps)
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
-    if (ReportUtils.canWriteInReport(report)) {
+    if (!ReportUtils.canWriteInReport(report)) {
         return null;
     }
 
diff --git a/src/libs/ReportUtils.ts b/src/libs/ReportUtils.ts
index e82fe722ed89..ac5589c81729 100644
--- a/src/libs/ReportUtils.ts
+++ b/src/libs/ReportUtils.ts
@@ -1177,18 +1177,18 @@ function isJoinRequestInAdminRoom(report: OnyxEntry<Report>): boolean {
  * Checks if the user can write in the provided report
  */
 function canWriteInReport(report: OnyxEntry<Report>): boolean {
-    if (Array.isArray(report?.permissions)) {
-        return !report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE);
+    if (Array.isArray(report?.permissions) && report?.permissions.length > 0) {
+        return report?.permissions?.includes(CONST.REPORT.PERMISSIONS.WRITE);
     }
 
-    return false;
+    return true;
 }
 
 /**
  * Checks if the current user is allowed to comment on the given report.
  */
 function isAllowedToComment(report: OnyxEntry<Report>): boolean {
-    if (canWriteInReport(report)) {
+    if (!canWriteInReport(report)) {
         return false;
     }
 
@@ -5390,7 +5390,7 @@ function canUserPerformWriteAction(report: OnyxEntry<Report>) {
         return false;
     }
 
-    return !isArchivedRoom(report) && isEmptyObject(reportErrors) && report && isAllowedToComment(report) && !isAnonymousUser && !canWriteInReport(report);
+    return !isArchivedRoom(report) && isEmptyObject(reportErrors) && report && isAllowedToComment(report) && !isAnonymousUser && canWriteInReport(report);
 }
 
 /**
diff --git a/src/libs/actions/Task.ts b/src/libs/actions/Task.ts
index ab879ef5d689..251f6e94a3eb 100644
--- a/src/libs/actions/Task.ts
+++ b/src/libs/actions/Task.ts
@@ -1003,7 +1003,7 @@ function canModifyTask(taskReport: OnyxEntry<OnyxTypes.Report>, sessionAccountID
         return true;
     }
 
-    if (ReportUtils.canWriteInReport(ReportUtils.getReport(taskReport?.reportID))) {
+    if (!ReportUtils.canWriteInReport(ReportUtils.getReport(taskReport?.reportID))) {
         return false;
     }
 
diff --git a/src/pages/home/HeaderView.tsx b/src/pages/home/HeaderView.tsx
index c78a8910a98f..4295f1f0c46a 100644
--- a/src/pages/home/HeaderView.tsx
+++ b/src/pages/home/HeaderView.tsx
@@ -144,7 +144,7 @@ function HeaderView({
         }
 
         // Task is not closed
-        if (!ReportUtils.canWriteInReport(report) && report.stateNum !== CONST.REPORT.STATE_NUM.APPROVED && report.statusNum !== CONST.REPORT.STATUS_NUM.CLOSED && canModifyTask) {
+        if (ReportUtils.canWriteInReport(report) && report.stateNum !== CONST.REPORT.STATE_NUM.APPROVED && report.statusNum !== CONST.REPORT.STATUS_NUM.CLOSED && canModifyTask) {
             threeDotMenuItems.push({
                 icon: Expensicons.Trashcan,
                 text: translate('common.delete'),
diff --git a/src/pages/home/report/ReportActionItem.tsx b/src/pages/home/report/ReportActionItem.tsx
index 6a2ba10f837b..513b05f78525 100644
--- a/src/pages/home/report/ReportActionItem.tsx
+++ b/src/pages/home/report/ReportActionItem.tsx
@@ -915,7 +915,7 @@ function ReportActionItem({
                             originalReportID={originalReportID ?? ''}
                             isArchivedRoom={ReportUtils.isArchivedRoom(report)}
                             displayAsGroup={displayAsGroup}
-                            disabledActions={ReportUtils.canWriteInReport(report) ? RestrictedReadOnlyContextMenuActions : []}
+                            disabledActions={!ReportUtils.canWriteInReport(report) ? RestrictedReadOnlyContextMenuActions : []}
                             isVisible={hovered && draftMessage === undefined && !hasErrors}
                             draftMessage={draftMessage}
                             isChronosReport={ReportUtils.chatIncludesChronos(originalReport)}
diff --git a/src/pages/home/report/ReportFooter.tsx b/src/pages/home/report/ReportFooter.tsx
index d6141d5152d9..b22f21c8df13 100644
--- a/src/pages/home/report/ReportFooter.tsx
+++ b/src/pages/home/report/ReportFooter.tsx
@@ -141,7 +141,7 @@ function ReportFooter({
                         />
                     )}
                     {isArchivedRoom && <ArchivedReportFooter report={report} />}
-                    {canWriteInReport && <OnboardingReportFooterMessage />}
+                    {!canWriteInReport && <OnboardingReportFooterMessage />}
                     {!isSmallScreenWidth && <View style={styles.offlineIndicatorRow}>{hideComposer && <OfflineIndicator containerStyles={[styles.chatItemComposeSecondaryRow]} />}</View>}
                 </View>
             )}

From 3512f7c23991a8b33d0970d70676d94df6819635 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 11:11:54 +0200
Subject: [PATCH 39/46] fix report footer styles

---
 src/pages/home/report/ReportFooter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/report/ReportFooter.tsx b/src/pages/home/report/ReportFooter.tsx
index b22f21c8df13..73ab8fcbac40 100644
--- a/src/pages/home/report/ReportFooter.tsx
+++ b/src/pages/home/report/ReportFooter.tsx
@@ -133,7 +133,7 @@ function ReportFooter({
     return (
         <>
             {hideComposer && (
-                <View style={[styles.chatFooter, isArchivedRoom || isAnonymousUser ? styles.mt4 : {}, isSmallScreenWidth ? styles.mb5 : null]}>
+                <View style={[styles.chatFooter, isArchivedRoom || isAnonymousUser || !canWriteInReport ? styles.mt4 : {}, isSmallScreenWidth ? styles.mb5 : null]}>
                     {isAnonymousUser && !isArchivedRoom && (
                         <AnonymousReportFooter
                             report={report}

From 0c80ad7552b9e025cf6ae9c5caae0531a0d244fb Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 13:02:17 +0200
Subject: [PATCH 40/46] prettify

---
 src/CONST.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/CONST.ts b/src/CONST.ts
index 7d10f42de7a7..b09d3f173afd 100755
--- a/src/CONST.ts
+++ b/src/CONST.ts
@@ -846,7 +846,7 @@ const CONST = {
             WRITE: 'write',
             SHARE: 'share',
             OWN: 'own',
-        }
+        },
     },
     NEXT_STEP: {
         FINISHED: 'Finished!',

From 9076bc02fae5f100110ebdd80d5ce4a34e875be1 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 17:01:23 +0200
Subject: [PATCH 41/46] rename the component

---
 src/pages/home/report/ReportFooter.tsx               |  4 ++--
 ...Message.tsx => SystemChatReportFooterMessage.tsx} | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)
 rename src/pages/home/report/{OnboardingReportFooterMessage.tsx => SystemChatReportFooterMessage.tsx} (88%)

diff --git a/src/pages/home/report/ReportFooter.tsx b/src/pages/home/report/ReportFooter.tsx
index 73ab8fcbac40..11d9a0a4871d 100644
--- a/src/pages/home/report/ReportFooter.tsx
+++ b/src/pages/home/report/ReportFooter.tsx
@@ -20,8 +20,8 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import type * as OnyxTypes from '@src/types/onyx';
 import type {PendingAction} from '@src/types/onyx/OnyxCommon';
 import type {EmptyObject} from '@src/types/utils/EmptyObject';
-import OnboardingReportFooterMessage from './OnboardingReportFooterMessage';
 import ReportActionCompose from './ReportActionCompose/ReportActionCompose';
+import SystemChatReportFooterMessage from './SystemChatReportFooterMessage';
 
 type ReportFooterOnyxProps = {
     /** Whether to show the compose input */
@@ -141,7 +141,7 @@ function ReportFooter({
                         />
                     )}
                     {isArchivedRoom && <ArchivedReportFooter report={report} />}
-                    {!canWriteInReport && <OnboardingReportFooterMessage />}
+                    {!canWriteInReport && <SystemChatReportFooterMessage />}
                     {!isSmallScreenWidth && <View style={styles.offlineIndicatorRow}>{hideComposer && <OfflineIndicator containerStyles={[styles.chatItemComposeSecondaryRow]} />}</View>}
                 </View>
             )}
diff --git a/src/pages/home/report/OnboardingReportFooterMessage.tsx b/src/pages/home/report/SystemChatReportFooterMessage.tsx
similarity index 88%
rename from src/pages/home/report/OnboardingReportFooterMessage.tsx
rename to src/pages/home/report/SystemChatReportFooterMessage.tsx
index 41f352c6c032..8316189215c1 100644
--- a/src/pages/home/report/OnboardingReportFooterMessage.tsx
+++ b/src/pages/home/report/SystemChatReportFooterMessage.tsx
@@ -16,7 +16,7 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 import type {Policy as PolicyType, Report} from '@src/types/onyx';
 
-type OnboardingReportFooterMessageOnyxProps = {
+type SystemChatReportFooterMessageOnyxProps = {
     /** Saved onboarding purpose selected by the user */
     choice: OnyxEntry<OnboardingPurposeType>;
 
@@ -27,9 +27,9 @@ type OnboardingReportFooterMessageOnyxProps = {
     policies: OnyxCollection<PolicyType>;
 };
 
-type OnboardingReportFooterMessageProps = OnboardingReportFooterMessageOnyxProps;
+type SystemChatReportFooterMessageProps = SystemChatReportFooterMessageOnyxProps;
 
-function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingReportFooterMessageProps) {
+function SystemChatReportFooterMessage({choice, reports, policies}: SystemChatReportFooterMessageProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
@@ -73,9 +73,9 @@ function OnboardingReportFooterMessage({choice, reports, policies}: OnboardingRe
     );
 }
 
-OnboardingReportFooterMessage.displayName = 'OnboardingReportFooterMessage';
+SystemChatReportFooterMessage.displayName = 'SystemChatReportFooterMessage';
 
-export default withOnyx<OnboardingReportFooterMessageProps, OnboardingReportFooterMessageOnyxProps>({
+export default withOnyx<SystemChatReportFooterMessageProps, SystemChatReportFooterMessageOnyxProps>({
     choice: {
         key: ONYXKEYS.ONBOARDING_PURPOSE_SELECTED,
     },
@@ -85,4 +85,4 @@ export default withOnyx<OnboardingReportFooterMessageProps, OnboardingReportFoot
     policies: {
         key: ONYXKEYS.COLLECTION.POLICY,
     },
-})(OnboardingReportFooterMessage);
+})(SystemChatReportFooterMessage);

From 62b193a12ef1e23b8a31c8fe604100d622777565 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 17:02:10 +0200
Subject: [PATCH 42/46] rename keys

---
 src/languages/en.ts                                     | 2 +-
 src/languages/es.ts                                     | 2 +-
 src/pages/home/report/SystemChatReportFooterMessage.tsx | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/languages/en.ts b/src/languages/en.ts
index b1cd28063032..1b935b67c616 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -2763,7 +2763,7 @@ export default {
         },
         copyReferralLink: 'Copy invite link',
     },
-    onboardingBottomMessage: {
+    systemChatFooterMessage: {
         [CONST.INTRO_CHOICES.MANAGE_TEAM]: {
             phrase1: 'Chat with your setup specialist in ',
             phrase2: ' for help',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 758cae8d5416..2677b2573a0a 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -3256,7 +3256,7 @@ export default {
         },
         copyReferralLink: 'Copiar enlace de invitación',
     },
-    onboardingBottomMessage: {
+    systemChatFooterMessage: {
         [CONST.INTRO_CHOICES.MANAGE_TEAM]: {
             phrase1: 'Chatea con tu especialista asignado en ',
             phrase2: ' para obtener ayuda',
diff --git a/src/pages/home/report/SystemChatReportFooterMessage.tsx b/src/pages/home/report/SystemChatReportFooterMessage.tsx
index 8316189215c1..6e5688282b47 100644
--- a/src/pages/home/report/SystemChatReportFooterMessage.tsx
+++ b/src/pages/home/report/SystemChatReportFooterMessage.tsx
@@ -45,19 +45,19 @@ function SystemChatReportFooterMessage({choice, reports, policies}: SystemChatRe
             case CONST.ONBOARDING_CHOICES.MANAGE_TEAM:
                 return (
                     <>
-                        {translate('onboardingBottomMessage.newDotManageTeam.phrase1')}
+                        {translate('systemChatFooterMessage.newDotManageTeam.phrase1')}
                         <TextLink onPress={() => Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(adminChatReport?.reportID ?? ''))}>
                             {adminChatReport?.reportName ?? CONST.REPORT.WORKSPACE_CHAT_ROOMS.ADMINS}
                         </TextLink>
-                        {translate('onboardingBottomMessage.newDotManageTeam.phrase2')}
+                        {translate('systemChatFooterMessage.newDotManageTeam.phrase2')}
                     </>
                 );
             default:
                 return (
                     <>
-                        {translate('onboardingBottomMessage.default.phrase1')}
+                        {translate('systemChatFooterMessage.default.phrase1')}
                         <TextLink onPress={() => ReportInstance.navigateToConciergeChat()}>{CONST?.CONCIERGE_CHAT_NAME}</TextLink>
-                        {translate('onboardingBottomMessage.default.phrase2')}
+                        {translate('systemChatFooterMessage.default.phrase2')}
                     </>
                 );
         }

From 90a72e9fadd1df42c4cee89759647da137d28915 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 17:11:03 +0200
Subject: [PATCH 43/46] simplify admin chat getting

---
 .../report/SystemChatReportFooterMessage.tsx  | 30 ++++++++-----------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/pages/home/report/SystemChatReportFooterMessage.tsx b/src/pages/home/report/SystemChatReportFooterMessage.tsx
index 6e5688282b47..a946968f0ec7 100644
--- a/src/pages/home/report/SystemChatReportFooterMessage.tsx
+++ b/src/pages/home/report/SystemChatReportFooterMessage.tsx
@@ -1,6 +1,6 @@
 import React, {useMemo} from 'react';
 import {withOnyx} from 'react-native-onyx';
-import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
+import type {OnyxEntry} from 'react-native-onyx';
 import Banner from '@components/Banner';
 import * as Expensicons from '@components/Icon/Expensicons';
 import Text from '@components/Text';
@@ -8,37 +8,32 @@ import TextLink from '@components/TextLink';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import * as PolicyUtils from '@libs/PolicyUtils';
+import * as ReportUtils from '@libs/ReportUtils';
 import Navigation from '@navigation/Navigation';
 import * as ReportInstance from '@userActions/Report';
 import type {OnboardingPurposeType} from '@src/CONST';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
-import type {Policy as PolicyType, Report} from '@src/types/onyx';
 
 type SystemChatReportFooterMessageOnyxProps = {
     /** Saved onboarding purpose selected by the user */
     choice: OnyxEntry<OnboardingPurposeType>;
 
-    /** Collection of reports */
-    reports: OnyxCollection<Report>;
-
-    /** The list of this user's policies */
-    policies: OnyxCollection<PolicyType>;
+    /** policyID for main workspace */
+    activePolicyID: OnyxEntry<Required<string>>;
 };
 
 type SystemChatReportFooterMessageProps = SystemChatReportFooterMessageOnyxProps;
 
-function SystemChatReportFooterMessage({choice, reports, policies}: SystemChatReportFooterMessageProps) {
+function SystemChatReportFooterMessage({choice, activePolicyID}: SystemChatReportFooterMessageProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
     const adminChatReport = useMemo(() => {
-        const adminsReports = Object.values(reports ?? {}).filter((report) => report?.chatType === CONST.REPORT.CHAT_TYPE.POLICY_ADMINS);
-        const activePolicies = Object.values(policies ?? {}).filter((policy) => PolicyUtils.shouldShowPolicy(policy, false));
-
-        return adminsReports.find((report) => activePolicies.find((policy) => policy?.id === report?.policyID));
-    }, [policies, reports]);
+        const policy = PolicyUtils.getPolicy(activePolicyID ?? '');
+        return ReportUtils.getReport(String(policy.chatReportIDAdmins));
+    }, [activePolicyID]);
 
     const content = useMemo(() => {
         switch (choice) {
@@ -79,10 +74,9 @@ export default withOnyx<SystemChatReportFooterMessageProps, SystemChatReportFoot
     choice: {
         key: ONYXKEYS.ONBOARDING_PURPOSE_SELECTED,
     },
-    reports: {
-        key: ONYXKEYS.COLLECTION.REPORT,
-    },
-    policies: {
-        key: ONYXKEYS.COLLECTION.POLICY,
+
+    activePolicyID: {
+        key: ONYXKEYS.NVP_ACTIVE_POLICY_ID,
+        initialValue: null,
     },
 })(SystemChatReportFooterMessage);

From 907167cb007b1fa78937b749c828f6bb3e88996e Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 17:55:39 +0200
Subject: [PATCH 44/46] improve admin chat searching

---
 .../report/SystemChatReportFooterMessage.tsx  | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/pages/home/report/SystemChatReportFooterMessage.tsx b/src/pages/home/report/SystemChatReportFooterMessage.tsx
index a946968f0ec7..c9ccac8f5c18 100644
--- a/src/pages/home/report/SystemChatReportFooterMessage.tsx
+++ b/src/pages/home/report/SystemChatReportFooterMessage.tsx
@@ -1,6 +1,6 @@
 import React, {useMemo} from 'react';
 import {withOnyx} from 'react-native-onyx';
-import type {OnyxEntry} from 'react-native-onyx';
+import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
 import Banner from '@components/Banner';
 import * as Expensicons from '@components/Icon/Expensicons';
 import Text from '@components/Text';
@@ -15,25 +15,32 @@ import type {OnboardingPurposeType} from '@src/CONST';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
+import type {Policy as PolicyType} from '@src/types/onyx';
 
 type SystemChatReportFooterMessageOnyxProps = {
     /** Saved onboarding purpose selected by the user */
     choice: OnyxEntry<OnboardingPurposeType>;
 
+    /** The list of this user's policies */
+    policies: OnyxCollection<PolicyType>;
+
     /** policyID for main workspace */
     activePolicyID: OnyxEntry<Required<string>>;
 };
 
 type SystemChatReportFooterMessageProps = SystemChatReportFooterMessageOnyxProps;
 
-function SystemChatReportFooterMessage({choice, activePolicyID}: SystemChatReportFooterMessageProps) {
+function SystemChatReportFooterMessage({choice, policies, activePolicyID}: SystemChatReportFooterMessageProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
     const adminChatReport = useMemo(() => {
-        const policy = PolicyUtils.getPolicy(activePolicyID ?? '');
-        return ReportUtils.getReport(String(policy.chatReportIDAdmins));
-    }, [activePolicyID]);
+        const adminPolicy = activePolicyID
+            ? PolicyUtils.getPolicy(activePolicyID ?? '')
+            : Object.values(policies ?? {}).find((policy) => PolicyUtils.shouldShowPolicy(policy, false) && policy?.role === CONST.POLICY.ROLE.ADMIN && policy?.chatReportIDAdmins);
+
+        return ReportUtils.getReport(String(adminPolicy?.chatReportIDAdmins));
+    }, [activePolicyID, policies]);
 
     const content = useMemo(() => {
         switch (choice) {
@@ -74,7 +81,9 @@ export default withOnyx<SystemChatReportFooterMessageProps, SystemChatReportFoot
     choice: {
         key: ONYXKEYS.ONBOARDING_PURPOSE_SELECTED,
     },
-
+    policies: {
+        key: ONYXKEYS.COLLECTION.POLICY,
+    },
     activePolicyID: {
         key: ONYXKEYS.NVP_ACTIVE_POLICY_ID,
         initialValue: null,

From 38cbb1b492a3c51cb45ea0101d8fb853da38ae21 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Fri, 26 Apr 2024 17:57:35 +0200
Subject: [PATCH 45/46] attach chatReportIDAdmins to policy optimistically

---
 src/libs/actions/Policy.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/libs/actions/Policy.ts b/src/libs/actions/Policy.ts
index 6b8514beab82..c9f62a7a75cf 100644
--- a/src/libs/actions/Policy.ts
+++ b/src/libs/actions/Policy.ts
@@ -2200,6 +2200,7 @@ function createWorkspace(policyOwnerEmail = '', makeMeAdmin = false, policyName
                         errors: {},
                     },
                 },
+                chatReportIDAdmins: makeMeAdmin ? Number(adminsChatReportID) : undefined,
             },
         },
         {

From 3a4e053e361ae56c46179ff14cbf941efeb8bc08 Mon Sep 17 00:00:00 2001
From: OSBotify <infra+osbotify@expensify.com>
Date: Fri, 26 Apr 2024 22:48:30 +0000
Subject: [PATCH 46/46] Update version to 1.4.67-0

---
 android/app/build.gradle                    | 4 ++--
 ios/NewExpensify/Info.plist                 | 4 ++--
 ios/NewExpensifyTests/Info.plist            | 4 ++--
 ios/NotificationServiceExtension/Info.plist | 4 ++--
 package-lock.json                           | 4 ++--
 package.json                                | 2 +-
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/android/app/build.gradle b/android/app/build.gradle
index 2d690ed72b8c..d5afad11a9fa 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -98,8 +98,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1001046605
-        versionName "1.4.66-5"
+        versionCode 1001046700
+        versionName "1.4.67-0"
         // Supported language variants must be declared here to avoid from being removed during the compilation.
         // This also helps us to not include unnecessary language variants in the APK.
         resConfigs "en", "es"
diff --git a/ios/NewExpensify/Info.plist b/ios/NewExpensify/Info.plist
index 42b54741d190..4d2e7ba3b992 100644
--- a/ios/NewExpensify/Info.plist
+++ b/ios/NewExpensify/Info.plist
@@ -19,7 +19,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.4.66</string>
+	<string>1.4.67</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleURLTypes</key>
@@ -40,7 +40,7 @@
 		</dict>
 	</array>
 	<key>CFBundleVersion</key>
-	<string>1.4.66.5</string>
+	<string>1.4.67.0</string>
 	<key>FullStory</key>
 	<dict>
 		<key>OrgId</key>
diff --git a/ios/NewExpensifyTests/Info.plist b/ios/NewExpensifyTests/Info.plist
index f1986986a1a8..952fbeddd75e 100644
--- a/ios/NewExpensifyTests/Info.plist
+++ b/ios/NewExpensifyTests/Info.plist
@@ -15,10 +15,10 @@
 	<key>CFBundlePackageType</key>
 	<string>BNDL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.4.66</string>
+	<string>1.4.67</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>1.4.66.5</string>
+	<string>1.4.67.0</string>
 </dict>
 </plist>
diff --git a/ios/NotificationServiceExtension/Info.plist b/ios/NotificationServiceExtension/Info.plist
index de4dba072fbb..d6920d746496 100644
--- a/ios/NotificationServiceExtension/Info.plist
+++ b/ios/NotificationServiceExtension/Info.plist
@@ -11,9 +11,9 @@
 	<key>CFBundleName</key>
 	<string>$(PRODUCT_NAME)</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.4.66</string>
+	<string>1.4.67</string>
 	<key>CFBundleVersion</key>
-	<string>1.4.66.5</string>
+	<string>1.4.67.0</string>
 	<key>NSExtension</key>
 	<dict>
 		<key>NSExtensionPointIdentifier</key>
diff --git a/package-lock.json b/package-lock.json
index 5d91baef8a44..38d9c8c68037 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "new.expensify",
-  "version": "1.4.66-5",
+  "version": "1.4.67-0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "new.expensify",
-      "version": "1.4.66-5",
+      "version": "1.4.67-0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index fdb6155e24b7..5c6588c143fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "new.expensify",
-  "version": "1.4.66-5",
+  "version": "1.4.67-0",
   "author": "Expensify, Inc.",
   "homepage": "https://new.expensify.com",
   "description": "New Expensify is the next generation of Expensify: a reimagination of payments based atop a foundation of chat.",