feat(zimbra): add accounts export csv feature

ref: #PRDCOL-115

Signed-off-by: Guillaume Hyenne <[email protected]>

Author: ghyenne

packages/manager/apps/zimbra/package.json

@@ -39,6 +39,7 @@
     "@tanstack/react-table": "^8.20.1",
     "date-fns": "^4.1.0",
     "element-internals-polyfill": "^1.3.10",
+    "export-to-csv": "^1.4.0",
     "i18next": "^23.8.2",
     "i18next-http-backend": "2.5.0",
     "jsurl": "^0.1.5",

packages/manager/apps/zimbra/public/translations/common/Messages_fr_FR.json

@@ -101,5 +101,25 @@
   "service_state_suspended": "Suspendu",
   "service_state_error": "Erreur",
   "service_state_ready": "Actif",
-  "service_state_updating": "Mise à jour"
+  "service_state_updating": "Mise à jour",
+  "service_state_billinglocked": "Problème de facturation",
+  "service_state_blockedforspam": "Suspendu pour activité suspecte",
+  "export_success": "Le fichier a été correctement créé. Si le téléchargement ne démarre pas, vous pouvez le télécharger manuellement.",
+  "export_error": "Le fichier n'a pas pu être créé. {{ error }}",
+  "export_download_manually": "Télécharger ici",
+  "last_connection": "Dernière connexion",
+  "quota_used": "Quota utilisé",
+  "quota_available": "Quota disponible",
+  "hide_in_gal": "Adresse cachée dans l'annuaire",
+  "contactInformation_profession": "Profession",
+  "contactInformation_office": "Bureau",
+  "contactInformation_service": "Service",
+  "contactInformation_company": "Société",
+  "contactInformation_mobileNumber": "Numéro de téléphone portable",
+  "contactInformation_phoneNumber": "Numéro de téléphone",
+  "contactInformation_faxNumber": "Numéro de fax",
+  "contactInformation_street": "Rue",
+  "contactInformation_postcode": "Code postal",
+  "contactInformation_city": "Ville",
+  "contactInformation_country": "Pays"
 }

packages/manager/apps/zimbra/src/data/api/service/type.ts

@@ -13,6 +13,7 @@ export type SlotService = {
   nextBillingDate?: string;
   state: keyof typeof ServiceBillingState;
   planCode?: ZimbraPlanCodes;
+  price?: string;
 };
 
 export const SlotServiceTerminationPolicy = {

packages/manager/apps/zimbra/src/data/api/service/utils.ts

@@ -24,6 +24,7 @@ export const makeSlotService = (service: ServiceDetails): SlotService => {
     nextBillingDate: service.billing?.nextBillingDate,
     state: getServiceBillingState(service),
     planCode: service.billing.plan.code as ZimbraPlanCodes,
+    price: service.billing.pricing.price.text,
   };
 };
 

packages/manager/apps/zimbra/src/pages/dashboard/domains/ActionButton.spec.tsx

@@ -2,6 +2,8 @@ import React from 'react';
 
 import { describe, expect } from 'vitest';
 
+import actionsCommonTranslation from '@ovh-ux/manager-common-translations/dist/@ovh-ux/manager-common-translations/actions/Messages_fr_FR.json';
+
 import commonTranslation from '@/public/translations/common/Messages_fr_FR.json';
 import { render } from '@/utils/test.provider';
 
@@ -26,10 +28,10 @@ describe('Domains datagrid action menu', () => {
 
     expect(menuItems.length).toBe(3);
 
-    expect(menuItems[0]).toHaveAttribute('label', 'configure');
+    expect(menuItems[0]).toHaveAttribute('label', actionsCommonTranslation.configure);
 
     expect(menuItems[1]).toHaveAttribute('label', commonTranslation.diagnostics);
 
-    expect(menuItems[2]).toHaveAttribute('label', 'delete');
+    expect(menuItems[2]).toHaveAttribute('label', actionsCommonTranslation.delete);
   });
 });

packages/manager/apps/zimbra/src/pages/dashboard/emailAccounts/ActionButton.spec.tsx

@@ -2,6 +2,8 @@ import React from 'react';
 
 import { describe, expect } from 'vitest';
 
+import actionsCommonTranslation from '@ovh-ux/manager-common-translations/dist/@ovh-ux/manager-common-translations/actions/Messages_fr_FR.json';
+
 import commonTranslation from '@/public/translations/common/Messages_fr_FR.json';
 import { render } from '@/utils/test.provider';
 
@@ -29,10 +31,10 @@ describe('EmailAccounts datagrid action menu', () => {
 
     expect(menuItems.length).toBe(3);
 
-    expect(menuItems[0]).toHaveAttribute('label', 'modify');
+    expect(menuItems[0]).toHaveAttribute('label', actionsCommonTranslation.modify);
 
     expect(menuItems[1]).toHaveAttribute('label', commonTranslation.alias);
 
-    expect(menuItems[2]).toHaveAttribute('label', 'delete');
+    expect(menuItems[2]).toHaveAttribute('label', actionsCommonTranslation.delete);
   });
 });

packages/manager/apps/zimbra/src/pages/dashboard/emailAccounts/DatagridTopBar.component.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 
 import { useNavigate } from 'react-router-dom';
 
@@ -20,10 +20,13 @@ import { useAccountsStatistics, useGenerateUrl } from '@/hooks';
 import { ADD_EMAIL_ACCOUNT, ORDER_ZIMBRA_EMAIL_ACCOUNT } from '@/tracking.constants';
 import { IAM_ACTIONS } from '@/utils/iamAction.constants';
 
+import { EmailAccountsExportCsv } from './EmailAccountsExportCsv.component';
+
 export const DatagridTopbar = () => {
   const { t } = useTranslation(['accounts', 'common']);
   const { trackClick } = useOvhTracking();
   const navigate = useNavigate();
+
   const { platformUrn } = usePlatform();
   const { accountsStatistics } = useAccountsStatistics();
 
@@ -98,6 +101,7 @@ export const DatagridTopbar = () => {
         onClick={handleOrderEmailAccountClick}
         label={t('zimbra_account_account_order')}
       />
+      <EmailAccountsExportCsv />
     </div>
   );
 };

packages/manager/apps/zimbra/src/pages/dashboard/emailAccounts/EmailAccountForm.spec.tsx

@@ -7,6 +7,8 @@ import '@testing-library/jest-dom';
 import 'element-internals-polyfill';
 import { describe, expect, vi } from 'vitest';
 
+import actionsCommonTranslation from '@ovh-ux/manager-common-translations/dist/@ovh-ux/manager-common-translations/actions/Messages_fr_FR.json';
+
 import { accountMock, platformMock } from '@/data/api';
 import { act, render, waitFor } from '@/utils/test.provider';
 import { OdsHTMLElement } from '@/utils/test.utils';
@@ -21,7 +23,7 @@ describe('email account add and edit form', () => {
       expect(queryByTestId('spinner')).toBeNull();
     });
 
-    expect(getByTestId('confirm-btn')).toHaveAttribute('label', 'confirm');
+    expect(getByTestId('confirm-btn')).toHaveAttribute('label', actionsCommonTranslation.confirm);
   });
 
   it('should be in edit mode if accountId', async () => {
@@ -35,7 +37,7 @@ describe('email account add and edit form', () => {
     await waitFor(() => {
       expect(queryByTestId('spinner')).toBeNull();
     });
-    expect(getByTestId('confirm-btn')).toHaveAttribute('label', 'save');
+    expect(getByTestId('confirm-btn')).toHaveAttribute('label', actionsCommonTranslation.save);
   });
 
   // @TODO: find why this test is inconsistent