File size: 2,982 Bytes
f0743f4 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 | import { EModelEndpoint } from 'librechat-data-provider';
import { useFormContext, Controller } from 'react-hook-form';
import InputWithLabel from './InputWithLabel';
const OpenAIConfig = ({
endpoint,
userProvideURL,
}: {
endpoint: EModelEndpoint | string;
userProvideURL?: boolean | null;
}) => {
const { control } = useFormContext();
const isAzure = endpoint === EModelEndpoint.azureOpenAI;
return (
<form className="flex-wrap">
{!isAzure && (
<Controller
name="apiKey"
control={control}
render={({ field }) => (
<InputWithLabel
id="apiKey"
{...field}
label={`${isAzure ? 'Azure q' : ''}OpenAI API Key`}
labelClassName="mb-1"
inputClassName="mb-2"
/>
)}
/>
)}
{isAzure && (
<>
<Controller
name="azureOpenAIApiKey"
control={control}
render={({ field }) => (
<InputWithLabel
id="azureOpenAIApiKey"
{...field}
label={'Azure OpenAI API Key'}
labelClassName="mb-1"
/>
)}
/>
<div className="mt-3"></div>
<Controller
name="azureOpenAIApiInstanceName"
control={control}
render={({ field }) => (
<InputWithLabel
id="azureOpenAIApiInstanceName"
{...field}
label={'Azure OpenAI Instance Name'}
labelClassName="mb-1"
/>
)}
/>
<div className="mt-3"></div>
<Controller
name="azureOpenAIApiDeploymentName"
control={control}
render={({ field }) => (
<InputWithLabel
id="azureOpenAIApiDeploymentName"
{...field}
label={'Azure OpenAI Deployment Name'}
labelClassName="mb-1"
/>
)}
/>
<div className="mt-3"></div>
<Controller
name="azureOpenAIApiVersion"
control={control}
render={({ field }) => (
<InputWithLabel
id="azureOpenAIApiVersion"
{...field}
label={'Azure OpenAI API Version'}
labelClassName="mb-1"
/>
)}
/>
</>
)}
{userProvideURL && (
<div className="mt-3">
<Controller
name="baseURL"
control={control}
render={({ field }) => (
<InputWithLabel
id="baseURL"
{...field}
label={'API Base URL'}
subLabel={'(Optional)'}
labelClassName="mb-1"
/>
)}
/>
</div>
)}
</form>
);
};
export default OpenAIConfig;
|