@crystaldesign/diva-seller 25.2.0-beta.3 → 25.2.0-beta.31

package/build/esm/index.js

@@ -17,7 +17,7 @@ import CardMedia from '@mui/material/CardMedia';
 import Typography$1 from '@mui/material/Typography';
 import createStyles from '@mui/styles/createStyles';
 import makeStyles from '@mui/styles/makeStyles';
-import { styled, Typography, Card as Card$1, CardActionArea as CardActionArea$1, CardMedia as CardMedia$1, Button as Button$1, TextField, ButtonGroup as ButtonGroup$1, Tooltip, Stack, Paper as Paper$1, Skeleton, IconButton as IconButton$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, Divider as Divider$1, Alert as Alert$1, AlertTitle as AlertTitle$1, Link, InputBase, Accordion, AccordionSummary, Tabs, Tab, AccordionDetails, Table as Table$1, TableBody as TableBody$1, TableRow as TableRow$1, TableCell as TableCell$1, CardHeader, CardContent, FormControl as FormControl$1, FormHelperText, TextareaAutosize, Box as Box$1, Select as Select$1, MenuItem as MenuItem$1, ListItemButton, ListItemIcon } from '@mui/material';
+import { styled, Typography, Card as Card$1, CardActionArea as CardActionArea$1, CardMedia as CardMedia$1, Tooltip, Button as Button$1, TextField, ButtonGroup as ButtonGroup$1, Stack, Paper as Paper$1, Skeleton, IconButton as IconButton$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, Divider as Divider$1, Alert as Alert$1, AlertTitle as AlertTitle$1, Link, InputBase, Accordion, AccordionSummary, Tabs, Tab, AccordionDetails, Table as Table$1, TableBody as TableBody$1, TableRow as TableRow$1, TableCell as TableCell$1, CardHeader, CardContent, FormControl as FormControl$1, FormHelperText, TextareaAutosize, Box as Box$1, Autocomplete as Autocomplete$2, Select as Select$1, MenuItem as MenuItem$1, ListItemButton, ListItemIcon } from '@mui/material';
 import { Histogram, useFilterState, FilterComponent, AnalyticsComponent } from '@crystaldesign/analytics';
 import Button from '@mui/material/Button';
 import ButtonGroup from '@mui/material/ButtonGroup';
@@ -56,11 +56,11 @@ import { styled as styled$1 } from '@mui/material/styles';
 import TextField$1 from '@mui/material/TextField';
 import Select from '@mui/material/Select';
 import Input from '@mui/material/Input';
-import OrderEntry, { apiSaveRenderJobs, VariantSelector } from '@crystaldesign/order-entry';
 import _toArray from '@babel/runtime/helpers/toArray';
 import Box from '@mui/material/Box';
 import StarBorderIcon from '@mui/icons-material/StarBorder';
 import EditIcon from '@mui/icons-material/Edit';
+import OrderEntry, { apiSaveRenderJobs, VariantSelector } from '@crystaldesign/order-entry';
 import classnames from 'classnames';
 import { InfoRounded, Remove, Add, Delete } from '@mui/icons-material';
 import { Swiper, SwiperSlide } from 'swiper/react';
@@ -194,7 +194,8 @@ var SellerContext = /*#__PURE__*/createContext({
     copyArticleInfoToClipboard: function copyArticleInfoToClipboard() {},
     loadAnalyticScore: function loadAnalyticScore() {
       return Promise.resolve({});
-    }
+    },
+    loadManualCustomDataFields: function loadManualCustomDataFields() {}
   }
 });
 
@@ -461,11 +462,11 @@ function breadcrumbCollection() {
   };
 }
 
-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; }
 var reducer$1 = function reducer(state, action) {
   if (action.type == 'update') {
-    var newState = _objectSpread$B({}, state);
+    var newState = _objectSpread$C({}, state);
     action.payload.forEach(function (p) {
       if (p.field == 'basketState') {
         if (p.value) {
@@ -1148,19 +1149,55 @@ function _apiGetProductCreator() {
   }));
   return _apiGetProductCreator.apply(this, arguments);
 }
-function apiGetAffiliates(_x13) {
+function apiGetManualCustomDataFields(_x13) {
+  return _apiGetManualCustomDataFields.apply(this, arguments);
+}
+function _apiGetManualCustomDataFields() {
+  _apiGetManualCustomDataFields = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(_ref13) {
+    var serviceUrl, res, resData;
+    return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+      while (1) switch (_context13.prev = _context13.next) {
+        case 0:
+          serviceUrl = _ref13.serviceUrl;
+          _context13.prev = 1;
+          _context13.next = 4;
+          return fetch("".concat(serviceUrl, "/v1/customdata/fields"), {
+            headers: {
+              'Content-Type': 'application/json'
+            }
+          });
+        case 4:
+          res = _context13.sent;
+          _context13.next = 7;
+          return res.json();
+        case 7:
+          resData = _context13.sent;
+          return _context13.abrupt("return", resData);
+        case 11:
+          _context13.prev = 11;
+          _context13.t0 = _context13["catch"](1);
+          throw new Error('Could not custom data field keys');
+        case 14:
+        case "end":
+          return _context13.stop();
+      }
+    }, _callee13, null, [[1, 11]]);
+  }));
+  return _apiGetManualCustomDataFields.apply(this, arguments);
+}
+function apiGetAffiliates(_x14) {
   return _apiGetAffiliates.apply(this, arguments);
 }
 function _apiGetAffiliates() {
-  _apiGetAffiliates = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(_ref13) {
+  _apiGetAffiliates = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(_ref14) {
     var serviceUrl, organizationId, jwt, fullUrl, res, resOrg;
-    return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-      while (1) switch (_context13.prev = _context13.next) {
+    return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+      while (1) switch (_context14.prev = _context14.next) {
         case 0:
-          serviceUrl = _ref13.serviceUrl, organizationId = _ref13.organizationId, jwt = _ref13.jwt;
+          serviceUrl = _ref14.serviceUrl, organizationId = _ref14.organizationId, jwt = _ref14.jwt;
           fullUrl = serviceUrl + '/v2/organizations/' + organizationId + '/affiliate?inherit=true';
-          _context13.prev = 2;
-          _context13.next = 5;
+          _context14.prev = 2;
+          _context14.next = 5;
           return fetch(fullUrl, {
             headers: {
               Authorization: 'Bearer ' + jwt,
@@ -1168,24 +1205,24 @@ function _apiGetAffiliates() {
             }
           });
         case 5:
-          res = _context13.sent;
-          _context13.next = 8;
+          res = _context14.sent;
+          _context14.next = 8;
           return res.json();
         case 8:
-          resOrg = _context13.sent;
-          _context13.next = 14;
+          resOrg = _context14.sent;
+          _context14.next = 14;
           break;
         case 11:
-          _context13.prev = 11;
-          _context13.t0 = _context13["catch"](2);
+          _context14.prev = 11;
+          _context14.t0 = _context14["catch"](2);
           throw new Error('Could not fetch existing affiliates for organization');
         case 14:
-          return _context13.abrupt("return", resOrg.data);
+          return _context14.abrupt("return", resOrg.data);
         case 15:
         case "end":
-          return _context13.stop();
+          return _context14.stop();
       }
-    }, _callee13, null, [[2, 11]]);
+    }, _callee14, null, [[2, 11]]);
   }));
   return _apiGetAffiliates.apply(this, arguments);
 }
@@ -1295,8 +1332,8 @@ var _excluded$a = ["collectionId"],
 function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(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$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(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$2(r, a) : void 0; } }
 function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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$9 = getLogger('Seller', 'SellerStateData');
 function useSellerStateData(_ref) {
   var sessionGuid = _ref.sessionGuid,
@@ -1426,7 +1463,7 @@ function useSellerStateData(_ref) {
               }]
             });
           case 7:
-            return _context.abrupt("return", processData(_objectSpread$A(_objectSpread$A({}, props), {}, {
+            return _context.abrupt("return", processData(_objectSpread$B(_objectSpread$B({}, props), {}, {
               data: collections
             })));
           case 10:
@@ -1490,7 +1527,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$A(_objectSpread$A({}, props), {}, {
+            return _context2.abrupt("return", processData(_objectSpread$B(_objectSpread$B({}, props), {}, {
               data: catalogs || []
             })));
           case 14:
@@ -1877,8 +1914,8 @@ function useSellerStateData(_ref) {
             _context7.next = 22;
             return apiLoadBasket({
               divaNr: divaNr,
-              apiConfig: _objectSpread$A(_objectSpread$A({}, apiConfig), {}, {
-                api2: _objectSpread$A(_objectSpread$A({}, apiConfig.api2), {}, {
+              apiConfig: _objectSpread$B(_objectSpread$B({}, apiConfig), {}, {
+                api2: _objectSpread$B(_objectSpread$B({}, apiConfig.api2), {}, {
                   "default": state.firstLoginApiUrl
                 })
               }),
@@ -2092,6 +2129,15 @@ function useSellerStateData(_ref) {
     }
     return configData === null || configData === void 0 ? void 0 : configData.BasketStatusArr;
   };
+  var setManualCustomDataFields = function setManualCustomDataFields(manualCustomDataFields) {
+    dispatch({
+      type: 'update',
+      payload: [{
+        field: 'manualCustomDataFields',
+        value: manualCustomDataFields
+      }]
+    });
+  };
   var setReturnTo = function setReturnTo(returnTo) {
     dispatch({
       type: 'update',
@@ -2206,7 +2252,7 @@ function useSellerStateData(_ref) {
               }]
             });
           case 24:
-            return _context9.abrupt("return", processData(_objectSpread$A(_objectSpread$A({}, props), {}, {
+            return _context9.abrupt("return", processData(_objectSpread$B(_objectSpread$B({}, props), {}, {
               data: articles || []
             })));
           case 27:
@@ -2258,13 +2304,14 @@ function useSellerStateData(_ref) {
     copyArticleInfoToClipboard: copyArticleInfoToClipboard,
     resetState: resetState,
     resetForCache: resetForCache,
-    loadAnalyticScore: loadAnalyticScore
+    loadAnalyticScore: loadAnalyticScore,
+    setManualCustomDataFields: setManualCustomDataFields
   };
 }
 
-var _excluded$9 = ["state", "setFirstLoginApiUrl", "updateBasketState", "setPlannerParams", "setReturnTo", "setOriginProductId", "setProductCategories", "resetState", "resetForCache"];
-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 _excluded$9 = ["state", "setFirstLoginApiUrl", "updateBasketState", "setPlannerParams", "setReturnTo", "setOriginProductId", "setProductCategories", "setManualCustomDataFields", "resetState", "resetForCache"];
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$8 = getLogger('Seller', 'SellerStateProvider');
 var SellerStateProvider = function SellerStateProvider(_ref) {
   var children = _ref.children,
@@ -2343,6 +2390,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
     setReturnTo = _useSellerStateData.setReturnTo,
     setOriginProductId = _useSellerStateData.setOriginProductId,
     setProductCategories = _useSellerStateData.setProductCategories,
+    setManualCustomDataFields = _useSellerStateData.setManualCustomDataFields,
     resetState = _useSellerStateData.resetState,
     resetForCache = _useSellerStateData.resetForCache,
     stateFunctions = _objectWithoutProperties(_useSellerStateData, _excluded$9);
@@ -2628,7 +2676,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
               _context4.next = 8;
               break;
             }
-            params = _objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({
+            params = _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({
               catalogCodex: catalogCodex
             }, accountId ? {
               accountId: accountId
@@ -2643,13 +2691,13 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
             } : {}), retailArticleNr ? {
               retailArticleNr: retailArticleNr
             } : {});
-            internal = _objectSpread$z(_objectSpread$z({}, forceReload ? {
+            internal = _objectSpread$A(_objectSpread$A({}, forceReload ? {
               forceReload: forceReload
             } : {}), {}, {
               accountSessionGuid: accountSessionGuid,
               basketData: basketData
             });
-            setPlannerParams(_objectSpread$z(_objectSpread$z({}, params), {}, {
+            setPlannerParams(_objectSpread$A(_objectSpread$A({}, params), {}, {
               internal: internal
             }));
             openComponent({
@@ -2681,7 +2729,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                       updateBasketState({
                         concat: true
                       });
-                      var _params = _objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, catalogCodex ? {
+                      var _params = _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, catalogCodex ? {
                         catalogCodex: catalogCodex
                       } : {}), accountId ? {
                         accountId: accountId
@@ -2698,12 +2746,12 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                       } : {}), productId ? {
                         productId: productId
                       } : {});
-                      var _internal = _objectSpread$z(_objectSpread$z({}, forceReload ? {
+                      var _internal = _objectSpread$A(_objectSpread$A({}, forceReload ? {
                         forceReload: forceReload
                       } : {}), {}, {
                         accountSessionGuid: accountSessionGuid
                       });
-                      setPlannerParams(_objectSpread$z(_objectSpread$z({}, _params), {}, {
+                      setPlannerParams(_objectSpread$A(_objectSpread$A({}, _params), {}, {
                         internal: _internal
                       }));
                       openComponent({
@@ -2736,7 +2784,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                 });
               }
             } else {
-              _params2 = _objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, catalogCodex ? {
+              _params2 = _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, catalogCodex ? {
                 catalogCodex: catalogCodex
               } : {}), accountId ? {
                 accountId: accountId
@@ -2751,12 +2799,12 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
               } : {}), retailArticleNr ? {
                 retailArticleNr: retailArticleNr
               } : {});
-              _internal2 = _objectSpread$z(_objectSpread$z({}, forceReload ? {
+              _internal2 = _objectSpread$A(_objectSpread$A({}, forceReload ? {
                 forceReload: forceReload
               } : {}), {}, {
                 accountSessionGuid: accountSessionGuid
               });
-              setPlannerParams(_objectSpread$z(_objectSpread$z({}, _params2), {}, {
+              setPlannerParams(_objectSpread$A(_objectSpread$A({}, _params2), {}, {
                 internal: _internal2
               }));
               openComponent({
@@ -2792,7 +2840,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
               divaNr: divaNr,
               returnTo: returnTo
             };
-            setPlannerParams(_objectSpread$z(_objectSpread$z({}, _params3), {}, {
+            setPlannerParams(_objectSpread$A(_objectSpread$A({}, _params3), {}, {
               internal: {
                 basketData: basketData,
                 forceReload: forceReload
@@ -2840,7 +2888,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
       step: null,
       assignNewDivaNr: false
     });
-    var params = _objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, catalogCodex ? {
+    var params = _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, catalogCodex ? {
       catalogCodex: catalogCodex
     } : {}), accountId ? {
       accountId: accountId
@@ -2855,12 +2903,12 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
     } : {}), retailArticleNr ? {
       retailArticleNr: retailArticleNr
     } : {});
-    var internal = _objectSpread$z(_objectSpread$z({}, forceReload ? {
+    var internal = _objectSpread$A(_objectSpread$A({}, forceReload ? {
       forceReload: forceReload
     } : {}), {}, {
       accountSessionGuid: accountSessionGuid
     });
-    setPlannerParams(_objectSpread$z(_objectSpread$z({}, params), {}, {
+    setPlannerParams(_objectSpread$A(_objectSpread$A({}, params), {}, {
       internal: internal
     }));
     openComponent({
@@ -2909,7 +2957,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
               case 'toPlanner':
                 {
                   if (plannerParams) {
-                    var params = _objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, plannerParams.catalogCodex ? {
+                    var params = _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, plannerParams.catalogCodex ? {
                       catalogCodex: plannerParams.catalogCodex
                     } : {}), plannerParams.accountId ? {
                       accountId: plannerParams.accountId
@@ -2922,12 +2970,12 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                     } : {}), plannerParams.retailArticleNr ? {
                       retailArticleNr: plannerParams.retailArticleNr
                     } : {});
-                    var internal = _objectSpread$z(_objectSpread$z({}, plannerParams.forceReload ? {
+                    var internal = _objectSpread$A(_objectSpread$A({}, plannerParams.forceReload ? {
                       forceReload: plannerParams.forceReload
                     } : {}), {}, {
                       accountSessionGuid: plannerParams.accountSessionGuid
                     });
-                    setPlannerParams(_objectSpread$z(_objectSpread$z({}, params), {}, {
+                    setPlannerParams(_objectSpread$A(_objectSpread$A({}, params), {}, {
                       internal: internal
                     }));
                     openComponent({
@@ -2954,8 +3002,8 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
             _context5.next = 2;
             return apiLoadBasket({
               divaNr: divaNr,
-              apiConfig: _objectSpread$z(_objectSpread$z({}, apiConfig), {}, {
-                api2: _objectSpread$z(_objectSpread$z({}, apiConfig.api2), {}, {
+              apiConfig: _objectSpread$A(_objectSpread$A({}, apiConfig), {}, {
+                api2: _objectSpread$A(_objectSpread$A({}, apiConfig.api2), {}, {
                   "default": state.firstLoginApiUrl
                 })
               }),
@@ -2997,6 +3045,29 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
       return _ref7.apply(this, arguments);
     };
   }();
+  var loadManualCustomDataFields = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+      var data;
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            _context7.next = 2;
+            return apiGetManualCustomDataFields({
+              serviceUrl: apiConfig.catalogService
+            });
+          case 2:
+            data = _context7.sent;
+            if (data !== null && data !== void 0 && data.length) setManualCustomDataFields(data);
+          case 4:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }));
+    return function loadManualCustomDataFields() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
   var contextData = {
     state: {
       loadingBasket: loadingBasket,
@@ -3022,9 +3093,10 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
       doShowPrices: !hidePrices,
       returnTo: state.returnTo,
       originProductId: state.originProductId,
-      productCategories: state.productCategories
+      productCategories: state.productCategories,
+      manualCustomDataFields: state.manualCustomDataFields
     },
-    actions: _objectSpread$z(_objectSpread$z({}, stateFunctions), {}, {
+    actions: _objectSpread$A(_objectSpread$A({}, stateFunctions), {}, {
       openComponent: openComponent,
       openModal: openModal,
       openPlanner: openPlanner,
@@ -3035,7 +3107,8 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
       sendEmail: sendEmail,
       fetchBasket: fetchBasket,
       updateBasketState: updateBasketState,
-      loadUniqueDivaNr: loadUniqueDivaNr
+      loadUniqueDivaNr: loadUniqueDivaNr,
+      loadManualCustomDataFields: loadManualCustomDataFields
     })
   };
   return /*#__PURE__*/jsx(SellerContext.Provider, {
@@ -3072,8 +3145,8 @@ var useStyles$3 = makeStyles(function () {
   });
 });
 
-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; }
 function Title(_ref) {
   var text = _ref.text,
     children = _ref.children,
@@ -3085,7 +3158,7 @@ function Title(_ref) {
       style: {
         flexGrow: 1
       },
-      children: [text, help && /*#__PURE__*/jsx(HelpButton, _objectSpread$y({}, help))]
+      children: [text, help && /*#__PURE__*/jsx(HelpButton, _objectSpread$z({}, help))]
     }), children]
   });
 }
@@ -3102,8 +3175,8 @@ function getImageOrFallbackUrl(url) {
   return url || 'https://cdn.diva-portal.com/static/images/image_placeholder-landscape-short.png';
 }
 
-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; }
 var LOG$7 = getLogger('SellerCatalogs', 'Catalogs');
 function Catalogs(_ref) {
   var _configurationData$an, _configurationData$ca5, _configurationData$an3, _configurationData$an4;
@@ -3233,7 +3306,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$x({}, action);
+                action = _objectSpread$y({}, action);
                 parameters = {};
                 Object.entries(action.parameters || {}).forEach(function (_ref4) {
                   var _ref5 = _slicedToArray(_ref4, 2),
@@ -3249,7 +3322,7 @@ function Catalogs(_ref) {
             } else {
               openComponent({
                 type: 'SELLER',
-                parameters: _objectSpread$x({
+                parameters: _objectSpread$y({
                   module: 'Info',
                   catalogCodex: item.codex
                 }, item.accountId ? {
@@ -4016,6 +4089,7 @@ function Header$1(_ref) {
     setActBasketPage = _ref.setActBasketPage,
     doExportToVKP = _ref.doExportToVKP,
     showProductCreator = _ref.showProductCreator,
+    disableProductCreator = _ref.disableProductCreator,
     config = _ref.config,
     enableVKPExportButton = _ref.enableVKPExportButton;
   var _useTranslation = useTranslation(),
@@ -4041,11 +4115,18 @@ function Header$1(_ref) {
         onClick: doExportToVKP,
         disabled: !enableVKPExportButton,
         children: "VKP-Export"
-      }), showProductCreator && /*#__PURE__*/jsx(Button, {
-        color: 'primary',
-        variant: 'contained',
-        onClick: openProductCreator,
-        children: t('basket.navigation.products')
+      }), showProductCreator && /*#__PURE__*/jsx(Tooltip, {
+        title: t('basket.checkout.step3.productdisabledtext'),
+        disableHoverListener: !disableProductCreator,
+        children: /*#__PURE__*/jsx("span", {
+          children: /*#__PURE__*/jsx(Button, {
+            color: 'primary',
+            variant: 'contained',
+            onClick: openProductCreator,
+            disabled: disableProductCreator,
+            children: t('basket.navigation.products')
+          })
+        })
       }), /*#__PURE__*/jsxs(ButtonGroup, {
         color: "primary",
         children: [/*#__PURE__*/jsx(Button, {
@@ -4094,8 +4175,8 @@ function Header(_ref) {
   });
 }
 
-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 MenuListComposition(_ref) {
   var setId = _ref.setId,
     visibile = _ref.visibile,
@@ -4178,7 +4259,7 @@ function MenuListComposition(_ref) {
       children: function children(_ref2) {
         var TransitionProps = _ref2.TransitionProps,
           placement = _ref2.placement;
-        return /*#__PURE__*/jsx(Grow, _objectSpread$w(_objectSpread$w({}, TransitionProps), {}, {
+        return /*#__PURE__*/jsx(Grow, _objectSpread$x(_objectSpread$x({}, TransitionProps), {}, {
           style: {
             transformOrigin: placement === 'bottom' ? 'right top' : 'right bottom'
           },
@@ -4258,8 +4339,8 @@ function Images(_ref) {
   });
 }
 
-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; }
 var OpvImage = function OpvImage(_ref) {
   var src = _ref.src;
   var _useHover = useHover({
@@ -4277,15 +4358,15 @@ var OpvImage = function OpvImage(_ref) {
     layerProps = _useLayer.layerProps,
     triggerProps = _useLayer.triggerProps;
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("img", _objectSpread$v(_objectSpread$v(_objectSpread$v({}, triggerProps), hoverProps), {}, {
+    children: [/*#__PURE__*/jsx("img", _objectSpread$w(_objectSpread$w(_objectSpread$w({}, triggerProps), hoverProps), {}, {
       src: src,
       style: {
         width: '20px'
       }
-    })), isOpen && (renderLayer === null || renderLayer === void 0 ? void 0 : renderLayer(/*#__PURE__*/jsx("img", _objectSpread$v(_objectSpread$v({
+    })), isOpen && (renderLayer === null || renderLayer === void 0 ? void 0 : renderLayer(/*#__PURE__*/jsx("img", _objectSpread$w(_objectSpread$w({
       src: src.replace('_gal.', '.')
     }, layerProps), {}, {
-      style: _objectSpread$v({
+      style: _objectSpread$w({
         width: '300px'
       }, layerProps.style)
     }))))]
@@ -4695,8 +4776,8 @@ function Set$1(_ref) {
 }
 
 var _excluded$8 = ["onValueChange", "value"];
-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; }
 function DiscountField (_ref) {
   var _ref2;
   var updateDiscount = _ref.updateDiscount,
@@ -4784,7 +4865,7 @@ function ControlledNumberFormat$1(_ref3) {
   useEffect(function () {
     setValue(origValue);
   }, [origValue]);
-  return /*#__PURE__*/jsx(NumericFormat, _objectSpread$u(_objectSpread$u({}, props), {}, {
+  return /*#__PURE__*/jsx(NumericFormat, _objectSpread$v(_objectSpread$v({}, props), {}, {
     placeholder: props.suffix,
     value: value === 0 ? undefined : value,
     customInput: StyledTextFiled$1,
@@ -4809,8 +4890,8 @@ var StyledTextFiled$1 = withStyles({
 })(TextField);
 
 var _excluded$7 = ["onValueChange", "value"];
-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; }
 function AdditionalPriceField (_ref) {
   var updatePrice = _ref.updatePrice,
     price = _ref.price,
@@ -4891,7 +4972,7 @@ function ControlledNumberFormat(_ref2) {
   useEffect(function () {
     setValue(origValue);
   }, [origValue]);
-  return /*#__PURE__*/jsx(NumericFormat, _objectSpread$t(_objectSpread$t({}, props), {}, {
+  return /*#__PURE__*/jsx(NumericFormat, _objectSpread$u(_objectSpread$u({}, props), {}, {
     placeholder: '0 ' + DivaUtils$1.defaultPriceFormat.currency,
     value: value,
     customInput: StyledTextFiled,
@@ -5403,9 +5484,10 @@ function styleInject(css, ref) {
   }
 }
 
-var infocontainer = "infocontainer-ir9gv";
-var css_248z$b = ".infocontainer-ir9gv {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
-styleInject(css_248z$b);
+var infocontainer$1 = "infocontainer-ir9gv";
+var stepsContent = "steps-content-jDbLc";
+var css_248z$c = ".infocontainer-ir9gv {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.steps-content-jDbLc {\n  margin-left: 10px;\n  padding-top: 10px;\n  padding-right: 10px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.steps-content-jDbLc #diva-order-entry-footer > span > div {\n  width: 500px;\n}\n\n.steps-content-jDbLc #diva-order-entry-footer > span > div > span {\n  margin-left: 110px;\n}\n";
+styleInject(css_248z$c);
 
 function Step2ClientData(_ref) {
   var _config$clientData, _config$clientData2;
@@ -5416,7 +5498,7 @@ function Step2ClientData(_ref) {
     t = _useTranslation.t;
   if (productSaved) {
     return /*#__PURE__*/jsx("div", {
-      className: infocontainer,
+      className: infocontainer$1,
       children: /*#__PURE__*/jsx(InfoAlert$1, {
         title: t('basket.checkout.step2.disabledtitle'),
         content: /*#__PURE__*/jsx(Fragment, {
@@ -5880,8 +5962,9 @@ var productDetailText = "productDetailText-wkk6U";
 var productDetailSkeleton = "productDetailSkeleton-3-RLq";
 var productDetailDivider = "productDetailDivider-C1Cdh";
 var alertTitle = "alertTitle-Bm1NO";
-var css_248z$a = ".container-3kPdM {\n  padding-bottom: 10px;\n  margin-top: 2px;\n}\n\n.mainStack-1xE4c {\n  width: 100%;\n  margin-top: 16px;\n}\n\n.productContainer-JcVn0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 16px;\n  width: 100%;\n}\n\n.productNameContainer-35ZZc {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.productNameField-hPNbW {\n  margin: 8px;\n  width: 70%;\n}\n\n.productImage-Vn0l- {\n  width: 70%;\n  display: block;\n}\n\n.productImage-Vn0l-.hidden-zZ8fS {\n  display: none;\n}\n\n.productDetailsContainer-5c-V9 {\n  margin: 20px;\n  max-height: 100%;\n}\n\n.productDetailRow-9KtDG {\n  display: flex;\n}\n\n.productDetailLabel-t7Mn7 {\n  font-weight: 600;\n  width: 40%;\n}\n\n.favoriteContainer-ka7lC {\n  display: flex;\n  align-items: center;\n  margin-top: 16px;\n}\n.favoriteCheckbox-JYnH- {\n  margin-left: 10px;\n}\n\n.actionButtonContainer-WfYfD {\n  display: flex;\n  gap: 16px;\n  margin-top: 16px;\n  justify-content: right;\n}\n@media (max-width: 768px) {\n  .actionButtonContainer-WfYfD {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n\n.productDetailsPaper-VsWfW {\n  width: 100%;\n  max-height: 100%;\n  overflow: auto;\n}\n\n.productDetailText-wkk6U {\n  white-space: pre-wrap;\n}\n\n.productDetailSkeleton-3-RLq {\n  margin-left: 30px;\n  height: 28px;\n}\n\n.productDetailDivider-C1Cdh {\n  margin-bottom: 16px;\n}\n\n.alertTitle-Bm1NO {\n  font-weight: 600;\n}\n\n/* Responsive styles */\n@media (min-width: 900px) {\n  .productDetailsPaper-VsWfW {\n    width: 60%;\n  }\n}\n";
-styleInject(css_248z$a);
+var infocontainer = "infocontainer-7J73H";
+var css_248z$b = ".container-3kPdM {\n  padding-bottom: 10px;\n  margin-top: 2px;\n}\n\n.mainStack-1xE4c {\n  width: 100%;\n  margin-top: 16px;\n}\n\n.productContainer-JcVn0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 16px;\n  width: 100%;\n}\n\n.productNameContainer-35ZZc {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.productNameField-hPNbW {\n  margin: 8px;\n  width: 70%;\n}\n\n.productImage-Vn0l- {\n  width: 70%;\n  display: block;\n}\n\n.productImage-Vn0l-.hidden-zZ8fS {\n  display: none;\n}\n\n.productDetailsContainer-5c-V9 {\n  margin: 20px;\n  max-height: 100%;\n}\n\n.productDetailRow-9KtDG {\n  display: flex;\n}\n\n.productDetailLabel-t7Mn7 {\n  font-weight: 600;\n  width: 40%;\n}\n\n.favoriteContainer-ka7lC {\n  display: flex;\n  align-items: center;\n  margin-top: 16px;\n}\n.favoriteCheckbox-JYnH- {\n  margin-left: 10px;\n}\n\n.actionButtonContainer-WfYfD {\n  display: flex;\n  gap: 16px;\n  margin-top: 16px;\n  justify-content: right;\n}\n@media (max-width: 768px) {\n  .actionButtonContainer-WfYfD {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n\n.productDetailsPaper-VsWfW {\n  width: 100%;\n  max-height: 100%;\n  overflow: auto;\n}\n\n.productDetailText-wkk6U {\n  white-space: pre-wrap;\n}\n\n.productDetailSkeleton-3-RLq {\n  margin-left: 30px;\n  height: 28px;\n}\n\n.productDetailDivider-C1Cdh {\n  margin-bottom: 16px;\n}\n\n.alertTitle-Bm1NO {\n  font-weight: 600;\n}\n.infocontainer-7J73H {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* Responsive styles */\n@media (min-width: 900px) {\n  .productDetailsPaper-VsWfW {\n    width: 60%;\n  }\n}\n";
+styleInject(css_248z$b);
 
 function Step3Product(_ref) {
   var _currentProduct$techn;
@@ -5889,7 +5972,8 @@ function Step3Product(_ref) {
     startWithEmptyBasket = _ref.startWithEmptyBasket,
     handleSave = _ref.handleSave,
     updateProductData = _ref.updateProductData,
-    productIsLoading = _ref.productIsLoading;
+    productIsLoading = _ref.productIsLoading,
+    disabled = _ref.disabled;
   var _useDivaCore = useDivaCore(),
     organization = _useDivaCore.state.organization;
   var _useTranslation = useTranslation(),
@@ -5920,6 +6004,18 @@ function Step3Product(_ref) {
   var handleFavoriteToggle = function handleFavoriteToggle() {
     setIsFavorite(!isFavorite);
   };
+  if (disabled) {
+    return /*#__PURE__*/jsx("div", {
+      className: infocontainer,
+      children: /*#__PURE__*/jsx(InfoAlert, {
+        type: "info",
+        title: t('basket.checkout.step3.productdisabled'),
+        content: /*#__PURE__*/jsx(Fragment, {
+          children: t('basket.checkout.step3.productdisabledtext')
+        })
+      })
+    });
+  }
   return /*#__PURE__*/jsxs(Box, {
     className: container$1,
     children: [organization.settings.enableVKMarketing && /*#__PURE__*/jsx(InfoAlert, {
@@ -6098,8 +6194,8 @@ function InfoAlert(_ref2) {
   });
 }
 
-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; }
 function CheckOut(_ref) {
   var _basket$Client;
   var schema = _ref.schema,
@@ -6139,22 +6235,19 @@ function CheckOut(_ref) {
     userHasPermission = _useDivaCore$actions.userHasPermission,
     toggleLoading = _useDivaCore$actions.toggleLoading,
     openModal = _useDivaCore$actions.openModal,
-    _useDivaCore$state = _useDivaCore.state,
-    apiConfig = _useDivaCore$state.apiConfig,
-    jwt = _useDivaCore$state.jwt,
-    organization = _useDivaCore$state.organization;
+    organization = _useDivaCore.state.organization;
   var handleSave = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(openPDF, sendMail, isFav) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(openPDF, sendMail, isFav) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(status === 'BASE_CONFIGURATION')) {
-              _context2.next = 17;
+              _context.next = 17;
               break;
             }
             toggleLoading('saveProduct');
-            _context2.prev = 2;
-            _context2.next = 5;
+            _context.prev = 2;
+            _context.next = 5;
             return saveProduct(isFav);
           case 5:
             toggleLoading('saveProduct');
@@ -6164,11 +6257,11 @@ function CheckOut(_ref) {
               accept: true,
               text: t('basket.checkout.productsavedtext')
             });
-            _context2.next = 14;
+            _context.next = 14;
             break;
           case 10:
-            _context2.prev = 10;
-            _context2.t0 = _context2["catch"](2);
+            _context.prev = 10;
+            _context.t0 = _context["catch"](2);
             toggleLoading('saveProduct');
             openModal({
               title: t('Error'),
@@ -6176,71 +6269,34 @@ function CheckOut(_ref) {
               text: t('basket.checkout.errorsavingproduct')
             });
           case 14:
-            _context2.prev = 14;
-            return _context2.abrupt("return");
+            _context.prev = 14;
+            return _context.abrupt("return");
           case 17:
             if (!isSaving) {
               setIsSaving(true);
-              onClickSave(openPDF, sendMail).then(/*#__PURE__*/function () {
-                var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(p) {
-                  var newRenderJob;
-                  return _regeneratorRuntime.wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
-                      case 0:
-                        if (!basket3DExportChecked) {
-                          _context.next = 4;
-                          break;
-                        }
-                        newRenderJob = {
-                          divaNr: basket.DivaNr,
-                          organization: basket.OrganizationId,
-                          job: '3DEXPORT',
-                          diva3DProject: basket.Diva3DProject ? atob(basket.Diva3DProject) : undefined,
-                          hQRenderScript: basket.OrderSets[0].HQRenderScript,
-                          divaNrVariantId: basket.DocumentVersion,
-                          organizationName: basket.OrganizationId_displayText,
-                          productName: basket.SetName
-                        };
-                        _context.next = 4;
-                        return apiSaveRenderJobs({
-                          serviceUrl: apiConfig.mediaService,
-                          jobs: [newRenderJob],
-                          jwt: jwt
-                        });
-                      case 4:
-                        setIsSaving(false);
-                      case 5:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }, _callee);
-                }));
-                return function (_x4) {
-                  return _ref3.apply(this, arguments);
-                };
-              }())["catch"](function () {
+              onClickSave(openPDF, sendMail, basket3DExportChecked)["finally"](function () {
                 return setIsSaving(false);
               });
             }
           case 18:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2, null, [[2, 10, 14, 17]]);
+      }, _callee, null, [[2, 10, 14, 17]]);
     }));
     return function (_x, _x2, _x3) {
       return _ref2.apply(this, arguments);
     };
   }(), [isSaving, onClickSave, basket3DExportChecked]);
-  var onChangeForm = function onChangeForm(_ref4) {
-    var data = _ref4.data;
+  var onChangeForm = function onChangeForm(_ref3) {
+    var data = _ref3.data;
     for (var key in data) {
       basket[key] = data[key];
     }
   };
 
   // for LEAFLET don't show printOptions, if there are any configured.
-  var finalSchema = _objectSpread$s(_objectSpread$s({}, uiSchema), {}, {
+  var finalSchema = _objectSpread$t(_objectSpread$t({}, uiSchema), {}, {
     elements: _toConsumableArray(uiSchema.elements)
   });
   if (status == 'LEAFLET') {
@@ -6281,7 +6337,8 @@ function CheckOut(_ref) {
         currentProduct: currentProduct,
         productIsLoading: productIsLoading,
         handleSave: handleSave,
-        updateProductData: updateProductData
+        updateProductData: updateProductData,
+        disabled: basket.OrderSets.length > 1
       }), status !== 'BASE_CONFIGURATION' && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx("div", {
           style: {
@@ -6351,12 +6408,12 @@ function isEmpty(data) {
   });
 }
 
-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; }
 var schema = function schema(hideWWSButton) {
   return {
     type: 'object',
-    properties: _objectSpread$r(_objectSpread$r({
+    properties: _objectSpread$s(_objectSpread$s({
       Salesperson: {
         type: 'string',
         title: 'basket.checkout.form.seller'
@@ -6637,7 +6694,7 @@ function Step4Checkout(_ref) {
   };
   if (!is3dReady) {
     return /*#__PURE__*/jsx("div", {
-      className: infocontainer,
+      className: infocontainer$1,
       children: /*#__PURE__*/jsx(InfoAlert$1, {
         title: t('basket.checkout.step4.errortitle'),
         content: /*#__PURE__*/jsx(Fragment, {
@@ -6648,7 +6705,7 @@ function Step4Checkout(_ref) {
   }
   if (!productSaved) {
     return /*#__PURE__*/jsx("div", {
-      className: infocontainer,
+      className: infocontainer$1,
       children: /*#__PURE__*/jsx(InfoAlert$1, {
         title: t('basket.checkout.step4.errortitle'),
         content: /*#__PURE__*/jsx(Fragment, {
@@ -6691,8 +6748,8 @@ function Step4Checkout(_ref) {
   });
 }
 
-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; }
 function useProduct(basket) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -6755,7 +6812,7 @@ function useProduct(basket) {
             });
           case 2:
             myProduct = _context2.sent;
-            setCurrentProduct(_objectSpread$q(_objectSpread$q({}, myProduct.baseData), {}, {
+            setCurrentProduct(_objectSpread$r(_objectSpread$r({}, myProduct.baseData), {}, {
               parent: (_myProduct$baseData$p = myProduct.baseData.parent) !== null && _myProduct$baseData$p !== void 0 ? _myProduct$baseData$p : myProduct.baseData._id
             }));
           case 4:
@@ -6787,7 +6844,7 @@ function useProduct(basket) {
             });
           case 5:
             myproduct = _context3.sent;
-            setCurrentProduct(_objectSpread$q(_objectSpread$q({}, myproduct[0]), {}, {
+            setCurrentProduct(_objectSpread$r(_objectSpread$r({}, myproduct[0]), {}, {
               parent: (_myproduct$0$parent = myproduct[0].parent) !== null && _myproduct$0$parent !== void 0 ? _myproduct$0$parent : myproduct[0]._id
             }));
             if (!favourite) {
@@ -6815,7 +6872,7 @@ function useProduct(basket) {
     };
   }();
   var updateProductData = function updateProductData(product) {
-    setCurrentProduct(_objectSpread$q({}, product));
+    setCurrentProduct(_objectSpread$r({}, product));
   };
   var resetProductSaved = function resetProductSaved() {
     setCurrentProduct(undefined);
@@ -6831,8 +6888,8 @@ function useProduct(basket) {
   };
 }
 
-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; }
 var LOG$4 = getLogger('SellerBasket', 'Basket');
 function Basket(_ref) {
   var _currentProduct$divaN, _configurationData$Ch5, _currentBasket$OrderS5;
@@ -6850,6 +6907,7 @@ function Basket(_ref) {
     _useDivaCore$state = _useDivaCore.state,
     organization = _useDivaCore$state.organization,
     jwt = _useDivaCore$state.jwt,
+    apiConfig = _useDivaCore$state.apiConfig,
     _useDivaCore$actions = _useDivaCore.actions,
     userHasPermission = _useDivaCore$actions.userHasPermission,
     openSnackBar = _useDivaCore$actions.openSnackBar;
@@ -7027,9 +7085,9 @@ function Basket(_ref) {
     }
   };
   var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pdf, doSendEmail) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pdf, doSendEmail, export3D) {
       var _configurationData$Ch, _configurationData$re;
-      var getPdf, response, _configurationData$Ch2, _ref3, pdfUrl, _configurationData$Ch3, _configurationData$Ch4, _currentBasket$Client, _opener;
+      var getPdf, response, _configurationData$Ch2, _ref3, pdfUrl, newRenderJob, _configurationData$Ch3, _configurationData$Ch4, _currentBasket$Client, _opener;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -7046,83 +7104,118 @@ function Basket(_ref) {
           case 6:
             response = _context.sent;
             currentBasket.clearRenderData();
-            if (Object.values(BASKET_SAVE_ERROR).includes(response)) {
-              errorOnSaving(response);
+            if (!Object.values(BASKET_SAVE_ERROR).includes(response)) {
+              _context.next = 12;
+              break;
+            }
+            errorOnSaving(response);
+            _context.next = 29;
+            break;
+          case 12:
+            _ref3 = response, pdfUrl = _ref3.pdfUrl;
+            if (!export3D) {
+              _context.next = 24;
+              break;
+            }
+            _context.prev = 14;
+            newRenderJob = {
+              divaNr: currentBasket.DivaNr,
+              organization: currentBasket.OrganizationId,
+              job: '3DEXPORT',
+              diva3DProject: currentBasket.Diva3DProject ? atob(currentBasket.Diva3DProject) : undefined,
+              hQRenderScript: currentBasket.OrderSets[0].HQRenderScript,
+              divaNrVariantId: currentBasket.DocumentVersion,
+              organizationName: currentBasket.OrganizationId_displayText,
+              separateMaterials: organization.settings.renderjobSeparateMaterials,
+              productName: currentBasket.SetName
+            };
+            _context.next = 18;
+            return apiSaveRenderJobs({
+              serviceUrl: apiConfig.mediaService,
+              jobs: [newRenderJob],
+              jwt: jwt
+            });
+          case 18:
+            _context.next = 24;
+            break;
+          case 20:
+            _context.prev = 20;
+            _context.t0 = _context["catch"](14);
+            errorOnSaving(BASKET_SAVE_ERROR.ERROR_BASKET_AFTER_SAVE, t('modals.3dexport_unsuccessful'));
+            return _context.abrupt("return");
+          case 24:
+            if (configurationData !== null && configurationData !== void 0 && (_configurationData$Ch2 = configurationData.Checkout) !== null && _configurationData$Ch2 !== void 0 && _configurationData$Ch2.showPdfQR) {
+              openSnackBar({
+                qrCode: pdfUrl,
+                message: t('basket.checkout.pdfqr'),
+                type: 'big',
+                clickable: true,
+                qrCodeSize: 312,
+                autoHideDuration: (_configurationData$Ch3 = configurationData === null || configurationData === void 0 || (_configurationData$Ch4 = configurationData.Checkout) === null || _configurationData$Ch4 === void 0 ? void 0 : _configurationData$Ch4.pdfQRAutoHideDuration) !== null && _configurationData$Ch3 !== void 0 ? _configurationData$Ch3 : 1000 * 60 * 2
+              });
+            }
+            if (doSendEmail) {
+              sendEmail({
+                dialogText: t('basket.modals.email.text', {
+                  divaNr: currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()
+                }),
+                content: {
+                  type: 'basket',
+                  to: ((_currentBasket$Client = currentBasket.Client) === null || _currentBasket$Client === void 0 ? void 0 : _currentBasket$Client.email) || '',
+                  divaNr: currentBasket.DivaNr,
+                  version: currentBasket.getDocumentVersion().toString(),
+                  language: i18n.language
+                }
+              });
             } else {
-              _ref3 = response, pdfUrl = _ref3.pdfUrl;
-              if (configurationData !== null && configurationData !== void 0 && (_configurationData$Ch2 = configurationData.Checkout) !== null && _configurationData$Ch2 !== void 0 && _configurationData$Ch2.showPdfQR) {
-                openSnackBar({
-                  qrCode: pdfUrl,
-                  message: t('basket.checkout.pdfqr'),
-                  type: 'big',
-                  clickable: true,
-                  qrCodeSize: 312,
-                  autoHideDuration: (_configurationData$Ch3 = configurationData === null || configurationData === void 0 || (_configurationData$Ch4 = configurationData.Checkout) === null || _configurationData$Ch4 === void 0 ? void 0 : _configurationData$Ch4.pdfQRAutoHideDuration) !== null && _configurationData$Ch3 !== void 0 ? _configurationData$Ch3 : 1000 * 60 * 2
-                });
-              }
-              if (doSendEmail) {
-                sendEmail({
-                  dialogText: t('basket.modals.email.text', {
-                    divaNr: currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()
-                  }),
-                  content: {
-                    type: 'basket',
-                    to: ((_currentBasket$Client = currentBasket.Client) === null || _currentBasket$Client === void 0 ? void 0 : _currentBasket$Client.email) || '',
-                    divaNr: currentBasket.DivaNr,
-                    version: currentBasket.getDocumentVersion().toString(),
-                    language: i18n.language
-                  }
-                });
+              if (returnTo == 'toAssortmentManager') {
+                (_opener = opener) === null || _opener === void 0 || _opener.postMessage({
+                  event: 'message',
+                  detail: 'onLoadBasketConfiguration' + ';' + currentBasket.DivaNr
+                }, '*');
+                window.close();
               } else {
-                if (returnTo == 'toAssortmentManager') {
-                  (_opener = opener) === null || _opener === void 0 || _opener.postMessage({
-                    event: 'message',
-                    detail: 'onLoadBasketConfiguration' + ';' + currentBasket.DivaNr
-                  }, '*');
-                  window.close();
-                } else {
-                  openModal({
-                    title: t('modals.saving'),
-                    reject: false,
-                    accept: pdf == 'open' ? t('modals.open_now') : true,
-                    text: t('modals.saving_successful').replace('%1', currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()),
-                    callback: function callback() {
-                      if (pdf == 'open') {
-                        window.open(pdfUrl, '_blank');
-                      }
+                openModal({
+                  title: t('modals.saving'),
+                  reject: false,
+                  accept: pdf == 'open' ? t('modals.open_now') : true,
+                  text: t('modals.saving_successful').replace('%1', currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()),
+                  callback: function callback() {
+                    if (pdf == 'open') {
+                      window.open(pdfUrl, '_blank');
                     }
-                  });
-                }
-                /* TODO used with SM integration in divaProtal
-                   openModal({
-                    title: t('modals.saving'),
-                    reject: false,
-                    accept: true,
-                    text: t('modals.saving_successful').replace('%1', currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()),
-                    callback: () => {
-                      if (openPDF) {
-                        window.open(pdfUrl, '_blank');
-                      }
-                    },
-                  });
-                  */
+                  }
+                });
               }
-              LOG$4.successTransaction('ON_SAVE_BASKET', {
-                divaNr: currentBasket.DivaNr,
-                status: currentBasket.Status,
-                documentVersion: currentBasket.DocumentVersion,
-                bv: (currentBasket === null || currentBasket === void 0 ? void 0 : currentBasket.SetPrice) / 1000
-              });
-              currentBasket.setDocumentVersion(currentBasket.getDocumentVersion() + 1);
-              setActBasketPage('Step1');
+              /* TODO used with SM integration in divaProtal
+                 openModal({
+                  title: t('modals.saving'),
+                  reject: false,
+                  accept: true,
+                  text: t('modals.saving_successful').replace('%1', currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()),
+                  callback: () => {
+                    if (openPDF) {
+                      window.open(pdfUrl, '_blank');
+                    }
+                  },
+                });
+                */
             }
-          case 9:
+            LOG$4.successTransaction('ON_SAVE_BASKET', {
+              divaNr: currentBasket.DivaNr,
+              status: currentBasket.Status,
+              documentVersion: currentBasket.DocumentVersion,
+              bv: (currentBasket === null || currentBasket === void 0 ? void 0 : currentBasket.SetPrice) / 1000
+            });
+            currentBasket.setDocumentVersion(currentBasket.getDocumentVersion() + 1);
+            setActBasketPage('Step1');
+          case 29:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[14, 20]]);
     }));
-    return function onClickSave(_x, _x2) {
+    return function onClickSave(_x, _x2, _x3) {
       return _ref2.apply(this, arguments);
     };
   }();
@@ -7173,7 +7266,7 @@ function Basket(_ref) {
       return _ref4.apply(this, arguments);
     };
   }();
-  var errorOnSaving = function errorOnSaving(type) {
+  var errorOnSaving = function errorOnSaving(type, errorText) {
     LOG$4.errorTransaction('ON_SAVE_BASKET', 'SELLER_0003', 'Error Saving Basket', {
       divaNr: currentBasket.DivaNr,
       status: currentBasket.Status,
@@ -7184,14 +7277,14 @@ function Basket(_ref) {
       title: t('modals.error_saving'),
       reject: false,
       accept: true,
-      text: t(type == 'ERROR_NO_BASKET_SAVED' ? 'modals.saving_unsuccessful' : 'modals.postsave_unsuccessful').replace('%1', currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()) + ' --- ' + DivaUtils$1.formatDate(new Date(), true, undefined, true) + (DivaUtils$1.getCurrentTraceId() ? ' --- ' + t('modal.errorcode') + ': ' + DivaUtils$1.getCurrentTraceId() : '')
+      text: t(type == 'ERROR_NO_BASKET_SAVED' ? 'modals.saving_unsuccessful' : 'modals.postsave_unsuccessful').replace('%1', currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()) + (errorText ? ' ' + errorText : '') + ' --- ' + DivaUtils$1.formatDate(new Date(), true, undefined, true) + (DivaUtils$1.getCurrentTraceId() ? ' --- ' + t('modal.errorcode') + ': ' + DivaUtils$1.getCurrentTraceId() : '')
     });
   };
   var openInfo = function openInfo() {
     var _currentBasket$OrderS2, _currentBasket$OrderS3, _currentBasket$OrderS4;
     openComponent({
       type: 'SELLER',
-      parameters: _objectSpread$p({
+      parameters: _objectSpread$q({
         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 ? {
@@ -7231,15 +7324,10 @@ function Basket(_ref) {
       doExportToVKP: doExportToVKP,
       openProductCreator: openProductCreator,
       showProductCreator: userHasPermission('productcreator') && !(configurationData !== null && configurationData !== void 0 && configurationData.hideProductCreator),
+      disableProductCreator: currentBasket.OrderSets.length > 1,
       enableVKPExportButton: !currentBasket.catalogStatus || currentBasket.catalogStatus == 'LISTED' || userHasPermission('alwaysenablevkpexport')
     }), /*#__PURE__*/jsxs("div", {
-      style: {
-        marginLeft: 10,
-        paddingTop: 10,
-        paddingRight: 10,
-        height: '100%',
-        overflowY: 'auto'
-      },
+      className: stepsContent,
       children: [actBasketPage == 'Step1' && /*#__PURE__*/jsx(Step1PriceOverview, {
         config: configurationData === null || configurationData === void 0 ? void 0 : configurationData.Checkout,
         basket: currentBasket,
@@ -7290,12 +7378,12 @@ var modelTitle = "model-title-Sgm-0";
 var description = "description-GyPZq";
 var pdf = "pdf-oNnao";
 var hidden = "hidden-xYPOr";
-var css_248z$9 = ".wrapper-fSL18 {\n  display: flex;\n  flex-direction: column;\n  padding: 0 12px;\n  height: 100%;\n}\n\n.title-iTDPA {\n  padding: 16px 8px;\n  font-size: 36px;\n}\n\n.title-iTDPA .MuiButtonBase-root {\n  display: none;\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: #f2f2f2;\n  padding: 18px;\n  gap: 12px;\n  height: 100%;\n  overflow: auto;\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  scrollbar-width: thin;\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\n@media (max-width: 820px) {\n  .wrapper-fSL18 {\n    height: 75px;\n  }\n  .description-container-k1vLT {\n    position: fixed;\n    top: 22px;\n    width: 80%;\n    z-index: 101;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    margin-top: 135px;\n    margin-left: -10px;\n    transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    height: calc(100% - 195px);\n  }\n  .title-iTDPA .MuiButtonBase-root {\n    display: inline-flex;\n  }\n  .hidden-xYPOr .description-container-k1vLT {\n    padding: 0;\n    width: 0;\n  }\n\n  .hidden-xYPOr .pdf-oNnao {\n    display: none;\n  }\n\n  .hidden-xYPOr .model-title-Sgm-0 {\n    display: none;\n  }\n\n  .hidden-xYPOr .description-GyPZq {\n    display: none;\n  }\n}\n";
-styleInject(css_248z$9);
+var css_248z$a = ".wrapper-fSL18 {\n  display: flex;\n  flex-direction: column;\n  padding: 0 12px;\n  height: 100%;\n}\n\n.title-iTDPA {\n  padding: 16px 8px;\n  font-size: 36px;\n}\n\n.title-iTDPA .MuiButtonBase-root {\n  display: none;\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: #f2f2f2;\n  padding: 18px;\n  gap: 12px;\n  height: 100%;\n  overflow: auto;\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  scrollbar-width: thin;\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\n@media (max-width: 820px) {\n  .wrapper-fSL18 {\n    height: 75px;\n  }\n  .description-container-k1vLT {\n    position: fixed;\n    top: 22px;\n    width: 80%;\n    z-index: 101;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    margin-top: 135px;\n    margin-left: -10px;\n    transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    height: calc(100% - 195px);\n  }\n  .title-iTDPA .MuiButtonBase-root {\n    display: inline-flex;\n  }\n  .hidden-xYPOr .description-container-k1vLT {\n    padding: 0;\n    width: 0;\n  }\n\n  .hidden-xYPOr .pdf-oNnao {\n    display: none;\n  }\n\n  .hidden-xYPOr .model-title-Sgm-0 {\n    display: none;\n  }\n\n  .hidden-xYPOr .description-GyPZq {\n    display: none;\n  }\n}\n";
+styleInject(css_248z$a);
 
 var _excluded$6 = ["data", "text"];
-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; }
 function Description$1 (_ref) {
   var data = _ref.data,
     text = _ref.text,
@@ -7307,7 +7395,7 @@ function Description$1 (_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isHidden = _useState2[0],
     setIsHidden = _useState2[1];
-  return /*#__PURE__*/jsxs("div", _objectSpread$o(_objectSpread$o({}, props), {}, {
+  return /*#__PURE__*/jsxs("div", _objectSpread$p(_objectSpread$p({}, props), {}, {
     className: classnames(wrapper$6, isHidden ? hidden : undefined, props.className),
     children: [/*#__PURE__*/jsxs("div", {
       className: title$2,
@@ -7347,13 +7435,13 @@ function Description$1 (_ref) {
 var container = "container-Sr3pC";
 var iconOnly = "icon-only-2SJ6e";
 var icon$1 = "icon-0h-39";
-var css_248z$8 = ".container-Sr3pC {\n  display: flex;\n  gap: 12px;\n  justify-content: flex-end;\n  padding: 8px;\n  flex-wrap: wrap;\n}\n.container-Sr3pC .MuiButton-root {\n  height: 45px;\n}\n\n.icon-only-2SJ6e span {\n  margin-right: 2px;\n}\n\n.icon-0h-39 {\n  width: 24px;\n  height: 24px;\n}\n";
-styleInject(css_248z$8);
+var css_248z$9 = ".container-Sr3pC {\n  display: flex;\n  gap: 12px;\n  justify-content: flex-end;\n  padding: 8px;\n  flex-wrap: wrap;\n}\n.container-Sr3pC .MuiButton-root {\n  height: 45px;\n}\n\n.icon-only-2SJ6e span {\n  margin-right: 2px;\n}\n\n.icon-0h-39 {\n  width: 24px;\n  height: 24px;\n}\n";
+styleInject(css_248z$9);
 
-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 ArticleSvg (props) {
-  return /*#__PURE__*/jsx("svg", _objectSpread$n(_objectSpread$n({}, props), {}, {
+  return /*#__PURE__*/jsx("svg", _objectSpread$o(_objectSpread$o({}, props), {}, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     children: /*#__PURE__*/jsx("path", {
@@ -7363,10 +7451,10 @@ function ArticleSvg (props) {
   }));
 }
 
-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 EmptyPlanningSvg (props) {
-  return /*#__PURE__*/jsx("svg", _objectSpread$m(_objectSpread$m({}, props), {}, {
+  return /*#__PURE__*/jsx("svg", _objectSpread$n(_objectSpread$n({}, props), {}, {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -7377,10 +7465,10 @@ function EmptyPlanningSvg (props) {
   }));
 }
 
-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 VarinatPlanningSvg (props) {
-  return /*#__PURE__*/jsx("svg", _objectSpread$l(_objectSpread$l({}, props), {}, {
+  return /*#__PURE__*/jsx("svg", _objectSpread$m(_objectSpread$m({}, props), {}, {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -7394,10 +7482,10 @@ function VarinatPlanningSvg (props) {
   }));
 }
 
-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 NavBackSvg (props) {
-  return /*#__PURE__*/jsx("svg", _objectSpread$k(_objectSpread$k({}, props), {}, {
+  return /*#__PURE__*/jsx("svg", _objectSpread$l(_objectSpread$l({}, props), {}, {
     viewBox: "0 0 10 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -7467,19 +7555,19 @@ function NavBar (buttons) {
 }
 
 var layout$1 = "layout-NhUpB";
-var content = "content-t8Rtl";
+var content$1 = "content-t8Rtl";
 var leftSide = "left-side-10jmj";
 var rightSide$1 = "right-side-64-Yz";
 var catalogImages = "catalog-images-jJGqW";
 var footer = "footer-1ONIt";
-var css_248z$7 = ".layout-NhUpB {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n}\n\n.content-t8Rtl {\n  display: flex;\n  flex: 1;\n  overflow: auto;\n}\n\n.left-side-10jmj {\n  width: 25%;\n  min-width: 300px;\n}\n\n.right-side-64-Yz {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  flex: 1;\n  overflow: auto;\n  justify-content: flex-end;\n}\n\n.catalog-images-jJGqW {\n  flex: 1;\n  padding: 12px;\n}\n\n.footer-1ONIt {\n  display: flex;\n  justify-content: flex-end;\n}\n\n@media (max-width: 820px) {\n  .content-t8Rtl {\n    flex-direction: column;\n  }\n}\n";
-styleInject(css_248z$7);
+var css_248z$8 = ".layout-NhUpB {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n}\n\n.content-t8Rtl {\n  display: flex;\n  flex: 1;\n  overflow: auto;\n}\n\n.left-side-10jmj {\n  width: 25%;\n  min-width: 300px;\n}\n\n.right-side-64-Yz {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  flex: 1;\n  overflow: auto;\n  justify-content: flex-end;\n}\n\n.catalog-images-jJGqW {\n  flex: 1;\n  padding: 12px;\n}\n\n.footer-1ONIt {\n  display: flex;\n  justify-content: flex-end;\n}\n\n@media (max-width: 820px) {\n  .content-t8Rtl {\n    flex-direction: column;\n  }\n}\n";
+styleInject(css_248z$8);
 
 var wrapper$5 = "wrapper-D5Cmc";
 var thumbs = "thumbs-cWKAj";
 var mainSlider = "mainSlider-S8opH";
-var css_248z$6 = ".wrapper-D5Cmc {\n  display: flex;\n  position: relative;\n  gap: 12px;\n  overflow: auto;\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\n.mainSlider-S8opH .swiper-pagination-bullet-active {\n  background-color: var(--diva-theme-palette-primary-main) !important;\n}\n\n.mainSlider-S8opH .swiper-pagination-bullet-active { /* Active bullet color */\n}\n\n@media (max-width: 820px) {\n  .thumbs-cWKAj {\n    display: none;\n  }\n}\n";
-styleInject(css_248z$6);
+var css_248z$7 = ".wrapper-D5Cmc {\n  display: flex;\n  position: relative;\n  gap: 12px;\n  overflow: auto;\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\n.mainSlider-S8opH .swiper-pagination-bullet-active {\n  background-color: var(--diva-theme-palette-primary-main) !important;\n}\n\n.mainSlider-S8opH .swiper-pagination-bullet-active { /* Active bullet color */\n}\n\n@media (max-width: 820px) {\n  .thumbs-cWKAj {\n    display: none;\n  }\n}\n";
+styleInject(css_248z$7);
 
 var _excluded$5 = ["data"];
 var CatalogImages = function CatalogImages(_ref) {
@@ -7567,14 +7655,14 @@ var wrapper$4 = "wrapper-3d2zl";
 var fullHeight = "full-height-CQ8Cy";
 var tabBar = "tab-bar-lQQ28";
 var nothingFound = "nothing-found-0eqZ5";
-var css_248z$5 = ".wrapper-3d2zl {\n  max-height: 50%;\n  overflow: hidden;\n}\n\n.wrapper-3d2zl.MuiAccordion-root.Mui-expanded {\n  height: 50%;\n}\n\n.wrapper-3d2zl.full-height-CQ8Cy {\n  max-height: 100%;\n}\n\n.wrapper-3d2zl.full-height-CQ8Cy.MuiAccordion-root.Mui-expanded {\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiAccordionSummary-root.Mui-expanded {\n  min-height: 0;\n}\n\n.wrapper-3d2zl .MuiAccordionSummary-root.Mui-focused {\n  background-color: #fff8f8;\n}\n\n.wrapper-3d2zl .MuiAccordionSummary-content {\n  justify-content: space-between;\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiTabs-root {\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiCollapse-root {\n  height: calc(100% - 46px) !important;\n}\n\n.wrapper-3d2zl .MuiCollapse-root {\n  scrollbar-width: thin;\n  overflow-y: scroll;\n}\n\n.wrapper-3d2zl .MuiCollapse-root .MuiCollapse-wrapper {\n  display: none;\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiCollapse-root.MuiCollapse-entered .MuiCollapse-wrapper {\n  display: flex;\n}\n\n.wrapper-3d2zl .MuiCollapse-root .MuiCollapse-wrapperInner {\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiCollapse-root .MuiCollapse-wrapperInner > div {\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiAccordionDetails-root {\n  height: calc(100% - 24px);\n  width: calc(100% - 32px);\n}\n\n.tab-bar-lQQ28 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: #f8f8f8;\n  height: 46px;\n}\n\n.nothing-found-0eqZ5 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  flex-direction: column;\n  gap: 15px;\n  margin: auto;\n}\n";
-styleInject(css_248z$5);
+var css_248z$6 = ".wrapper-3d2zl {\n  max-height: 50%;\n  overflow: hidden;\n}\n\n.wrapper-3d2zl.MuiAccordion-root.Mui-expanded {\n  height: 50%;\n}\n\n.wrapper-3d2zl.full-height-CQ8Cy {\n  max-height: 100%;\n}\n\n.wrapper-3d2zl.full-height-CQ8Cy.MuiAccordion-root.Mui-expanded {\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiAccordionSummary-root.Mui-expanded {\n  min-height: 0;\n}\n\n.wrapper-3d2zl .MuiAccordionSummary-root.Mui-focused {\n  background-color: #fff8f8;\n}\n\n.wrapper-3d2zl .MuiAccordionSummary-content {\n  justify-content: space-between;\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiTabs-root {\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiCollapse-root {\n  height: calc(100% - 46px) !important;\n}\n\n.wrapper-3d2zl .MuiCollapse-root {\n  scrollbar-width: thin;\n  overflow-y: scroll;\n}\n\n.wrapper-3d2zl .MuiCollapse-root .MuiCollapse-wrapper {\n  display: none;\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiCollapse-root.MuiCollapse-entered .MuiCollapse-wrapper {\n  display: flex;\n}\n\n.wrapper-3d2zl .MuiCollapse-root .MuiCollapse-wrapperInner {\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiCollapse-root .MuiCollapse-wrapperInner > div {\n  height: 100%;\n}\n\n.wrapper-3d2zl .MuiAccordionDetails-root {\n  height: calc(100% - 24px);\n  width: calc(100% - 32px);\n}\n\n.tab-bar-lQQ28 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: #f8f8f8;\n  height: 46px;\n}\n\n.nothing-found-0eqZ5 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  flex-direction: column;\n  gap: 15px;\n  margin: auto;\n}\n";
+styleInject(css_248z$6);
 
 var wrapper$3 = "wrapper-i9mNn";
 var searchText = "search-text-grXdY";
 var icon = "icon-ydD53";
-var css_248z$4 = ".wrapper-i9mNn {\n  display: flex;\n  height: 36px;\n  align-items: center;\n  background-color: #fefefe;\n  margin: 6px 0;\n  border-radius: 5px;\n}\n\n.search-text-grXdY {\n  padding: 8px 8px 8px 0px;\n  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  width: 130px;\n}\n\n.search-text-grXdY.Mui-focused {\n  width: 200px;\n}\n\n.search-text-grXdY .MuiInputBase-input {\n  padding-left: 36px;\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  position: absolute;\n  pointer-events: none;\n}\n";
-styleInject(css_248z$4);
+var css_248z$5 = ".wrapper-i9mNn {\n  display: flex;\n  height: 36px;\n  align-items: center;\n  background-color: #fefefe;\n  margin: 6px 0;\n  border-radius: 5px;\n}\n\n.search-text-grXdY {\n  padding: 8px 8px 8px 0px;\n  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  width: 130px;\n}\n\n.search-text-grXdY.Mui-focused {\n  width: 200px;\n}\n\n.search-text-grXdY .MuiInputBase-input {\n  padding-left: 36px;\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  position: absolute;\n  pointer-events: none;\n}\n";
+styleInject(css_248z$5);
 
 var Search = function Search(_ref) {
   var searchValue = _ref.searchValue,
@@ -7976,8 +8064,8 @@ function checkDoReturnToProductCreator(plannerReturn, returnTo) {
   return ['toProductsGallery', 'toAssortmentManager'].includes(returnTo !== null && returnTo !== void 0 ? returnTo : '') && !plannerReturn.includes('PRODUCTCREATOR');
 }
 
-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; }
 function Info(props) {
   var _useModelInfoPage = useModelInfoPage(props),
     loading = _useModelInfoPage.loading,
@@ -7993,7 +8081,7 @@ function Info(props) {
     children: !loading && /*#__PURE__*/jsxs("div", {
       className: layout$1,
       children: [/*#__PURE__*/jsxs("div", {
-        className: content,
+        className: content$1,
         children: [/*#__PURE__*/jsx(Description$1, {
           data: catalogData,
           className: leftSide,
@@ -8013,14 +8101,14 @@ function Info(props) {
       }), /*#__PURE__*/jsx("div", {
         className: footer,
         id: "diva-seller-info-navbar",
-        children: /*#__PURE__*/jsx(NavBar, _objectSpread$j({}, navButtons))
+        children: /*#__PURE__*/jsx(NavBar, _objectSpread$k({}, navButtons))
       })]
     })
   });
 }
 
-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; }
 function Priceedit (_ref) {
   var _productData$calculat2, _productData$addedPri2;
   var productData = _ref.productData,
@@ -8049,13 +8137,13 @@ function Priceedit (_ref) {
         percentageDiscount: discount.percentageDiscount,
         calcDiscountPrice: formatTwoDecimals(price)
       });
-      update(_objectSpread$i(_objectSpread$i({}, productData), {}, {
+      update(_objectSpread$j(_objectSpread$j({}, productData), {}, {
         addedPrice: value,
         percentageDiscount: discount.percentageDiscount,
         discountedPrice: formatTwoDecimals(price)
       }));
     } else {
-      update(_objectSpread$i(_objectSpread$i({}, productData), {}, {
+      update(_objectSpread$j(_objectSpread$j({}, productData), {}, {
         addedPrice: value
       }));
     }
@@ -8069,22 +8157,22 @@ function Priceedit (_ref) {
     var price = (_productData$addedPri = productData.addedPrice) !== null && _productData$addedPri !== void 0 ? _productData$addedPri : 0;
     if (isPercentage) {
       if (discount.percentageDiscount == 0 || discount.percentageDiscount == undefined) {
-        discount = _objectSpread$i(_objectSpread$i({}, discount), {}, {
+        discount = _objectSpread$j(_objectSpread$j({}, discount), {}, {
           calcDiscountPrice: ''
         });
       } else {
         var discountPrice = (discount.percentageDiscount || 0) / 100 * price;
-        discount = _objectSpread$i(_objectSpread$i({}, discount), {}, {
+        discount = _objectSpread$j(_objectSpread$j({}, discount), {}, {
           calcDiscountPrice: formatTwoDecimals(price - discountPrice)
         });
       }
     } else {
-      discount = _objectSpread$i(_objectSpread$i({}, discount), {}, {
+      discount = _objectSpread$j(_objectSpread$j({}, discount), {}, {
         percentageDiscount: formatOneDecimals((price - value || 0) / price * 100)
       });
     }
     setDiscount(discount);
-    update(_objectSpread$i(_objectSpread$i({}, productData), {}, {
+    update(_objectSpread$j(_objectSpread$j({}, productData), {}, {
       discountedPrice: isPercentage ? discount.calcDiscountPrice ? formatTwoDecimals(discount.calcDiscountPrice) : undefined : value,
       percentageDiscount: discount.percentageDiscount > 0 ? discount.percentageDiscount : undefined
     }));
@@ -8190,8 +8278,8 @@ function getLabel(value, i18n) {
   return value.value + valueText;
 }
 
-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; }
 function Autocomplete (_ref) {
   var options = _ref.options,
     label = _ref.label,
@@ -8258,9 +8346,9 @@ function Autocomplete (_ref) {
       setInputValue(newInputValue);
     },
     renderInput: function renderInput(params) {
-      return /*#__PURE__*/jsx(TextField$1, _objectSpread$h(_objectSpread$h({}, params), {}, {
+      return /*#__PURE__*/jsx(TextField$1, _objectSpread$i(_objectSpread$i({}, params), {}, {
         label: label ? t(label) : undefined,
-        inputProps: _objectSpread$h(_objectSpread$h({}, params.inputProps), {}, {
+        inputProps: _objectSpread$i(_objectSpread$i({}, params.inputProps), {}, {
           maxLength: maxLength
         })
       }));
@@ -8303,8 +8391,8 @@ function toOneOption(value, options) {
   }
 }
 
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 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,
@@ -8382,8 +8470,8 @@ function BaseDataFormCategories (_ref) {
             label: "productcreator.fields.".concat(key, ".name"),
             multiple: value.multi,
             onChange: function onChange(value) {
-              return update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
-                customData: _objectSpread$g(_objectSpread$g({}, productData.customData), {}, _defineProperty({}, key, value))
+              return update(_objectSpread$h(_objectSpread$h({}, productData), {}, {
+                customData: _objectSpread$h(_objectSpread$h({}, productData.customData), {}, _defineProperty({}, key, value))
               }));
             }
           })
@@ -8393,8 +8481,8 @@ function BaseDataFormCategories (_ref) {
   });
 }
 
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function 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,
@@ -8415,8 +8503,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$f(_objectSpread$f({}, productData), {}, {
-              delivery: _objectSpread$f(_objectSpread$f({}, productData.delivery), {}, {
+            return update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
+              delivery: _objectSpread$g(_objectSpread$g({}, productData.delivery), {}, {
                 estMaxPackages: Number(s.target.value)
               })
             }));
@@ -8434,8 +8522,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$f(_objectSpread$f({}, productData), {}, {
-                  delivery: _objectSpread$f(_objectSpread$f({}, productData.delivery), {}, {
+                return update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
+                  delivery: _objectSpread$g(_objectSpread$g({}, productData.delivery), {}, {
                     estMaxPackageWeight: Number(s.target.value)
                   })
                 }));
@@ -8451,8 +8539,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$f(_objectSpread$f({}, productData), {}, {
-                  delivery: _objectSpread$f(_objectSpread$f({}, productData.delivery), {}, {
+                return update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
+                  delivery: _objectSpread$g(_objectSpread$g({}, productData.delivery), {}, {
                     estMaxPackageHeight: Number(s.target.value)
                   })
                 }));
@@ -8472,8 +8560,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$f(_objectSpread$f({}, productData), {}, {
-                  delivery: _objectSpread$f(_objectSpread$f({}, productData.delivery), {}, {
+                return update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
+                  delivery: _objectSpread$g(_objectSpread$g({}, productData.delivery), {}, {
                     estMaxPackageWidth: Number(s.target.value)
                   })
                 }));
@@ -8489,8 +8577,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$f(_objectSpread$f({}, productData), {}, {
-                  delivery: _objectSpread$f(_objectSpread$f({}, productData.delivery), {}, {
+                return update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
+                  delivery: _objectSpread$g(_objectSpread$g({}, productData.delivery), {}, {
                     estMaxPackageDepth: Number(s.target.value)
                   })
                 }));
@@ -8505,8 +8593,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$f(_objectSpread$f({}, productData), {}, {
-              delivery: _objectSpread$f(_objectSpread$f({}, productData.delivery), {}, {
+            return update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
+              delivery: _objectSpread$g(_objectSpread$g({}, productData.delivery), {}, {
                 deliveryTime: Number(s.target.value)
               })
             }));
@@ -8532,8 +8620,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$f(_objectSpread$f({}, productData), {}, {
-                  delivery: _objectSpread$f(_objectSpread$f({}, productData.delivery), {}, {
+                update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
+                  delivery: _objectSpread$g(_objectSpread$g({}, productData.delivery), {}, {
                     deliveryPrice: Number(value.floatValue)
                   })
                 }));
@@ -8557,8 +8645,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$f(_objectSpread$f({}, productData), {}, {
-                  delivery: _objectSpread$f(_objectSpread$f({}, productData.delivery), {}, {
+                update(_objectSpread$g(_objectSpread$g({}, productData), {}, {
+                  delivery: _objectSpread$g(_objectSpread$g({}, productData.delivery), {}, {
                     installationPrice: Number(value.floatValue)
                   })
                 }));
@@ -8571,8 +8659,8 @@ function BaseDataFormDeliveryInfo (_ref) {
   });
 }
 
-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 TranslationWrapper = function TranslationWrapper(_ref) {
   var productData = _ref.productData,
     update = _ref.update,
@@ -8607,13 +8695,13 @@ var TranslationWrapper = function TranslationWrapper(_ref) {
   };
   var handleUpdate = function handleUpdate(key, value) {
     if (TRANSLATED_FILEDS.includes(key)) {
-      var newProductData = _objectSpread$e({}, productData);
+      var newProductData = _objectSpread$f({}, 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$e(_objectSpread$e({}, productData), {}, _defineProperty({}, key, value)));
+      update(_objectSpread$f(_objectSpread$f({}, productData), {}, _defineProperty({}, key, value)));
     }
   };
   return /*#__PURE__*/jsxs(Fragment, {
@@ -8630,7 +8718,7 @@ var TranslationWrapper = function TranslationWrapper(_ref) {
         return setCutLang(newValue);
       },
       children: languages.map(function (lang, index) {
-        return /*#__PURE__*/jsx(Tab, _objectSpread$e({
+        return /*#__PURE__*/jsx(Tab, _objectSpread$f({
           style: {
             minWidth: 72,
             height: '30px',
@@ -8722,8 +8810,8 @@ var BaseInfo = function BaseInfo(_ref) {
   });
 };
 
-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 Dimensions = function Dimensions(_ref) {
   var _productData$width, _productData$height, _productData$depth;
   var productData = _ref.productData,
@@ -8749,7 +8837,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$d(_objectSpread$d({}, productData), {}, {
+                  return update(_objectSpread$e(_objectSpread$e({}, productData), {}, {
                     width: Number(s.target.value)
                   }));
                 },
@@ -8767,7 +8855,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$d(_objectSpread$d({}, productData), {}, {
+                  return update(_objectSpread$e(_objectSpread$e({}, productData), {}, {
                     height: Number(s.target.value)
                   }));
                 },
@@ -8782,7 +8870,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$d(_objectSpread$d({}, productData), {}, {
+                  return update(_objectSpread$e(_objectSpread$e({}, productData), {}, {
                     depth: Number(s.target.value)
                   }));
                 },
@@ -8805,7 +8893,7 @@ var Dimensions = function Dimensions(_ref) {
             label: t('productcreator.fields.model_info_page_weight'),
             value: productData.modelInfoPageWeight,
             onChange: function onChange(s) {
-              return update(_objectSpread$d(_objectSpread$d({}, productData), {}, {
+              return update(_objectSpread$e(_objectSpread$e({}, productData), {}, {
                 modelInfoPageWeight: Number(s.target.value)
               }));
             },
@@ -8817,8 +8905,8 @@ var Dimensions = function Dimensions(_ref) {
   });
 };
 
-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 Additionalnfos = function Additionalnfos(_ref) {
   var _Object$entries;
   var additionalBaseFields = _ref.additionalBaseFields,
@@ -8844,8 +8932,8 @@ var Additionalnfos = function Additionalnfos(_ref) {
           label: "productcreator.fields.".concat(key, ".name"),
           multiple: value.multi,
           onChange: function onChange(value) {
-            return update(_objectSpread$c(_objectSpread$c({}, productData), {}, {
-              customData: _objectSpread$c(_objectSpread$c({}, productData.customData), {}, _defineProperty({}, key, value))
+            return update(_objectSpread$d(_objectSpread$d({}, productData), {}, {
+              customData: _objectSpread$d(_objectSpread$d({}, productData.customData), {}, _defineProperty({}, key, value))
             }));
           }
         })
@@ -8933,14 +9021,48 @@ var typeDropDown = "typeDropDown-A1ExF";
 var objectListWrapper = "objectListWrapper-141eT";
 var inputValueElement = "inputValueElement-XljUd";
 var inputValueElementItem = "inputValueElementItem-s6dG0";
-var css_248z$3 = ".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$3);
+var keyDropdownText = "keyDropdownText--paVs";
+var css_248z$4 = ".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\n.keyDropdownText--paVs {\n  flex-grow: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
+styleInject(css_248z$4);
+
+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; }
+var SelectClasses = function SelectClasses(_ref) {
+  var classificationFields = _ref.classificationFields,
+    handleListBoxValueChange = _ref.handleListBoxValueChange,
+    inputValueElement = _ref.inputValueElement,
+    value = _ref.value,
+    pairIndex = _ref.pairIndex;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleChange = function handleChange(event, newValue) {
+    handleListBoxValueChange(pairIndex, newValue ? newValue.field : '');
+  };
+  return /*#__PURE__*/jsx(Autocomplete$1, {
+    className: inputValueElement,
+    options: classificationFields || [],
+    getOptionLabel: function getOptionLabel(option) {
+      return option.title ? t(option.title) : option.field;
+    },
+    value: (classificationFields === null || classificationFields === void 0 ? void 0 : classificationFields.find(function (field) {
+      return field.field === value;
+    })) || null,
+    onChange: handleChange,
+    renderInput: function renderInput(params) {
+      return /*#__PURE__*/jsx(TextField$1, _objectSpread$c(_objectSpread$c({}, params), {}, {
+        label: t('productcreator.customfields.selectclass')
+      }));
+    }
+  });
+};
 
 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 CustomDataFields = function CustomDataFields(_ref) {
   var productData = _ref.productData,
-    update = _ref.update;
+    update = _ref.update,
+    manualCustomDataFields = _ref.manualCustomDataFields,
+    classificationFields = _ref.classificationFields;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState([{
@@ -8965,24 +9087,41 @@ var CustomDataFields = function CustomDataFields(_ref) {
     }
     manualCustomData = filteredData;
     var manualPairs = [];
-    for (var _i = 0; _i < manualCustomData.length; _i++) {
+    var _loop = function _loop() {
       var _manualCustomData$_i = _slicedToArray(manualCustomData[_i], 2),
-        _key = _manualCustomData$_i[0],
-        _valueObj = _manualCustomData$_i[1];
+        key = _manualCustomData$_i[0],
+        valueObj = _manualCustomData$_i[1];
       var type = 'TEXT';
-      if (Array.isArray(_valueObj.value) && _typeof(_valueObj.value[0]) === 'object') {
+      if (Array.isArray(valueObj.value) && _typeof(valueObj.value[0]) === 'object') {
         type = 'OBJECTLIST';
-      } else if (Array.isArray(_valueObj.value)) {
+      } else if (classificationFields && classificationFields.find(function (field) {
+        return field.field === valueObj.value;
+      })) {
+        type = 'CLASS';
+      } else if (Array.isArray(valueObj.value)) {
         type = 'LIST';
       }
       manualPairs.push({
-        key: _key,
+        key: key,
         type: type,
-        value: _valueObj.value
+        value: valueObj.value
       });
+    };
+    for (var _i = 0; _i < manualCustomData.length; _i++) {
+      _loop();
     }
     setPairs(manualPairs);
   }, [productData]);
+  useEffect(function () {
+    //order classification fields by title
+    if (classificationFields) {
+      classificationFields.sort(function (a, b) {
+        var titleA = a.title ? t(a.title) : a.field;
+        var titleB = b.title ? t(b.title) : b.field;
+        return titleA.localeCompare(titleB);
+      });
+    }
+  }, [classificationFields]);
   var handleAddPair = function handleAddPair() {
     setPairs([].concat(_toConsumableArray(pairs), [{
       key: '',
@@ -9140,7 +9279,7 @@ var CustomDataFields = function CustomDataFields(_ref) {
     }));
     setPairs(actPairs);
   };
-  var handleListBoxChange = function handleListBoxChange(index, value) {
+  var handleListBoxTypeChange = function handleListBoxTypeChange(index, value) {
     var actPairs = _toConsumableArray(pairs);
     actPairs[index].type = value;
     if (value === 'TEXT') {
@@ -9151,9 +9290,22 @@ var CustomDataFields = function CustomDataFields(_ref) {
       actPairs[index].value = [{
         '': ''
       }];
+    } else if (value === 'CLASS') {
+      actPairs[index].value = '';
     }
     setPairs(actPairs);
   };
+  var handleListBoxValueChange = function handleListBoxValueChange(index, value) {
+    var actPairs = _toConsumableArray(pairs);
+    actPairs[index].value = value;
+    update(_objectSpread$b(_objectSpread$b({}, productData), {}, {
+      customData: _objectSpread$b(_objectSpread$b({}, productData.customData), {}, _defineProperty({}, actPairs[index].key, {
+        value: actPairs[index].value,
+        manual: true
+      }))
+    }));
+    setPairs(actPairs);
+  };
   return /*#__PURE__*/jsxs(Card$1, {
     style: {
       marginBottom: '10px'
@@ -9165,19 +9317,56 @@ var CustomDataFields = function CustomDataFields(_ref) {
         children: [pairs.map(function (pair, index) {
           return /*#__PURE__*/jsxs(Box$1, {
             className: wrapper$2,
-            children: [/*#__PURE__*/jsx(TextField, {
+            children: [/*#__PURE__*/jsx(Autocomplete$2, {
+              freeSolo: true,
               style: {
-                maxWidth: '10%'
+                width: '20%'
+              },
+              options: manualCustomDataFields !== null && manualCustomDataFields !== void 0 ? manualCustomDataFields : [],
+              getOptionDisabled: function getOptionDisabled(option) {
+                return pairs.map(function (pair) {
+                  return pair.key;
+                }).includes(option);
               },
-              label: t('fieldname'),
               value: pair.key,
-              onChange: function onChange(e) {
-                return handleChange(index, 'key', e.target.value);
+              onBlur: function onBlur(e) {
+                var inputValue = e.target.value;
+                handleChange(index, 'key', inputValue);
+              },
+              sx: {
+                width: '100%'
+              },
+              renderInput: function renderInput(params) {
+                return /*#__PURE__*/jsx(Tooltip, {
+                  title: pair.key,
+                  placement: "left",
+                  children: /*#__PURE__*/jsx(TextField, _objectSpread$b(_objectSpread$b({}, params), {}, {
+                    label: t('productcreator.customfields.keylabel')
+                  }))
+                });
+              },
+              renderOption: function renderOption(props, option) {
+                return /*#__PURE__*/jsx("li", _objectSpread$b(_objectSpread$b({}, props), {}, {
+                  style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    width: '100%'
+                  },
+                  children: /*#__PURE__*/jsx(Tooltip, {
+                    title: option,
+                    placement: "right",
+                    children: /*#__PURE__*/jsx(Typography, {
+                      noWrap: true,
+                      className: keyDropdownText,
+                      children: option
+                    })
+                  })
+                }));
               }
             }), /*#__PURE__*/jsxs(Select$1, {
               value: pair.type,
               onChange: function onChange(e) {
-                return handleListBoxChange(index, e.target.value);
+                return handleListBoxTypeChange(index, e.target.value);
               },
               className: typeDropDown,
               displayEmpty: true,
@@ -9190,6 +9379,9 @@ var CustomDataFields = function CustomDataFields(_ref) {
               }), /*#__PURE__*/jsx(MenuItem$1, {
                 value: "OBJECTLIST",
                 children: t('objectlist')
+              }), /*#__PURE__*/jsx(MenuItem$1, {
+                value: "CLASS",
+                children: t('class')
               })]
             }), pair.type === 'TEXT' && /*#__PURE__*/jsx(TextField, {
               label: t('value'),
@@ -9320,6 +9512,12 @@ var CustomDataFields = function CustomDataFields(_ref) {
                   children: t('addentry')
                 })]
               })
+            }), pair.type === 'CLASS' && /*#__PURE__*/jsx(SelectClasses, {
+              classificationFields: classificationFields,
+              handleListBoxValueChange: handleListBoxValueChange,
+              value: pair.value,
+              pairIndex: index,
+              inputValueElement: inputValueElement
             }), /*#__PURE__*/jsx(IconButton$1, {
               onClick: function onClick() {
                 return handleRemovePair(index);
@@ -9349,7 +9547,9 @@ var CustomDataFields = function CustomDataFields(_ref) {
 function BaseDataFormInfo (_ref) {
   var productData = _ref.productData,
     additionalBaseFields = _ref.additionalBaseFields,
-    _update = _ref.update;
+    _update = _ref.update,
+    manualCustomDataFields = _ref.manualCustomDataFields,
+    classificationFields = _ref.classificationFields;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(TranslationWrapper, {
       title: 'productcreator.basedata.baseinfo',
@@ -9386,7 +9586,9 @@ function BaseDataFormInfo (_ref) {
       productData: productData,
       update: function update(d) {
         return _update(d || productData);
-      }
+      },
+      manualCustomDataFields: manualCustomDataFields,
+      classificationFields: classificationFields
     })]
   });
 }
@@ -9552,7 +9754,9 @@ function BaseDataForm (_ref) {
     additionalBaseFields = _ref.additionalBaseFields,
     configurationData = _ref.configurationData,
     customFormData = _ref.customFormData,
-    hasVariants = _ref.hasVariants;
+    hasVariants = _ref.hasVariants,
+    manualCustomDataFields = _ref.manualCustomDataFields,
+    classificationFields = _ref.classificationFields;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxs(Fragment, {
@@ -9608,7 +9812,9 @@ function BaseDataForm (_ref) {
           }), /*#__PURE__*/jsx(BaseDataFormInfo, {
             productData: productData,
             update: update,
-            additionalBaseFields: additionalBaseFields
+            additionalBaseFields: additionalBaseFields,
+            manualCustomDataFields: manualCustomDataFields,
+            classificationFields: classificationFields
           }), !!(configurationData !== null && configurationData !== void 0 && (_configurationData$fi = configurationData.fields) !== null && _configurationData$fi !== void 0 && _configurationData$fi.delivery) && /*#__PURE__*/jsx(BaseDataFormDeliveryInfo, {
             productData: productData,
             update: update,
@@ -10256,7 +10462,7 @@ function VariantTable (_ref) {
         style: {
           width: '100%',
           height: '100%',
-          overflow: 'hidden'
+          display: 'flex'
         },
         children: /*#__PURE__*/jsx(Grid, {
           options: options,
@@ -10329,8 +10535,8 @@ function _preUpdateData(field, value, row) {
 
 var wrapper$1 = "wrapper-I8eY4";
 var dataTable = "data-table-ImAxQ";
-var css_248z$2 = ".wrapper-I8eY4 {\n  display: flex;\n  height: calc(100% - 67px);\n  border-bottom: 1px solid rgb(224, 224, 224);\n}\n\n.data-table-ImAxQ {\n  position: relative;\n  height: 100%;\n  flex-grow: 1;\n  overflow: hidden;\n}\n";
-styleInject(css_248z$2);
+var css_248z$3 = ".wrapper-I8eY4 {\n  display: flex;\n  height: calc(100% - 67px);\n  border-bottom: 1px solid rgb(224, 224, 224);\n}\n\n.data-table-ImAxQ {\n  position: relative;\n  height: 100%;\n  flex-grow: 1;\n  overflow: hidden;\n}\n";
+styleInject(css_248z$3);
 
 function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -11324,7 +11530,7 @@ function useProductState (basket, divaNr) {
   useEffect(function () {
     var init = /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var _ref4, updateBasket, catalogData, _affiliates, _Object$keys$map2, _configurationData$Pr2, _optClassMap, _catalogs$, _initState, _yield$loadCategories, classificationFields, newCurrentData, additional, _additionalBaseFields, newLivingArea, _yield$productHandler2, _isNew, baseChanged, catalogs, initState, currentCategories, differingOptFields, optMapEntries, missingOptFields, accountlogourl, logofile, _initState$baseData$m, newlogofile, _initState$baseData$m2;
+        var _ref4, updateBasket, catalogData, newDivaNr, _affiliates, _Object$keys$map2, _configurationData$Pr2, _optClassMap, _catalogs$, _initState, _yield$loadCategories, classificationFields, newCurrentData, additional, _additionalBaseFields, newLivingArea, _yield$productHandler2, _isNew, baseChanged, catalogs, initState, currentCategories, differingOptFields, optMapEntries, missingOptFields, accountlogourl, logofile, _initState$baseData$m, newlogofile, _initState$baseData$m2;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -11344,38 +11550,49 @@ function useProductState (basket, divaNr) {
               _ref4 = _context4.t0;
               updateBasket = _ref4.basket;
               catalogData = _ref4.catalogData;
+              if (!(basket && basket.getDocumentVersion() > 1)) {
+                _context4.next = 16;
+                break;
+              }
+              _context4.next = 13;
+              return productHandler.apiGetUniqueDivaNr();
+            case 13:
+              newDivaNr = _context4.sent;
+              updateBasket.DivaNr = newDivaNr;
+              divaNr = newDivaNr;
+            case 16:
               toggleLoading('ProductDataInit');
               updateBasketState({
                 overwriteStates: ['BASE_CONFIGURATION']
               });
               if (!userHasPermission('productcreator_affiliate')) {
-                _context4.next = 23;
+                _context4.next = 29;
                 break;
               }
-              _context4.prev = 13;
-              _context4.next = 16;
+              _context4.prev = 19;
+              _context4.next = 22;
               return apiGetAffiliates({
                 serviceUrl: apiConfig.authService,
                 organizationId: organization._id,
                 jwt: jwt
               });
-            case 16:
+            case 22:
               _affiliates = _context4.sent;
               setAffiliates(_affiliates);
-              _context4.next = 23;
+              _context4.next = 29;
               break;
-            case 20:
-              _context4.prev = 20;
-              _context4.t1 = _context4["catch"](13);
+            case 26:
+              _context4.prev = 26;
+              _context4.t1 = _context4["catch"](19);
               LOG$2.error(new DivaError("Error loading affiliates", {
                 code: 'SELLER_0002',
                 cause: _context4.t1
               }));
-            case 23:
-              _context4.prev = 23;
-              _context4.next = 26;
+            case 29:
+              _context4.prev = 29;
+              _context4.next = 32;
               return loadCategories();
-            case 26:
+            case 32:
               _yield$loadCategories = _context4.sent;
               classificationFields = _yield$loadCategories.classificationFields;
               newCurrentData = _yield$loadCategories.newCurrentData;
@@ -11399,7 +11616,7 @@ function useProductState (basket, divaNr) {
                 });
                 newCurrentData.livingAreas = _objectSpread$4({}, newLivingArea);
               }
-              _context4.next = 34;
+              _context4.next = 40;
               return productHandler.loadProducts({
                 basket: updateBasket,
                 divaNr: divaNr,
@@ -11411,7 +11628,7 @@ function useProductState (basket, divaNr) {
                 availableLanguages: availableLanguages,
                 currentLang: language
               });
-            case 34:
+            case 40:
               _yield$productHandler2 = _context4.sent;
               _isNew = _yield$productHandler2.isNew;
               baseChanged = _yield$productHandler2.baseChanged;
@@ -11485,22 +11702,22 @@ function useProductState (basket, divaNr) {
                 text: t('productcreator.configurationchanged.text')
               });
               setSaved(!_isNew);
-              _context4.next = 60;
+              _context4.next = 66;
               break;
-            case 57:
-              _context4.prev = 57;
-              _context4.t2 = _context4["catch"](23);
+            case 63:
+              _context4.prev = 63;
+              _context4.t2 = _context4["catch"](29);
               LOG$2.error(new DivaError("Error initalization", {
                 code: 'SELLER_0002',
                 cause: _context4.t2
               }));
-            case 60:
+            case 66:
               toggleLoading('ProductDataInit');
-            case 61:
+            case 67:
             case "end":
               return _context4.stop();
           }
-        }, _callee4, null, [[13, 20], [23, 57]]);
+        }, _callee4, null, [[19, 26], [29, 63]]);
       }));
       return function init() {
         return _ref3.apply(this, arguments);
@@ -11770,15 +11987,26 @@ function updateVariants(prevState, currentState, configurationData, baseDataFiel
           _modified = _ProductHandler$calcu.modified;
         finalVariant[field] = _value;
         newModified[field] = _modified;
+      } else if (field.includes('customFlags')) {
+        var path = field.split('.');
+        var prevValue = getData(path, variant);
+        var newValue = getData(path, newVariant);
+        if (prevValue !== newValue) {
+          if (newValue === true || newValue !== null && newValue !== void 0 && newValue.length) {
+            setData(path, [variant.organizationId], finalVariant);
+          } else {
+            setData(path, [], finalVariant);
+          }
+        }
       } else if (field.includes('.')) {
         var _currentState$modifie2;
         //handle nested fields
 
-        var path = field.split('.');
-        var _ProductHandler$calcu2 = ProductHandler.calculateComputedValue(getData(path, variant), newVariant ? getData(path, newVariant) : undefined, getData(path, currentState.baseData), (_currentState$modifie2 = currentState.modified.variantData[_i]) === null || _currentState$modifie2 === void 0 ? void 0 : _currentState$modifie2[field]),
+        var _path = field.split('.');
+        var _ProductHandler$calcu2 = ProductHandler.calculateComputedValue(getData(_path, variant), newVariant ? getData(_path, newVariant) : undefined, getData(_path, currentState.baseData), (_currentState$modifie2 = currentState.modified.variantData[_i]) === null || _currentState$modifie2 === void 0 ? void 0 : _currentState$modifie2[field]),
           _value2 = _ProductHandler$calcu2.value,
           _modified2 = _ProductHandler$calcu2.modified;
-        setData(path, _value2, finalVariant);
+        setData(_path, _value2, finalVariant);
         finalVariant.media = variant.media;
         newModified[field] = _modified2;
       } else if (custom) {
@@ -12456,8 +12684,15 @@ function intersection() {
   });
 }
 
+var main = "main-ERs2i";
+var content = "content-KMewq";
+var tabContent = "tab-content-nIlnM";
+var renderjob = "renderjob-Yt11W";
+var css_248z$2 = ".main-ERs2i {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  flex-direction: column;\n  height: 100%;\n}\n\n.content-KMewq {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.tab-content-nIlnM {\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n  flex: 1;\n}\n\n.renderjob-Yt11W {\n  display: flex;\n  height: calc(100% - 20px);\n  margin: 10px;\n}\n\n.renderjob-Yt11W #diva-order-entry-footer > span > div {\n  width: 500px;\n}\n\n.renderjob-Yt11W #diva-order-entry-footer > span > div > span {\n  margin-left: 110px;\n}\n";
+styleInject(css_248z$2);
+
 function ProductCreator (_ref) {
-  var _state$variantData, _state$variantData2, _state$variantData$fi, _state$variantData3, _state$baseData$custo2, _currentBasket$DivaNr, _currentBasket$OrderS;
+  var _state$variantData, _state$variantData2, _state$variantData$fi, _state$variantData3, _state$baseData$custo2, _state$baseData$divaN, _currentBasket$OrderS;
   var basket = _ref.basket,
     divaNr = _ref.divaNr;
   var _useSellerState = useSellerState(),
@@ -12467,10 +12702,12 @@ function ProductCreator (_ref) {
     openModal = _useSellerState$actio.openModal,
     toggleLoading = _useSellerState$actio.toggleLoading,
     clearOriginProductId = _useSellerState$actio.clearOriginProductId,
+    loadManualCustomDataFields = _useSellerState$actio.loadManualCustomDataFields,
     _useSellerState$state = _useSellerState.state,
     configurationData = _useSellerState$state.configurationData,
     returnTo = _useSellerState$state.returnTo,
-    originProductId = _useSellerState$state.originProductId;
+    originProductId = _useSellerState$state.originProductId,
+    manualCustomDataFields = _useSellerState$state.manualCustomDataFields;
   var _useDivaCore = useDivaCore(),
     userHasPermission = _useDivaCore.actions.userHasPermission;
   var _useTranslation = useTranslation(),
@@ -12592,6 +12829,9 @@ function ProductCreator (_ref) {
     //reset selection if new data is loaded
     setSelectedFields((_state$initialSelecte = state === null || state === void 0 ? void 0 : state.initialSelectedFields) !== null && _state$initialSelecte !== void 0 ? _state$initialSelecte : []);
   }, [state === null || state === void 0 ? void 0 : state.initialSelectedFields]);
+  useEffect(function () {
+    loadManualCustomDataFields();
+  }, []);
   var onOpenPlanner = function onOpenPlanner() {
     var basketToInit = new BasketData(state === null || state === void 0 ? void 0 : state.baseData.configuration);
     basketToInit.OrderSets[0].TinyVariantConfiguration = state === null || state === void 0 ? void 0 : state.variantData.map(function (v) {
@@ -12803,24 +13043,11 @@ function ProductCreator (_ref) {
     onCancel: onCancel
   });
   return /*#__PURE__*/jsxs("div", {
-    style: {
-      display: 'flex',
-      overflow: 'hidden',
-      width: '100%',
-      flexDirection: 'column',
-      height: '100%'
-    },
+    className: main,
     children: [/*#__PURE__*/jsx(Title, {
-      text: "".concat(t('productcreator.title'), " - ").concat((_currentBasket$DivaNr = currentBasket === null || currentBasket === void 0 ? void 0 : currentBasket.DivaNr) !== null && _currentBasket$DivaNr !== void 0 ? _currentBasket$DivaNr : state.baseData.divaNr)
+      text: "".concat(t('productcreator.title'), " - ").concat((_state$baseData$divaN = state.baseData.divaNr) !== null && _state$baseData$divaN !== void 0 ? _state$baseData$divaN : currentBasket === null || currentBasket === void 0 ? void 0 : currentBasket.DivaNr)
     }), /*#__PURE__*/jsxs("div", {
-      style: {
-        position: 'relative',
-        width: '100%',
-        overflow: 'hidden',
-        flex: 1,
-        display: 'flex',
-        flexDirection: 'column'
-      },
+      className: content,
       children: [/*#__PURE__*/jsx(Paper, {
         style: {
           marginBottom: 1
@@ -12876,12 +13103,7 @@ function ProductCreator (_ref) {
         },
         children: t(warn)
       }), /*#__PURE__*/jsxs("div", {
-        style: {
-          display: 'flex',
-          overflow: 'hidden',
-          flexDirection: 'column',
-          flex: 1
-        },
+        className: tabContent,
         children: [tab == 'AFFILIATE' && /*#__PURE__*/jsx(AffiliateTable, {
           variantData: validVariantData,
           baseData: state.baseData,
@@ -12890,11 +13112,7 @@ function ProductCreator (_ref) {
           affiliateData: affiliates,
           children: ButtonsElement
         }), tab == 'RENDERJOB' && /*#__PURE__*/jsx("div", {
-          style: {
-            display: 'flex',
-            flex: 1,
-            margin: 10
-          },
+          className: renderjob,
           children: /*#__PURE__*/jsx(OrderEntry, {
             variantData: validVariantData,
             baseData: state.baseData,
@@ -12946,6 +13164,8 @@ function ProductCreator (_ref) {
           additionalBaseFields: additional,
           customFormData: customFormData,
           hasVariants: showVarinats,
+          manualCustomDataFields: manualCustomDataFields,
+          classificationFields: state === null || state === void 0 ? void 0 : state.classificationFields,
           children: ButtonsElement
         }), tab == 'BASECONFIG' && /*#__PURE__*/jsx(VariantTable, {
           update: updateVariants,