jamespot-front-business 1.1.72 → 1.1.74

package/dist/cjs.js

@@ -339,6 +339,7 @@ const fetchBookableAsset = toolkit.createAsyncThunk('BookableAsset/fetchBookable
         type: 'bookableAsset',
         format: 'raw-list',
         limit: 50,
+        public: true,
     };
     return yield extra.jApi.article.list(filterSpec);
 }));
@@ -407,7 +408,11 @@ const initialState$j = {
     form: initForm,
 };
 const fetchReservation = toolkit.createAsyncThunk('Reservation/fetchReservation', (viewMode, { extra }) => __awaiter(void 0, void 0, void 0, function* () {
-    const filterSpec = { format: 'raw-list', limit: 50, viewMode };
+    const filterSpec = {
+        format: 'raw-list',
+        limit: 50,
+        viewMode: viewMode === 'history' ? 'history' : undefined,
+    };
     return yield extra.jApi.assetReservation.getList(filterSpec);
 }));
 const ReservationSlice = toolkit.createSlice({
@@ -3396,1121 +3401,1124 @@ function createTextAreaField(installedField) {
     return field;
 }
 
-const installedToV2ViewNames = {
-    'create-popup': 'popup',
-    create: 'create',
-    edit: 'edit',
-    display: 'view',
-};
-const specialAttrName = ['title', 'alertAuthor', 'sendAlert'];
-const ignoredFields = ['edito'];
-function updateViewsFromFields(clonedApp, appFields) {
-    return Object.assign({}, ...viewsList.map((view) => {
-        const viewItems = {};
-        Object.entries(clonedApp.views[view]).forEach(([fieldId, field]) => {
-            if (field.isFixed) {
-                viewItems[fieldId] = field;
-            }
-            if (field.isOptional) {
-                viewItems[fieldId] = field;
-            }
-        });
-        appFields.forEach((field, idx) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
-            const isFieldUsedInView = field.views[view];
-            const isExistingField = Object.keys(clonedApp.views[view]).includes(field.id);
-            const fieldType = field.type;
-            if (AppFormBannedFromViews$1.get(fieldType) && ((_a = AppFormBannedFromViews$1.get(fieldType)) === null || _a === void 0 ? void 0 : _a.includes(view))) {
+function appToXml(studioApp) {
+    const { manifest, views, audience, installFor } = studioApp;
+    return `<?xml version='1.0' encoding='utf-8'?>
+    <Application>
+        ${createAppManifest(manifest, views, audience, installFor, studioApp.idApp)}
+        <Types>
+            <objecttype
+                label="${manifest.typeLabel}" 
+                labelPlural="${manifest.typeLabel}" 
+                labelLinkSingular="${manifest.typeLabel}" 
+                labelLinkPlural="${manifest.typeLabel}" 
+                name="${studioApp.idApp}" 
+                classImpl="JPBEContent" 
+                classCodeLocation="jamespot/jpro/objs/JPBEContent.php" 
+                cssClass="${manifest.cssClass.value}" 
+                cssColor="${manifest.cssColor}" 
+                searchtab="${studioApp.idApp}"
+                searchtablabel="${manifest.typeLabel}" 
+                buttonlabel="${manifest.typeLabel}"
+                extends="article">
+            ${renderPrimaryFields(studioApp.fields)}
+            ${renderCustomFields(studioApp.fields)}
+            </objecttype>
+            ${renderDisplays(studioApp)}
+        </Types>
+    </Application>`;
+}
+function createAppManifest(manifest, views, audience, installFor, idApp) {
+    var _a;
+    return `<Manifest>
+            <ShowImport>true</ShowImport>
+            <AppShortName>${idApp}</AppShortName>
+            <AppName>${manifest.appName}</AppName>
+            <Description>${manifest.description}</Description>
+            <Version>${manifest.version + 1}</Version>
+            <ManifestVersion>1.0</ManifestVersion>
+            <StudioVersion>2</StudioVersion>
+            <DateCreation>${manifest.dateCreation.toString().split('T')[0]}</DateCreation>
+            <CssClass>${(_a = manifest.cssClass) === null || _a === void 0 ? void 0 : _a.label}</CssClass>
+            <CssColor>${manifest.cssColor}</CssColor>
+            <Categories>N.A.</Categories>
+            <Editor>Jamespot</Editor>
+            <EditorUrl>https://www.fr.jamespot.com/</EditorUrl>
+            <Type>${idApp}</Type>
+            ${renderAppView(manifest.viewSolr, views.list)}
+            ${renderAppSearch(views.filter)}
+            ${renderAudience(audience, installFor)}
+            <Order>1</Order>
+        </Manifest>`;
+}
+function renderAppView(viewSolr, listView) {
+    if (viewSolr === STUDIO_VIEW.SOLR) {
+        let xml = '<AppView>solr</AppView>';
+        const formItemIdInList = [];
+        Object.entries(listView)
+            .sort((a, b) => a[1].pos - b[1].pos)
+            .forEach(([fieldId, field]) => {
+            if (!field.isUsed) {
                 return;
             }
-            let fieldValue = undefined;
-            if (fieldType === AppFormItemTypes.CODEHTML) {
-                const richTextProperty = (_b = field.properties) === null || _b === void 0 ? void 0 : _b.find((prop) => prop.propertyType === AppFieldFormPropertyTypes.RICHTEXT);
-                if (richTextProperty === null || richTextProperty === void 0 ? void 0 : richTextProperty.value) {
-                    fieldValue = richTextProperty === null || richTextProperty === void 0 ? void 0 : richTextProperty.value;
-                }
-            }
-            if (fieldType === AppFormItemTypes.SELECT) {
-                const selectProperty = (_c = field.properties) === null || _c === void 0 ? void 0 : _c.find((prop) => prop.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
-                if (isExistingField) {
-                    const exField = clonedApp.views[view][field.id];
-                    const exSelectProperty = (_d = exField.properties) === null || _d === void 0 ? void 0 : _d.find((prop) => prop.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
-                    const isMultivalued = !!((_e = selectProperty === null || selectProperty === void 0 ? void 0 : selectProperty.value) === null || _e === void 0 ? void 0 : _e.canSelectMultiple);
-                    const exIsMultivalued = !!((_f = exSelectProperty === null || exSelectProperty === void 0 ? void 0 : exSelectProperty.value) === null || _f === void 0 ? void 0 : _f.canSelectMultiple);
-                    if (isMultivalued === exIsMultivalued) {
-                        fieldValue = exField.value;
-                    }
-                }
-                else {
-                    const isEnhancedSelect = !!(selectProperty === null || selectProperty === void 0 ? void 0 : selectProperty.isOptionsEditorEnhanced);
-                    const defaultValue = isEnhancedSelect && !!(selectProperty === null || selectProperty === void 0 ? void 0 : selectProperty.value.defaultSelectOption)
-                        ? selectProperty === null || selectProperty === void 0 ? void 0 : selectProperty.value.defaultSelectOptionValue
-                        : '';
-                    if (defaultValue) {
-                        fieldValue = defaultValue;
-                    }
-                }
-            }
-            if (isExistingField) {
-                const exField = clonedApp.views[view][field.id];
-                viewItems[field.id] = Object.assign(Object.assign(Object.assign(Object.assign({}, exField), { properties: field.properties || exField.properties || [] }), (fieldValue !== undefined && { value: fieldValue })), { isUsed: isFieldUsedInView, pos: ((_g = clonedApp.syncViewFieldOrder) === null || _g === void 0 ? void 0 : _g[view]) ? idx : exField.pos, isLockedValue: (fieldValue !== undefined || exField.value !== undefined) && exField.isLockedValue });
-            }
-            else {
-                const existingFieldsLen = Object.values(clonedApp.views[view]).filter((v) => !v.isFixed && !v.isOptional).length;
-                viewItems[field.id] = {
-                    type: field.type,
-                    properties: field.properties || [],
-                    isUsed: isFieldUsedInView,
-                    isOptional: false,
-                    isLockedValue: false,
-                    isFixed: false,
-                    value: fieldValue !== null && fieldValue !== void 0 ? fieldValue : null,
-                    pos: ((_h = clonedApp.syncViewFieldOrder) === null || _h === void 0 ? void 0 : _h[view]) ? idx : existingFieldsLen + idx,
-                };
+            if ([AppFormItemTypes.IMAGE].includes(field.type)) {
+                return;
             }
+            formItemIdInList.push(getAttrNameFormItem(field, fieldId));
         });
-        return {
-            [view]: viewItems,
-        };
-    }));
-}
-function buildAudience(accessRightObjectList) {
-    return accessRightObjectList.map((accessRightObject) => {
-        return {
-            id: `${accessRightObject.type}/${accessRightObject.id}`,
-            uri: `${accessRightObject.type}/${accessRightObject.id}`,
-            shortUri: `${accessRightObject.type}/${accessRightObject.id}`,
-            title: accessRightObject.title,
-            name: accessRightObject.title,
-            mainType: accessRightObject.type,
-            type: accessRightObject.mainType,
-            label: accessRightObject.type,
-            cssClass: accessRightObject._cssClass,
-            cssColor: accessRightObject._cssColor,
-            class: accessRightObject._cssClass,
-            Pseudo: accessRightObject.title,
-            _url: accessRightObject._url,
-        };
-    });
-}
-function populateFieldsAndViews(app, appS, state) {
-    const tables = app.typeModel.tables;
-    const displays = app.typeModel.displays;
-    if (!displays) {
-        return;
+        xml += `<AppColumns>${formItemIdInList.join()}</AppColumns>`;
+        return xml;
     }
-    const registeredFields = new Map();
-    Object.entries(displays).forEach((displaysEntry) => {
-        const [displayName, displayValue] = displaysEntry;
-        if (Object.keys(installedToV2ViewNames).includes(displayName)) {
-            buildView(appS, registeredFields, displayName, displayValue, tables, state);
-        }
-    });
-    buildListView(appS, registeredFields, app.columns, tables, state);
-    buildFilterView(appS, registeredFields, app.attrExposed, tables, state);
+    return '';
 }
-function buildView(appS, registeredFields, displayName, displayValue, tables, state) {
-    const newName = installedToV2ViewNames[displayName];
-    appS.views[newName] = {};
-    displayValue.composants.forEach((viewComponent, index) => {
-        let field = undefined;
-        if (viewComponent.name && ignoredFields.includes(viewComponent.name)) {
+function renderAppSearch(searchView) {
+    const formItemIdInFilter = [];
+    Object.entries(searchView)
+        .sort((a, b) => a[1].pos - b[1].pos)
+        .forEach(([fieldId, field]) => {
+        if (!field.isUsed) {
             return;
         }
-        const [fieldIdx, fixedInfo] = createOrGetField(appS, registeredFields, viewComponent, tables, state);
-        if (fieldIdx === -1 && fixedInfo) {
-            switch (fixedInfo.ref) {
-                case 'title':
-                    addTitleToView(newName, appS, fixedInfo);
-                    break;
-                case 'alertAuthor':
-                    addAlertAuthorToView(newName, appS, fixedInfo);
-                    break;
-                case 'sendAlert':
-                    addSendAlertToView(newName, appS, fixedInfo);
-                    break;
-                case 'publishTo':
-                    addPublishToToView(newName, appS, fixedInfo);
-                    break;
-                default:
-                    console.error('fixed field info with unsupported ref ', fixedInfo);
-                    break;
-            }
-        }
-        else if (fieldIdx !== -1) {
-            field = appS.fields[fieldIdx];
-            if (!field || !field.views) {
-                throw new Error(`error converting installed app to V2: created field not found in fields array: ${fieldIdx}, ${fixedInfo}`);
-            }
-            field.views[newName] = true;
-            addFieldToView(newName, field, appS, index, fixedInfo);
-        }
+        const list = [ExtraAppFieldsItemViews.TITLE, AppFormItemTypes.IMAGE];
+        if (!list.includes(field.type))
+            formItemIdInFilter.push(getAttrNameFormItem(field, fieldId));
     });
+    return `<AttrExposed>${formItemIdInFilter.join()}</AttrExposed>`;
 }
-function buildListView(appS, registeredFields, columns, tables, state) {
-    if (!columns) {
-        return;
-    }
-    Object.keys(columns).forEach((fieldRef, index) => {
-        addFieldToViewFromRef(appS, registeredFields, tables, 'list', fieldRef, index, state);
-    });
+function fieldType(fieldType) {
+    if (fieldType === ExtraAppFieldsItemViews.TITLE)
+        return 'title';
+    if (fieldType === ExtraAppFieldsItemViews.SENDALERTTOSUBSCRIBERS)
+        return 'sendAlert';
+    if (fieldType === ExtraAppFieldsItemViews.RECEIVEACOPY)
+        return 'alertAuthor';
+    if (fieldType === ExtraAppFieldsItemViews.PUBLISHTO)
+        return 'publishTo';
+    if (fieldType === ExtraAppFieldsItemViews.USER)
+        return 'idUser';
+    if (fieldType === ExtraAppFieldsItemViews.CREATIONDATE)
+        return 'dateCreation';
+    if (fieldType === AppFormItemTypes.DESCRIPTION)
+        return 'description';
+    return fieldType;
 }
-function buildFilterView(appS, registeredFields, attrExposed, tables, state) {
-    attrExposed.forEach((fieldRef, index) => {
-        addFieldToViewFromRef(appS, registeredFields, tables, 'filter', fieldRef, index, state);
-    });
+function getAttrNameFormItem(field, fieldId) {
+    return (AppColumnsDefaultTypes.includes(field.type) ? fieldType(field.type) : uuid2Alpha(fieldId)).toLowerCase();
 }
-function addFieldToViewFromRef(appS, registeredFields, tables, viewName, fieldRef, index, state) {
-    switch (fieldRef) {
-        case 'title':
-            addTitleToView(viewName, appS, { ref: 'title', fixedValue: undefined });
-            break;
-        case 'iduser':
-        case 'idUser':
-            addUserToView(viewName, appS);
-            break;
-        case 'datecreation':
-        case 'dateCreation':
-            addDateCreationToView(viewName, appS);
-            break;
-        default:
-            defaultFieldCreation(appS, registeredFields, tables, viewName, fieldRef, index, state);
-            break;
+function renderAudience(audience, installFor) {
+    if (audience === AUDIENCE.ALL)
+        return '<checkAccess>false</checkAccess>';
+    else if (installFor.length > 0) {
+        return `<checkAccess>true</checkAccess>
+        <accessRightList>${installFor.map((user) => user.uri).join()}</accessRightList>`;
     }
+    return '';
 }
-function defaultFieldCreation(appS, registeredFields, tables, viewName, fieldRef, index, state) {
-    const fieldIndex = createOrGetFieldFromRef(appS, registeredFields, tables, fieldRef, state);
-    const field = appS.fields[fieldIndex];
-    if (!field || !field.views) {
-        throw new Error(`error converting installed app to V2: unable to handle ${fieldRef} in list view`);
-    }
-    field.views[viewName] = true;
-    addFieldToView(viewName, field, appS, index, undefined);
+function renderPrimaryFields(fields) {
+    const primaryFields = fields === null || fields === void 0 ? void 0 : fields.filter((field) => AppFormPrimaryListValues.includes(field.type));
+    if (primaryFields.length === 0)
+        return '';
+    return `<primaryFields>${primaryFields.map((field) => formItem2xml(field)).join('')}</primaryFields>`;
 }
-function createOrGetFieldFromRef(appS, registeredFields, tables, fieldRef, state) {
-    const knownIndex = registeredFields.get(fieldRef);
-    if (knownIndex !== undefined) {
-        return knownIndex;
-    }
-    const [ref, indexCreated] = createStudioDefinedField(appS, fieldRef, tables, state);
-    registeredFields.set(ref, indexCreated);
-    return indexCreated;
+function renderCustomFields(fields) {
+    const customFields = fields === null || fields === void 0 ? void 0 : fields.filter((field) => !AppFormPrimaryListValues.includes(field.type));
+    const filteredCustomFields = customFields === null || customFields === void 0 ? void 0 : customFields.filter((field) => field.type !== AppFormItemTypes.IMAGE);
+    if (filteredCustomFields.length === 0)
+        return '';
+    const articlesTablesItems = filteredCustomFields.filter((f) => f.type !== AppFormItemTypes.TAGS && !AppFormNonPrimaryList.includes(f.type));
+    const linksTableItems = filteredCustomFields.filter((f) => f.type === AppFormItemTypes.TAGS);
+    return `<custom>
+        ${articlesTablesItems.length > 0
+        ? `<articlemstable>
+                    ${articlesTablesItems.map((field) => formItem2xml(field)).join('')}
+                </articlemstable>`
+        : ''}
+        ${linksTableItems.length > 0
+        ? `<linkstable tablename="tag_links" sqlNameColumn="name" sqlSrcIdColumn="srcId" sqlSrcTypeColumn="srcType" sqlTargetIdColumn="targetId" sqlTargetTypeColumn="targetType">
+                    ${linksTableItems.map((field) => formItem2xml(field)).join('')}
+                </linkstable>`
+        : ''}</custom>`;
 }
-function createOrGetField(appS, registeredFields, viewComponent, tables, state) {
-    if (viewComponent.name !== undefined && viewComponent.element === 'attr') {
-        if (specialAttrName.includes(viewComponent.name)) {
-            return [-1, { ref: viewComponent.name, fixedValue: undefined }];
-        }
-        const knownIndex = registeredFields.get(viewComponent.name);
-        if (knownIndex !== undefined) {
-            return [knownIndex, undefined];
+function formItem2xml(field) {
+    return `<field
+        type="${renderFieldTypeToXmlType(field.type)}" 
+        name="${getAttrNameFormItem(field, field.id)}" 
+        sqlname="${renderSqlName(field.type, field.id)}" 
+        ${field.properties && renderProperty(field.properties, AppFieldFormPropertyTypes.LABEL)} 
+        ${field.properties && renderProperty(field.properties, AppFieldFormPropertyTypes.DESCRIPTION)} 
+        mandatory="${field.mandatory}" 
+        solr.type="${renderSolrType(field.type)}" 
+        solr.used="true" 
+        solr.indexed="true" 
+        solr.stored="true" 
+        solr.searchable="true" 
+        solr.multiValued="${field.type === AppFormItemTypes.TAGS ||
+        field.type === AppFormItemTypes.CHECKBOX ||
+        field.type === AppFormItemTypes.SELECT
+        ? true
+        : false}"
+        teaser="true"
+        display="true"
+        >
+            ${renderWidget(field.type, field.properties)}
+        </field>`;
+}
+function renderWidget(fieldType, fieldProperties) {
+    var _a;
+    switch (fieldType) {
+        case AppFormItemTypes.DESCRIPTION:
+            return '<widget form="textarea"><params><param key="class" value="mceEditor"></param><param key="mention" value="1"></param></params></widget>';
+        case AppFormItemTypes.TEXT:
+            return '<widget form="text"></widget>';
+        case AppFormItemTypes.TEXTAREA:
+            return '<widget form="textarea"></widget>';
+        case AppFormItemTypes.TEXTAREAHTML:
+            return '<widget form="textarea"><params><param key="class" value="mceEditor"></param></params></widget>';
+        case AppFormItemTypes.DATE:
+            return '<widget form="date" format="d/m/Y"></widget>';
+        case AppFormItemTypes.DATETIME:
+            return `<widget form="datetime" format="d/m/Y H:i:s"></widget>`;
+        case AppFormItemTypes.NUMBER: {
+            const isFloat = ((_a = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.CHECKBOX)) === null || _a === void 0 ? void 0 : _a.value) === true;
+            return `<widget form="number">
+                ${isFloat ? `<params><param value="0.01" key="step"/></params>` : ''}
+            </widget>`;
         }
-        const [ref, indexCreated] = createStudioDefinedField(appS, viewComponent.name, tables, state);
-        registeredFields.set(ref, indexCreated);
-        return [indexCreated, undefined];
-    }
-    else if (viewComponent.element === 'html') {
-        const htmlCode = viewComponent.html;
-        if (htmlCode === undefined) {
-            console.error('error while parsing studio installed html attr in a view: no html code');
-            return [-1, undefined];
+        case AppFormItemTypes.SELECT: {
+            const optionEditor = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
+            if (!optionEditor)
+                return '';
+            const isMultiple = optionEditor.value.canSelectMultiple;
+            const options = optionEditor.value.propertyOptions;
+            const hasDefaultValue = optionEditor.value.defaultSelectOption;
+            const defaultValue = optionEditor.value.defaultSelectOptionValue.value;
+            const userCanModifiyByComment = optionEditor.value.userCanModifiyByComment;
+            return `<widget form="select" ${isMultiple ? 'multiple="1"' : ''}>
+            <options>
+                ${options
+                .map((option) => `<option value="${option.value}" label="${option.title}"></option>`)
+                .join('')}
+            </options>
+            ${hasDefaultValue || userCanModifiyByComment
+                ? `<params>
+                ${hasDefaultValue ? `<param key="defaultValue" value="${defaultValue}"/>` : ''}
+                ${userCanModifiyByComment ? `<param key="explain" value="1"/>` : ''}
+            </params>`
+                : ''}
+            </widget>`;
         }
-        if (htmlCode.includes('<JAMESPOT.STUDIO.FIXED>')) {
-            const startPos = htmlCode.indexOf('<JAMESPOT.STUDIO.FIXED>') + '<JAMESPOT.STUDIO.FIXED>'.length;
-            const endPos = htmlCode.indexOf('</JAMESPOT.STUDIO.FIXED>');
-            const formItemRefString = htmlCode.substring(startPos, endPos);
-            try {
-                const formItemRef = JSON.parse(formItemRefString);
-                if ((formItemRef === null || formItemRef === void 0 ? void 0 : formItemRef.ref.toUpperCase()) in ExtraAppFieldsItemViews ||
-                    specialAttrName.includes(formItemRef === null || formItemRef === void 0 ? void 0 : formItemRef.ref)) {
-                    return [-1, formItemRef];
-                }
-                const knownIndex = registeredFields.get(formItemRef === null || formItemRef === void 0 ? void 0 : formItemRef.ref);
-                if (knownIndex !== undefined) {
-                    return [knownIndex, formItemRef];
-                }
-                const [ref, indexCreated] = createStudioDefinedField(appS, formItemRef.ref, tables, state);
-                registeredFields.set(ref, indexCreated);
-                return [indexCreated, formItemRef];
-            }
-            catch (_) {
-                console.error('error while parsing studio installed fixed attr in a view: json parsing failed');
-                return [-1, undefined];
-            }
+        case AppFormItemTypes.RADIO: {
+            const optionEditor = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
+            if (!optionEditor)
+                return '';
+            const options = optionEditor.value.propertyOptions;
+            return `<widget form="radio">
+            <options>
+            ${options
+                .map((option) => `<option value="${option.value}" label="${option.title}"></option>`)
+                .join('')}
+            </options>
+            </widget>`;
         }
-        else if (htmlCode.includes('<JAMESPOT.STUDIO.CODEHTML>')) {
-            try {
-                const startPosCode = htmlCode.indexOf('<JAMESPOT.STUDIO.CODEHTML>') + '<JAMESPOT.STUDIO.CODEHTML>'.length;
-                const endPosCode = htmlCode.indexOf('</JAMESPOT.STUDIO.CODEHTML>');
-                const formItemString = htmlCode.substring(startPosCode, endPosCode);
-                const formItem = JSON.parse(formItemString);
-                const knownIndex = registeredFields.get(formItem === null || formItem === void 0 ? void 0 : formItem.name);
-                if (knownIndex !== undefined) {
-                    return [knownIndex, undefined];
-                }
-                const htmlField = createHtmlField(formItem);
-                const indexCreated = appS.fields.push(htmlField) - 1;
-                registeredFields.set(htmlField.id, indexCreated);
-                return [indexCreated, undefined];
-            }
-            catch (_) {
-                console.error('error while parsing studio installed codehtml attr in a view: json parsing failed');
-                return [-1, undefined];
-            }
+        case AppFormItemTypes.TOGGLE:
+            return `<widget form="checkbox">
+                <options>
+                    <option value="1" label="GLOBAL_Yes"></option>
+                </options>
+                <params>
+                    <param key="jagCheckbox" value="1"></param>
+                </params>
+            </widget>`;
+        case AppFormItemTypes.TAGS: {
+            const taxonomy = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.TAXONOMY);
+            if (!taxonomy)
+                return '';
+            const taxonomyId = taxonomy.value.id;
+            return `<widget form="taxonomy">
+                <params><param key="idTaxonomy" value="${taxonomyId}"></param></params>
+            </widget>`;
         }
-        else {
-            console.error('error while parsing studio installed html attr in a view: unknown html format');
-            return [-1, undefined];
+        case AppFormItemTypes.CHECKBOX: {
+            const optionEditor = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
+            if (!optionEditor)
+                return '';
+            const options = optionEditor.value.propertyOptions;
+            return `<widget form="checkbox" multiple="1">
+                <options>
+                    ${options
+                .map((option) => `<option value="${option.value}" label="${option.title}"></option>`)
+                .join('')}
+                </options>
+            </widget>`;
         }
-    }
-    else if (viewComponent.element === 'image') {
-        const knownIndex = registeredFields.get('image');
-        if (knownIndex !== undefined) {
-            return [knownIndex, undefined];
+        case AppFormItemTypes.ADDFILEATTACHMENT:
+            return `<widget form="file" type="fileArticle" multiple="1"></widget>`;
+        case AppFormItemTypes.URL:
+            return `<widget form="url"></widget>`;
+        case AppFormItemTypes.EMAIL:
+            return `<widget form="email"></widget>`;
+        case ExtraAppFieldsItemViews.USER:
+            return `<widget form="idUser"></widget>`;
+        case AppFormItemTypes.USERLINK:
+            return `<widget form="uri">
+                <params>
+                    <param key="mode" value="ng-view"></param>
+                    <param key="class" value="jcomplete"></param>
+                    <param key="namespace" value="jamespot"></param>
+                    <param key="types" value="user"></param>
+                    <param key="views" value="user"></param>
+                    <param key="jcomplete-url" value="/?action=ajax&amp;group=autocomplete&amp;function=user"></param>
+                </params>
+            </widget>`;
+        case AppFormItemTypes.CONTENTLINK: {
+            const contentType = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.CONTENTTYPE);
+            if (!contentType)
+                return '';
+            const type = contentType.value.type;
+            return `<widget form="uri">
+                <params>
+                    <param key="mode" value="ng-view"></param>
+                    <param key="namespace" value="jamespot"></param>
+                    <param key="types" value="${type}"></param>
+                    <param key="views" value="article"></param>
+                    <param key="jcomplete-url" value="/?action=ajax&amp;group=autocomplete&amp;function=article&amp;types=[]=${type}"></param>
+                </params>
+            </widget>`;
         }
-        const imageField = createImageField();
-        const indexCreated = appS.fields.push(imageField) - 1;
-        registeredFields.set('image', indexCreated);
-        return [indexCreated, undefined];
-    }
-    else if (viewComponent.element === 'publishTo') {
-        return [-1, { ref: 'publishTo', fixedValue: undefined }];
-    }
-    else {
-        console.error('error while parsing studio installed attr in a view: unknown attr :O');
-        return [-1, undefined];
+        default:
+            return '';
     }
 }
-function createStudioDefinedField(appS, ref, tables, state) {
-    const installedField = getInstalledField(ref, tables);
-    const type = getFormItemType(installedField);
-    const v2Field = (function createField() {
-        switch (type) {
-            case AppFormItemTypes.ADDFILEATTACHMENT:
-                return createAddfileattachmentField(installedField);
-            case AppFormItemTypes.NUMBER:
-                return createNumberField(installedField);
-            case AppFormItemTypes.TAGS:
-                return createTagsField(installedField);
-            case AppFormItemTypes.SELECT:
-                return createSelectField(installedField);
-            case AppFormItemTypes.RADIO:
-                return createRadioField(installedField);
-            case AppFormItemTypes.CHECKBOX:
-                return createCheckboxField(installedField);
-            case AppFormItemTypes.CONTENTLINK:
-                return createContentLinkField(installedField, state);
-            case AppFormItemTypes.DESCRIPTION:
-                return createDescriptionField(installedField);
-            case AppFormItemTypes.TEXTAREAHTML:
-                return createTextareaHTMLField(installedField);
-            case AppFormItemTypes.DATE:
-                return createDateField(installedField);
-            case AppFormItemTypes.DATETIME:
-                return createDatetimeField(installedField);
-            case AppFormItemTypes.URL:
-                return createUrlField(installedField);
-            case AppFormItemTypes.EMAIL:
-                return createEmailField(installedField);
-            case AppFormItemTypes.TOGGLE:
-                return createToggleField(installedField);
-            case AppFormItemTypes.USERLINK:
-                return createUserLinkField(installedField);
-            case AppFormItemTypes.TEXTAREA:
-                return createTextAreaField(installedField);
-            case AppFormItemTypes.TEXT:
-            default:
-                return createTextField(installedField);
+function renderProperty(properties, propertyToFind) {
+    const labelProperty = properties === null || properties === void 0 ? void 0 : properties.find((property) => property.propertyType === propertyToFind);
+    if (labelProperty) {
+        return `${propertyToFind.toLowerCase()}="${labelProperty.value}"`;
+    }
+    return '';
+}
+function renderSqlName(fieldType, fieldId) {
+    switch (fieldType) {
+        case AppFormItemTypes.DESCRIPTION:
+            return 'Description';
+        case ExtraAppFieldsItemViews.USER:
+            return 'IdUser';
+        default:
+            return uuid2Alpha(fieldId);
+    }
+}
+function renderSolrType(fieldType) {
+    switch (fieldType) {
+        case AppFormItemTypes.DESCRIPTION:
+        case AppFormItemTypes.TEXT:
+        case AppFormItemTypes.TEXTAREA:
+        case AppFormItemTypes.TEXTAREAHTML:
+        case AppFormItemTypes.URL:
+        case AppFormItemTypes.EMAIL:
+        case AppFormItemTypes.USERLINK:
+        case AppFormItemTypes.CONTENTLINK:
+        case AppFormItemTypes.NUMBER:
+        case AppFormItemTypes.ADDFILEATTACHMENT:
+            return 'text';
+        case AppFormItemTypes.DATE:
+        case AppFormItemTypes.DATETIME:
+            return 'date';
+        case ExtraAppFieldsItemViews.USER:
+            return 'integer';
+        case AppFormItemTypes.SELECT:
+        case AppFormItemTypes.RADIO:
+        case AppFormItemTypes.TOGGLE:
+        case AppFormItemTypes.CHECKBOX:
+        case AppFormItemTypes.TAGS:
+            return 'string';
+        default:
+            return '';
+    }
+}
+function renderFieldTypeToXmlType(fieldType) {
+    switch (fieldType) {
+        default:
+        case AppFormItemTypes.DESCRIPTION:
+        case AppFormItemTypes.TEXTAREAHTML:
+            return 'html';
+        case AppFormItemTypes.TAGS:
+            return 'taxonomy';
+        case AppFormItemTypes.TEXT:
+        case AppFormItemTypes.RADIO:
+        case AppFormItemTypes.URL:
+        case AppFormItemTypes.EMAIL:
+        case AppFormItemTypes.ADDFILEATTACHMENT:
+        case ExtraAppFieldsItemViews.USER:
+        case AppFormItemTypes.USERLINK:
+        case AppFormItemTypes.CONTENTLINK:
+            return 'text';
+        case AppFormItemTypes.TEXTAREA:
+        case AppFormItemTypes.CHECKBOX:
+        case AppFormItemTypes.SELECT:
+            return 'longtext';
+        case AppFormItemTypes.DATE:
+            return 'date';
+        case AppFormItemTypes.DATETIME: {
+            return 'date';
         }
-    })();
-    const index = appS.fields.push(v2Field) - 1;
-    return [ref, index];
+        case AppFormItemTypes.NUMBER:
+            return 'float';
+    }
 }
-function getInstalledField(ref, tables) {
-    var _a;
-    let foundField = undefined;
-    for (let i = 0; i < tables.length && !foundField; i++) {
-        foundField = (_a = tables[i]) === null || _a === void 0 ? void 0 : _a.attributes.find((attr) => {
-            return attr.name === ref;
-        });
+const uuid2Alpha = (id) => {
+    let alphaUuid = '';
+    for (let i = 0; i < id.length; i++) {
+        const c = id.charAt(i);
+        if (c >= '0' && c <= '9')
+            alphaUuid += numToAlpha(Number(c));
+        else if (c >= 'a' && c <= 'z')
+            alphaUuid += c;
     }
-    if (!foundField) {
-        throw new Error('error converting installed app to V2: installed field not found in tables ' + ref);
+    return alphaUuid;
+};
+const numToAlpha = (num) => {
+    let s = '', t;
+    while (num > 0) {
+        t = (num - 1) % 26;
+        s = String.fromCharCode(97 + t) + s;
+        num = ((num - t) / 26) | 0;
     }
-    return foundField;
+    return s;
+};
+const internal2XmlView = {
+    create: 'create',
+    popup: 'create-popup',
+    edit: 'edit',
+    view: 'display',
+};
+function renderDisplays(studioApp) {
+    let toRet = '';
+    Object.entries(studioApp.views).forEach(([viewName, viewContent]) => {
+        if (Object.prototype.hasOwnProperty.call(internal2XmlView, viewName)) {
+            const viewField = Object.entries(viewContent)
+                .filter((a) => a[1].isUsed)
+                .sort((a, b) => a[1].pos - b[1].pos);
+            toRet += `<display view="${internal2XmlView[viewName]}" mode="${viewName === 'view' ? 'view' : 'form'}">
+                ${viewField.map(([fieldId, view]) => renderDisplayAttr(fieldId, view)).join('')}
+            </display>`;
+        }
+    });
+    if (toRet.length > 0) {
+        toRet = `<displays type="${studioApp.idApp}">${toRet}</displays>`;
+    }
+    return toRet;
 }
-function addFieldToView(viewName, field, appS, index, fixedInfo) {
-    var _a;
-    if (field.views) {
-        field.views[viewName] = true;
-        appS.views[viewName][field.id] = {
-            type: field.type,
-            properties: field.properties || [],
-            isUsed: true,
-            isOptional: false,
-            isLockedValue: !!(fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue),
-            isFixed: false,
-            value: (_a = fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== null && _a !== void 0 ? _a : null,
-            pos: index,
-        };
+function getDisplayName(fieldId, view) {
+    switch (view.type) {
+        case ExtraAppFieldsItemViews.TITLE:
+            return 'title';
+        case ExtraAppFieldsItemViews.SENDALERTTOSUBSCRIBERS:
+            return 'sendAlert';
+        case ExtraAppFieldsItemViews.RECEIVEACOPY:
+            return 'alertAuthor';
+        case ExtraAppFieldsItemViews.PUBLISHTO:
+            return 'publishTo';
+        case ExtraAppFieldsItemViews.USER:
+            return 'idUser';
+        case ExtraAppFieldsItemViews.CREATIONDATE:
+            return 'dateCreation';
+        case AppFormItemTypes.DESCRIPTION:
+            return 'description';
+        default:
+            return uuid2Alpha(fieldId);
     }
 }
-function getFormItemType(installedField) {
+function renderDisplayAttr(fieldId, view) {
     var _a, _b, _c;
-    switch (installedField.widget.type) {
-        case 'number':
-            return AppFormItemTypes.NUMBER;
-        case 'taxonomy':
-            return AppFormItemTypes.TAGS;
-        case 'date':
-            return AppFormItemTypes.DATE;
-        case 'datetime':
-            return AppFormItemTypes.DATETIME;
-        case 'select':
-            return AppFormItemTypes.SELECT;
-        case 'radio':
-            return AppFormItemTypes.RADIO;
-        case 'url':
-            return AppFormItemTypes.URL;
-        case 'email':
-            return AppFormItemTypes.EMAIL;
-        case 'file':
-            return AppFormItemTypes.ADDFILEATTACHMENT;
-        case 'checkbox':
-            if (((_a = installedField.widget.options) === null || _a === void 0 ? void 0 : _a['1']) === 'GLOBAL_Yes') {
-                return AppFormItemTypes.TOGGLE;
-            }
-            return AppFormItemTypes.CHECKBOX;
-        case 'uri':
-            if (((_b = installedField.widget.params) === null || _b === void 0 ? void 0 : _b.views) === 'user') {
-                return AppFormItemTypes.USERLINK;
+    let xml = '';
+    const attrName = getDisplayName(fieldId, view);
+    const isFixed = view.isLockedValue;
+    if (isFixed) {
+        const formItemRefWithName = {
+            ref: attrName,
+            fixedValue: view.value,
+        };
+        xml += `<html><![CDATA[ <!-- <JAMESPOT.STUDIO.FIXED>${JSON.stringify(formItemRefWithName)}</JAMESPOT.STUDIO.FIXED> -->`;
+        if (view.type === ExtraAppFieldsItemViews.PUBLISHTO) {
+            const uris = view.value.map((user) => user.uri).join(',');
+            xml += `<input type="hidden" name="publishTo" value="${uris}">`;
+        }
+        else if (view.type === ExtraAppFieldsItemViews.USER ||
+            view.type === AppFormItemTypes.USERLINK ||
+            view.type === AppFormItemTypes.CONTENTLINK) {
+            xml += `<input type="hidden" name="${attrName}[]" value=${JSON.stringify(view.value.uri)}>`;
+        }
+        else if (view.type === AppFormItemTypes.SELECT) {
+            const canSelectMultiple = (_a = view.properties.find((property) => property.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR)) === null || _a === void 0 ? void 0 : _a.value.canSelectMultiple;
+            if (canSelectMultiple) {
+                const values = view.value;
+                values.forEach((value) => {
+                    xml += `<input type="hidden" name="${attrName}[]" value="${value.value}">`;
+                });
             }
-            if (((_c = installedField.widget.params) === null || _c === void 0 ? void 0 : _c.views) === 'article') {
-                return AppFormItemTypes.CONTENTLINK;
+            else {
+                xml += `<input type="hidden" name="${attrName}" value="${view.value.value}">`;
             }
-            break;
-        case 'textarea':
-            if (installedField.attrType === 'longtext') {
-                return AppFormItemTypes.TEXTAREA;
+        }
+        else if (view.type === AppFormItemTypes.CHECKBOX) {
+            const values = view.value;
+            values.forEach((value) => {
+                xml += `<input type="hidden" name="${attrName}[]" value="${value}">`;
+            });
+        }
+        else if (view.type === AppFormItemTypes.DATE) {
+            const dateValue = new Date(view.value);
+            const xmlFixedValue = [
+                pad(dateValue.getDate()),
+                pad(dateValue.getMonth() + 1),
+                dateValue.getFullYear(),
+            ].join('/');
+            xml += '<input type="hidden" name="' + attrName + '" value="' + xmlFixedValue + '">';
+        }
+        else if (view.type === AppFormItemTypes.DATETIME) {
+            const dateValue = new Date(view.value);
+            const xmlFixedValue = `${[
+                pad(dateValue.getDate()),
+                pad(dateValue.getMonth() + 1),
+                dateValue.getFullYear(),
+            ].join('/')} ${pad(dateValue.getHours())}:${pad(dateValue.getMinutes())}:${pad(dateValue.getSeconds())}`;
+            xml += '<input type="hidden" name="' + attrName + '" value="' + xmlFixedValue + '">';
+        }
+        else if (view.type === AppFormItemTypes.TAGS) {
+            xml += `<input type="hidden" name="${attrName}" value="${(_c = (_b = view.value) === null || _b === void 0 ? void 0 : _b.map((v) => v.uri)) === null || _c === void 0 ? void 0 : _c.join(',')}">`;
+        }
+        else if (view.type === AppFormItemTypes.DESCRIPTION || view.type === AppFormItemTypes.TEXTAREAHTML) {
+            xml += `<input type="hidden" name="${attrName}" value="${view.value}">`;
+        }
+        else if (view.type === ExtraAppFieldsItemViews.RECEIVEACOPY) {
+            if (view.value) {
+                xml += `<input type="hidden" name="alertAuthor[jamespot]"><input type="hidden" name="alertAuthor[]" value="1">`;
             }
-            if (installedField.attrType === 'html') {
-                if (installedField.name === 'description') {
-                    return AppFormItemTypes.DESCRIPTION;
-                }
-                return AppFormItemTypes.TEXTAREAHTML;
+        }
+        else if (view.type === ExtraAppFieldsItemViews.SENDALERTTOSUBSCRIBERS) {
+            if (view.value) {
+                xml += `<input type="hidden" name="sendAlert[jamespot]"><input type="hidden" name="sendAlert[]" value="1">`;
             }
-            break;
-        case 'text':
-            return AppFormItemTypes.TEXT;
-    }
-    throw new Error('error converting installed app to V2: installed field type not recognized for field ' + installedField.name);
-}
-function addTitleToView(newName, appS, fixedInfo) {
-    var _a;
-    const fieldId = 'title';
-    appS.views[newName][fieldId] = {
-        type: ExtraAppFieldsItemViews.TITLE,
-        properties: [],
-        isUsed: true,
-        isOptional: false,
-        isLockedValue: !!(fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue),
-        isFixed: true,
-        value: (_a = fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== null && _a !== void 0 ? _a : null,
-        pos: 0,
-    };
-}
-function addAlertAuthorToView(newName, appS, fixedInfo) {
-    const fieldId = 'alertAuthor';
-    appS.views[newName][fieldId] = {
-        type: ExtraAppFieldsItemViews.RECEIVEACOPY,
-        properties: [],
-        isUsed: true,
-        isOptional: true,
-        isLockedValue: (fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== undefined,
-        isFixed: false,
-        value: (fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== undefined ? fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue : true,
-        pos: 300,
-    };
-}
-function addSendAlertToView(newName, appS, fixedInfo) {
-    const fieldId = 'sendAlert';
-    appS.views[newName][fieldId] = {
-        type: ExtraAppFieldsItemViews.SENDALERTTOSUBSCRIBERS,
-        properties: [],
-        isUsed: true,
-        isOptional: true,
-        isLockedValue: (fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== undefined,
-        isFixed: false,
-        value: (fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== undefined ? fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue : true,
-        pos: 200,
-    };
-}
-function addPublishToToView(newName, appS, fixedInfo) {
-    var _a;
-    const fieldId = 'publishTo';
-    appS.views[newName][fieldId] = {
-        type: ExtraAppFieldsItemViews.PUBLISHTO,
-        properties: [],
-        isUsed: true,
-        isOptional: true,
-        isLockedValue: !!(fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue),
-        isFixed: false,
-        value: (_a = fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== null && _a !== void 0 ? _a : [],
-        pos: 100,
-    };
-}
-function addUserToView(newName, appS) {
-    const fieldId = 'user';
-    appS.views[newName][fieldId] = {
-        type: ExtraAppFieldsItemViews.USER,
-        properties: [],
-        isUsed: true,
-        isOptional: false,
-        isLockedValue: false,
-        isFixed: true,
-        value: null,
-        pos: 1,
-    };
-}
-function addDateCreationToView(newName, appS) {
-    const fieldId = 'dateCreation';
-    appS.views[newName][fieldId] = {
-        type: ExtraAppFieldsItemViews.CREATIONDATE,
-        properties: [],
-        isUsed: true,
-        isOptional: true,
-        isLockedValue: false,
-        isFixed: false,
-        value: null,
-        pos: 100,
-    };
-}
-
-function InstalledAppStudioAdapter(serverApp, serverApps, state) {
-    var _a, _b, _c, _d;
-    const { version, dateCreation } = serverApp.manifest;
-    const appTypeServer = serverApp.typeModel;
-    const views = Object.assign({}, ...viewsList.map((view) => ({
-        [view]: {},
-    })));
-    const studioApp = {
-        idApp: serverApp.idApp,
-        status: _formatStatus(serverApp),
-        studioVersion: 2,
-        manifest: {
-            appShortName: serverApp.label,
-            appName: serverApp.label,
-            description: serverApp.description,
-            author: serverApp.author,
-            cssColor: (_a = appTypeServer.cssColor) !== null && _a !== void 0 ? _a : '#392994',
-            cssClass: { label: (_b = appTypeServer.cssClass) !== null && _b !== void 0 ? _b : 'star', value: (_c = appTypeServer.cssClass) !== null && _c !== void 0 ? _c : 'star' },
-            version: version,
-            dateCreation: dateCreation,
-            checkAccess: false,
-            accessRightList: "",
-            attrExposed: [],
-            viewSolr: serverApp.view ? STUDIO_VIEW.SOLR : STUDIO_VIEW.NOT_SOLR,
-            typeLabel: appTypeServer.typeLabel,
-            articlesCount: (_d = serverApp.articlesCount) !== null && _d !== void 0 ? _d : 0,
-        },
-        fields: [],
-        views,
-        installFor: serverApp.accessRightObjectList ? buildAudience(serverApp.accessRightObjectList) : [],
-        audience: serverApp.checkAccess === false ? AUDIENCE.ALL : AUDIENCE.CUSTOM,
-    };
-    populateFieldsAndViews(serverApp, studioApp, state);
-    studioApp.views = updateViewsFromFields(studioApp, studioApp.fields);
-    const inWorkAppVersion = _findAssociatedDraft(serverApp.idApp, serverApps);
-    if (!inWorkAppVersion)
-        return studioApp;
-    const inWorkApp = DraftAppStudioAdapter(inWorkAppVersion);
-    if (!inWorkApp)
-        return studioApp;
-    studioApp.inWorkVersion = inWorkApp;
-    return studioApp;
-}
-function DraftAppStudioAdapter(serverApp) {
-    if (!serverApp.value)
-        return undefined;
-    const parsedJson = JSON.parse(serverApp.value);
-    if (parsedJson.studioVersion == 2) {
-        return {
-            idApp: serverApp.idApp,
-            studioVersion: 2,
-            status: _formatStatus(serverApp),
-            manifest: parsedJson.manifest,
-            fields: parsedJson.fields,
-            views: parsedJson.views,
-            syncViewFieldOrder: parsedJson.syncViewFieldOrder,
-            audience: parsedJson.audience,
-            installFor: parsedJson.installFor,
-        };
+        }
+        else {
+            xml += `<input type="hidden" name="${attrName}" value="${view.value}">`;
+        }
+        xml += ']]></html>';
     }
     else {
-        return Object.assign(Object.assign({}, migrateJson(parsedJson)), { status: _formatStatus(serverApp), migratedFrom: 1 });
+        switch (view.type) {
+            case AppFormItemTypes.CODEHTML: {
+                const fieldToInclude = {
+                    id: fieldId,
+                    name: fieldId,
+                    properties: {
+                        code: view.value,
+                    },
+                };
+                xml += `<html><![CDATA[ <!-- <JAMESPOT.STUDIO.CODEHTML>${JSON.stringify(fieldToInclude)}</JAMESPOT.STUDIO.CODEHTML><JAMESPOT.STUDIO.FIELD_POS>${view.pos}</JAMESPOT.STUDIO.FIELD_POS>-->${view.value}]]></html>`;
+                break;
+            }
+            case AppFormItemTypes.IMAGE:
+                xml += '<image />';
+                break;
+            case ExtraAppFieldsItemViews.PUBLISHTO:
+                xml += '<publishTo />';
+                break;
+            default:
+                xml += "<attr name='" + attrName + "' />";
+                break;
+        }
     }
+    return xml;
 }
-function _formatStatus(serverApp) {
-    return serverApp.status === jamespot.StudioApplicationStatus.installed
-        ? serverApp.suspended
-            ? StatusType$1.suspended
-            : StatusType$1.installed
-        : StatusType$1.draft;
-}
-function _findAssociatedDraft(idApp, serverApps) {
-    const draft = serverApps.find((app) => app.idApp === idApp && app.status === jamespot.StudioApplicationStatus.saved);
-    return draft;
-}
-function _findAssociatedInstalled(idApp, serverApps) {
-    return !!serverApps.find((app) => app.idApp === idApp && app.status === jamespot.StudioApplicationStatus.installed);
-}
-function serverAppsToStudioApps(serverApps, state) {
-    const studioApps = serverApps
-        .map((serverApp) => {
-        if (serverApp.status === jamespot.StudioApplicationStatus.installed) {
-            return InstalledAppStudioAdapter(serverApp, serverApps, state);
-        }
-        else {
-            if (_findAssociatedInstalled(serverApp.idApp, serverApps))
-                return undefined;
-            return DraftAppStudioAdapter(serverApp);
-        }
-    })
-        .filter((app) => app !== undefined);
-    return studioApps;
+function pad(s) {
+    return s < 10 ? '0' + s : s;
 }
 
-function appToXml(studioApp) {
-    const { manifest, views, audience, installFor } = studioApp;
-    return `<?xml version='1.0' encoding='utf-8'?>
-    <Application>
-        ${createAppManifest(manifest, views, audience, installFor, studioApp.idApp)}
-        <Types>
-            <objecttype
-                label="${manifest.typeLabel}" 
-                labelPlural="${manifest.typeLabel}" 
-                labelLinkSingular="${manifest.typeLabel}" 
-                labelLinkPlural="${manifest.typeLabel}" 
-                name="${studioApp.idApp}" 
-                classImpl="JPBEContent" 
-                classCodeLocation="jamespot/jpro/objs/JPBEContent.php" 
-                cssClass="${manifest.cssClass.value}" 
-                cssColor="${manifest.cssColor}" 
-                searchtab="${studioApp.idApp}"
-                searchtablabel="${manifest.typeLabel}" 
-                buttonlabel="${manifest.typeLabel}"
-                extends="article">
-            ${renderPrimaryFields(studioApp.fields)}
-            ${renderCustomFields(studioApp.fields)}
-            </objecttype>
-            ${renderDisplays(studioApp)}
-        </Types>
-    </Application>`;
-}
-function createAppManifest(manifest, views, audience, installFor, idApp) {
-    var _a;
-    return `<Manifest>
-            <ShowImport>true</ShowImport>
-            <AppShortName>${idApp}</AppShortName>
-            <AppName>${manifest.appName}</AppName>
-            <Description>${manifest.description}</Description>
-            <Version>${manifest.version + 1}</Version>
-            <ManifestVersion>1.0</ManifestVersion>
-            <StudioVersion>2</StudioVersion>
-            <DateCreation>${manifest.dateCreation.toString().split('T')[0]}</DateCreation>
-            <CssClass>${(_a = manifest.cssClass) === null || _a === void 0 ? void 0 : _a.label}</CssClass>
-            <CssColor>${manifest.cssColor}</CssColor>
-            <Categories>N.A.</Categories>
-            <Editor>Jamespot</Editor>
-            <EditorUrl>https://www.fr.jamespot.com/</EditorUrl>
-            <Type>${idApp}</Type>
-            ${renderAppView(manifest.viewSolr, views.list)}
-            ${renderAppSearch(views.filter)}
-            ${renderAudience(audience, installFor)}
-            <Order>1</Order>
-        </Manifest>`;
-}
-function renderAppView(viewSolr, listView) {
-    if (viewSolr === STUDIO_VIEW.SOLR) {
-        let xml = '<AppView>solr</AppView>';
-        const formItemIdInList = [];
-        Object.entries(listView)
-            .sort((a, b) => a[1].pos - b[1].pos)
-            .forEach(([fieldId, field]) => {
-            if (!field.isUsed) {
-                return;
+const installedToV2ViewNames = {
+    'create-popup': 'popup',
+    create: 'create',
+    edit: 'edit',
+    display: 'view',
+};
+const specialAttrName = ['title', 'alertAuthor', 'sendAlert'];
+const ignoredFields = ['edito'];
+function updateViewsFromFields(clonedApp, appFields) {
+    return Object.assign({}, ...viewsList.map((view) => {
+        const viewItems = {};
+        Object.entries(clonedApp.views[view]).forEach(([fieldId, field]) => {
+            if (field.isFixed) {
+                viewItems[fieldId] = field;
             }
-            if ([AppFormItemTypes.IMAGE].includes(field.type)) {
+            if (field.isOptional) {
+                viewItems[fieldId] = field;
+            }
+        });
+        appFields.forEach((field, idx) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            const isFieldUsedInView = field.views[view];
+            const isExistingField = Object.keys(clonedApp.views[view]).includes(field.id);
+            const fieldType = field.type;
+            if (AppFormBannedFromViews$1.get(fieldType) && ((_a = AppFormBannedFromViews$1.get(fieldType)) === null || _a === void 0 ? void 0 : _a.includes(view))) {
                 return;
             }
-            formItemIdInList.push(getAttrNameFormItem(field, fieldId));
+            let fieldValue = undefined;
+            if (fieldType === AppFormItemTypes.CODEHTML) {
+                const richTextProperty = (_b = field.properties) === null || _b === void 0 ? void 0 : _b.find((prop) => prop.propertyType === AppFieldFormPropertyTypes.RICHTEXT);
+                if (richTextProperty === null || richTextProperty === void 0 ? void 0 : richTextProperty.value) {
+                    fieldValue = richTextProperty === null || richTextProperty === void 0 ? void 0 : richTextProperty.value;
+                }
+            }
+            if (fieldType === AppFormItemTypes.SELECT) {
+                const selectProperty = (_c = field.properties) === null || _c === void 0 ? void 0 : _c.find((prop) => prop.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
+                if (isExistingField) {
+                    const exField = clonedApp.views[view][field.id];
+                    const exSelectProperty = (_d = exField.properties) === null || _d === void 0 ? void 0 : _d.find((prop) => prop.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
+                    const isMultivalued = !!((_e = selectProperty === null || selectProperty === void 0 ? void 0 : selectProperty.value) === null || _e === void 0 ? void 0 : _e.canSelectMultiple);
+                    const exIsMultivalued = !!((_f = exSelectProperty === null || exSelectProperty === void 0 ? void 0 : exSelectProperty.value) === null || _f === void 0 ? void 0 : _f.canSelectMultiple);
+                    if (isMultivalued === exIsMultivalued) {
+                        fieldValue = exField.value;
+                    }
+                }
+                else {
+                    const isEnhancedSelect = !!(selectProperty === null || selectProperty === void 0 ? void 0 : selectProperty.isOptionsEditorEnhanced);
+                    const defaultValue = isEnhancedSelect && !!(selectProperty === null || selectProperty === void 0 ? void 0 : selectProperty.value.defaultSelectOption)
+                        ? selectProperty === null || selectProperty === void 0 ? void 0 : selectProperty.value.defaultSelectOptionValue
+                        : '';
+                    if (defaultValue) {
+                        fieldValue = defaultValue;
+                    }
+                }
+            }
+            if (isExistingField) {
+                const exField = clonedApp.views[view][field.id];
+                viewItems[field.id] = Object.assign(Object.assign(Object.assign(Object.assign({}, exField), { properties: field.properties || exField.properties || [] }), (fieldValue !== undefined && { value: fieldValue })), { isUsed: isFieldUsedInView, pos: ((_g = clonedApp.syncViewFieldOrder) === null || _g === void 0 ? void 0 : _g[view]) ? idx : exField.pos, isLockedValue: (fieldValue !== undefined || exField.value !== undefined) && exField.isLockedValue });
+            }
+            else {
+                const existingFieldsLen = Object.values(clonedApp.views[view]).filter((v) => !v.isFixed && !v.isOptional).length;
+                viewItems[field.id] = {
+                    type: field.type,
+                    properties: field.properties || [],
+                    isUsed: isFieldUsedInView,
+                    isOptional: false,
+                    isLockedValue: false,
+                    isFixed: false,
+                    value: fieldValue !== null && fieldValue !== void 0 ? fieldValue : null,
+                    pos: ((_h = clonedApp.syncViewFieldOrder) === null || _h === void 0 ? void 0 : _h[view]) ? idx : existingFieldsLen + idx,
+                };
+            }
         });
-        xml += `<AppColumns>${formItemIdInList.join()}</AppColumns>`;
-        return xml;
+        return {
+            [view]: viewItems,
+        };
+    }));
+}
+function buildAudience(accessRightObjectList) {
+    return accessRightObjectList.map((accessRightObject) => {
+        return {
+            id: `${accessRightObject.type}/${accessRightObject.id}`,
+            uri: `${accessRightObject.type}/${accessRightObject.id}`,
+            shortUri: `${accessRightObject.type}/${accessRightObject.id}`,
+            title: accessRightObject.title,
+            name: accessRightObject.title,
+            mainType: accessRightObject.type,
+            type: accessRightObject.mainType,
+            label: accessRightObject.type,
+            cssClass: accessRightObject._cssClass,
+            cssColor: accessRightObject._cssColor,
+            class: accessRightObject._cssClass,
+            Pseudo: accessRightObject.title,
+            _url: accessRightObject._url,
+        };
+    });
+}
+function populateFieldsAndViews(app, appS, state) {
+    const tables = app.typeModel.tables;
+    const displays = app.typeModel.displays;
+    if (!displays) {
+        return;
     }
-    return '';
+    const registeredFields = new Map();
+    Object.entries(displays).forEach((displaysEntry) => {
+        const [displayName, displayValue] = displaysEntry;
+        if (Object.keys(installedToV2ViewNames).includes(displayName)) {
+            buildView(appS, registeredFields, displayName, displayValue, tables, state);
+        }
+    });
+    buildListView(appS, registeredFields, app.columns, tables, state);
+    buildFilterView(appS, registeredFields, app.attrExposed, tables, state);
 }
-function renderAppSearch(searchView) {
-    const formItemIdInFilter = [];
-    Object.entries(searchView)
-        .sort((a, b) => a[1].pos - b[1].pos)
-        .forEach(([fieldId, field]) => {
-        if (!field.isUsed) {
+function buildView(appS, registeredFields, displayName, displayValue, tables, state) {
+    const newName = installedToV2ViewNames[displayName];
+    appS.views[newName] = {};
+    displayValue.composants.forEach((viewComponent, index) => {
+        let field = undefined;
+        if (viewComponent.name && ignoredFields.includes(viewComponent.name)) {
             return;
         }
-        const list = [ExtraAppFieldsItemViews.TITLE, AppFormItemTypes.IMAGE];
-        if (!list.includes(field.type))
-            formItemIdInFilter.push(getAttrNameFormItem(field, fieldId));
+        const [fieldIdx, fixedInfo] = createOrGetField(appS, registeredFields, viewComponent, tables, state);
+        if (fieldIdx === -1 && fixedInfo) {
+            switch (fixedInfo.ref) {
+                case 'title':
+                    addTitleToView(newName, appS, fixedInfo);
+                    break;
+                case 'alertAuthor':
+                    addAlertAuthorToView(newName, appS, fixedInfo);
+                    break;
+                case 'sendAlert':
+                    addSendAlertToView(newName, appS, fixedInfo);
+                    break;
+                case 'publishTo':
+                    addPublishToToView(newName, appS, fixedInfo);
+                    break;
+                default:
+                    console.error('fixed field info with unsupported ref ', fixedInfo);
+                    break;
+            }
+        }
+        else if (fieldIdx !== -1) {
+            field = appS.fields[fieldIdx];
+            if (!field || !field.views) {
+                throw new Error(`error converting installed app to V2: created field not found in fields array: ${fieldIdx}, ${fixedInfo}`);
+            }
+            field.views[newName] = true;
+            addFieldToView(newName, field, appS, index, fixedInfo);
+        }
     });
-    return `<AttrExposed>${formItemIdInFilter.join()}</AttrExposed>`;
 }
-function getAttrNameFormItem(field, fieldId) {
-    function fieldType() {
-        if (field.type === ExtraAppFieldsItemViews.TITLE)
-            return 'title';
-        if (field.type === ExtraAppFieldsItemViews.SENDALERTTOSUBSCRIBERS)
-            return 'sendAlert';
-        if (field.type === ExtraAppFieldsItemViews.RECEIVEACOPY)
-            return 'alertAuthor';
-        if (field.type === ExtraAppFieldsItemViews.PUBLISHTO)
-            return 'publishTo';
-        if (field.type === ExtraAppFieldsItemViews.USER)
-            return 'idUser';
-        if (field.type === ExtraAppFieldsItemViews.CREATIONDATE)
-            return 'dateCreation';
-        if (field.type === AppFormItemTypes.DESCRIPTION)
-            return 'description';
-        return field.type;
+function buildListView(appS, registeredFields, columns, tables, state) {
+    if (!columns) {
+        return;
     }
-    return (AppColumnsDefaultTypes.includes(field.type) ? fieldType() : uuid2Alpha(fieldId)).toLowerCase();
+    Object.keys(columns).forEach((fieldRef, index) => {
+        addFieldToViewFromRef(appS, registeredFields, tables, 'list', fieldRef, index, state);
+    });
 }
-function renderAudience(audience, installFor) {
-    if (audience === AUDIENCE.ALL)
-        return '<checkAccess>false</checkAccess>';
-    else if (installFor.length > 0) {
-        return `<checkAccess>true</checkAccess>
-        <accessRightList>${installFor.map((user) => user.uri).join()}</accessRightList>`;
+function buildFilterView(appS, registeredFields, attrExposed, tables, state) {
+    attrExposed.forEach((fieldRef, index) => {
+        addFieldToViewFromRef(appS, registeredFields, tables, 'filter', fieldRef, index, state);
+    });
+}
+function addFieldToViewFromRef(appS, registeredFields, tables, viewName, fieldRef, index, state) {
+    switch (fieldRef) {
+        case 'title':
+            addTitleToView(viewName, appS, { ref: 'title', fixedValue: undefined });
+            break;
+        case 'iduser':
+        case 'idUser':
+            addUserToView(viewName, appS);
+            break;
+        case 'datecreation':
+        case 'dateCreation':
+            addDateCreationToView(viewName, appS);
+            break;
+        default:
+            defaultFieldCreation(appS, registeredFields, tables, viewName, fieldRef, index, state);
+            break;
     }
-    return '';
 }
-function renderPrimaryFields(fields) {
-    const primaryFields = fields === null || fields === void 0 ? void 0 : fields.filter((field) => AppFormPrimaryListValues.includes(field.type));
-    if (primaryFields.length === 0)
-        return '';
-    return `<primaryFields>${primaryFields.map((field) => formItem2xml(field)).join('')}</primaryFields>`;
-}
-function renderCustomFields(fields) {
-    const customFields = fields === null || fields === void 0 ? void 0 : fields.filter((field) => !AppFormPrimaryListValues.includes(field.type));
-    const filteredCustomFields = customFields === null || customFields === void 0 ? void 0 : customFields.filter((field) => field.type !== AppFormItemTypes.IMAGE);
-    if (filteredCustomFields.length === 0)
-        return '';
-    const articlesTablesItems = filteredCustomFields.filter((f) => f.type !== AppFormItemTypes.TAGS && !AppFormNonPrimaryList.includes(f.type));
-    const linksTableItems = filteredCustomFields.filter((f) => f.type === AppFormItemTypes.TAGS);
-    return `<custom>
-        ${articlesTablesItems.length > 0
-        ? `<articlemstable>
-                    ${articlesTablesItems.map((field) => formItem2xml(field)).join('')}
-                </articlemstable>`
-        : ''}
-        ${linksTableItems.length > 0
-        ? `<linkstable tablename="tag_links" sqlNameColumn="name" sqlSrcIdColumn="srcId" sqlSrcTypeColumn="srcType" sqlTargetIdColumn="targetId" sqlTargetTypeColumn="targetType">
-                    ${linksTableItems.map((field) => formItem2xml(field)).join('')}
-                </linkstable>`
-        : ''}</custom>`;
+function defaultFieldCreation(appS, registeredFields, tables, viewName, fieldRef, index, state) {
+    const fieldIndex = createOrGetFieldFromRef(appS, registeredFields, tables, fieldRef, state);
+    const field = appS.fields[fieldIndex];
+    if (!field || !field.views) {
+        throw new Error(`error converting installed app to V2: unable to handle ${fieldRef} in list view`);
+    }
+    field.views[viewName] = true;
+    addFieldToView(viewName, field, appS, index, undefined);
 }
-function formItem2xml(field) {
-    return `<field
-        type="${renderFieldTypeToXmlType(field.type)}" 
-        name="${getAttrNameFormItem(field, field.id)}" 
-        sqlname="${renderSqlName(field.type, field.id)}" 
-        ${field.properties && renderProperty(field.properties, AppFieldFormPropertyTypes.LABEL)} 
-        ${field.properties && renderProperty(field.properties, AppFieldFormPropertyTypes.DESCRIPTION)} 
-        mandatory="${field.mandatory}" 
-        solr.type="${renderSolrType(field.type)}" 
-        solr.used="true" 
-        solr.indexed="true" 
-        solr.stored="true" 
-        solr.searchable="true" 
-        solr.multiValued="${field.type === AppFormItemTypes.TAGS ||
-        field.type === AppFormItemTypes.CHECKBOX ||
-        field.type === AppFormItemTypes.SELECT
-        ? true
-        : false}"
-        teaser="true"
-        display="true"
-        >
-            ${renderWidget(field.type, field.properties)}
-        </field>`;
+function createOrGetFieldFromRef(appS, registeredFields, tables, fieldRef, state) {
+    const knownIndex = registeredFields.get(fieldRef);
+    if (knownIndex !== undefined) {
+        return knownIndex;
+    }
+    const [ref, indexCreated] = createStudioDefinedField(appS, fieldRef, tables, state);
+    registeredFields.set(ref, indexCreated);
+    return indexCreated;
 }
-function renderWidget(fieldType, fieldProperties) {
-    var _a;
-    switch (fieldType) {
-        case AppFormItemTypes.DESCRIPTION:
-            return '<widget form="textarea"><params><param key="class" value="mceEditor"></param><param key="mention" value="1"></param></params></widget>';
-        case AppFormItemTypes.TEXT:
-            return '<widget form="text"></widget>';
-        case AppFormItemTypes.TEXTAREA:
-            return '<widget form="textarea"></widget>';
-        case AppFormItemTypes.TEXTAREAHTML:
-            return '<widget form="textarea"><params><param key="class" value="mceEditor"></param></params></widget>';
-        case AppFormItemTypes.DATE:
-            return '<widget form="date" format="d/m/Y"></widget>';
-        case AppFormItemTypes.DATETIME:
-            return `<widget form="datetime" format="d/m/Y H:i:s"></widget>`;
-        case AppFormItemTypes.NUMBER: {
-            const isFloat = ((_a = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.CHECKBOX)) === null || _a === void 0 ? void 0 : _a.value) === true;
-            return `<widget form="number">
-                ${isFloat ? `<params><param value="0.01" key="step"/></params>` : ''}
-            </widget>`;
+function createOrGetField(appS, registeredFields, viewComponent, tables, state) {
+    if (viewComponent.name !== undefined && viewComponent.element === 'attr') {
+        if (specialAttrName.includes(viewComponent.name)) {
+            return [-1, { ref: viewComponent.name, fixedValue: undefined }];
         }
-        case AppFormItemTypes.SELECT: {
-            const optionEditor = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
-            if (!optionEditor)
-                return '';
-            const isMultiple = optionEditor.value.canSelectMultiple;
-            const options = optionEditor.value.propertyOptions;
-            const hasDefaultValue = optionEditor.value.defaultSelectOption;
-            const defaultValue = optionEditor.value.defaultSelectOptionValue.value;
-            const userCanModifiyByComment = optionEditor.value.userCanModifiyByComment;
-            return `<widget form="select" ${isMultiple ? 'multiple="1"' : ''}>
-            <options>
-                ${options
-                .map((option) => `<option value="${option.value}" label="${option.title}"></option>`)
-                .join('')}
-            </options>
-            ${hasDefaultValue || userCanModifiyByComment
-                ? `<params>
-                ${hasDefaultValue ? `<param key="defaultValue" value="${defaultValue}"/>` : ''}
-                ${userCanModifiyByComment ? `<param key="explain" value="1"/>` : ''}
-            </params>`
-                : ''}
-            </widget>`;
+        const knownIndex = registeredFields.get(viewComponent.name);
+        if (knownIndex !== undefined) {
+            return [knownIndex, undefined];
         }
-        case AppFormItemTypes.RADIO: {
-            const optionEditor = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
-            if (!optionEditor)
-                return '';
-            const options = optionEditor.value.propertyOptions;
-            return `<widget form="radio">
-            <options>
-            ${options
-                .map((option) => `<option value="${option.value}" label="${option.title}"></option>`)
-                .join('')}
-            </options>
-            </widget>`;
+        const [ref, indexCreated] = createStudioDefinedField(appS, viewComponent.name, tables, state);
+        registeredFields.set(ref, indexCreated);
+        return [indexCreated, undefined];
+    }
+    else if (viewComponent.element === 'html') {
+        const htmlCode = viewComponent.html;
+        if (htmlCode === undefined) {
+            console.error('error while parsing studio installed html attr in a view: no html code');
+            return [-1, undefined];
         }
-        case AppFormItemTypes.TOGGLE:
-            return `<widget form="checkbox">
-                <options>
-                    <option value="1" label="GLOBAL_Yes"></option>
-                </options>
-                <params>
-                    <param key="jagCheckbox" value="1"></param>
-                </params>
-            </widget>`;
-        case AppFormItemTypes.TAGS: {
-            const taxonomy = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.TAXONOMY);
-            if (!taxonomy)
-                return '';
-            const taxonomyId = taxonomy.value.id;
-            return `<widget form="taxonomy">
-                <params><param key="idTaxonomy" value="${taxonomyId}"></param></params>
-            </widget>`;
+        if (htmlCode.includes('<JAMESPOT.STUDIO.FIXED>')) {
+            const startPos = htmlCode.indexOf('<JAMESPOT.STUDIO.FIXED>') + '<JAMESPOT.STUDIO.FIXED>'.length;
+            const endPos = htmlCode.indexOf('</JAMESPOT.STUDIO.FIXED>');
+            const formItemRefString = htmlCode.substring(startPos, endPos);
+            try {
+                const formItemRef = JSON.parse(formItemRefString);
+                if ((formItemRef === null || formItemRef === void 0 ? void 0 : formItemRef.ref.toUpperCase()) in ExtraAppFieldsItemViews) {
+                    const ref = formItemRef.ref.toUpperCase();
+                    return [-1, Object.assign(Object.assign({}, formItemRef), { ref: fieldType(ref) })];
+                }
+                if (specialAttrName.includes(formItemRef === null || formItemRef === void 0 ? void 0 : formItemRef.ref)) {
+                    return [-1, formItemRef];
+                }
+                const knownIndex = registeredFields.get(formItemRef === null || formItemRef === void 0 ? void 0 : formItemRef.ref);
+                if (knownIndex !== undefined) {
+                    return [knownIndex, formItemRef];
+                }
+                const [ref, indexCreated] = createStudioDefinedField(appS, formItemRef.ref, tables, state);
+                registeredFields.set(ref, indexCreated);
+                return [indexCreated, formItemRef];
+            }
+            catch (_) {
+                console.error('error while parsing studio installed fixed attr in a view: json parsing failed');
+                return [-1, undefined];
+            }
         }
-        case AppFormItemTypes.CHECKBOX: {
-            const optionEditor = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR);
-            if (!optionEditor)
-                return '';
-            const options = optionEditor.value.propertyOptions;
-            return `<widget form="checkbox" multiple="1">
-                <options>
-                    ${options
-                .map((option) => `<option value="${option.value}" label="${option.title}"></option>`)
-                .join('')}
-                </options>
-            </widget>`;
+        else if (htmlCode.includes('<JAMESPOT.STUDIO.CODEHTML>')) {
+            try {
+                const startPosCode = htmlCode.indexOf('<JAMESPOT.STUDIO.CODEHTML>') + '<JAMESPOT.STUDIO.CODEHTML>'.length;
+                const endPosCode = htmlCode.indexOf('</JAMESPOT.STUDIO.CODEHTML>');
+                const formItemString = htmlCode.substring(startPosCode, endPosCode);
+                const formItem = JSON.parse(formItemString);
+                const knownIndex = registeredFields.get(formItem === null || formItem === void 0 ? void 0 : formItem.name);
+                if (knownIndex !== undefined) {
+                    return [knownIndex, undefined];
+                }
+                const htmlField = createHtmlField(formItem);
+                const indexCreated = appS.fields.push(htmlField) - 1;
+                registeredFields.set(htmlField.id, indexCreated);
+                return [indexCreated, undefined];
+            }
+            catch (_) {
+                console.error('error while parsing studio installed codehtml attr in a view: json parsing failed');
+                return [-1, undefined];
+            }
         }
-        case AppFormItemTypes.ADDFILEATTACHMENT:
-            return `<widget form="file" type="fileArticle" multiple="1"></widget>`;
-        case AppFormItemTypes.URL:
-            return `<widget form="url"></widget>`;
-        case AppFormItemTypes.EMAIL:
-            return `<widget form="email"></widget>`;
-        case ExtraAppFieldsItemViews.USER:
-            return `<widget form="idUser"></widget>`;
-        case AppFormItemTypes.USERLINK:
-            return `<widget form="uri">
-                <params>
-                    <param key="mode" value="ng-view"></param>
-                    <param key="class" value="jcomplete"></param>
-                    <param key="namespace" value="jamespot"></param>
-                    <param key="types" value="user"></param>
-                    <param key="views" value="user"></param>
-                    <param key="jcomplete-url" value="/?action=ajax&amp;group=autocomplete&amp;function=user"></param>
-                </params>
-            </widget>`;
-        case AppFormItemTypes.CONTENTLINK: {
-            const contentType = fieldProperties === null || fieldProperties === void 0 ? void 0 : fieldProperties.find((property) => property.propertyType === AppFieldFormPropertyTypes.CONTENTTYPE);
-            if (!contentType)
-                return '';
-            const type = contentType.value.type;
-            return `<widget form="uri">
-                <params>
-                    <param key="mode" value="ng-view"></param>
-                    <param key="namespace" value="jamespot"></param>
-                    <param key="types" value="${type}"></param>
-                    <param key="views" value="article"></param>
-                    <param key="jcomplete-url" value="/?action=ajax&amp;group=autocomplete&amp;function=article&amp;types=[]=${type}"></param>
-                </params>
-            </widget>`;
+        else {
+            console.error('error while parsing studio installed html attr in a view: unknown html format');
+            return [-1, undefined];
         }
-        default:
-            return '';
     }
-}
-function renderProperty(properties, propertyToFind) {
-    const labelProperty = properties === null || properties === void 0 ? void 0 : properties.find((property) => property.propertyType === propertyToFind);
-    if (labelProperty) {
-        return `${propertyToFind.toLowerCase()}="${labelProperty.value}"`;
+    else if (viewComponent.element === 'image') {
+        const knownIndex = registeredFields.get('image');
+        if (knownIndex !== undefined) {
+            return [knownIndex, undefined];
+        }
+        const imageField = createImageField();
+        const indexCreated = appS.fields.push(imageField) - 1;
+        registeredFields.set('image', indexCreated);
+        return [indexCreated, undefined];
     }
-    return '';
-}
-function renderSqlName(fieldType, fieldId) {
-    switch (fieldType) {
-        case AppFormItemTypes.DESCRIPTION:
-            return 'Description';
-        case ExtraAppFieldsItemViews.USER:
-            return 'IdUser';
-        default:
-            return uuid2Alpha(fieldId);
+    else if (viewComponent.element === 'publishTo') {
+        return [-1, { ref: 'publishTo', fixedValue: undefined }];
+    }
+    else {
+        console.error('error while parsing studio installed attr in a view: unknown attr :O');
+        return [-1, undefined];
+    }
+}
+function createStudioDefinedField(appS, ref, tables, state) {
+    const installedField = getInstalledField(ref, tables);
+    const type = getFormItemType(installedField);
+    const v2Field = (function createField() {
+        switch (type) {
+            case AppFormItemTypes.ADDFILEATTACHMENT:
+                return createAddfileattachmentField(installedField);
+            case AppFormItemTypes.NUMBER:
+                return createNumberField(installedField);
+            case AppFormItemTypes.TAGS:
+                return createTagsField(installedField);
+            case AppFormItemTypes.SELECT:
+                return createSelectField(installedField);
+            case AppFormItemTypes.RADIO:
+                return createRadioField(installedField);
+            case AppFormItemTypes.CHECKBOX:
+                return createCheckboxField(installedField);
+            case AppFormItemTypes.CONTENTLINK:
+                return createContentLinkField(installedField, state);
+            case AppFormItemTypes.DESCRIPTION:
+                return createDescriptionField(installedField);
+            case AppFormItemTypes.TEXTAREAHTML:
+                return createTextareaHTMLField(installedField);
+            case AppFormItemTypes.DATE:
+                return createDateField(installedField);
+            case AppFormItemTypes.DATETIME:
+                return createDatetimeField(installedField);
+            case AppFormItemTypes.URL:
+                return createUrlField(installedField);
+            case AppFormItemTypes.EMAIL:
+                return createEmailField(installedField);
+            case AppFormItemTypes.TOGGLE:
+                return createToggleField(installedField);
+            case AppFormItemTypes.USERLINK:
+                return createUserLinkField(installedField);
+            case AppFormItemTypes.TEXTAREA:
+                return createTextAreaField(installedField);
+            case AppFormItemTypes.TEXT:
+            default:
+                return createTextField(installedField);
+        }
+    })();
+    const index = appS.fields.push(v2Field) - 1;
+    return [ref, index];
+}
+function getInstalledField(ref, tables) {
+    var _a;
+    let foundField = undefined;
+    for (let i = 0; i < tables.length && !foundField; i++) {
+        foundField = (_a = tables[i]) === null || _a === void 0 ? void 0 : _a.attributes.find((attr) => {
+            return attr.name === ref;
+        });
+    }
+    if (!foundField) {
+        throw new Error('error converting installed app to V2: installed field not found in tables ' + ref);
+    }
+    return foundField;
+}
+function addFieldToView(viewName, field, appS, index, fixedInfo) {
+    var _a;
+    if (field.views) {
+        field.views[viewName] = true;
+        appS.views[viewName][field.id] = {
+            type: field.type,
+            properties: field.properties || [],
+            isUsed: true,
+            isOptional: false,
+            isLockedValue: !!(fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue),
+            isFixed: false,
+            value: (_a = fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== null && _a !== void 0 ? _a : null,
+            pos: index,
+        };
+    }
+}
+function getFormItemType(installedField) {
+    var _a, _b, _c;
+    switch (installedField.widget.type) {
+        case 'number':
+            return AppFormItemTypes.NUMBER;
+        case 'taxonomy':
+            return AppFormItemTypes.TAGS;
+        case 'date':
+            return AppFormItemTypes.DATE;
+        case 'datetime':
+            return AppFormItemTypes.DATETIME;
+        case 'select':
+            return AppFormItemTypes.SELECT;
+        case 'radio':
+            return AppFormItemTypes.RADIO;
+        case 'url':
+            return AppFormItemTypes.URL;
+        case 'email':
+            return AppFormItemTypes.EMAIL;
+        case 'file':
+            return AppFormItemTypes.ADDFILEATTACHMENT;
+        case 'checkbox':
+            if (((_a = installedField.widget.options) === null || _a === void 0 ? void 0 : _a['1']) === 'GLOBAL_Yes') {
+                return AppFormItemTypes.TOGGLE;
+            }
+            return AppFormItemTypes.CHECKBOX;
+        case 'uri':
+            if (((_b = installedField.widget.params) === null || _b === void 0 ? void 0 : _b.views) === 'user') {
+                return AppFormItemTypes.USERLINK;
+            }
+            if (((_c = installedField.widget.params) === null || _c === void 0 ? void 0 : _c.views) === 'article') {
+                return AppFormItemTypes.CONTENTLINK;
+            }
+            break;
+        case 'textarea':
+            if (installedField.attrType === 'longtext') {
+                return AppFormItemTypes.TEXTAREA;
+            }
+            if (installedField.attrType === 'html') {
+                if (installedField.name === 'description') {
+                    return AppFormItemTypes.DESCRIPTION;
+                }
+                return AppFormItemTypes.TEXTAREAHTML;
+            }
+            break;
+        case 'text':
+            return AppFormItemTypes.TEXT;
+    }
+    throw new Error('error converting installed app to V2: installed field type not recognized for field ' + installedField.name);
+}
+function addTitleToView(newName, appS, fixedInfo) {
+    var _a;
+    const fieldId = 'title';
+    appS.views[newName][fieldId] = {
+        type: ExtraAppFieldsItemViews.TITLE,
+        properties: [],
+        isUsed: true,
+        isOptional: false,
+        isLockedValue: !!(fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue),
+        isFixed: true,
+        value: (_a = fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== null && _a !== void 0 ? _a : null,
+        pos: 0,
+    };
+}
+function addAlertAuthorToView(newName, appS, fixedInfo) {
+    const fieldId = 'alertAuthor';
+    appS.views[newName][fieldId] = {
+        type: ExtraAppFieldsItemViews.RECEIVEACOPY,
+        properties: [],
+        isUsed: true,
+        isOptional: true,
+        isLockedValue: (fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== undefined,
+        isFixed: false,
+        value: (fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== undefined ? fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue : true,
+        pos: 300,
+    };
+}
+function addSendAlertToView(newName, appS, fixedInfo) {
+    const fieldId = 'sendAlert';
+    appS.views[newName][fieldId] = {
+        type: ExtraAppFieldsItemViews.SENDALERTTOSUBSCRIBERS,
+        properties: [],
+        isUsed: true,
+        isOptional: true,
+        isLockedValue: (fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== undefined,
+        isFixed: false,
+        value: (fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== undefined ? fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue : true,
+        pos: 200,
+    };
+}
+function addPublishToToView(newName, appS, fixedInfo) {
+    var _a;
+    const fieldId = 'publishTo';
+    appS.views[newName][fieldId] = {
+        type: ExtraAppFieldsItemViews.PUBLISHTO,
+        properties: [],
+        isUsed: true,
+        isOptional: true,
+        isLockedValue: !!(fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue),
+        isFixed: false,
+        value: (_a = fixedInfo === null || fixedInfo === void 0 ? void 0 : fixedInfo.fixedValue) !== null && _a !== void 0 ? _a : [],
+        pos: 100,
+    };
+}
+function addUserToView(newName, appS) {
+    const fieldId = 'user';
+    appS.views[newName][fieldId] = {
+        type: ExtraAppFieldsItemViews.USER,
+        properties: [],
+        isUsed: true,
+        isOptional: false,
+        isLockedValue: false,
+        isFixed: true,
+        value: null,
+        pos: 1,
+    };
+}
+function addDateCreationToView(newName, appS) {
+    const fieldId = 'dateCreation';
+    appS.views[newName][fieldId] = {
+        type: ExtraAppFieldsItemViews.CREATIONDATE,
+        properties: [],
+        isUsed: true,
+        isOptional: true,
+        isLockedValue: false,
+        isFixed: false,
+        value: null,
+        pos: 100,
+    };
+}
+
+function InstalledAppStudioAdapter(serverApp, serverApps, state) {
+    var _a, _b, _c, _d;
+    const { version, dateCreation } = serverApp.manifest;
+    const appTypeServer = serverApp.typeModel;
+    const views = Object.assign({}, ...viewsList.map((view) => ({
+        [view]: {},
+    })));
+    const studioApp = {
+        idApp: serverApp.idApp,
+        status: _formatStatus(serverApp),
+        studioVersion: 2,
+        manifest: {
+            appShortName: serverApp.label,
+            appName: serverApp.label,
+            description: serverApp.description,
+            author: serverApp.author,
+            cssColor: (_a = appTypeServer.cssColor) !== null && _a !== void 0 ? _a : '#392994',
+            cssClass: { label: (_b = appTypeServer.cssClass) !== null && _b !== void 0 ? _b : 'star', value: (_c = appTypeServer.cssClass) !== null && _c !== void 0 ? _c : 'star' },
+            version: version,
+            dateCreation: dateCreation,
+            checkAccess: false,
+            accessRightList: "",
+            attrExposed: [],
+            viewSolr: serverApp.view ? STUDIO_VIEW.SOLR : STUDIO_VIEW.NOT_SOLR,
+            typeLabel: appTypeServer.typeLabel,
+            articlesCount: (_d = serverApp.articlesCount) !== null && _d !== void 0 ? _d : 0,
+        },
+        fields: [],
+        views,
+        installFor: serverApp.accessRightObjectList ? buildAudience(serverApp.accessRightObjectList) : [],
+        audience: serverApp.checkAccess === false ? AUDIENCE.ALL : AUDIENCE.CUSTOM,
+    };
+    populateFieldsAndViews(serverApp, studioApp, state);
+    studioApp.views = updateViewsFromFields(studioApp, studioApp.fields);
+    const inWorkAppVersion = _findAssociatedDraft(serverApp.idApp, serverApps);
+    if (!inWorkAppVersion)
+        return studioApp;
+    const inWorkApp = DraftAppStudioAdapter(inWorkAppVersion);
+    if (!inWorkApp)
+        return studioApp;
+    studioApp.inWorkVersion = inWorkApp;
+    return studioApp;
+}
+function DraftAppStudioAdapter(serverApp) {
+    if (!serverApp.value)
+        return undefined;
+    const parsedJson = JSON.parse(serverApp.value);
+    if (parsedJson.studioVersion == 2) {
+        return {
+            idApp: serverApp.idApp,
+            studioVersion: 2,
+            status: _formatStatus(serverApp),
+            manifest: parsedJson.manifest,
+            fields: parsedJson.fields,
+            views: parsedJson.views,
+            syncViewFieldOrder: parsedJson.syncViewFieldOrder,
+            audience: parsedJson.audience,
+            installFor: parsedJson.installFor,
+        };
     }
-}
-function renderSolrType(fieldType) {
-    switch (fieldType) {
-        case AppFormItemTypes.DESCRIPTION:
-        case AppFormItemTypes.TEXT:
-        case AppFormItemTypes.TEXTAREA:
-        case AppFormItemTypes.TEXTAREAHTML:
-        case AppFormItemTypes.URL:
-        case AppFormItemTypes.EMAIL:
-        case AppFormItemTypes.USERLINK:
-        case AppFormItemTypes.CONTENTLINK:
-        case AppFormItemTypes.NUMBER:
-        case AppFormItemTypes.ADDFILEATTACHMENT:
-            return 'text';
-        case AppFormItemTypes.DATE:
-        case AppFormItemTypes.DATETIME:
-            return 'date';
-        case ExtraAppFieldsItemViews.USER:
-            return 'integer';
-        case AppFormItemTypes.SELECT:
-        case AppFormItemTypes.RADIO:
-        case AppFormItemTypes.TOGGLE:
-        case AppFormItemTypes.CHECKBOX:
-        case AppFormItemTypes.TAGS:
-            return 'string';
-        default:
-            return '';
+    else {
+        return Object.assign(Object.assign({}, migrateJson(parsedJson)), { status: _formatStatus(serverApp), migratedFrom: 1 });
     }
 }
-function renderFieldTypeToXmlType(fieldType) {
-    switch (fieldType) {
-        default:
-        case AppFormItemTypes.DESCRIPTION:
-        case AppFormItemTypes.TEXTAREAHTML:
-            return 'html';
-        case AppFormItemTypes.TAGS:
-            return 'taxonomy';
-        case AppFormItemTypes.TEXT:
-        case AppFormItemTypes.RADIO:
-        case AppFormItemTypes.URL:
-        case AppFormItemTypes.EMAIL:
-        case AppFormItemTypes.ADDFILEATTACHMENT:
-        case ExtraAppFieldsItemViews.USER:
-        case AppFormItemTypes.USERLINK:
-        case AppFormItemTypes.CONTENTLINK:
-            return 'text';
-        case AppFormItemTypes.TEXTAREA:
-        case AppFormItemTypes.CHECKBOX:
-        case AppFormItemTypes.SELECT:
-            return 'longtext';
-        case AppFormItemTypes.DATE:
-            return 'date';
-        case AppFormItemTypes.DATETIME: {
-            return 'date';
-        }
-        case AppFormItemTypes.NUMBER:
-            return 'float';
-    }
+function _formatStatus(serverApp) {
+    return serverApp.status === jamespot.StudioApplicationStatus.installed
+        ? serverApp.suspended
+            ? StatusType$1.suspended
+            : StatusType$1.installed
+        : StatusType$1.draft;
 }
-const uuid2Alpha = (id) => {
-    let alphaUuid = '';
-    for (let i = 0; i < id.length; i++) {
-        const c = id.charAt(i);
-        if (c >= '0' && c <= '9')
-            alphaUuid += numToAlpha(Number(c));
-        else if (c >= 'a' && c <= 'z')
-            alphaUuid += c;
-    }
-    return alphaUuid;
-};
-const numToAlpha = (num) => {
-    let s = '', t;
-    while (num > 0) {
-        t = (num - 1) % 26;
-        s = String.fromCharCode(97 + t) + s;
-        num = ((num - t) / 26) | 0;
-    }
-    return s;
-};
-const internal2XmlView = {
-    create: 'create',
-    popup: 'create-popup',
-    edit: 'edit',
-    view: 'display',
-};
-function renderDisplays(studioApp) {
-    let toRet = '';
-    Object.entries(studioApp.views).forEach(([viewName, viewContent]) => {
-        if (Object.prototype.hasOwnProperty.call(internal2XmlView, viewName)) {
-            const viewField = Object.entries(viewContent)
-                .filter((a) => a[1].isUsed)
-                .sort((a, b) => a[1].pos - b[1].pos);
-            toRet += `<display view="${internal2XmlView[viewName]}" mode="${viewName === 'view' ? 'view' : 'form'}">
-                ${viewField.map(([fieldId, view]) => renderDisplayAttr(fieldId, view)).join('')}
-            </display>`;
-        }
-    });
-    if (toRet.length > 0) {
-        toRet = `<displays type="${studioApp.idApp}">${toRet}</displays>`;
-    }
-    return toRet;
+function _findAssociatedDraft(idApp, serverApps) {
+    const draft = serverApps.find((app) => app.idApp === idApp && app.status === jamespot.StudioApplicationStatus.saved);
+    return draft;
 }
-function getDisplayName(fieldId, view) {
-    switch (view.type) {
-        case ExtraAppFieldsItemViews.TITLE:
-            return 'title';
-        case ExtraAppFieldsItemViews.SENDALERTTOSUBSCRIBERS:
-            return 'sendAlert';
-        case ExtraAppFieldsItemViews.RECEIVEACOPY:
-            return 'alertAuthor';
-        case ExtraAppFieldsItemViews.PUBLISHTO:
-            return 'publishTo';
-        case ExtraAppFieldsItemViews.USER:
-            return 'idUser';
-        case ExtraAppFieldsItemViews.CREATIONDATE:
-            return 'dateCreation';
-        case AppFormItemTypes.DESCRIPTION:
-            return 'description';
-        default:
-            return uuid2Alpha(fieldId);
-    }
+function _findAssociatedInstalled(idApp, serverApps) {
+    return !!serverApps.find((app) => app.idApp === idApp && app.status === jamespot.StudioApplicationStatus.installed);
 }
-function renderDisplayAttr(fieldId, view) {
-    var _a, _b, _c;
-    let xml = '';
-    const attrName = getDisplayName(fieldId, view);
-    const isFixed = view.isLockedValue;
-    if (isFixed) {
-        const formItemRefWithName = {
-            ref: attrName,
-            fixedValue: view.value,
-        };
-        xml += `<html><![CDATA[ <!-- <JAMESPOT.STUDIO.FIXED>${JSON.stringify(formItemRefWithName)}</JAMESPOT.STUDIO.FIXED> -->`;
-        if (view.type === ExtraAppFieldsItemViews.PUBLISHTO) {
-            const uris = view.value.map((user) => user.uri).join(',');
-            xml += `<input type="hidden" name="publishTo" value="${uris}">`;
-        }
-        else if (view.type === ExtraAppFieldsItemViews.USER ||
-            view.type === AppFormItemTypes.USERLINK ||
-            view.type === AppFormItemTypes.CONTENTLINK) {
-            xml += `<input type="hidden" name="${attrName}[]" value=${JSON.stringify(view.value.uri)}>`;
-        }
-        else if (view.type === AppFormItemTypes.SELECT) {
-            const canSelectMultiple = (_a = view.properties.find((property) => property.propertyType === AppFieldFormPropertyTypes.OPTIONS_EDITOR)) === null || _a === void 0 ? void 0 : _a.value.canSelectMultiple;
-            if (canSelectMultiple) {
-                const values = view.value;
-                values.forEach((value) => {
-                    xml += `<input type="hidden" name="${attrName}[]" value="${value.value}">`;
-                });
-            }
-            else {
-                xml += `<input type="hidden" name="${attrName}" value="${view.value.value}">`;
-            }
-        }
-        else if (view.type === AppFormItemTypes.CHECKBOX) {
-            const values = view.value;
-            values.forEach((value) => {
-                xml += `<input type="hidden" name="${attrName}[]" value="${value}">`;
-            });
-        }
-        else if (view.type === AppFormItemTypes.DATE) {
-            const dateValue = new Date(view.value);
-            const xmlFixedValue = [
-                pad(dateValue.getDate()),
-                pad(dateValue.getMonth() + 1),
-                dateValue.getFullYear(),
-            ].join('/');
-            xml += '<input type="hidden" name="' + attrName + '" value="' + xmlFixedValue + '">';
-        }
-        else if (view.type === AppFormItemTypes.DATETIME) {
-            const dateValue = new Date(view.value);
-            const xmlFixedValue = `${[
-                pad(dateValue.getDate()),
-                pad(dateValue.getMonth() + 1),
-                dateValue.getFullYear(),
-            ].join('/')} ${pad(dateValue.getHours())}:${pad(dateValue.getMinutes())}:${pad(dateValue.getSeconds())}`;
-            xml += '<input type="hidden" name="' + attrName + '" value="' + xmlFixedValue + '">';
-        }
-        else if (view.type === AppFormItemTypes.TAGS) {
-            xml += `<input type="hidden" name="${attrName}" value="${(_c = (_b = view.value) === null || _b === void 0 ? void 0 : _b.map((v) => v.uri)) === null || _c === void 0 ? void 0 : _c.join(',')}">`;
-        }
-        else if (view.type === AppFormItemTypes.DESCRIPTION || view.type === AppFormItemTypes.TEXTAREAHTML) {
-            xml += `<input type="hidden" name="${attrName}" value="${view.value}">`;
-        }
-        else if (view.type === ExtraAppFieldsItemViews.RECEIVEACOPY) {
-            if (view.value) {
-                xml += `<input type="hidden" name="alertAuthor[jamespot]"><input type="hidden" name="alertAuthor[]" value="1">`;
-            }
-        }
-        else if (view.type === ExtraAppFieldsItemViews.SENDALERTTOSUBSCRIBERS) {
-            if (view.value) {
-                xml += `<input type="hidden" name="sendAlert[jamespot]"><input type="hidden" name="sendAlert[]" value="1">`;
-            }
+function serverAppsToStudioApps(serverApps, state) {
+    const studioApps = serverApps
+        .map((serverApp) => {
+        if (serverApp.status === jamespot.StudioApplicationStatus.installed) {
+            return InstalledAppStudioAdapter(serverApp, serverApps, state);
         }
         else {
-            xml += `<input type="hidden" name="${attrName}" value="${view.value}">`;
-        }
-        xml += ']]></html>';
-    }
-    else {
-        switch (view.type) {
-            case AppFormItemTypes.CODEHTML: {
-                const fieldToInclude = {
-                    id: fieldId,
-                    name: fieldId,
-                    properties: {
-                        code: view.value,
-                    },
-                };
-                xml += `<html><![CDATA[ <!-- <JAMESPOT.STUDIO.CODEHTML>${JSON.stringify(fieldToInclude)}</JAMESPOT.STUDIO.CODEHTML><JAMESPOT.STUDIO.FIELD_POS>${view.pos}</JAMESPOT.STUDIO.FIELD_POS>-->${view.value}]]></html>`;
-                break;
-            }
-            case AppFormItemTypes.IMAGE:
-                xml += '<image />';
-                break;
-            case ExtraAppFieldsItemViews.PUBLISHTO:
-                xml += '<publishTo />';
-                break;
-            default:
-                xml += "<attr name='" + attrName + "' />";
-                break;
+            if (_findAssociatedInstalled(serverApp.idApp, serverApps))
+                return undefined;
+            return DraftAppStudioAdapter(serverApp);
         }
-    }
-    return xml;
-}
-function pad(s) {
-    return s < 10 ? '0' + s : s;
+    })
+        .filter((app) => app !== undefined);
+    return studioApps;
 }
 
 const initialState$1 = {