@crystaldesign/diva-seller 25.10.0 → 25.11.0-beta.10

package/build/esm/index.js

@@ -45,6 +45,7 @@ import Divider from '@mui/material/Divider';
 import Alert from '@mui/material/Alert';
 import AlertTitle from '@mui/material/AlertTitle/AlertTitle';
 import Form from '@crystaldesign/forms';
+import classnames from 'classnames';
 import _typeof from '@babel/runtime/helpers/typeof';
 import InputLabel from '@mui/material/InputLabel';
 import Checkbox from '@mui/material/Checkbox';
@@ -60,8 +61,8 @@ 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 { useSellerState as useSellerState$1 } from '@crystaldesign/diva-seller/provider/SellerStateProvider';
 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';
 import { Autoplay, Thumbs, Pagination, FreeMode, Mousewheel } from 'swiper/modules';
@@ -195,7 +196,10 @@ var SellerContext = /*#__PURE__*/createContext({
     loadAnalyticScore: function loadAnalyticScore() {
       return Promise.resolve({});
     },
-    loadManualCustomDataFields: function loadManualCustomDataFields() {}
+    loadManualCustomDataFields: function loadManualCustomDataFields() {},
+    setOrdered: function setOrdered() {
+      return Promise.resolve({});
+    }
   }
 });
 
@@ -1434,9 +1438,9 @@ function _apiGetAffiliates() {
   return _apiGetAffiliates.apply(this, arguments);
 }
 
-function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(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$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(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$3(r, a) : void 0; } }
-function _arrayLikeToArray$3(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 _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(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$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(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$4(r, a) : void 0; } }
+function _arrayLikeToArray$4(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 processData(_ref) {
   var top = _ref.top,
     skip = _ref.skip,
@@ -1502,7 +1506,7 @@ function isGlobalFiltered(d, filter) {
   });
 }
 function orderFn(a, b, orderBy) {
-  var _iterator = _createForOfIteratorHelper$3(orderBy),
+  var _iterator = _createForOfIteratorHelper$4(orderBy),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -1536,9 +1540,9 @@ function orderFn(a, b, orderBy) {
 var _excluded$a = ["collectionId"],
   _excluded2$2 = ["basetId"],
   _excluded3$1 = ["catalogCodex", "accountId", "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 _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(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$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(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$3(r, a) : void 0; } }
+function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$9 = getLogger('Seller', 'SellerStateData');
@@ -1562,7 +1566,8 @@ function useSellerStateData(_ref) {
     toggleLoading = _useDivaCore$actions.toggleLoading,
     getSessionGuid = _useDivaCore$actions.getSessionGuid,
     updateCustomLogo = _useDivaCore$actions.updateCustomLogo,
-    openModal = _useDivaCore$actions.openModal;
+    openModal = _useDivaCore$actions.openModal,
+    sendEmail = _useDivaCore$actions.sendEmail;
   var _useTranslation = useTranslation(),
     i18n = _useTranslation.i18n,
     t = _useTranslation.t;
@@ -1900,7 +1905,7 @@ function useSellerStateData(_ref) {
               break;
             }
             catalogData = [];
-            _iterator = _createForOfIteratorHelper$2(catalog);
+            _iterator = _createForOfIteratorHelper$3(catalog);
             _context5.prev = 12;
             _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
               var _collection$enricherS3;
@@ -2745,6 +2750,100 @@ function useSellerStateData(_ref) {
       });
     }
   };
+  var setOrdered = /*#__PURE__*/function () {
+    var _ref19 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(basket, sendOrderEmail) {
+      var to, emails, _iterator2, _step2, mail, _basket$Client;
+      return _regeneratorRuntime.wrap(function _callee10$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
+          case 0:
+            if (!jwt) {
+              _context11.next = 8;
+              break;
+            }
+            if (!(sendOrderEmail && organization.settings.sendOrdersEmail)) {
+              _context11.next = 6;
+              break;
+            }
+            to = [organization.settings.sendOrdersEmail];
+            if (configData !== null && configData !== void 0 && configData.sendOrderEmails) {
+              emails = configData.sendOrderEmails.split(',');
+              _iterator2 = _createForOfIteratorHelper$3(emails);
+              try {
+                for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                  mail = _step2.value;
+                  if (mail == 'CLIENT') {
+                    if ((_basket$Client = basket.Client) !== null && _basket$Client !== void 0 && _basket$Client.email) to.push(basket.Client.email);
+                  } else if (mail == 'SELLER') {
+                    if (basket.SalespersonEmail) to.push(basket.SalespersonEmail);
+                  } else if (mail == 'ORGANIZATION') {
+                    if (organization !== null && organization !== void 0 && organization.email) to.push(organization.email);
+                  } else if (mail == 'USER') {
+                    if (currentUser !== null && currentUser !== void 0 && currentUser.mainEmail) to.push(currentUser.mainEmail);
+                  }
+                }
+              } catch (err) {
+                _iterator2.e(err);
+              } finally {
+                _iterator2.f();
+              }
+            }
+            try {
+              toggleLoading('setOrdered');
+              sendEmail({
+                showDialog: false,
+                callback: function callback(success) {
+                  if (success) {
+                    basketHandler.setOrdered({
+                      serviceUrl: apiConfig.basketService,
+                      organizationId: currentOrganization === null || currentOrganization === void 0 ? void 0 : currentOrganization._id,
+                      jwt: jwt,
+                      divaNr: basket.DivaNr,
+                      documentVersion: basket.DocumentVersion - 1 //actual document version
+                    });
+                    toggleLoading('setOrdered');
+                    openModal({
+                      title: t('basket.checkout.modals.ordered'),
+                      accept: true
+                    });
+                  } else {
+                    toggleLoading('setOrdered');
+                    openModal({
+                      title: t('basket.checkout.modals.orderederror'),
+                      accept: true
+                    });
+                  }
+                },
+                content: {
+                  to: to.join(','),
+                  type: 'basket',
+                  variant: 'SEND',
+                  divaNr: basket.DivaNr,
+                  version: basket.DocumentVersion
+                }
+              });
+            } catch (e) {
+              console.error(e);
+            }
+            return _context11.abrupt("return");
+          case 6:
+            _context11.next = 8;
+            return basketHandler.setOrdered({
+              serviceUrl: apiConfig.basketService,
+              organizationId: currentOrganization === null || currentOrganization === void 0 ? void 0 : currentOrganization._id,
+              jwt: jwt,
+              divaNr: basket.DivaNr,
+              documentVersion: basket.DocumentVersion - 1
+            });
+          case 8:
+          case "end":
+            return _context11.stop();
+        }
+      }, _callee10);
+    }));
+    return function setOrdered(_x17, _x18) {
+      return _ref19.apply(this, arguments);
+    };
+  }();
   return {
     state: state,
     setFirstLoginApiUrl: setFirstLoginApiUrl,
@@ -2770,7 +2869,8 @@ function useSellerStateData(_ref) {
     resetForCache: resetForCache,
     loadAnalyticScore: loadAnalyticScore,
     setManualCustomDataFields: setManualCustomDataFields,
-    setCloseOnSave: setCloseOnSave
+    setCloseOnSave: setCloseOnSave,
+    setOrdered: setOrdered
   };
 }
 
@@ -6028,8 +6128,8 @@ function styleInject(css, ref) {
 
 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);
+var css_248z$d = ".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$d);
 
 function Step2ClientData(_ref) {
   var _config$clientData, _config$clientData2;
@@ -6058,6 +6158,19 @@ function Step2ClientData(_ref) {
   });
 }
 
+var saveButton = "saveButton-vFkgp";
+var newPlanningButton = "newPlanningButton-rpBS2";
+var saveButtonGroup = "saveButtonGroup-r-Uwi";
+var checkoutButtonGroupWrapper = "checkoutButtonGroupWrapper-KU9eI";
+var checkout3Container = "checkout3Container-efdnR";
+var checkout3Header = "checkout3Header-Kph7T";
+var checkoutHeaderButtonGroup = "checkoutHeaderButtonGroup-ao8TM";
+var gdprCheckbox = "gdprCheckbox-jqVEK";
+var checkoutForm = "checkoutForm-wZEGN";
+var checkoutStatusButton = "checkoutStatusButton-aTyfj";
+var css_248z$c = ".saveButton-vFkgp {\n  width: 25%;\n}\n\n.newPlanningButton-rpBS2 {\n  width: 20%;\n}\n.saveButtonGroup-r-Uwi {\n  text-align: right !important;\n}\n\n.checkoutButtonGroupWrapper-KU9eI {\n  margin-top: 0.4rem;\n}\n\n.checkout3Container-efdnR {\n  display: flex;\n  flex-direction: column;\n  width: 95%;\n  max-width: 1600px;\n  margin: 1rem;\n}\n\n.checkout3Header-Kph7T {\n  display: flex;\n  flex-direction: row;\n  width: 50%;\n}\n\n.checkoutHeaderButtonGroup-ao8TM {\n  margin-top: 0.4rem;\n  margin-bottom: 1rem;\n  margin-left: 1rem;\n  width: 100%;\n}\n.gdprCheckbox-jqVEK {\n  margin-left: 40px;\n}\n\n.checkoutForm-wZEGN {\n  width: 100%;\n  max-height: 630px;\n}\n.checkoutStatusButton-aTyfj {\n  min-width: 100px !important;\n}\n\n@media (max-width: 600px) {\n  .checkout3Header-Kph7T {\n    justify-content: center;\n    flex-direction: column;\n    width: 100%;\n  }\n  .checkoutStatusButton-aTyfj {\n    min-width: 70px !important;\n  }\n  .checkoutHeaderButtonGroup-ao8TM {\n    margin-top: 0.4rem;\n    margin-bottom: 1rem;\n    margin-left: 0;\n    width: 100%;\n  }\n  .checkoutButtonGroupWrapper-KU9eI {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n  }\n  .saveButton-vFkgp {\n    width: auto;\n    width: initial;\n  }\n\n  .newPlanningButton-rpBS2 {\n    width: auto;\n    width: initial;\n  }\n  .checkoutForm-wZEGN {\n    width: 100%;\n    max-height: none;\n    max-height: initial;\n  }\n}\n";
+styleInject(css_248z$c);
+
 function StatusMenu(_ref) {
   var visibleStatus = _ref.visibleStatus,
     status = _ref.status,
@@ -6069,19 +6182,17 @@ function StatusMenu(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx("div", {
-    style: {
-      "float": 'left',
-      marginTop: '0.4rem',
-      marginLeft: '1rem'
-    },
+    className: checkoutHeaderButtonGroup,
     children: /*#__PURE__*/jsx(ButtonGroup$1, {
       color: "primary",
       "aria-label": "outlined primary button group",
+      fullWidth: true,
       children: visibleStatus.filter(function (item) {
         return typeof item == 'string';
       }) //filter out old configuration,where it was an object
       .map(function (item) {
         return /*#__PURE__*/jsx(Button, {
+          className: checkoutStatusButton,
           variant: status == item ? 'contained' : 'outlined',
           size: "small",
           onClick: function onClick() {
@@ -6111,80 +6222,55 @@ function SaveButtonsGroup(_ref) {
     orderEmpty = _ref.orderEmpty,
     status = _ref.status,
     configSaveButtons = _ref.configSaveButtons,
-    userInfoPresent = _ref.userInfoPresent;
+    validData = _ref.validData;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var classes = useStyles$1();
   return /*#__PURE__*/jsxs("div", {
-    style: {
-      marginTop: '0.4rem',
-      marginLeft: '2.5rem'
-    },
+    className: checkoutButtonGroupWrapper,
     children: [(configSaveButtons === null || configSaveButtons === void 0 ? void 0 : configSaveButtons.includes('SAVE')) && /*#__PURE__*/jsx(Button$1, {
       variant: "contained",
       size: "medium",
       color: "primary",
-      disabled: orderEmpty,
+      disabled: orderEmpty || !validData,
       onClick: function onClick() {
         onClickSave();
       },
-      className: classes.margin,
+      className: classnames(classes.margin, saveButton),
       children: t('basket.checkout.actions.save')
-    }), (configSaveButtons === null || configSaveButtons === void 0 ? void 0 : configSaveButtons.includes('SAVE_AND_SEND')) && status !== 'BASE_CONFIGURATION' && /*#__PURE__*/jsx(Button$1, {
-      variant: "outlined",
-      size: "medium",
-      color: "primary",
-      disabled: orderEmpty || !userInfoPresent,
-      onClick: function onClick() {
-        onClickSave('generate', true);
-      },
-      className: classes.margin,
-      children: t('basket.checkout.actions.saveAndSendMail', {
-        type: t('data.' + status)
-      })
-    }), (configSaveButtons === null || configSaveButtons === void 0 ? void 0 : configSaveButtons.includes('SAVE_AND_OPEN')) && status !== 'BASE_CONFIGURATION' && /*#__PURE__*/jsx(Button$1, {
-      variant: "outlined",
-      size: "medium",
-      color: "primary",
-      disabled: orderEmpty,
-      onClick: function onClick() {
-        onClickSave('open');
-      },
-      className: classes.margin,
-      children: t('basket.checkout.actions.saveAndOpenNote', {
-        type: t('data.' + status)
-      })
-    }), status == 'BASE_CONFIGURATION' && /*#__PURE__*/jsx(Tooltip, {
-      title: t('checkout.product.asfavbuttontooltip'),
-      placement: "bottom",
-      arrow: true,
-      children: /*#__PURE__*/jsx(Button$1, {
+    }), status == 'BASE_CONFIGURATION' && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Tooltip, {
+        title: t('checkout.product.asfavbuttontooltip'),
+        placement: "bottom",
+        arrow: true,
+        children: /*#__PURE__*/jsx(Button$1, {
+          variant: "outlined",
+          size: "medium",
+          color: "primary",
+          disabled: orderEmpty,
+          onClick: function onClick() {
+            onClickSave(undefined, false, true);
+          },
+          className: classes.margin,
+          children: t('basket.checkout.actions.saveAsFavorite')
+        })
+      }), /*#__PURE__*/jsx(Button$1, {
         variant: "outlined",
         size: "medium",
         color: "primary",
         disabled: orderEmpty,
         onClick: function onClick() {
-          onClickSave(undefined, false, true);
+          onClickSave(undefined, false, true, true);
         },
         className: classes.margin,
-        children: t('basket.checkout.actions.saveAsFavorite')
-      })
-    }), status == 'BASE_CONFIGURATION' && /*#__PURE__*/jsx(Button$1, {
-      variant: "outlined",
-      size: "medium",
-      color: "primary",
-      disabled: orderEmpty,
-      onClick: function onClick() {
-        onClickSave(undefined, false, true, true);
-      },
-      className: classes.margin,
-      children: t('basket.checkout.actions.saveAndOrderMedia')
+        children: t('basket.checkout.actions.saveAndOrderMedia')
+      })]
     }), (configSaveButtons === null || configSaveButtons === void 0 ? void 0 : configSaveButtons.includes('NEW')) && /*#__PURE__*/jsx(Button$1, {
       variant: "outlined",
       size: "medium",
       color: "primary",
       onClick: startWithEmptyBasket,
-      className: classes.margin,
+      className: classnames(classes.margin, newPlanningButton),
       children: t('basket.checkout.actions.newOrder')
     })]
   });
@@ -6736,10 +6822,145 @@ function InfoAlert(_ref2) {
   });
 }
 
+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; }
+var useCheckoutStep3 = function useCheckoutStep3(schema) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    basket3DExportChecked = _useState2[0],
+    setBasket3DExportChecked = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    basketSendMailChecked = _useState4[0],
+    setBasketSendMailChecked = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    basketSendOrderChecked = _useState6[0],
+    setBasketSendOrderChecked = _useState6[1];
+  var setVirtualFields = useCallback(function (key, value) {
+    switch (key) {
+      case 'Order3DExport':
+        setBasket3DExportChecked(value);
+        break;
+      case 'SendMail':
+        setBasketSendMailChecked(value);
+        break;
+      case 'SendOrder':
+        setBasketSendOrderChecked(value);
+        break;
+    }
+  }, []);
+  var getVirtualFields = useCallback(function (key) {
+    switch (key) {
+      case 'Order3DExport':
+        return basket3DExportChecked;
+      case 'SendMail':
+        return basketSendMailChecked;
+      case 'SendOrder':
+        return basketSendOrderChecked;
+      default:
+        return undefined;
+    }
+  }, [basket3DExportChecked, basketSendMailChecked, basketSendOrderChecked]);
+  var getVirtualFieldsObject = useCallback(function () {
+    var virtualFields = {};
+    for (var key in schema.properties) {
+      var _schema$properties;
+      if ((_schema$properties = schema.properties) !== null && _schema$properties !== void 0 && (_schema$properties = _schema$properties[key]) !== null && _schema$properties !== void 0 && (_schema$properties = _schema$properties.properties) !== null && _schema$properties !== void 0 && _schema$properties.virtual) {
+        virtualFields[key] = getVirtualFields(key);
+      }
+    }
+    return virtualFields;
+  }, [getVirtualFields, schema]);
+  function validateRequiredFieldsFromSchema(schema, data) {
+    var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+    try {
+      var requiredFields = schema.required || [];
+      var _iterator = _createForOfIteratorHelper$2(requiredFields),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var field = _step.value;
+          var value = data === null || data === void 0 ? void 0 : data[field];
+          if (value === undefined || value === null || typeof value === 'string' && value.trim() === '') {
+            return false;
+          }
+        }
+        // Recursive through nested objects
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      for (var _i = 0, _Object$entries = Object.entries(schema.properties || {}); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          key = _Object$entries$_i[0],
+          propSchema = _Object$entries$_i[1];
+        if (propSchema.type === 'object' && data !== null && data !== void 0 && data[key]) {
+          var isValid = validateRequiredFieldsFromSchema(propSchema, data[key], path ? "".concat(path, ".").concat(key) : key);
+          if (!isValid) {
+            return false;
+          }
+        }
+      }
+      return true;
+    } catch (error) {
+      return false;
+    }
+  }
+  function removeElementByKey(schema, key) {
+    var parentElement = findElementByKey(schema, 'AdditionalOptions');
+    if (parentElement && Array.isArray(parentElement.elements)) {
+      var index = parentElement.elements.findIndex(function (e) {
+        return e.key === key;
+      });
+      if (index >= 0) {
+        parentElement.elements.splice(index, 1);
+      }
+    }
+  }
+  function findElementByKey(schema, targetKey) {
+    if (Array.isArray(schema)) {
+      var _iterator2 = _createForOfIteratorHelper$2(schema),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var item = _step2.value;
+          var found = findElementByKey(item, targetKey);
+          if (found) return found;
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    } else {
+      if (schema.key === targetKey) {
+        return schema;
+      }
+      if (schema.elements && Array.isArray(schema.elements)) {
+        var foundInChildren = findElementByKey(schema.elements, targetKey);
+        if (foundInChildren) return foundInChildren;
+      }
+    }
+    return null;
+  }
+  return {
+    setVirtualFields: setVirtualFields,
+    getVirtualFields: getVirtualFields,
+    getVirtualFieldsObject: getVirtualFieldsObject,
+    basket3DExportChecked: basket3DExportChecked,
+    basketSendMailChecked: basketSendMailChecked,
+    basketSendOrderChecked: basketSendOrderChecked,
+    validateRequiredFieldsFromSchema: validateRequiredFieldsFromSchema,
+    removeElementByKey: removeElementByKey
+  };
+};
+
 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 CheckOut(_ref) {
-  var _basket$Client;
   var schema = _ref.schema,
     uiSchema = _ref.uiSchema,
     renderService = _ref.renderService,
@@ -6755,19 +6976,28 @@ function CheckOut(_ref) {
     productIsLoading = _ref.productIsLoading,
     saveProduct = _ref.saveProduct,
     updateProductData = _ref.updateProductData,
-    gdpr = _ref.gdpr;
+    gdpr = _ref.gdpr,
+    schemaSettings = _ref.schemaSettings;
+  var _useCheckoutStep = useCheckoutStep3(schema),
+    setVirtualFields = _useCheckoutStep.setVirtualFields,
+    getVirtualFieldsObject = _useCheckoutStep.getVirtualFieldsObject,
+    basket3DExportChecked = _useCheckoutStep.basket3DExportChecked,
+    basketSendMailChecked = _useCheckoutStep.basketSendMailChecked,
+    basketSendOrderChecked = _useCheckoutStep.basketSendOrderChecked,
+    validateRequiredFieldsFromSchema = _useCheckoutStep.validateRequiredFieldsFromSchema,
+    removeElementByKey = _useCheckoutStep.removeElementByKey;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSaving = _useState2[0],
     setIsSaving = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    basket3DExportChecked = _useState4[0],
-    setBasket3DExportChecked = _useState4[1];
+    productSaved = _useState4[0],
+    setProductSaved = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    productSaved = _useState6[0],
-    setProductSaved = _useState6[1];
+    validData = _useState6[0],
+    setValidData = _useState6[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useSellerState = useSellerState(),
@@ -6776,8 +7006,10 @@ function CheckOut(_ref) {
     _useDivaCore$actions = _useDivaCore.actions,
     userHasPermission = _useDivaCore$actions.userHasPermission,
     toggleLoading = _useDivaCore$actions.toggleLoading,
-    openModal = _useDivaCore$actions.openModal,
-    organization = _useDivaCore.state.organization;
+    openModal = _useDivaCore$actions.openModal;
+  useEffect(function () {
+    setValidData(validateRequiredFieldsFromSchema(schema, basket));
+  }, []);
   var handleSave = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(openPDF, sendMail, isFav) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -6815,8 +7047,12 @@ function CheckOut(_ref) {
             return _context.abrupt("return");
           case 17:
             if (!isSaving) {
+              openPDF = 'open';
               setIsSaving(true);
-              onClickSave(openPDF, sendMail, basket3DExportChecked)["finally"](function () {
+              if (basketSendMailChecked) {
+                sendMail = true;
+              }
+              onClickSave(openPDF, sendMail, basket3DExportChecked, basketSendOrderChecked)["finally"](function () {
                 return setIsSaving(false);
               });
             }
@@ -6829,12 +7065,18 @@ function CheckOut(_ref) {
     return function (_x, _x2, _x3) {
       return _ref2.apply(this, arguments);
     };
-  }(), [isSaving, onClickSave, basket3DExportChecked]);
+  }(), [isSaving, onClickSave, basket3DExportChecked, basketSendMailChecked, basketSendOrderChecked, toggleLoading, saveProduct, status, openModal, t]);
   var onChangeForm = function onChangeForm(_ref3) {
     var data = _ref3.data;
     for (var key in data) {
+      var _schema$properties;
+      if ((_schema$properties = schema.properties) !== null && _schema$properties !== void 0 && (_schema$properties = _schema$properties[key]) !== null && _schema$properties !== void 0 && (_schema$properties = _schema$properties.properties) !== null && _schema$properties !== void 0 && _schema$properties.virtual) {
+        setVirtualFields(key, data[key]);
+        continue;
+      }
       basket[key] = data[key];
     }
+    setValidData(validateRequiredFieldsFromSchema(schema, data));
   };
 
   // for LEAFLET don't show printOptions, if there are any configured.
@@ -6849,22 +7091,23 @@ function CheckOut(_ref) {
       finalSchema.elements.splice(index, 1);
     }
   }
+  if (status !== 'ORDER' || !schemaSettings.showSendOrder) {
+    removeElementByKey(finalSchema, 'SendOrder');
+  }
+  if (!schemaSettings.show3dExport) {
+    removeElementByKey(finalSchema, 'Order3DExport');
+  }
+  if (schemaSettings.hideWWSButton) {
+    removeElementByKey(finalSchema, 'SendIWOBasket');
+  }
   var permissionAnyHqRenderBox = userHasPermission('anyhqrenderbox');
-  var handleCheckBoxChange = function handleCheckBoxChange(event) {
-    setBasket3DExportChecked(event.target.checked);
-  };
   return /*#__PURE__*/jsxs("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column'
-    },
+    id: "checkout3Container",
+    className: checkout3Container,
     children: [/*#__PURE__*/jsxs("div", {
+      id: "checkout3Header",
+      className: checkout3Header,
       children: [/*#__PURE__*/jsx(Typography, {
-        style: {
-          "float": 'left',
-          marginLeft: '50px',
-          width: 'fit-content'
-        },
         variant: "h4",
         children: "Checkout"
       }), /*#__PURE__*/jsx(StatusMenu, {
@@ -6881,45 +7124,19 @@ function CheckOut(_ref) {
         handleSave: handleSave,
         updateProductData: updateProductData,
         disabled: basket.OrderSets.length > 1
-      }), status !== 'BASE_CONFIGURATION' && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          style: {
-            margin: '1rem',
-            marginLeft: '50px',
-            width: '700px'
-          },
-          children: /*#__PURE__*/jsx(Form, {
-            data: basket,
-            onChange: onChangeForm,
-            schema: schema,
-            uischema: finalSchema,
-            renderer: "material"
-          })
+      }), status !== 'BASE_CONFIGURATION' && /*#__PURE__*/jsxs("div", {
+        className: checkoutForm,
+        children: [/*#__PURE__*/jsx(Form, {
+          data: _objectSpread$v(_objectSpread$v({}, basket), getVirtualFieldsObject()),
+          onChange: onChangeForm,
+          schema: schema,
+          uischema: finalSchema,
+          renderer: "material"
         }), !!renderService && permissionAnyHqRenderBox && (catalogData === null || catalogData === void 0 ? void 0 : catalogData[0].has3D) && /*#__PURE__*/jsx(HqRenderBox, {
           basket: basket,
           config: renderService
-        }), (catalogData === null || catalogData === void 0 ? void 0 : catalogData.find(function (c) {
-          return !c.disable3DExport;
-        })) && (catalogData === null || catalogData === void 0 ? void 0 : catalogData.find(function (c) {
-          return c.has3D;
-        })) && organization.settings.enable3DExport && /*#__PURE__*/jsxs("div", {
-          style: {
-            marginLeft: '50px',
-            width: '700px'
-          },
-          children: [/*#__PURE__*/jsx(FormControlLabel$1, {
-            control: /*#__PURE__*/jsx(Checkbox$1, {
-              onChange: handleCheckBoxChange
-            }),
-            label: t('basket.checkout.order3dexport')
-          }), /*#__PURE__*/jsxs(Typography, {
-            variant: "caption",
-            children: ["(", t('basket.checkout.3dexport'), ")"]
-          })]
-        }), gdpr && !isEmpty(basket === null || basket === void 0 ? void 0 : basket.Client) && /*#__PURE__*/jsx(FormControlLabel$1, {
-          style: {
-            marginLeft: '40px'
-          },
+        }), gdpr && !isEmpty$1(basket === null || basket === void 0 ? void 0 : basket.Client) && /*#__PURE__*/jsx(FormControlLabel$1, {
+          className: gdprCheckbox,
           label: t('basket.checkout.gdpr'),
           control: /*#__PURE__*/jsx(Checkbox$1, {
             checked: basket === null || basket === void 0 ? void 0 : basket.Gdpr,
@@ -6930,17 +7147,20 @@ function CheckOut(_ref) {
           })
         })]
       })]
-    }), status !== 'BASE_CONFIGURATION' && /*#__PURE__*/jsx(SaveButtonsGroup, {
-      orderEmpty: !basket.OrderSets || basket.OrderSets.length == 0 || gdpr && !isEmpty(basket === null || basket === void 0 ? void 0 : basket.Client) && !basket.Gdpr,
-      onClickSave: handleSave,
-      startWithEmptyBasket: startWithEmptyBasket,
-      status: status,
-      configSaveButtons: configSaveButtons,
-      userInfoPresent: !!((_basket$Client = basket.Client) !== null && _basket$Client !== void 0 && _basket$Client.email)
+    }), status !== 'BASE_CONFIGURATION' && /*#__PURE__*/jsx("div", {
+      className: saveButtonGroup,
+      children: /*#__PURE__*/jsx(SaveButtonsGroup, {
+        orderEmpty: !basket.OrderSets || basket.OrderSets.length == 0 || gdpr && !isEmpty$1(basket === null || basket === void 0 ? void 0 : basket.Client) && !basket.Gdpr,
+        onClickSave: handleSave,
+        startWithEmptyBasket: startWithEmptyBasket,
+        status: status,
+        configSaveButtons: configSaveButtons,
+        validData: validData
+      })
     })]
   });
 }
-function isEmpty(data) {
+function isEmpty$1(data) {
   if (!data) {
     return true;
   }
@@ -6950,13 +7170,14 @@ function isEmpty(data) {
     return false;
   }
   return Object.keys(data).every(function (k) {
-    return isEmpty(data[k]);
+    return isEmpty$1(data[k]);
   });
 }
 
 function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var schema = function schema(hideWWSButton) {
+var schema = function schema(settings) {
+  var _settings$sendMail;
   return {
     type: 'object',
     properties: _objectSpread$u(_objectSpread$u({
@@ -6988,12 +7209,35 @@ var schema = function schema(hideWWSButton) {
         type: ['string', 'null'],
         title: 'basket.checkout.form.sellerNr'
       }
-    }, !hideWWSButton ? {
+    }, !settings.hideWWSButton ? {
       SendIWOBasket: {
         type: 'boolean',
         title: 'basket.checkout.form.sendIwoBasket'
       }
     } : {}), {}, {
+      Order3DExport: {
+        type: 'boolean',
+        title: 'basket.checkout.order3dexport',
+        description: 'basket.checkout.3dexport',
+        properties: {
+          virtual: true
+        }
+      },
+      SendMail: {
+        type: 'boolean',
+        title: 'basket.checkout.form.sendMail',
+        readOnly: (_settings$sendMail = settings.sendMail) === null || _settings$sendMail === void 0 ? void 0 : _settings$sendMail.disabled,
+        properties: {
+          virtual: true
+        }
+      },
+      SendOrder: {
+        type: 'boolean',
+        title: 'basket.checkout.form.sendOrder',
+        properties: {
+          virtual: true
+        }
+      },
       PrintOptions: {
         type: 'object',
         properties: {
@@ -7046,154 +7290,222 @@ var schema = function schema(hideWWSButton) {
     })
   };
 };
-var uiSchema = function uiSchema(hideWWSButton, enableSellerInfos) {
+var uiSchema = function uiSchema(settings) {
   return {
     type: 'VerticalLayout',
     elements: [{
-      type: 'HorizontalLayout',
+      key: 'BasicData',
+      type: 'Group',
+      label: 'basket.checkout.form.basicData',
       elements: [{
-        type: 'Control',
-        scope: '#/properties/RetailerOfferNum'
-      }, {
-        type: 'Control',
-        scope: '#/properties/RetailerName',
-        rule: {
-          effect: 'ENABLE',
-          condition: {
-            scope: '#/properties/RetailerName',
-            schema: {
-              "const": '----'
-            }
-          }
-        }
-      }, {
-        type: 'Control',
-        scope: '#/properties/RetailerNr',
-        rule: {
-          effect: 'ENABLE',
-          condition: {
-            scope: '#/properties/RetailerName',
-            schema: {
-              "const": '----'
+        type: 'HorizontalLayout',
+        elements: [{
+          type: 'Control',
+          scope: '#/properties/RetailerOfferNum'
+        }, {
+          type: 'Control',
+          scope: '#/properties/RetailerName',
+          rule: {
+            effect: 'ENABLE',
+            condition: {
+              scope: '#/properties/RetailerName',
+              schema: {
+                "const": '----'
+              }
             }
           }
-        }
-      }]
-    }, {
-      type: 'HorizontalLayout',
-      elements: [{
-        type: 'Control',
-        scope: '#/properties/Salesperson',
-        rule: !enableSellerInfos ? {
-          effect: 'ENABLE',
-          condition: {
-            scope: '#/properties/RetailerName',
-            schema: {
-              "const": '----'
+        }, {
+          type: 'Control',
+          scope: '#/properties/RetailerNr',
+          rule: {
+            effect: 'ENABLE',
+            condition: {
+              scope: '#/properties/RetailerName',
+              schema: {
+                "const": '----'
+              }
             }
           }
-        } : undefined
+        }]
       }, {
-        type: 'Control',
-        scope: '#/properties/SalespersonEmail',
-        rule: !enableSellerInfos ? {
-          effect: 'ENABLE',
-          condition: {
-            scope: '#/properties/RetailerName',
-            schema: {
-              "const": '----'
+        type: 'HorizontalLayout',
+        elements: [{
+          type: 'Control',
+          scope: '#/properties/Salesperson',
+          rule: !settings.enableSellerInfos ? {
+            effect: 'ENABLE',
+            condition: {
+              scope: '#/properties/RetailerName',
+              schema: {
+                "const": '----'
+              }
             }
-          }
-        } : undefined
+          } : undefined
+        }, {
+          type: 'Control',
+          scope: '#/properties/SalespersonEmail',
+          rule: !settings.enableSellerInfos ? {
+            effect: 'ENABLE',
+            condition: {
+              scope: '#/properties/RetailerName',
+              schema: {
+                "const": '----'
+              }
+            }
+          } : undefined
+        }, {
+          type: 'Control',
+          scope: '#/properties/SalespersonNr',
+          rule: !settings.enableSellerInfos ? {
+            effect: 'ENABLE',
+            condition: {
+              scope: '#/properties/RetailerName',
+              schema: {
+                "const": '----'
+              }
+            }
+          } : undefined
+        }]
       }, {
         type: 'Control',
-        scope: '#/properties/SalespersonNr',
-        rule: !enableSellerInfos ? {
-          effect: 'ENABLE',
-          condition: {
-            scope: '#/properties/RetailerName',
-            schema: {
-              "const": '----'
-            }
-          }
-        } : undefined
+        scope: '#/properties/ClientRemark',
+        options: {
+          multi: true
+        }
       }]
     }, {
-      type: 'Control',
-      scope: '#/properties/ClientRemark',
-      options: {
-        multi: true
-      }
-    }, {
-      key: 'PrintOptions',
-      type: 'Group',
-      label: 'basket.checkout.form.printOptions',
+      type: 'HorizontalLayout',
       elements: [{
-        type: 'HorizontalLayout',
+        key: 'PrintOptions',
+        type: 'Group',
+        label: 'basket.checkout.form.printOptions',
         elements: [{
-          type: 'VerticalLayout',
+          type: 'HorizontalLayout',
           elements: [{
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/PlanningSketch'
-          }, {
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/Remark'
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/PlanningSketch'
+            }]
           }, {
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/Signature'
-          }, {
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/SalespersonData'
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/ModelName'
+            }]
           }]
         }, {
-          type: 'VerticalLayout',
+          type: 'HorizontalLayout',
           elements: [{
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/ModelName'
-          }, {
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/Gdpr'
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/CollectionLogo'
+            }]
           }, {
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/Prices'
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/Remark'
+            }]
+          }]
+        }, {
+          type: 'HorizontalLayout',
+          elements: [{
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/ClientpersonData'
+            }]
           }, {
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/OpvCodices'
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/Signature'
+            }]
           }]
         }, {
-          type: 'VerticalLayout',
+          type: 'HorizontalLayout',
           elements: [{
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/CollectionLogo'
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/Gdpr'
+            }]
           }, {
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/ClientpersonData'
+            type: 'VerticalLayout',
+            elements: []
+          }]
+        }, {
+          type: 'HorizontalLayout',
+          elements: [{
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/Prices'
+            }]
           }, {
-            type: 'Control',
-            scope: '#/properties/PrintOptions/properties/AllPrices',
-            rule: {
-              effect: 'HIDE',
-              condition: {
-                scope: '#/properties/PrintOptions/properties/Prices',
-                schema: {
-                  not: {
-                    "const": true
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/AllPrices',
+              rule: {
+                effect: 'HIDE',
+                condition: {
+                  scope: '#/properties/PrintOptions/properties/Prices',
+                  schema: {
+                    not: {
+                      "const": true
+                    }
                   }
                 }
               }
-            }
+            }]
+          }]
+        }, {
+          type: 'HorizontalLayout',
+          elements: [{
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/SalespersonData'
+            }]
+          }, {
+            type: 'VerticalLayout',
+            elements: [{
+              type: 'Control',
+              scope: '#/properties/PrintOptions/properties/OpvCodices'
+            }]
           }]
         }]
+      }, {
+        key: 'AdditionalOptions',
+        type: 'Group',
+        label: 'basket.checkout.form.additionalOptions',
+        elements: [].concat(_toConsumableArray(!settings.hideWWSButton ? [{
+          type: 'Control',
+          scope: '#/properties/SendIWOBasket'
+        }] : []), [{
+          key: 'SendOrder',
+          type: 'Control',
+          scope: '#/properties/SendOrder'
+        }, {
+          type: 'Control',
+          scope: '#/properties/Order3DExport',
+          options: {
+            showUnfocusedDescription: true
+          }
+        }, {
+          type: 'Control',
+          scope: '#/properties/SendMail'
+        }])
       }]
-    }].concat(_toConsumableArray(!hideWWSButton ? [{
-      type: 'Control',
-      scope: '#/properties/SendIWOBasket'
-    }] : []))
+    }]
   };
 };
 
 function Step3Checkout(_ref) {
-  var _config$checkout, _config$checkout2, _config$checkout3, _config$checkout4, _config$checkout5;
+  var _config$checkout, _config$checkout2, _basket$Client, _config$checkout3, _config$checkout4, _config$checkout5, _config$checkout6;
   var updateBasket = _ref.updateBasket,
     startWithEmptyBasket = _ref.startWithEmptyBasket,
     onClickSave = _ref.onClickSave,
@@ -7208,6 +7520,25 @@ function Step3Checkout(_ref) {
     updateProductData = _ref.updateProductData;
   var _useDivaCore = useDivaCore(),
     organization = _useDivaCore.state.organization;
+  var _useSellerState = useSellerState$1(),
+    catalogData = _useSellerState.state.catalogData;
+  var configSaveButtons = (config === null || config === void 0 || (_config$checkout = config.checkout) === null || _config$checkout === void 0 ? void 0 : _config$checkout.saveButtons) || ['SAVE', 'SAVE_AND_SEND', 'NEW'];
+  var orderEmpty = !basket.OrderSets || basket.OrderSets.length == 0 || (config === null || config === void 0 || (_config$checkout2 = config.checkout) === null || _config$checkout2 === void 0 ? void 0 : _config$checkout2.checkGdpr) && !isEmpty(basket === null || basket === void 0 ? void 0 : basket.Client) && !basket.Gdpr;
+  var userInfoPresent = !!((_basket$Client = basket.Client) !== null && _basket$Client !== void 0 && _basket$Client.email);
+  var schemaSettings = {
+    hideWWSButton: !organization.hasIwoFurn,
+    enableSellerInfos: config === null || config === void 0 ? void 0 : config.enableSellerInfos,
+    show3dExport: (catalogData === null || catalogData === void 0 ? void 0 : catalogData.find(function (c) {
+      return !c.disable3DExport;
+    })) && (catalogData === null || catalogData === void 0 ? void 0 : catalogData.find(function (c) {
+      return c.has3D;
+    })) && organization.settings.enable3DExport,
+    showSendOrder: organization.settings.sendOrders ? true : false,
+    sendMail: {
+      show: configSaveButtons.includes('SAVE_AND_SEND'),
+      disabled: orderEmpty || !userInfoPresent
+    }
+  };
   return /*#__PURE__*/jsx(CheckOut, {
     startWithEmptyBasket: startWithEmptyBasket,
     onClickSave: onClickSave,
@@ -7215,18 +7546,32 @@ function Step3Checkout(_ref) {
     setStatus: setStatus,
     basket: basket,
     statusArray: statusArray,
-    schema: (config === null || config === void 0 || (_config$checkout = config.checkout) === null || _config$checkout === void 0 ? void 0 : _config$checkout.schema) || schema(!organization.hasIwoFurn),
-    uiSchema: (config === null || config === void 0 || (_config$checkout2 = config.checkout) === null || _config$checkout2 === void 0 ? void 0 : _config$checkout2.uiSchema) || uiSchema(!organization.hasIwoFurn, config === null || config === void 0 ? void 0 : config.enableSellerInfos),
+    schema: (config === null || config === void 0 || (_config$checkout3 = config.checkout) === null || _config$checkout3 === void 0 ? void 0 : _config$checkout3.schema) || schema(schemaSettings),
+    uiSchema: (config === null || config === void 0 || (_config$checkout4 = config.checkout) === null || _config$checkout4 === void 0 ? void 0 : _config$checkout4.uiSchema) || uiSchema(schemaSettings),
+    schemaSettings: schemaSettings,
     updateBasket: updateBasket,
-    renderService: config === null || config === void 0 || (_config$checkout3 = config.checkout) === null || _config$checkout3 === void 0 ? void 0 : _config$checkout3.renderService,
-    configSaveButtons: (config === null || config === void 0 || (_config$checkout4 = config.checkout) === null || _config$checkout4 === void 0 ? void 0 : _config$checkout4.saveButtons) || ['SAVE', 'SAVE_AND_OPEN', 'SAVE_AND_SEND', 'NEW'],
-    gdpr: config === null || config === void 0 || (_config$checkout5 = config.checkout) === null || _config$checkout5 === void 0 ? void 0 : _config$checkout5.checkGdpr,
+    renderService: config === null || config === void 0 || (_config$checkout5 = config.checkout) === null || _config$checkout5 === void 0 ? void 0 : _config$checkout5.renderService,
+    configSaveButtons: configSaveButtons,
+    gdpr: config === null || config === void 0 || (_config$checkout6 = config.checkout) === null || _config$checkout6 === void 0 ? void 0 : _config$checkout6.checkGdpr,
     currentProduct: currentProduct,
     productIsLoading: productIsLoading,
     saveProduct: saveProduct,
     updateProductData: updateProductData
   });
 }
+function isEmpty(data) {
+  if (!data) {
+    return true;
+  }
+  if (Object.keys(data).length === 0 && data.constructor === Object) {
+    return true;
+  } else if (data.constructor !== Object) {
+    return false;
+  }
+  return Object.keys(data).every(function (k) {
+    return isEmpty(data[k]);
+  });
+}
 
 function Step4Checkout(_ref) {
   var currentProduct = _ref.currentProduct,
@@ -7483,7 +7828,8 @@ function Basket(_ref) {
     openBasket = _useSellerState$actio.openBasket,
     openModal = _useSellerState$actio.openModal,
     sendEmail = _useSellerState$actio.sendEmail,
-    resetBasketState = _useSellerState$actio.resetBasketState;
+    resetBasketState = _useSellerState$actio.resetBasketState,
+    setOrdered = _useSellerState$actio.setOrdered;
   var _useProduct = useProduct(currentBasketState === null || currentBasketState === void 0 ? void 0 : currentBasketState.basket),
     currentProduct = _useProduct.currentProduct,
     saveProduct = _useProduct.saveProduct,
@@ -7639,7 +7985,7 @@ function Basket(_ref) {
     }
   };
   var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pdf, doSendEmail, export3D) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pdf, doSendEmail, export3D, sendOrder) {
       var _configurationData$Ch, _configurationData$re;
       var getPdf, response, _configurationData$Ch2, _ref3, pdfUrl, idx, o, d3dp, newRenderJob, _configurationData$Ch3, _configurationData$Ch4, _currentBasket$Client, _opener;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -7663,7 +8009,7 @@ function Basket(_ref) {
               break;
             }
             errorOnSaving(response);
-            _context.next = 41;
+            _context.next = 44;
             break;
           case 12:
             _ref3 = response, pdfUrl = _ref3.pdfUrl;
@@ -7741,11 +8087,25 @@ function Basket(_ref) {
                 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 (!sendOrder) {
+              _context.next = 40;
+              break;
+            }
+            _context.next = 40;
+            return setOrdered(currentBasket, true);
+          case 40:
             if (doSendEmail) {
               sendEmail({
                 dialogText: t('basket.modals.email.text', {
                   divaNr: currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()
                 }),
+                showDialog: true,
+                dialogAcceptMailSend: pdf == 'open' ? t('modals.open_pdf_now') : undefined,
+                mailSendCallback: function mailSendCallback() {
+                  if (pdf == 'open') {
+                    window.open(pdfUrl, '_blank');
+                  }
+                },
                 content: {
                   type: 'basket',
                   to: ((_currentBasket$Client = currentBasket.Client) === null || _currentBasket$Client === void 0 ? void 0 : _currentBasket$Client.email) || '',
@@ -7762,17 +8122,19 @@ function Basket(_ref) {
                 }, '*');
                 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');
+                if (!sendOrder) {
+                  openModal({
+                    title: t('modals.saving'),
+                    reject: t('modals.close'),
+                    accept: pdf == 'open' ? t('modals.open_now') : true,
+                    text: t('modals.saving_successful').replace('%1', currentBasket.DivaNr + '-' + currentBasket.getDocumentVersion()),
+                    callback: function callback(accepted) {
+                      if (accepted && pdf == 'open') {
+                        window.open(pdfUrl, '_blank');
+                      }
                     }
-                  }
-                });
+                  });
+                }
               }
               /* TODO used with SM integration in divaProtal
                  openModal({
@@ -7796,13 +8158,13 @@ function Basket(_ref) {
             });
             currentBasket.setDocumentVersion(currentBasket.getDocumentVersion() + 1);
             setActBasketPage('Step1');
-          case 41:
+          case 44:
           case "end":
             return _context.stop();
         }
       }, _callee, null, [[14, 32]]);
     }));
-    return function onClickSave(_x, _x2, _x3) {
+    return function onClickSave(_x, _x2, _x3, _x4) {
       return _ref2.apply(this, arguments);
     };
   }();