link-stack/apps/metamigo-frontend/components/webhooks/shared.tsx

import { SelectInput, required } from "react-admin";

import {
  VoiceLineField,
  VoiceLineSelectInput,
} from "../voice/voicelines/shared";
import {
  WhatsAppBotField,
  WhatsAppBotSelectInput,
} from "../whatsapp/bots/shared";
import { SignalBotField, SignalBotSelectInput } from "../signal/bots/shared";

const httpChoices = [
  { id: "post", name: "POST" },
  { id: "put", name: "PUT" },
];
export const HttpMethodInput = (props: any) => (
  <SelectInput
    source="httpMethod"
    choices={httpChoices}
    validate={[required()]}
    initialValue="post"
    {...props}
  />
);

const backendChoices = [
  { id: "signal", name: "Signal" },
  { id: "whatsapp", name: "WhatsApp" },
  { id: "voice", name: "Voice" },
];

const backendInputComponents = {
  whatsapp: WhatsAppBotSelectInput("backendId"),
  signal: SignalBotSelectInput("backendId"),
  voice: VoiceLineSelectInput("backendId"),
};

const backendFieldComponents = {
  whatsapp: WhatsAppBotField("backendId"),
  signal: SignalBotField("backendId"),
  voice: VoiceLineField("backendId"),
};

export const BackendTypeInput = (props: any) => (
  <SelectInput
    source="backendType"
    choices={backendChoices}
    validate={[required()]}
    {...props}
  />
);

export const BackendIdInput = (form: any, ...rest: any[]) => {
  const Component = form.formData.backendType
    ? // @ts-expect-error
      backendInputComponents[form.formData.backendType]
    : false;
  return <>{Component && <Component form={form} {...rest} />}</>;
};

export const BackendIdField = (form: any, ...rest: any[]) => {
  console.log(form);

  const Component = form.record.backendType
    ? // @ts-expect-error
      backendFieldComponents[form.record.backendType]
    : false;
  return <>{Component && <Component form={form} {...rest} />}</>;
};