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

package/build/esm/index.js

@@ -65,6 +65,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 +73,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 +136,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 +158,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 +282,7 @@ function aplyMapping (_ref) {
     }
     return returnValue;
   } catch (e) {
-    LOG$b.debug('Mapabledata', mapable);
+    LOG$c.debug('Mapabledata', mapable);
     throw e;
   }
 }
@@ -442,9 +442,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 +622,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 +715,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 +858,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 +976,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 +996,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 +1020,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 +1121,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 +1227,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 +1327,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 +1705,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 +1742,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 +7321,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 +7330,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 +7432,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 +7449,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 +7509,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 +11077,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 +11267,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 +11390,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 +11439,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 +11682,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 +12305,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 +12521,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 +12540,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;
@@ -12925,8 +12946,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 +12961,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 +12985,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 +13045,7 @@ function useFormData (_ref) {
         multipleEditingData = inboundData;
       }
       return {
-        loadedData: onLoadFields(_objectSpread$E({}, dt)),
+        loadedData: onLoadFields(_objectSpread$H({}, dt)),
         multipleEditingData: multipleEditingData
       };
     }, [inboundData, selectedItemsIndex]),
@@ -13060,7 +13082,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 +13177,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 +13214,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 +13236,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 +13275,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 +13288,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 +13321,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 +13336,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 +13477,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 +13596,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 +13607,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 +13633,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 +13646,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);
               })
             })]
@@ -13792,8 +13814,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,13 +13879,13 @@ 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,
@@ -13872,9 +13894,9 @@ var SubTitle = function SubTitle(_ref) {
     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 +14002,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 +14041,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 +14062,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 +14096,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 +14130,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 +14150,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 +14780,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 +14950,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 +15016,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,
@@ -15149,8 +15171,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,
@@ -15331,7 +15353,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 +15559,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,
@@ -15617,15 +15639,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 +16052,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,