@crystaldesign/diva-backoffice 24.11.0-beta.1 → 24.11.0-beta.10

package/build/esm/index.js

@@ -4,7 +4,7 @@ import 'antd/dist/reset.css';
 import { Form as Form$1, Button, Input, Popover, Typography, Divider, Select as Select$1, Avatar, Spin, Radio, DatePicker, Checkbox, InputNumber, Modal as Modal$2, Space, Cascader, Descriptions, Row, Col, Tooltip as Tooltip$1, Collapse, List as List$1, Skeleton, Alert, Card, Upload, Switch, Table as Table$1, Popconfirm, Tabs, Image, Progress, Slider, Breadcrumb, Result as Result$1, message, Layout, Drawer, ConfigProvider, theme } from 'antd';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { observer } from 'mobx-react-lite';
-import { getLogger, DivaError, useDivaCore, useTranslation as useTranslation$1, DivaUtils } from '@crystaldesign/diva-core';
+import { getLogger, DivaError, useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { useSearchParams, useLocation, useNavigate, useParams, Link, Routes, Route, BrowserRouter } from 'react-router-dom';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
@@ -21,7 +21,6 @@ import { io } from 'socket.io-client';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { toJS, makeAutoObservable, observable, action, makeObservable } from 'mobx';
 import merge from 'deepmerge';
-import { useTranslation } from 'react-i18next';
 import Tooltip from 'antd/es/tooltip';
 import RightOutlined from '@ant-design/icons/RightOutlined';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -65,6 +64,7 @@ import FolderOutlined from '@ant-design/icons/FolderOutlined';
 import SettingOutlined from '@ant-design/icons/SettingOutlined';
 import PieChartOutlined from '@ant-design/icons/PieChartOutlined';
 import InfoCircleOutlined from '@ant-design/icons/InfoCircleOutlined';
+import { merge as merge$1, isArray } from 'lodash';
 import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
 import JSONEditor from 'jsoneditor';
 import 'jsoneditor/dist/jsoneditor.css';
@@ -72,7 +72,6 @@ import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { Editor } from '@tinymce/tinymce-react';
 import debounce from 'lodash/debounce';
-import { isArray } from 'lodash';
 import { stringify } from 'csv';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import SearchOutlined from '@ant-design/icons/SearchOutlined';
@@ -136,9 +135,9 @@ import Select$2 from 'react-select';
 function _createForOfIteratorHelper$m(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$m(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$m(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$m(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$m(r, a) : void 0; } }
 function _arrayLikeToArray$m(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$b = getLogger('Backoffice', 'AplyMapping');
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$c = getLogger('Backoffice', 'AplyMapping');
 function aplyMapping (_ref) {
   var mapable = _ref.mapable,
     mappingData = _ref.mappingData,
@@ -158,10 +157,10 @@ function aplyMapping (_ref) {
         var newValue = {};
         newValue[newKey] = valueToAdd;
         if ((startValue === null || startValue === void 0 ? void 0 : startValue[newKey]) != undefined) {
-          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$J(_objectSpread$J({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
+          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$M(_objectSpread$M({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
           return startValue;
         }
-        if (newIdx == 1) return _objectSpread$J(_objectSpread$J({}, startValue), newValue);
+        if (newIdx == 1) return _objectSpread$M(_objectSpread$M({}, startValue), newValue);
         return _getTarget(idx + 1, keys, startValue, newValue);
       };
       returnValue = _getTarget(0, key.split('.'), returnValue, value);
@@ -282,7 +281,7 @@ function aplyMapping (_ref) {
     }
     return returnValue;
   } catch (e) {
-    LOG$b.debug('Mapabledata', mapable);
+    LOG$c.debug('Mapabledata', mapable);
     throw e;
   }
 }
@@ -442,9 +441,9 @@ function getLeafColumns(columns) {
   });
 }
 
-function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$a = getLogger('Backoffice', 'ApiHandler');
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$b = getLogger('Backoffice', 'ApiHandler');
 var jp = require('jsonpath');
 var _default$d = /*#__PURE__*/function () {
   function _default(configuration, _rootStore) {
@@ -622,7 +621,7 @@ var _default$d = /*#__PURE__*/function () {
               _context2.next = 20;
               return fetch(finalUrl, {
                 method: this._updateMethod,
-                headers: _objectSpread$I(_objectSpread$I({}, jwt ? {
+                headers: _objectSpread$L(_objectSpread$L({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}), {}, {
                   'Content-Type': 'application/json'
@@ -715,7 +714,7 @@ var _default$d = /*#__PURE__*/function () {
                   rootStore: this._rootStore,
                   fallBackToParams: true
                 });
-                if (data) createData = _objectSpread$I({}, data);
+                if (data) createData = _objectSpread$L({}, data);
               } else if (data !== undefined) {
                 createData = aplyMapping({
                   mapable: data,
@@ -858,7 +857,7 @@ var _default$d = /*#__PURE__*/function () {
               _context6.next = 7;
               return fetch((_url = url) === null || _url === void 0 ? void 0 : _url.toString(), {
                 method: isApi2 ? 'POST' : 'DELETE',
-                headers: _objectSpread$I({}, jwt ? {
+                headers: _objectSpread$L({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {})
               }).then( /*#__PURE__*/function () {
@@ -976,7 +975,7 @@ var _default$d = /*#__PURE__*/function () {
               throw new Error('Read List endpoint is missing in configuration.');
             case 2:
               jwt = (_this$_rootStore5 = this._rootStore) === null || _this$_rootStore5 === void 0 ? void 0 : _this$_rootStore5.dataStore.jwt;
-              url = filterServerSide ? parseServersideFilters(_objectSpread$I(_objectSpread$I({}, filterServerSide), {}, {
+              url = filterServerSide ? parseServersideFilters(_objectSpread$L(_objectSpread$L({}, filterServerSide), {}, {
                 columns: this._filterFields ? filterServerSide.columns : undefined,
                 baseUrl: this._readListUrl,
                 prefilter: prefilter
@@ -996,7 +995,7 @@ var _default$d = /*#__PURE__*/function () {
               });
             case 6:
               response = _context8.sent;
-              return _context8.abrupt("return", _objectSpread$I(_objectSpread$I({}, response), {}, {
+              return _context8.abrupt("return", _objectSpread$L(_objectSpread$L({}, response), {}, {
                 data: response.data.map(function (d) {
                   return _this2.aplyJsonPath(d, _this2._readJsonPath);
                 })
@@ -1020,7 +1019,7 @@ var _default$d = /*#__PURE__*/function () {
         throw new Error('Read List endpoint is missing in configuration.');
       }
       (_this$_rootStore6 = this._rootStore) === null || _this$_rootStore6 === void 0 ? void 0 : _this$_rootStore6.dataStore.jwt;
-      var url = filterServerSide ? parseServersideFilters(_objectSpread$I(_objectSpread$I({}, filterServerSide), {}, {
+      var url = filterServerSide ? parseServersideFilters(_objectSpread$L(_objectSpread$L({}, filterServerSide), {}, {
         columns: this._filterFields ? filterServerSide.columns : undefined,
         baseUrl: this._readListUrl,
         prefilter: prefilter
@@ -1121,16 +1120,16 @@ var _default$d = /*#__PURE__*/function () {
         }
       });
       this._socket.on('error', function (error) {
-        LOG$a.error(new DivaError('Error on connection', error));
+        LOG$b.error(new DivaError('Error on connection', error));
       });
       this._socket.on('connect_error', function (error) {
-        LOG$a.log("connect_error due to ".concat(error.message));
+        LOG$b.log("connect_error due to ".concat(error.message));
       });
       this._socket.on('connect', function () {
-        LOG$a.debug('Successfully connected to socket');
+        LOG$b.debug('Successfully connected to socket');
       });
       this._socket.on('disconnect', function () {
-        LOG$a.debug('Disconnect from socket');
+        LOG$b.debug('Disconnect from socket');
       });
       return this._socket;
     }
@@ -1227,8 +1226,8 @@ var _default$c = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$6(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$6() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$6() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$6 = function _isNativeReflectConstruct() { return !!t; })(); }
 var _default$b = /*#__PURE__*/function (_ApiHandler) {
@@ -1327,7 +1326,7 @@ var _default$b = /*#__PURE__*/function (_ApiHandler) {
               _context2.next = 5;
               return fetch(this._createUrl + '?ref=true', {
                 method: this._createMethod,
-                headers: _objectSpread$H({}, jwt ? {
+                headers: _objectSpread$K({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}),
                 body: data
@@ -1705,8 +1704,8 @@ var _default$8 = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default$7 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -1742,7 +1741,7 @@ var _default$7 = /*#__PURE__*/function () {
           var _i$permission;
           return !i.permission || _this.root.actions.userHasPermission((_i$permission = i.permission) === null || _i$permission === void 0 ? void 0 : _i$permission.toLocaleLowerCase());
         });
-        config = _objectSpread$G(_objectSpread$G({}, config), {}, {
+        config = _objectSpread$J(_objectSpread$J({}, config), {}, {
           items: filteredItems
         });
       }
@@ -7321,7 +7320,7 @@ function loadConfiguration(t, root, config, lang) {
     FormEditContentItem: {
       type: 'Form',
       items: [],
-      itemsByData: function itemsByData(data) {
+      itemsByData: function itemsByData(data, apiConfig) {
         var result = [{
           name: 'description',
           type: 'input',
@@ -7330,83 +7329,88 @@ function loadConfiguration(t, root, config, lang) {
           name: 'organizationId',
           hidden: true
         }];
+        var translationItems = [];
         var _getItemsByContent = function getItemsByContent(content, path) {
           for (var i = 0; i < content.length; i++) {
             var item = content[i];
             var p = [].concat(_toConsumableArray(path), [i]);
             switch (item.type) {
               case 'Title':
-                result.push({
+                translationItems.push({
                   name: 'Title',
                   type: 'subTitle'
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['type']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['style']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['text']),
                   type: 'input',
-                  label: t('backoffice.table.views.rowAction.label')
+                  label: t('backoffice.table.views.rowAction.label'),
+                  doTranslate: true
                 });
                 break;
               case 'RichText':
-                result.push({
+                translationItems.push({
                   name: 'RichText',
                   type: 'subTitle'
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['type']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['style']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['text']),
                   type: 'richText',
-                  label: t('backoffice.table.views.rowAction.label')
+                  label: t('backoffice.table.views.rowAction.label'),
+                  doTranslate: true
                 });
                 break;
               case 'URL':
-                result.push({
+                translationItems.push({
                   name: 'URL',
                   type: 'subTitle'
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['type']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['url']),
                   type: 'input',
-                  label: t('backoffice.form.api2servers.items.url')
+                  label: t('backoffice.form.api2servers.items.url'),
+                  doTranslate: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['text']),
                   type: 'input',
-                  label: t('backoffice.table.views.rowAction.label')
+                  label: t('backoffice.table.views.rowAction.label'),
+                  doTranslate: true
                 });
                 break;
               case 'Gallery':
-                result.push({
+                translationItems.push({
                   name: 'Gallery',
                   type: 'subTitle'
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['type']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['wrappingStyle']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['content']),
                   type: 'array',
                   initialValue: item.content,
@@ -7427,11 +7431,13 @@ function loadConfiguration(t, root, config, lang) {
                   }, {
                     name: 'url',
                     type: 'input',
-                    label: t('backoffice.form.api2servers.items.url')
+                    label: t('backoffice.form.api2servers.items.url'),
+                    doTranslate: true
                   }, {
                     name: 'altText',
                     type: 'input',
-                    label: t('backoffice.table.views.rowAction.label')
+                    label: t('backoffice.table.views.rowAction.label'),
+                    doTranslate: true
                   }, {
                     name: 'style',
                     hidden: true
@@ -7442,54 +7448,57 @@ function loadConfiguration(t, root, config, lang) {
                 });
                 break;
               case 'Image':
-                result.push({
+                translationItems.push({
                   name: 'Image',
                   type: 'subTitle'
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['type']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['style']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['cover']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['url']),
                   type: 'input',
-                  label: t('backoffice.form.api2servers.items.url')
+                  label: t('backoffice.form.api2servers.items.url'),
+                  doTranslate: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['altText']),
                   type: 'input',
-                  label: t('backoffice.table.views.rowAction.label')
+                  label: t('backoffice.table.views.rowAction.label'),
+                  doTranslate: true
                 });
                 break;
               case 'Video':
-                result.push({
+                translationItems.push({
                   name: 'Video',
                   type: 'subTitle'
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['type']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['url']),
                   type: 'input',
-                  label: t('backoffice.form.api2servers.items.url')
+                  label: t('backoffice.form.api2servers.items.url'),
+                  doTranslate: true
                 });
                 break;
               case 'Wrapper':
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['type']),
                   hidden: true
                 });
-                result.push({
+                translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['style']),
                   hidden: true
                 });
@@ -7499,6 +7508,17 @@ function loadConfiguration(t, root, config, lang) {
           }
         };
         _getItemsByContent(data.content, ['content']);
+        result.push({
+          type: 'translation',
+          items: translationItems,
+          name: '',
+          apiInterface: {
+            create: {
+              url: apiConfig.adminService + '/locales/translate?translationService=' + config.translationService,
+              method: 'POST'
+            }
+          }
+        });
         return result;
       },
       apiInterface: {
@@ -11056,8 +11076,8 @@ var navMinified = "nav-minified-tSt-a";
 var navOverlay = "nav-overlay-rKJNC";
 var navSettings = "nav-settings-82cjv";
 var menuLabel = "menu-label-4dXQk";
-var css_248z$n = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline;\n  display: initial;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
-styleInject(css_248z$n);
+var css_248z$o = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline;\n  display: initial;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
+styleInject(css_248z$o);
 
 function MenuLabel (_ref) {
   var disabled = _ref.disabled,
@@ -11246,8 +11266,8 @@ function getIcon(icon) {
   return undefined;
 }
 
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default$6 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -11369,7 +11389,7 @@ var _default$6 = /*#__PURE__*/function () {
       if (index >= 0) {
         this._additionalMenuElements[index] = {
           key: key,
-          element: _objectSpread$F(_objectSpread$F({}, this._additionalMenuElements[index].element), {}, {
+          element: _objectSpread$I(_objectSpread$I({}, this._additionalMenuElements[index].element), {}, {
             items: items,
             selected: selected
           })
@@ -11418,7 +11438,7 @@ var _default$6 = /*#__PURE__*/function () {
         var path = this.getPath(element.menu, this._selectedMenuKeys, this.root.navigationState.searchParams);
         this.root.navigate('/' + path);
       }
-      this._menuElement1 = _objectSpread$F(_objectSpread$F({}, this.menuElement1), {}, {
+      this._menuElement1 = _objectSpread$I(_objectSpread$I({}, this.menuElement1), {}, {
         selected: this._selectedMenuKeys[0]
       });
       var menu2 = (_this$_menu$find = this._menu.find(function (element) {
@@ -11661,7 +11681,7 @@ var _default$6 = /*#__PURE__*/function () {
       return items.filter(function (item) {
         return !item.permission || hasPermission(item.permission.toLocaleLowerCase());
       }).map(function (item) {
-        return _objectSpread$F(_objectSpread$F({}, item), {}, {
+        return _objectSpread$I(_objectSpread$I({}, item), {}, {
           items: item.items ? _this4.filterMenuByPermission(hasPermission, item.items) : undefined,
           subMenu: item.subMenu ? _this4.filterMenuByPermission(hasPermission, item.subMenu) : undefined
         });
@@ -12284,7 +12304,7 @@ var _default$3 = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$k(r, a) : void 0; } }
 function _arrayLikeToArray$k(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var LOG$9 = getLogger('Backoffice', 'DownloadStore');
+var LOG$a = getLogger('Backoffice', 'DownloadStore');
 var DownloadStore = /*#__PURE__*/function () {
   function DownloadStore(_rootStore) {
     var _this = this;
@@ -12500,7 +12520,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context5.next = 4;
                 break;
               }
-              LOG$9.debug("The organization ".concat(data._id, " has no parentType of ").concat(validTypes.join(' or ')));
+              LOG$a.debug("The organization ".concat(data._id, " has no parentType of ").concat(validTypes.join(' or ')));
               throw new Error("Current organization is no ".concat(type == 'RETAILER' ? 'retailer,  retailer channel or association' : 'supplier or dealer'));
             case 4:
               orgData = data;
@@ -12519,7 +12539,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context5.next = 14;
                 break;
               }
-              LOG$9.debug("The organization ".concat(data._id, " has no type of ").concat(validTypes.join(' or '), " nor a parent organization"));
+              LOG$a.debug("The organization ".concat(data._id, " has no type of ").concat(validTypes.join(' or '), " nor a parent organization"));
               throw new Error("Current organization is no ".concat(type == 'RETAILER' ? 'retailer channel or association' : 'supplier or dealer'));
             case 14:
               _context5.prev = 14;
@@ -12860,7 +12880,7 @@ var StoreProvider = function StoreProvider(_ref) {
     apiConfig = _useDivaCore$state.apiConfig,
     actions = _useDivaCore.actions,
     handler = _useDivaCore.handler;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
   var _useSearchParams = useSearchParams(),
@@ -12925,8 +12945,8 @@ function removeEmpty(data) {
   return undefined;
 }
 
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
 function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -12940,6 +12960,7 @@ function useFormData (_ref) {
     form = _ref.form;
   var root = useStore();
   var _useDivaCore = useDivaCore(),
+    apiConfig = _useDivaCore.state.apiConfig,
     userHasPermission = _useDivaCore.actions.userHasPermission;
   var _useState = useState({
       used: false,
@@ -12963,7 +12984,7 @@ function useFormData (_ref) {
         configuration: root.configurationStore.getConfiguration(id, 'Form')
       };
       if (c.configuration.itemsByData) {
-        c.configuration.items = c.configuration.itemsByData(inboundData);
+        c.configuration.items = c.configuration.itemsByData(inboundData, apiConfig);
       }
       return c;
     }, [id]),
@@ -13023,7 +13044,7 @@ function useFormData (_ref) {
         multipleEditingData = inboundData;
       }
       return {
-        loadedData: onLoadFields(_objectSpread$E({}, dt)),
+        loadedData: onLoadFields(_objectSpread$H({}, dt)),
         multipleEditingData: multipleEditingData
       };
     }, [inboundData, selectedItemsIndex]),
@@ -13060,7 +13081,7 @@ function useFormData (_ref) {
     setFieldErrors = _useState14[1];
   useEffect(function () {
     var _loadedData$_id2;
-    setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
+    setState(_objectSpread$H(_objectSpread$H({}, state), {}, {
       data: loadedData,
       origData: JSON.parse(JSON.stringify(inboundData !== null && inboundData !== void 0 ? inboundData : {})),
       update: !!((_loadedData$_id2 = loadedData === null || loadedData === void 0 ? void 0 : loadedData._id) !== null && _loadedData$_id2 !== void 0 ? _loadedData$_id2 : loadedData === null || loadedData === void 0 ? void 0 : loadedData.ID),
@@ -13155,36 +13176,32 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            newData = _objectSpread$E({}, state.data);
-            Object.keys(values).forEach(function (k) {
-              var _values$k$value, _values$k;
-              return newData[k] = (_values$k$value = (_values$k = values[k]) === null || _values$k === void 0 ? void 0 : _values$k.value) !== null && _values$k$value !== void 0 ? _values$k$value : values[k];
-            });
+            newData = merge$1(_objectSpread$H({}, state.data), values);
             if (!skipApi) {
-              _context2.next = 4;
+              _context2.next = 3;
               break;
             }
             return _context2.abrupt("return", newData);
-          case 4:
-            _context2.next = 6;
-            return setDynamicFields(_objectSpread$E({}, state.data), newData);
-          case 6:
+          case 3:
+            _context2.next = 5;
+            return setDynamicFields(_objectSpread$H({}, state.data), newData);
+          case 5:
             newData = _context2.sent;
-            newData = onSaveFields(_objectSpread$E({}, state.data), newData);
+            newData = onSaveFields(_objectSpread$H({}, state.data), newData);
             newData = removeEmpty(newData);
-            setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
+            setState(_objectSpread$H(_objectSpread$H({}, state), {}, {
               loading: true
             }));
             finalData = state.data;
-            _context2.prev = 11;
-            _context2.next = 14;
+            _context2.prev = 10;
+            _context2.next = 13;
             return apiCall(newData);
-          case 14:
+          case 13:
             response = _context2.sent;
             i = 0;
-          case 16:
+          case 15:
             if (!(i < (((_configuration$additi = configuration.additionals) === null || _configuration$additi === void 0 ? void 0 : _configuration$additi.length) || 0))) {
-              _context2.next = 26;
+              _context2.next = 25;
               break;
             }
             // perform additional server actions before returning the data
@@ -13196,20 +13213,20 @@ function useFormData (_ref) {
             if (additional.addBaseUrl) {
               data[additional.addBaseUrl] = window.location.origin;
             }
-            _context2.next = 23;
+            _context2.next = 22;
             return additionalApi.create(data, additional.mapping, response);
-          case 23:
+          case 22:
             i++;
-            _context2.next = 16;
+            _context2.next = 15;
             break;
-          case 26:
+          case 25:
             finalData = response;
             return _context2.abrupt("return", response);
-          case 30:
-            _context2.prev = 30;
-            _context2.t0 = _context2["catch"](11);
+          case 29:
+            _context2.prev = 29;
+            _context2.t0 = _context2["catch"](10);
             if (!(_context2.t0 instanceof DivaError && _context2.t0.name)) {
-              _context2.next = 38;
+              _context2.next = 37;
               break;
             }
             errorCode = _context2.t0.name;
@@ -13218,25 +13235,25 @@ function useFormData (_ref) {
               return (_item$onError = item.onError) === null || _item$onError === void 0 ? void 0 : _item$onError[errorCode];
             });
             if (!item) {
-              _context2.next = 38;
+              _context2.next = 37;
               break;
             }
-            setFieldErrors(_objectSpread$E(_objectSpread$E({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
+            setFieldErrors(_objectSpread$H(_objectSpread$H({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
             return _context2.abrupt("return", undefined);
-          case 38:
+          case 37:
             throw _context2.t0;
-          case 39:
-            _context2.prev = 39;
-            setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
+          case 38:
+            _context2.prev = 38;
+            setState(_objectSpread$H(_objectSpread$H({}, state), {}, {
               data: finalData,
               loading: false
             }));
-            return _context2.finish(39);
-          case 42:
+            return _context2.finish(38);
+          case 41:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[11, 30, 39, 42]]);
+      }, _callee2, null, [[10, 29, 38, 41]]);
     }));
     return function onSave(_x2) {
       return _ref3.apply(this, arguments);
@@ -13257,7 +13274,7 @@ function useFormData (_ref) {
   }
   var updateHiddenRequiredDisabled = function updateHiddenRequiredDisabled(data, changedFields) {
     if (!(selectedItems !== null && selectedItems !== void 0 && selectedItems.length)) return;
-    var wholeData = Object.assign(_objectSpread$E({}, state.data), _objectSpread$E({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
+    var wholeData = Object.assign(_objectSpread$H({}, state.data), _objectSpread$H({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
     var newState = getHiddenRequredDisabled(wholeData, selectedItems);
     if (JSON.stringify(newState) !== JSON.stringify(hiddenRequiredDisabled)) {
       setHiddenRequiredDisabled(newState);
@@ -13270,12 +13287,14 @@ function useFormData (_ref) {
     }
   };
   var onInputChanged = function onInputChanged(id, value, d) {
-    var data = d !== null && d !== void 0 ? d : Object.assign(_objectSpread$E({}, state.data), _objectSpread$E({}, state.form.getFieldsValue()));
-    setFieldInObject(id, data, value);
-    var newFieldErrors = _objectSpread$E({}, fieldErrors);
-    delete newFieldErrors[id.toString()];
-    setFieldErrors(newFieldErrors);
-    setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
+    var data = d !== null && d !== void 0 ? d : merge$1(_objectSpread$H({}, state.data), state.form.getFieldsValue());
+    if (id) {
+      setFieldInObject(id, data, value);
+      var newFieldErrors = _objectSpread$H({}, fieldErrors);
+      delete newFieldErrors[id.toString()];
+      setFieldErrors(newFieldErrors);
+    }
+    setState(_objectSpread$H(_objectSpread$H({}, state), {}, {
       data: data
     }));
     return data;
@@ -13301,12 +13320,12 @@ function useFormData (_ref) {
       var _value$value;
       if (((_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value) === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
+          setState(_objectSpread$H(_objectSpread$H({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
-            data: _objectSpread$E(_objectSpread$E({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$H(_objectSpread$H({}, state), {}, {
+            data: _objectSpread$H(_objectSpread$H({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -13316,12 +13335,12 @@ function useFormData (_ref) {
       var val = _ref6.value;
       if (value === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
+          setState(_objectSpread$H(_objectSpread$H({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
-            data: _objectSpread$E(_objectSpread$E({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$H(_objectSpread$H({}, state), {}, {
+            data: _objectSpread$H(_objectSpread$H({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -13457,7 +13476,15 @@ function useFormData (_ref) {
     }
     return rules;
   }
-  return _objectSpread$E(_objectSpread$E({}, state), {}, {
+  var getIsHidden = function getIsHidden(item, data) {
+    var _data4, _state$hiddenRequired;
+    var hidden = !!item.hidden;
+    if (item.hidden && data) if (typeof item.hidden === 'function') if ((_data4 = data[item.name]) !== null && _data4 !== void 0 && _data4[item.name[0]]) hidden = item.hidden(data[item.name][item.name[0]]);else hidden = false;
+    if (!hidden) hidden = (_state$hiddenRequired = state.hiddenRequiredDisabled) === null || _state$hiddenRequired === void 0 || (_state$hiddenRequired = _state$hiddenRequired[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired === void 0 ? void 0 : _state$hiddenRequired.hidden;
+    return hidden;
+  };
+  return _objectSpread$H(_objectSpread$H({}, state), {}, {
+    getIsHidden: getIsHidden,
     setUsedPreset: setUsedPreset,
     configuration: configuration,
     changedFields: changedFields,
@@ -13568,6 +13595,8 @@ var JsonEditor$2 = function JsonEditor(_ref) {
   });
 };
 
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormList$2 = function FormList(_ref) {
   var _item$initialValue;
   var value = _ref.value,
@@ -13577,7 +13606,8 @@ var FormList$2 = function FormList(_ref) {
     setCanSave = _ref.setCanSave,
     onError = _ref.onError,
     form = _ref.form,
-    root = _ref.root;
+    root = _ref.root,
+    postFixName = _ref.postFixName;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Form$1.List, {
@@ -13602,19 +13632,8 @@ var FormList$2 = function FormList(_ref) {
                 flexGrow: 1
               },
               children: item.items.map(function (i, idx) {
-                var _state$hiddenRequired;
-                var n = [field.name].concat(_toConsumableArray(Array.isArray(i.name) ? i.name : [i.name]));
-                var hidden = !!i.hidden;
-                if (i.hidden && data) {
-                  if (typeof i.hidden === 'function') {
-                    var _data;
-                    if ((_data = data[item.name]) !== null && _data !== void 0 && _data[n[0]]) {
-                      hidden = i.hidden(data[item.name][n[0]]);
-                    } else hidden = false;
-                  }
-                }
-                if (!hidden) hidden = (_state$hiddenRequired = state.hiddenRequiredDisabled[typeof n == 'string' ? n : n.join('.')]) === null || _state$hiddenRequired === void 0 ? void 0 : _state$hiddenRequired.hidden;
-                var pathName = [].concat(_toConsumableArray(Array.isArray(item.name) ? item.name : [item.name]), _toConsumableArray(Array.isArray(n) ? n : [n]));
+                var n = [field.name].concat(_toConsumableArray(Array.isArray(i.name) ? i.name : [i.name]), _toConsumableArray(i.doTranslate && postFixName ? Array.isArray(postFixName) ? postFixName : [postFixName] : []));
+                var hidden = state.getIsHidden(i, data);
                 return /*#__PURE__*/jsx(Form$1.Item, {
                   id: idx.toString(),
                   name: n,
@@ -13626,7 +13645,9 @@ var FormList$2 = function FormList(_ref) {
                   validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
                   help: state.fieldErrors[n.toString()],
                   hidden: hidden,
-                  children: getElement(i, state.data, setCanSave, state, state.onInputChanged, onError, root, form, hidden, pathName)
+                  children: getElement(_objectSpread$G(_objectSpread$G({}, i), {}, {
+                    name: n
+                  }), state.data, setCanSave, state, state.onInputChanged, onError, root, form, hidden)
                 }, idx);
               })
             })]
@@ -13658,7 +13679,7 @@ var ApiKey = function ApiKey(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     _value = _useState2[0],
     setValue = _useState2[1];
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var generateApiKey = function generateApiKey() {
     var result = '';
@@ -13692,7 +13713,7 @@ function useButtonData (_ref) {
     data = _ref.data,
     callback = _ref.callback;
   var root = useStore();
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -13792,8 +13813,8 @@ var Result = function Result(_ref) {
 
 var success = "success-tRJ7j";
 var error = "error-MtAFB";
-var css_248z$m = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
-styleInject(css_248z$m);
+var css_248z$n = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
+styleInject(css_248z$n);
 
 var azureIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248px%22%20height%3D%2248px%22%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6a%22%20x1%3D%22-1254.397%22%20x2%3D%22-1261.911%22%20y1%3D%22877.268%22%20y2%3D%22899.466%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23114a8b%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230669bc%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6a%29%22%20d%3D%22M17.634%2C6h11.305L17.203%2C40.773c-0.247%2C0.733-0.934%2C1.226-1.708%2C1.226H6.697%20c-0.994%2C0-1.8-0.806-1.8-1.8c0-0.196%2C0.032-0.39%2C0.094-0.576L15.926%2C7.227C16.173%2C6.494%2C16.86%2C6%2C17.634%2C6L17.634%2C6z%22%2F%3E%20%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M34.062%2C29.324H16.135c-0.458-0.001-0.83%2C0.371-0.831%2C0.829c0%2C0.231%2C0.095%2C0.451%2C0.264%2C0.608%20l11.52%2C10.752C27.423%2C41.826%2C27.865%2C42%2C28.324%2C42h10.151L34.062%2C29.324z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6b%22%20x1%3D%22-1252.05%22%20x2%3D%22-1253.788%22%20y1%3D%22887.612%22%20y2%3D%22888.2%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.3%22%2F%3E%20%20%3Cstop%20offset%3D%22.071%22%20stop-opacity%3D%22.2%22%2F%3E%20%20%3Cstop%20offset%3D%22.321%22%20stop-opacity%3D%22.1%22%2F%3E%20%20%3Cstop%20offset%3D%22.623%22%20stop-opacity%3D%22.05%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6b%29%22%20d%3D%22M17.634%2C6c-0.783-0.003-1.476%2C0.504-1.712%2C1.25L5.005%2C39.595%20c-0.335%2C0.934%2C0.151%2C1.964%2C1.085%2C2.299C6.286%2C41.964%2C6.493%2C42%2C6.702%2C42h9.026c0.684-0.122%2C1.25-0.603%2C1.481-1.259l2.177-6.416%20l7.776%2C7.253c0.326%2C0.27%2C0.735%2C0.419%2C1.158%2C0.422h10.114l-4.436-12.676l-12.931%2C0.003L28.98%2C6H17.634z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6c%22%20x1%3D%22-1252.952%22%20x2%3D%22-1244.704%22%20y1%3D%22876.6%22%20y2%3D%22898.575%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%233ccbf4%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232892df%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6c%29%22%20d%3D%22M32.074%2C7.225C31.827%2C6.493%2C31.141%2C6%2C30.368%2C6h-12.6c0.772%2C0%2C1.459%2C0.493%2C1.705%2C1.224%20l10.935%2C32.399c0.318%2C0.942-0.188%2C1.963-1.13%2C2.281C29.093%2C41.968%2C28.899%2C42%2C28.703%2C42h12.6c0.994%2C0%2C1.8-0.806%2C1.8-1.801%20c0-0.196-0.032-0.39-0.095-0.575L32.074%2C7.225z%22%2F%3E%3C%2Fsvg%3E";
 
@@ -13857,24 +13878,24 @@ var CustomButton$1 = observer(CustomButton, {
   forwardRef: true
 });
 
-var wrapper$3 = "wrapper-GVe2h";
+var wrapper$4 = "wrapper-GVe2h";
 var buttonGroup = "button-group-GYt-T";
-var css_248z$l = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
-styleInject(css_248z$l);
+var css_248z$m = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
+styleInject(css_248z$m);
 
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SubTitle = function SubTitle(_ref) {
   var _item$orientation, _item$buttonIds;
   var item = _ref.item,
     data = _ref.data;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Divider, {
     orientation: (_item$orientation = item.orientation) !== null && _item$orientation !== void 0 ? _item$orientation : 'left',
-    style: _objectSpread$D({}, item.style),
+    style: _objectSpread$F({}, item.style),
     children: /*#__PURE__*/jsxs("div", {
-      className: wrapper$3,
+      className: wrapper$4,
       children: [Array.isArray(item.name) ? t(item.name[0].toString()) : t(item.name), ((_item$buttonIds = item.buttonIds) === null || _item$buttonIds === void 0 ? void 0 : _item$buttonIds.length) && item.buttonIds.map(function (b) {
         return /*#__PURE__*/jsx("div", {
           className: buttonGroup,
@@ -13980,7 +14001,7 @@ function getCombinedValues(data, pattern) {
   return value;
 }
 
-var LOG$8 = getLogger('Backoffice', 'SelectSimple');
+var LOG$9 = getLogger('Backoffice', 'SelectSimple');
 function useSelectSimpleData (_ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -14019,7 +14040,7 @@ function useSelectSimpleData (_ref) {
   }, [selected]);
   useEffect(function () {
     if (configuredOptions) {
-      if (apiHandler.canReadList) LOG$8.warn('If options are provided, apiInterface will not be used');
+      if (apiHandler.canReadList) LOG$9.warn('If options are provided, apiInterface will not be used');
       setOptions(configuredOptions);
       setLoading(false);
       return;
@@ -14040,7 +14061,7 @@ function useSelectSimpleData (_ref) {
   useEffect(function () {
     // set the selected option only after the options are loaded
     if (value && options) {
-      LOG$8.debug('value changed', value);
+      LOG$9.debug('value changed', value);
       setSelected(findByValue(value, options, selectMapping));
     }
   }, [value, options]);
@@ -14074,7 +14095,7 @@ function findByValue(value, options, selectMapping) {
     return (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? option.value == value : getCombinedValues(option.data, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.value) == getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.value);
   });
   if (!option) {
-    LOG$8.debug('findByValue: option not found, add dummy option for current value', value, options);
+    LOG$9.debug('findByValue: option not found, add dummy option for current value', value, options);
     //TODO: if we and server side filtering, the dummy option must be handled differently
     option = {
       label: (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? value : getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.label),
@@ -14108,8 +14129,8 @@ function parseReturnData(options, selectMapping) {
 }
 
 var _excluded$3 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options"];
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectWrapper$1 = function SelectWrapper(_ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -14128,7 +14149,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref) {
     type: 'SelectSimple',
     options: options
   });
-  return /*#__PURE__*/jsx(Select$1, _objectSpread$C(_objectSpread$C({}, selectProps), {}, {
+  return /*#__PURE__*/jsx(Select$1, _objectSpread$E(_objectSpread$E({}, selectProps), {}, {
     showSearch: search,
     loading: state.loading,
     options: state.options,
@@ -14758,8 +14779,8 @@ var _default = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 getLogger('Backoffice', 'SelectClientRelationCatalog');
 function useSelectClientRelationCatalog (_ref) {
   var onSelectedCatalog = _ref.onSelectedCatalog,
@@ -14928,7 +14949,7 @@ function useSelectClientRelationCatalog (_ref) {
           case 22:
             supplierData = _context2.sent;
           case 23:
-            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$B(_objectSpread$B({}, _selectedSupplier), {}, {
+            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$D(_objectSpread$D({}, _selectedSupplier), {}, {
               supplierGuid: catalogList === null || catalogList === void 0 || (_catalogList$ = catalogList[0]) === null || _catalogList$ === void 0 ? void 0 : _catalogList$.Subfolder
             }), supplierData);
             if (catalogId && catalogList.find(function (c) {
@@ -14994,8 +15015,8 @@ var customSelect = "custom-select-ESUJX";
 var customSelectOption = "custom-select-option-dUA7N";
 var avatarWrapper = "avatar-wrapper-Vg-xe";
 var selectTextWrapper = "select-text-wrapper-hPSZW";
-var css_248z$k = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N {\n  margin: 0px 12px;\n  padding: 5px 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 100%;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
-styleInject(css_248z$k);
+var css_248z$l = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N {\n  margin: 0px 12px;\n  padding: 5px 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 100%;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
+styleInject(css_248z$l);
 
 var Selector = function Selector(_ref) {
   var items = _ref.items,
@@ -15101,7 +15122,7 @@ function SelectClientRelationCatalog (_ref) {
     doReadSupplierData = _ref.doReadSupplierData,
     supplierGuid = _ref.supplierGuid,
     sessionGuid = _ref.sessionGuid;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useSelectClientRelat = useSelectClientRelationCatalog({
       onSelectedCatalog: onSelectedCatalog,
@@ -15149,8 +15170,8 @@ function SelectClientRelationCatalog (_ref) {
 function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
 function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useSelectData (_ref) {
   var data = _ref.data,
     onChange = _ref.onChange,
@@ -15172,7 +15193,7 @@ function useSelectData (_ref) {
     useFirstValueAsDefault = _ref.useFirstValueAsDefault,
     canSetToUndefined = _ref.canSetToUndefined;
   var root = useStore();
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var filterServerSide = _typeof(apiInterface) == 'object' && _typeof(apiInterface.read) == 'object' && apiInterface.read.filterServerSide;
   var _useMemo = useMemo(function () {
@@ -15331,7 +15352,7 @@ function useSelectData (_ref) {
             setFetching(true);
             serverSideParams = {
               filters: selectMapping !== null && selectMapping !== void 0 && selectMapping.searchField ? selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.searchField.reduce(function (filter, field) {
-                return _objectSpread$A(_objectSpread$A({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
+                return _objectSpread$C(_objectSpread$C({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
               }, {}) : {
                 _id: [value, 'contains']
               },
@@ -15537,8 +15558,8 @@ function useSelectData (_ref) {
   };
 }
 
-var css_248z$j = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
-styleInject(css_248z$j);
+var css_248z$k = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
+styleInject(css_248z$k);
 
 var SelectWrapper = function SelectWrapper(_ref) {
   var onChange = _ref.onChange,
@@ -15584,7 +15605,7 @@ var SelectWrapper = function SelectWrapper(_ref) {
     useFirstValueAsDefault: useFirstValueAsDefault,
     canSetToUndefined: canSetToUndefined
   });
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var filterServerSide = _typeof(apiInterface) == 'object' && _typeof(apiInterface.read) == 'object' && apiInterface.read.filterServerSide;
   var selected = state.selected;
@@ -15617,15 +15638,278 @@ var Select = observer(SelectWrapper, {
   forwardRef: true
 });
 
+var wrapper$3 = "wrapper-WStAk";
+var headerWrapper = "header-wrapper-gWQuH";
+var buttonsWrapper$1 = "buttons-wrapper-7ebR9";
+var css_248z$j = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
+styleInject(css_248z$j);
+
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$8 = getLogger('Backoffice', 'Translation Form');
+function useTranslationHook (item, state) {
+  var root = useStore();
+  var _useDivaCore = useDivaCore(),
+    toggleLoading = _useDivaCore.actions.toggleLoading;
+  var _useState = useState('de'),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentLang = _useState2[0],
+    setCurrentLang = _useState2[1];
+  var _useMemo = useMemo(function () {
+      return {
+        apiHandler: new _default$d({
+          type: 'SelectOrCreate',
+          apiInterface: item.apiInterface
+        }, root)
+      };
+    }, [item]),
+    apiHandler = _useMemo.apiHandler;
+  var options = [{
+    label: 'Deutsch',
+    value: 'de'
+  }, {
+    label: 'Italienisch',
+    value: 'it'
+  }, {
+    label: 'Französisch',
+    value: 'fr'
+  }, {
+    label: 'Englisch',
+    value: 'en'
+  }];
+  var autoTranslate = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var itemsToTranslate, _getToTranslateItems, i, _itemsToTranslate$i, name, value, translation, lang;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            toggleLoading('TRANSLATION');
+            state.onInputChanged();
+            itemsToTranslate = [];
+            _getToTranslateItems = function getToTranslateItems(items) {
+              var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : state.data;
+              var namePrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+              for (var i = 0; i < items.length; i++) {
+                var im = items[i];
+                var itemNameAsArray = Array.isArray(im.name) ? im.name : [im.name];
+                if (im.doTranslate) {
+                  itemsToTranslate.push({
+                    name: [].concat(_toConsumableArray(namePrefix), _toConsumableArray(itemNameAsArray)),
+                    value: state.getData([].concat(_toConsumableArray(itemNameAsArray), [currentLang]), data)
+                  });
+                }
+                if (im.type == 'array') {
+                  var arrayData = state.getData(im.name, state.data);
+                  for (var j = 0; j < arrayData.length; j++) {
+                    var d = arrayData[j];
+                    _getToTranslateItems(im.items, d, [].concat(_toConsumableArray(itemNameAsArray), [j]));
+                  }
+                }
+              }
+            };
+            _getToTranslateItems(item.items);
+            i = 0;
+          case 6:
+            if (!(i < itemsToTranslate.length)) {
+              _context.next = 31;
+              break;
+            }
+            _itemsToTranslate$i = itemsToTranslate[i], name = _itemsToTranslate$i.name, value = _itemsToTranslate$i.value;
+            if (!(value === undefined || isValidURL(value))) {
+              _context.next = 10;
+              break;
+            }
+            return _context.abrupt("continue", 28);
+          case 10:
+            translation = void 0;
+            _context.prev = 11;
+            _context.next = 14;
+            return getTranslation(currentLang, value);
+          case 14:
+            translation = _context.sent;
+            _context.t0 = _regeneratorRuntime.keys(translation);
+          case 16:
+            if ((_context.t1 = _context.t0()).done) {
+              _context.next = 23;
+              break;
+            }
+            lang = _context.t1.value;
+            if (!(lang == currentLang)) {
+              _context.next = 20;
+              break;
+            }
+            return _context.abrupt("continue", 16);
+          case 20:
+            state.onInputChanged([].concat(_toConsumableArray(name), [lang]), translation[lang]);
+            _context.next = 16;
+            break;
+          case 23:
+            _context.next = 28;
+            break;
+          case 25:
+            _context.prev = 25;
+            _context.t2 = _context["catch"](11);
+            LOG$8.error({
+              message: 'Error on translating ' + value,
+              name: ''
+            });
+          case 28:
+            i++;
+            _context.next = 6;
+            break;
+          case 31:
+            toggleLoading('TRANSLATION');
+          case 32:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[11, 25]]);
+    }));
+    return function autoTranslate() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getTranslation = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(lang, value) {
+      var result;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return apiHandler.create({
+              locales: _objectSpread$B({
+                de: {},
+                it: {},
+                fr: {},
+                en: {}
+              }, _defineProperty({}, lang, {
+                "default": value
+              }))
+            }, {
+              type: 'body',
+              map: [{
+                sourceField: 'locales',
+                targetField: 'locales'
+              }]
+            });
+          case 2:
+            result = _context2.sent;
+            return _context2.abrupt("return", result.translations);
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getTranslation(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var isValidURL = function isValidURL(string) {
+    try {
+      new URL(string);
+      return true;
+    } catch (_unused) {
+      return false;
+    }
+  };
+  var onChange = function onChange(value) {
+    state.onInputChanged();
+    setCurrentLang(value);
+  };
+  return {
+    currentLang: currentLang,
+    onChange: onChange,
+    options: options,
+    autoTranslate: autoTranslate
+  };
+}
+
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Translation = function Translation(_ref) {
+  var item = _ref.item,
+    state = _ref.state,
+    data = _ref.data,
+    setCanSave = _ref.setCanSave,
+    onError = _ref.onError,
+    form = _ref.form,
+    root = _ref.root;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useTranslationHook = useTranslationHook(item, state),
+    currentLang = _useTranslationHook.currentLang,
+    options = _useTranslationHook.options,
+    _onChange = _useTranslationHook.onChange,
+    autoTranslate = _useTranslationHook.autoTranslate;
+  return /*#__PURE__*/jsxs("div", {
+    className: wrapper$3,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: headerWrapper,
+      children: [/*#__PURE__*/jsx("div", {
+        children: t('backoffice.form.transaltion')
+      }), /*#__PURE__*/jsxs("div", {
+        className: buttonsWrapper$1,
+        children: [/*#__PURE__*/jsx(Radio.Group, {
+          options: options,
+          onChange: function onChange(e) {
+            return _onChange(e.target.value);
+          },
+          value: currentLang,
+          optionType: "button",
+          buttonStyle: "solid"
+        }), /*#__PURE__*/jsx(Button, {
+          onClick: autoTranslate,
+          children: t('backoffice.translate_to_lang', {
+            lang: t('backoffice.form.applicationtranslationedit.items.' + currentLang)
+          })
+        })]
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      style: {
+        marginLeft: 64
+      },
+      children: item.items.map(function (i, idx) {
+        var n = [].concat(_toConsumableArray(Array.isArray(i.name) ? i.name : [i.name]), _toConsumableArray(i.doTranslate ? [currentLang] : []));
+        var hidden = state.getIsHidden(i, data);
+        return /*#__PURE__*/jsx(Fragment, {
+          children: ['subTitle', 'array'].includes(i.type) ? /*#__PURE__*/jsx(Fragment, {
+            children: getElement(_objectSpread$A(_objectSpread$A({}, i), {}, {
+              name: n
+            }), state.data, setCanSave, state, state.onInputChanged, onError, root, form, hidden, currentLang)
+          }) : /*#__PURE__*/jsx(Form$1.Item, {
+            id: idx.toString(),
+            name: n,
+            rules: state.getRules(i, state.data),
+            label: getLabel(i, t),
+            valuePropName: i.type == 'checkbox' ? 'checked' : 'value',
+            initialValue: i === null || i === void 0 ? void 0 : i.defaultValue,
+            hasFeedback: !!state.fieldErrors[n.toString()],
+            validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
+            help: state.fieldErrors[n.toString()],
+            hidden: hidden,
+            children: getElement(_objectSpread$A(_objectSpread$A({}, i), {}, {
+              name: n
+            }), state.data, setCanSave, state, state.onInputChanged, onError, root, form, hidden)
+          }, idx)
+        });
+      })
+    })]
+  });
+};
+var Translation$1 = observer(Translation, {
+  forwardRef: true
+});
+
 function _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
 function _arrayLikeToArray$g(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function getElement(item, data, setCanSave, state, _onChange, _onError, root, form, hidden, overwrittenName) {
+function getElement(item, data, setCanSave, state, _onChange, _onError, root, form, hidden, postFixName) {
   var _isReadonly, _state$hiddenRequired;
   if (hidden) return /*#__PURE__*/jsx(Fragment, {});
-  var name = overwrittenName || item.name;
+  var name = item.name;
   var disabled = (_isReadonly = isReadonly(item, data)) !== null && _isReadonly !== void 0 ? _isReadonly : (_state$hiddenRequired = state.hiddenRequiredDisabled[typeof name == 'string' ? name : name.join('.')]) === null || _state$hiddenRequired === void 0 ? void 0 : _state$hiddenRequired.disabled;
   switch (item.type) {
     case 'select':
@@ -15767,6 +16051,17 @@ function getElement(item, data, setCanSave, state, _onChange, _onError, root, fo
       });
     case 'array':
       return /*#__PURE__*/jsx(FormList$3, {
+        item: item,
+        data: data,
+        state: state,
+        onError: _onError,
+        root: root,
+        setCanSave: setCanSave,
+        form: form,
+        postFixName: postFixName
+      });
+    case 'translation':
+      return /*#__PURE__*/jsx(Translation$1, {
         item: item,
         data: data,
         state: state,
@@ -15911,7 +16206,7 @@ var Presets = function Presets(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     presetIds = _useState8[0],
     setPresetIds = _useState8[1];
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   useEffect(function () {
     getPresets();
@@ -16070,7 +16365,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
   var _Form$useForm = Form$1.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
   useImperativeHandle(ref, function () {
@@ -18128,7 +18423,7 @@ var Filter = function Filter(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     selectedKeys = _useState2[0],
     setSelectedKeys = _useState2[1];
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxs("div", {
     style: {
@@ -18347,7 +18642,7 @@ var RelationSelector = function RelationSelector(_ref, ref) {
     id: id,
     data: data
   });
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   useImperativeHandle(ref, function () {
     return {
@@ -18672,7 +18967,7 @@ var FormList = function FormList(_ref, ref) {
     onSave: onChange,
     data: data
   });
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   useImperativeHandle(ref, function () {
     return {
@@ -19042,7 +19337,7 @@ var FormWrapper = function FormWrapper(_ref, ref) {
     onChange: onChange,
     onError: onError
   });
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   useImperativeHandle(ref, function () {
     return {
@@ -19100,7 +19395,7 @@ var SelectOrCreate = observer(FormWrapper, {
 var Single = function Single(_ref2) {
   var _state$selected$;
   var state = _ref2.state;
-  var _useTranslation2 = useTranslation$1(),
+  var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [(state.selected[0] || state.newEntries[0]) && /*#__PURE__*/jsx(Form, {
@@ -19156,7 +19451,7 @@ function useListData (_ref) {
   var id = _ref.id,
     data = _ref.data;
   var root = useStore();
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useMemo = useMemo(function () {
       return {
@@ -19720,7 +20015,7 @@ var JsonEditor$1 = observer(JsonEditor, {
 });
 
 function ConfirmationPopup(props) {
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Modal$2, {
     title: t('backoffice.confirmationpopup.title'),
@@ -20175,7 +20470,7 @@ var DescriptionWrapper = function DescriptionWrapper(_ref) {
   var state = useDescriptions({
     id: id
   });
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Spin, {
     spinning: state.loading,
@@ -20227,7 +20522,7 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     assetKey = _useState4[0],
     setAssetKey = _useState4[1];
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -20437,7 +20732,7 @@ var css_248z$e = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZq
 styleInject(css_248z$e);
 
 var ToolTipInfo = function ToolTipInfo(props) {
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx("div", {
     className: wrapper$2,
@@ -20748,7 +21043,7 @@ function StringCell (_ref) {
     editing = _useState2[0],
     setEditing = _useState2[1];
   var form = useContext(EditableContext);
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState3 = useState(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -20986,7 +21281,7 @@ function DropdownCell (_ref) {
     dataIndex = _ref.dataIndex;
     _ref.record;
     var save = _ref.save;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   if (column.editable) {
     var _column$flow, _column$flow2;
@@ -21824,7 +22119,7 @@ var TableWrapper = function TableWrapper(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     autoRefresh = _useState2[0],
     setAutoRefresh = _useState2[1];
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -22114,7 +22409,7 @@ function DeleteButton(_ref2) {
     min = _ref2$min === void 0 ? 0 : _ref2$min,
     deleting = _ref2.deleting,
     onDelete = _ref2.onDelete;
-  var _useTranslation2 = useTranslation$1(),
+  var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
   var hasSelected = (selected === null || selected === void 0 ? void 0 : selected.length) > 0;
   var leftAfterDelete = total - selected.length;
@@ -22258,7 +22553,7 @@ function CopyButton(_ref3) {
       return _ref5.apply(this, arguments);
     };
   }();
-  var _useTranslation3 = useTranslation$1(),
+  var _useTranslation3 = useTranslation(),
     t = _useTranslation3.t;
   return /*#__PURE__*/jsx(Button, {
     type: "primary",
@@ -22272,7 +22567,7 @@ function BulkAction(_ref6) {
   var action = _ref6.action,
     state = _ref6.state;
   var root = useStore();
-  var _useTranslation4 = useTranslation$1(),
+  var _useTranslation4 = useTranslation(),
     t = _useTranslation4.t;
   var hasSelected = ((_state$selected2 = state.selected) === null || _state$selected2 === void 0 ? void 0 : _state$selected2.length) > 0;
   var selectedData = useMemo(function () {
@@ -22522,7 +22817,7 @@ var intervalProps = function intervalProps(title) {
         _useState2 = _slicedToArray(_useState, 2),
         interval = _useState2[0],
         setInterval = _useState2[1];
-      var _useTranslation = useTranslation$1(),
+      var _useTranslation = useTranslation(),
         t = _useTranslation.t;
       useEffect(function () {
         var newSelectedKeys = [];
@@ -22815,7 +23110,7 @@ var selectProps = function selectProps(title, filter) {
         confirm = _ref5.confirm,
         clearFilters = _ref5.clearFilters,
         visible = _ref5.visible;
-      var _useTranslation2 = useTranslation$1(),
+      var _useTranslation2 = useTranslation(),
         t = _useTranslation2.t;
       var ref = useRef(null);
       useEffect(function () {
@@ -22885,7 +23180,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         var confirm = _ref6.confirm,
         clearFilters = _ref6.clearFilters;
         _ref6.visible;
-      var _useTranslation3 = useTranslation$1(),
+      var _useTranslation3 = useTranslation(),
         t = _useTranslation3.t;
       var _useState3 = useState([]),
         _useState4 = _slicedToArray(_useState3, 2),
@@ -23536,7 +23831,7 @@ function TranslationTabs(_ref) {
   var filterContex = _ref.filterContex,
     setFilterContext = _ref.setFilterContext,
     tabs = _ref.tabs;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Tabs, {
     activeKey: filterContex,
@@ -24214,7 +24509,7 @@ function StandardTable (_ref) {
   var id = _ref.id,
     parentData = _ref.parentData,
     parentMapping = _ref.parentMapping;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     i18n = _useTranslation.i18n;
   var state = useTableData({
     id: id,
@@ -24551,7 +24846,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
   });
   var gridRef = useRef(); // Optional - for accessing Grid's API
   var root = useStore();
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     i18n = _useTranslation.i18n,
     t = _useTranslation.t;
   function columnEnricher(columns) {
@@ -25457,7 +25752,7 @@ var OrgItem = function OrgItem(_ref) {
     setUpdate = _ref$state[1],
     onDelete = _ref.onDelete,
     parentOrgId = _ref.parentOrgId;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
   return /*#__PURE__*/jsxs("div", {
@@ -25920,7 +26215,7 @@ var ZoomWrapper = function ZoomWrapper(_ref) {
 var SearchSelect = function SearchSelect(_ref) {
   var flatData = _ref.flatData;
   var root = useStore();
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var onChange = function onChange(value) {
     var _root$dataStore;
@@ -26266,7 +26561,7 @@ function DragDropUpload(_ref) {
   var api2Params = _ref.api2Params,
     catalogId = _ref.catalogId,
     startImport = _ref.startImport;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var Dragger = Upload.Dragger;
   var _useState = useState(''),
@@ -26405,7 +26700,7 @@ function DragDropUpload(_ref) {
 function CatalogEditor(_ref) {
   var id = _ref.id;
   var root = useStore();
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useCatalogEditor = useCatalogEditor(id),
     error = _useCatalogEditor.error,
@@ -26623,80 +26918,98 @@ var config$6 = {
     colDef: [{
       field: '_id',
       filter: 'text',
+      headerName: 'backoffice.idmEnricher.general.label._id',
       hide: true,
       editable: false
     }, {
       field: 'detailInfoNo',
+      headerName: 'backoffice.idmEnricher.renaming.label.detailinfo_nr',
       filter: 'number',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.classification',
       field: 'classification',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.infoType',
       field: 'infoType',
       filter: 'number',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.layer',
       field: 'layer',
       filter: 'number',
       editable: false
     }, {
       field: 'url',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.url',
       filter: 'text',
       editable: false
     }, {
       field: 'hashValue',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.hashValue',
       filter: 'text',
       editable: false
     }, {
       field: 'isoLanguageId',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.isoLanguage',
       filter: 'text',
       editable: false
     }, {
       field: 'mediaType',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.mediaType',
       filter: 'text',
       editable: false
     }, {
       field: 'functionType',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.functionType',
       filter: 'text',
       editable: false
     }, {
       field: 'mediaItemId',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.mediaItemId',
       filter: 'text',
       editable: false
     }, {
       field: 'mediaItemRefId',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.mediaItemRefId',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.error',
       field: 'error',
       filter: 'text',
       editable: false
     }, {
       field: 'externalName',
+      headerName: 'backoffice.idmEnricher.renaming.label.externalName',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
       field: 'internalName',
+      headerName: 'backoffice.idmEnricher.renaming.label.internalName',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
       field: 'toolTip',
+      headerName: 'backoffice.idmEnricher.renaming.label.tooltip',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
       field: 'catalogId',
+      headerName: 'backoffice.idmEnricher.packages.label.catalogId',
       filter: 'text',
       editable: false
     }, {
       field: 'organizationId',
+      headerName: 'backoffice.idmEnricher.packages.label.organizationId',
       filter: 'text',
       editable: false,
       defaultValue: '${organizationId}'
@@ -26707,44 +27020,54 @@ var config$6 = {
       field: '_id',
       filter: 'text',
       hide: true,
+      headerName: 'backoffice.idmEnricher.general.label._id',
       editable: false
     }, {
       field: 'featureText',
+      headerName: 'backoffice.idmEnricher.renaming.label.featuretext',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
       field: 'featureNo',
+      headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.headerPosVariationType',
       field: 'headerPosVariationType',
       filter: 'text',
       editable: false
     }, {
       field: 'catalogId',
+      headerName: 'backoffice.idmEnricher.packages.label.catalogId',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.packages.label.organizationId',
       field: 'organizationId',
       filter: 'text',
       hide: true,
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
       field: 'sequenceNo',
       filter: 'number',
       editable: false
     }, {
       field: 'featureT',
+      headerName: 'backoffice.idmEnricher.renaming.label.featureT',
       filter: 'text',
       editable: false
     }, {
       field: 'measureUnit',
+      headerName: 'backoffice.idmEnricher.renaming.label.measureUnit',
       filter: 'text',
       editable: false
     }, {
       field: 'measureParameter',
+      headerName: 'backoffice.idmEnricher.renaming.label.measureParameter',
       filter: 'text',
       editable: false
     }]
@@ -26753,48 +27076,58 @@ var config$6 = {
     colDef: [{
       field: '_id',
       filter: 'text',
+      headerName: 'backoffice.idmEnricher.general.label._id',
       hide: true,
       editable: false
     }, {
       field: 'seriesName',
+      headerName: 'backoffice.idmEnricher.renaming.label.serieName',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
       field: 'seriesFullText',
+      headerName: 'backoffice.idmEnricher.renaming.label.serieFullText',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
       field: 'serieNo',
+      headerName: 'backoffice.idmEnricher.renaming.label.serieNo',
       filter: 'number',
       editable: false
     }, {
       field: 'catalogId',
+      headerName: 'backoffice.idmEnricher.packages.label.catalogId',
       filter: 'text',
       editable: false
     }, {
       field: 'organizationId',
+      headerName: 'backoffice.idmEnricher.packages.label.organizationId',
       filter: 'text',
       editable: false,
       defaultValue: '${organizationId}'
     }, {
       field: 'sequenceNo',
+      headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
       filter: 'number',
       editable: false
     }, {
       field: 'purchaseRetailId',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.purchaseRetailId',
       filter: 'number',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.validFrom',
       field: 'validFrom',
       filter: 'date',
       cellDataType: 'dateString',
       editable: false
     }, {
       field: 'validUntil',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.validUntil',
       filter: 'date',
       cellDataType: 'dateString',
       editable: false
@@ -26803,103 +27136,128 @@ var config$6 = {
   serieItems: {
     colDef: [{
       field: 'typeNo',
+      headerName: 'backoffice.idmEnricher.renaming.label.typeNo',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.shortText',
       field: 'shortText',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.fullText',
       field: 'fullText',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.edpnummer',
       field: 'edpNumber',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.eannummer',
       field: 'eanNumber',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.featureClassRefNo',
       field: 'featureClassRefNo',
       filter: 'number',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.priceTypeRef',
       field: 'priceTypeRef',
       filter: 'number',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.itemIdentification',
       field: 'itemIdentification',
       filter: 'text',
       editable: false
     }, {
       field: 'catalogPage',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.catalogPage',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.validFrom',
       field: 'validFromDate',
       filter: 'date',
       cellDataType: 'dateString',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.validUntil',
       field: 'validUntilDate',
       filter: 'date',
       cellDataType: 'dateString',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.weightBrutto',
       field: 'weightBrutto',
       filter: 'number',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.weightNetto',
       field: 'weightNetto',
       filter: 'number',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.volume',
       field: 'volume',
       filter: 'number',
       editable: false
     }, {
       field: 'minimumDeliveryTime',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.minimumDeliveryTime',
       filter: 'number',
       editable: false
     }, {
       field: 'typeKey',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.typeKey',
       filter: 'text',
       editable: false
     }, {
       field: 'eClassNo',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.eClassNo',
       filter: 'number',
       editable: false
     }, {
       field: 'detailInfoRefs',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.detailInfoRefs',
       editable: false
     }, {
       field: 'partListExclusive',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.partListExclusive',
       editable: false
     }, {
       field: 'partListRef',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.partListRef',
       filter: 'text',
       editable: false
     }, {
       field: 'decisionRefs',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.decisionRefs',
       editable: false
     }, {
       field: 'mandatoryAdditionalItems',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.mandatoryAdditionalItems',
       editable: false
     }, {
       field: 'optionalAdditionalItems',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.optionalAdditionalItems',
       editable: false
     }, {
       field: 'sequenceNo',
+      headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
       filter: 'number',
       editable: false
     }, {
       field: 'planningAdvice',
+      headerName: 'backoffice.idmEnricher.renaming.label.planningAdvice',
       editable: false,
       filter: 'text',
       type: 'translated',
@@ -26909,9 +27267,11 @@ var config$6 = {
       editable: false,
       filter: 'text',
       type: 'translated',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.groupTitleDb',
       isDictionary: true
     }, {
       field: 'salesNumber',
+      headerName: 'backoffice.idmEnricher.renaming.label.translatedSalesNumber',
       filter: 'text',
       editable: false
     }]
@@ -26919,77 +27279,94 @@ var config$6 = {
   featureOptions: {
     colDef: [{
       field: '_id',
+      headerName: 'backoffice.idmEnricher.general.label._id',
       filter: 'text',
       hide: true,
       editable: false
     }, {
       field: 'sequenceNo',
+      headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
       filter: 'number',
       editable: false
     }, {
       field: 'optionKey',
+      headerName: 'backoffice.idmEnricher.renaming.label.optionKey',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.optionText',
       field: 'optionText',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.optionCommentText',
       field: 'optionCommentText',
       editable: false,
       filter: 'text',
       type: 'translated',
       isDictionary: true
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.optionFreeText',
       field: 'optionFreeText',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.validFrom',
       field: 'validFromDate',
       filter: 'date',
       cellDataType: 'dateString',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.validUntil',
       field: 'validUntilDate',
       filter: 'date',
       cellDataType: 'dateString',
       editable: false
     }, {
       field: 'materialId',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.materialId',
       filter: 'text',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.materialNo',
       field: 'materialNo',
       filter: 'text',
       editable: false
     }, {
       field: 'materialColorR',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.materialColorR',
       filter: 'number',
       editable: false
     }, {
       field: 'materialColorG',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.materialColorG',
       filter: 'number',
       editable: false
     }, {
       field: 'materialColorB',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.materialColorB',
       filter: 'number',
       editable: false
     }, {
       field: 'measureId',
       filter: 'text',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.measuerId',
       editable: false
     }, {
+      headerName: 'backoffice.idmEnricher.exclusivity.label.measureNo',
       field: 'measureNo',
       filter: 'number',
       editable: false
     }, {
       field: 'measureValue',
+      headerName: 'backoffice.idmEnricher.exclusivity.label.measureValue',
       filter: 'number',
       editable: false
     }, {
       field: 'measureUnit',
+      headerName: 'backoffice.idmEnricher.renaming.label.measureUnit',
       filter: 'text',
       editable: false
     }]
@@ -27244,7 +27621,7 @@ function TableExclusivity () {
               read: apiConfig.enricherService + '/packages/' + packageId + '/exclusivity/series'
             },
             selectMapping: {
-              label: '${seriesName.de}',
+              label: '${seriesName.DE}',
               value: '${_id}'
             },
             value: selectedSerie,
@@ -27261,7 +27638,7 @@ function TableExclusivity () {
               read: apiConfig.enricherService + '/packages/' + packageId + '/exclusivity/features'
             },
             selectMapping: {
-              label: '${featureText.de} (${featureNo})',
+              label: '${featureText.DE} (${featureNo})',
               value: '${_id}'
             },
             value: selectedOption,
@@ -27277,7 +27654,7 @@ function TableExclusivity () {
         })]
       })
     }), showTable() && /*#__PURE__*/jsx(Spreadsheet, {
-      gridId: (_ref = 'crud-grid_exclusivity_' + selectedType.value + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.seriesName.de)) !== null && _ref !== void 0 ? _ref : '',
+      gridId: (_ref = 'crud-grid_exclusivity_' + selectedType.value + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.seriesName.DE)) !== null && _ref !== void 0 ? _ref : '',
       jwt: jwt,
       applicationData: applicationData,
       configuration: {
@@ -27296,29 +27673,19 @@ function TableExclusivity () {
           pinned: 'left',
           lockPinned: true
         }].concat(_toConsumableArray(selectedType.colDef), [{
+          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedDate'),
           field: 'lastUpdatedDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
-          field: 'createdDate',
-          filter: 'date',
-          cellDataType: 'dateString',
-          editable: false
-        }, {
-          field: 'createdBy',
-          filter: 'text',
-          editable: false
-        }, {
-          field: 'createdByDisplayText',
-          filter: 'text',
-          editable: false
-        }, {
+          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedBy'),
           field: 'lastUpdatedByDisplayText',
           filter: 'text',
           editable: false
         }, {
-          field: 'lastUpdatedBy',
+          headerName: t('backoffice.idmEnricher.general.label._id'),
+          field: '_id',
           filter: 'text',
           editable: false
         }])
@@ -27407,7 +27774,7 @@ function TablePackages () {
         floatingFilter: true,
         colDef: [{
           field: 'isPublished',
-          headerName: t('backoffice.idmEnricher.packages.label.published'),
+          headerName: 'backoffice.idmEnricher.packages.label.published',
           valueGetter: function valueGetter(params) {
             var _params$data, _params$data2;
             var publishDate = (_params$data = params.data) !== null && _params$data !== void 0 && _params$data.publishDate ? new Date(params.data.publishDate) : undefined;
@@ -27429,12 +27796,12 @@ function TablePackages () {
             return params.value == undefined ? t('backoffice.idmEnricher.packages.label.unpublishedChanges') : undefined;
           }
         }, {
-          headerName: t('backoffice.idmEnricher.packages.label.name'),
+          headerName: 'backoffice.idmEnricher.packages.label.name',
           field: 'name',
           filter: 'text',
           required: true
         }, {
-          headerName: t('backoffice.idmEnricher.packages.label.catalogId'),
+          headerName: 'backoffice.idmEnricher.packages.label.catalogId',
           field: 'basedCatalogId',
           filter: 'text',
           type: 'lookup',
@@ -27454,7 +27821,7 @@ function TablePackages () {
           field: 'basedCatalogName',
           hide: true
         }, {
-          headerName: t('backoffice.idmEnricher.packages.label.packageId'),
+          headerName: 'backoffice.idmEnricher.packages.label.packageId',
           field: 'basedPackageId',
           filter: 'text',
           type: 'lookup',
@@ -27477,44 +27844,45 @@ function TablePackages () {
           field: 'basedPackageName',
           hide: true
         }, {
-          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedDate'),
+          headerName: 'backoffice.idmEnricher.general.label.lastUpdatedDate',
           field: 'lastUpdatedDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
-          headerName: t('backoffice.idmEnricher.general.label.createdDate'),
+          headerName: 'backoffice.idmEnricher.general.label.createdDate',
           field: 'createdDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
-          headerName: t('backoffice.idmEnricher.packages.label.publishDate'),
+          headerName: 'backoffice.idmEnricher.packages.label.publishDate',
           field: 'publishDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
-          headerName: t('backoffice.idmEnricher.general.label.createdBy'),
+          headerName: 'backoffice.idmEnricher.general.label.createdBy',
           field: 'createdByDisplayText',
           filter: 'text',
           editable: false
         }, {
-          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedBy'),
+          headerName: 'backoffice.idmEnricher.general.label.lastUpdatedBy',
           field: 'lastUpdatedByDisplayText',
           filter: 'text',
           editable: false
         }, {
-          headerName: t('backoffice.idmEnricher.packages.label.publishedBy'),
+          headerName: 'backoffice.idmEnricher.packages.label.publishedBy',
           field: 'publishedByDisplayText',
           filter: 'text',
           editable: false
         }, {
-          headerName: t('backoffice.idmEnricher.general.label._id'),
+          headerName: 'backoffice.idmEnricher.general.label._id',
           field: '_id',
           filter: 'text',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.packages.label.organizationId',
           field: 'organizationId',
           editable: false,
           hide: true,
@@ -27574,59 +27942,59 @@ function TableProperties () {
         floatingFilter: true,
         colDef: [{
           field: 'key',
-          headerName: 'Key',
+          headerName: 'backoffice.idmEnricher.properties.label.key',
           filter: 'text'
         }, {
-          headerName: 'Name',
+          headerName: 'backoffice.idmEnricher.properties.label.name',
           marryChildren: true,
           children: [{
-            field: 'name.de',
-            headerName: 'DE',
+            field: 'name.DE',
+            headerName: 'backoffice.idmEnricher.general.label.DE',
             isDictionary: true,
             filter: 'text'
           }, {
-            field: 'name.en',
-            headerName: 'EN',
+            field: 'name.EN',
+            headerName: 'backoffice.idmEnricher.general.label.EN',
             isDictionary: true,
             filter: 'text'
           }, {
-            field: 'name.fr',
-            headerName: 'FR',
+            field: 'name.FR',
+            headerName: 'backoffice.idmEnricher.general.label.FR',
             isDictionary: true,
             filter: 'text'
           }, {
-            field: 'name.it',
-            headerName: 'IT',
+            field: 'name.IT',
+            headerName: 'backoffice.idmEnricher.general.label.IT',
             isDictionary: true,
             filter: 'text'
           }]
         }, {
-          headerName: 'Value',
+          headerName: 'backoffice.idmEnricher.properties.label.value',
           marryChildren: true,
           children: [{
-            field: 'value.de',
-            headerName: 'DE',
+            field: 'value.DE',
+            headerName: 'backoffice.idmEnricher.general.label.DE',
             isDictionary: true,
             filter: 'text'
           }, {
-            field: 'value.en',
-            headerName: 'EN',
+            field: 'value.EN',
+            headerName: 'backoffice.idmEnricher.general.label.EN',
             isDictionary: true,
             filter: 'text'
           }, {
-            field: 'value.fr',
-            headerName: 'FR',
+            field: 'value.FR',
+            headerName: 'backoffice.idmEnricher.general.label.FR',
             isDictionary: true,
             filter: 'text'
           }, {
             field: 'value.IT',
-            headerName: 'IT',
+            headerName: 'backoffice.idmEnricher.general.label.IT',
             isDictionary: true,
             filter: 'text'
           }]
         }, {
           field: 'featureNos',
-          headerName: 'FeatureNo',
+          headerName: 'backoffice.idmEnricher.renaming.label.featureNos',
           cellDataType: 'string',
           editable: true,
           type: 'lookup',
@@ -27647,7 +28015,7 @@ function TableProperties () {
           isDictionary: true
         }, {
           field: 'optionKeys',
-          headerName: 'OptionKeys',
+          headerName: 'backoffice.idmEnricher.renaming.label.optionKeys',
           cellDataType: 'string',
           editable: true,
           type: 'lookup',
@@ -27668,7 +28036,7 @@ function TableProperties () {
           isDictionary: true
         }, {
           field: 'serieNos',
-          headerName: 'SerieNos',
+          headerName: 'backoffice.idmEnricher.renaming.label.serieNos',
           cellDataType: 'string',
           editable: true,
           type: 'lookup',
@@ -27689,7 +28057,7 @@ function TableProperties () {
           isDictionary: true
         }, {
           field: 'typeNos',
-          headerName: 'TypeNos',
+          headerName: 'backoffice.idmEnricher.properties.label.typeNos',
           cellDataType: 'string',
           editable: true,
           type: 'lookup',
@@ -27715,24 +28083,29 @@ function TableProperties () {
           required: true,
           hide: true
         }, {
+          headerName: 'backoffice.idmEnricher.general.label.lastUpdatedDate',
           field: 'lastUpdatedDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.general.label.createdDate',
           field: 'createdDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.general.label.createdBy',
           field: 'createdByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.general.label.lastUpdatedBy',
           field: 'lastUpdatedByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.general.label._id',
           field: '_id',
           filter: 'text',
           editable: false
@@ -27745,10 +28118,12 @@ function TableProperties () {
 var config$5 = {
   colDef: [{
     field: 'translatedName',
+    headerName: 'backoffice.idmEnricher.renaming.label.catalogName',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origName'
+      placeHolderField: 'origName',
+      combinedField: 'name'
     }
   }, {
     field: 'origName',
@@ -27759,8 +28134,10 @@ var config$5 = {
     field: 'translatedComment',
     filter: 'text',
     type: 'withPlaceHolder',
+    headerName: 'backoffice.idmEnricher.renaming.label.translatedComment',
     cellRendererParams: {
-      placeHolderField: 'origComment'
+      placeHolderField: 'origComment',
+      combinedField: 'comment'
     }
   }, {
     field: 'origComment',
@@ -27768,138 +28145,145 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
-    headerName: 'catalogName',
+    headerName: 'backoffice.idmEnricher.renaming.label.catalogName',
     marryChildren: true,
     children: [{
-      field: 'translatedCatalogName.de',
-      headerName: 'DE',
+      field: 'translatedCatalogName.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origCatalogName.de'
+        placeHolderField: 'origCatalogName.DE',
+        combinedField: 'catalogName.DE'
       }
     }, {
-      field: 'translatedCatalogName.en',
-      headerName: 'EN',
+      field: 'translatedCatalogName.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origCatalogName.en'
+        placeHolderField: 'origCatalogName.EN',
+        combinedField: 'catalogName.EN'
       }
     }, {
-      field: 'translatedCatalogName.fr',
-      headerName: 'FR',
+      field: 'translatedCatalogName.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origCatalogName.fr'
+        placeHolderField: 'origCatalogName.FR',
+        combinedField: 'catalogName.FR'
       }
     }, {
-      field: 'translatedCatalogName.it',
-      headerName: 'IT',
+      field: 'translatedCatalogName.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origCatalogName.it'
+        placeHolderField: 'origCatalogName.IT',
+        combinedField: 'catalogName.IT'
       }
     }]
   }, {
-    headerName: 'catalogName',
     marryChildren: true,
     hide: true,
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origCatalogName.de',
+      field: 'origCatalogName.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origCatalogName.en',
+      field: 'origCatalogName.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origCatalogName.fr',
+      field: 'origCatalogName.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origCatalogName.it',
+      field: 'origCatalogName.IT',
       hide: true,
       isDictionary: true
     }]
   }, {
-    headerName: 'catalogInfo',
+    headerName: 'backoffice.idmEnricher.renaming.label.catalogInfo',
     marryChildren: true,
     children: [{
-      field: 'translatedCatalogInfo.de',
-      headerName: 'DE',
+      field: 'translatedCatalogInfo.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origCatalogInfo.de'
+        placeHolderField: 'origCatalogInfo.DE',
+        combinedField: 'catalogInfo.DE'
       }
     }, {
-      field: 'translatedCatalogInfo.en',
-      headerName: 'EN',
+      field: 'translatedCatalogInfo.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origCatalogInfo.en'
+        placeHolderField: 'origCatalogInfo.EN',
+        combinedField: 'catalogInfo.EN'
       }
     }, {
-      field: 'translatedCatalogInfo.fr',
-      headerName: 'FR',
+      field: 'translatedCatalogInfo.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origCatalogInfo.fr'
+        placeHolderField: 'origCatalogInfo.FR',
+        combinedField: 'catalogInfo.FR'
       }
     }, {
-      field: 'translatedCatalogInfo.it',
-      headerName: 'FR',
+      field: 'translatedCatalogInfo.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origCatalogInfo.it'
+        placeHolderField: 'origCatalogInfo.IT',
+        combinedField: 'catalogInfo.IT'
       }
     }]
   }, {
-    headerName: 'catalogInfo',
     marryChildren: true,
     hide: true,
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origCatalogInfo.de',
+      field: 'origCatalogInfo.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origCatalogInfo.en',
+      field: 'origCatalogInfo.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origCatalogInfo.fr',
+      field: 'origCatalogInfo.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origCatalogInfo.it',
+      field: 'origCatalogInfo.IT',
       hide: true,
       isDictionary: true
     }]
   }, {
-    headerName: 'ContactPersonNo1',
+    headerName: 'backoffice.idmEnricher.renaming.label.contactperson',
     field: 'translatedContactPersonNo1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origContactPersonNo1'
+      placeHolderField: 'origContactPersonNo1',
+      combinedField: 'contactPersonNo1'
     }
   }, {
     field: 'origContactPersonNo1',
@@ -27907,11 +28291,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.contactrole',
     field: 'translatedContactRole1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origContactRole1'
+      placeHolderField: 'origContactRole1',
+      combinedField: 'contactRole1'
     }
   }, {
     field: 'origContactRole1',
@@ -27919,11 +28305,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.contactname',
     field: 'translatedContactName1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origContactName1'
+      placeHolderField: 'origContactName1',
+      combinedField: 'contactName1'
     }
   }, {
     field: 'origContactName1',
@@ -27931,11 +28319,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.firstname',
     field: 'translatedFirstName1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origFirstName1'
+      placeHolderField: 'origFirstName1',
+      combinedField: 'firstName1'
     }
   }, {
     field: 'origFirstName1',
@@ -27943,20 +28333,22 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.form_of_address',
     field: 'translatedFormOfAddress1',
     filter: 'number',
     type: ['enum', 'withPlaceHolder'],
     cellRendererParams: {
       placeHolderField: 'origFormOfAddress1',
+      combinedField: 'formOfAddress1',
       options: [{
         value: 0,
         label: {
-          de: 'Herr'
+          DE: 'Herr'
         }
       }, {
         value: 1,
         label: {
-          de: 'Frau'
+          DE: 'Frau'
         }
       }]
     }
@@ -27966,11 +28358,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.department',
     field: 'translatedDepartment1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origDepartment1'
+      placeHolderField: 'origDepartment1',
+      combinedField: 'department1'
     }
   }, {
     field: 'origDepartment1',
@@ -27978,11 +28372,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.telephone',
     field: 'translatedTelephone1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origTelephone1'
+      placeHolderField: 'origTelephone1',
+      combinedField: 'telephone1'
     }
   }, {
     field: 'origTelephone1',
@@ -27990,11 +28386,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.fax',
     field: 'translatedFax1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origFax1'
+      placeHolderField: 'origFax1',
+      combinedField: 'fax1'
     }
   }, {
     field: 'origFax1',
@@ -28003,10 +28401,12 @@ var config$5 = {
     suppressColumnsToolPanel: true
   }, {
     field: 'translatedEmail1',
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origEmail1'
+      placeHolderField: 'origEmail1',
+      combinedField: 'email1'
     }
   }, {
     field: 'origEmail1',
@@ -28014,11 +28414,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.street',
     field: 'translatedStreet1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origStreet1'
+      placeHolderField: 'origStreet1',
+      combinedField: 'street1'
     }
   }, {
     field: 'origStreet1',
@@ -28026,11 +28428,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.zip',
     field: 'translatedZipCodeStreet1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origZipCodeStreet1'
+      placeHolderField: 'origZipCodeStreet1',
+      combinedField: 'zipCodeStreet1'
     }
   }, {
     field: 'origZipCodeStreet1',
@@ -28039,10 +28443,12 @@ var config$5 = {
     suppressColumnsToolPanel: true
   }, {
     field: 'translatedCity1',
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.city',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origCity1'
+      placeHolderField: 'origCity1',
+      combinedField: 'city1'
     }
   }, {
     field: 'origCity1',
@@ -28051,11 +28457,13 @@ var config$5 = {
     suppressColumnsToolPanel: true
   }, {
     field: 'translatedIsoCountryId1',
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.country',
     filter: 'text',
     editable: true,
     type: ['enum', 'withPlaceHolder'],
     cellRendererParams: {
       placeHolderField: 'origIsoCountryId1',
+      combinedField: 'isoCountryId1',
       options: []
     }
   }, {
@@ -28065,10 +28473,12 @@ var config$5 = {
     suppressColumnsToolPanel: true
   }, {
     field: 'translatedContactPersonNo2',
+    headerName: 'backoffice.idmEnricher.renaming.label.contactperson2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origContactPersonNo2'
+      placeHolderField: 'origContactPersonNo2',
+      combinedField: 'contactPersonNo2'
     }
   }, {
     field: 'origContactPersonNo2',
@@ -28076,11 +28486,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.contactrole2',
     field: 'translatedContactRole2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origContactRole2'
+      placeHolderField: 'origContactRole2',
+      combinedField: 'contactRole2'
     }
   }, {
     field: 'origContactRole2',
@@ -28088,11 +28500,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.contactname2',
     field: 'translatedContactName2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origContactName2'
+      placeHolderField: 'origContactName2',
+      combinedField: 'contactName2'
     }
   }, {
     field: 'origContactName2',
@@ -28100,11 +28514,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.firstname2',
     field: 'translatedFirstName2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origFirstName2'
+      placeHolderField: 'origFirstName2',
+      combinedField: 'firstName2'
     }
   }, {
     field: 'origFirstName2',
@@ -28112,20 +28528,22 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.form_of_address2',
     field: 'translatedFormOfAddress2',
     filter: 'number',
     type: ['enum', 'withPlaceHolder'],
     cellRendererParams: {
       placeHolderField: 'origFormOfAddress2',
+      combinedField: 'formOfAddress2',
       options: [{
         value: 0,
         label: {
-          de: 'Herr'
+          DE: 'Herr'
         }
       }, {
         value: 1,
         label: {
-          de: 'Frau'
+          DE: 'Frau'
         }
       }]
     }
@@ -28135,11 +28553,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.department2',
     field: 'translatedDepartment2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origDepartment2'
+      placeHolderField: 'origDepartment2',
+      combinedField: 'department2'
     }
   }, {
     field: 'origDepartment2',
@@ -28147,11 +28567,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.telephone2',
     field: 'translatedTelephone2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origTelephone2'
+      placeHolderField: 'origTelephone2',
+      combinedField: 'telephone2'
     }
   }, {
     field: 'origTelephone2',
@@ -28159,11 +28581,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.fax2',
     field: 'translatedFax2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origFax2'
+      placeHolderField: 'origFax2',
+      combinedField: 'fax2'
     }
   }, {
     field: 'origFax2',
@@ -28171,11 +28595,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.email2',
     field: 'translatedEmail2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origEmail2'
+      placeHolderField: 'origEmail2',
+      combinedField: 'email2'
     }
   }, {
     field: 'origEmail2',
@@ -28183,11 +28609,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.street2',
     field: 'translatedStreet2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origStreet2'
+      placeHolderField: 'origStreet2',
+      combinedField: 'street2'
     }
   }, {
     field: 'origStreet2',
@@ -28195,11 +28623,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.zip2',
     field: 'translatedZipCodeStreet2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origZipCodeStreet2'
+      placeHolderField: 'origZipCodeStreet2',
+      combinedField: 'zipCodeStreet2'
     }
   }, {
     field: 'origZipCodeStreet2',
@@ -28207,11 +28637,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.city2',
     field: 'translatedCity2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origCity2'
+      placeHolderField: 'origCity2',
+      combinedField: 'city2'
     }
   }, {
     field: 'origCity2',
@@ -28219,12 +28651,14 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.country2',
     field: 'translatedIsoCountryId2',
     filter: 'text',
     editable: true,
     type: ['enum', 'withPlaceHolder'],
     cellRendererParams: {
       placeHolderField: 'origIsoCountryId2',
+      combinedField: 'isoCountryId2',
       options: []
     }
   }, {
@@ -28233,11 +28667,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename',
     field: 'translatedManufactureName1',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origManufactureName1'
+      placeHolderField: 'origManufactureName1',
+      combinedField: 'manufactureName1'
     }
   }, {
     field: 'origManufactureName1',
@@ -28245,11 +28681,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename2',
     field: 'translatedManufactureName2',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origManufactureName2'
+      placeHolderField: 'origManufactureName2',
+      combinedField: 'manufactureName2'
     }
   }, {
     field: 'origManufactureName2',
@@ -28257,11 +28695,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
     field: 'translatedEmail',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origEmail'
+      placeHolderField: 'origEmail',
+      combinedField: 'email'
     }
   }, {
     field: 'origEmail',
@@ -28269,11 +28709,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.internetaddress',
     field: 'translatedInternetAddress',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origInternetAddress'
+      placeHolderField: 'origInternetAddress',
+      combinedField: 'internetAddress'
     }
   }, {
     field: 'origInternetAddress',
@@ -28281,11 +28723,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.street',
     field: 'translatedStreet',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origStreet'
+      placeHolderField: 'origStreet',
+      combinedField: 'street'
     }
   }, {
     field: 'origStreet',
@@ -28293,11 +28737,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.zip',
     field: 'translatedZipCodeStreet',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origZipCodeStreet'
+      placeHolderField: 'origZipCodeStreet',
+      combinedField: 'zipCodeStreet'
     }
   }, {
     field: 'origZipCodeStreet',
@@ -28305,11 +28751,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.city',
     field: 'translatedCity',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origCity'
+      placeHolderField: 'origCity',
+      combinedField: 'city'
     }
   }, {
     field: 'origCity',
@@ -28317,12 +28765,14 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.country',
     field: 'translatedContactSupplierIsoCountryId',
     filter: 'text',
     editable: true,
     type: ['enum', 'withPlaceHolder'],
     cellRendererParams: {
       placeHolderField: 'origContactSupplierIsoCountryId',
+      combinedField: 'contactSupplierIsoCountryId',
       options: []
     }
   }, {
@@ -28331,11 +28781,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.zippostbox',
     field: 'translatedZipCodePostBox',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origZipCodePostBox'
+      placeHolderField: 'origZipCodePostBox',
+      combinedField: 'zipCodePostBox'
     }
   }, {
     field: 'origZipCodePostBox',
@@ -28343,11 +28795,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.postbox',
     field: 'translatedPostBox',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origPostBox'
+      placeHolderField: 'origPostBox',
+      combinedField: 'postBox'
     }
   }, {
     field: 'origPostBox',
@@ -28355,11 +28809,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.telephoneswitchboard',
     field: 'translatedTelephoneSwitchboard',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origTelephoneSwitchboard'
+      placeHolderField: 'origTelephoneSwitchboard',
+      combinedField: 'telephoneSwitchboard'
     }
   }, {
     field: 'origTelephoneSwitchboard',
@@ -28367,11 +28823,13 @@ var config$5 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translated.faxswitchboard',
     field: 'translatedFaxSwitchboard',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origFaxSwitchboard'
+      placeHolderField: 'origFaxSwitchboard',
+      field: 'faxSwitchboard'
     }
   }, {
     field: 'origFaxSwitchboard',
@@ -28383,48 +28841,53 @@ var config$5 = {
 
 var config$4 = {
   colDef: [{
+    headerName: 'backoffice.idmEnricher.renaming.label.detailinfo_nr',
     field: 'detailInfoNo',
     filter: 'number',
     required: true,
     editable: false
   }, {
-    headerName: 'externalName ',
+    headerName: 'backoffice.idmEnricher.renaming.label.externalName',
     marryChildren: true,
     children: [{
-      field: 'translatedExternalName.de',
-      headerName: 'DE',
+      field: 'translatedExternalName.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origExternalName.de'
+        placeHolderField: 'origExternalName.DE',
+        combinedField: 'externalName.DE'
       }
     }, {
-      field: 'translatedExternalName.en',
-      headerName: 'EN',
+      field: 'translatedExternalName.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origExternalName.en'
+        placeHolderField: 'origExternalName.EN',
+        combinedField: 'externalName.EN'
       }
     }, {
-      field: 'translatedExternalName.fr',
+      field: 'translatedExternalName.FR',
       headerName: 'FE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origExternalName.fr'
+        placeHolderField: 'origExternalName.FR',
+        combinedField: 'externalName.FR'
       }
     }, {
-      field: 'translatedExternalName.it',
-      headerName: 'IT',
+      field: 'translatedExternalName.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origExternalName.it'
+        placeHolderField: 'origExternalName.IT',
+        combinedField: 'externalName.IT'
       }
     }]
   }, {
@@ -28434,60 +28897,64 @@ var config$4 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origExternalName.de',
+      field: 'origExternalName.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origExternalName.en',
+      field: 'origExternalName.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origExternalName.fr',
+      field: 'origExternalName.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origExternalName.it',
+      field: 'origExternalName.IT',
       hide: true,
       isDictionary: true
     }]
   }, {
-    headerName: 'internalName',
+    headerName: 'backoffice.idmEnricher.renaming.label.internalName',
     marryChildren: true,
     children: [{
-      field: 'translatedInternalName.de',
-      headerName: 'DE',
+      field: 'translatedInternalName.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origInternalName.de'
+        placeHolderField: 'origInternalName.DE',
+        combinedField: 'internalName.DE'
       }
     }, {
-      field: 'translatedInternalName.en',
-      headerName: 'EN',
+      field: 'translatedInternalName.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origInternalName.en'
+        placeHolderField: 'origInternalName.EN',
+        combinedField: 'internalName.EN'
       }
     }, {
-      field: 'translatedInternalName.fr',
-      headerName: 'FR',
+      field: 'translatedInternalName.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origInternalName.fr'
+        placeHolderField: 'origInternalName.FR',
+        combinedField: 'internalName.FR'
       }
     }, {
-      field: 'translatedInternalName.it',
-      headerName: 'IT',
+      field: 'translatedInternalName.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origInternalName.it'
+        placeHolderField: 'origInternalName.IT',
+        combinedField: 'internalName.IT'
       }
     }]
   }, {
@@ -28497,60 +28964,64 @@ var config$4 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origInternalName.de',
+      field: 'origInternalName.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origInternalName.en',
+      field: 'origInternalName.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origInternalName.fr',
+      field: 'origInternalName.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origInternalName.it',
+      field: 'origInternalName.IT',
       hide: true,
       isDictionary: true
     }]
   }, {
-    headerName: 'toolTip',
+    headerName: 'backoffice.idmEnricher.renaming.label.tooltip',
     marryChildren: true,
     children: [{
-      field: 'translatedToolTip.de',
-      headerName: 'DE',
+      field: 'translatedToolTip.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origToolTip.de'
+        placeHolderField: 'origToolTip.DE',
+        combinedField: 'toolTip.DE'
       }
     }, {
-      field: 'translatedToolTip.en',
-      headerName: 'EN',
+      field: 'translatedToolTip.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origToolTip.en'
+        placeHolderField: 'origToolTip.EN',
+        combinedField: 'toolTip.EN'
       }
     }, {
-      field: 'translatedToolTip.fr',
-      headerName: 'FR',
+      field: 'translatedToolTip.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origToolTip.fr'
+        placeHolderField: 'origToolTip.FR',
+        combinedField: 'toolTip.FR'
       }
     }, {
-      field: 'translatedToolTip.it',
-      headerName: 'IT',
+      field: 'translatedToolTip.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origToolTip.it'
+        placeHolderField: 'origToolTip.IT',
+        combinedField: 'toolTip.IT'
       }
     }]
   }, {
@@ -28560,19 +29031,19 @@ var config$4 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origToolTip.de',
+      field: 'origToolTip.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origToolTip.en',
+      field: 'origToolTip.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origToolTip.fr',
+      field: 'origToolTip.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origToolTip.it',
+      field: 'origToolTip.IT',
       hide: true,
       isDictionary: true
     }]
@@ -28581,48 +29052,53 @@ var config$4 = {
 
 var config$3 = {
   colDef: [{
+    headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
     field: 'featureNo',
     filter: 'text',
     required: true,
     editable: false
   }, {
-    headerName: 'featureText',
+    headerName: 'backoffice.idmEnricher.renaming.label.featuretext',
     marryChildren: true,
     children: [{
-      field: 'translatedFeatureText.de',
-      headerName: 'DE',
+      field: 'translatedFeatureText.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origFeatureText.de'
+        placeHolderField: 'origFeatureText.DE',
+        combinedField: 'featureText.DE'
       }
     }, {
-      field: 'translatedFeatureText.en',
-      headerName: 'EN',
+      field: 'translatedFeatureText.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origFeatureText.en'
+        placeHolderField: 'origFeatureText.EN',
+        combinedField: 'featureText.EN'
       }
     }, {
-      field: 'translatedFeatureText.fr',
-      headerName: 'FR',
+      field: 'translatedFeatureText.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origFeatureText.fr'
+        placeHolderField: 'origFeatureText.FR',
+        combinedField: 'featureText.FR'
       }
     }, {
-      field: 'translatedFeatureText.it',
-      headerName: 'IT',
+      field: 'translatedFeatureText.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origFeatureText.it'
+        placeHolderField: 'origFeatureText.IT',
+        combinedField: 'featureText.IT'
       }
     }]
   }, {
@@ -28632,19 +29108,19 @@ var config$3 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origFeatureText.de',
+      field: 'origFeatureText.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origFeatureText.en',
+      field: 'origFeatureText.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origFeatureText.fr',
+      field: 'origFeatureText.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origFeatureText.it',
+      field: 'origFeatureText.IT',
       hide: true,
       isDictionary: true
     }]
@@ -28653,25 +29129,30 @@ var config$3 = {
 
 var config$2 = {
   colDef: [{
+    headerName: 'backoffice.idmEnricher.renaming.label.serieNo',
     field: 'serieNo',
     filter: 'text',
     required: true,
     editable: false
   }, {
     field: 'sequenceNo',
+    headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
     filter: 'text',
     editable: false
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.typeNo',
     field: 'typeNo',
     filter: 'text',
     required: true,
     editable: false
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.edpnummer',
     field: 'translatedEdpNumber',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origEdpNumber'
+      placeHolderField: 'origEdpNumber',
+      combinedField: 'edpNumber'
     }
   }, {
     field: 'origEdpNumber',
@@ -28679,11 +29160,13 @@ var config$2 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.eannummer',
     field: 'translatedEanNumber',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origEanNumber'
+      placeHolderField: 'origEanNumber',
+      combinedField: 'eanNumber'
     }
   }, {
     field: 'origEanNumber',
@@ -28691,43 +29174,47 @@ var config$2 = {
     lockVisible: true,
     suppressColumnsToolPanel: true
   }, {
-    headerName: 'shortText',
+    headerName: 'backoffice.idmEnricher.renaming.label.shortText',
     marryChildren: true,
     children: [{
-      field: 'translatedShortText.de',
-      headerName: 'DE',
+      field: 'translatedShortText.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origShortText.de'
+        placeHolderField: 'origShortText.DE',
+        combinedField: 'shortText.DE'
       }
     }, {
-      field: 'translatedShortText.ne',
-      headerName: 'EN',
+      field: 'translatedShortText.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origShortText.en'
+        placeHolderField: 'origShortText.EN',
+        combinedField: 'shortText.EN'
       }
     }, {
-      field: 'translatedShortText.fr',
-      headerName: 'FR',
+      field: 'translatedShortText.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origShortText.fr'
+        placeHolderField: 'origShortText.FR',
+        combinedField: 'shortText.FR'
       }
     }, {
-      field: 'translatedShortText.it',
-      headerName: 'IT',
+      field: 'translatedShortText.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origShortText.it'
+        placeHolderField: 'origShortText.IT',
+        combinedField: 'shortText.IT'
       }
     }]
   }, {
@@ -28737,60 +29224,64 @@ var config$2 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origShortText.de',
+      field: 'origShortText.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origShortText.en',
+      field: 'origShortText.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origShortText.fr',
+      field: 'origShortText.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origShortText.it',
+      field: 'origShortText.IT',
       hide: true,
       isDictionary: true
     }]
   }, {
-    headerName: 'fullText',
+    headerName: 'backoffice.idmEnricher.renaming.label.fullText',
     marryChildren: true,
     children: [{
-      field: 'translatedFullText.de',
-      headerName: 'DE',
+      field: 'translatedFullText.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origFullText.de'
+        placeHolderField: 'origFullText.DE',
+        combinedField: 'fullText.DE'
       }
     }, {
-      field: 'translatedFullText.en',
-      headerName: 'EN',
+      field: 'translatedFullText.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origFullText.en'
+        placeHolderField: 'origFullText.EN',
+        combinedField: 'fullText.EN'
       }
     }, {
-      field: 'translatedFullText.fr',
-      headerName: 'FR',
+      field: 'translatedFullText.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origFullText.fr'
+        placeHolderField: 'origFullText.FR',
+        combinedField: 'fullText.FR'
       }
     }, {
-      field: 'translatedFullText.it',
-      headerName: 'IT',
+      field: 'translatedFullText.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origFullText.it'
+        placeHolderField: 'origFullText.IT',
+        combinedField: 'fullText.IT'
       }
     }]
   }, {
@@ -28800,60 +29291,64 @@ var config$2 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origFullText.de',
+      field: 'origFullText.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origFullText.en',
+      field: 'origFullText.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origFullText.fr',
+      field: 'origFullText.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origFullText.it',
+      field: 'origFullText.IT',
       hide: true,
       isDictionary: true
     }]
   }, {
-    headerName: 'planningAdvice',
+    headerName: 'backoffice.idmEnricher.renaming.label.planningAdvice',
     marryChildren: true,
     children: [{
-      field: 'translatedPlanningAdvice.de',
-      headerName: 'DE',
+      field: 'translatedPlanningAdvice.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origPlanningAdvice.de'
+        placeHolderField: 'origPlanningAdvice.DE',
+        combinedField: 'planningAdvice.DE'
       }
     }, {
-      field: 'translatedPlanningAdvice.en',
-      headerName: 'EN',
+      field: 'translatedPlanningAdvice.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origPlanningAdvice.en'
+        placeHolderField: 'origPlanningAdvice.EN',
+        combinedField: 'planningAdvice.EN'
       }
     }, {
-      field: 'translatedPlanningAdvice.fr',
-      headerName: 'FR',
+      field: 'translatedPlanningAdvice.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origPlanningAdvice.fr'
+        placeHolderField: 'origPlanningAdvice.FR',
+        combinedField: 'planningAdvice.FR'
       }
     }, {
-      field: 'translatedPlanningAdvice.it',
-      headerName: 'IT',
+      field: 'translatedPlanningAdvice.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origPlanningAdvice.it'
+        placeHolderField: 'origPlanningAdvice.IT',
+        combinedField: 'planningAdvice.IT'
       }
     }]
   }, {
@@ -28863,28 +29358,30 @@ var config$2 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origPlanningAdvice.de',
+      field: 'origPlanningAdvice.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origPlanningAdvice.en',
+      field: 'origPlanningAdvice.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origPlanningAdvice.fr',
+      field: 'origPlanningAdvice.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origPlanningAdvice.it',
+      field: 'origPlanningAdvice.IT',
       hide: true,
       isDictionary: true
     }]
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.translatedSalesNumber',
     field: 'translatedSalesNumber',
     filter: 'text',
     type: 'withPlaceHolder',
     cellRendererParams: {
-      placeHolderField: 'origSalesNumber'
+      placeHolderField: 'origSalesNumber',
+      combinedField: 'salesNumber'
     }
   }, {
     field: 'origSalesNumber',
@@ -28896,53 +29393,59 @@ var config$2 = {
 
 var config$1 = {
   colDef: [{
+    headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
     field: 'featureNo',
     filter: 'text',
     required: true,
     editable: false
   }, {
+    headerName: 'backoffice.idmEnricher.renaming.label.optionKey',
     field: 'optionKey',
     filter: 'text',
     required: true,
     editable: false
   }, {
-    headerName: 'optionText',
+    headerName: 'backoffice.idmEnricher.renaming.label.optionText',
     marryChildren: true,
     children: [{
-      field: 'translatedOptionText.de',
-      headerName: 'DE',
+      field: 'translatedOptionText.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origOptionText.de'
+        placeHolderField: 'origOptionText.DE',
+        combinedField: 'optionText.DE'
       }
     }, {
-      field: 'translatedOptionText.en',
-      headerName: 'EN',
+      field: 'translatedOptionText.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origOptionText.en'
+        placeHolderField: 'origOptionText.EN',
+        combinedField: 'optionText.EN'
       }
     }, {
-      field: 'translatedOptionText.fr',
-      headerName: 'FR',
+      field: 'translatedOptionText.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origOptionText.fr'
+        placeHolderField: 'origOptionText.FR',
+        combinedField: 'optionText.FR'
       }
     }, {
-      field: 'translatedOptionText.it',
-      headerName: 'IT',
+      field: 'translatedOptionText.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origOptionText.it'
+        placeHolderField: 'origOptionText.IT',
+        combinedField: 'optionText.IT'
       }
     }]
   }, {
@@ -28952,60 +29455,64 @@ var config$1 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origOptionText.de',
+      field: 'origOptionText.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origOptionText.en',
+      field: 'origOptionText.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origOptionText.fr',
+      field: 'origOptionText.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origOptionText.it',
+      field: 'origOptionText.IT',
       hide: true,
       isDictionary: true
     }]
   }, {
-    headerName: 'optionCommentText',
+    headerName: 'backoffice.idmEnricher.renaming.label.optionCommentText',
     marryChildren: true,
     children: [{
-      field: 'translatedOptionCommentText.de',
-      headerName: 'DE',
+      field: 'translatedOptionCommentText.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origOptionCommentText.de'
+        placeHolderField: 'origOptionCommentText.DE',
+        combinedField: 'optionCommentText.DE'
       }
     }, {
-      field: 'translatedOptionCommentText.en',
-      headerName: 'EN',
+      field: 'translatedOptionCommentText.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origOptionCommentText.en'
+        placeHolderField: 'origOptionCommentText.EN',
+        combinedField: 'optionCommentText.EN'
       }
     }, {
-      field: 'translatedOptionCommentText.fr',
-      headerName: 'FR',
+      field: 'translatedOptionCommentText.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origOptionCommentText.fr'
+        placeHolderField: 'origOptionCommentText.FR',
+        combinedField: 'optionCommentText.FR'
       }
     }, {
-      field: 'translatedOptionCommentText.it',
-      headerName: 'IT',
+      field: 'translatedOptionCommentText.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origOptionCommentText.it'
+        placeHolderField: 'origOptionCommentText.IT',
+        combinedField: 'optionCommentText.IT'
       }
     }]
   }, {
@@ -29015,19 +29522,19 @@ var config$1 = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origOptionCommentText.de',
+      field: 'origOptionCommentText.DE',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origOptionCommentText.en',
+      field: 'origOptionCommentText.EN',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origOptionCommentText.fr',
+      field: 'origOptionCommentText.FR',
       hide: true,
       isDictionary: true
     }, {
-      field: 'origOptionCommentText.it',
+      field: 'origOptionCommentText.IT',
       hide: true,
       isDictionary: true
     }]
@@ -29036,49 +29543,54 @@ var config$1 = {
 
 var config = {
   colDef: [{
+    headerName: 'backoffice.idmEnricher.renaming.label.serieNo',
     field: 'serieNo',
     filter: 'text',
     required: true,
     editable: false
   }, {
-    headerName: 'seriesName',
+    headerName: 'backoffice.idmEnricher.renaming.label.serieName',
     marryChildren: true,
     required: true,
     children: [{
-      field: 'translatedSeriesName.de',
-      headerName: 'DE',
+      field: 'translatedSeriesName.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origSeriesName.de'
+        placeHolderField: 'origSeriesName.DE',
+        combinedField: 'seriesName.DE'
       }
     }, {
-      field: 'translatedSeriesName.en',
-      headerName: 'EN',
+      field: 'translatedSeriesName.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origSeriesName.en'
+        placeHolderField: 'origSeriesName.EN',
+        combinedField: 'seriesName.EN'
       }
     }, {
-      field: 'translatedSeriesName.fr',
-      headerName: 'FR',
+      field: 'translatedSeriesName.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origSeriesName.fr'
+        placeHolderField: 'origSeriesName.FR',
+        combinedField: 'seriesName.FR'
       }
     }, {
-      field: 'translatedSeriesName.it',
-      headerName: 'IT',
+      field: 'translatedSeriesName.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origSeriesName.it'
+        placeHolderField: 'origSeriesName.IT',
+        combinedField: 'seriesName.IT'
       }
     }]
   }, {
@@ -29088,60 +29600,64 @@ var config = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origSeriesName.de',
+      field: 'origSeriesName.DE',
       isDictionary: true,
       hide: true
     }, {
-      field: 'origSeriesName.en',
+      field: 'origSeriesName.EN',
       isDictionary: true,
       hide: true
     }, {
-      field: 'origSeriesName.fr',
+      field: 'origSeriesName.FR',
       isDictionary: true,
       hide: true
     }, {
-      field: 'origSeriesName.it',
+      field: 'origSeriesName.IT',
       isDictionary: true,
       hide: true
     }]
   }, {
-    headerName: 'seriesFullText',
+    headerName: 'backoffice.idmEnricher.renaming.label.serieFullText',
     marryChildren: true,
     children: [{
-      field: 'translatedSeriesFullText.de',
-      headerName: 'DE',
+      field: 'translatedSeriesFullText.DE',
+      headerName: 'backoffice.idmEnricher.general.label.DE',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origSeriesFullText.de'
+        placeHolderField: 'origSeriesFullText.DE',
+        combinedField: 'seriesFullText.DE'
       }
     }, {
-      field: 'translatedSeriesFullText.en',
-      headerName: 'EN',
+      field: 'translatedSeriesFullText.EN',
+      headerName: 'backoffice.idmEnricher.general.label.EN',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origSeriesFullText.en'
+        placeHolderField: 'origSeriesFullText.EN',
+        combinedField: 'seriesFullText.EN'
       }
     }, {
-      field: 'translatedSeriesFullText.fr',
-      headerName: 'FR',
+      field: 'translatedSeriesFullText.FR',
+      headerName: 'backoffice.idmEnricher.general.label.FR',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origSeriesFullText.fr'
+        placeHolderField: 'origSeriesFullText.FR',
+        combinedField: 'seriesFullText.FR'
       }
     }, {
-      field: 'translatedSeriesFullText.it',
-      headerName: 'IT',
+      field: 'translatedSeriesFullText.IT',
+      headerName: 'backoffice.idmEnricher.general.label.IT',
       isDictionary: true,
       filter: 'text',
       type: 'withPlaceHolder',
       cellRendererParams: {
-        placeHolderField: 'origSeriesFullText.it'
+        placeHolderField: 'origSeriesFullText.IT',
+        combinedField: 'seriesFullText.IT'
       }
     }]
   }, {
@@ -29151,19 +29667,19 @@ var config = {
     lockVisible: true,
     suppressColumnsToolPanel: true,
     children: [{
-      field: 'origSeriesFullText.de',
+      field: 'origSeriesFullText.DE',
       isDictionary: true,
       hide: true
     }, {
-      field: 'origSeriesFullText.en',
+      field: 'origSeriesFullText.EN',
       isDictionary: true,
       hide: true
     }, {
-      field: 'origSeriesFullText.fr',
+      field: 'origSeriesFullText.FR',
       isDictionary: true,
       hide: true
     }, {
-      field: 'origSeriesFullText.it',
+      field: 'origSeriesFullText.IT',
       isDictionary: true,
       hide: true
     }]
@@ -29210,6 +29726,8 @@ function useConfiguration (type) {
     _useState2 = _slicedToArray(_useState, 2),
     countryCodes = _useState2[0],
     setCountryCodes = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var response, data;
@@ -29246,6 +29764,7 @@ function useConfiguration (type) {
     }
     config.colDef = config.colDef.map(function (col) {
       var _col$field;
+      if (col.headerName) col.headerName = t(col.headerName);
       if ('field' in col && ['isoCountryId2', 'isoCountryId1', 'contactSupplierIsoCountryId'].includes((_col$field = col.field) !== null && _col$field !== void 0 ? _col$field : '')) {
         col.cellRendererParams.options = countryCodes;
       }
@@ -29320,24 +29839,18 @@ function TableRenaming () {
         dateFormat: 'LL',
         floatingFilter: true,
         colDef: [].concat(_toConsumableArray(configuration.colDef), [{
+          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedDate'),
           field: 'lastUpdatedDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
-          field: 'createdDate',
-          filter: 'date',
-          cellDataType: 'dateString',
-          editable: false
-        }, {
-          field: 'createdByDisplayText',
-          filter: 'text',
-          editable: false
-        }, {
+          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedBy'),
           field: 'lastUpdatedByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.general.label._id'),
           field: '_id',
           filter: 'text',
           editable: false
@@ -29395,29 +29908,29 @@ function TableTabGroups () {
           marryChildren: true,
           required: true,
           children: [{
-            field: 'name.de',
-            headerName: 'DE',
+            field: 'name.DE',
+            headerName: 'backoffice.idmEnricher.general.label.DE',
             isDictionary: true,
             filter: 'text'
           }, {
-            field: 'name.en',
-            headerName: 'EN',
+            field: 'name.EN',
+            headerName: 'backoffice.idmEnricher.general.label.EN',
             isDictionary: true,
             filter: 'text'
           }, {
-            field: 'name.fr',
-            headerName: 'FR',
+            field: 'name.FR',
+            headerName: 'backoffice.idmEnricher.general.label.FR',
             isDictionary: true,
             filter: 'text'
           }, {
-            field: 'name.it',
-            headerName: 'IT',
+            field: 'name.IT',
+            headerName: 'backoffice.idmEnricher.general.label.IT',
             isDictionary: true,
             filter: 'text'
           }]
         }, {
           field: 'featureNos',
-          headerName: 'FeatureNo',
+          headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
           cellDataType: 'string',
           editable: true,
           type: 'lookup',
@@ -29443,24 +29956,29 @@ function TableTabGroups () {
           hide: true,
           defaultValue: '${organizationId}'
         }, {
+          headerName: 'backoffice.idmEnricher.general.label.lastUpdatedDate',
           field: 'lastUpdatedDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.general.label.createdDate',
           field: 'createdDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.general.label.createdBy',
           field: 'createdByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.general.label.lastUpdatedBy',
           field: 'lastUpdatedByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: 'backoffice.idmEnricher.general.label._id',
           field: '_id',
           filter: 'text',
           editable: false
@@ -29626,7 +30144,7 @@ function Detail(_ref) {
     container = _ref.container,
     left = _ref.left;
   var root = useStore();
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var ref = useRef(null);
   var _useState = useState(),
@@ -30009,7 +30527,7 @@ var SnowAnimation = function SnowAnimation(props) {
     _useState2 = _slicedToArray(_useState, 2),
     interv = _useState2[0],
     setInterv = _useState2[1];
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -30102,7 +30620,7 @@ var MenuComponent$1 = observer(MenuComponent);
 
 var MenuWrapper = function MenuWrapper() {
   var root = useStore();
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var footerElement = /*#__PURE__*/jsxs("div", {
     className: navSettings,