[Simplified Collect][Workflows] Create main workflow page (App)

src/CONST.ts

@@ -1548,6 +1548,7 @@ const CONST = {
         WORKSPACE_INVOICES: 'WorkspaceSendInvoices',
         WORKSPACE_TRAVEL: 'WorkspaceBookTravel',
         WORKSPACE_MEMBERS: 'WorkspaceManageMembers',
+        WORKSPACE_WORKFLOWS: 'WorkspaceWorkflows',
         WORKSPACE_BANK_ACCOUNT: 'WorkspaceBankAccount',
     },
     get EXPENSIFY_EMAILS() {

src/ROUTES.ts

@@ -464,6 +464,10 @@ const ROUTES = {
         route: 'workspace/:policyID/settings/currency',
         getRoute: (policyID: string) => `workspace/${policyID}/settings/currency` as const,
     },
+    WORKSPACE_WORKFLOWS: {
+        route: 'workspace/:policyID/workflows',
+        getRoute: (policyID: string) => `workspace/${policyID}/workflows` as const,
+    },
     WORKSPACE_CARD: {
         route: 'workspace/:policyID/card',
         getRoute: (policyID: string) => `workspace/${policyID}/card` as const,

src/SCREENS.ts

@@ -208,6 +208,7 @@ const SCREENS = {
         INVITE: 'Workspace_Invite',
         INVITE_MESSAGE: 'Workspace_Invite_Message',
         CURRENCY: 'Workspace_Profile_Currency',
+        WORKFLOWS: 'Workspace_Workflows',
         DESCRIPTION: 'Workspace_Profile_Description',
         NAME: 'Workspace_Profile_Name',
     },

src/components/Icon/Expensicons.ts

@@ -143,6 +143,7 @@ import VolumeHigh from '@assets/images/volume-high.svg';
 import VolumeLow from '@assets/images/volume-low.svg';
 import Wallet from '@assets/images/wallet.svg';
 import Workspace from '@assets/images/workspace-default-avatar.svg';
+import Workflows from '@assets/images/workflows.svg';
 import Wrench from '@assets/images/wrench.svg';
 import Zoom from '@assets/images/zoom.svg';
 import LoungeAccess from './svgs/LoungeAccessIcon';
@@ -285,6 +286,7 @@ export {
     VolumeHigh,
     VolumeLow,
     Wallet,
+    Workflows,
     Workspace,
     Zoom,
     Twitter,

src/components/Icon/Illustrations.ts

@@ -64,6 +64,10 @@ import ThumbsUpStars from '@assets/images/simple-illustrations/simple-illustrati
 import TrackShoe from '@assets/images/simple-illustrations/simple-illustration__track-shoe.svg';
 import TrashCan from '@assets/images/simple-illustrations/simple-illustration__trashcan.svg';
 import TreasureChest from '@assets/images/simple-illustrations/simple-illustration__treasurechest.svg';
+import Approval from '@assets/images/simple-illustrations/simple-illustration__approval.svg';
+import ReceiptEnvelope from '@assets/images/simple-illustrations/simple-illustration__receipt-envelope.svg';
+import WalletAlt from '@assets/images/simple-illustrations/simple-illustration__wallet-alt.svg';
+import Workflows from '@assets/images/simple-illustrations/simple-illustration__workflows.svg';
 
 export {
     Abracadabra,
@@ -131,5 +135,9 @@ export {
     LockClosed,
     Gears,
     QRCode,
+    ReceiptEnvelope,
+    Approval,
+    WalletAlt,
+    Workflows,
     House,
 };

src/languages/en.ts

@@ -1016,6 +1016,26 @@ export default {
         },
         cardDetailsLoadingFailure: 'An error occurred while loading the card details. Please check your internet connection and try again.',
     },
+    workflowsPage:
+    {
+        workflowTitle: 'Spend',
+        workflowDescription: 'Configure a workflow from the moment spend occurs, including approval and payment.',
+        delaySubmissionTitle: 'Delay submissions',
+        delaySubmissionDescription: 'Expenses are shared right away for better spend visibility. Set a slower cadence if needed.',
+        submissionFrequency: 'Submission frequency',
+        weeklyFrequency: 'Weekly',
+        monthlyFrequency: 'Monthly',
+        twiceAMonthFrequency: 'Twice a month',
+        byTripFrequency: 'By trip',
+        manuallyFrequency: 'Manually',
+        dailyFrequency: 'Daily',
+        addApprovalsTitle: 'Add approvals',
+        approver: 'Approver',
+        connectBankAccount: 'Connect bank account',
+        addApprovalsDescription: 'Require additional approval before authorizing a payment.',
+        makeOrTrackPaymentsTitle: 'Make or track payments',
+        makeOrTrackPaymentsDescription: 'Add an authorized payer for payments made in Expensify, or simply track payments made elsewhere.',
+    },
     reportFraudPage: {
         title: 'Report virtual card fraud',
         description: 'If your virtual card details have been stolen or compromised, we’ll permanently deactivate your existing card and provide you with a new virtual card and number.',
@@ -1669,6 +1689,7 @@ export default {
     workspace: {
         common: {
             card: 'Cards',
+            workflows: 'Workflows',
             workspace: 'Workspace',
             edit: 'Edit workspace',
             delete: 'Delete workspace',

src/languages/es.ts

@@ -1012,6 +1012,26 @@ export default {
         },
         cardDetailsLoadingFailure: 'Se ha producido un error al cargar los datos de la tarjeta. Comprueba tu conexión a Internet e inténtalo de nuevo.',
     },
+    workflowsPage:
+    {
+        workflowTitle: 'Gasto',
+        workflowDescription: 'Configure un flujo de trabajo desde el momento en que se produce el gasto, incluida la aprobación y el pago.',
+        delaySubmissionTitle: 'Retrasar las presentaciones',
+        delaySubmissionDescription: 'Los gastos se comparten de inmediato para una mejor visibilidad del gasto. Establece una cadencia más lenta si es necesario.',
+        addApprovalsTitle: 'Añadir aprobacións',
+        approver: 'Aprobador',
+        submissionFrequency: 'Frecuencia de envío',
+        weeklyFrequency: 'Semanal',
+        monthlyFrequency: 'Mensual',
+        twiceAMonthFrequency: 'Dos veces al mes',
+        byTripFrequency: 'Por viaje',
+        manuallyFrequency: 'Manualmente',
+        dailyFrequency: 'Diario',
+        connectBankAccount: 'Conectar cuenta bancaria',
+        addApprovalsDescription: 'Requiere una aprobación adicional antes de autorizar un pago.',
+        makeOrTrackPaymentsTitle: 'Realizar o seguir pagos',
+        makeOrTrackPaymentsDescription: 'Añada un pagador autorizado para los pagos realizados en Expensify, o simplemente realice un seguimiento de los pagos realizados en otro lugar.',
+    },
     reportFraudPage: {
         title: 'Reportar fraude con la tarjeta virtual',
         description:
@@ -1693,6 +1713,8 @@ export default {
     workspace: {
         common: {
             card: 'Tarjetas',
+            workflows: 'Flujos de trabajo',
+            spendWorkflow: 'Flujo de trabajo de gastos',
             workspace: 'Espacio de trabajo',
             edit: 'Editar espacio de trabajo',
             delete: 'Eliminar espacio de trabajo',

src/libs/API/parameters/SetWorkspaceApprovalModeParams.ts

@@ -0,0 +1,6 @@
+type SetWorkspaceApprovalModeParams = {
+    policyID: string
+    value: string,
+};
+
+export default SetWorkspaceApprovalModeParams;

src/libs/API/parameters/SetWorkspaceAutoReportingParams.ts

@@ -0,0 +1,6 @@
+type SetWorkspaceAutoReportingParams = {
+    policyID: string;
+    enabled: boolean;
+};
+
+export default SetWorkspaceAutoReportingParams;

src/libs/API/types.ts

@@ -8,6 +8,8 @@ import type UpdateBeneficialOwnersForBankAccountParams from './parameters/Update
 type ApiRequest = ValueOf<typeof CONST.API_REQUEST_TYPE>;
 
 const WRITE_COMMANDS = {
+    SET_WORKSPACE_AUTO_REPORTING: 'SetWorkspaceAutoReporting',
+    SET_WORKSPACE_APPROVAL_MODE: 'SetWorkspaceApprovalMode',
     DISMISS_REFERRAL_BANNER: 'DismissReferralBanner',
     UPDATE_PREFERRED_LOCALE: 'UpdatePreferredLocale',
     RECONNECT_APP: 'ReconnectApp',

src/libs/Navigation/AppNavigator/Navigators/CentralPaneNavigator/BaseCentralPaneNavigator.tsx

@@ -17,6 +17,7 @@ const workspaceSettingsScreens = {
     [SCREENS.SETTINGS.WORKSPACES]: () => require('../../../../../pages/workspace/WorkspacesListPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.PROFILE]: () => require('../../../../../pages/workspace/WorkspaceProfilePage').default as React.ComponentType,
     [SCREENS.WORKSPACE.CARD]: () => require('../../../../../pages/workspace/card/WorkspaceCardPage').default as React.ComponentType,
+    [SCREENS.WORKSPACE.WORKFLOWS]: () => require('../../../../../pages/workspace/workflows/WorkspaceWorkflowsPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.REIMBURSE]: () => require('../../../../../pages/workspace/reimburse/WorkspaceReimbursePage').default as React.ComponentType,
     [SCREENS.WORKSPACE.BILLS]: () => require('../../../../../pages/workspace/bills/WorkspaceBillsPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.INVOICES]: () => require('../../../../../pages/workspace/invoices/WorkspaceInvoicesPage').default as React.ComponentType,

src/libs/Navigation/linkingConfig/TAB_TO_CENTRAL_PANE_MAPPING.ts

@@ -7,6 +7,7 @@ const TAB_TO_CENTRAL_PANE_MAPPING: Record<BottomTabName, CentralPaneName[]> = {
     [SCREENS.WORKSPACE.INITIAL]: [
         SCREENS.WORKSPACE.PROFILE,
         SCREENS.WORKSPACE.CARD,
+        SCREENS.WORKSPACE.WORKFLOWS,
         SCREENS.WORKSPACE.REIMBURSE,
         SCREENS.WORKSPACE.BILLS,
         SCREENS.WORKSPACE.INVOICES,