feat: implement OpenProvider

assets/utils/api/connectors.ts

@@ -7,6 +7,7 @@ export enum ConnectorProvider {
     AutoDNS = 'autodns',
     Namecheap = 'namecheap',
     'Name.com' = 'namecom',
+    OpenProvider = 'openprovider',
     EPP = 'epp'
 }
 

assets/utils/providers/forms/NamecheapConnectorForm.tsx

@@ -10,7 +10,7 @@ export default function NamecheapConnectorForm() {
                 label={t`Username`}
                 name={['authData', 'ApiUser']}
                 help={<Typography.Link target='_blank' href='https://ap.www.namecheap.com/settings/tools/apiaccess/'>
-                    {t`Retreive an API key and whitelist this instance's IP address on Namecheap's website`}
+                    {t`Retrieve an API key and whitelist this instance's IP address on Namecheap's website`}
                 </Typography.Link>}
             >
                 <Input prefix={<UserOutlined/>} autoComplete='off'/>

assets/utils/providers/forms/OpenProviderConnectorForm.tsx

@@ -0,0 +1,100 @@
+import {Alert, Col, Form, Input, InputNumber, Row, Typography} from 'antd'
+import React from 'react'
+import {t} from 'ttag'
+import {
+    DollarOutlined,
+    FieldTimeOutlined,
+    IdcardOutlined,
+    ShoppingOutlined,
+    SignatureOutlined,
+    ToolOutlined,
+    UserOutlined
+} from "@ant-design/icons"
+
+export default function OpenProviderConnectorForm() {
+    return (
+        <>
+            <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'}}
+            />
+
+            <Form.Item
+                label={t`Token`}
+                name={['authData', 'token']}
+                help={<Typography.Link target='_blank' href='https://docs.openprovider.com/doc/all#tag/Auth'>
+                    {t`Obtain an API key by following the provider's instructions`}
+                </Typography.Link>}
+                rules={[{required: true, message: t`Required`}]}
+            >
+                <Input prefix={<UserOutlined/>} autoComplete='off' required/>
+            </Form.Item>
+            <Form.Item label={t`NIC Handle`}>
+                <Row gutter={16}>
+                    <Col span={4}>
+                        <Form.Item
+                            hasFeedback
+                            required
+                            rules={[{required: true, message: t`Required`}]}
+                            name={['authData', 'ownerHandle']}>
+                            <Input prefix={<SignatureOutlined/>} placeholder={t`Registrant`} required/>
+                        </Form.Item>
+                    </Col>
+                    <Col span={4}>
+                        <Form.Item hasFeedback
+                                   required
+                                   rules={[{required: true, message: t`Required`}]} name={['authData', 'adminHandle']}>
+                            <Input prefix={<IdcardOutlined/>} placeholder={t`Administrative`}/>
+                        </Form.Item>
+                    </Col>
+                    <Col span={4}>
+                        <Form.Item hasFeedback
+                                   required
+                                   rules={[{required: true, message: t`Required`}]} name={['authData', 'techHandle']}>
+                            <Input prefix={<ToolOutlined/>} placeholder={t`Technical`}/>
+                        </Form.Item>
+                    </Col>
+                    <Col span={4}>
+                        <Form.Item hasFeedback
+                                   required
+                                   rules={[{required: true, message: t`Required`}]}
+                                   name={['authData', 'billingHandle']}>
+                            <Input prefix={<DollarOutlined/>} placeholder={t`Billing`}/>
+                        </Form.Item>
+                    </Col>
+                    <Col span={4}>
+                        <Form.Item name={['authData', 'resellerHandle']}>
+                            <Input prefix={<ShoppingOutlined/>} placeholder={t`Reseller`}/>
+                        </Form.Item>
+                    </Col>
+                </Row>
+            </Form.Item>
+            <Form.Item
+                label={t`Registration period`}
+                initialValue={1}
+                hasFeedback
+                rules={[{
+                    required: true,
+                    message: t`Required`,
+                    validator: (_, v: number) => v > 0 && v < 100 ? Promise.resolve() : Promise.reject()
+                }]}
+                name={['authData', 'period']}
+            >
+                <InputNumber prefix={<FieldTimeOutlined/>} required/>
+            </Form.Item>
+
+            <Form.Item
+                label={t`Nameserver group`}
+                name={['authData', 'nsGroup']}
+                help={<Typography.Link target='_blank'
+                                       href='https://cp.openprovider.eu/nameserver/nsgroup-overview.php'>
+                    {t`Create an NS group and write the group name here`}
+                </Typography.Link>}
+                rules={[{required: true, message: t`Required`}]}
+            >
+                <Input prefix={<UserOutlined/>} autoComplete='off' required/>
+            </Form.Item>
+        </>
+    )
+}

assets/utils/providers/index.tsx

@@ -7,6 +7,7 @@ import NamecheapConnectorForm from "./forms/NamecheapConnectorForm"
 import AutoDnsConnectorForm from "./forms/AutoDnsConnectorForm"
 import NamecomConnectorForm from "./forms/NamecomConnectorForm"
 import EppConnectorForm from "./forms/EppConnectorForm"
+import OpenProviderConnectorForm from "./forms/OpenProviderConnectorForm"
 
 export const formItemLayoutWithOutLabel = {
     wrapperCol: {
@@ -41,7 +42,11 @@ export const providersConfig: Record<ConnectorProvider, ProviderConfig> = {
         tosLink: 'https://www.name.com/policies/',
         form: NamecomConnectorForm
     },
+    [ConnectorProvider.OpenProvider]: {
+        tosLink: 'https://www.openprovider.com/legal/terms-conditions',
+        form: OpenProviderConnectorForm
+    },
     [ConnectorProvider.EPP]: {
         form: EppConnectorForm
-    }
+    },
 }