feat(pci-instances): react - implement distant backup creation

ref: #TAPC-3053, #TAPC-4664, #TAPC-4688

Signed-off-by: Simon Chaumet <[email protected]>
Co-authored-by: Adrien Turmo <[email protected]>
Co-authored-by: CDS Translator Agent <[email protected]>

Author: 3 people

packages/manager/apps/pci-instances/package.json

@@ -15,6 +15,7 @@
     "type:check": "tsc --noEmit"
   },
   "dependencies": {
+    "@hookform/resolvers": "^5.1.1",
     "@ovh-ux/manager-common-translations": "^0.19.0",
     "@ovh-ux/manager-config": "^8.6.2",
     "@ovh-ux/manager-core-api": "^0.18.4",
@@ -27,20 +28,23 @@
     "@ovhcloud/ods-common-stencil": "17.2.2",
     "@ovhcloud/ods-common-theming": "17.2.2",
     "@ovhcloud/ods-components": "17.2.2",
-    "@ovhcloud/ods-react": "^19.0.1",
+    "@ovhcloud/ods-react": "^19.1.0",
     "@ovhcloud/ods-theme-blue-jeans": "17.2.2",
-    "@ovhcloud/ods-themes": "^19.0.1",
+    "@ovhcloud/ods-themes": "^19.1.0",
     "@tanstack/react-query": "^5.51.21",
     "axios": "^1.6.0",
     "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
     "element-internals-polyfill": "^1.3.11",
-    "i18next": "^23.8.2",
+    "i18next": "^23.11.5",
     "lodash": "^4.17.15",
     "lucide-react": "^0.334.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.59.0",
     "react-i18next": "^14.1.2",
-    "react-router-dom": "^6.3.0"
+    "react-router-dom": "^6.3.0",
+    "zod": "^3.25.73"
   },
   "devDependencies": {
     "@ovh-ux/manager-static-analysis-kit": "^0.9.0",
@@ -54,6 +58,7 @@
     "msw": "^2.4.9",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.4",
+    "typescript": "^5.8.3",
     "uuid": "^9.0.1",
     "vite": "^6.0.7"
   },

packages/manager/apps/pci-instances/public/translations/actions/Messages_de_DE.json

@@ -59,6 +59,12 @@
   "pci_instances_actions_shelve_instance_nota_message": "(1) Bitte beachten Sie: Für monatlich berechnete Instanzen wird die übliche Abrechnung fortgesetzt, unabhängig vom Status der Dienstleistung.",
   "pci_instances_actions_instance_unavailable_action_error_message": "Diese Aktion ist für Ihre Instanz {{ name }} nicht verfügbar",
   "pci_instances_actions_instance_success_message": "Der Status Ihrer Instanz {{ name }} wurde aktualisiert.",
+  "pci_instances_actions_backup_instance_distant_label": "Ein Remote-Backup hinzufügen (optional)",
+  "pci_instances_actions_backup_instance_distant_name_label": "Name des Remote-Backups",
+  "pci_instances_actions_backup_instance_distant_region_label": "Wählen Sie einen Standort aus.",
+  "pci_instances_actions_backup_instance_distant_region_price": "Jedes Backup wird berechnet: ~{{price}}/Monat/GB",
+  "pci_instances_actions_backup_instance_region_enable_warning": "Der ausgewählte Standort ist nicht aktiviert. Wenn Sie auf „Bestätigen“ klicken, wird er Ihrem Projekt hinzugefügt.",
+  "pci_instances_actions_backup_instance_with_distant_success_message": "Das Backup {{ name }} wird erstellt. Sobald dieses lokale Backup erstellt wurde, erstellen wir das Remote-Backup mit dem Namen {{ distantName }}. Um sich den Status und die Details des Vorgangs anzusehen, wechseln Sie zur Seite <InstanceBackupLink>Instance Backup</InstanceBackupLink>. Wenn das Backup nicht sofort angezeigt wird, können Sie Ihre Seite aktualisieren, damit auch die Liste aktualisiert wird.",
   "pci_instances_actions_instance_network_change_dns": "DNS Reverse ändern",
   "pci_instances_actions_instance_network_activate_mitigation": "Schutz aktivieren/deaktivieren",
   "pci_instances_actions_instance_network_firewall_settings": "Firewall konfigurieren",

packages/manager/apps/pci-instances/public/translations/actions/Messages_en_GB.json

@@ -59,6 +59,12 @@
   "pci_instances_actions_shelve_instance_nota_message": "(1) Warning: For instances billed monthly, standard billing will continue regardless of the service status.",
   "pci_instances_actions_instance_unavailable_action_error_message": "This action is not available for the {{ name }} instance.",
   "pci_instances_actions_instance_success_message": "The status of your {{ name }} instance has been updated",
+  "pci_instances_actions_backup_instance_distant_label": "Add a remote backup (Option)",
+  "pci_instances_actions_backup_instance_distant_name_label": "Remote backup name",
+  "pci_instances_actions_backup_instance_distant_region_label": "Select a region",
+  "pci_instances_actions_backup_instance_distant_region_price": "Each backup will be billed at: ~{{price}}/month/GB",
+  "pci_instances_actions_backup_instance_region_enable_warning": "The selected location is not currently active. Click ‘confirm’ to add it to your project.",
+  "pci_instances_actions_backup_instance_with_distant_success_message": "Creating {{ name }} backup. Once the local backup is created, we will create a remote backup and rename it {{ distantName }}. To view the status and details of the operation, please go to the <InstanceBackupLink>Instance Backup</InstanceBackupLink> page. If the backup doesn’t appear right away, please refresh the page to update list.",
   "pci_instances_actions_instance_network_change_dns": "Change reverse DNS",
   "pci_instances_actions_instance_network_activate_mitigation": "Enable/Disable mitigation ",
   "pci_instances_actions_instance_network_firewall_settings": "Configure the firewall ",

packages/manager/apps/pci-instances/public/translations/actions/Messages_es_ES.json

@@ -59,6 +59,12 @@
   "pci_instances_actions_shelve_instance_nota_message": "(1) Atención: En el caso de las instancias con facturación mensual, la facturación clásica seguirá aplicándose independientemente del estado del servicio.",
   "pci_instances_actions_instance_unavailable_action_error_message": "Esta acción no está disponible para su instancia {{ name }}",
   "pci_instances_actions_instance_success_message": "El estado de su instancia {{ name }} se ha actualizado correctamente",
+  "pci_instances_actions_backup_instance_distant_label": "Añadir un backup remoto (opcional)",
+  "pci_instances_actions_backup_instance_distant_name_label": "Nombre del backup remoto",
+  "pci_instances_actions_backup_instance_distant_region_label": "Seleccione una localización",
+  "pci_instances_actions_backup_instance_distant_region_price": "Cada backup tiene un precio de: ~{{ price }}/mes/GB",
+  "pci_instances_actions_backup_instance_region_enable_warning": "La localización seleccionada no está activada. Al hacer clic en «Confirmar», se añadirá a su proyecto.",
+  "pci_instances_actions_backup_instance_with_distant_success_message": "Creando el backup {{ name }}... Una vez creado el backup local, procederemos a crear el backup remoto denominado {{ distantName }}. Para consultar el estado y los detalles de la operación, acceda a la página <InstanceBackupLink>Instance Backup</InstanceBackupLink>. Si el backup no aparece inmediatamente, recargue la página para actualizar la lista.",
   "pci_instances_actions_instance_network_change_dns": "Cambiar el registro DNS inverso",
   "pci_instances_actions_instance_network_activate_mitigation": "Activar/Desactivar la mitigación",
   "pci_instances_actions_instance_network_firewall_settings": "Configurar el firewall",

packages/manager/apps/pci-instances/public/translations/actions/Messages_fr_CA.json

@@ -35,9 +35,15 @@
   "pci_instances_actions_backup_instance_title": "Création d'un backup",
   "pci_instances_actions_backup_instance_name_label": "Saisissez le nom de votre backup :",
   "pci_instances_actions_backup_instance_price": "Prix : ~{{price}}/mois/Go",
+  "pci_instances_actions_backup_instance_distant_label": "Ajouter un backup distant (Option)",
+  "pci_instances_actions_backup_instance_distant_name_label": "Nom du backup distant",
+  "pci_instances_actions_backup_instance_distant_region_label": "Sélectionnez une localisation",
+  "pci_instances_actions_backup_instance_distant_region_price": "Chaque sauvegarde sera facturée : ~{{price}}/mois/Go",
+  "pci_instances_actions_backup_instance_region_enable_warning": "La localisation sélectionnée n’est pas activée. En cliquant sur \"confirmer\" vous l'ajouterez à votre projet.",
   "pci_instances_actions_backup_instance_warning_message": "Votre instance sera suspendue pendant quelques secondes, puis les performances en lecture/écriture du disque pourront être affectées jusqu'à la finalisation du backup",
   "pci_instances_actions_backup_instance_error_message": "Une erreur est survenue lors de la sauvegarde de l'instance {{ name }} : {{ error }}",
   "pci_instances_actions_backup_instance_success_message": "Le backup {{ name }} est en cours de création.",
+  "pci_instances_actions_backup_instance_with_distant_success_message": "Le backup {{ name }} est en cours de création. Une fois ce backup local créé, nous procéderons à la création du backup distant nommé {{ distantName }}. Pour visualiser le statut et les détails de l'opération, veuillez vous rendre sur la page <InstanceBackupLink>Instance Backup</InstanceBackupLink>. Si le backup ne s'affiche pas immédiatement, n'hésitez pas à rafraîchir votre page pour mettre à jour la liste.",
   "pci_instances_actions_billing_monthly_activate_instance_title": "Passer au forfait mensuel",
   "pci_instances_actions_billing_monthly_activate_instance_confirmation_message": "<0>Réduisez le montant de votre facture en passant votre instance au forfait mensuel.</0> <1>Voir les prix</1>",
   "pci_instances_actions_billing_monthly_activate_instance_warning_message": "Votre instance sera suspendue pendant quelques secondes, puis les performances en lecture/écriture du disque pourront être affectées jusqu'à la finalisation du backup",

packages/manager/apps/pci-instances/public/translations/actions/Messages_fr_FR.json

@@ -35,9 +35,15 @@
   "pci_instances_actions_backup_instance_title": "Création d'un backup",
   "pci_instances_actions_backup_instance_name_label": "Saisissez le nom de votre backup :",
   "pci_instances_actions_backup_instance_price": "Prix : ~{{price}}/mois/Go",
+  "pci_instances_actions_backup_instance_distant_label": "Ajouter un backup distant (Option)",
+  "pci_instances_actions_backup_instance_distant_name_label": "Nom du backup distant",
+  "pci_instances_actions_backup_instance_distant_region_label": "Sélectionnez une localisation",
+  "pci_instances_actions_backup_instance_distant_region_price": "Chaque sauvegarde sera facturée : ~{{price}}/mois/Go",
+  "pci_instances_actions_backup_instance_region_enable_warning": "La localisation sélectionnée n’est pas activée. En cliquant sur \"confirmer\" vous l'ajouterez à votre projet.",
   "pci_instances_actions_backup_instance_warning_message": "Votre instance sera suspendue pendant quelques secondes, puis les performances en lecture/écriture du disque pourront être affectées jusqu'à la finalisation du backup",
   "pci_instances_actions_backup_instance_error_message": "Une erreur est survenue lors de la sauvegarde de l'instance {{ name }} : {{ error }}",
   "pci_instances_actions_backup_instance_success_message": "Le backup {{ name }} est en cours de création.",
+  "pci_instances_actions_backup_instance_with_distant_success_message": "Le backup {{ name }} est en cours de création. Une fois ce backup local créé, nous procéderons à la création du backup distant nommé {{ distantName }}. Pour visualiser le statut et les détails de l'opération, veuillez vous rendre sur la page <InstanceBackupLink>Instance Backup</InstanceBackupLink>. Si le backup ne s'affiche pas immédiatement, n'hésitez pas à rafraîchir votre page pour mettre à jour la liste.",
   "pci_instances_actions_billing_monthly_activate_instance_title": "Passer au forfait mensuel",
   "pci_instances_actions_billing_monthly_activate_instance_confirmation_message": "<0>Réduisez le montant de votre facture en passant votre instance au forfait mensuel.</0> <1>Voir les prix</1>",
   "pci_instances_actions_billing_monthly_activate_instance_warning_message": "Votre instance sera suspendue pendant quelques secondes, puis les performances en lecture/écriture du disque pourront être affectées jusqu'à la finalisation du backup",

packages/manager/apps/pci-instances/public/translations/actions/Messages_it_IT.json

@@ -59,6 +59,12 @@
   "pci_instances_actions_shelve_instance_nota_message": "(1) Attenzione: per le istanze con fatturazione mensile, la fatturazione classica continuerà a essere applicata indipendentemente dallo stato del servizio.",
   "pci_instances_actions_instance_unavailable_action_error_message": "Questa azione non è disponibile per l’istanza {{ name }}",
   "pci_instances_actions_instance_success_message": "Lo stato della tua istanza {{ name }} è stato aggiornato correttamente.",
+  "pci_instances_actions_backup_instance_distant_label": "Aggiungere un backup remoto (opzionale)",
+  "pci_instances_actions_backup_instance_distant_name_label": "Nome del backup remoto",
+  "pci_instances_actions_backup_instance_distant_region_label": "Seleziona una localizzazione",
+  "pci_instances_actions_backup_instance_distant_region_price": "Ogni backup viene fatturato ~{{price}} +IVA/mese/GB",
+  "pci_instances_actions_backup_instance_region_enable_warning": "La localizzazione selezionata non è attivata. Cliccando su \"Confermare\" la aggiungerai al tuo progetto.",
+  "pci_instances_actions_backup_instance_with_distant_success_message": "Creazione del backup {{ name }} in corso. Una volta creato il backup locale, procederemo alla creazione del backup remoto {{ distantName }}. Per visualizzare lo stato e i dettagli dell'operazione, accedi alla pagina <InstanceBackupLink>Instance Backup</InstanceBackupLink>. Se il backup non compare immediatamente, fai il refresh della pagina per aggiornare la lista.",
   "pci_instances_actions_instance_network_change_dns": "Modifica il reverse DNS ",
   "pci_instances_actions_instance_network_activate_mitigation": "Attiva/Disattiva la mitigazione",
   "pci_instances_actions_instance_network_firewall_settings": "Configura il firewall",

packages/manager/apps/pci-instances/public/translations/actions/Messages_pl_PL.json

@@ -59,6 +59,12 @@
   "pci_instances_actions_shelve_instance_nota_message": "(1) Uwaga: w przypadku instancji rozliczanych w trybie miesięcznym, będą one nadal fakturowane zgodnie z tym trybem, niezależnie od statusu usługi.",
   "pci_instances_actions_instance_unavailable_action_error_message": "Ta operacja nie jest dostępna dla instancji {{name}}",
   "pci_instances_actions_instance_success_message": "Status instancji {{name}} został zaktualizowany",
+  "pci_instances_actions_backup_instance_distant_label": "Dodaj zdalny backup (opcjonalnie)",
+  "pci_instances_actions_backup_instance_distant_name_label": "Nazwa zdalnego backupu",
+  "pci_instances_actions_backup_instance_distant_region_label": "Wybierz lokalizację",
+  "pci_instances_actions_backup_instance_distant_region_price": "Każda kopia zapasowa będzie płatna: ~{{price}}/m-c/GB",
+  "pci_instances_actions_backup_instance_region_enable_warning": "Wybrana lokalizacja nie jest aktywna. Klikając „Zatwierdź”, dodasz ją do swojego projektu.",
+  "pci_instances_actions_backup_instance_with_distant_success_message": "Trwa tworzenie kopii zapasowej {{name}}. Po utworzeniu lokalnego backupu utworzymy backup zdalny {{distantName}}. Aby sprawdzić status i szczegóły operacji, przejdź do strony <InstanceBackupLink> Instance Backup</InstanceBackupLink>. Jeśli kopia zapasowa nie wyświetla się natychmiast, odśwież stronę, aby zaktualizować listę.",
   "pci_instances_actions_instance_network_change_dns": "Zmień rewers DNS",
   "pci_instances_actions_instance_network_activate_mitigation": "Włącz/Wyłącz mitygację",
   "pci_instances_actions_instance_network_firewall_settings": "Konfiguracja zapory",

packages/manager/apps/pci-instances/public/translations/actions/Messages_pt_PT.json

@@ -59,6 +59,12 @@
   "pci_instances_actions_shelve_instance_nota_message": "(1) Atenção: Para as instâncias com faturação mensal, a faturação clássica continuará a ser aplicada independentemente do estado do serviço.",
   "pci_instances_actions_instance_unavailable_action_error_message": "Esta ação não está disponível para a sua instância {{ name }}",
   "pci_instances_actions_instance_success_message": "O estado da sua instância {{ name }} foi atualizado",
+  "pci_instances_actions_backup_instance_distant_label": "Adicionar um backup remoto (opcional)",
+  "pci_instances_actions_backup_instance_distant_name_label": "Nome do backup remoto",
+  "pci_instances_actions_backup_instance_distant_region_label": "Selecione uma localização",
+  "pci_instances_actions_backup_instance_distant_region_price": "Cada backup será faturado: ~{{price}}/mês por GB",
+  "pci_instances_actions_backup_instance_region_enable_warning": "A localização escolhida não está ativada. Ao clicar em \"Confirmar\", será adicionado ao seu projeto.",
+  "pci_instances_actions_backup_instance_with_distant_success_message": "O backup {{ name }} está a ser criado. Uma vez criado este backup local, procederemos à criação do backup remoto designado {{ distantName }}. Para visualizar o estado e os detalhes da operação, aceda à página <InstanceBackupLink> Instance Backup</InstanceBackupLink>. Se o backup não for apresentado imediatamente, não hesite em atualizar a página para obter a lista mais recente.",
   "pci_instances_actions_instance_network_change_dns": "Alterar a reverse DNS",
   "pci_instances_actions_instance_network_activate_mitigation": "Ativar/Desativar a mitigação",
   "pci_instances_actions_instance_network_firewall_settings": "Configurar a firewall",

packages/manager/apps/pci-instances/public/translations/list/Messages_de_DE.json

@@ -26,5 +26,7 @@
   "pci_instances_list_action_unrescue": "Rescue-Modus verlassen",
   "pci_instances_list_action_soft_reboot": "Soft Reboot durchführen",
   "pci_instances_list_action_hard_reboot": "Hard Reboot durchführen",
-  "pci_instances_list_action_reinstall": "Neu installieren"
+  "pci_instances_list_action_reinstall": "Neu installieren",
+  "pci_instances_list_column_creation_date": "Erstellungsdatum",
+  "pci_instances_operations_running": "Die Operation(en) auf der/dem Instanz(en) wird/werden durchgeführt."
 }