@crystaldesign/diva-seller 24.10.0-beta.3 → 24.10.0-beta.5

package/build/esm/index.js

@@ -16,7 +16,7 @@ import CardActionArea from '@material-ui/core/CardActionArea';
 import CardMedia from '@material-ui/core/CardMedia';
 import Typography$1 from '@material-ui/core/Typography';
 import { makeStyles, createStyles, styled as styled$1 } from '@material-ui/core/styles';
-import { styled, Box, Typography, Card as Card$1, CardActionArea as CardActionArea$1, CardMedia as CardMedia$1, Button as Button$1, withStyles, TextField, ButtonGroup as ButtonGroup$1, makeStyles as makeStyles$1, createStyles as createStyles$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, Link, Tab, Tabs, Table as Table$2, TableBody as TableBody$1, TableRow as TableRow$1, TableCell as TableCell$1, CardHeader, CardContent, FormControl as FormControl$1, FormHelperText, Grid as Grid$1, TextareaAutosize, ListItemIcon, IconButton as IconButton$1 } from '@material-ui/core';
+import { styled, Box, Typography, Card as Card$1, CardActionArea as CardActionArea$1, CardMedia as CardMedia$1, Button as Button$1, withStyles, TextField, ButtonGroup as ButtonGroup$1, makeStyles as makeStyles$1, createStyles as createStyles$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, Link, Tab, Tabs, Table as Table$2, TableBody as TableBody$1, TableRow as TableRow$1, TableCell as TableCell$1, CardHeader, CardContent, FormControl as FormControl$1, FormHelperText, Grid as Grid$1, TextareaAutosize, Select as Select$1, MenuItem as MenuItem$1, IconButton as IconButton$1, ListItemIcon } from '@material-ui/core';
 import { Histogram, useFilterState, FilterComponent, AnalyticsComponent } from '@crystaldesign/analytics';
 import Button from '@material-ui/core/Button';
 import ButtonGroup from '@material-ui/core/ButtonGroup';
@@ -73,6 +73,7 @@ import Tabs$1 from '@material-ui/core/Tabs';
 import Autocomplete$1 from '@material-ui/lab/Autocomplete';
 import { TRANSLATED_FILEDS, ProductHandlerAbstract } from '@crystaldesign/product-handler';
 import { Editor } from '@tinymce/tinymce-react';
+import { Remove, Add, Delete } from '@material-ui/icons';
 import CardHeader$1 from '@material-ui/core/CardHeader';
 import CardContent$1 from '@material-ui/core/CardContent';
 import Menu from '@material-ui/core/Menu';
@@ -466,11 +467,11 @@ function breadcrumbCollection() {
   };
 }
 
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var reducer$1 = function reducer(state, action) {
   if (action.type == 'update') {
-    var newState = _objectSpread$E({}, state);
+    var newState = _objectSpread$F({}, state);
     action.payload.forEach(function (p) {
       if (p.field == 'basketState') {
         if (p.value) {
@@ -1677,8 +1678,8 @@ var _excluded$e = ["collectionId"],
 function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(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$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(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$5(r, a) : void 0; } }
 function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$f = getLogger('Seller', 'SellerStateData');
 function useSellerStateData(_ref) {
   var sessionGuid = _ref.sessionGuid,
@@ -1808,7 +1809,7 @@ function useSellerStateData(_ref) {
               }]
             });
           case 7:
-            return _context.abrupt("return", processData(_objectSpread$D(_objectSpread$D({}, props), {}, {
+            return _context.abrupt("return", processData(_objectSpread$E(_objectSpread$E({}, props), {}, {
               data: collections
             })));
           case 10:
@@ -1872,7 +1873,7 @@ function useSellerStateData(_ref) {
             updateAcountLogo((_state$collections = state.collections) === null || _state$collections === void 0 || (_state$collections = _state$collections.find(function (c) {
               return c.id == collectionId;
             })) === null || _state$collections === void 0 ? void 0 : _state$collections.accountLogo);
-            return _context2.abrupt("return", processData(_objectSpread$D(_objectSpread$D({}, props), {}, {
+            return _context2.abrupt("return", processData(_objectSpread$E(_objectSpread$E({}, props), {}, {
               data: catalogs || []
             })));
           case 14:
@@ -2198,12 +2199,12 @@ function useSellerStateData(_ref) {
   };
   var updateBasket = /*#__PURE__*/function () {
     var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(divaNr, basket, customProductId, organizationId, assignNewDivaNr, jwt) {
-      var _state$basketState, _currentBasket, _state$basketState2, _currentBasket2, currentBasket, basketIsAlreadySaved, oldSetIds, newSetIds, doReallyConcat, _state$basketState4, _state$basketState5, _state$basketState3, _state$basketState6, ret, _getBasketStatusArr, _divaNr, catalogData;
+      var _state$basketState, _currentBasket, _state$basketState2, _currentBasket2, currentBasket, basketIsAlreadySaved, oldSetIds, newSetIds, doReallyConcat, _state$basketState5, _state$basketState6, _state$basketState3, _divaNr, _state$basketState4, _state$basketState7, ret, _getBasketStatusArr, _divaNr2, catalogData;
       return _regeneratorRuntime.wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
           case 0:
             if (!(state.firstLoginApiUrl && sessionGuid)) {
-              _context7.next = 54;
+              _context7.next = 55;
               break;
             }
             currentBasket = basket;
@@ -2218,44 +2219,49 @@ function useSellerStateData(_ref) {
               return newSetIds.includes(x);
             }).length == 0 : false;
             if (!(divaNr && divaNr == state.currentDivaNr && (_state$basketState2 = state.basketState) !== null && _state$basketState2 !== void 0 && _state$basketState2.basket)) {
-              _context7.next = 18;
+              _context7.next = 19;
               break;
             }
             if (currentBasket) {
-              _context7.next = 15;
+              _context7.next = 16;
               break;
             }
             //if no new basket object is passed in, update the divaNr on the current basket
             currentBasket = (_state$basketState3 = state.basketState) === null || _state$basketState3 === void 0 ? void 0 : _state$basketState3.basket;
-            _context7.next = 11;
+            if (!(!((_divaNr = divaNr) !== null && _divaNr !== void 0 && _divaNr.startsWith(currentBasket.DivaNr)) || (_state$basketState4 = state.basketState) !== null && _state$basketState4 !== void 0 && _state$basketState4.assignNewDivaNr)) {
+              _context7.next = 14;
+              break;
+            }
+            _context7.next = 12;
             return apiLoadUniqueDivaNr({
               basketUrl: apiConfig.basketService,
               jwt: jwt
             });
-          case 11:
+          case 12:
             divaNr = _context7.sent;
             currentBasket.DivaNr = divaNr;
-            _context7.next = 16;
+          case 14:
+            _context7.next = 17;
             break;
-          case 15:
-            if ((_state$basketState4 = state.basketState) !== null && _state$basketState4 !== void 0 && _state$basketState4.concat && doReallyConcat && state !== null && state !== void 0 && (_state$basketState5 = state.basketState) !== null && _state$basketState5 !== void 0 && _state$basketState5.basket && basket) {
+          case 16:
+            if ((_state$basketState5 = state.basketState) !== null && _state$basketState5 !== void 0 && _state$basketState5.concat && doReallyConcat && state !== null && state !== void 0 && (_state$basketState6 = state.basketState) !== null && _state$basketState6 !== void 0 && _state$basketState6.basket && basket) {
               //UseCase 4: new Basket gets concatenated with old Basket
               state.basketState.basket.concatOrderSets(currentBasket.OrderSets);
               currentBasket = state.basketState.basket;
             }
-          case 16:
-            _context7.next = 41;
+          case 17:
+            _context7.next = 42;
             break;
-          case 18:
+          case 19:
             if (!(!currentBasket || divaNr != currentBasket.DivaNr || customProductId)) {
-              _context7.next = 41;
+              _context7.next = 42;
               break;
             }
-            _context7.next = 21;
+            _context7.next = 22;
             return apiLoadBasket({
               divaNr: divaNr,
-              apiConfig: _objectSpread$D(_objectSpread$D({}, apiConfig), {}, {
-                api2: _objectSpread$D(_objectSpread$D({}, apiConfig.api2), {}, {
+              apiConfig: _objectSpread$E(_objectSpread$E({}, apiConfig), {}, {
+                api2: _objectSpread$E(_objectSpread$E({}, apiConfig.api2), {}, {
                   "default": state.firstLoginApiUrl
                 })
               }),
@@ -2267,51 +2273,51 @@ function useSellerStateData(_ref) {
               getSessionGuid: getSessionGuid,
               jwt: jwt
             });
-          case 21:
+          case 22:
             ret = _context7.sent;
             if (ret) {
-              _context7.next = 24;
+              _context7.next = 25;
               break;
             }
             return _context7.abrupt("return");
-          case 24:
-            _context7.next = 26;
+          case 25:
+            _context7.next = 27;
             return evaluateRopoEffect(ret.basket, ret.sourceOrganization);
-          case 26:
+          case 27:
             currentBasket = ret.basket;
-            if (!((_state$basketState6 = state.basketState) !== null && _state$basketState6 !== void 0 && _state$basketState6.assignNewDivaNr || assignNewDivaNr || !divaNr && customProductId)) {
-              _context7.next = 37;
+            if (!((_state$basketState7 = state.basketState) !== null && _state$basketState7 !== void 0 && _state$basketState7.assignNewDivaNr || assignNewDivaNr || !divaNr && customProductId)) {
+              _context7.next = 38;
               break;
             }
-            _context7.next = 30;
+            _context7.next = 31;
             return apiLoadUniqueDivaNr({
               basketUrl: apiConfig.basketService,
               jwt: jwt
             });
-          case 30:
+          case 31:
             divaNr = _context7.sent;
             currentBasket.DivaNr = divaNr;
             //reset status basket gets new DivaNr
             if ((_getBasketStatusArr = getBasketStatusArr()) !== null && _getBasketStatusArr !== void 0 && _getBasketStatusArr[0]) currentBasket.Status = getBasketStatusArr()[0];
             currentBasket.setDocumentVersion(1);
             divaNr = divaNr + '-1';
-            _context7.next = 40;
+            _context7.next = 41;
             break;
-          case 37:
+          case 38:
             currentBasket.setDocumentVersion(ret.newestDocumentVersion);
-            if (((_divaNr = divaNr) === null || _divaNr === void 0 ? void 0 : _divaNr.split('-').length) == 3) {
+            if (((_divaNr2 = divaNr) === null || _divaNr2 === void 0 ? void 0 : _divaNr2.split('-').length) == 3) {
               divaNr = divaNr.split('-')[0] + '-' + divaNr.split('-')[1] + '-' + currentBasket.getDocumentVersion();
             }
             basketIsAlreadySaved = true;
-          case 40:
-            currentBasket.clearRenderData();
           case 41:
+            currentBasket.clearRenderData();
+          case 42:
             catalogData = undefined;
             if (!currentBasket) {
-              _context7.next = 46;
+              _context7.next = 47;
               break;
             }
-            _context7.next = 45;
+            _context7.next = 46;
             return loadCatalogInfo.apply(void 0, _toConsumableArray(currentBasket.OrderSets.map(function (os) {
               return {
                 catalogCodex: os.CatalogCodex,
@@ -2320,19 +2326,19 @@ function useSellerStateData(_ref) {
                 catalogGuid: os.CatalogGUID
               };
             })));
-          case 45:
-            catalogData = _context7.sent;
           case 46:
+            catalogData = _context7.sent;
+          case 47:
             if (!currentBasket) {
-              _context7.next = 52;
+              _context7.next = 53;
               break;
             }
             currentBasket.PrintOptions = getPrintOptions(currentBasket.PrintOptions);
             currentBasket.UserLanguage = i18n.language;
             currentBasket.ClientLanguage = i18n.language;
-            _context7.next = 52;
+            _context7.next = 53;
             return DivaUtils$1.updateBasketOrgInfo(currentBasket, currentOrganization, currentUser, false);
-          case 52:
+          case 53:
             dispatch({
               type: 'update',
               payload: [{
@@ -2358,9 +2364,9 @@ function useSellerStateData(_ref) {
               catalogData: catalogData,
               saved: basketIsAlreadySaved
             });
-          case 54:
-            throw new Error('Function: updateBasket was called bevor state.firstLoginApiUrl is initialized!');
           case 55:
+            throw new Error('Function: updateBasket was called bevor state.firstLoginApiUrl is initialized!');
+          case 56:
           case "end":
             return _context7.stop();
         }
@@ -2463,12 +2469,12 @@ function useSellerStateData(_ref) {
     };
   };
   var getBasketStatusArr = function getBasketStatusArr() {
-    var _state$returnTo, _state$basketState7;
+    var _state$returnTo, _state$basketState8;
     if (['toProductsGallery', 'toAssortmentManager'].includes((_state$returnTo = state.returnTo) !== null && _state$returnTo !== void 0 ? _state$returnTo : '')) {
       return ['BASE_CONFIGURATION'];
-    } else if ((_state$basketState7 = state.basketState) !== null && _state$basketState7 !== void 0 && _state$basketState7.overwriteStates) {
-      var _state$basketState8;
-      return (_state$basketState8 = state.basketState) === null || _state$basketState8 === void 0 ? void 0 : _state$basketState8.overwriteStates;
+    } else if ((_state$basketState8 = state.basketState) !== null && _state$basketState8 !== void 0 && _state$basketState8.overwriteStates) {
+      var _state$basketState9;
+      return (_state$basketState9 = state.basketState) === null || _state$basketState9 === void 0 ? void 0 : _state$basketState9.overwriteStates;
     }
     return configData === null || configData === void 0 ? void 0 : configData.BasketStatusArr;
   };
@@ -2586,7 +2592,7 @@ function useSellerStateData(_ref) {
               }]
             });
           case 24:
-            return _context9.abrupt("return", processData(_objectSpread$D(_objectSpread$D({}, props), {}, {
+            return _context9.abrupt("return", processData(_objectSpread$E(_objectSpread$E({}, props), {}, {
               data: articles || []
             })));
           case 27:
@@ -2718,8 +2724,8 @@ function useSellerStateData(_ref) {
 }
 
 var _excluded$d = ["state", "setFirstLoginApiUrl", "updateBasketState", "setPlannerParams", "setReturnTo", "setOriginProductId", "setProductCategories", "resetState", "resetForCache"];
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$e = getLogger('Seller', 'SellerStateProvider');
 var SellerStateProvider = function SellerStateProvider(_ref) {
   var children = _ref.children,
@@ -3083,7 +3089,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
               _context4.next = 8;
               break;
             }
-            params = _objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C({
+            params = _objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D({
               catalogCodex: catalogCodex
             }, accountId ? {
               accountId: accountId
@@ -3098,13 +3104,13 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
             } : {}), retailArticleNr ? {
               retailArticleNr: retailArticleNr
             } : {});
-            internal = _objectSpread$C(_objectSpread$C({}, forceReload ? {
+            internal = _objectSpread$D(_objectSpread$D({}, forceReload ? {
               forceReload: forceReload
             } : {}), {}, {
               accountSessionGuid: accountSessionGuid,
               basketData: basketData
             });
-            setPlannerParams(_objectSpread$C(_objectSpread$C({}, params), {}, {
+            setPlannerParams(_objectSpread$D(_objectSpread$D({}, params), {}, {
               internal: internal
             }));
             openComponent({
@@ -3136,7 +3142,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                       updateBasketState({
                         concat: true
                       });
-                      var _params = _objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C({}, catalogCodex ? {
+                      var _params = _objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D({}, catalogCodex ? {
                         catalogCodex: catalogCodex
                       } : {}), accountId ? {
                         accountId: accountId
@@ -3153,12 +3159,12 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                       } : {}), productId ? {
                         productId: productId
                       } : {});
-                      var _internal = _objectSpread$C(_objectSpread$C({}, forceReload ? {
+                      var _internal = _objectSpread$D(_objectSpread$D({}, forceReload ? {
                         forceReload: forceReload
                       } : {}), {}, {
                         accountSessionGuid: accountSessionGuid
                       });
-                      setPlannerParams(_objectSpread$C(_objectSpread$C({}, _params), {}, {
+                      setPlannerParams(_objectSpread$D(_objectSpread$D({}, _params), {}, {
                         internal: _internal
                       }));
                       openComponent({
@@ -3191,7 +3197,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                 });
               }
             } else {
-              _params2 = _objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C({}, catalogCodex ? {
+              _params2 = _objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D({}, catalogCodex ? {
                 catalogCodex: catalogCodex
               } : {}), accountId ? {
                 accountId: accountId
@@ -3206,12 +3212,12 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
               } : {}), retailArticleNr ? {
                 retailArticleNr: retailArticleNr
               } : {});
-              _internal2 = _objectSpread$C(_objectSpread$C({}, forceReload ? {
+              _internal2 = _objectSpread$D(_objectSpread$D({}, forceReload ? {
                 forceReload: forceReload
               } : {}), {}, {
                 accountSessionGuid: accountSessionGuid
               });
-              setPlannerParams(_objectSpread$C(_objectSpread$C({}, _params2), {}, {
+              setPlannerParams(_objectSpread$D(_objectSpread$D({}, _params2), {}, {
                 internal: _internal2
               }));
               openComponent({
@@ -3247,7 +3253,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
               divaNr: divaNr,
               returnTo: returnTo
             };
-            setPlannerParams(_objectSpread$C(_objectSpread$C({}, _params3), {}, {
+            setPlannerParams(_objectSpread$D(_objectSpread$D({}, _params3), {}, {
               internal: {
                 basketData: basketData,
                 forceReload: forceReload
@@ -3295,7 +3301,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
       step: null,
       assignNewDivaNr: false
     });
-    var params = _objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C({}, catalogCodex ? {
+    var params = _objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D({}, catalogCodex ? {
       catalogCodex: catalogCodex
     } : {}), accountId ? {
       accountId: accountId
@@ -3310,12 +3316,12 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
     } : {}), retailArticleNr ? {
       retailArticleNr: retailArticleNr
     } : {});
-    var internal = _objectSpread$C(_objectSpread$C({}, forceReload ? {
+    var internal = _objectSpread$D(_objectSpread$D({}, forceReload ? {
       forceReload: forceReload
     } : {}), {}, {
       accountSessionGuid: accountSessionGuid
     });
-    setPlannerParams(_objectSpread$C(_objectSpread$C({}, params), {}, {
+    setPlannerParams(_objectSpread$D(_objectSpread$D({}, params), {}, {
       internal: internal
     }));
     openComponent({
@@ -3363,7 +3369,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
               case 'toPlanner':
                 {
                   if (plannerParams) {
-                    var params = _objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C({}, plannerParams.catalogCodex ? {
+                    var params = _objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D({}, plannerParams.catalogCodex ? {
                       catalogCodex: plannerParams.catalogCodex
                     } : {}), plannerParams.accountId ? {
                       accountId: plannerParams.accountId
@@ -3376,12 +3382,12 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                     } : {}), plannerParams.retailArticleNr ? {
                       retailArticleNr: plannerParams.retailArticleNr
                     } : {});
-                    var internal = _objectSpread$C(_objectSpread$C({}, plannerParams.forceReload ? {
+                    var internal = _objectSpread$D(_objectSpread$D({}, plannerParams.forceReload ? {
                       forceReload: plannerParams.forceReload
                     } : {}), {}, {
                       accountSessionGuid: plannerParams.accountSessionGuid
                     });
-                    setPlannerParams(_objectSpread$C(_objectSpread$C({}, params), {}, {
+                    setPlannerParams(_objectSpread$D(_objectSpread$D({}, params), {}, {
                       internal: internal
                     }));
                     openComponent({
@@ -3408,8 +3414,8 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
             _context5.next = 2;
             return apiLoadBasket({
               divaNr: divaNr,
-              apiConfig: _objectSpread$C(_objectSpread$C({}, apiConfig), {}, {
-                api2: _objectSpread$C(_objectSpread$C({}, apiConfig.api2), {}, {
+              apiConfig: _objectSpread$D(_objectSpread$D({}, apiConfig), {}, {
+                api2: _objectSpread$D(_objectSpread$D({}, apiConfig.api2), {}, {
                   "default": state.firstLoginApiUrl
                 })
               }),
@@ -3478,7 +3484,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
       originProductId: state.originProductId,
       productCategories: state.productCategories
     },
-    actions: _objectSpread$C(_objectSpread$C({}, stateFunctions), {}, {
+    actions: _objectSpread$D(_objectSpread$D({}, stateFunctions), {}, {
       openComponent: openComponent,
       openModal: openModal,
       openPlanner: openPlanner,
@@ -3526,8 +3532,8 @@ var useStyles$7 = makeStyles(function () {
   });
 });
 
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Title(_ref) {
   var text = _ref.text,
     children = _ref.children,
@@ -3537,7 +3543,7 @@ function Title(_ref) {
       variant: "h4",
       component: "h2",
       children: text
-    }), help && /*#__PURE__*/jsx(HelpButton, _objectSpread$B({}, help)), /*#__PURE__*/jsx("div", {
+    }), help && /*#__PURE__*/jsx(HelpButton, _objectSpread$C({}, help)), /*#__PURE__*/jsx("div", {
       style: {
         flex: 1
       }
@@ -3555,8 +3561,8 @@ function getImageOrFallbackUrl(url) {
   return url || 'https://cdn.diva-portal.com/static/images/image_placeholder-landscape-short.png';
 }
 
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$d = getLogger('SellerCatalogs', 'Catalogs');
 function Catalogs(_ref) {
   var _configurationData$an, _configurationData$ca5, _configurationData$an3, _configurationData$an4;
@@ -3686,7 +3692,7 @@ function Catalogs(_ref) {
             if (configurationData !== null && configurationData !== void 0 && (_configurationData$ca = configurationData.catalogs) !== null && _configurationData$ca !== void 0 && _configurationData$ca.onOpen) {
               action = configurationData === null || configurationData === void 0 || (_configurationData$ca2 = configurationData.catalogs) === null || _configurationData$ca2 === void 0 ? void 0 : _configurationData$ca2.onOpen;
               if (!action.url) {
-                action = _objectSpread$A({}, action);
+                action = _objectSpread$B({}, action);
                 parameters = {};
                 Object.entries(action.parameters || {}).forEach(function (_ref4) {
                   var _ref5 = _slicedToArray(_ref4, 2),
@@ -3702,7 +3708,7 @@ function Catalogs(_ref) {
             } else {
               openComponent({
                 type: 'SELLER',
-                parameters: _objectSpread$A({
+                parameters: _objectSpread$B({
                   module: 'Info',
                   catalogCodex: item.codex
                 }, item.accountId ? {
@@ -4528,8 +4534,8 @@ function Header(_ref) {
   });
 }
 
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function MenuListComposition(_ref) {
   var setId = _ref.setId,
     visibile = _ref.visibile,
@@ -4609,7 +4615,7 @@ function MenuListComposition(_ref) {
         children: function children(_ref2) {
           var TransitionProps = _ref2.TransitionProps,
             placement = _ref2.placement;
-          return /*#__PURE__*/jsx(Grow, _objectSpread$z(_objectSpread$z({}, TransitionProps), {}, {
+          return /*#__PURE__*/jsx(Grow, _objectSpread$A(_objectSpread$A({}, TransitionProps), {}, {
             style: {
               transformOrigin: placement === 'bottom' ? 'right top' : 'right bottom'
             },
@@ -4690,8 +4696,8 @@ function Images(_ref) {
   });
 }
 
-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; }
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OpvImage = function OpvImage(_ref) {
   var src = _ref.src;
   var _useHover = useHover({
@@ -4709,15 +4715,15 @@ var OpvImage = function OpvImage(_ref) {
     layerProps = _useLayer.layerProps,
     triggerProps = _useLayer.triggerProps;
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("img", _objectSpread$y(_objectSpread$y(_objectSpread$y({}, triggerProps), hoverProps), {}, {
+    children: [/*#__PURE__*/jsx("img", _objectSpread$z(_objectSpread$z(_objectSpread$z({}, triggerProps), hoverProps), {}, {
       src: src,
       style: {
         width: '20px'
       }
-    })), isOpen && (renderLayer === null || renderLayer === void 0 ? void 0 : renderLayer( /*#__PURE__*/jsx("img", _objectSpread$y(_objectSpread$y({
+    })), isOpen && (renderLayer === null || renderLayer === void 0 ? void 0 : renderLayer( /*#__PURE__*/jsx("img", _objectSpread$z(_objectSpread$z({
       src: src.replace('_gal.', '.')
     }, layerProps), {}, {
-      style: _objectSpread$y({
+      style: _objectSpread$z({
         width: '300px'
       }, layerProps.style)
     }))))]
@@ -5125,8 +5131,8 @@ function Set$1(_ref) {
 }
 
 var _excluded$c = ["onValueChange", "value"];
-function ownKeys$x(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$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
 function DiscountField (_ref) {
   var _ref2;
   var updateDiscount = _ref.updateDiscount,
@@ -5212,7 +5218,7 @@ function ControlledNumberFormat$1(_ref3) {
   useEffect(function () {
     setValue(origValue);
   }, [origValue]);
-  return /*#__PURE__*/jsx(NumberFormat, _objectSpread$x(_objectSpread$x({}, props), {}, {
+  return /*#__PURE__*/jsx(NumberFormat, _objectSpread$y(_objectSpread$y({}, props), {}, {
     placeholder: props.suffix,
     value: value === 0 ? undefined : value,
     customInput: StyledTextFiled$1,
@@ -5237,8 +5243,8 @@ var StyledTextFiled$1 = withStyles({
 })(TextField);
 
 var _excluded$b = ["onValueChange", "value"];
-function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$x(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$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function AdditionalPriceField (_ref) {
   var updatePrice = _ref.updatePrice,
     price = _ref.price,
@@ -5316,7 +5322,7 @@ function ControlledNumberFormat(_ref2) {
   useEffect(function () {
     setValue(origValue);
   }, [origValue]);
-  return /*#__PURE__*/jsx(NumberFormat, _objectSpread$w(_objectSpread$w({}, props), {}, {
+  return /*#__PURE__*/jsx(NumberFormat, _objectSpread$x(_objectSpread$x({}, props), {}, {
     placeholder: '0 ' + DivaUtils$1.defaultPriceFormat.currency,
     value: value,
     customInput: StyledTextFiled,
@@ -6178,8 +6184,8 @@ var HQ_RenderingTypeSource = [{
   RenderPipeline: 'vRayNext'
 }];
 
-function ownKeys$v(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$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function CheckOut(_ref) {
   var _basket$Client;
   var schema = _ref.schema,
@@ -6222,7 +6228,7 @@ function CheckOut(_ref) {
   };
 
   // for LEAFLET don't show printOptions, if there are any configured.
-  var finalSchema = _objectSpread$v(_objectSpread$v({}, uiSchema), {}, {
+  var finalSchema = _objectSpread$w(_objectSpread$w({}, uiSchema), {}, {
     elements: _toConsumableArray(uiSchema.elements)
   });
   if (status == 'LEAFLET') {
@@ -6299,12 +6305,12 @@ function isEmpty(data) {
   });
 }
 
-function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$v(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$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var schema = function schema(hideWWSButton) {
   return {
     type: 'object',
-    properties: _objectSpread$u(_objectSpread$u({
+    properties: _objectSpread$v(_objectSpread$v({
       Salesperson: {
         type: 'string',
         title: 'basket.checkout.form.seller'
@@ -6558,8 +6564,8 @@ function Step3Checkout(_ref) {
   });
 }
 
-function ownKeys$t(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$a = getLogger('SellerBasket', 'Basket');
 function Basket(_ref) {
   var _configurationData$Ch5;
@@ -6924,7 +6930,7 @@ function Basket(_ref) {
     var _currentBasket$OrderS2, _currentBasket$OrderS3, _currentBasket$OrderS4;
     openComponent({
       type: 'SELLER',
-      parameters: _objectSpread$t({
+      parameters: _objectSpread$u({
         module: 'Info',
         catalogCodex: currentBasket === null || currentBasket === void 0 || (_currentBasket$OrderS2 = currentBasket.OrderSets[0]) === null || _currentBasket$OrderS2 === void 0 ? void 0 : _currentBasket$OrderS2.CatalogCodex
       }, currentBasket !== null && currentBasket !== void 0 && (_currentBasket$OrderS3 = currentBasket.OrderSets[0]) !== null && _currentBasket$OrderS3 !== void 0 && _currentBasket$OrderS3.AccountGUID ? {
@@ -7631,19 +7637,19 @@ function styleInject(css, ref) {
   }
 }
 
-var wrapper$6 = "wrapper-fSL18";
+var wrapper$7 = "wrapper-fSL18";
 var title$2 = "title-iTDPA";
 var subTitle = "subTitle-4-0PW";
 var descriptionContainer$1 = "description-container-k1vLT";
 var modelTitle = "model-title-Sgm-0";
 var description = "description-GyPZq";
 var pdf = "pdf-oNnao";
-var css_248z$b = ".wrapper-fSL18 {\n  display: flex;\n  flex-direction: column;\n  padding: 0 12px;\n  max-height: calc(100% - 42px);\n}\n\n.title-iTDPA {\n  padding: 16px 8px;\n  font-size: 36px;\n}\n\n.subTitle-4-0PW {\n  padding: 12px 18px;\n  font-size: 28px;\n}\n\n.description-container-k1vLT {\n  display: flex;\n  flex-direction: column;\n  background-color: #f8f8f8;\n  padding: 18px;\n  gap: 12px;\n  height: calc(100% - 164px);\n}\n\n.model-title-Sgm-0 {\n  font-size: 24px;\n  font-weight: 600;\n}\n.description-GyPZq {\n  font-size: 16px;\n  overflow: auto;\n  flex-grow: 3;\n}\n\n.pdf-oNnao {\n  display: 'flex';\n  flex: 1 1 10px;\n}\n\n.pdf-oNnao svg {\n  margin-right: 10px;\n}\n";
-styleInject(css_248z$b);
+var css_248z$c = ".wrapper-fSL18 {\n  display: flex;\n  flex-direction: column;\n  padding: 0 12px;\n  max-height: calc(100% - 42px);\n}\n\n.title-iTDPA {\n  padding: 16px 8px;\n  font-size: 36px;\n}\n\n.subTitle-4-0PW {\n  padding: 12px 18px;\n  font-size: 28px;\n}\n\n.description-container-k1vLT {\n  display: flex;\n  flex-direction: column;\n  background-color: #f8f8f8;\n  padding: 18px;\n  gap: 12px;\n  height: calc(100% - 164px);\n}\n\n.model-title-Sgm-0 {\n  font-size: 24px;\n  font-weight: 600;\n}\n.description-GyPZq {\n  font-size: 16px;\n  overflow: auto;\n  flex-grow: 3;\n}\n\n.pdf-oNnao {\n  display: 'flex';\n  flex: 1 1 10px;\n}\n\n.pdf-oNnao svg {\n  margin-right: 10px;\n}\n";
+styleInject(css_248z$c);
 
 var _excluded$a = ["data", "text"];
-function ownKeys$s(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$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$t(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$7 = getLogger('SellerCatalogInfo', 'Description');
 function Description$1 (_ref) {
   var data = _ref.data,
@@ -7651,8 +7657,8 @@ function Description$1 (_ref) {
     props = _objectWithoutProperties(_ref, _excluded$a);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", _objectSpread$s(_objectSpread$s({}, props), {}, {
-    className: classnames(wrapper$6, props.className),
+  return /*#__PURE__*/jsxs("div", _objectSpread$t(_objectSpread$t({}, props), {}, {
+    className: classnames(wrapper$7, props.className),
     children: [/*#__PURE__*/jsx("div", {
       className: title$2,
       children: t(text)
@@ -7689,26 +7695,26 @@ function Description$1 (_ref) {
   }));
 }
 
-var wrapper$5 = "wrapper-oUrTP";
+var wrapper$6 = "wrapper-oUrTP";
 var container = "container-Sr3pC";
 var button = "button-NXyWV";
 var navBack = "nav-back-AzU6X";
 var icon$1 = "icon-0h-39";
 var text = "text-55Zpw";
-var css_248z$a = ".wrapper-oUrTP {\n  right: 10px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  z-index: 500;\n  background-color: #fff;\n  position: absolute;\n  bottom: 0;\n  width: 83%;\n}\n\n.container-Sr3pC {\n  display: flex;\n  gap: 12px;\n  width: 50%;\n  justify-content: flex-end;\n  padding: 8px;\n}\n\n.button-NXyWV {\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 2px;\n  border-color: var(--diva-theme-palette-primary-main);\n  border-style: solid;\n  border-width: 1.5px;\n  flex-grow: 1;\n  cursor: pointer;\n}\n\n.nav-back-AzU6X {\n  width: 50px;\n  height: 50px;\n  border-radius: 2px;\n  border-color: var(--diva-theme-palette-primary-main);\n  border-style: solid;\n  border-width: 1.5px;\n  background-color: #fff;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2218%22 viewBox%3D%220 0 10 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 1L1 9L9 17%22 stroke%3D%22%23713434%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 27%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.icon-0h-39 {\n  width: 24px;\n  height: 24px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n\n.text-55Zpw {\n  text-align: center;\n  /* flex-basis: 100%; */\n  color: white;\n}\n";
-styleInject(css_248z$a);
+var css_248z$b = ".wrapper-oUrTP {\n  right: 10px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  z-index: 500;\n  background-color: #fff;\n  position: absolute;\n  bottom: 0;\n  width: 83%;\n}\n\n.container-Sr3pC {\n  display: flex;\n  gap: 12px;\n  width: 50%;\n  justify-content: flex-end;\n  padding: 8px;\n}\n\n.button-NXyWV {\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 2px;\n  border-color: var(--diva-theme-palette-primary-main);\n  border-style: solid;\n  border-width: 1.5px;\n  flex-grow: 1;\n  cursor: pointer;\n}\n\n.nav-back-AzU6X {\n  width: 50px;\n  height: 50px;\n  border-radius: 2px;\n  border-color: var(--diva-theme-palette-primary-main);\n  border-style: solid;\n  border-width: 1.5px;\n  background-color: #fff;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2218%22 viewBox%3D%220 0 10 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 1L1 9L9 17%22 stroke%3D%22%23713434%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 27%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.icon-0h-39 {\n  width: 24px;\n  height: 24px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n\n.text-55Zpw {\n  text-align: center;\n  /* flex-basis: 100%; */\n  color: white;\n}\n";
+styleInject(css_248z$b);
 
 var _excluded$9 = ["navigateBack", "buttons"];
-function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$s(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$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function NavBar (_ref) {
   var navigateBack = _ref.navigateBack,
     buttons = _ref.buttons,
     props = _objectWithoutProperties(_ref, _excluded$9);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", _objectSpread$r(_objectSpread$r({}, props), {}, {
-    className: classnames(wrapper$5, props.className),
+  return /*#__PURE__*/jsx("div", _objectSpread$s(_objectSpread$s({}, props), {}, {
+    className: classnames(wrapper$6, props.className),
     id: "diva-seller-info-navbar",
     children: /*#__PURE__*/jsxs("div", {
       className: container,
@@ -7745,14 +7751,14 @@ var favPlanning = "fav-planning-R8cxS";
 var setPlanning = "set-planning-1AQNC";
 var articleList = "article-list-uOn26";
 var analyticsIcon = "analytics-icon-kCv53";
-var css_248z$9 = ".layout-NhUpB {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  grid-template-rows: repeat(10, 1fr);\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  overflow: auto;\n  height: 100%;\n}\n\n.info-9St01 {\n  grid-area: 1 / 1 / 11 / 3;\n  z-index: 100;\n}\n\n.right-side-64-Yz {\n  grid-area: 1 / 3 / 11 / 13;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.scroller-container-TAsAz {\n  overflow: auto;\n  height: calc(100% - 70px);\n}\n\n.catalog-images-jJGqW {\n  padding: 12px 12px 0 12px;\n  height: calc(50% - 12px);\n}\n.products-hidden-T6mTt .catalog-images-jJGqW {\n  height: calc(100% - 12px);\n}\n.products-QxoIf {\n  height: 50%;\n}\n.footer-1ONIt {\n  bottom: 0;\n  right: 8px;\n}\n\n.empty-planning-BZTrr {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4 16L3.57574 15.5757C3.46321 15.6883 3.4 15.8409 3.4 16H4ZM17 3L17.4243 2.57574C17.1899 2.34142 16.8101 2.34142 16.5757 2.57574L17 3ZM21 7L21.4243 7.42426C21.6586 7.18995 21.6586 6.81005 21.4243 6.57574L21 7ZM8 20V20.6C8.15913 20.6 8.31174 20.5368 8.42426 20.4243L8 20ZM4 20H3.4C3.4 20.3314 3.66863 20.6 4 20.6V20ZM12 19.4C11.6686 19.4 11.4 19.6686 11.4 20C11.4 20.3314 11.6686 20.6 12 20.6V19.4ZM20.5 20.6C20.8314 20.6 21.1 20.3314 21.1 20C21.1 19.6686 20.8314 19.4 20.5 19.4V20.6ZM4.42426 16.4243L17.4243 3.42426L16.5757 2.57574L3.57574 15.5757L4.42426 16.4243ZM16.5757 3.42426L20.5757 7.42426L21.4243 6.57574L17.4243 2.57574L16.5757 3.42426ZM20.5757 6.57574L7.57574 19.5757L8.42426 20.4243L21.4243 7.42426L20.5757 6.57574ZM8 19.4H4V20.6H8V19.4ZM4.6 20V16H3.4V20H4.6ZM13.5757 6.42426L17.5757 10.4243L18.4243 9.57574L14.4243 5.57574L13.5757 6.42426ZM12 20.6H20.5V19.4H12V20.6Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.fav-planning-R8cxS {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.3314 12.0474L12 20L19.6686 12.0474C20.5211 11.1633 21 9.96429 21 8.71405C21 6.11055 18.9648 4 16.4543 4C15.2487 4 14.0925 4.49666 13.24 5.38071L12 6.66667L10.76 5.38071C9.90749 4.49666 8.75128 4 7.54569 4C5.03517 4 3 6.11055 3 8.71405C3 9.96429 3.47892 11.1633 4.3314 12.0474Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.set-planning-1AQNC {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.11164 16.5938L3.8061 18.9095C3.46519 19.1412 3 18.9011 3 18.4934V5.5064C3 5.12726 3.4083 4.88294 3.75042 5.05738L7.1021 6.77004M12.1193 16.7346V9.76989C12.1193 9.49058 12.3494 9.26416 12.6332 9.26416H16.1086C16.3924 9.26416 16.6225 9.49058 16.6225 9.76989V16.7346M7.46741 16.7346H19.486C19.7699 16.7346 20 16.5081 20 16.2288V7.12577C20 6.84647 19.7699 6.62004 19.486 6.62004H7.46741C7.18356 6.62004 6.95346 6.84647 6.95346 7.12577V16.2288C6.95346 16.5081 7.18356 16.7346 7.46741 16.7346Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.article-list-uOn26 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 %3E  %3Cpath   fill%3D%22white%22 d%3D%22M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.analytics-icon-kCv53 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 stroke%3D%22%23fff%22  fill%3D%22%23fff%22 stroke-width%3D%222px%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22M7.3 40.7v-2.1l1.1-1.1v3.2Zm8.1 0V30.6l1.1-1.1v11.2Zm8.05 0V29.5l1.1 1.15V40.7Zm8.1 0V30.65l1.1-1.1V40.7Zm8.05 0V22.6l1.1-1.1v19.2ZM7.3 28.05v-1.5L20 13.85l8 8 12.7-12.7v1.55L28 23.4l-8-8Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z$9);
+var css_248z$a = ".layout-NhUpB {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  grid-template-rows: repeat(10, 1fr);\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  overflow: auto;\n  height: 100%;\n}\n\n.info-9St01 {\n  grid-area: 1 / 1 / 11 / 3;\n  z-index: 100;\n}\n\n.right-side-64-Yz {\n  grid-area: 1 / 3 / 11 / 13;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.scroller-container-TAsAz {\n  overflow: auto;\n  height: calc(100% - 70px);\n}\n\n.catalog-images-jJGqW {\n  padding: 12px 12px 0 12px;\n  height: calc(50% - 12px);\n}\n.products-hidden-T6mTt .catalog-images-jJGqW {\n  height: calc(100% - 12px);\n}\n.products-QxoIf {\n  height: 50%;\n}\n.footer-1ONIt {\n  bottom: 0;\n  right: 8px;\n}\n\n.empty-planning-BZTrr {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4 16L3.57574 15.5757C3.46321 15.6883 3.4 15.8409 3.4 16H4ZM17 3L17.4243 2.57574C17.1899 2.34142 16.8101 2.34142 16.5757 2.57574L17 3ZM21 7L21.4243 7.42426C21.6586 7.18995 21.6586 6.81005 21.4243 6.57574L21 7ZM8 20V20.6C8.15913 20.6 8.31174 20.5368 8.42426 20.4243L8 20ZM4 20H3.4C3.4 20.3314 3.66863 20.6 4 20.6V20ZM12 19.4C11.6686 19.4 11.4 19.6686 11.4 20C11.4 20.3314 11.6686 20.6 12 20.6V19.4ZM20.5 20.6C20.8314 20.6 21.1 20.3314 21.1 20C21.1 19.6686 20.8314 19.4 20.5 19.4V20.6ZM4.42426 16.4243L17.4243 3.42426L16.5757 2.57574L3.57574 15.5757L4.42426 16.4243ZM16.5757 3.42426L20.5757 7.42426L21.4243 6.57574L17.4243 2.57574L16.5757 3.42426ZM20.5757 6.57574L7.57574 19.5757L8.42426 20.4243L21.4243 7.42426L20.5757 6.57574ZM8 19.4H4V20.6H8V19.4ZM4.6 20V16H3.4V20H4.6ZM13.5757 6.42426L17.5757 10.4243L18.4243 9.57574L14.4243 5.57574L13.5757 6.42426ZM12 20.6H20.5V19.4H12V20.6Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.fav-planning-R8cxS {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.3314 12.0474L12 20L19.6686 12.0474C20.5211 11.1633 21 9.96429 21 8.71405C21 6.11055 18.9648 4 16.4543 4C15.2487 4 14.0925 4.49666 13.24 5.38071L12 6.66667L10.76 5.38071C9.90749 4.49666 8.75128 4 7.54569 4C5.03517 4 3 6.11055 3 8.71405C3 9.96429 3.47892 11.1633 4.3314 12.0474Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.set-planning-1AQNC {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.11164 16.5938L3.8061 18.9095C3.46519 19.1412 3 18.9011 3 18.4934V5.5064C3 5.12726 3.4083 4.88294 3.75042 5.05738L7.1021 6.77004M12.1193 16.7346V9.76989C12.1193 9.49058 12.3494 9.26416 12.6332 9.26416H16.1086C16.3924 9.26416 16.6225 9.49058 16.6225 9.76989V16.7346M7.46741 16.7346H19.486C19.7699 16.7346 20 16.5081 20 16.2288V7.12577C20 6.84647 19.7699 6.62004 19.486 6.62004H7.46741C7.18356 6.62004 6.95346 6.84647 6.95346 7.12577V16.2288C6.95346 16.5081 7.18356 16.7346 7.46741 16.7346Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.article-list-uOn26 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 %3E  %3Cpath   fill%3D%22white%22 d%3D%22M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.analytics-icon-kCv53 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 stroke%3D%22%23fff%22  fill%3D%22%23fff%22 stroke-width%3D%222px%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22M7.3 40.7v-2.1l1.1-1.1v3.2Zm8.1 0V30.6l1.1-1.1v11.2Zm8.05 0V29.5l1.1 1.15V40.7Zm8.1 0V30.65l1.1-1.1V40.7Zm8.05 0V22.6l1.1-1.1v19.2ZM7.3 28.05v-1.5L20 13.85l8 8 12.7-12.7v1.55L28 23.4l-8-8Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z$a);
 
-var wrapper$4 = "wrapper-D5Cmc";
+var wrapper$5 = "wrapper-D5Cmc";
 var images = "images-qNHg7";
 var thumbs = "thumbs-cWKAj";
-var css_248z$8 = ".wrapper-D5Cmc {\n  display: flex;\n  position: relative;\n  width: calc(100% - 24px);\n  gap: 12px;\n  flex-direction: row;\n  flex-wrap: wrap;\n  /* background-color: #f8f8f8; */\n}\n\n.images-qNHg7 {\n  width: calc(100% - 132px);\n  height: 100%;\n}\n\n.thumbs-cWKAj {\n  height: 100%;\n  width: 120px;\n  cursor: pointer;\n}\n\n.thumbs-cWKAj .swiper-slide {\n  opacity: 0.4;\n}\n\n.thumbs-cWKAj .swiper-slide-thumb-active {\n  opacity: 1;\n}\n";
-styleInject(css_248z$8);
+var css_248z$9 = ".wrapper-D5Cmc {\n  display: flex;\n  position: relative;\n  width: calc(100% - 24px);\n  gap: 12px;\n  flex-direction: row;\n  flex-wrap: wrap;\n  /* background-color: #f8f8f8; */\n}\n\n.images-qNHg7 {\n  width: calc(100% - 132px);\n  height: 100%;\n}\n\n.thumbs-cWKAj {\n  height: 100%;\n  width: 120px;\n  cursor: pointer;\n}\n\n.thumbs-cWKAj .swiper-slide {\n  opacity: 0.4;\n}\n\n.thumbs-cWKAj .swiper-slide-thumb-active {\n  opacity: 1;\n}\n";
+styleInject(css_248z$9);
 
 var _excluded$8 = ["data"];
 var CatalogImages = function CatalogImages(_ref) {
@@ -7791,7 +7797,7 @@ var CatalogImages = function CatalogImages(_ref) {
     };
   });
   return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper$4, props.className),
+    className: classnames(wrapper$5, props.className),
     children: [/*#__PURE__*/jsx("div", {
       className: classnames(images),
       children: /*#__PURE__*/jsx(ContentBoxComponent, {
@@ -7831,12 +7837,12 @@ var CatalogImages = function CatalogImages(_ref) {
   });
 };
 
-var wrapper$3 = "wrapper-3d2zl";
-var css_248z$7 = ".wrapper-3d2zl {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: #f8f8f8;\n  height: 46px;\n}\n";
-styleInject(css_248z$7);
+var wrapper$4 = "wrapper-3d2zl";
+var css_248z$8 = ".wrapper-3d2zl {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: #f8f8f8;\n  height: 46px;\n}\n";
+styleInject(css_248z$8);
 
-function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Products = function Products(_ref) {
   var catalogCodex = _ref.catalogCodex,
     onProductClick = _ref.onProductClick,
@@ -7847,7 +7853,7 @@ var Products = function Products(_ref) {
     filter = _productState$filter[0],
     setFilter = _productState$filter[1];
   useEffect(function () {
-    setFilter(_objectSpread$q(_objectSpread$q({}, filter), {}, {
+    setFilter(_objectSpread$r(_objectSpread$r({}, filter), {}, {
       catCodex: {
         type: 'singleSelect',
         value: catalogCodex
@@ -7864,11 +7870,11 @@ var Products = function Products(_ref) {
   });
 };
 
-var wrapper$2 = "wrapper-i9mNn";
+var wrapper$3 = "wrapper-i9mNn";
 var searchText = "search-text-grXdY";
 var icon = "icon-ydD53";
-var css_248z$6 = ".wrapper-i9mNn {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.search-text-grXdY {\n  width: 130px;\n  height: 30px;\n  line-height: 28px;\n  border-radius: 5px;\n  -webkit-tap-highlight-color: transparent;\n  outline: 0;\n  background-color: #fff;\n  padding: 0 1.6rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: relative;\n  border: 0;\n}\n\n.icon-ydD53 {\n  width: 36px;\n  height: 36px;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  margin-left: 12px;\n  margin-right: 12px;\n}\n";
-styleInject(css_248z$6);
+var css_248z$7 = ".wrapper-i9mNn {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.search-text-grXdY {\n  width: 130px;\n  height: 30px;\n  line-height: 28px;\n  border-radius: 5px;\n  -webkit-tap-highlight-color: transparent;\n  outline: 0;\n  background-color: #fff;\n  padding: 0 1.6rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: relative;\n  border: 0;\n}\n\n.icon-ydD53 {\n  width: 36px;\n  height: 36px;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  margin-left: 12px;\n  margin-right: 12px;\n}\n";
+styleInject(css_248z$7);
 
 var Search = function Search(_ref) {
   var _ref$searchState = _slicedToArray(_ref.searchState, 2),
@@ -7890,7 +7896,7 @@ var Search = function Search(_ref) {
     if (!(search !== null && search !== void 0 && search.length)) setValue('');
   }, [search]);
   return /*#__PURE__*/jsxs("div", {
-    className: wrapper$2,
+    className: wrapper$3,
     children: [/*#__PURE__*/jsx("input", {
       ref: inputRef,
       onChange: function onChange(e) {
@@ -7907,8 +7913,8 @@ var Search = function Search(_ref) {
 };
 
 var _excluded2$2 = ["catalogCodex", "accountId", "onProductClick", "onArticleClick", "productState"];
-function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 ({
   children: PropTypes.node,
   index: PropTypes.any.isRequired,
@@ -7930,7 +7936,7 @@ var StyledTab = withStyles$1(function (theme) {
     }
   });
 })(function (props) {
-  return /*#__PURE__*/jsx(Tab, _objectSpread$p({
+  return /*#__PURE__*/jsx(Tab, _objectSpread$q({
     disableRipple: true
   }, props));
 });
@@ -7951,15 +7957,15 @@ var ProductsOrArticles = function ProductsOrArticles(_ref2) {
     productState.search[1](undefined);
     setValue(newValue);
   };
-  return /*#__PURE__*/jsxs("div", _objectSpread$p(_objectSpread$p({}, props), {}, {
+  return /*#__PURE__*/jsxs("div", _objectSpread$q(_objectSpread$q({}, props), {}, {
     children: [/*#__PURE__*/jsxs("div", {
-      className: wrapper$3,
+      className: wrapper$4,
       children: [/*#__PURE__*/jsx(Tabs, {
         value: value,
         onChange: handleChange,
         indicatorColor: "primary",
         textColor: "secondary",
-        children: /*#__PURE__*/jsx(StyledTab, _objectSpread$p({
+        children: /*#__PURE__*/jsx(StyledTab, _objectSpread$q({
           label: t('navigation.products')
         }, a11yProps(0)))
       }), /*#__PURE__*/jsx(Search, {
@@ -7973,8 +7979,8 @@ var ProductsOrArticles = function ProductsOrArticles(_ref2) {
   }));
 };
 
-function ownKeys$o(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$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$6 = getLogger('SellerArticles', 'InfoWithProducts');
 function Info(_ref) {
   var _scroller$current;
@@ -8251,7 +8257,7 @@ function Info(_ref) {
   var closePdp = function closePdp() {
     openComponent({
       type: 'SELLER',
-      parameters: _objectSpread$o(_objectSpread$o({
+      parameters: _objectSpread$p(_objectSpread$p({
         module: 'Info'
       }, accountId ? {
         accountId: accountId
@@ -8318,8 +8324,8 @@ function Info(_ref) {
   });
 }
 
-function ownKeys$n(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$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$o(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$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Priceedit (_ref) {
   var _productData$calculat2, _productData$addedPri2;
   var productData = _ref.productData,
@@ -8348,13 +8354,13 @@ function Priceedit (_ref) {
         percentageDiscount: discount.percentageDiscount,
         calcDiscountPrice: formatTwoDecimals(price)
       });
-      update(_objectSpread$n(_objectSpread$n({}, productData), {}, {
+      update(_objectSpread$o(_objectSpread$o({}, productData), {}, {
         addedPrice: value,
         percentageDiscount: discount.percentageDiscount,
         discountedPrice: formatTwoDecimals(price)
       }));
     } else {
-      update(_objectSpread$n(_objectSpread$n({}, productData), {}, {
+      update(_objectSpread$o(_objectSpread$o({}, productData), {}, {
         addedPrice: value
       }));
     }
@@ -8368,16 +8374,16 @@ function Priceedit (_ref) {
     var price = (_productData$addedPri = productData.addedPrice) !== null && _productData$addedPri !== void 0 ? _productData$addedPri : 0;
     if (isPercentage) {
       var discountPrice = (discount.percentageDiscount || 0) / 100 * price;
-      discount = _objectSpread$n(_objectSpread$n({}, discount), {}, {
+      discount = _objectSpread$o(_objectSpread$o({}, discount), {}, {
         calcDiscountPrice: formatTwoDecimals(price - discountPrice)
       });
     } else {
-      discount = _objectSpread$n(_objectSpread$n({}, discount), {}, {
+      discount = _objectSpread$o(_objectSpread$o({}, discount), {}, {
         percentageDiscount: (price - value || 0) / price * 100
       });
     }
     setDiscount(discount);
-    update(_objectSpread$n(_objectSpread$n({}, productData), {}, {
+    update(_objectSpread$o(_objectSpread$o({}, productData), {}, {
       discountedPrice: isPercentage ? formatTwoDecimals(discount.calcDiscountPrice) : value,
       percentageDiscount: discount.percentageDiscount
     }));
@@ -8480,8 +8486,8 @@ function getLabel(value, i18n) {
   return value.value + valueText;
 }
 
-function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$n(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$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Autocomplete (_ref) {
   var options = _ref.options,
     label = _ref.label,
@@ -8548,9 +8554,9 @@ function Autocomplete (_ref) {
       setInputValue(newInputValue);
     },
     renderInput: function renderInput(params) {
-      return /*#__PURE__*/jsx(TextField$1, _objectSpread$m(_objectSpread$m({}, params), {}, {
+      return /*#__PURE__*/jsx(TextField$1, _objectSpread$n(_objectSpread$n({}, params), {}, {
         label: label ? t(label) : undefined,
-        inputProps: _objectSpread$m(_objectSpread$m({}, params.inputProps), {}, {
+        inputProps: _objectSpread$n(_objectSpread$n({}, params.inputProps), {}, {
           maxLength: maxLength
         })
       }));
@@ -8593,8 +8599,8 @@ function toOneOption(value, options) {
   }
 }
 
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function BaseDataFormCategories (_ref) {
   var _categories$livingAre, _categories$livingAre2, _categories$mainCateg, _categories$mainCateg2, _categories$mainCateg3, _categories$mainCateg4, _categories$subCatego, _categories$subCatego2, _categories$subCatego3, _categories$subCatego4, _Object$entries;
   var productData = _ref.productData,
@@ -8672,8 +8678,8 @@ function BaseDataFormCategories (_ref) {
             label: "productcreator.fields.".concat(key, ".name"),
             multiple: value.multi,
             onChange: function onChange(value) {
-              return update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
-                customData: _objectSpread$l(_objectSpread$l({}, productData.customData), {}, _defineProperty({}, key, value))
+              return update(_objectSpread$m(_objectSpread$m({}, productData), {}, {
+                customData: _objectSpread$m(_objectSpread$m({}, productData.customData), {}, _defineProperty({}, key, value))
               }));
             }
           })
@@ -8683,8 +8689,8 @@ function BaseDataFormCategories (_ref) {
   });
 }
 
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function BaseDataFormDeliveryInfo (_ref) {
   var _productData$delivery, _productData$delivery2, _productData$delivery3, _productData$delivery4, _productData$delivery5, _productData$delivery6, _productData$delivery7, _productData$delivery8, _productData$delivery9, _productData$delivery10, _productData$delivery11, _productData$delivery12, _productData$delivery13, _productData$delivery14, _productData$delivery15, _productData$delivery16;
   var productData = _ref.productData,
@@ -8705,8 +8711,8 @@ function BaseDataFormDeliveryInfo (_ref) {
           value: (_productData$delivery = (_productData$delivery2 = productData.delivery) === null || _productData$delivery2 === void 0 ? void 0 : _productData$delivery2.estMaxPackages) !== null && _productData$delivery !== void 0 ? _productData$delivery : '',
           type: "number",
           onChange: function onChange(s) {
-            return update(_objectSpread$k(_objectSpread$k({}, productData), {}, {
-              delivery: _objectSpread$k(_objectSpread$k({}, productData.delivery), {}, {
+            return update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
+              delivery: _objectSpread$l(_objectSpread$l({}, productData.delivery), {}, {
                 estMaxPackages: Number(s.target.value)
               })
             }));
@@ -8725,8 +8731,8 @@ function BaseDataFormDeliveryInfo (_ref) {
               value: (_productData$delivery3 = (_productData$delivery4 = productData.delivery) === null || _productData$delivery4 === void 0 ? void 0 : _productData$delivery4.estMaxPackageWeight) !== null && _productData$delivery3 !== void 0 ? _productData$delivery3 : '',
               type: "number",
               onChange: function onChange(s) {
-                return update(_objectSpread$k(_objectSpread$k({}, productData), {}, {
-                  delivery: _objectSpread$k(_objectSpread$k({}, productData.delivery), {}, {
+                return update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
+                  delivery: _objectSpread$l(_objectSpread$l({}, productData.delivery), {}, {
                     estMaxPackageWeight: Number(s.target.value)
                   })
                 }));
@@ -8743,8 +8749,8 @@ function BaseDataFormDeliveryInfo (_ref) {
               value: (_productData$delivery5 = (_productData$delivery6 = productData.delivery) === null || _productData$delivery6 === void 0 ? void 0 : _productData$delivery6.estMaxPackageHeight) !== null && _productData$delivery5 !== void 0 ? _productData$delivery5 : '',
               type: "number",
               onChange: function onChange(s) {
-                return update(_objectSpread$k(_objectSpread$k({}, productData), {}, {
-                  delivery: _objectSpread$k(_objectSpread$k({}, productData.delivery), {}, {
+                return update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
+                  delivery: _objectSpread$l(_objectSpread$l({}, productData.delivery), {}, {
                     estMaxPackageHeight: Number(s.target.value)
                   })
                 }));
@@ -8765,8 +8771,8 @@ function BaseDataFormDeliveryInfo (_ref) {
               value: (_productData$delivery7 = (_productData$delivery8 = productData.delivery) === null || _productData$delivery8 === void 0 ? void 0 : _productData$delivery8.estMaxPackageWidth) !== null && _productData$delivery7 !== void 0 ? _productData$delivery7 : '',
               type: "number",
               onChange: function onChange(s) {
-                return update(_objectSpread$k(_objectSpread$k({}, productData), {}, {
-                  delivery: _objectSpread$k(_objectSpread$k({}, productData.delivery), {}, {
+                return update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
+                  delivery: _objectSpread$l(_objectSpread$l({}, productData.delivery), {}, {
                     estMaxPackageWidth: Number(s.target.value)
                   })
                 }));
@@ -8783,8 +8789,8 @@ function BaseDataFormDeliveryInfo (_ref) {
               value: (_productData$delivery9 = (_productData$delivery10 = productData.delivery) === null || _productData$delivery10 === void 0 ? void 0 : _productData$delivery10.estMaxPackageDepth) !== null && _productData$delivery9 !== void 0 ? _productData$delivery9 : '',
               type: "number",
               onChange: function onChange(s) {
-                return update(_objectSpread$k(_objectSpread$k({}, productData), {}, {
-                  delivery: _objectSpread$k(_objectSpread$k({}, productData.delivery), {}, {
+                return update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
+                  delivery: _objectSpread$l(_objectSpread$l({}, productData.delivery), {}, {
                     estMaxPackageDepth: Number(s.target.value)
                   })
                 }));
@@ -8799,8 +8805,8 @@ function BaseDataFormDeliveryInfo (_ref) {
           value: (_productData$delivery11 = (_productData$delivery12 = productData.delivery) === null || _productData$delivery12 === void 0 ? void 0 : _productData$delivery12.deliveryTime) !== null && _productData$delivery11 !== void 0 ? _productData$delivery11 : '',
           type: "number",
           onChange: function onChange(s) {
-            return update(_objectSpread$k(_objectSpread$k({}, productData), {}, {
-              delivery: _objectSpread$k(_objectSpread$k({}, productData.delivery), {}, {
+            return update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
+              delivery: _objectSpread$l(_objectSpread$l({}, productData.delivery), {}, {
                 deliveryTime: Number(s.target.value)
               })
             }));
@@ -8827,8 +8833,8 @@ function BaseDataFormDeliveryInfo (_ref) {
                 return ((_v$floatValue = v === null || v === void 0 ? void 0 : v.floatValue) !== null && _v$floatValue !== void 0 ? _v$floatValue : 0) >= 0;
               },
               onValueChange: function onValueChange(value) {
-                update(_objectSpread$k(_objectSpread$k({}, productData), {}, {
-                  delivery: _objectSpread$k(_objectSpread$k({}, productData.delivery), {}, {
+                update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
+                  delivery: _objectSpread$l(_objectSpread$l({}, productData.delivery), {}, {
                     deliveryPrice: Number(value.floatValue)
                   })
                 }));
@@ -8853,8 +8859,8 @@ function BaseDataFormDeliveryInfo (_ref) {
                 return ((_v$floatValue2 = v === null || v === void 0 ? void 0 : v.floatValue) !== null && _v$floatValue2 !== void 0 ? _v$floatValue2 : 0) >= 0;
               },
               onValueChange: function onValueChange(value) {
-                update(_objectSpread$k(_objectSpread$k({}, productData), {}, {
-                  delivery: _objectSpread$k(_objectSpread$k({}, productData.delivery), {}, {
+                update(_objectSpread$l(_objectSpread$l({}, productData), {}, {
+                  delivery: _objectSpread$l(_objectSpread$l({}, productData.delivery), {}, {
                     installationPrice: Number(value.floatValue)
                   })
                 }));
@@ -8867,8 +8873,8 @@ function BaseDataFormDeliveryInfo (_ref) {
   });
 }
 
-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; }
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TranslationWrapper = function TranslationWrapper(_ref) {
   var productData = _ref.productData,
     update = _ref.update,
@@ -8903,13 +8909,13 @@ var TranslationWrapper = function TranslationWrapper(_ref) {
   };
   var handleUpdate = function handleUpdate(key, value) {
     if (TRANSLATED_FILEDS.includes(key)) {
-      var newProductData = _objectSpread$j({}, productData);
+      var newProductData = _objectSpread$k({}, productData);
       if (!newProductData[key + '_locales']) newProductData[key + '_locales'] = {};
       newProductData[key + '_locales'][languages[curLangIndex]] = value;
       if (curLangIndex == 0) newProductData[key] = value;
       update(newProductData);
     } else {
-      update(_objectSpread$j(_objectSpread$j({}, productData), {}, _defineProperty({}, key, value)));
+      update(_objectSpread$k(_objectSpread$k({}, productData), {}, _defineProperty({}, key, value)));
     }
   };
   return /*#__PURE__*/jsxs(Fragment, {
@@ -8926,7 +8932,7 @@ var TranslationWrapper = function TranslationWrapper(_ref) {
         return setCutLang(newValue);
       },
       children: languages.map(function (lang, index) {
-        return /*#__PURE__*/jsx(Tab, _objectSpread$j({
+        return /*#__PURE__*/jsx(Tab, _objectSpread$k({
           style: {
             minWidth: 72,
             height: '30px',
@@ -9029,8 +9035,8 @@ var BaseInfo = function BaseInfo(_ref) {
   });
 };
 
-function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dimensions = function Dimensions(_ref) {
   var _productData$width, _productData$height, _productData$depth;
   var productData = _ref.productData,
@@ -9057,7 +9063,7 @@ var Dimensions = function Dimensions(_ref) {
                 label: t('productcreator.fields.width'),
                 value: (_productData$width = productData.width) !== null && _productData$width !== void 0 ? _productData$width : '',
                 onChange: function onChange(s) {
-                  return update(_objectSpread$i(_objectSpread$i({}, productData), {}, {
+                  return update(_objectSpread$j(_objectSpread$j({}, productData), {}, {
                     width: Number(s.target.value)
                   }));
                 },
@@ -9076,7 +9082,7 @@ var Dimensions = function Dimensions(_ref) {
                 label: t('productcreator.fields.height'),
                 value: (_productData$height = productData.height) !== null && _productData$height !== void 0 ? _productData$height : '',
                 onChange: function onChange(s) {
-                  return update(_objectSpread$i(_objectSpread$i({}, productData), {}, {
+                  return update(_objectSpread$j(_objectSpread$j({}, productData), {}, {
                     height: Number(s.target.value)
                   }));
                 },
@@ -9092,7 +9098,7 @@ var Dimensions = function Dimensions(_ref) {
                 label: t('productcreator.fields.depth'),
                 value: (_productData$depth = productData.depth) !== null && _productData$depth !== void 0 ? _productData$depth : '',
                 onChange: function onChange(s) {
-                  return update(_objectSpread$i(_objectSpread$i({}, productData), {}, {
+                  return update(_objectSpread$j(_objectSpread$j({}, productData), {}, {
                     depth: Number(s.target.value)
                   }));
                 },
@@ -9115,7 +9121,7 @@ var Dimensions = function Dimensions(_ref) {
             label: t('productcreator.fields.model_info_page_weight'),
             value: productData.modelInfoPageWeight,
             onChange: function onChange(s) {
-              return update(_objectSpread$i(_objectSpread$i({}, productData), {}, {
+              return update(_objectSpread$j(_objectSpread$j({}, productData), {}, {
                 modelInfoPageWeight: Number(s.target.value)
               }));
             },
@@ -9127,8 +9133,8 @@ var Dimensions = function Dimensions(_ref) {
   });
 };
 
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Additionalnfos = function Additionalnfos(_ref) {
   var _Object$entries;
   var additionalBaseFields = _ref.additionalBaseFields,
@@ -9154,8 +9160,8 @@ var Additionalnfos = function Additionalnfos(_ref) {
           label: "productcreator.fields.".concat(key, ".name"),
           multiple: value.multi,
           onChange: function onChange(value) {
-            return update(_objectSpread$h(_objectSpread$h({}, productData), {}, {
-              customData: _objectSpread$h(_objectSpread$h({}, productData.customData), {}, _defineProperty({}, key, value))
+            return update(_objectSpread$i(_objectSpread$i({}, productData), {}, {
+              customData: _objectSpread$i(_objectSpread$i({}, productData.customData), {}, _defineProperty({}, key, value))
             }));
           }
         })
@@ -9251,42 +9257,458 @@ var AdvertisingText = function AdvertisingText(_ref) {
   });
 };
 
+var wrapper$2 = "wrapper-D74am";
+var typeDropDown = "typeDropDown-A1ExF";
+var objectListWrapper = "objectListWrapper-141eT";
+var inputValueElement = "inputValueElement-XljUd";
+var inputValueElementItem = "inputValueElementItem-s6dG0";
+var css_248z$6 = ".wrapper-D74am {\n  display: flex;\n  grid-gap: 25px;\n  margin-bottom: 10px;\n  align-items: top;\n  width: 100%;\n}\n.typeDropDown-A1ExF {\n  min-width: 10%;\n  max-height: 48px;\n}\n\n.objectListWrapper-141eT {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputValueElement-XljUd {\n  width: 100%;\n}\n.inputValueElementItem-s6dG0 {\n  display: flex;\n  align-items: center;\n  margin-bottom: 8px;\n  gap: 10px; /* Use 'gap' instead of 'grid-gap' for flex containers */\n}\n";
+styleInject(css_248z$6);
+
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CustomDataFields = function CustomDataFields(_ref) {
+  var productData = _ref.productData,
+    update = _ref.update;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState([{
+      key: '',
+      type: 'TEXT',
+      value: ''
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    pairs = _useState2[0],
+    setPairs = _useState2[1];
+  useEffect(function () {
+    var manualCustomData = Object.entries(productData.customData);
+    var filteredData = [];
+    for (var i = 0; i < manualCustomData.length; i++) {
+      var _manualCustomData$i = _slicedToArray(manualCustomData[i], 2),
+        key = _manualCustomData$i[0],
+        valueObj = _manualCustomData$i[1];
+      // Check if valueObj is an object and has the 'manual' property set to true
+      if (_typeof(valueObj) === 'object' && valueObj !== null && valueObj.manual === true) {
+        filteredData.push([key, valueObj]);
+      }
+    }
+    manualCustomData = filteredData;
+    var manualPairs = [];
+    for (var _i = 0; _i < manualCustomData.length; _i++) {
+      var _manualCustomData$_i = _slicedToArray(manualCustomData[_i], 2),
+        _key = _manualCustomData$_i[0],
+        _valueObj = _manualCustomData$_i[1];
+      var type = 'TEXT';
+      if (Array.isArray(_valueObj.value) && _typeof(_valueObj.value[0]) === 'object') {
+        type = 'OBJECTLIST';
+      } else if (Array.isArray(_valueObj.value)) {
+        type = 'LIST';
+      }
+      manualPairs.push({
+        key: _key,
+        type: type,
+        value: _valueObj.value
+      });
+    }
+    setPairs(manualPairs);
+  }, [productData]);
+  var handleAddPair = function handleAddPair() {
+    setPairs([].concat(_toConsumableArray(pairs), [{
+      key: '',
+      type: 'TEXT',
+      value: ''
+    }]));
+  };
+  var handleRemovePair = function handleRemovePair(index) {
+    var newPairs = pairs.filter(function (_, i) {
+      return i !== index;
+    });
+    var pairToDelete = productData.customData[pairs[index].key];
+    if (pairToDelete && pairToDelete.manual) {
+      delete productData.customData[pairs[index].key];
+      update(_objectSpread$h({}, productData));
+    }
+    setPairs(newPairs);
+  };
+  var handleAddValue = function handleAddValue(index) {
+    var actPairs = _toConsumableArray(pairs);
+    actPairs[index].type = 'LIST';
+    actPairs[index].value.push('');
+    setPairs(actPairs);
+  };
+  var handleAddArrayOrObject = function handleAddArrayOrObject(index, arrayIndex) {
+    var actPairs = _toConsumableArray(pairs);
+    if (actPairs[index].type === 'OBJECTLIST' && Array.isArray(actPairs[index].value)) {
+      if (arrayIndex === undefined) {
+        actPairs[index].value.push({
+          '': ''
+        });
+      } else {
+        actPairs[index].value[arrayIndex] = _objectSpread$h(_objectSpread$h({}, actPairs[index].value[arrayIndex]), {}, {
+          '': ''
+        });
+      }
+    }
+    setPairs(actPairs);
+  };
+  var handleRemoveArrayOrObject = function handleRemoveArrayOrObject(index, arrayIndex, key) {
+    var actPairs = _toConsumableArray(pairs);
+    if (key === undefined) {
+      // Entfernen eines Objekts aus dem Array
+      if (actPairs[index].value[arrayIndex]) {
+        actPairs[index].value.splice(arrayIndex, 1);
+      }
+    } else {
+      // Entfernen eines Schlüssels aus einem Objekt innerhalb des Arrays
+      if (actPairs[index].value[arrayIndex] && actPairs[index].value[arrayIndex][key]) {
+        delete actPairs[index].value[arrayIndex][key];
+      }
+    }
+    update(_objectSpread$h(_objectSpread$h({}, productData), {}, {
+      customData: _objectSpread$h(_objectSpread$h({}, productData.customData), {}, _defineProperty({}, actPairs[index].key, {
+        value: actPairs[index].value,
+        manual: true
+      }))
+    }));
+    setPairs(actPairs);
+  };
+  var handleRemoveValue = function handleRemoveValue(index, i) {
+    var newPairs = _toConsumableArray(pairs);
+    newPairs[index].value.splice(i, 1);
+    var customDataPair = productData.customData[pairs[index].key];
+    if (customDataPair.manual) {
+      productData.customData[pairs[index].key][i] = undefined;
+      update(_objectSpread$h({}, productData));
+    }
+    setPairs(newPairs);
+  };
+  var handleChange = function handleChange(index, field, value) {
+    var newPairs = pairs.map(function (pair, i) {
+      return i === index ? _objectSpread$h(_objectSpread$h({}, pair), {}, _defineProperty({}, field, value)) : pair;
+    });
+    if (newPairs[index].key && newPairs[index].value) {
+      var oldKey = pairs[index].key;
+      var newKey = newPairs[index].key;
+      if (oldKey !== newKey) {
+        delete productData.customData[oldKey];
+      }
+      update(_objectSpread$h(_objectSpread$h({}, productData), {}, {
+        customData: _objectSpread$h(_objectSpread$h({}, productData.customData), {}, _defineProperty({}, newPairs[index].key, {
+          value: newPairs[index].value,
+          manual: true
+        }))
+      }));
+    }
+    setPairs(newPairs);
+  };
+  var handleListChange = function handleListChange(pairIndex, value, valueIndex) {
+    var actPairs = _toConsumableArray(pairs);
+    if (Array.isArray(actPairs[pairIndex].value)) {
+      actPairs[pairIndex].value[valueIndex] = value;
+    }
+    if (actPairs[pairIndex].key && Array.isArray(actPairs[pairIndex].value)) {
+      var oldKey = pairs[pairIndex].key;
+      var newKey = actPairs[pairIndex].key;
+      if (oldKey !== newKey) {
+        delete productData.customData[oldKey];
+      }
+      update(_objectSpread$h(_objectSpread$h({}, productData), {}, {
+        customData: _objectSpread$h(_objectSpread$h({}, productData.customData), {}, _defineProperty({}, actPairs[pairIndex].key, {
+          value: actPairs[pairIndex].value,
+          manual: true
+        }))
+      }));
+    }
+    setPairs(actPairs);
+  };
+  var handleObjectListKeyChange = function handleObjectListKeyChange(pairIndex, arrayIndex, entryIndex, currentKey, newKey) {
+    var _actObject$currentKey;
+    //alert(entryIndex);
+    var actPairs = _toConsumableArray(pairs);
+    var actObject = actPairs[pairIndex].value[arrayIndex];
+    var value = (_actObject$currentKey = actObject[currentKey]) !== null && _actObject$currentKey !== void 0 ? _actObject$currentKey : '';
+    var updatedObject = {};
+    var index = 0;
+    // Iterate over the keys in the original object
+    for (var key in actObject) {
+      if (actObject.hasOwnProperty(key)) {
+        // If the current index is entryIndex, replace the key
+        if (index === entryIndex) {
+          updatedObject[newKey] = actObject[key];
+        } else {
+          // Otherwise, keep the original key
+          updatedObject[key] = actObject[key];
+        }
+        index++;
+      }
+    }
+    // Update the object in the array
+    actPairs[pairIndex].value[arrayIndex] = updatedObject;
+    if (value) {
+      update(_objectSpread$h(_objectSpread$h({}, productData), {}, {
+        customData: _objectSpread$h(_objectSpread$h({}, productData.customData), {}, _defineProperty({}, actPairs[pairIndex].key, {
+          value: actPairs[pairIndex].value,
+          manual: true
+        }))
+      }));
+    }
+    setPairs(actPairs);
+  };
+  var handleObjectListValueChange = function handleObjectListValueChange(pairIndex, arrayIndex, key, value) {
+    if (!key) return;
+    var actPairs = _toConsumableArray(pairs);
+    var actObject = actPairs[pairIndex].value[arrayIndex];
+    if (actObject) {
+      actPairs[pairIndex].value[arrayIndex][key] = value;
+    }
+    update(_objectSpread$h(_objectSpread$h({}, productData), {}, {
+      customData: _objectSpread$h(_objectSpread$h({}, productData.customData), {}, _defineProperty({}, actPairs[pairIndex].key, {
+        value: actPairs[pairIndex].value,
+        manual: true
+      }))
+    }));
+    setPairs(actPairs);
+  };
+  var handleListBoxChange = function handleListBoxChange(index, value) {
+    var actPairs = _toConsumableArray(pairs);
+    actPairs[index].type = value;
+    if (value === 'TEXT') {
+      actPairs[index].value = '';
+    } else if (value === 'LIST') {
+      actPairs[index].value = [];
+    } else if (value === 'OBJECTLIST') {
+      actPairs[index].value = [{
+        '': ''
+      }];
+    }
+    setPairs(actPairs);
+  };
+  return /*#__PURE__*/jsxs(Card$1, {
+    style: {
+      marginBottom: '10px'
+    },
+    children: [/*#__PURE__*/jsx(CardHeader, {
+      title: t('seller.productcreator.customfields') + (productData.variantId !== undefined ? ' (' + t('productvariant') + ':' + productData.variantId + ')' : '')
+    }), /*#__PURE__*/jsx(CardContent, {
+      children: /*#__PURE__*/jsxs(Box, {
+        children: [pairs.map(function (pair, index) {
+          return /*#__PURE__*/jsxs(Box, {
+            className: wrapper$2,
+            children: [/*#__PURE__*/jsx(TextField, {
+              style: {
+                maxWidth: '10%'
+              },
+              label: t('fieldname'),
+              value: pair.key,
+              onChange: function onChange(e) {
+                return handleChange(index, 'key', e.target.value);
+              }
+            }), /*#__PURE__*/jsxs(Select$1, {
+              value: pair.type,
+              onChange: function onChange(e) {
+                return handleListBoxChange(index, e.target.value);
+              },
+              className: typeDropDown,
+              displayEmpty: true,
+              children: [/*#__PURE__*/jsx(MenuItem$1, {
+                value: "TEXT",
+                children: t('text')
+              }), /*#__PURE__*/jsx(MenuItem$1, {
+                value: "LIST",
+                children: t('list')
+              }), /*#__PURE__*/jsx(MenuItem$1, {
+                value: "OBJECTLIST",
+                children: t('objectlist')
+              })]
+            }), pair.type === 'TEXT' && /*#__PURE__*/jsx(TextField, {
+              label: t('value'),
+              value: pair.value,
+              onChange: function onChange(e) {
+                return handleChange(index, 'value', e.target.value);
+              },
+              className: inputValueElement
+            }), pair.type === 'LIST' && /*#__PURE__*/jsx(Fragment, {
+              children: /*#__PURE__*/jsxs("div", {
+                style: {
+                  display: 'flex',
+                  flexDirection: 'column'
+                },
+                children: [pair.value.map(function (value, i) {
+                  return /*#__PURE__*/jsxs("div", {
+                    style: {
+                      display: 'flex'
+                    },
+                    children: [/*#__PURE__*/jsx(TextField, {
+                      className: inputValueElement,
+                      label: t('value'),
+                      value: value,
+                      onChange: function onChange(e) {
+                        return handleListChange(index, e.target.value, i);
+                      }
+                    }), /*#__PURE__*/jsx(IconButton$1, {
+                      onClick: function onClick() {
+                        return handleRemoveValue(index, i);
+                      },
+                      children: /*#__PURE__*/jsx(Remove, {})
+                    }), i === pair.value.length - 1 && /*#__PURE__*/jsx(IconButton$1, {
+                      onClick: function onClick() {
+                        return handleAddValue(index);
+                      },
+                      children: /*#__PURE__*/jsx(Add, {})
+                    })]
+                  }, i);
+                }), pair.value.length === 0 && /*#__PURE__*/jsx(IconButton$1, {
+                  onClick: function onClick() {
+                    return handleAddValue(index);
+                  },
+                  children: /*#__PURE__*/jsx(Add, {})
+                })]
+              })
+            }), pair.type === 'OBJECTLIST' && /*#__PURE__*/jsx(Fragment, {
+              children: /*#__PURE__*/jsxs("div", {
+                className: objectListWrapper,
+                children: [pair.value.map(function (objectItem, arrayIndex) {
+                  return /*#__PURE__*/jsxs(Card$1, {
+                    className: inputValueElement,
+                    style: {
+                      marginBottom: 20
+                    },
+                    children: [/*#__PURE__*/jsxs("div", {
+                      style: {
+                        display: 'flex'
+                      },
+                      children: [/*#__PURE__*/jsx("p", {
+                        style: {
+                          padding: 10,
+                          fontSize: 14,
+                          fontWeight: 'bold'
+                        },
+                        children: "Item ".concat(arrayIndex + 1)
+                      }), /*#__PURE__*/jsx(IconButton$1, {
+                        onClick: function onClick() {
+                          return handleRemoveArrayOrObject(index, arrayIndex);
+                        },
+                        children: /*#__PURE__*/jsx(Delete, {})
+                      })]
+                    }), /*#__PURE__*/jsxs(CardContent, {
+                      children: [Object.entries(objectItem).map(function (_ref2, entryIndex) {
+                        var _ref3 = _slicedToArray(_ref2, 2),
+                          key = _ref3[0],
+                          value = _ref3[1];
+                        return /*#__PURE__*/jsxs("div", {
+                          className: inputValueElementItem,
+                          children: [/*#__PURE__*/jsx(TextField, {
+                            style: {
+                              width: '20%'
+                            },
+                            label: t('key'),
+                            value: key,
+                            onChange: function onChange(e) {
+                              return handleObjectListKeyChange(index, arrayIndex, entryIndex, key, e.target.value);
+                            }
+                          }), /*#__PURE__*/jsx(TextField, {
+                            label: t('value'),
+                            style: {
+                              width: '70%'
+                            },
+                            value: value,
+                            onChange: function onChange(e) {
+                              return handleObjectListValueChange(index, arrayIndex, key, e.target.value);
+                            },
+                            disabled: !key
+                          }), /*#__PURE__*/jsx(IconButton$1, {
+                            onClick: function onClick() {
+                              return handleRemoveArrayOrObject(index, arrayIndex, key);
+                            },
+                            style: {
+                              height: 'fit-content'
+                            },
+                            children: /*#__PURE__*/jsx(Remove, {})
+                          })]
+                        }, entryIndex);
+                      }), /*#__PURE__*/jsx(IconButton$1, {
+                        onClick: function onClick() {
+                          return handleAddArrayOrObject(index, arrayIndex);
+                        },
+                        children: /*#__PURE__*/jsx(Add, {})
+                      })]
+                    })]
+                  }, arrayIndex);
+                }), /*#__PURE__*/jsx(Button$1, {
+                  variant: "contained",
+                  onClick: function onClick() {
+                    return handleAddArrayOrObject(index);
+                  },
+                  startIcon: /*#__PURE__*/jsx(Add, {}),
+                  children: t('addentry')
+                })]
+              })
+            }), /*#__PURE__*/jsx(IconButton$1, {
+              onClick: function onClick() {
+                return handleRemovePair(index);
+              },
+              disabled: pairs.length === 1,
+              style: {
+                height: 'fit-content'
+              },
+              children: /*#__PURE__*/jsx(Delete, {})
+            })]
+          }, index);
+        }), /*#__PURE__*/jsx(Button$1, {
+          variant: "contained",
+          onClick: handleAddPair,
+          style: {
+            marginTop: 10
+          },
+          startIcon: /*#__PURE__*/jsx(Add, {}),
+          children: t('hinzufügen')
+        })]
+      })
+    })]
+  });
+};
+
 function BaseDataFormInfo (_ref) {
   var productData = _ref.productData,
     additionalBaseFields = _ref.additionalBaseFields,
-    update = _ref.update;
+    _update = _ref.update;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(TranslationWrapper, {
       title: 'productcreator.basedata.baseinfo',
       Form: BaseInfo,
       additionalBaseFields: additionalBaseFields,
       productData: productData,
-      update: update
+      update: _update
     }), /*#__PURE__*/jsx(Additionalnfos, {
       additionalBaseFields: additionalBaseFields,
       productData: productData,
-      update: update
+      update: _update
     }), /*#__PURE__*/jsx(Dimensions, {
       productData: productData,
-      update: update
+      update: _update
     }), /*#__PURE__*/jsx(TranslationWrapper, {
       title: 'productcreator.fields.technicalDescription',
       Form: TechnicalDescription,
       additionalBaseFields: additionalBaseFields,
       productData: productData,
-      update: update
+      update: _update
     }), /*#__PURE__*/jsx(TranslationWrapper, {
       title: 'productcreator.fields.shortTechnicalDescription',
       Form: ShortTechnicalDescription,
       additionalBaseFields: additionalBaseFields,
       productData: productData,
-      update: update
+      update: _update
     }), /*#__PURE__*/jsx(TranslationWrapper, {
       title: 'productcreator.fields.info',
       Form: AdvertisingText,
       additionalBaseFields: additionalBaseFields,
       productData: productData,
-      update: update
+      update: _update
+    }), /*#__PURE__*/jsx(CustomDataFields, {
+      productData: productData,
+      update: function update(d) {
+        return _update(d || productData);
+      }
     })]
   });
 }
@@ -10454,7 +10876,7 @@ function MediaTable (_ref) {
           organizationId: organizationId,
           functionType: "SHO",
           initFile: openFile,
-          acceptedFiles: (_configurationData$Pr = configurationData === null || configurationData === void 0 || (_configurationData$Pr2 = configurationData.ProductCreator) === null || _configurationData$Pr2 === void 0 || (_configurationData$Pr2 = _configurationData$Pr2.media) === null || _configurationData$Pr2 === void 0 ? void 0 : _configurationData$Pr2.fileTypes) !== null && _configurationData$Pr !== void 0 ? _configurationData$Pr : ['.jpg', '.jepg', '.png', '.svg', '.glb', '.gltf', '.fbx', '.usbz', '.pdf'],
+          acceptedFiles: (_configurationData$Pr = configurationData === null || configurationData === void 0 || (_configurationData$Pr2 = configurationData.ProductCreator) === null || _configurationData$Pr2 === void 0 || (_configurationData$Pr2 = _configurationData$Pr2.media) === null || _configurationData$Pr2 === void 0 ? void 0 : _configurationData$Pr2.fileTypes) !== null && _configurationData$Pr !== void 0 ? _configurationData$Pr : ['.jpg', '.jepg', '.png', '.svg', '.glb', '.gltf', '.fbx', '.usbz', '.pdf', '.mp4', '.webm'],
           maxSize: configurationData === null || configurationData === void 0 || (_configurationData$Pr3 = configurationData.ProductCreator) === null || _configurationData$Pr3 === void 0 || (_configurationData$Pr3 = _configurationData$Pr3.media) === null || _configurationData$Pr3 === void 0 ? void 0 : _configurationData$Pr3.maxSize,
           config: {
             jwt: jwt,