Merge branch 'master' into feat/epp-protocol

assets/utils/providers/forms/AutoDnsConnectorForm.tsx

@@ -1,6 +1,7 @@
 import {Alert, Checkbox, Form, Input, Typography} from 'antd'
 import React from 'react'
 import {t} from 'ttag'
+import {LockOutlined, UserOutlined, CrownOutlined, FieldNumberOutlined} from "@ant-design/icons"
 
 export default function AutoDnsConnectorForm() {
     return (
@@ -19,7 +20,7 @@ export default function AutoDnsConnectorForm() {
                 </Typography.Link>}
                 rules={[{required: true, message: t`Required`}]}
             >
-                <Input autoComplete='off' required/>
+                <Input prefix={<UserOutlined/>} autoComplete='off' required/>
             </Form.Item>
             <Form.Item
                 label={t`AutoDNS Password`}
@@ -31,7 +32,7 @@ export default function AutoDnsConnectorForm() {
                 rules={[{required: true, message: t`Required`}]}
                 required
             >
-                <Input.Password autoComplete='off' required placeholder=''/>
+                <Input.Password prefix={<LockOutlined/>} autoComplete='off' required placeholder=''/>
             </Form.Item>
             <Form.Item
                 label={t`Owner nic-handle`}
@@ -46,7 +47,7 @@ export default function AutoDnsConnectorForm() {
                 rules={[{required: true, message: t`Required`}]}
                 required
             >
-                <Input autoComplete='off' required placeholder=''/>
+                <Input prefix={<CrownOutlined />} autoComplete='off' required/>
             </Form.Item>
 
             <Form.Item
@@ -56,10 +57,10 @@ export default function AutoDnsConnectorForm() {
                     type='secondary'
                 >{t`If you not sure, use the default value 4`}
                 </Typography.Text>}
-
                 required={false}
+                initialValue={4}
             >
-                <Input autoComplete='off' required={false} placeholder='4'/>
+                <Input prefix={<FieldNumberOutlined />} autoComplete='off' required={false}/>
             </Form.Item>
             <Form.Item
                 valuePropName='checked'

assets/utils/providers/forms/DefaultConnectorFormItems.tsx

@@ -11,9 +11,7 @@ export default function DefaultConnectorFormItems({tosLink}: { tosLink?: string
             rules={[{required: true, message: t`Required`}]}
             style={{marginTop: '3em'}}
         >
-            <Checkbox
-                required
-            >
+            <Checkbox required>
                 <Typography.Link target='_blank' href={tosLink}>
                     {t`I have read and accepted the conditions of use of the Provider API, accessible from this hyperlink`}
                 </Typography.Link>
@@ -25,9 +23,8 @@ export default function DefaultConnectorFormItems({tosLink}: { tosLink?: string
             name={['authData', 'ownerLegalAge']}
             rules={[{required: true, message: t`Required`}]}
         >
-            <Checkbox
-                required
-            >{t`I am of the minimum age required to consent to these conditions`}
+            <Checkbox required>
+                {t`I am of the minimum age required to consent to these conditions`}
             </Checkbox>
         </Form.Item>
         <Form.Item
@@ -36,9 +33,8 @@ export default function DefaultConnectorFormItems({tosLink}: { tosLink?: string
             name={['authData', 'waiveRetractationPeriod']}
             rules={[{required: true, message: t`Required`}]}
         >
-            <Checkbox
-                required
-            >{t`I waive my right of withdrawal regarding the purchase of domain names via the Provider's API`}
+            <Checkbox required>
+                {t`I waive my right of withdrawal regarding the purchase of domain names via the Provider's API`}
             </Checkbox>
         </Form.Item>
     </>

assets/utils/providers/forms/GandiConnectorForm.tsx

@@ -1,6 +1,7 @@
 import {Form, Input, Typography} from 'antd'
 import React from 'react'
 import {t} from 'ttag'
+import {BankOutlined, LockOutlined} from "@ant-design/icons"
 
 export default function GandiConnectorForm() {
     return (
@@ -13,7 +14,7 @@ export default function GandiConnectorForm() {
                 </Typography.Link>}
                 rules={[{required: true, message: t`Required`}]}
             >
-                <Input autoComplete='off'/>
+                <Input prefix={<LockOutlined/>} autoComplete='off'/>
             </Form.Item>
             <Form.Item
                 label={t`Organization sharing ID`}
@@ -24,7 +25,7 @@ export default function GandiConnectorForm() {
                 </Typography.Text>}
                 required={false}
             >
-                <Input autoComplete='off' placeholder='xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'/>
+                <Input prefix={<BankOutlined />} autoComplete='off' placeholder='xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'/>
             </Form.Item>
         </>
     )

assets/utils/providers/forms/NamecheapConnectorForm.tsx

@@ -1,6 +1,7 @@
 import {Form, Input, Typography} from 'antd'
 import React from 'react'
 import {t} from 'ttag'
+import {LockOutlined, UserOutlined} from "@ant-design/icons"
 
 export default function NamecheapConnectorForm() {
     return (
@@ -12,13 +13,13 @@ export default function NamecheapConnectorForm() {
                     {t`Retreive an API key and whitelist this instance's IP address on Namecheap's website`}
                 </Typography.Link>}
             >
-                <Input autoComplete='off'/>
+                <Input prefix={<UserOutlined/>} autoComplete='off'/>
             </Form.Item>
             <Form.Item
                 label={t`API key`}
                 name={['authData', 'ApiKey']}
             >
-                <Input autoComplete='off'/>
+                <Input prefix={<LockOutlined/>} autoComplete='off'/>
             </Form.Item>
         </>
     )

assets/utils/providers/forms/NamecomConnectorForm.tsx

@@ -1,6 +1,7 @@
 import {Alert, Form, Input, Typography} from 'antd'
 import React from 'react'
 import {t} from 'ttag'
+import {LockOutlined, UserOutlined} from "@ant-design/icons"
 
 export default function NamecomConnectorForm() {
 
@@ -18,13 +19,13 @@ export default function NamecomConnectorForm() {
                     {t`Retrieve a set of tokens from your customer account on the Provider's website`}
                 </Typography.Link>}
             >
-                <Input autoComplete='off'/>
+                <Input prefix={<UserOutlined/>} autoComplete='off'/>
             </Form.Item>
             <Form.Item
                 label={t`API key`}
                 name={['authData', 'token']}
             >
-                <Input autoComplete='off'/>
+                <Input prefix={<LockOutlined/>} autoComplete='off'/>
             </Form.Item>
         </>
     )

assets/utils/providers/forms/OvhCloudConnectorForm.tsx

@@ -3,6 +3,7 @@ import {regionNames} from "../../../i18n"
 import React, {useState} from 'react'
 import type {FormInstance} from "antd"
 import {Form, Input, Popconfirm, Select, Typography} from "antd"
+import {AppstoreOutlined, LockOutlined, UserOutlined} from "@ant-design/icons"
 
 export default function OvhCloudConnectorForm({form}: {
     form: FormInstance
@@ -41,7 +42,7 @@ export default function OvhCloudConnectorForm({form}: {
                     {t`Retrieve a set of tokens from your customer account on the Provider's website`}
                 </Typography.Link>}
             >
-                <Input autoComplete='off'/>
+                <Input prefix={<LockOutlined/>} autoComplete='off'/>
             </Form.Item>
 
             <Form.Item
@@ -49,7 +50,7 @@ export default function OvhCloudConnectorForm({form}: {
                 name={['authData', 'appSecret']}
                 rules={[{required: true, message: t`Required`}]}
             >
-                <Input autoComplete='off'/>
+                <Input prefix={<AppstoreOutlined/>} autoComplete='off'/>
             </Form.Item>
 
             <Form.Item
@@ -57,7 +58,7 @@ export default function OvhCloudConnectorForm({form}: {
                 name={['authData', 'consumerKey']}
                 rules={[{required: true, message: t`Required`}]}
             >
-                <Input autoComplete='off'/>
+                <Input prefix={<UserOutlined/>} autoComplete='off'/>
             </Form.Item>
 
             <Form.Item