@leav/ui 0.2.6 → 0.2.8

package/dist/components/EditApplication/EditApplicationInfo/EditApplicationInfo.js

@@ -1,17 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Form } from 'antd';
-import { useEffect } from 'react';
-import { useLang } from '../../../hooks';
-import { useCheckApplicationExistenceLazyQuery, useSaveApplicationMutation } from '../../../_gqlTypes';
+import {Form} from 'antd';
+import {useEffect} from 'react';
+import {useLang} from '../../../hooks';
+import {useCheckApplicationExistenceLazyQuery, useSaveApplicationMutation} from '../../../_gqlTypes';
 import EditApplicationInfoForm from './EditApplicationInfoForm';
-function EditApplicationInfo({ application, onSetSubmitFunction }) {
-    const { availableLangs } = useLang();
+function EditApplicationInfo({application, onSetSubmitFunction}) {
+    const {availableLangs} = useLang();
     const [form] = Form.useForm();
     const isEditing = !!application;
-    const [saveApplication, { loading }] = useSaveApplicationMutation();
+    const [saveApplication, {loading}] = useSaveApplicationMutation();
     const [checkApplicationExistence] = useCheckApplicationExistenceLazyQuery({
         fetchPolicy: 'no-cache',
         nextFetchPolicy: 'no-cache',
@@ -25,15 +25,15 @@ function EditApplicationInfo({ application, onSetSubmitFunction }) {
         const label = Object.keys(values)
             .filter(key => key.startsWith('label_'))
             .reduce((acc, key) => {
-            acc[key.replace('label_', '')] = values[key];
-            return acc;
-        }, {});
+                acc[key.replace('label_', '')] = values[key];
+                return acc;
+            }, {});
         const description = Object.keys(values)
             .filter(key => key.startsWith('description_'))
             .reduce((acc, key) => {
-            acc[key.replace('description_', '')] = values[key];
-            return acc;
-        }, {});
+                acc[key.replace('description_', '')] = values[key];
+                return acc;
+            }, {});
         try {
             await saveApplication({
                 variables: {
@@ -47,15 +47,27 @@ function EditApplicationInfo({ application, onSetSubmitFunction }) {
                     }
                 }
             });
-        }
-        catch (e) {
+        } catch (e) {
             // Display errors in form
-            form.setFields(Object.keys((_d = (_c = (_b = (_a = e.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.extensions) === null || _c === void 0 ? void 0 : _c.fields) !== null && _d !== void 0 ? _d : {}).map(fieldName => {
-                return {
-                    name: fieldName,
-                    errors: [e.graphQLErrors[0].extensions.fields[fieldName]]
-                };
-            }));
+            form.setFields(
+                Object.keys(
+                    (_d =
+                        (_c =
+                            (_b = (_a = e.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) === null ||
+                            _b === void 0
+                                ? void 0
+                                : _b.extensions) === null || _c === void 0
+                            ? void 0
+                            : _c.fields) !== null && _d !== void 0
+                        ? _d
+                        : {}
+                ).map(fieldName => {
+                    return {
+                        name: fieldName,
+                        errors: [e.graphQLErrors[0].extensions.fields[fieldName]]
+                    };
+                })
+            );
             throw e;
         }
     };
@@ -74,8 +86,7 @@ function EditApplicationInfo({ application, onSetSubmitFunction }) {
                     return acc;
                 }, {})
             };
-        }
-        else if (field.startsWith('description_')) {
+        } else if (field.startsWith('description_')) {
             const modifiedLang = field.replace('description_', '');
             dataToSave = {
                 description: availableLangs.reduce((acc, lang) => {
@@ -83,8 +94,7 @@ function EditApplicationInfo({ application, onSetSubmitFunction }) {
                     return acc;
                 }, {})
             };
-        }
-        else {
+        } else {
             dataToSave = {
                 [field]: value
             };
@@ -92,7 +102,7 @@ function EditApplicationInfo({ application, onSetSubmitFunction }) {
         try {
             await saveApplication({
                 variables: {
-                    application: Object.assign({ id: application.id }, dataToSave)
+                    application: Object.assign({id: application.id}, dataToSave)
                 }
             });
             form.setFields([
@@ -101,20 +111,33 @@ function EditApplicationInfo({ application, onSetSubmitFunction }) {
                     touched: false
                 }
             ]);
-        }
-        catch (err) {
+        } catch (err) {
             // Display errors in form
             form.setFields([
                 {
                     name: field,
-                    errors: [(_e = (_d = (_c = (_b = (_a = err.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.extensions) === null || _c === void 0 ? void 0 : _c.fields) === null || _d === void 0 ? void 0 : _d[field]) !== null && _e !== void 0 ? _e : err.message]
+                    errors: [
+                        (_e =
+                            (_d =
+                                (_c =
+                                    (_b = (_a = err.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) ===
+                                        null || _b === void 0
+                                        ? void 0
+                                        : _b.extensions) === null || _c === void 0
+                                    ? void 0
+                                    : _c.fields) === null || _d === void 0
+                                ? void 0
+                                : _d[field]) !== null && _e !== void 0
+                            ? _e
+                            : err.message
+                    ]
                 }
             ]);
         }
     };
     const _isApplicationUnique = async (fieldToCheck, value) => {
         var _a;
-        const { data: applicationExistenceData } = await checkApplicationExistence({
+        const {data: applicationExistenceData} = await checkApplicationExistence({
             variables: {
                 // Force undefined values to fix a weird bug where both values are sent to the server even if only one is passed
                 id: undefined,
@@ -122,14 +145,25 @@ function EditApplicationInfo({ application, onSetSubmitFunction }) {
                 [fieldToCheck]: value
             }
         });
-        return !((_a = applicationExistenceData === null || applicationExistenceData === void 0 ? void 0 : applicationExistenceData.applications) === null || _a === void 0 ? void 0 : _a.totalCount);
+        return !((_a =
+            applicationExistenceData === null || applicationExistenceData === void 0
+                ? void 0
+                : applicationExistenceData.applications) === null || _a === void 0
+            ? void 0
+            : _a.totalCount);
     };
     useEffect(() => {
         if (onSetSubmitFunction) {
             onSetSubmitFunction(_submitForm);
         }
     }, []);
-    return (_jsx(EditApplicationInfoForm, { form: form, onSubmitField: _submitField, onCheckApplicationUniqueness: _isApplicationUnique, application: application, loading: loading }));
+    return _jsx(EditApplicationInfoForm, {
+        form: form,
+        onSubmitField: _submitField,
+        onCheckApplicationUniqueness: _isApplicationUnique,
+        application: application,
+        loading: loading
+    });
 }
 export default EditApplicationInfo;
-//# sourceMappingURL=EditApplicationInfo.js.map
+//# sourceMappingURL=EditApplicationInfo.js.map

package/dist/components/EditApplication/EditApplicationInfo/EditApplicationInfoForm/EditApplicationInfoForm.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FormInstance } from 'antd';
-import { GetApplicationByIdQuery } from '../../../../_gqlTypes';
+import {FormInstance} from 'antd';
+import {GetApplicationByIdQuery} from '../../../../_gqlTypes';
 interface IEditApplicationInfoFormProps {
     form: FormInstance;
     application: GetApplicationByIdQuery['applications']['list'][number];
@@ -8,5 +8,11 @@ interface IEditApplicationInfoFormProps {
     onSubmitField: (field: string, value: any) => Promise<void>;
     onCheckApplicationUniqueness: (fieldToCheck: 'id' | 'endpoint', value: any) => Promise<boolean>;
 }
-declare function EditApplicationInfoForm({ form, application, onSubmitField, onCheckApplicationUniqueness, loading }: IEditApplicationInfoFormProps): JSX.Element;
+declare function EditApplicationInfoForm({
+    form,
+    application,
+    onSubmitField,
+    onCheckApplicationUniqueness,
+    loading
+}: IEditApplicationInfoFormProps): JSX.Element;
 export default EditApplicationInfoForm;

package/dist/components/EditApplication/EditApplicationInfo/EditApplicationInfoForm/EditApplicationInfoForm.js

@@ -1,47 +1,53 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { endpointFormatRegex, getFlagByLang, idFormatRegex, slugifyString } from '@leav/utils';
-import { ColorPicker, Form } from 'antd';
-import { KitInput, KitSelect } from 'aristid-ds';
-import { useState } from 'react';
+import {endpointFormatRegex, getFlagByLang, idFormatRegex, slugifyString} from '@leav/utils';
+import {ColorPicker, Form} from 'antd';
+import {KitInput, KitSelect} from 'aristid-ds';
+import {useState} from 'react';
 import styled from 'styled-components';
-import { useLang } from '../../../../hooks';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { ApplicationType } from '../../../../_gqlTypes';
-import { SubmitStateNotifier } from '../../../SubmitStateNotifier';
+import {useLang} from '../../../../hooks';
+import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
+import {ApplicationType} from '../../../../_gqlTypes';
+import {SubmitStateNotifier} from '../../../SubmitStateNotifier';
 import ModuleSelector from './ModuleSelector';
-const DescriptionFormItem = styled(Form.Item) `
+const DescriptionFormItem = styled(Form.Item)`
     .ant-form-item-extra {
         min-height: 0;
     }
 `;
-function EditApplicationInfoForm({ form, application, onSubmitField, onCheckApplicationUniqueness, loading }) {
+function EditApplicationInfoForm({form, application, onSubmitField, onCheckApplicationUniqueness, loading}) {
     var _a;
-    const { t } = useSharedTranslation();
-    const { availableLangs, defaultLang } = useLang();
+    const {t} = useSharedTranslation();
+    const {availableLangs, defaultLang} = useLang();
     const isEditing = !!application;
     const [isInternalApp, setIsInternalApp] = useState(true);
     const [hasIdBeenEdited, setHasIdBeenEdited] = useState(false);
     const [hasEndpointBeenEdited, setHasEndpointBeenEdited] = useState(false);
     const [runningFieldsSubmit, setRunningFieldsSubmit] = useState([]);
     const [processedFieldsSubmit, setProcessedFieldsSubmit] = useState([]);
-    const isReadOnly = isEditing && !((_a = application === null || application === void 0 ? void 0 : application.permissions) === null || _a === void 0 ? void 0 : _a.admin_application);
-    const _getRequiredMessage = (field) => t('errors.field_required', {
-        interpolation: { escapeValue: false },
-        fieldName: t(`applications.${field}`)
-    });
-    const _handleLabelChange = (lang) => (e) => {
+    const isReadOnly =
+        isEditing &&
+        !((_a = application === null || application === void 0 ? void 0 : application.permissions) === null ||
+        _a === void 0
+            ? void 0
+            : _a.admin_application);
+    const _getRequiredMessage = field =>
+        t('errors.field_required', {
+            interpolation: {escapeValue: false},
+            fieldName: t(`applications.${field}`)
+        });
+    const _handleLabelChange = lang => e => {
         if (isEditing || lang !== defaultLang) {
             return;
         }
         // If ID or endpoint hasn't been edited manually, generate it from label
         if (!hasIdBeenEdited) {
-            form.setFieldsValue({ id: slugifyString(e.target.value) });
+            form.setFieldsValue({id: slugifyString(e.target.value)});
         }
         if (!hasEndpointBeenEdited) {
-            form.setFieldsValue({ endpoint: slugifyString(e.target.value, '-') });
+            form.setFieldsValue({endpoint: slugifyString(e.target.value, '-')});
         }
     };
     const _handleIdChange = () => {
@@ -50,10 +56,10 @@ function EditApplicationInfoForm({ form, application, onSubmitField, onCheckAppl
     const _handleEndpointChange = () => {
         setHasEndpointBeenEdited(true);
     };
-    const _handleTypeChange = (value) => {
+    const _handleTypeChange = value => {
         setIsInternalApp(value === ApplicationType.internal);
     };
-    const _handleAppUniquenessValidation = (fieldToCheck) => async (rule, value) => {
+    const _handleAppUniquenessValidation = fieldToCheck => async (rule, value) => {
         if (value && (!isEditing || value !== formInitValues[fieldToCheck])) {
             const isAppUnique = await onCheckApplicationUniqueness(fieldToCheck, value);
             if (!isAppUnique) {
@@ -70,17 +76,17 @@ function EditApplicationInfoForm({ form, application, onSubmitField, onCheckAppl
         setProcessedFieldsSubmit([...processedFieldsSubmit, field]);
         setRunningFieldsSubmit(runningFieldsSubmit.filter(f => f !== field));
     };
-    const _handleColorChange = (value) => {
+    const _handleColorChange = value => {
         if (isEditing) {
             _handleFieldSubmit('color', value.toHexString());
         }
     };
-    const _handleBlur = (field) => async (e) => {
+    const _handleBlur = field => async e => {
         if (isEditing) {
             _handleFieldSubmit(field, e.target.value);
         }
     };
-    const _handleSubmitOnEnter = (field) => (e) => {
+    const _handleSubmitOnEnter = field => e => {
         // If shift is pressed, don't submit
         if (e.shiftKey || !isEditing) {
             return;
@@ -91,29 +97,37 @@ function EditApplicationInfoForm({ form, application, onSubmitField, onCheckAppl
         }
     };
     const label = (application === null || application === void 0 ? void 0 : application.label)
-        ? Object.assign({}, availableLangs.reduce((acc, lang) => {
-            var _a;
-            acc[`label_${lang}`] = (_a = application.label[lang]) !== null && _a !== void 0 ? _a : '';
-            return acc;
-        }, {})) : {};
+        ? Object.assign(
+              {},
+              availableLangs.reduce((acc, lang) => {
+                  var _a;
+                  acc[`label_${lang}`] = (_a = application.label[lang]) !== null && _a !== void 0 ? _a : '';
+                  return acc;
+              }, {})
+          )
+        : {};
     const description = (application === null || application === void 0 ? void 0 : application.description)
-        ? Object.assign({}, availableLangs.reduce((acc, lang) => {
-            var _a;
-            acc[`description_${lang}`] = (_a = application.description[lang]) !== null && _a !== void 0 ? _a : '';
-            return acc;
-        }, {})) : {};
-    const formInitValues = Object.assign(Object.assign(Object.assign({ type: ApplicationType.internal }, application), label), description);
-    const _getFieldState = (field) => {
+        ? Object.assign(
+              {},
+              availableLangs.reduce((acc, lang) => {
+                  var _a;
+                  acc[`description_${lang}`] = (_a = application.description[lang]) !== null && _a !== void 0 ? _a : '';
+                  return acc;
+              }, {})
+          )
+        : {};
+    const formInitValues = Object.assign(
+        Object.assign(Object.assign({type: ApplicationType.internal}, application), label),
+        description
+    );
+    const _getFieldState = field => {
         if (runningFieldsSubmit.find(f => f === field)) {
             return 'processing';
-        }
-        else if (processedFieldsSubmit.find(f => f === field)) {
+        } else if (processedFieldsSubmit.find(f => f === field)) {
             return 'success';
-        }
-        else if (form.getFieldError(field).length) {
+        } else if (form.getFieldError(field).length) {
             return 'error';
-        }
-        else {
+        } else {
             return 'idle';
         }
     };
@@ -122,33 +136,191 @@ function EditApplicationInfoForm({ form, application, onSubmitField, onCheckAppl
         label: t(`applications.type_${type}`),
         value: type
     }));
-    return (_jsxs(Form, Object.assign({ "aria-label": "application_form", form: form, labelCol: { span: 6 }, wrapperCol: { span: 24 }, initialValues: formInitValues, labelWrap: true, disabled: !isEditing && loading }, { children: [availableLangs.map((lang, index) => (_jsx(Form.Item, Object.assign({ name: `label_${lang}`, rules: [{ required: lang === defaultLang, message: t('errors.default_language_required') }], style: { marginBottom: '0.5rem' } }, { children: _jsx(KitInput, { label: !index ? t('applications.label') : null, placeholder: t(`lang.${lang.toLowerCase()}`), title: t(`lang.${lang.toLowerCase()}`), "aria-label": `label_${lang}`, onChange: _handleLabelChange(lang), onBlur: _handleBlur(`label_${lang}`), onKeyPress: _handleSubmitOnEnter(`label_${lang}`), disabled: isReadOnly || !!runningFieldsSubmit.find(f => f === `label_${lang}`), suffix: _jsx(SubmitStateNotifier, { state: _getFieldState(`label_${lang}`) }), prefix: getFlagByLang(lang) }) }), `label_${lang}`))), availableLangs.map((lang, index) => (_jsx(DescriptionFormItem, Object.assign({ name: `description_${lang}`, style: { marginBottom: '0.5rem' }, extra: _jsx(SubmitStateNotifier, { style: { position: 'absolute', top: '0.5rem', right: '0.5rem' }, state: _getFieldState(`description_${lang}`) }) }, { children: _jsx(KitInput.TextArea, { label: !index ? t('applications.description') : null, placeholder: t(`lang.${lang.toLowerCase()}`), title: t(`lang.${lang.toLowerCase()}`), "aria-label": `description_${lang}`, onBlur: _handleBlur(`description_${lang}`), onKeyDown: _handleSubmitOnEnter(`description_${lang}`), disabled: isReadOnly, prefix: "\uD83C\uDDEB\uD83C\uDDF7" }) }), `description_${lang}`))), _jsx(Form.Item, Object.assign({ name: "id", validateTrigger: ['onBlur', 'onChange', 'onSubmit'], rules: [
-                    { required: true, message: _getRequiredMessage('id') },
-                    { pattern: idFormatRegex, message: t('errors.invalid_id_format') },
-                    {
-                        validateTrigger: ['onBlur', 'onSubmit'],
-                        validator: _handleAppUniquenessValidation('id'),
-                        message: t('errors.id_already_exists')
-                    }
-                ], hasFeedback: true }, { children: _jsx(KitInput, { label: t('applications.id'), disabled: isReadOnly || isEditing, onChange: _handleIdChange, "aria-label": "id" }) }), "id"), _jsx(Form.Item, Object.assign({ name: "type", rules: [{ required: true, message: _getRequiredMessage('type') }] }, { children: _jsx(KitSelect, { label: t('applications.type'), onChange: _handleTypeChange, disabled: isReadOnly || isEditing, "aria-label": t('applications.type'), options: typeSelectOptions }) }), "type"), isInternalApp && (_jsx(ModuleSelector, { name: "module", disabled: isReadOnly || isEditing, rules: [{ required: true, message: _getRequiredMessage('module') }] })), _jsx(Form.Item, Object.assign({ name: "endpoint", validateTrigger: ['onBlur', 'onChange', 'onSubmit'], rules: [
-                    {
-                        required: true,
-                        message: _getRequiredMessage(isInternalApp ? 'endpoint' : 'url')
-                    },
-                    {
-                        pattern: isInternalApp ? endpointFormatRegex : null,
-                        message: t('errors.invalid_endpoint_format')
-                    },
-                    {
-                        validateTrigger: ['onBlur', 'onSubmit'],
-                        validator: isInternalApp ? _handleAppUniquenessValidation('endpoint') : null,
-                        message: t('errors.endpoint_already_used')
-                    },
-                    {
-                        type: isInternalApp ? 'string' : 'url',
-                        message: t('errors.invalid_url_format')
-                    }
-                ], hasFeedback: true }, { children: _jsx(KitInput, { label: t(isInternalApp ? 'applications.endpoint' : 'applications.url'), prefix: isInternalApp ? appsBaseUrl : null, onBlur: _handleBlur('endpoint'), onKeyDown: _handleSubmitOnEnter('endpoint'), onChange: _handleEndpointChange, suffix: _jsx(SubmitStateNotifier, { state: _getFieldState('endpoint') }), disabled: isReadOnly, "aria-label": "endpoint" }) }), "endpoint"), _jsx(Form.Item, Object.assign({ name: "color", label: t('applications.color'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], hasFeedback: true }, { children: _jsx(ColorPicker, { format: "hex", onChangeComplete: _handleColorChange, disabled: isReadOnly }) }))] })));
+    return _jsxs(
+        Form,
+        Object.assign(
+            {
+                'aria-label': 'application_form',
+                form: form,
+                labelCol: {span: 6},
+                wrapperCol: {span: 24},
+                initialValues: formInitValues,
+                labelWrap: true,
+                disabled: !isEditing && loading
+            },
+            {
+                children: [
+                    availableLangs.map((lang, index) =>
+                        _jsx(
+                            Form.Item,
+                            Object.assign(
+                                {
+                                    name: `label_${lang}`,
+                                    rules: [
+                                        {required: lang === defaultLang, message: t('errors.default_language_required')}
+                                    ],
+                                    style: {marginBottom: '0.5rem'}
+                                },
+                                {
+                                    children: _jsx(KitInput, {
+                                        label: !index ? t('applications.label') : null,
+                                        placeholder: t(`lang.${lang.toLowerCase()}`),
+                                        title: t(`lang.${lang.toLowerCase()}`),
+                                        'aria-label': `label_${lang}`,
+                                        onChange: _handleLabelChange(lang),
+                                        onBlur: _handleBlur(`label_${lang}`),
+                                        onKeyPress: _handleSubmitOnEnter(`label_${lang}`),
+                                        disabled: isReadOnly || !!runningFieldsSubmit.find(f => f === `label_${lang}`),
+                                        suffix: _jsx(SubmitStateNotifier, {state: _getFieldState(`label_${lang}`)}),
+                                        prefix: getFlagByLang(lang)
+                                    })
+                                }
+                            ),
+                            `label_${lang}`
+                        )
+                    ),
+                    availableLangs.map((lang, index) =>
+                        _jsx(
+                            DescriptionFormItem,
+                            Object.assign(
+                                {
+                                    name: `description_${lang}`,
+                                    style: {marginBottom: '0.5rem'},
+                                    extra: _jsx(SubmitStateNotifier, {
+                                        style: {position: 'absolute', top: '0.5rem', right: '0.5rem'},
+                                        state: _getFieldState(`description_${lang}`)
+                                    })
+                                },
+                                {
+                                    children: _jsx(KitInput.TextArea, {
+                                        label: !index ? t('applications.description') : null,
+                                        placeholder: t(`lang.${lang.toLowerCase()}`),
+                                        title: t(`lang.${lang.toLowerCase()}`),
+                                        'aria-label': `description_${lang}`,
+                                        onBlur: _handleBlur(`description_${lang}`),
+                                        onKeyDown: _handleSubmitOnEnter(`description_${lang}`),
+                                        disabled: isReadOnly,
+                                        prefix: '\uD83C\uDDEB\uD83C\uDDF7'
+                                    })
+                                }
+                            ),
+                            `description_${lang}`
+                        )
+                    ),
+                    _jsx(
+                        Form.Item,
+                        Object.assign(
+                            {
+                                name: 'id',
+                                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
+                                rules: [
+                                    {required: true, message: _getRequiredMessage('id')},
+                                    {pattern: idFormatRegex, message: t('errors.invalid_id_format')},
+                                    {
+                                        validateTrigger: ['onBlur', 'onSubmit'],
+                                        validator: _handleAppUniquenessValidation('id'),
+                                        message: t('errors.id_already_exists')
+                                    }
+                                ],
+                                hasFeedback: true
+                            },
+                            {
+                                children: _jsx(KitInput, {
+                                    label: t('applications.id'),
+                                    disabled: isReadOnly || isEditing,
+                                    onChange: _handleIdChange,
+                                    'aria-label': 'id'
+                                })
+                            }
+                        ),
+                        'id'
+                    ),
+                    _jsx(
+                        Form.Item,
+                        Object.assign(
+                            {name: 'type', rules: [{required: true, message: _getRequiredMessage('type')}]},
+                            {
+                                children: _jsx(KitSelect, {
+                                    label: t('applications.type'),
+                                    onChange: _handleTypeChange,
+                                    disabled: isReadOnly || isEditing,
+                                    'aria-label': t('applications.type'),
+                                    options: typeSelectOptions
+                                })
+                            }
+                        ),
+                        'type'
+                    ),
+                    isInternalApp &&
+                        _jsx(ModuleSelector, {
+                            name: 'module',
+                            disabled: isReadOnly || isEditing,
+                            rules: [{required: true, message: _getRequiredMessage('module')}]
+                        }),
+                    _jsx(
+                        Form.Item,
+                        Object.assign(
+                            {
+                                name: 'endpoint',
+                                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
+                                rules: [
+                                    {
+                                        required: true,
+                                        message: _getRequiredMessage(isInternalApp ? 'endpoint' : 'url')
+                                    },
+                                    {
+                                        pattern: isInternalApp ? endpointFormatRegex : null,
+                                        message: t('errors.invalid_endpoint_format')
+                                    },
+                                    {
+                                        validateTrigger: ['onBlur', 'onSubmit'],
+                                        validator: isInternalApp ? _handleAppUniquenessValidation('endpoint') : null,
+                                        message: t('errors.endpoint_already_used')
+                                    },
+                                    {
+                                        type: isInternalApp ? 'string' : 'url',
+                                        message: t('errors.invalid_url_format')
+                                    }
+                                ],
+                                hasFeedback: true
+                            },
+                            {
+                                children: _jsx(KitInput, {
+                                    label: t(isInternalApp ? 'applications.endpoint' : 'applications.url'),
+                                    prefix: isInternalApp ? appsBaseUrl : null,
+                                    onBlur: _handleBlur('endpoint'),
+                                    onKeyDown: _handleSubmitOnEnter('endpoint'),
+                                    onChange: _handleEndpointChange,
+                                    suffix: _jsx(SubmitStateNotifier, {state: _getFieldState('endpoint')}),
+                                    disabled: isReadOnly,
+                                    'aria-label': 'endpoint'
+                                })
+                            }
+                        ),
+                        'endpoint'
+                    ),
+                    _jsx(
+                        Form.Item,
+                        Object.assign(
+                            {
+                                name: 'color',
+                                label: t('applications.color'),
+                                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
+                                hasFeedback: true
+                            },
+                            {
+                                children: _jsx(ColorPicker, {
+                                    format: 'hex',
+                                    onChangeComplete: _handleColorChange,
+                                    disabled: isReadOnly
+                                })
+                            }
+                        )
+                    )
+                ]
+            }
+        )
+    );
 }
 export default EditApplicationInfoForm;
-//# sourceMappingURL=EditApplicationInfoForm.js.map
+//# sourceMappingURL=EditApplicationInfoForm.js.map

package/dist/components/EditApplication/EditApplicationInfo/EditApplicationInfoForm/ModuleSelector/ModuleSelector.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { FormItemProps } from 'antd';
+import {FormItemProps} from 'antd';
 interface IModuleSelectorProps extends FormItemProps {
     disabled: boolean;
 }
-declare function ModuleSelector({ disabled, ...itemProps }: IModuleSelectorProps): JSX.Element;
+declare function ModuleSelector({disabled, ...itemProps}: IModuleSelectorProps): JSX.Element;
 export default ModuleSelector;