[No QA][HR Import] Render per provider cards on hr page

src/CONST/index.ts

@@ -3960,6 +3960,8 @@ const CONST = {
                 ZENEFITS_SYNC_LOAD_DATA: 'zenefitsSyncLoadData',
                 ZENEFITS_SYNC_PROVISIONING: 'zenefitsSyncProvisioning',
                 MERGE_HR_SYNC_TITLE: 'mergeHRSyncTitle',
+                MERGE_HR_SYNC_LOAD_DATA: 'mergeHRSyncLoadData',
+                MERGE_HR_SYNC_PROVISIONING: 'mergeHRSyncProvisioning',
                 FINANCIAL_FORCE_SYNC_CONNECTION: 'financialForceSyncConnection',
             },
             SYNC_STAGE_TIMEOUT_MINUTES: 20,

src/languages/de.ts

@@ -261,6 +261,7 @@ const translations: TranslationDeepObject<typeof en> = {
         reset: 'Zurücksetzen',
         done: 'Fertig',
         more: 'Mehr',
+        other: 'Andere',
         debitCard: 'Debitkarte',
         bankAccount: 'Bankkonto',
         personalBankAccount: 'Persönliches Bankkonto',
@@ -7067,7 +7068,30 @@ Fügen Sie weitere Ausgabelimits hinzu, um den Cashflow Ihres Unternehmens zu sc
         hr: {
             title: 'Personalwesen',
             subtitle: 'HR-Tools verbinden und Mitarbeitergenehmigungen synchron halten.',
-            settingsTitle: 'Gusto-Einstellungen',
+            connect: 'Verbinden',
+            syncNow: 'Jetzt synchronisieren',
+            disconnect: 'Trennen',
+            disconnectTitle: (providerName: string) => `${providerName} trennen`,
+            disconnectPrompt: (providerName: string) => `Möchten Sie ${providerName} wirklich trennen?`,
+            lastSync: (relativeDate: string) => `Zuletzt synchronisiert ${relativeDate}`,
+            syncError: (providerName: string) => `Verbindung zu ${providerName} nicht möglich`,
+            connectionDescription: (providerName: string) => `Verbinden Sie ${providerName}, um Mitarbeitergenehmigungen mit Ihrem Workspace zu synchronisieren.`,
+            approvalMode: 'Genehmigungsmodus',
+            finalApprover: 'Endgültige:r Genehmiger:in',
+            notSet: 'Nicht festgelegt',
+            approvalModeDescription: (providerName: string) => `Mitglieder und Manager sind für die Synchronisation mit ${providerName} eingerichtet.`,
+            approvalModeWarningTitle: 'Genehmigungsmodus ändern?',
+            approvalModeWarningPrompt: (providerName: string, helpSiteURL: string) =>
+                `Möchten Sie den Genehmigungsmodus für diesen Workspace wirklich ändern? Erfahren Sie mehr über die verschiedenen ${providerName}-aktivierten Workflow-Modi auf unserer <a href="${helpSiteURL}">Hilfeseite</a>.`,
+            approvalModeWarningConfirm: 'Genehmigungsmodus ändern',
+            approvalModes: {
+                basic: {label: 'Einfache Genehmigung', description: 'Alle Benutzer reichen zur Bearbeitung und Genehmigung bei einer einzigen Person ein.'},
+                manager: {
+                    label: 'Manager-Genehmigung',
+                    description: (providerName: string) => `Mitarbeitende reichen Berichte bei ihrer in ${providerName} hinterlegten direkten Führungskraft ein.`,
+                },
+                custom: {label: 'Benutzerdefinierte Genehmigung', description: 'Ich richte Genehmigungs-Workflows in Expensify manuell ein.'},
+            },
             syncStageName: ({stage}: SyncStageNameConnectionsParams) => {
                 switch (stage) {
                     case 'gustoSyncTitle':
@@ -7091,27 +7115,6 @@ Fügen Sie weitere Ausgabelimits hinzu, um den Cashflow Ihres Unternehmens zu sc
             },
             gusto: {
                 title: 'Gusto',
-                approvalMode: 'Genehmigungsmodus',
-                finalApprover: 'Endgültige:r Genehmiger:in',
-                notSet: 'Nicht festgelegt',
-                approvalModeDescription: 'Mitglieder und Manager sind für die Synchronisation mit Gusto eingerichtet.',
-                approvalModeWarningTitle: 'Genehmigungsmodus ändern?',
-                approvalModeWarningPrompt: (helpSiteURL: string) =>
-                    `Möchten Sie den Genehmigungsmodus für diesen Workspace wirklich ändern? Erfahren Sie mehr über die verschiedenen Gusto-aktivierten Workflow-Modi auf unserer <a href="${helpSiteURL}">Hilfeseite</a>.`,
-                approvalModeWarningConfirm: 'Genehmigungsmodus ändern',
-                approvalModes: {
-                    basic: {label: 'Einfache Genehmigung', description: 'Alle Benutzer reichen zur Bearbeitung und Genehmigung bei einer einzigen Person ein.'},
-                    manager: {label: 'Managergenehmigung', description: 'Mitarbeitende reichen Berichte bei ihrer in Gusto hinterlegten direkten Führungskraft ein.'},
-                    custom: {label: 'Benutzerdefinierte Genehmigung', description: 'Ich richte Genehmigungs-Workflows in Expensify manuell ein.'},
-                },
-                connect: 'Verbinden',
-                connectionDescription: 'Verbinde Gusto, um Mitarbeitergenehmigungen mit deinem Workspace zu synchronisieren.',
-                syncNow: 'Jetzt synchronisieren',
-                disconnect: 'Trennen',
-                lastSync: (relativeDate: string) => `Zuletzt synchronisiert ${relativeDate}`,
-                syncError: 'Verbindung zu Gusto nicht möglich',
-                disconnectTitle: 'Gusto trennen',
-                disconnectPrompt: 'Bist du sicher, dass du Gusto trennen möchtest?',
                 syncResults: {
                     title: 'Gusto-Synchronisierungsergebnisse',
                     successTitle: 'Ihre Gusto-Verbindung wurde erfolgreich synchronisiert!',
@@ -7124,33 +7127,8 @@ Fügen Sie weitere Ausgabelimits hinzu, um den Cashflow Ihres Unternehmens zu sc
                     }),
                 },
             },
-            merge: {
-                approvalMode: 'Genehmigungsmodus',
-                finalApprover: 'Endgültige:r Genehmiger:in',
-            },
             zenefits: {
                 title: 'TriNet',
-                connect: 'Verbinden',
-                syncNow: 'Jetzt synchronisieren',
-                disconnect: 'Verbindung trennen',
-                lastSync: (relativeDate: string) => `Zuletzt synchronisiert ${relativeDate}`,
-                syncError: 'Verbindung zu TriNet nicht möglich',
-                disconnectTitle: 'TriNet trennen',
-                disconnectPrompt: 'Sind Sie sicher, dass Sie die Verbindung zu TriNet trennen möchten?',
-                connectionDescription: 'Verbinden Sie TriNet, um Mitarbeitergenehmigungen mit Ihrem Workspace zu synchronisieren.',
-                approvalMode: 'Genehmigungsmodus',
-                finalApprover: 'Letzte genehmigende Person',
-                notSet: 'Nicht festgelegt',
-                approvalModeDescription: 'Mitglieder und Manager sind für die Synchronisierung mit TriNet eingerichtet.',
-                approvalModeWarningTitle: 'Genehmigungsmodus ändern?',
-                approvalModeWarningPrompt: (helpSiteURL: string) =>
-                    `Sind Sie sicher, dass Sie den Genehmigungsmodus für diesen Workspace ändern möchten? Erfahren Sie mehr über die verschiedenen TriNet-fähigen Workflow-Modi auf unserer <a href="${helpSiteURL}">Hilfeseite</a>.`,
-                approvalModeWarningConfirm: 'Genehmigungsmodus ändern',
-                approvalModes: {
-                    basic: {label: 'Einfache Genehmigung', description: 'Alle Benutzer reichen an eine einzige Person zur Bearbeitung und Genehmigung ein.'},
-                    manager: {label: 'Managergenehmigung', description: 'Mitarbeitende reichen Berichte bei ihrer in TriNet hinterlegten direkten Führungskraft ein.'},
-                    custom: {label: 'Benutzerdefinierte Genehmigung', description: 'Ich richte Genehmigungsabläufe in Expensify manuell ein.'},
-                },
             },
         },
     },

src/languages/en.ts

@@ -270,6 +270,7 @@ const translations = {
         // @context Status or button indicating that an action or process has been completed. Should reflect completion.
         done: 'Done',
         more: 'More',
+        other: 'Other',
         debitCard: 'Debit card',
         bankAccount: 'Bank account',
         personalBankAccount: 'Personal bank account',
@@ -6420,7 +6421,30 @@ const translations = {
         hr: {
             title: 'HR',
             subtitle: 'Connect HR tools and keep employee approvals in sync.',
-            settingsTitle: 'Gusto settings',
+            connect: 'Connect',
+            syncNow: 'Sync now',
+            disconnect: 'Disconnect',
+            disconnectTitle: (providerName: string) => `Disconnect ${providerName}`,
+            disconnectPrompt: (providerName: string) => `Are you sure you want to disconnect ${providerName}?`,
+            lastSync: (relativeDate: string) => `Last synced ${relativeDate}`,
+            syncError: (providerName: string) => `Can't connect to ${providerName}`,
+            connectionDescription: (providerName: string) => `Connect ${providerName} to keep employee approvals in sync with your workspace.`,
+            approvalMode: 'Approval mode',
+            finalApprover: 'Final approver',
+            notSet: 'Not set',
+            approvalModeDescription: (providerName: string) => `Members and managers are set up to sync with ${providerName}.`,
+            approvalModeWarningTitle: 'Change approval mode?',
+            approvalModeWarningPrompt: (providerName: string, helpSiteURL: string) =>
+                `Are you sure you would like to change the approval mode for this workspace? Learn more about the different ${providerName}-enabled workflow modes in our <a href="${helpSiteURL}">help site</a>.`,
+            approvalModeWarningConfirm: 'Change approval mode',
+            approvalModes: {
+                basic: {label: 'Basic approval', description: 'All users submit to a single person for processing and approval.'},
+                manager: {
+                    label: 'Manager approval',
+                    description: (providerName: string) => `Employees submit reports to their direct manager configured in ${providerName}.`,
+                },
+                custom: {label: 'Custom approval', description: "I'll manually setup approval workflows in Expensify."},
+            },
             syncStageName: ({stage}: SyncStageNameConnectionsParams) => {
                 switch (stage) {
                     case 'gustoSyncTitle':
@@ -6435,6 +6459,12 @@ const translations = {
                         return 'Loading data from TriNet';
                     case 'zenefitsSyncProvisioning':
                         return 'Provisioning employees in policy';
+                    case 'mergeHRSyncTitle':
+                        return 'Synchronizing HR Employees';
+                    case 'mergeHRSyncLoadData':
+                        return 'Loading data from HR provider';
+                    case 'mergeHRSyncProvisioning':
+                        return 'Provisioning employees in policy';
                     case 'jobDone':
                         return 'Waiting for imported data to load';
                     default: {
@@ -6444,36 +6474,6 @@ const translations = {
             },
             gusto: {
                 title: 'Gusto',
-                connect: 'Connect',
-                syncNow: 'Sync now',
-                disconnect: 'Disconnect',
-                lastSync: (relativeDate: string) => `Last synced ${relativeDate}`,
-                syncError: "Can't connect to Gusto",
-                disconnectTitle: 'Disconnect Gusto',
-                disconnectPrompt: 'Are you sure you want to disconnect Gusto?',
-                connectionDescription: 'Connect Gusto to keep employee approvals in sync with your workspace.',
-                approvalMode: 'Approval mode',
-                finalApprover: 'Final approver',
-                notSet: 'Not set',
-                approvalModeDescription: 'Members and managers are set up to sync with Gusto.',
-                approvalModeWarningTitle: 'Change approval mode?',
-                approvalModeWarningPrompt: (helpSiteURL: string) =>
-                    `Are you sure you would like to change the approval mode for this workspace? Learn more about the different Gusto-enabled workflow modes in our <a href="${helpSiteURL}">help site</a>.`,
-                approvalModeWarningConfirm: 'Change approval mode',
-                approvalModes: {
-                    basic: {
-                        label: 'Basic approval',
-                        description: 'All users submit to a single person for processing and approval.',
-                    },
-                    manager: {
-                        label: 'Manager approval',
-                        description: 'Employees submit reports to their direct manager configured in Gusto.',
-                    },
-                    custom: {
-                        label: 'Custom approval',
-                        description: 'I’ll manually setup approval workflows in Expensify.',
-                    },
-                },
                 syncResults: {
                     title: 'Gusto sync results',
                     successTitle: 'Successfully synced your Gusto connection!',
@@ -6486,42 +6486,8 @@ const translations = {
                     }),
                 },
             },
-            merge: {
-                approvalMode: 'Approval mode',
-                finalApprover: 'Final approver',
-            },
             zenefits: {
                 title: 'TriNet',
-                connect: 'Connect',
-                syncNow: 'Sync now',
-                disconnect: 'Disconnect',
-                lastSync: (relativeDate: string) => `Last synced ${relativeDate}`,
-                syncError: "Can't connect to TriNet",
-                disconnectTitle: 'Disconnect TriNet',
-                disconnectPrompt: 'Are you sure you want to disconnect TriNet?',
-                connectionDescription: 'Connect TriNet to keep employee approvals in sync with your workspace.',
-                approvalMode: 'Approval mode',
-                finalApprover: 'Final approver',
-                notSet: 'Not set',
-                approvalModeDescription: 'Members and managers are set up to sync with TriNet.',
-                approvalModeWarningTitle: 'Change approval mode?',
-                approvalModeWarningPrompt: (helpSiteURL: string) =>
-                    `Are you sure you would like to change the approval mode for this workspace? Learn more about the different TriNet-enabled workflow modes in our <a href="${helpSiteURL}">help site</a>.`,
-                approvalModeWarningConfirm: 'Change approval mode',
-                approvalModes: {
-                    basic: {
-                        label: 'Basic approval',
-                        description: 'All users submit to a single person for processing and approval.',
-                    },
-                    manager: {
-                        label: 'Manager approval',
-                        description: 'Employees submit reports to their direct manager configured in TriNet.',
-                    },
-                    custom: {
-                        label: 'Custom approval',
-                        description: "I'll manually setup approval workflows in Expensify.",
-                    },
-                },
             },
         },
         export: {