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

package/build/esm/{index-54cf75ab.js → index-624019dc.js}

@@ -1,18 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-e3c7468f.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-984d0ce3.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-98e21631.js';
-import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-bc9430e5.js';
 import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { a as table, c as column } from './index.module-b62ef671.js';
+import Collapsible from 'react-collapsible';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -20,65 +18,71 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import 'react-json-view-lite';
 
-var _excluded = ["onMouseDown"];
 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; }
-var PartList = function PartList(_ref) {
-  var onMouseDown = _ref.onMouseDown,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+var PartlistTable = function PartlistTable(_ref) {
+  var _onClick = _ref.onClick,
+    articles = _ref.articles,
+    price = _ref.price,
+    title = _ref.title,
+    allOpen = _ref.allOpen,
+    configStepKey = _ref.configStepKey,
+    showDiffOnly = _ref.showDiffOnly;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    selectedDecision = _useState2[0],
-    setSelectedDecision = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    rerender = _useState4[0],
-    setRerender = _useState4[1];
+    pa = _useState2[0],
+    setPa = _useState2[1];
+  var viewHandler = useViewHandler();
   useEffect(function () {
-    var asyncFunct = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return DivaUtils.Sleep(1000);
-            case 2:
-              setRerender(!rerender);
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function asyncFunct() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    asyncFunct();
-  }, [viewHandler.settingsState.configChanged]);
-  var partlistArticles = [];
-  for (var basketId in articles) {
-    partlistArticles = _getPartlistArticles(articles[basketId], partlistArticles);
-  }
-  var _onClick = function onClick(obj) {
-    var _selectedDecision$dec, _selectedDecision$dec2;
-    var d = obj.decision;
-    var nr = d.decisionNo || d.Number;
-    if (nr == ((selectedDecision === null || selectedDecision === void 0 || (_selectedDecision$dec = selectedDecision.decision) === null || _selectedDecision$dec === void 0 ? void 0 : _selectedDecision$dec.Number) || (selectedDecision === null || selectedDecision === void 0 || (_selectedDecision$dec2 = selectedDecision.decision) === null || _selectedDecision$dec2 === void 0 ? void 0 : _selectedDecision$dec2.decisionNo))) {
-      setSelectedDecision(undefined);
-    } else setSelectedDecision(obj);
-  };
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      onMouseDown: onMouseDown,
-      children: "St\xFCcklisten \xDCbersicht"
-    }), /*#__PURE__*/jsxs("table", {
+    var _p$configStepKey;
+    var optionPartlistArticles = viewHandler.settingsState.partlistArticlesInOverview[configStepKey];
+    if (pa !== undefined && optionPartlistArticles && optionPartlistArticles.totalCount !== optionPartlistArticles.items.length) return;
+    if (pa !== undefined && !showDiffOnly) return;
+    var partlistArticles = [];
+    for (var basketId in articles) {
+      partlistArticles = _getPartlistArticles(articles[basketId], partlistArticles);
+    }
+    if (showDiffOnly && optionPartlistArticles && optionPartlistArticles.totalCount === optionPartlistArticles.items.length) {
+      partlistArticles = partlistArticles.map(function (pa) {
+        return _objectSpread(_objectSpread({}, pa), {}, {
+          visible: optionPartlistArticles.items.filter(function (p) {
+            return p.articles.find(function (p) {
+              return p.plaCodex == pa.articleCodex && pa.retailArticleNr == p.retailArticleNr;
+            });
+          }).length !== optionPartlistArticles.items.length
+        });
+      });
+    }
+    var p = _objectSpread({}, viewHandler.settingsState.partlistArticlesInOverview);
+    if ((_p$configStepKey = p[configStepKey]) !== null && _p$configStepKey !== void 0 && _p$configStepKey.items && !p[configStepKey].items.find(function (a) {
+      return a.opv === title;
+    })) {
+      p[configStepKey].items.push({
+        opv: title,
+        articles: partlistArticles.map(function (p) {
+          return {
+            plaCodex: p.articleCodex,
+            retailArticleNr: p.retailArticleNr,
+            quantity: p.quantity
+          };
+        })
+      });
+      viewHandler.settingsState.setPartlistArticlesInOverview(p);
+    }
+    setPa(partlistArticles);
+  }, [viewHandler.settingsState.partlistArticlesInOverview]);
+  return /*#__PURE__*/jsx(Collapsible, {
+    trigger: /*#__PURE__*/jsx("div", {
+      style: {
+        cursor: 'pointer'
+      },
+      children: 'Stücklistenartikel: ' + (pa !== null && pa !== void 0 ? pa : []).length + ' preis: ' + price + ' -- ' + title
+    }),
+    open: title == '' || allOpen,
+    easing: 'ease',
+    transitionTime: 100,
+    children: /*#__PURE__*/jsxs("table", {
       className: table,
       children: [/*#__PURE__*/jsx("thead", {
         children: /*#__PURE__*/jsxs("tr", {
@@ -104,8 +108,10 @@ var PartList = function PartList(_ref) {
           })]
         })
       }), /*#__PURE__*/jsx("tbody", {
-        children: Object.values(partlistArticles).map(function (partListArticle, index) {
-          var _partListArticle$pric;
+        children: (pa !== null && pa !== void 0 ? pa : []).filter(function (p) {
+          return !showDiffOnly || p.visible || p.visible === undefined;
+        }).map(function (partListArticle) {
+          var _partListArticle$pric, _partListArticle$deci, _partListArticle$deci2;
           return /*#__PURE__*/jsxs("tr", {
             className: column,
             children: [/*#__PURE__*/jsxs("th", {
@@ -131,22 +137,13 @@ var PartList = function PartList(_ref) {
                   rule: partListArticle.partlistRule
                 });
               },
-              children: "check decision"
+              children: ((_partListArticle$deci = partListArticle.decision) === null || _partListArticle$deci === void 0 ? void 0 : _partListArticle$deci.Number) || ((_partListArticle$deci2 = partListArticle.decision) === null || _partListArticle$deci2 === void 0 ? void 0 : _partListArticle$deci2.decisionNo)
             })]
           }, partListArticle.articleCodex + partListArticle.retailArticleNr);
         })
       })]
-    }), selectedDecision && /*#__PURE__*/jsx("div", {
-      className: decision,
-      style: {
-        right: 0
-      },
-      children: /*#__PURE__*/jsx(DecisionVisualization, {
-        decision: selectedDecision.decision,
-        matchingOptions: selectedDecision.rule
-      })
-    })]
-  }));
+    })
+  });
 };
 var _getPartlistArticles = function getPartlistArticles(article, partlistArticles) {
   for (var key in article.partlistArticles) {
@@ -171,7 +168,7 @@ var _getPartlistArticles = function getPartlistArticles(article, partlistArticle
   return partlistArticles;
 };
 var getPartlsitArticleObj = function getPartlsitArticleObj(partlistArticle, isWrapper) {
-  var _partlistArticle$reta, _partlistArticle$reta2, _partlistArticle$rule, _partlistArticle$arti, _partlistArticle$cata, _partlistArticle$part, _partlistArticle$part2;
+  var _partlistArticle$reta, _partlistArticle$reta2, _partlistArticle$rule, _partlistArticle$cata, _partlistArticle$part, _partlistArticle$part2;
   return {
     name: (isWrapper ? 'Hülse: ' : '') + partlistArticle.posNr + ' ' + partlistArticle.name,
     price: isWrapper ? '---' : partlistArticle.price,
@@ -179,7 +176,7 @@ var getPartlsitArticleObj = function getPartlsitArticleObj(partlistArticle, isWr
     retailPrefix: (_partlistArticle$reta2 = partlistArticle.retailPrefix) !== null && _partlistArticle$reta2 !== void 0 ? _partlistArticle$reta2 : '',
     quantity: partlistArticle.quantity,
     ruleDesc: (_partlistArticle$rule = partlistArticle.ruleDesc) !== null && _partlistArticle$rule !== void 0 ? _partlistArticle$rule : '',
-    articleCodex: (_partlistArticle$arti = partlistArticle.articleCodex) !== null && _partlistArticle$arti !== void 0 ? _partlistArticle$arti : '',
+    articleCodex: partlistArticle.articleCodex,
     catalogCodex: (_partlistArticle$cata = partlistArticle.catalogCodex) !== null && _partlistArticle$cata !== void 0 ? _partlistArticle$cata : '',
     codex: partlistArticle.articleCodex,
     rule: partlistArticle.ruleDesc,
@@ -189,6 +186,6 @@ var getPartlsitArticleObj = function getPartlsitArticleObj(partlistArticle, isWr
     partlistRule: partlistArticle.partlistRule
   };
 };
-var PartListTable = observer(PartList);
+var PartListTable = observer(PartlistTable);
 
 export { PartListTable as default };

package/build/esm/{index-7847e57e.js → index-63c68792.js}

@@ -1,5 +1,5 @@
 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 classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-a018e2a4.js → index-6545066c.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-06d9f730.js → index-656df99f.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-e3c7468f.js';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-dcf34e2c.js → index-65ff0f9e.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-decc0e6e.js';
-import ProductHeader from './index-bd4afac9.js';
+import { s as styleInject } from './index-e3c7468f.js';
+import ProductHeader from './index-fd2e397e.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,9 +18,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-50e7be80.js';
+import './index-e1984e4b.js';
 import '@crystaldesign/content-box';
-import './index-cd4e8f98.js';
+import './index-7dd48581.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-33f29212.js → index-66871751.js}

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

package/build/esm/{index-e2b00879.js → index-66b4fc4e.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-bdd4f0d1.js → index-6779d3df.js}

@@ -1,5 +1,5 @@
 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 { useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-ea23d3b1.js → index-67db8188.js}

@@ -1,5 +1,5 @@
 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 { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-06399fd5.js → index-68419bf9.js}

@@ -1,12 +1,12 @@
 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 Dropdown from 'react-dropdown';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-ea23d3b1.js';
+import InfoIcon from './index-67db8188.js';
 import MarqueeText from 'react-marquee-text';
-import PricePreview from './index-3c5d4c66.js';
+import PricePreview from './index-d21ec3f7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-397df6a5.js → index-6a76b60c.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-decc0e6e.js';
+import './index-e3c7468f.js';
 import { useState } from 'react';
-import { s as subWrapper, c as scrollWrapper, t as textWrapper, d as boldText, e as icon, f as checkGreen, g as inputWrapper2, h as inputWrapper, j as input, k as errorText, b as button, a as inverted, l as disabled } from './index.module-0bf307f8.js';
+import { s as subWrapper, c as scrollWrapper, t as textWrapper, d as boldText, e as icon, f as checkGreen, g as inputWrapper2, 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 } from './index.module-8387d2e1.js';
 import classnames from 'classnames';
-import Select from 'react-select';
 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';
@@ -25,20 +25,25 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 getLogger('Planner', 'WEB-PLANNER-REACT');
 var CreateAppointment = function CreateAppointment(_ref) {
   var basket = _ref.basket,
-    config = _ref.config;
+    _ref$config = _ref.config,
+    _ref$config$showDSGVO = _ref$config.showDSGVO,
+    showDSGVO = _ref$config$showDSGVO === void 0 ? true : _ref$config$showDSGVO,
+    emailConfig = _ref$config.emailConfig,
+    showSubscription = _ref$config.showSubscription;
   var _useDivaCore = useDivaCore(),
+    navigationConfiguration = _useDivaCore.state.navigationConfiguration,
     sendEmail = _useDivaCore.actions.sendEmail;
   var _useTranslation = useTranslation(),
-    i18n = _useTranslation.i18n;
-    _useTranslation.t;
+    i18n = _useTranslation.i18n,
+    t = _useTranslation.t;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     ableToSend = _useState2[0],
     setAbleToSend = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showWarning = _useState4[0],
-    setShowWarning = _useState4[1];
+    showWarningEmail = _useState4[0],
+    setShowWarningEmail = _useState4[1];
   var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     mail = _useState6[0],
@@ -55,63 +60,87 @@ var CreateAppointment = function CreateAppointment(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     telNumber = _useState12[0],
     setTelNumber = _useState12[1];
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    note = _useState14[0],
+    setNote = _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    checkDSGVO = _useState16[0],
+    setCheckDSGVO = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    checkSubscriptionToNewsletter = _useState18[0],
+    setCheckSubscriptionToNewsletter = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    showWarningDSGVO = _useState20[0],
+    setShowWarningDSGVO = _useState20[1];
   var sendMail = function sendMail() {
+    var returnAfter = false;
     if (!DivaUtils.validateEmail(mail)) {
       setAbleToSend(false);
-      setShowWarning(true);
-      return;
+      setShowWarningEmail(true);
+      returnAfter = true;
     }
-
-    // TODO FRANZ: businessEvent loggen
-    // LOG.businessEvent('onPlannerCreateAppointment', 'Planner', `Es wurde eine Terminanfrage gesendet`, {
-    //   contactType:
-    //   contactDayTime,
-    // });
-
-    sendEmail({
-      content: _objectSpread(_objectSpread({}, config), {}, {
-        to: mail,
-        divaNr: basket.DivaNr,
-        type: 'basket',
-        language: i18n.language
-      })
+    if (showDSGVO && !checkDSGVO) {
+      setAbleToSend(false);
+      setShowWarningDSGVO(true);
+      returnAfter = true;
+    }
+    if (returnAfter) return;
+    emailConfig === null || emailConfig === void 0 || emailConfig.map(function (c) {
+      return sendEmail({
+        showDialog: false,
+        content: _objectSpread(_objectSpread({}, c), {}, {
+          to: mail,
+          divaNr: basket.DivaNr,
+          type: 'basket',
+          language: i18n.language
+        })
+      });
     });
   };
   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);
+  };
   return /*#__PURE__*/jsxs("div", {
     className: subWrapper,
     children: [/*#__PURE__*/jsxs("div", {
       className: scrollWrapper,
-      children: ["WORK IN PROGRESS", /*#__PURE__*/jsx("div", {
+      children: [/*#__PURE__*/jsx("div", {
         className: classnames(textWrapper, boldText),
-        children: "Ihre Vorteile:"
+        children: t('checkout.appointment.advanteges')
       }), /*#__PURE__*/jsxs("div", {
         className: textWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(icon, checkGreen)
-        }), "Pers\xF6nliche Beratung durch unsere Experten"]
+        }), t('checkout.appointment.advanteges_one')]
       }), /*#__PURE__*/jsxs("div", {
         className: textWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(icon, checkGreen)
-        }), "Optimierung Ihrer Konfiguration"]
+        }), t('checkout.appointment.advanteges_two')]
       }), /*#__PURE__*/jsxs("div", {
         className: textWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(icon, checkGreen)
-        }), "Individuelle Anpassungsm\xF6glichkeiten"]
+        }), t('checkout.appointment.advanteges_three')]
       }), /*#__PURE__*/jsxs("div", {
         className: inputWrapper2,
         children: [/*#__PURE__*/jsxs("div", {
           className: inputWrapper,
           children: [/*#__PURE__*/jsx("div", {
             className: classnames(boldText),
-            children: "Dein Vorname"
+            children: t('checkout.save.firstname')
           }), /*#__PURE__*/jsx("input", {
             className: input,
             type: "text",
@@ -124,7 +153,7 @@ var CreateAppointment = function CreateAppointment(_ref) {
           className: inputWrapper,
           children: [/*#__PURE__*/jsx("div", {
             className: classnames(boldText),
-            children: "Dein Nachname"
+            children: t('checkout.surname')
           }), /*#__PURE__*/jsx("input", {
             className: input,
             type: "text",
@@ -138,7 +167,7 @@ var CreateAppointment = function CreateAppointment(_ref) {
         className: inputWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(boldText),
-          children: "Deine E-Mail-Adresse"
+          children: t('checkout.save.email')
         }), /*#__PURE__*/jsx("input", {
           className: input,
           type: "email",
@@ -146,15 +175,15 @@ var CreateAppointment = function CreateAppointment(_ref) {
           onChange: function onChange(e) {
             return onChangeMail(e.target.value);
           }
-        }), showWarning && /*#__PURE__*/jsx("div", {
+        }), showWarningEmail && /*#__PURE__*/jsx("div", {
           className: errorText,
-          children: "Bitte geben sie eine vollst\xE4ndige E-Mailadresse an!"
+          children: t('checkout.share_mail.mail_error')
         })]
       }), /*#__PURE__*/jsxs("div", {
         className: inputWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(boldText),
-          children: "Telefonnummer"
+          children: t('telephoneSwitchBoard')
         }), /*#__PURE__*/jsx("input", {
           className: input,
           type: "text",
@@ -167,34 +196,61 @@ var CreateAppointment = function CreateAppointment(_ref) {
         className: inputWrapper,
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(boldText),
-          children: "Bevorzugte Kontaktart"
-        }), /*#__PURE__*/jsx(Select, {
-          options: ['Telefon', 'E-Mail', 'Video-Call']
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: inputWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(boldText),
-          children: "Bevorzugte Tageszeit"
-        }), /*#__PURE__*/jsx(Select, {
-          options: ['Vormittag', 'Nachmittag', 'Abends']
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: inputWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(boldText),
-          children: "Ihre Nachricht (optional )"
+          children: t('checkout.appointment.note')
         }), /*#__PURE__*/jsx("textarea", {
           id: "message",
-          placeholder: "Haben Sie spezielle Fragen oder W\xFCnsche?"
+          placeholder: t('checkout.appointment.note_placehoder'),
+          style: {
+            height: 100,
+            maxWidth: 350
+          },
+          onChange: function onChange(e) {
+            return setNote(e.target.value);
+          },
+          value: note
+        })]
+      })]
+    }), (!!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__*/jsx("button", {
       className: classnames(button, inverted, !ableToSend ? disabled : undefined),
       onClick: function onClick() {
         return sendMail();
       },
-      children: "Termin anfragen"
+      children: t('checkout.appointment.create')
     })]
   });
 };

package/build/esm/{index-84250f38.js → index-6b7c43a9.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-decc0e6e.js';
+import { s as styleInject } from './index-e3c7468f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-ca56495b.js';
-import Searchbar from './index-e252a92b.js';
-import Arrow from './index-75736621.js';
-import InfoIcon from './index-ea23d3b1.js';
-import PricePreview from './index-3c5d4c66.js';
+import RALFilter from './index-1b04a88b.js';
+import Searchbar from './index-6bad99f0.js';
+import Arrow from './index-27227383.js';
+import InfoIcon from './index-67db8188.js';
+import PricePreview from './index-d21ec3f7.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,10 +24,10 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-61c38a78.js';
-import './index-aadfa16b.js';
+import './index-cf2b3286.js';
+import './index-158d80fe.js';
 import '@crystaldesign/content-box';
-import './index-bd3ff62c.js';
+import './index-42dc35ff.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";

package/build/esm/{index-e252a92b.js → index-6bad99f0.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-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 { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-b3888675.js → index-6c3d48a3.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-e3c7468f.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-f436fa34.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-0711bca3.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';