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

package/build/esm/index.js

@@ -4,7 +4,7 @@ import 'antd/dist/reset.css';
 import { Button, Spin, Descriptions, Select as Select$1, Alert, Modal as Modal$2, Input, Popover, Typography, Divider, Avatar, Form as Form$1, Radio, DatePicker, Checkbox, InputNumber, Card, Tooltip as Tooltip$1, Upload, Collapse, Space, Switch, Table as Table$1, Popconfirm, Tabs, Image, Progress, Slider, Breadcrumb, List as List$1, Result as Result$1, message, Layout, Cascader, Row, Col, Skeleton, Drawer, ConfigProvider, theme } from 'antd';
 import { observer } from 'mobx-react-lite';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { getLogger, DivaError, useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import { getLogger, DivaError, useDivaCore, useTranslation as useTranslation$1, DivaUtils } from '@crystaldesign/diva-core';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -20,7 +20,10 @@ 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';
 import ApartmentOutlined from '@ant-design/icons/ApartmentOutlined';
 import UserOutlined from '@ant-design/icons/UserOutlined';
 import FileOutlined from '@ant-design/icons/FileOutlined';
@@ -57,7 +60,9 @@ import AlertOutlined from '@ant-design/icons/AlertOutlined';
 import DownloadOutlined from '@ant-design/icons/DownloadOutlined';
 import CloudOutlined from '@ant-design/icons/CloudOutlined';
 import FileExcelOutlined from '@ant-design/icons/FileExcelOutlined';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import FolderOutlined from '@ant-design/icons/FolderOutlined';
+import SettingOutlined from '@ant-design/icons/SettingOutlined';
+import PieChartOutlined from '@ant-design/icons/PieChartOutlined';
 import { DownloadOutlined as DownloadOutlined$1, MinusCircleOutlined, PlusOutlined, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1 } from '@ant-design/icons';
 import AssetEditor from '@crystaldesign/media-upload';
 import debounce from 'lodash/debounce';
@@ -97,7 +102,6 @@ import 'ag-grid-enterprise';
 import Collapsible from 'react-collapsible';
 import QuestionOutlined from '@ant-design/icons/QuestionOutlined';
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
-import { useTranslation as useTranslation$1 } from 'react-i18next';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import Descriptions$1 from 'antd/es/descriptions';
 import Space$1 from 'antd/es/space';
@@ -10876,6 +10880,59 @@ function loadConfiguration(t, root, config, lang) {
   };
 }
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var navMinifyButton = "nav-minify-button-ZX7dm";
+var navContainer = "nav-container-JCR24";
+var navMinified = "nav-minified-tSt-a";
+var navOverlay = "nav-overlay-rKJNC";
+var navSettings = "nav-settings-82cjv";
+var menuLabel = "menu-label-4dXQk";
+var css_248z$j = ".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$j);
+
+function MenuLabel (_ref) {
+  var disabled = _ref.disabled,
+    item = _ref.item;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: t('backoffice.notavailablefororg'),
+    trigger: disabled ? 'hover' : [],
+    children: /*#__PURE__*/jsxs("div", {
+      className: menuLabel,
+      children: [/*#__PURE__*/jsx("span", {
+        children: t(item.label)
+      }), item.subMenu && /*#__PURE__*/jsx(RightOutlined, {})]
+    })
+  });
+}
+
 function _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(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$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(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$l(r, a) : void 0; } }
 function _arrayLikeToArray$l(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; }
@@ -11036,6 +11093,12 @@ function getIcon(icon) {
       return /*#__PURE__*/jsx(CloudOutlined, {});
     case 'FileExcelOutlined':
       return /*#__PURE__*/jsx(FileExcelOutlined, {});
+    case 'FolderOutlined':
+      return /*#__PURE__*/jsx(FolderOutlined, {});
+    case 'SettingOutlined':
+      return /*#__PURE__*/jsx(SettingOutlined, {});
+    case 'PieChartOutlined':
+      return /*#__PURE__*/jsx(PieChartOutlined, {});
   }
   return undefined;
 }
@@ -11293,10 +11356,10 @@ var _default$6 = /*#__PURE__*/function () {
         }) : false;
         var menuItem = {
           key: item.id,
-          label: disabled ? /*#__PURE__*/createElement(Tooltip, {
-            title: this.root.t('backoffice.notavailablefororg'),
-            children: this.root.t(item.label)
-          }) : this.root.t(item.label),
+          label: /*#__PURE__*/createElement(MenuLabel, {
+            disabled: disabled,
+            item: item
+          }),
           disabled: disabled,
           icon: getIcon(item.icon),
           children: item.items.map(function (i) {
@@ -11317,10 +11380,10 @@ var _default$6 = /*#__PURE__*/function () {
           },
           disabled: _disabled,
           icon: getIcon(item.icon),
-          label: _disabled ? /*#__PURE__*/createElement(Tooltip, {
-            title: this.root.t('backoffice.notavailablefororg'),
-            children: this.root.t(item.label)
-          }) : this.root.t(item.label),
+          label: /*#__PURE__*/createElement(MenuLabel, {
+            disabled: _disabled,
+            item: item
+          }),
           title: _disabled ? undefined : this.root.t(item.label)
         };
         return _menuItem;
@@ -11375,7 +11438,7 @@ var menu$1 = [{
   id: 'catalogArea',
   label: 'backoffice.menu.items.label.catalogArea',
   permission: 'backoffice_catalog',
-  icon: 'OrderedListOutlined',
+  icon: 'FolderOutlined',
   subMenu: [{
     id: 'TableCatalogTranslations',
     label: 'backoffice.menu.items.label.TableCatalogTranslations',
@@ -11491,7 +11554,7 @@ var menu$1 = [{
   id: 'Adminarea',
   label: 'backoffice.menu.items.label.adminarea',
   permission: 'backoffice_admin',
-  icon: 'OrderedListOutlined',
+  icon: 'ControlOutlined',
   subMenu: [{
     id: 'clientRelationsAdmin',
     label: 'backoffice.menu.items.label.clientRelationsAdmin',
@@ -11608,7 +11671,7 @@ var menu$1 = [{
   id: 'systemarea',
   label: 'backoffice.menu.items.label.systemarea',
   permission: 'backoffice_admin',
-  icon: 'OrderedListOutlined',
+  icon: 'SettingOutlined',
   subMenu: [{
     id: 'systemAdminRBAC',
     label: 'RBAC',
@@ -11677,7 +11740,7 @@ var menu$1 = [{
   id: 'analyticsarea',
   label: 'backoffice.menu.items.label.analyticsarea',
   permission: 'backoffice_analytics',
-  icon: 'OrderedListOutlined',
+  icon: 'PieChartOutlined',
   subMenu: [{
     id: 'UIBuilderAnalytics',
     label: 'backoffice.menu.items.label.UIBuilderAnalytics',
@@ -12483,7 +12546,7 @@ var StoreProvider = function StoreProvider(_ref) {
     apiConfig = _useDivaCore$state.apiConfig,
     actions = _useDivaCore.actions,
     handler = _useDivaCore.handler;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
   var _useState = useState(new _default$1(actions, handler, t)),
@@ -13028,7 +13091,7 @@ var DescriptionWrapper = function DescriptionWrapper(_ref) {
   var state = useDescriptions({
     id: id
   });
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Spin, {
     spinning: state.loading,
@@ -13090,7 +13153,7 @@ function useSelectData (_ref) {
     useFirstValueAsDefault = _ref.useFirstValueAsDefault,
     canSetToUndefined = _ref.canSetToUndefined;
   var root = useStore();
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var filterServerSide = _typeof(apiInterface) == 'object' && _typeof(apiInterface.read) == 'object' && apiInterface.read.filterServerSide;
   var _useMemo = useMemo(function () {
@@ -13455,35 +13518,8 @@ function useSelectData (_ref) {
   };
 }
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$j = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
-styleInject(css_248z$j);
+var css_248z$i = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
+styleInject(css_248z$i);
 
 var SelectWrapper$1 = function SelectWrapper(_ref) {
   var onChange = _ref.onChange,
@@ -13529,7 +13565,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref) {
     useFirstValueAsDefault: useFirstValueAsDefault,
     canSetToUndefined: canSetToUndefined
   });
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var filterServerSide = _typeof(apiInterface) == 'object' && _typeof(apiInterface.read) == 'object' && apiInterface.read.filterServerSide;
   var selected = state.selected;
@@ -13580,7 +13616,7 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     assetKey = _useState4[0],
     setAssetKey = _useState4[1];
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -14346,7 +14382,7 @@ var Presets = function Presets(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     presetIds = _useState8[0],
     setPresetIds = _useState8[1];
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   useEffect(function () {
     getPresets();
@@ -14552,7 +14588,7 @@ var ApiKey = function ApiKey(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     _value = _useState2[0],
     setValue = _useState2[1];
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var generateApiKey = function generateApiKey() {
     var result = '';
@@ -14586,7 +14622,7 @@ function useButtonData (_ref) {
     data = _ref.data,
     callback = _ref.callback;
   var root = useStore();
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -14686,8 +14722,8 @@ var Result = function Result(_ref) {
 
 var success = "success-tRJ7j";
 var error = "error-MtAFB";
-var css_248z$i = ".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$i);
+var css_248z$h = ".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$h);
 
 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";
 
@@ -14753,8 +14789,8 @@ var CustomButton$1 = observer(CustomButton, {
 
 var wrapper$1 = "wrapper-GVe2h";
 var buttonGroup = "button-group-GYt-T";
-var css_248z$h = ".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$h);
+var css_248z$g = ".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$g);
 
 function ownKeys$y(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$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -14762,7 +14798,7 @@ var SubTitle = function SubTitle(_ref) {
   var _item$orientation, _item$buttonIds;
   var item = _ref.item,
     data = _ref.data;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Divider, {
     orientation: (_item$orientation = item.orientation) !== null && _item$orientation !== void 0 ? _item$orientation : 'left',
@@ -15679,8 +15715,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$g = ".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$g);
+var css_248z$f = ".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$f);
 
 var Selector = function Selector(_ref) {
   var items = _ref.items,
@@ -15786,7 +15822,7 @@ function SelectClientRelationCatalog (_ref) {
     doReadSupplierData = _ref.doReadSupplierData,
     supplierGuid = _ref.supplierGuid,
     sessionGuid = _ref.sessionGuid;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var _useSelectClientRelat = useSelectClientRelationCatalog({
       onSelectedCatalog: onSelectedCatalog,
@@ -16042,7 +16078,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(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var root = useStore();
   useImperativeHandle(ref, function () {
@@ -16546,7 +16582,7 @@ var Form = observer(FormWrapper$1, {
   forwardRef: true
 });
 function DisplayInput(props) {
-  var _useTranslation2 = useTranslation(),
+  var _useTranslation2 = useTranslation$1(),
     t = _useTranslation2.t;
   return /*#__PURE__*/jsx(Input, _objectSpread$v(_objectSpread$v({}, props), {}, {
     disabled: true,
@@ -16624,16 +16660,16 @@ function reducer(state, action) {
 
 var grid = "grid-sGemi";
 var textWrapper = "text-wrapper-xsPXE";
-var css_248z$f = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
-styleInject(css_248z$f);
+var css_248z$e = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
+styleInject(css_248z$e);
 
 var wrapper = "wrapper-p-gR3";
 var container$1 = "container-DoZqe";
-var css_248z$e = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
-styleInject(css_248z$e);
+var css_248z$d = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
+styleInject(css_248z$d);
 
 var ToolTipInfo = function ToolTipInfo(props) {
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx("div", {
     className: wrapper,
@@ -16831,8 +16867,8 @@ var useMediaUpload = function useMediaUpload(_ref) {
 var small = "small-NY1-k";
 var medium = "medium---QcO";
 var big = "big--E39S";
-var css_248z$d = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 85%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
-styleInject(css_248z$d);
+var css_248z$c = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 85%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
+styleInject(css_248z$c);
 
 var MediaUpload = observer(function (_ref) {
   var id = _ref.id;
@@ -16891,8 +16927,8 @@ function getExpandedRowRenderer (config, root) {
 var editableRow = "editable-row-9BEHi";
 var checkbox = "checkbox-H7R-w";
 var editableCellValueWrap = "editable-cell-value-wrap-ugTs4";
-var css_248z$c = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n";
-styleInject(css_248z$c);
+var css_248z$b = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n";
+styleInject(css_248z$b);
 
 function BooleanCell (_ref) {
   var children = _ref.children,
@@ -16943,7 +16979,7 @@ function StringCell (_ref) {
     editing = _useState2[0],
     setEditing = _useState2[1];
   var form = useContext(EditableContext);
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var _useState3 = useState(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -17180,7 +17216,7 @@ function DropdownCell (_ref) {
     dataIndex = _ref.dataIndex;
     _ref.record;
     var save = _ref.save;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   if (column.editable) {
     var _column$flow, _column$flow2;
@@ -17833,8 +17869,8 @@ function useAGHistogram (_ref) {
 var container = "container-2r-OJ";
 var column1 = "column1-9viTK";
 var spinner = "spinner-00VcK";
-var css_248z$b = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
-styleInject(css_248z$b);
+var css_248z$a = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
+styleInject(css_248z$a);
 
 var Panel = Collapse.Panel;
 function AGHistogram (_ref) {
@@ -18014,7 +18050,7 @@ var TableWrapper = function TableWrapper(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     autoRefresh = _useState2[0],
     setAutoRefresh = _useState2[1];
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   useEffect(function () {
     if (!state.loading && state.configuration.canRefresh) state.triggerRefresh();
@@ -18286,7 +18322,7 @@ function DeleteButton(_ref2) {
     min = _ref2$min === void 0 ? 0 : _ref2$min,
     deleting = _ref2.deleting,
     onDelete = _ref2.onDelete;
-  var _useTranslation2 = useTranslation(),
+  var _useTranslation2 = useTranslation$1(),
     t = _useTranslation2.t;
   var hasSelected = (selected === null || selected === void 0 ? void 0 : selected.length) > 0;
   var leftAfterDelete = total - selected.length;
@@ -18430,7 +18466,7 @@ function CopyButton(_ref3) {
       return _ref5.apply(this, arguments);
     };
   }();
-  var _useTranslation3 = useTranslation(),
+  var _useTranslation3 = useTranslation$1(),
     t = _useTranslation3.t;
   return /*#__PURE__*/jsx(Button, {
     type: "primary",
@@ -18444,7 +18480,7 @@ function BulkAction(_ref6) {
   var action = _ref6.action,
     state = _ref6.state;
   var root = useStore();
-  var _useTranslation4 = useTranslation(),
+  var _useTranslation4 = useTranslation$1(),
     t = _useTranslation4.t;
   var hasSelected = ((_state$selected2 = state.selected) === null || _state$selected2 === void 0 ? void 0 : _state$selected2.length) > 0;
   var selectedData = useMemo(function () {
@@ -18694,7 +18730,7 @@ var intervalProps = function intervalProps(title) {
         _useState2 = _slicedToArray(_useState, 2),
         interval = _useState2[0],
         setInterval = _useState2[1];
-      var _useTranslation = useTranslation(),
+      var _useTranslation = useTranslation$1(),
         t = _useTranslation.t;
       useEffect(function () {
         var newSelectedKeys = [];
@@ -18987,7 +19023,7 @@ var selectProps = function selectProps(title, filter) {
         confirm = _ref5.confirm,
         clearFilters = _ref5.clearFilters,
         visible = _ref5.visible;
-      var _useTranslation2 = useTranslation(),
+      var _useTranslation2 = useTranslation$1(),
         t = _useTranslation2.t;
       var ref = useRef(null);
       useEffect(function () {
@@ -19057,7 +19093,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         var confirm = _ref6.confirm,
         clearFilters = _ref6.clearFilters;
         _ref6.visible;
-      var _useTranslation3 = useTranslation(),
+      var _useTranslation3 = useTranslation$1(),
         t = _useTranslation3.t;
       var _useState3 = useState([]),
         _useState4 = _slicedToArray(_useState3, 2),
@@ -19708,7 +19744,7 @@ function TranslationTabs(_ref) {
   var filterContex = _ref.filterContex,
     setFilterContext = _ref.setFilterContext,
     tabs = _ref.tabs;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Tabs, {
     activeKey: filterContex,
@@ -20386,7 +20422,7 @@ function StandardTable (_ref) {
   var id = _ref.id,
     parentData = _ref.parentData,
     parentMapping = _ref.parentMapping;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     i18n = _useTranslation.i18n;
   var state = useTableData({
     id: id,
@@ -20650,8 +20686,8 @@ var loader = "loader-LaXZy";
 var flex = "flex-yQdda";
 var bar = "bar-Y663f";
 var value = "value-FCA-6";
-var css_248z$a = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z$a);
+var css_248z$9 = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
+styleInject(css_248z$9);
 
 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; }
@@ -20723,7 +20759,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
   });
   var gridRef = useRef(); // Optional - for accessing Grid's API
   var root = useStore();
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     i18n = _useTranslation.i18n,
     t = _useTranslation.t;
   function columnEnricher(columns) {
@@ -21600,8 +21636,8 @@ var retailerChild = "retailer-child-5ll0K";
 var supplier = "supplier-8sm0I";
 var dealer = "dealer-xgnku";
 var association = "association-b8uVW";
-var css_248z$9 = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n";
-styleInject(css_248z$9);
+var css_248z$8 = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n";
+styleInject(css_248z$8);
 
 function getColorClass(data) {
   switch (data.type) {
@@ -21629,7 +21665,7 @@ var OrgItem = function OrgItem(_ref) {
     setUpdate = _ref$state[1],
     onDelete = _ref.onDelete,
     parentOrgId = _ref.parentOrgId;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var root = useStore();
   return /*#__PURE__*/jsxs("div", {
@@ -21834,8 +21870,8 @@ var openClass = "open-class--gGXs";
 var breadcrumb = "breadcrumb-Z0VvH";
 var selected = "selected-w-sfW";
 var disabled = "disabled-0nado";
-var css_248z$8 = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
-styleInject(css_248z$8);
+var css_248z$7 = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
+styleInject(css_248z$7);
 
 var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
   var open = _ref.open,
@@ -21867,8 +21903,8 @@ var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
 
 var collapsibleInner = "collapsible-inner-rI8kI";
 var toolbarLeft = "toolbar-left-X9WRo";
-var css_248z$7 = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
-styleInject(css_248z$7);
+var css_248z$6 = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
+styleInject(css_248z$6);
 
 var Legend = function Legend(props) {
   return /*#__PURE__*/jsx(List$1, {
@@ -21922,8 +21958,8 @@ var Legend = function Legend(props) {
 var buttonsWrapper = "buttons-wrapper-Bubkr";
 var mask = "mask-ssagp";
 var transformWrapper = "transform-wrapper--8t0v";
-var css_248z$6 = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
-styleInject(css_248z$6);
+var css_248z$5 = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
+styleInject(css_248z$5);
 
 var ZoomWrapper = function ZoomWrapper(_ref) {
   var _children = _ref.children,
@@ -21950,7 +21986,7 @@ var ZoomWrapper = function ZoomWrapper(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     focused = _useState10[0],
     setFocused = _useState10[1];
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var zoomToImage = useCallback(function (id) {
     if (transformComponentRef.current) {
@@ -22092,7 +22128,7 @@ var ZoomWrapper = function ZoomWrapper(_ref) {
 var SearchSelect = function SearchSelect(_ref) {
   var flatData = _ref.flatData;
   var root = useStore();
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var onChange = function onChange(value) {
     var _root$dataStore;
@@ -22438,7 +22474,7 @@ function DragDropUpload(_ref) {
   var api2Params = _ref.api2Params,
     catalogId = _ref.catalogId,
     startImport = _ref.startImport;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var Dragger = Upload.Dragger;
   var _useState = useState(''),
@@ -22577,7 +22613,7 @@ function DragDropUpload(_ref) {
 function CatalogEditor(_ref) {
   var id = _ref.id;
   var root = useStore();
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var _useCatalogEditor = useCatalogEditor(id),
     error = _useCatalogEditor.error,
@@ -22759,7 +22795,7 @@ function PackageSelector(_ref) {
   var selectedPackage = _ref.selectedPackage,
     setSelectedPackage = _ref.setSelectedPackage,
     enricherService = _ref.enricherService;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(SimpleSelect, {
     apiInterface: {
@@ -23202,7 +23238,7 @@ function IDMCatalogEditor$1(_ref) {
     setSelectedPackage = _ref.setSelectedPackage,
     jwt = _ref.jwt,
     apiConfig = _ref.apiConfig;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _React$useState = React.useState(exclusivityTypes[0].data),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -23239,9 +23275,6 @@ function IDMCatalogEditor$1(_ref) {
   var getPatchId = function getPatchId() {
     if (selectedType.value === 'serieItems' && selectedSerie) return '${typeNo}';
     if (selectedType.value === 'featureOptions' && selectedOption) return '${optionKey}';
-    if (selectedType.value === 'series') return '${serieNo}';
-    if (selectedType.value === 'features') return '${featureNo}';
-    if (selectedType.value === 'detailInfos') return '${detailInfoNo}';
     return '${_id}';
   };
   return /*#__PURE__*/jsxs(Fragment, {
@@ -23288,7 +23321,7 @@ function IDMCatalogEditor$1(_ref) {
               read: apiConfig.enricherService + '/packages/' + selectedPackage + '/exclusivity/features'
             },
             selectMapping: {
-              label: '${featureText.de}',
+              label: '${featureText.de} (${featureNo})',
               value: '${_id}'
             },
             value: selectedOption,
@@ -23363,7 +23396,7 @@ function TablePackages (_ref) {
     organizationId = _ref.organizationId,
     apiConfig = _ref.apiConfig,
     openSubMenu = _ref.openSubMenu;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
@@ -23441,7 +23474,7 @@ function TableProperties (_ref) {
     setSelectedPackage = _ref.setSelectedPackage,
     jwt = _ref.jwt,
     apiConfig = _ref.apiConfig;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
@@ -24154,7 +24187,7 @@ function TableRenaming (_ref) {
     setSelectedPackage = _ref.setSelectedPackage,
     jwt = _ref.jwt,
     apiConfig = _ref.apiConfig;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _React$useState = React.useState(renamingTypes[0].data),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -24234,7 +24267,7 @@ function IDMCatalogEditor(_ref) {
     jwt = _ref.jwt,
     organizationId = _ref.organizationId,
     apiConfig = _ref.apiConfig;
-  var _useTranslation = useTranslation$1(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
@@ -25290,8 +25323,8 @@ var skeleton = "skeleton--xCI0";
 var filterField = "filterField-1kU1O";
 var parentScroll = "parent-scroll-GmaL9";
 var parent = "parent-NZJ3S";
-var css_248z$5 = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
-styleInject(css_248z$5);
+var css_248z$4 = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
+styleInject(css_248z$4);
 
 function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -26079,7 +26112,7 @@ var Filter = function Filter(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     selectedKeys = _useState2[0],
     setSelectedKeys = _useState2[1];
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxs("div", {
     style: {
@@ -26174,8 +26207,8 @@ var newscroller = "newscroller-INKeD";
 var antCollapseHeader = "ant-collapse-header--6FgU";
 var itemTitle = "item-title--BTvC";
 var itemDesc = "item-desc-DBiiF";
-var css_248z$4 = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
-styleInject(css_248z$4);
+var css_248z$3 = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
+styleInject(css_248z$3);
 
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -26298,7 +26331,7 @@ var RelationSelector = function RelationSelector(_ref, ref) {
     id: id,
     data: data
   });
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   useImperativeHandle(ref, function () {
     return {
@@ -26623,7 +26656,7 @@ var FormList = function FormList(_ref, ref) {
     onSave: onChange,
     data: data
   });
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   useImperativeHandle(ref, function () {
     return {
@@ -26993,7 +27026,7 @@ var FormWrapper = function FormWrapper(_ref, ref) {
     onChange: onChange,
     onError: onError
   });
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   useImperativeHandle(ref, function () {
     return {
@@ -27051,7 +27084,7 @@ var SelectOrCreate = observer(FormWrapper, {
 var Single = function Single(_ref2) {
   var _state$selected$;
   var state = _ref2.state;
-  var _useTranslation2 = useTranslation(),
+  var _useTranslation2 = useTranslation$1(),
     t = _useTranslation2.t;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [(state.selected[0] || state.newEntries[0]) && /*#__PURE__*/jsx(Form, {
@@ -27107,7 +27140,7 @@ function useListData (_ref) {
   var id = _ref.id,
     data = _ref.data;
   var root = useStore();
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var _useMemo = useMemo(function () {
       return {
@@ -27595,8 +27628,8 @@ var jsoneditor = "jsoneditor-WMs15";
 var preview = "preview-9wK81";
 var previewButton = "preview-button-vupuG";
 var editButton = "edit-button-m6r3M";
-var css_248z$3 = ".jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-transform {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-repair {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-poweredBy {\n  display: none;\n}\n.jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z$3);
+var css_248z$2 = ".jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-transform {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-repair {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-poweredBy {\n  display: none;\n}\n.jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z$2);
 
 var JsonEditor = function JsonEditor(_ref, ref) {
   var id = _ref.id,
@@ -27671,7 +27704,7 @@ var JsonEditor$1 = observer(JsonEditor, {
 });
 
 function ConfirmationPopup(props) {
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Modal$2, {
     title: t('backoffice.confirmationpopup.title'),
@@ -27955,7 +27988,7 @@ function Detail(_ref) {
     container = _ref.container,
     left = _ref.left;
   var root = useStore();
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var ref = useRef(null);
   var _useState = useState(),
@@ -28326,20 +28359,20 @@ var Modal$1 = observer(Modal);
 
 var layout = "layout-gqKsp";
 var contentWrapper = "content-wrapper-mQSc0";
-var css_248z$2 = ".layout-gqKsp {\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.content-wrapper-mQSc0 {\n  overflow: auto;\n}\n\n.darkmode .layout-gqKsp {\n  background-color: rgb(20, 20, 20);\n}\n\n.lightmode .layout-gqKsp {\n  background-color: rgb(255, 255, 255);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .arrows {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.5 7L15.5 12L10.5 17%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(270deg, rgba(0, 21, 41, 1) 0%, rgba(0, 21, 41, 1) 72%, rgba(0, 21, 41, 0) 100%) !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile > div {\n  border-left: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #welcomeText {\n  border-right: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode {\n  background-color: #fff !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode * {\n  color: rgb(255, 255, 255);\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode * {\n  color: rgb(0, 0, 0);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW ::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #021129;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px rgb(130, 130, 130);\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #ffffff;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px #bdbdbd;\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n";
-styleInject(css_248z$2);
+var css_248z$1 = ".layout-gqKsp {\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.content-wrapper-mQSc0 {\n  overflow: auto;\n}\n\n.darkmode .layout-gqKsp {\n  background-color: rgb(20, 20, 20);\n}\n\n.lightmode .layout-gqKsp {\n  background-color: rgb(255, 255, 255);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .arrows {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.5 7L15.5 12L10.5 17%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(270deg, rgba(0, 21, 41, 1) 0%, rgba(0, 21, 41, 1) 72%, rgba(0, 21, 41, 0) 100%) !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile > div {\n  border-left: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #welcomeText {\n  border-right: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode {\n  background-color: #fff !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode * {\n  color: rgb(255, 255, 255);\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode * {\n  color: rgb(0, 0, 0);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW ::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #021129;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px rgb(130, 130, 130);\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #ffffff;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px #bdbdbd;\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n";
+styleInject(css_248z$1);
 
 var snow = "snow-14T01";
 var sun = "sun-ijIPS";
-var css_248z$1 = ".snow-14T01 {\n  display: none;\n  position: fixed;\n  font-size: 1.5rem;\n  top: -1vh;\n  transform: translateY(0);\n  animation: fall-XG-Wo 3s linear forwards;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 512 512%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cpath style%3D%22fill%3A%2399DDFF%3B%22 d%3D%22M512%2C256c0-9.217-7.479-16.696-16.696-16.696h-26.478l32.718-32.718%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295%09l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728V47.435c0-9.217-7.479-16.696-16.696-16.696%09c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0%09s-16.696%2C7.479-16.696%2C16.696v26.478l-32.718-32.717c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l56.327%2C56.326%09v83.813c-10.642%2C2.168-20.536%2C6.39-29.295%2C12.197l-59.303-59.303V47.435c0-9.217-7.479-16.696-16.696-16.696%09s-16.696%2C7.479-16.696%2C16.696v46.271L98.587%2C74.978c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l18.728%2C18.728%09H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h79.663l59.303%2C59.303%09c-5.807%2C8.759-10.027%2C18.652-12.197%2C29.295H90.391l-56.326-56.326c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609%09l32.717%2C32.717H16.696C7.479%2C239.304%2C0%2C246.783%2C0%2C256s7.479%2C16.696%2C16.696%2C16.696h26.478l-32.717%2C32.718%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609c3.26%2C3.26%2C7.532%2C4.891%2C11.804%2C4.891s8.544-1.631%2C11.804-4.892l56.327-56.326h83.813%09c2.168%2C10.642%2C6.39%2C20.536%2C12.197%2C29.295l-59.303%2C59.303H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h46.271l-18.728%2C18.728c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892l18.728-18.728v46.271c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-79.663l59.303-59.303c8.759%2C5.807%2C18.652%2C10.027%2C29.295%2C12.197v83.813l-56.326%2C56.326%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609s17.087%2C6.521%2C23.609%2C0l32.718-32.718v26.478c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-26.478l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696h-79.663L325.6%2C301.991%09c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478C504.521%2C272.696%2C512%2C265.217%2C512%2C256z M256%2C306.087%09c-27.619%2C0-50.087-22.468-50.087-50.087s22.468-50.087%2C50.087-50.087s50.087%2C22.468%2C50.087%2C50.087S283.619%2C306.087%2C256%2C306.087z%22%2F%3E%3Cpath style%3D%22fill%3A%2373C0E6%3B%22 d%3D%22M306.087%2C256c0%2C27.619-22.468%2C50.087-50.087%2C50.087V512c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-26.478%09l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327%09v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696%09h-79.663L325.6%2C301.991c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892%09s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-26.478l32.718-32.718c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327%09h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728%09V47.435c0-9.217-7.479-16.696-16.696-16.696c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4%09c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0%09l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0v205.913C283.619%2C205.913%2C306.087%2C228.381%2C306.087%2C256z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 20px;\n  height: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .snow-14T01 {\n  display: block;\n}\n\n@keyframes fall-XG-Wo {\n  from {\n    transform: translateY(0vh) translateX(-10vw);\n  }\n  to {\n    transform: translateY(105vh) translateX(10vw);\n  }\n}\n\n.sun-ijIPS {\n  color: rgba(255, 255, 255, 0.65);\n  line-height: 40px;\n  margin-left: 10px;\n  cursor: pointer;\n}\n";
-styleInject(css_248z$1);
+var css_248z = ".snow-14T01 {\n  display: none;\n  position: fixed;\n  font-size: 1.5rem;\n  top: -1vh;\n  transform: translateY(0);\n  animation: fall-XG-Wo 3s linear forwards;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 512 512%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cpath style%3D%22fill%3A%2399DDFF%3B%22 d%3D%22M512%2C256c0-9.217-7.479-16.696-16.696-16.696h-26.478l32.718-32.718%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295%09l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728V47.435c0-9.217-7.479-16.696-16.696-16.696%09c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0%09s-16.696%2C7.479-16.696%2C16.696v26.478l-32.718-32.717c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l56.327%2C56.326%09v83.813c-10.642%2C2.168-20.536%2C6.39-29.295%2C12.197l-59.303-59.303V47.435c0-9.217-7.479-16.696-16.696-16.696%09s-16.696%2C7.479-16.696%2C16.696v46.271L98.587%2C74.978c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l18.728%2C18.728%09H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h79.663l59.303%2C59.303%09c-5.807%2C8.759-10.027%2C18.652-12.197%2C29.295H90.391l-56.326-56.326c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609%09l32.717%2C32.717H16.696C7.479%2C239.304%2C0%2C246.783%2C0%2C256s7.479%2C16.696%2C16.696%2C16.696h26.478l-32.717%2C32.718%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609c3.26%2C3.26%2C7.532%2C4.891%2C11.804%2C4.891s8.544-1.631%2C11.804-4.892l56.327-56.326h83.813%09c2.168%2C10.642%2C6.39%2C20.536%2C12.197%2C29.295l-59.303%2C59.303H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h46.271l-18.728%2C18.728c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892l18.728-18.728v46.271c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-79.663l59.303-59.303c8.759%2C5.807%2C18.652%2C10.027%2C29.295%2C12.197v83.813l-56.326%2C56.326%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609s17.087%2C6.521%2C23.609%2C0l32.718-32.718v26.478c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-26.478l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696h-79.663L325.6%2C301.991%09c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478C504.521%2C272.696%2C512%2C265.217%2C512%2C256z M256%2C306.087%09c-27.619%2C0-50.087-22.468-50.087-50.087s22.468-50.087%2C50.087-50.087s50.087%2C22.468%2C50.087%2C50.087S283.619%2C306.087%2C256%2C306.087z%22%2F%3E%3Cpath style%3D%22fill%3A%2373C0E6%3B%22 d%3D%22M306.087%2C256c0%2C27.619-22.468%2C50.087-50.087%2C50.087V512c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-26.478%09l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327%09v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696%09h-79.663L325.6%2C301.991c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892%09s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-26.478l32.718-32.718c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327%09h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728%09V47.435c0-9.217-7.479-16.696-16.696-16.696c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4%09c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0%09l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0v205.913C283.619%2C205.913%2C306.087%2C228.381%2C306.087%2C256z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 20px;\n  height: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .snow-14T01 {\n  display: block;\n}\n\n@keyframes fall-XG-Wo {\n  from {\n    transform: translateY(0vh) translateX(-10vw);\n  }\n  to {\n    transform: translateY(105vh) translateX(10vw);\n  }\n}\n\n.sun-ijIPS {\n  color: rgba(255, 255, 255, 0.65);\n  line-height: 40px;\n  margin-left: 10px;\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
 
 var SnowAnimation = function SnowAnimation(props) {
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     interv = _useState2[0],
     setInterv = _useState2[1];
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -28373,20 +28406,12 @@ var SnowAnimation = function SnowAnimation(props) {
   });
 };
 
-var navMinifyButton = "nav-minify-button-ZX7dm";
-var navContainer = "nav-container-JCR24";
-var navMinified = "nav-minified-tSt-a";
-var navOverlay = "nav-overlay-rKJNC";
-var navSettings = "nav-settings-82cjv";
-var css_248z = ".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}\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  position: absolute !important;\n}\n\n.nav-minified-tSt-a {\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 {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu {\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";
-styleInject(css_248z);
-
 var MenuComponent = function MenuComponent(_ref) {
   var element = _ref.element,
     onSelect = _ref.onSelect,
-    zIndex = _ref.zIndex,
     footerElement = _ref.footerElement,
-    toggleOpen = _ref.toggleOpen;
+    toggleOpen = _ref.toggleOpen,
+    minifyWithIcons = _ref.minifyWithIcons;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     overlay = _useState2[0],
@@ -28403,47 +28428,44 @@ var MenuComponent = function MenuComponent(_ref) {
     onSelect(keyPath);
     setOverlay(false);
   };
-  return /*#__PURE__*/jsx("div", {
-    className: navContainer,
-    style: {
-      zIndex: zIndex
+  return /*#__PURE__*/jsxs(Layout$1.Sider, {
+    className: classnames(!element.open && !minifyWithIcons ? navMinified : undefined, overlay ? navOverlay : undefined),
+    collapsible: minifyWithIcons,
+    trigger: null,
+    collapsed: minifyWithIcons && !element.open && !overlay,
+    onMouseEnter: function onMouseEnter() {
+      if (!element.open) setOverlay(true);
     },
-    children: /*#__PURE__*/jsxs(Layout$1.Sider, {
-      className: classnames(element.open ? undefined : navMinified, overlay ? navOverlay : undefined),
-      onMouseEnter: function onMouseEnter() {
-        if (!element.open) setOverlay(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setOverlay(false);
+    onMouseLeave: function onMouseLeave() {
+      return setOverlay(false);
+    },
+    children: [/*#__PURE__*/jsx("div", {
+      className: navMinifyButton,
+      onClick: function onClick() {
+        return toggleOpen();
       },
-      children: [/*#__PURE__*/jsx("div", {
-        className: navMinifyButton,
-        onClick: function onClick() {
-          return toggleOpen();
-        },
-        children: /*#__PURE__*/jsx(DoubleLeftOutlined, {
-          rotate: element.open ? 0 : 180
-        })
-      }), /*#__PURE__*/jsx(Menu, {
-        hidden: !element.open,
-        theme: "dark",
-        mode: "inline",
-        selectedKeys: element.selected,
-        openKeys: openKeys,
-        onClick: onMenuSelect,
-        onOpenChange: function onOpenChange(keys) {
-          return setOpenKeys(keys);
-        },
-        items: element.items
-      }), (element.open || overlay) && footerElement]
-    })
+      children: /*#__PURE__*/jsx(DoubleLeftOutlined, {
+        rotate: element.open ? 0 : 180
+      })
+    }), /*#__PURE__*/jsx(Menu, {
+      hidden: !element.open && !minifyWithIcons,
+      theme: "dark",
+      mode: "inline",
+      selectedKeys: element.selected,
+      openKeys: openKeys,
+      onClick: onMenuSelect,
+      onOpenChange: function onOpenChange(keys) {
+        return setOpenKeys(keys);
+      },
+      items: element.items
+    }), (element.open || overlay) && footerElement]
   });
 };
 var MenuComponent$1 = observer(MenuComponent);
 
 var MenuWrapper = function MenuWrapper() {
   var root = useStore();
-  var _useTranslation = useTranslation(),
+  var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
   var footerElement = /*#__PURE__*/jsxs("div", {
     className: navSettings,
@@ -28456,7 +28478,12 @@ var MenuWrapper = function MenuWrapper() {
       }
     }), root.showSnow && /*#__PURE__*/jsx(SnowAnimation, {})]
   });
-  return /*#__PURE__*/jsxs(Fragment, {
+  var width = (root.contentStore.menuElement1 ? root.contentStore.menuElement1.open ? 200 : 80 : 0) + (root.contentStore.menuElement2 ? root.contentStore.menuElement2.open ? 200 : 30 : 0);
+  return /*#__PURE__*/jsxs("div", {
+    className: navContainer,
+    style: {
+      width: width
+    },
     children: [root.contentStore.menuElement1 && /*#__PURE__*/jsx(MenuComponent$1, {
       element: root.contentStore.menuElement1,
       toggleOpen: function toggleOpen() {
@@ -28465,8 +28492,8 @@ var MenuWrapper = function MenuWrapper() {
       onSelect: function onSelect(key) {
         return root.contentStore.updateSelectedMenuKeys(key, root.contentStore.menuElement1);
       },
-      zIndex: 1002,
-      footerElement: footerElement
+      footerElement: footerElement,
+      minifyWithIcons: true
     }), root.contentStore.menuElement2 && /*#__PURE__*/jsx(MenuComponent$1, {
       element: root.contentStore.menuElement2,
       toggleOpen: function toggleOpen() {
@@ -28474,8 +28501,7 @@ var MenuWrapper = function MenuWrapper() {
       },
       onSelect: function onSelect(key) {
         return root.contentStore.updateSelectedMenuKeys(key, root.contentStore.menuElement2);
-      },
-      zIndex: 1001
+      }
     })]
   });
 };

package/build/types/backoffice/src/layout/Navigation/MenuElement.d.ts

@@ -4,10 +4,10 @@ interface MenuElementProps {
     element: MenuElement;
     onSelect: (key: string[]) => void;
     toggleOpen: () => void;
-    zIndex?: number;
     footerElement?: React.ReactNode;
+    minifyWithIcons?: boolean;
 }
-declare const _default: (({ element, onSelect, zIndex, footerElement, toggleOpen }: MenuElementProps) => JSX.Element) & {
+declare const _default: (({ element, onSelect, footerElement, toggleOpen, minifyWithIcons }: MenuElementProps) => JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/build/types/backoffice/src/layout/Navigation/MenuElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElement.d.ts","sourceRoot":"","sources":["../../../../../../src/layout/Navigation/MenuElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;;;;AA2CD,wBAAuC"}
+{"version":3,"file":"MenuElement.d.ts","sourceRoot":"","sources":["../../../../../../src/layout/Navigation/MenuElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;;;;AA4CD,wBAAuC"}

package/build/types/backoffice/src/layout/Navigation/MenuLabel.d.ts

@@ -0,0 +1,6 @@
+import { MenuItem } from './types';
+export default function ({ disabled, item }: {
+    disabled: boolean;
+    item: MenuItem;
+}): JSX.Element;
+//# sourceMappingURL=MenuLabel.d.ts.map

package/build/types/backoffice/src/layout/Navigation/MenuLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/layout/Navigation/MenuLabel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,MAAM,CAAC,OAAO,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,eAUjF"}

package/build/types/backoffice/src/layout/Navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/layout/Navigation/index.tsx"],"names":[],"mappings":";;;AAkDA,wBAAqC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/layout/Navigation/index.tsx"],"names":[],"mappings":";;;AAoDA,wBAAqC"}

package/build/types/backoffice/src/store/ContentStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentStore.d.ts","sourceRoot":"","sources":["../../../../../src/store/ContentStore.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAInE,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO;IAaA,OAAO,CAAC,IAAI;IAZxB,OAAO,CAAC,MAAM,CAC8F;IAC5G,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,aAAa,CAAC,CAAS;IAC/B,OAAO,CAAC,aAAa,CAAC,CAAc;IACpC,OAAO,CAAC,aAAa,CAAC,CAAc;IAEpC,OAAO,CAAC,cAAc,CAAC,CAAa;IACpC,OAAO,CAAC,wBAAwB,CAAC,CAAyB;IAC1D,OAAO,CAAC,sBAAsB,CAAC,CAAa;gBAExB,IAAI,EAAE,SAAS;IAUnC,QAAQ;IAKR,IAAI,KAAK,6BAER;IAED,IAAI,YAAY,4BAEf;IAED,IAAI,YAAY,4BAEf;IAED,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,WAAW;IAKxC,IAAI,YAAY,IAAI,MAAM,GAAG,SAAS,CAErC;IAED,IAAI,UAAU,WAEb;IAED,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE;QAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;IAqDhF,uBAAuB,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC;IAQxC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI;IAU5G,kBAAkB;IAKlB;;;;;OAKG;IACH,OAAO,CAAC,qBAAqB;IAwB7B;;;;;;;;;OASG;IACH,OAAO,CAAC,yBAAyB;IAejC;;;;OAIG;IACH,OAAO,CAAC,WAAW;IA6BnB;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;CAa/B"}
+{"version":3,"file":"ContentStore.d.ts","sourceRoot":"","sources":["../../../../../src/store/ContentStore.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAInE,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO;IAaA,OAAO,CAAC,IAAI;IAZxB,OAAO,CAAC,MAAM,CAC8F;IAC5G,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,aAAa,CAAC,CAAS;IAC/B,OAAO,CAAC,aAAa,CAAC,CAAc;IACpC,OAAO,CAAC,aAAa,CAAC,CAAc;IAEpC,OAAO,CAAC,cAAc,CAAC,CAAa;IACpC,OAAO,CAAC,wBAAwB,CAAC,CAAyB;IAC1D,OAAO,CAAC,sBAAsB,CAAC,CAAa;gBAExB,IAAI,EAAE,SAAS;IAUnC,QAAQ;IAKR,IAAI,KAAK,6BAER;IAED,IAAI,YAAY,4BAEf;IAED,IAAI,YAAY,4BAEf;IAED,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,WAAW;IAKxC,IAAI,YAAY,IAAI,MAAM,GAAG,SAAS,CAErC;IAED,IAAI,UAAU,WAEb;IAED,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE;QAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;IAqDhF,uBAAuB,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC;IAQxC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI;IAU5G,kBAAkB;IAKlB;;;;;OAKG;IACH,OAAO,CAAC,qBAAqB;IAwB7B;;;;;;;;;OASG;IACH,OAAO,CAAC,yBAAyB;IAejC;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAyBnB;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;CAa/B"}

package/build/types/backoffice/src/ui/IDMEnricherEditor/modules/TableExclusivity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/modules/TableExclusivity/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AA8CpE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,sBAAsB,eAuKvH"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/modules/TableExclusivity/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AA8CpE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,sBAAsB,eAmKvH"}

package/build/types/backoffice/src/ui/Table/utils/aplyFilterAndSortation.d.ts

@@ -13,7 +13,7 @@ export default function ({ data, filters, sorter, pagination, filterServerSide }
     data: any[];
     pagination: {
         total: number;
-        position?: ("topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "topCenter" | "bottomCenter")[] | undefined;
+        position?: ("bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter")[] | undefined;
         showQuickJumper?: boolean | {
             goButton?: import("react").ReactNode;
         } | undefined;

package/build/types/backoffice/src/utils/getIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getIcons.d.ts","sourceRoot":"","sources":["../../../../../src/utils/getIcons.tsx"],"names":[],"mappings":"AAsCA,wBAAgB,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,2BA8EpC"}
+{"version":3,"file":"getIcons.d.ts","sourceRoot":"","sources":["../../../../../src/utils/getIcons.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,2BAoFpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "24.8.0-beta.1",
+  "version": "24.8.0-beta.3",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^5.15.0",
@@ -15,7 +15,7 @@
   "dependencies": {
     "@ant-design/icons": "5.0.1",
     "@babel/runtime": "7.18.0",
-    "@crystaldesign/spreadsheet": "24.8.0-beta.1",
+    "@crystaldesign/spreadsheet": "24.8.0-beta.3",
     "@google/model-viewer": "3.4.0",
     "@tinymce/tinymce-react": "^3.13.0",
     "ag-charts-community": "^9.3.1",
@@ -50,5 +50,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/backoffice/src/index.d.ts",
-  "gitHead": "2e0a343a1554158d4a46b2615591d91011c5a7b3"
+  "gitHead": "c65bc54d17a49c89d7ddedf945de62c56935b3a9"
 }