refactor: split connector forms

assets/utils/providers/forms/AutoDnsConnectorForm.tsx

@@ -0,0 +1,101 @@
+import type {FormInstance} from 'antd'
+import {Alert, Checkbox, Form, Input, Typography} from 'antd'
+import React from 'react'
+import type {Connector} from '../../../utils/api/connectors'
+import {ConnectorProvider} from '../../../utils/api/connectors'
+import {t} from 'ttag'
+import {DefaultConnectorFormItems} from "../../../utils/providers/forms"
+import {providersConfig} from "../index"
+
+const formItemLayoutWithOutLabel = {
+    wrapperCol: {
+        xs: {span: 24, offset: 0},
+        sm: {span: 20, offset: 4}
+    }
+}
+
+export function AutoDnsConnectorForm({form, onCreate}: { form: FormInstance, onCreate: (values: Connector) => void }) {
+
+    return (
+        <Form
+            {...formItemLayoutWithOutLabel}
+            form={form}
+            layout='horizontal'
+            labelCol={{span: 6}}
+            wrapperCol={{span: 14}}
+            onFinish={onCreate}
+        >
+            <Form.Item name='provider' hidden>
+                <Input value={ConnectorProvider.AutoDNS}/>
+            </Form.Item>
+            <Alert
+                message={t`This provider does not provide a list of supported TLD. Please double check if the domain you want to register is supported.`}
+                type='warning'
+                style={{marginBottom: '2em'}}
+            />
+
+            <br/>
+            <Form.Item
+                label={t`AutoDNS Username`}
+                name={['authData', 'username']}
+                help={<Typography.Text
+                    type='secondary'
+                >{t`Attention: AutoDNS do not support 2-Factor Authentication on API Users for automated systems`}
+                </Typography.Text>}
+                rules={[{required: true, message: t`Required`}]}
+            >
+                <Input autoComplete='off' required/>
+            </Form.Item>
+            <Form.Item
+                label={t`AutoDNS Password`}
+                name={['authData', 'password']}
+                rules={[{required: true, message: t`Required`}]}
+                required
+            >
+                <Input.Password autoComplete='off' required placeholder=''/>
+            </Form.Item>
+            <Form.Item
+                label={t`Owner nic-handle`}
+                name={['authData', 'contactid']}
+                help={<Typography.Text
+                    type='secondary'
+                >{t`The nic-handle of the domain name owner`}<a
+                    href='https://cloud.autodns.com/contacts/domain'
+                >{t`You can get it from this page`}
+                </a>
+                </Typography.Text>}
+                rules={[{required: true, message: t`Required`}]}
+                required
+            >
+                <Input autoComplete='off' required placeholder=''/>
+            </Form.Item>
+
+            <Form.Item
+                label={t`Context Value`}
+                name={['authData', 'context']}
+                help={<Typography.Text
+                    type='secondary'
+                >{t`If you not sure, use the default value 4`}
+                </Typography.Text>}
+
+                required={false}
+            >
+                <Input autoComplete='off' required={false} placeholder='4'/>
+            </Form.Item>
+            <Form.Item
+                valuePropName='checked'
+                label={t`Owner confirmation`}
+                name={['authData', 'ownerConfirm']}
+
+                rules={[{required: true, message: t`Required`}]}
+            >
+                <Checkbox
+                    required
+                >{t`Owner confirms his consent of domain order jobs`}
+                </Checkbox>
+            </Form.Item>
+
+            <DefaultConnectorFormItems tosLink={providersConfig()[ConnectorProvider.AutoDNS].tosLink}/>
+        </Form>
+    )
+}