feat: collect inputs specific to module for apiKey

src/components/auth/ApiKeyAuth/ApiKeyAuthContent.tsx

@@ -26,6 +26,7 @@ type ApiKeyAuthFormProps = {
   isButtonDisabled?: boolean;
   buttonVariant?: "ghost";
   submitButtonType?: "submit" | "button";
+  metadataFields: MetadataItemInput[];
 };
 
 type ApiKeyFormData = {
@@ -40,9 +41,9 @@ export function ApiKeyAuthForm({
   isButtonDisabled,
   buttonVariant,
   submitButtonType,
+  metadataFields,
 }: ApiKeyAuthFormProps) {
   const [formData, setFormData] = useState<ApiKeyFormData>({ apiKey: "" });
-  const metadataFields = providerInfo.metadata?.input || [];
 
   const handleChange = (
     event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>,
@@ -128,6 +129,7 @@ function ApiKeyAuthContentForm({
   handleSubmit,
   error,
   isButtonDisabled,
+  metadataFields,
 }: LandingContentProps) {
   const { providerName } = useProvider(provider);
 
@@ -140,6 +142,7 @@ function ApiKeyAuthContentForm({
         providerInfo={providerInfo}
         handleSubmit={handleSubmit}
         isButtonDisabled={isButtonDisabled}
+        metadataFields={metadataFields}
       />
     </AuthCardLayout>
   );

src/components/auth/ApiKeyAuth/ApiKeyAuthFlow.tsx

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import {
   GenerateConnectionOperationRequest,
   ProviderInfo,
+  MetadataItemInput,
 } from "@generated/api/src";
 import { useProject } from "context/ProjectContextProvider";
 import { Connection } from "services/api";
@@ -20,6 +21,7 @@ type ApiKeyAuthFlowProps = {
   groupName?: string;
   children: JSX.Element;
   selectedConnection: Connection | null;
+  metadataFields: MetadataItemInput[];
 };
 
 export function ApiKeyAuthFlow({
@@ -31,6 +33,7 @@ export function ApiKeyAuthFlow({
   groupName,
   children,
   selectedConnection,
+  metadataFields,
 }: ApiKeyAuthFlowProps) {
   const { projectIdOrName } = useProject();
   const createConnectionMutation = useCreateConnectionMutation();
@@ -72,6 +75,7 @@ export function ApiKeyAuthFlow({
         providerInfo={providerInfo}
         handleSubmit={onNext}
         error={null}
+        metadataFields={metadataFields}
       />
     );
   }

src/components/auth/ApiKeyAuth/LandingContentProps.tsx

@@ -1,4 +1,4 @@
-import { ProviderInfo } from "@generated/api/src";
+import { ProviderInfo, MetadataItemInput } from "@generated/api/src";
 
 import { ProviderMetadata } from "../providerMetadata";
 
@@ -8,6 +8,7 @@ export type LandingContentProps = {
   handleSubmit: (form: IFormType) => void;
   error: string | null;
   isButtonDisabled?: boolean;
+  metadataFields: MetadataItemInput[];
 };
 
 export interface IFormType {