@crystaldesign/diva-web-planner-react 25.5.0-beta.2 → 25.5.0-beta.21

package/build/esm/{index-b6f1347b.js → index-4ed63c47.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-decc0e6e.js';
+import './index-e3c7468f.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-2df685b9.js → index-4ee65998.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-0921c5b3.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-80e82e37.js';
 import classnames from 'classnames';
-import IsActive from './index-7ad99a6f.js';
+import IsActive from './index-b4a1ec62.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-992cfd03.js';
-import InfoIcon from './index-ea23d3b1.js';
-import PricePreview from './index-3c5d4c66.js';
+import GenericToolTip from './index-a2961ce2.js';
+import InfoIcon from './index-67db8188.js';
+import PricePreview from './index-d21ec3f7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-7d7171e9.js → index-4f4ce304.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-984d0ce3.js';
-import TabGroups from './index-6e20eab3.js';
-import TabGroupOptions from './index-58947102.js';
+import { w as wholeWrapper, n as notExpanded } from './index.module-371fb519.js';
+import TabGroups from './index-758ad5e7.js';
+import TabGroupOptions from './index-5872245f.js';
 import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-cf70f6b7.js';
+import ProduktDetails from './index-2d417be2.js';
 import Collapsible from 'react-collapsible';
-import Price from './index-ece08e64.js';
+import Price from './index-7237c5ef.js';
 import classnames from 'classnames';
-import JsonViewer from './index-0508316f.js';
+import JsonViewer from './index-132a7513.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -25,9 +25,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-efcdd4e5.js';
+import './index.module-04c7b7c6.js';
 import 'react-json-view-lite';
-import './react-json-viewer-784c96c9.js';
+import './react-json-viewer-760b1c6d.js';
 
 var menuPoint = "menu-point-Bz5zM";
 var collapsibleHeader = "collapsibleHeader-lzT9Y";

package/build/esm/{index-c0fe91b0.js → index-4f54030d.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-decc0e6e.js';
+import './index-e3c7468f.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-2638cdc6.js';
-import SVGViewer from './index-2fa90fce.js';
+import ArticleOverview from './index-180e05b1.js';
+import SVGViewer from './index-7bbce16a.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -19,14 +19,14 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-98e21631.js';
-import './index.module-efcdd4e5.js';
+import './index.module-b62ef671.js';
+import './index.module-04c7b7c6.js';
 import 'classnames';
-import './index.module-984d0ce3.js';
+import './index.module-371fb519.js';
 import 'react-collapsible';
-import './index-b3888675.js';
-import './index.module-f436fa34.js';
-import './index-af781a57.js';
+import './index-6c3d48a3.js';
+import './index.module-0711bca3.js';
+import './index-14aacc54.js';
 
 function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-f4c0ba9e.js → index-52a547c7.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-1323b1bc.js';
+import VerticalTabGroupItemStandard from './index-a7e0f740.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -18,7 +18,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './IconHandler-4ba9499c.js';
+import './IconHandler-eac04b8f.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-f44b17c6.js → index-5444d72f.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-e3c7468f.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-eeb23611.js';
-import Arrow from './index-75736621.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-9f622d43.js';
+import Arrow from './index-27227383.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-04f41a0d.js → index-55db588a.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-e3c7468f.js';
 import 'react';
-import { k as wcPlanner3DGrid } from './index.module-8c4d89de.js';
+import { k as wcPlanner3DGrid } from './index.module-f056e291.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b319db0b.js → index-5691c856.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-96e19b0d.js';
+import { S as SettingsItem } from './index-b4f90fbb.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -19,68 +19,68 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-a3dadd7d.js';
-import './index-cd6dec40.js';
-import './index-a759cb49.js';
-import './index-ad2b4a21.js';
-import './index-84e80aba.js';
-import './index.module-bf819e8d.js';
-import './index-80e688aa.js';
+import './index-a4feac81.js';
+import './index-48fd18e0.js';
+import './index-a16567a0.js';
+import './index-a557554b.js';
+import './index-b9777d25.js';
+import './index.module-c5964264.js';
+import './index-bf91dc3f.js';
 import 'react-switch';
-import './index-ea23d3b1.js';
-import './index-3c5d4c66.js';
-import './index-84250f38.js';
+import './index-67db8188.js';
+import './index-d21ec3f7.js';
+import './index-6b7c43a9.js';
 import 'react-dropdown';
-import './index-ca56495b.js';
+import './index-1b04a88b.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-61c38a78.js';
-import './index-75736621.js';
-import './index-aadfa16b.js';
+import './index-cf2b3286.js';
+import './index-27227383.js';
+import './index-158d80fe.js';
 import '@crystaldesign/content-box';
-import './index-bd3ff62c.js';
-import './index-e252a92b.js';
-import './index-27a412af.js';
-import './index-2ad042db.js';
-import './index-1b529a87.js';
-import './index-a65a4e66.js';
+import './index-42dc35ff.js';
+import './index-6bad99f0.js';
+import './index-497d0043.js';
+import './index-4b917cac.js';
+import './index-c43b3c64.js';
+import './index-4c21e997.js';
 import 'react-laag';
-import './index-95a76687.js';
-import './index-992cfd03.js';
-import './index-9b446adc.js';
-import './index-1c785383.js';
-import './index-a018e2a4.js';
-import './index-7f881af2.js';
-import './index-2cc163f2.js';
-import './index-e97b9d85.js';
-import './index-556243ae.js';
-import './index-c0c66ec4.js';
-import './index.module-46e2de16.js';
-import './index-7ad99a6f.js';
-import './index-b3454689.js';
-import './index-284285b1.js';
-import './index-9877a1dd.js';
-import './index-e72219d1.js';
-import './index-7b37b292.js';
-import './index-ac37476b.js';
-import './index.module-0921c5b3.js';
-import './index-09ad0dd2.js';
-import './index-eb006284.js';
-import './index-7dd50d43.js';
-import './index-397df6a5.js';
-import './index.module-0bf307f8.js';
-import 'react-select';
-import './index-e0e990f2.js';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-a21faefc.js';
+import './index-a2961ce2.js';
+import './index-582f329b.js';
+import './index-a08bfd8f.js';
+import './index-6545066c.js';
+import './index-aa0d060b.js';
+import './index-b110c09c.js';
+import './index-7f4c9e80.js';
+import './index-0fbdc8fe.js';
+import './index-c6707602.js';
+import './index.module-5dabc30d.js';
+import './index-b4a1ec62.js';
+import './index-fa54d12a.js';
+import './index-e91df780.js';
+import './index-3ea56475.js';
+import './index-d3507d6f.js';
+import './index-b2971f91.js';
+import './index-94011fa9.js';
+import './index.module-80e82e37.js';
+import './index-a04e36ad.js';
+import './index-8bf3032e.js';
+import './index-1af5ba53.js';
+import './index-6a76b60c.js';
+import './index.module-8387d2e1.js';
+import './index-df9236e8.js';
+import './index-5ad6496f.js';
+import './index-d1e6b97f.js';
+import './index.module-a11afe75.js';
+import './index-fd3c9e93.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-7d17dda2.js';
+import './index-ca44fcc3.js';
+import './index-5a03675e.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
-import './index-ab20e15c.js';
+import './index-d14683a7.js';
+import './index-31d10217.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-3cf524a5.js → index-57097245.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-69379e31.js → index-575251c6.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-decc0e6e.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-e3c7468f.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-4f52a43e.js';
-import AVR from './index-e2b00879.js';
-import Outline from './index-b2e2ed13.js';
-import RotationClockwise from './index-d1f99318.js';
-import RotationCounterClockwise from './index-716dafbb.js';
-import Trash from './index-292081d9.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-1399917a.js';
+import AVL from './index-57c58d48.js';
+import AVR from './index-66b4fc4e.js';
+import Outline from './index-7b1f12e6.js';
+import RotationClockwise from './index-8154e07d.js';
+import RotationCounterClockwise from './index-184d8851.js';
+import Trash from './index-05cd13a3.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-18b9aa0d.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-c232e590.js';
-import BoxCopy from './index-0f151e9f.js';
-import Move3DGrid from './index-06d9f730.js';
-import Rotation3DGrid from './index-195e92cd.js';
+import PosNr from './index-e940f244.js';
+import BoxCopy from './index-34cf56a6.js';
+import Move3DGrid from './index-656df99f.js';
+import Rotation3DGrid from './index-3c6ed537.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-33f29212.js';
-import DistanceToGround from './index-bb58ecb1.js';
+import ElementCopy from './index-66871751.js';
+import DistanceToGround from './index-de150857.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -30,7 +30,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-8030876a.js';
+import './index-79254cd3.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-4f52a43e.js → index-57c58d48.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-decc0e6e.js';
+import { a as usePlannerUIHandler } from './index-e3c7468f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-9b446adc.js → index-582f329b.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-decc0e6e.js';
+import './index-e3c7468f.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-58947102.js → index-5872245f.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-5e6bb517.js → index-58e70d18.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-decc0e6e.js';
+import './index-e3c7468f.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-8258c7ce.js → index-5a03675e.js}

@@ -2,11 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import './index-decc0e6e.js';
+import './index-e3c7468f.js';
 import { useState } from 'react';
-import { s as subWrapper, t as textWrapper, d as boldText, e as icon, f as checkGreen, h as inputWrapper, j as input, k as errorText, b as button, a as inverted, l as disabled, n as mail } from './index.module-0bf307f8.js';
+import { s as subWrapper, t as textWrapper, d as boldText, e as icon, f as checkGreen, h as inputWrapper, j as input, k as errorText, l as checkboxWrapper, m as checkbox, n as text, b as button, a as inverted, o as disabled, q as mail } from './index.module-8387d2e1.js';
 import classnames from 'classnames';
 import { getLogger, useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import AcceptTerms from './index-df9236e8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';
@@ -27,9 +28,13 @@ var Save = function Save(_ref) {
     emailConfig = _ref$config.emailConfig,
     event = _ref$config.event,
     returnTo = _ref$config.returnTo,
+    _ref$config$showDSGVO = _ref$config.showDSGVO,
+    showDSGVO = _ref$config$showDSGVO === void 0 ? true : _ref$config$showDSGVO,
+    showSubscription = _ref$config.showSubscription,
     basket = _ref.basket,
     viewHandler = _ref.viewHandler;
   var _useDivaCore = useDivaCore(),
+    navigationConfiguration = _useDivaCore.state.navigationConfiguration,
     sendEmail = _useDivaCore.actions.sendEmail;
   var _useTranslation = useTranslation(),
     i18n = _useTranslation.i18n,
@@ -40,43 +45,65 @@ var Save = function Save(_ref) {
     setAbleToSend = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showWarning = _useState4[0],
-    setShowWarning = _useState4[1];
-  var _useState5 = useState(''),
+    showWarningEmail = _useState4[0],
+    setShowWarningEmail = _useState4[1];
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    mail$1 = _useState6[0],
-    setMail = _useState6[1];
+    showWarningDSGVO = _useState6[0],
+    setShowWarningDSGVO = _useState6[1];
   var _useState7 = useState(''),
     _useState8 = _slicedToArray(_useState7, 2),
-    name = _useState8[0],
-    setName = _useState8[1];
+    mail$1 = _useState8[0],
+    setMail = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    name = _useState10[0],
+    setName = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    checkDSGVO = _useState12[0],
+    setCheckDSGVO = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    checkSubscriptionToNewsletter = _useState14[0],
+    setCheckSubscriptionToNewsletter = _useState14[1];
   var sendMail = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _viewHandler$actions, _viewHandler$divaWebP, _viewHandler$divaWebP2;
-      var result;
+      var _viewHandler$actions;
+      var returnAfter, result;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (DivaUtils.validateEmail(mail$1)) {
-              _context.next = 4;
+            returnAfter = false;
+            if (!DivaUtils.validateEmail(mail$1)) {
+              setAbleToSend(false);
+              setShowWarningEmail(true);
+              returnAfter = true;
+            }
+            if (showDSGVO && !checkDSGVO) {
+              setAbleToSend(false);
+              setShowWarningDSGVO(true);
+              returnAfter = true;
+            }
+            if (!returnAfter) {
+              _context.next = 5;
               break;
             }
-            setAbleToSend(false);
-            setShowWarning(true);
             return _context.abrupt("return");
-          case 4:
+          case 5:
             LOG.businessEvent('onPlannerSaveEMail', 'Planner', "Eine Konfiguration wurde gespeichert und als Mail gesendet");
             (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.closeModal();
-            _context.next = 8;
-            return (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner).onClickAddToBasket) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.call(_viewHandler$divaWebP2, event, true, returnTo, true);
-          case 8:
+            //save basket if needed
+            _context.next = 10;
+            return viewHandler.divaWebPlanner.getCurrentBasket(event, true, returnTo, true);
+          case 10:
             result = _context.sent;
             if (result) {
-              _context.next = 11;
+              _context.next = 13;
               break;
             }
             return _context.abrupt("return");
-          case 11:
+          case 13:
             emailConfig === null || emailConfig === void 0 || emailConfig.map(function (c) {
               return sendEmail({
                 showDialog: false,
@@ -88,7 +115,7 @@ var Save = function Save(_ref) {
                 })
               });
             });
-          case 12:
+          case 14:
           case "end":
             return _context.stop();
         }
@@ -101,9 +128,14 @@ var Save = function Save(_ref) {
   var onChangeMail = function onChangeMail(input) {
     var validMail = DivaUtils.validateEmail(input);
     setAbleToSend(validMail);
-    if (validMail) setShowWarning(false);
+    if (validMail) setShowWarningEmail(false);
     setMail(input);
   };
+  var onChangeDSGVO = function onChangeDSGVO(val) {
+    setCheckDSGVO(val);
+    if (val) setShowWarningDSGVO(false);
+    if (!showWarningEmail) setAbleToSend(true);
+  };
   var onChangeName = function onChangeName(input) {
     setName(input);
     var basket = viewHandler.divaWebPlanner.getBasket();
@@ -137,7 +169,7 @@ var Save = function Save(_ref) {
         onChange: function onChange(e) {
           return onChangeMail(e.target.value);
         }
-      }), showWarning && /*#__PURE__*/jsx("div", {
+      }), showWarningEmail && /*#__PURE__*/jsx("div", {
         className: errorText,
         children: t('checkout.save.mail-error')
       })]
@@ -154,6 +186,41 @@ var Save = function Save(_ref) {
           return onChangeName(e.target.value);
         }
       })]
+    }), (!!showSubscription || !!showDSGVO) && /*#__PURE__*/jsxs("div", {
+      className: inputWrapper,
+      children: [!!showDSGVO && /*#__PURE__*/jsxs("div", {
+        className: checkboxWrapper,
+        children: [/*#__PURE__*/jsx("input", {
+          type: "checkbox",
+          className: checkbox,
+          defaultChecked: checkDSGVO,
+          onChange: function onChange(e) {
+            return onChangeDSGVO(e.target.checked);
+          }
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames(text),
+          children: /*#__PURE__*/jsx(AcceptTerms, {
+            agbUrl: navigationConfiguration.tosUrl,
+            privacyUrl: navigationConfiguration.privacyUrl
+          })
+        })]
+      }), !!showSubscription && /*#__PURE__*/jsxs("div", {
+        className: checkboxWrapper,
+        children: [/*#__PURE__*/jsx("input", {
+          type: "checkbox",
+          className: checkbox,
+          defaultChecked: checkSubscriptionToNewsletter,
+          onChange: function onChange(e) {
+            return setCheckSubscriptionToNewsletter(e.target.checked);
+          }
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames(text),
+          children: t('checkout.appointment.subscription')
+        })]
+      }), showWarningDSGVO && /*#__PURE__*/jsx("div", {
+        className: errorText,
+        children: t('checkout.dsgvo_error')
+      })]
     }), /*#__PURE__*/jsxs("button", {
       className: classnames(button, inverted, !ableToSend ? disabled : undefined),
       onClick: sendMail,

package/build/esm/{index-e0e990f2.js → index-5ad6496f.js}

@@ -1,14 +1,14 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-decc0e6e.js';
+import './index-e3c7468f.js';
 import { useState, useEffect } from 'react';
-import MultiToggleSwitch from './index-17d6e257.js';
-import { w as wrapper, i as icon } from './index.module-291775af.js';
-import { u as url, m as message, n as mail } from './index.module-0bf307f8.js';
+import MultiToggleSwitch from './index-d1e6b97f.js';
+import { w as wrapper, i as icon } from './index.module-a11afe75.js';
+import { u as url, p as message, q as mail } from './index.module-8387d2e1.js';
 import classnames from 'classnames';
-import ShareViaUrl from './index-d28f6cf4.js';
-import ShareViaSocialMedias from './index-67d4be96.js';
-import ShareViaEmail from './index-19598696.js';
+import ShareViaUrl from './index-fd3c9e93.js';
+import ShareViaSocialMedias from './index-7d17dda2.js';
+import ShareViaEmail from './index-ca44fcc3.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-dd364f2b.js → index-60f22c13.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-dd5e8d80.js → index-6220721f.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-e3c7468f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-620441b6.js';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-cbc8ec62.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,7 +19,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-7bed9fff.js';
+import './index-4ad8dedb.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {