New release - release/hosting-collaboration-w26

packages/manager/apps/web-ongoing-operations/package.json

@@ -12,9 +12,9 @@
   "author": "OVH SAS",
   "scripts": {
     "build": "tsc && vite build",
-    "coverage": "TZ=UTC vitest run --coverage",
+    "coverage": "vitest run --coverage",
     "start": "vite",
-    "test": "TZ=UTC vitest run"
+    "test": "vitest run"
   },
   "dependencies": {
     "@ovh-ux/manager-common-translations": "^0.9.0",

packages/manager/apps/web-ongoing-operations/public/translations/dashboard/Messages_de_DE.json

@@ -137,5 +137,8 @@
   "domain_operations_upload_error_wrong-format": "Ungültiges Dateiformat",
   "domain_operations_update_key_validationToken": "Validierungstoken",
   "domain_operations_update_key_document": "Dokument",
-  "domain_operations_update_title": "Aktualisierung des Vorgangs für die Domain {{t0}}"
+  "domain_operations_update_title": "Aktualisierung des Vorgangs für die Domain {{t0}}",
+  "domain_operations_nicOperation_ContactControlNotify": "Kontaktüberprüfungsbenachrichtigung",
+  "domain_operations_nicOperation_DomainSendRDRPNotice": "Versand der RDRP-Benachrichtigung",
+  "domain_operations_guides": "Allgemeine Informationen"
 }

packages/manager/apps/web-ongoing-operations/public/translations/dashboard/Messages_en_GB.json

@@ -137,5 +137,8 @@
   "domain_operations_upload_error_wrong-format": "Unsupported file format",
   "domain_operations_update_key_validationToken": "Validation token",
   "domain_operations_update_key_document": "Document",
-  "domain_operations_update_title": "Operation update for the {{t0}} domain"
+  "domain_operations_update_title": "Operation update for the {{t0}} domain",
+  "domain_operations_nicOperation_ContactControlNotify": "Contact verification notification",
+  "domain_operations_nicOperation_DomainSendRDRPNotice": "Sending the RDRP instruction manual",
+  "domain_operations_guides": "General information"
 }

packages/manager/apps/web-ongoing-operations/public/translations/dashboard/Messages_es_ES.json

@@ -137,5 +137,8 @@
   "domain_operations_upload_error_wrong-format": "Formato de archivo no permitido",
   "domain_operations_update_key_validationToken": "Token de validación",
   "domain_operations_update_key_document": "Documento",
-  "domain_operations_update_title": "Actualización de la operación para el dominio {{t0}}"
+  "domain_operations_update_title": "Actualización de la operación para el dominio {{t0}}",
+  "domain_operations_nicOperation_ContactControlNotify": "Notificación de verificación del contacto",
+  "domain_operations_nicOperation_DomainSendRDRPNotice": "Envío del aviso RDRP",
+  "domain_operations_guides": "Información general"
 }

packages/manager/apps/web-ongoing-operations/public/translations/dashboard/Messages_fr_CA.json

@@ -57,6 +57,8 @@
   "domain_operations_nicOperation_ContactControl": "Vérification du contact",
   "domain_operations_nicOperation_ContactControlAcknowledge": "Confirmation du contact",
   "domain_operations_nicOperation_ContactControlCorrect": "Correction du contact",
+  "domain_operations_nicOperation_ContactControlNotify": "Notification de vérification du contact",
+  "domain_operations_nicOperation_DomainSendRDRPNotice": "Envoi de la notice RDRP",
   "domain_operations_statusOperation_cancelled": "Annulée",
   "domain_operations_statusOperation_doing": "En cours",
   "domain_operations_statusOperation_done": "Terminée",
@@ -122,5 +124,6 @@
   "domain_operations_cancel_success": "L'opération a été annulée avec succès.",
   "domain_operations_relaunch_success": "L'opération a été relancée avec succès.",
   "wizard_confirm": "Confirmer",
-  "wizard_cancel": "Annuler"
+  "wizard_cancel": "Annuler",
+  "domain_operations_guides": "Informations générales"
 }

packages/manager/apps/web-ongoing-operations/public/translations/dashboard/Messages_fr_FR.json

@@ -57,6 +57,8 @@
   "domain_operations_nicOperation_ContactControl": "Vérification du contact",
   "domain_operations_nicOperation_ContactControlAcknowledge": "Confirmation du contact",
   "domain_operations_nicOperation_ContactControlCorrect": "Correction du contact",
+  "domain_operations_nicOperation_ContactControlNotify": "Notification de vérification du contact",
+  "domain_operations_nicOperation_DomainSendRDRPNotice": "Envoi de la notice RDRP",
   "domain_operations_statusOperation_cancelled": "Annulée",
   "domain_operations_statusOperation_doing": "En cours",
   "domain_operations_statusOperation_done": "Terminée",
@@ -122,5 +124,6 @@
   "domain_operations_cancel_success": "L'opération a été annulée avec succès.",
   "domain_operations_relaunch_success": "L'opération a été relancée avec succès.",
   "wizard_confirm": "Confirmer",
-  "wizard_cancel": "Annuler"
+  "wizard_cancel": "Annuler",
+  "domain_operations_guides": "Informations générales"
 }

packages/manager/apps/web-ongoing-operations/public/translations/dashboard/Messages_it_IT.json

@@ -137,5 +137,8 @@
   "domain_operations_upload_error_wrong-format": "Formato del file non autorizzato.",
   "domain_operations_update_key_validationToken": "Token di conferma",
   "domain_operations_update_key_document": "Documento",
-  "domain_operations_update_title": "Aggiornamento dell'operazione per il dominio {{t0}}"
+  "domain_operations_update_title": "Aggiornamento dell'operazione per il dominio {{t0}}",
+  "domain_operations_nicOperation_ContactControlNotify": "Notifica di verifica del contatto",
+  "domain_operations_nicOperation_DomainSendRDRPNotice": "Invio della notifica RDRP",
+  "domain_operations_guides": "Informazioni generali"
 }

packages/manager/apps/web-ongoing-operations/public/translations/dashboard/Messages_pl_PL.json

@@ -137,5 +137,8 @@
   "domain_operations_upload_error_wrong-format": "Niedozwolony format pliku",
   "domain_operations_update_key_validationToken": "Token weryfikacyjny",
   "domain_operations_update_key_document": "Dokument",
-  "domain_operations_update_title": "Aktualizacja operacji dla domeny {{t0}}"
+  "domain_operations_update_title": "Aktualizacja operacji dla domeny {{t0}}",
+  "domain_operations_nicOperation_ContactControlNotify": "Powiadomienie o weryfikacji kontaktu",
+  "domain_operations_nicOperation_DomainSendRDRPNotice": "Wysłanie powiadomienia RDRP",
+  "domain_operations_guides": "Informacje ogólne"
 }

packages/manager/apps/web-ongoing-operations/public/translations/dashboard/Messages_pt_PT.json

@@ -137,5 +137,8 @@
   "domain_operations_update_title": "Atualização da operação para o domínio {{t0}}",
   "domain_operations_update_error": "Ocorreu uma falha ao atualizar a operação",
   "domain_operations_update_key_validationToken": "Token de validação",
-  "domain_operations_update_key_document": "Documento"
+  "domain_operations_update_key_document": "Documento",
+  "domain_operations_nicOperation_ContactControlNotify": "Notificação de verificação do contacto",
+  "domain_operations_nicOperation_DomainSendRDRPNotice": "Envio da notificação RDRP",
+  "domain_operations_guides": "Informações gerais"
 }

packages/manager/apps/web-ongoing-operations/src/components/OngoingOperationDatagrid/OngoingOperationDatagridBadge.tsx

@@ -1,22 +1,22 @@
 import React from 'react';
+import { useFormatDate } from '@ovh-ux/manager-react-components';
 import { ODS_BADGE_COLOR } from '@ovhcloud/ods-components/src/components/badge/src/constants/badge-color';
 import { OdsBadge, OdsText, OdsTooltip } from '@ovhcloud/ods-components/react';
 import { ODS_ICON_NAME, ODS_TEXT_PRESET } from '@ovhcloud/ods-components';
 import { useTranslation } from 'react-i18next';
-import { formatDatagridDate } from '@/utils/utils';
 import { TOngoingOperations } from '@/types';
 import { StatusEnum } from '@/enum/status.enum';
 
 interface OngoingOperationDatagridBadgeProps {
   readonly props: TOngoingOperations;
-  readonly locale: string;
 }
 
 export default function OngoingOperationDatagridBadge({
   props,
-  locale,
 }: OngoingOperationDatagridBadgeProps) {
   const { t } = useTranslation('dashboard');
+  const formatDate = useFormatDate();
+
   const badgeColor = (status: string) => {
     switch (status) {
       case StatusEnum.TODO:
@@ -64,7 +64,7 @@ export default function OngoingOperationDatagridBadge({
                 props.status === StatusEnum.TODO
                   ? 'domain_operations_statusOperation_todo_next_execution'
                   : 'domain_operations_statusOperation_done_end_execution',
-              )} ${formatDatagridDate(props.todoDate, locale)}`}
+              )} ${formatDate({ date: props.todoDate, format: 'P p' })}`}
             </OdsText>
           </OdsTooltip>
         </div>

packages/manager/apps/web-ongoing-operations/src/constants.ts

@@ -4,3 +4,49 @@ export const taskMeDns = ['me', 'task', 'dns'];
 export const domainCreate = 'DomainCreate';
 export const domainIncomingTransfer = 'DomainIncomingTransfer';
 export const domainResourceDelete = 'DomainResourceDelete';
+
+export const DOMAIN_OPERATIONS = [
+  'ContactControlAcknowledge',
+  'ContactControlCorrect',
+  'ContactControlNotify',
+  'ContactControl',
+  'DomainContactControl',
+  'DomainContactUpdate',
+  'DomainTrade',
+  'DomainEmailRedirectionsCreate',
+  'DomainEmailRedirectionsDelete',
+  'DomainSendRDRPNotice',
+  'DomainDnsUpdate',
+  'DomainDsUpdate',
+  'DomainHostCreate',
+  'DomainHostDelete',
+  'DomainHostUpdate',
+  'DomainAfterMarket',
+  'DomainCreate',
+  'DomainHold',
+  'DomainUnhold',
+  'DomainIncomingTransfer',
+  'DomainOutgoingTransfer',
+  'DomainLock',
+  'DomainUnlock',
+  'DomainRenew',
+  'DomainRestore',
+  'DomainDelete',
+  'DomainResourceDelete',
+  'DomainRegistryDelete',
+];
+
+export const DNS_OPERATIONS = [
+  'DnsAnycastActivate',
+  'DnsAnycastDeactivate',
+  'DnssecDisable',
+  'DnssecEnable',
+  'DnssecResigning',
+  'DnssecRollKsk',
+  'DnssecRollZsk',
+  'ZoneCreate',
+  'ZoneCut',
+  'ZoneDelete',
+  'ZoneImport',
+  'ZoneRestore',
+];

packages/manager/apps/web-ongoing-operations/src/guides.constants.ts

@@ -0,0 +1,37 @@
+export type LangCode =
+  | 'FR'
+  | 'EN'
+  | 'DE'
+  | 'ES'
+  | 'IT'
+  | 'PL'
+  | 'PT'
+  | 'DEFAULT';
+
+export type GuideLinks = Record<LangCode, string>;
+export interface Guide {
+  key: string;
+  url: GuideLinks;
+}
+
+const helpRoot = 'https://help.ovhcloud.com/csm/';
+
+const baseGuideUrl = `${helpRoot}{{lang}}-documentation-web-cloud-domains-domain-names?id=kb_browse_cat&kb_id=e17b4f25551974502d4c6e78b7421955&kb_category=50441955f49801102d4ca4d466a7fdc2&spa=1`;
+
+export const WEB_ONGOING_OPERATIONS_DOMAINS: GuideLinks = {
+  FR: baseGuideUrl.replace('{{lang}}', 'fr'),
+  EN: baseGuideUrl.replace('{{lang}}', 'en-gb'),
+  DE: baseGuideUrl.replace('{{lang}}', 'de'),
+  ES: baseGuideUrl.replace('{{lang}}', 'es-es'),
+  IT: baseGuideUrl.replace('{{lang}}', 'it'),
+  PL: baseGuideUrl.replace('{{lang}}', 'pl'),
+  PT: baseGuideUrl.replace('{{lang}}', 'pt'),
+  DEFAULT: baseGuideUrl.replace('{{lang}}', 'fr'),
+};
+
+export const GUIDES_LIST = {
+  domains: {
+    key: 'web_ongoing_operations_domains',
+    url: WEB_ONGOING_OPERATIONS_DOMAINS,
+  },
+};

packages/manager/apps/web-ongoing-operations/src/hooks/useOngoingOperationDatagridColumns.tsx

@@ -1,28 +1,31 @@
 import React from 'react';
-import { useTranslation, getI18n } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import {
   ActionMenu,
   DataGridTextCell,
   useNotifications,
+  useFormatDate,
 } from '@ovh-ux/manager-react-components';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { TOngoingOperations } from 'src/types';
 import { FilterCategories } from '@ovh-ux/manager-core-api';
 import { ODS_BUTTON_VARIANT } from '@ovhcloud/ods-components';
 import { ParentEnum } from '@/enum/parent.enum';
-import { formatDatagridDate, removeQuotes } from '@/utils/utils';
+import { removeQuotes } from '@/utils/utils';
 import OngoingOperationDatagridDomain from '@/components/OngoingOperationDatagrid/OngoingOperationDatagridDomain';
 import OngoingOperationDatagridBadge from '@/components/OngoingOperationDatagrid/OngoingOperationDatagridBadge';
 import { DNS_OPERATIONS_TABLE_HEADER_DOMAIN } from '@/pages/dashboard/Dashboard';
+import { StatusEnum } from '@/enum/status.enum';
+import { DOMAIN_OPERATIONS, DNS_OPERATIONS } from '@/constants';
 
 export const useOngoingOperationDatagridColumns = (
   parent: ParentEnum.DOMAIN | ParentEnum.ZONE,
 ) => {
   const { t } = useTranslation('dashboard');
   const { clearNotifications } = useNotifications();
-  const l = getI18n();
   const navigate = useNavigate();
   const location = useLocation();
+  const formatDate = useFormatDate();
 
   const columns = [
     {
@@ -46,6 +49,15 @@ export const useOngoingOperationDatagridColumns = (
         </DataGridTextCell>
       ),
       label: t('domain_operations'),
+      comparator: FilterCategories.Options,
+      isFilterable: true,
+      filterOptions: (parent === ParentEnum.DOMAIN
+          ? DOMAIN_OPERATIONS
+          : DNS_OPERATIONS
+      ).map((op) => ({
+        label: t(`domain_operations_nicOperation_${op}`),
+        value: op,
+      })),
     },
     {
       id: 'comment',
@@ -60,7 +72,7 @@ export const useOngoingOperationDatagridColumns = (
       id: 'created_on',
       cell: (props: TOngoingOperations) => (
         <DataGridTextCell>
-          {formatDatagridDate(props.creationDate, l.language)}
+          {formatDate({ date: props.creationDate, format: 'P p' })}
         </DataGridTextCell>
       ),
       label: t('domain_operations_table_header_creationDate'),
@@ -69,17 +81,23 @@ export const useOngoingOperationDatagridColumns = (
       id: 'last_updated',
       cell: (props: TOngoingOperations) => (
         <DataGridTextCell>
-          {formatDatagridDate(props.lastUpdate, l.language)}
+          {formatDate({ date: props.lastUpdate, format: 'P p' })}
         </DataGridTextCell>
       ),
       label: t('domain_operations_table_header_lastUpdate'),
     },
     {
       id: 'status',
       cell: (props: TOngoingOperations) => (
-        <OngoingOperationDatagridBadge props={props} locale={l.language} />
+        <OngoingOperationDatagridBadge props={props} />
       ),
       label: t('domain_operations_table_header_status'),
+      comparator: FilterCategories.Options,
+      isFilterable: true,
+      filterOptions: Object.values(StatusEnum).map((status) => ({
+        label: t(`domain_operations_statusOperation_${status}`),
+        value: status,
+      })),
     },
     {
       cell: (props: TOngoingOperations) => (

packages/manager/apps/web-ongoing-operations/src/pages/dashboard/Dashboard.tsx

@@ -10,9 +10,13 @@ import {
 import { OdsTabs, OdsTab } from '@ovhcloud/ods-components/react';
 import {
   BaseLayout,
+  GuideButton,
+  GuideItem,
   Notifications,
   useNotifications,
 } from '@ovh-ux/manager-react-components';
+import { GUIDES_LIST } from '@/guides.constants';
+import { getLanguageKey } from '@/utils/utils';
 
 export const DNS_OPERATIONS_TABLE_HEADER_DOMAIN = 'DNS';
 
@@ -30,8 +34,18 @@ export default function DashboardPage() {
   const [activePanel, setActivePanel] = useState<string>('');
   const location = useLocation();
   const navigate = useNavigate();
-  const { t } = useTranslation('dashboard');
+  const { t, i18n } = useTranslation('dashboard');
   const { notifications } = useNotifications();
+  const langCode = getLanguageKey(i18n.language);
+
+  const guideItems: GuideItem[] = [
+    {
+      id: 1,
+      href: GUIDES_LIST.domains.url[langCode],
+      target: '_blank',
+      label: t('domain_operations_guides'),
+    },
+  ];
 
   const tabsList: DashboardTabItemProps[] = [
     {
@@ -60,6 +74,7 @@ export default function DashboardPage() {
     <BaseLayout
       header={{
         title: t('domain_operations_dashboard_title'),
+        headerButton: <GuideButton items={guideItems} />,
       }}
       description={t('domain_operations_dashboard_info')}
       tabs={

packages/manager/apps/web-ongoing-operations/src/setupTests.tsx

@@ -48,8 +48,8 @@ vi.mock(import('@ovh-ux/manager-react-components'), async (importOriginal) => {
 });
 
 vi.mock('@/utils/utils', () => ({
-  formatDatagridDate: vi.fn(),
   removeQuotes: vi.fn(),
+  getLanguageKey: vi.fn(),
 }));
 
 const mocks = vi.hoisted(() => ({