fix(ui): auto-populate OCI tenancy from provider UID in credentials form (#9074)

Co-authored-by: alejandrobailo <alejandrobailo94@gmail.com>

ui/app/(prowler)/providers/(set-up-provider)/add-credentials/page.tsx

@@ -30,8 +30,8 @@ export default async function AddCredentialsPage({ searchParams }: Props) {
     const formData = new FormData();
     formData.append("id", providerId);
     const providerResponse = await getProvider(formData);
-    if (providerResponse.success && providerResponse.data) {
-      providerUid = providerResponse.data.attributes?.uid;
+    if (providerResponse?.data?.attributes?.uid) {
+      providerUid = providerResponse.data.attributes.uid;
     }
   }
 

ui/components/providers/workflow/forms/base-credentials-form.tsx

@@ -66,6 +66,7 @@ export const BaseCredentialsForm = ({
   } = useCredentialsForm({
     providerType,
     providerId,
+    providerUid,
     onSubmit,
     successNavigationUrl,
   });

ui/components/providers/workflow/forms/via-credentials/oraclecloud-credentials-form.tsx

@@ -1,4 +1,4 @@
-import { Control } from "react-hook-form";
+import { Control, Controller } from "react-hook-form";
 
 import { CustomInput, CustomTextarea } from "@/components/ui/custom";
 import { ProviderCredentialFields } from "@/lib/provider-credentials/provider-credential-fields";
@@ -19,6 +19,12 @@ export const OracleCloudCredentialsForm = ({
           Please provide your Oracle Cloud Infrastructure API key credentials.
         </div>
       </div>
+      {/* Hidden input for tenancy - auto-populated from provider UID */}
+      <Controller
+        control={control}
+        name={ProviderCredentialFields.OCI_TENANCY}
+        render={({ field }) => <input type="hidden" {...field} />}
+      />
       <CustomInput
         control={control}
         name={ProviderCredentialFields.OCI_USER}

ui/hooks/use-credentials-form.ts

@@ -17,6 +17,7 @@ import {
 type UseCredentialsFormProps = {
   providerType: ProviderType;
   providerId: string;
+  providerUid?: string;
   onSubmit: (formData: FormData) => Promise<any>;
   successNavigationUrl: string;
 };
@@ -24,6 +25,7 @@ type UseCredentialsFormProps = {
 export const useCredentialsForm = ({
   providerType,
   providerId,
+  providerUid,
   onSubmit,
   successNavigationUrl,
 }: UseCredentialsFormProps) => {
@@ -161,6 +163,7 @@ export const useCredentialsForm = ({
           [ProviderCredentialFields.OCI_USER]: "",
           [ProviderCredentialFields.OCI_FINGERPRINT]: "",
           [ProviderCredentialFields.OCI_KEY_CONTENT]: "",
+          [ProviderCredentialFields.OCI_TENANCY]: providerUid || "",
           [ProviderCredentialFields.OCI_REGION]: "",
           [ProviderCredentialFields.OCI_PASS_PHRASE]: "",
         };

ui/types/components.ts

@@ -252,6 +252,7 @@ export type OCICredentials = {
   [ProviderCredentialFields.OCI_USER]: string;
   [ProviderCredentialFields.OCI_FINGERPRINT]: string;
   [ProviderCredentialFields.OCI_KEY_CONTENT]: string;
+  [ProviderCredentialFields.OCI_TENANCY]: string;
   [ProviderCredentialFields.OCI_REGION]: string;
   [ProviderCredentialFields.OCI_PASS_PHRASE]?: string;
   [ProviderCredentialFields.PROVIDER_ID]: string;

ui/types/formSchemas.ts

@@ -207,6 +207,9 @@ export const addCredentialsFormSchema = (
                         [ProviderCredentialFields.OCI_KEY_CONTENT]: z
                           .string()
                           .min(1, "Private Key Content is required"),
+                        [ProviderCredentialFields.OCI_TENANCY]: z
+                          .string()
+                          .min(1, "Tenancy OCID is required"),
                         [ProviderCredentialFields.OCI_REGION]: z
                           .string()
                           .min(1, "Region is required"),