feat(ips): adding a modal to edit ip block information

ref: #MANAGER-20142

Signed-off-by: aderghamov <[email protected]>

Author: aderghamov

packages/manager/apps/ips/public/translations/ip-block-information/Messages_fr_FR.json

@@ -0,0 +1,11 @@
+{
+  "ipBlockInformationTitle": "Informations du bloc d'IP",
+  "ipBlockInformationSubtitle": "Cette section vous permet de personnaliser les informations publiques sur votre bloc IP (informations présentes sur la base whois).",
+  "ipBlockInformationNetNameLabel": "Nom du réseau (Netname)",
+  "ipBlockInformationDescriptionLabel": "Description",
+  "ipBlockInformationOrganisationLabel": "Organisation",
+  "ipBlockInformationUpdateSuccessMessage": "Les informations du bloc d'IP {{ip}} ont été mises à jour.",
+  "ipBlockInformationUpdateErrorMessage": "Une erreur a eu lieu pendant la mise à jour des informations du bloc d'IP {{ip}}: {{error}}",
+  "ipBlockInformationOrgUpdateSuccessMessage": "Le bloc d'IP {{ip}} est en cours d'affectation à l'organisation {{organisation}}. Cette operation peut prendre quelques minutes",
+  "ipBlockInformationOrgUpdateErrorMessage": "Une erreur a eu lieu pendant l'affectation du bloc IP {{ip}} à l'organisation  {{organisation}}: {{error}}"
+}

packages/manager/apps/ips/public/translations/listing/Messages_fr_FR.json

@@ -76,6 +76,7 @@
   "listingActionEditDescription": "Editer la description",
   "listingActionDeleteVirtualMac": "Supprimer la MAC virtuelle",
   "listingActionByoipTerminate": "Résilier le service BYOIP",
+  "listingActionUpdateIpBlockInformation": "Voir / Modifier les informations sur le bloc IP",
   "listingActionSlice": "Segmenter",
   "listingActionAggregate": "Agréger",
   "listingActionUnblockHackedIP": "Déblocage anti-hack",

packages/manager/apps/ips/src/data/api/get/index.ts

@@ -14,5 +14,6 @@ export * from './organisationsList';
 export * from './organisationsDetails';
 export * from './byoip';
 export * from './productServices';
+export * from './ipRipeInformation';
 export * from './ipTask';
 export * from './moveIp';

packages/manager/apps/ips/src/data/api/get/ipRipeInformation.ts

@@ -0,0 +1,24 @@
+import { ApiResponse, apiClient } from '@ovh-ux/manager-core-api';
+
+export type IpRipeInformation = {
+  description: string;
+  netname: string;
+};
+
+export type GetIpRipeInformationParams = {
+  ip: string;
+};
+
+export const getIpRipeInformationQueryKey = (
+  params: GetIpRipeInformationParams,
+) => [`get/ip/${encodeURIComponent(params.ip)}/ripe`];
+
+/**
+ * Get IP Ripe Information
+ */
+export const getIpRipeInformation = async (
+  params: GetIpRipeInformationParams,
+): Promise<ApiResponse<IpRipeInformation>> =>
+  apiClient.v6.get<IpRipeInformation>(
+    `/ip/${encodeURIComponent(params.ip)}/ripe`,
+  );

packages/manager/apps/ips/src/data/api/postorput/changeIpOrganisation.ts

@@ -0,0 +1,21 @@
+import { ApiResponse, apiClient } from '@ovh-ux/manager-core-api';
+
+export type ChangeIpOrganisationParams = {
+  ip: string;
+  organisation: string;
+};
+
+export const changeIpOrganisationQueryKey = (
+  params: ChangeIpOrganisationParams,
+) => [`post/ip/${encodeURIComponent(params.ip)}/changeOrg`];
+
+export const changeIpOrganisation = async (
+  params: ChangeIpOrganisationParams,
+): Promise<ApiResponse<void>> => {
+  return apiClient.v6.post<void>(
+    `/ip/${encodeURIComponent(params.ip)}/changeOrg`,
+    {
+      organisation: params.organisation,
+    },
+  );
+};

packages/manager/apps/ips/src/data/api/postorput/index.ts

@@ -7,3 +7,5 @@ export * from './addIpToVirtualMac';
 export * from './postMoveIp';
 export * from './unblockAntiHackIp';
 export * from './unblockAntiSpamIp';
+export * from './upsertIpRipeInformation';
+export * from './changeIpOrganisation';

packages/manager/apps/ips/src/data/api/postorput/upsertIpRipeInformation.ts

@@ -0,0 +1,20 @@
+import { ApiResponse, apiClient } from '@ovh-ux/manager-core-api';
+
+export type UpsertIpRipeInformationParams = {
+  ip: string;
+  description: string;
+  netname: string;
+};
+
+export const upsertIpRipeInformationQueryKey = (
+  params: UpsertIpRipeInformationParams,
+) => [`put/ip/${encodeURIComponent(params.ip)}/ripe`];
+
+export const upsertIpRipeInformation = async (
+  params: UpsertIpRipeInformationParams,
+): Promise<ApiResponse<void>> => {
+  return apiClient.v6.put<void>(`/ip/${encodeURIComponent(params.ip)}/ripe`, {
+    description: params.description,
+    netname: params.netname,
+  });
+};

packages/manager/apps/ips/src/data/hooks/index.ts

@@ -1,4 +1,5 @@
 export * from './ip';
+export * from './organisation';
 export * from './useGetTokens';
 export * from './useIpv6Availability';
 export * from './useGetProductService';

packages/manager/apps/ips/src/data/hooks/ip/index.ts

@@ -6,6 +6,7 @@ export * from './useGetIpVmacDetails';
 export * from './useGetIpVmacWithIp';
 export * from './useGetIpMitigation';
 export * from './useGetIpGameFirewall';
+export * from './useGetIpOrganisation';
 export * from './useIpHasAlerts';
 export * from './useGetIpAntihack';
 export * from './useGetIpSpam';
@@ -24,3 +25,6 @@ export * from './useMoveIpService';
 export * from './useGetDedicatedServerTasks';
 export * from './useByoipActions';
 export * from './edge-firewall';
+export * from './useChangeIpOrganisation';
+export * from './useGetIpRipeInformation';
+export * from './useUpsertIpRipeInformation';

packages/manager/apps/ips/src/data/hooks/ip/useChangeIpOrganisation.ts

@@ -0,0 +1,26 @@
+import { useMutation } from '@tanstack/react-query';
+import { ApiError } from '@ovh-ux/manager-core-api';
+import { changeIpOrganisation } from '@/data/api/postorput/changeIpOrganisation';
+
+export type UseChangeIpOrganisationParams = {
+  ip: string;
+  organisation: string;
+  onSuccess: () => void;
+  onError: (error: ApiError) => void;
+};
+
+export const useChangeIpOrganisation = ({
+  ip,
+  organisation,
+  onSuccess,
+  onError,
+}: UseChangeIpOrganisationParams) => {
+  return useMutation({
+    mutationFn: async () => {
+      const { data } = await changeIpOrganisation({ ip, organisation });
+      return data;
+    },
+    onSuccess,
+    onError,
+  });
+};