sync(*): master to develop

Signed-off-by: Adrien Turmo <[email protected]>

Author: aTurmo

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.21.0",
     "@ovh-ux/manager-config": "^8.6.7",
     "@ovh-ux/manager-core-api": "^0.19.0",
@@ -27,20 +28,22 @@
     "@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.1.0",
     "@tanstack/react-query": "5.51.21",
     "axios": "^1.6.0",
     "clsx": "^2.1.1",
     "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.3",
-    "react-router-dom": "6.16.0"
+    "react-router-dom": "6.16.0",
+    "zod": "^3.25.73"
   },
   "devDependencies": {
     "@ovh-ux/manager-static-analysis-kit": "^0.11.2",
@@ -65,4 +68,4 @@
   "universes": [
     "@ovh-ux/manager-public-cloud"
   ]
-}
+}

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

@@ -59,6 +59,11 @@
   "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_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,11 @@
   "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_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,11 @@
   "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_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,14 @@
   "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_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,14 @@
   "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_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,11 @@
   "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_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,11 @@
   "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_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,11 @@
   "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_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/src/components/actionModal/ActionModal.component.tsx

@@ -8,13 +8,15 @@ import { TInstanceActionModalViewModel } from '@/pages/instances/action/view-mod
 export type TActionModalProps = PropsWithChildren<{
   title: string;
   isPending: boolean;
-  handleInstanceAction: () => void;
+  handleInstanceAction?: () => void;
   onModalClose: () => void;
   instance: TInstanceActionModalViewModel;
   section: TSectionType;
   variant?: TModalVariant;
   isLoading: boolean;
   dismissible?: boolean;
+  className?: string;
+  wrapper?: React.ComponentType<PropsWithChildren<unknown>>;
 }>;
 
 export const ActionModal = ({
@@ -28,6 +30,8 @@ export const ActionModal = ({
   variant,
   isLoading,
   dismissible,
+  className,
+  wrapper,
 }: TActionModalProps) => (
   <Modal
     title={title}
@@ -36,6 +40,8 @@ export const ActionModal = ({
     onModalClose={onModalClose}
     variant={variant}
     dismissible={dismissible}
+    wrapper={wrapper}
+    className={className}
   >
     {isPending ? (
       <div className="pt-8">