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

package/build/esm/{index-503ce97c.js → index-d8d30a48.js}

@@ -1,9 +1,9 @@
 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-0c43b7d2.js';
 import 'react';
-import SettingsHeaderContainer from './index-7f949b69.js';
-import SettingsScroller from './index-4fd157ef.js';
+import SettingsHeaderContainer from './index-7dd5b431.js';
+import SettingsScroller from './index-b4b28885.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -19,75 +19,75 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-cd6dec40.js';
-import './index-06af5434.js';
-import './index-dd5e8d80.js';
+import './index-6f2207f7.js';
+import './index-a66d5904.js';
+import './index-2962b1d5.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-620441b6.js';
+import './index-e3ed0212.js';
 import 'react-laag';
-import './index-7bed9fff.js';
-import './index-96e19b0d.js';
+import './index-85e68bb3.js';
+import './index-80c714a0.js';
 import 'sift';
-import './index-a3dadd7d.js';
-import './index-a759cb49.js';
-import './index-ad2b4a21.js';
-import './index-84e80aba.js';
-import './index.module-bf819e8d.js';
-import './index-80e688aa.js';
+import './index-b7db05c7.js';
+import './index-983ce8b5.js';
+import './index-7e5c0d4b.js';
+import './index-171f5b2f.js';
+import './index.module-c3930d0b.js';
+import './index-9cad44d0.js';
 import 'react-switch';
-import './index-ea23d3b1.js';
-import './index-3c5d4c66.js';
-import './index-84250f38.js';
+import './index-5719863e.js';
+import './index-e7ae826e.js';
+import './index-91c3ab9a.js';
 import 'react-dropdown';
-import './index-ca56495b.js';
-import './index-61c38a78.js';
-import './index-75736621.js';
-import './index-aadfa16b.js';
+import './index-6b442019.js';
+import './index-98a22d02.js';
+import './index-c5f13d57.js';
+import './index-a183185b.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-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-904781bb.js';
+import './index-256b7f3e.js';
+import './index-67212bcc.js';
+import './index-cbf2457a.js';
+import './index-8136916e.js';
+import './index-91072fcb.js';
+import './index-516d8d3e.js';
+import './index-a62394ce.js';
+import './index-37f4e2a3.js';
+import './index-deddc7bd.js';
+import './index-dd1d8193.js';
+import './index-eaa67be6.js';
+import './index-08a05eff.js';
+import './index-56e41a03.js';
+import './index-6c1eb6dd.js';
+import './index-a0abef0a.js';
+import './index.module-5d2a78df.js';
+import './index-2f65bc6c.js';
+import './index-cbd7bc28.js';
+import './index-6671c5fa.js';
+import './index-68d6acd9.js';
+import './index-259905d5.js';
+import './index-3d4ba9e7.js';
+import './index-95a2054f.js';
+import './index.module-87deb4be.js';
+import './index-2f1ba250.js';
+import './index-81ab935f.js';
+import './index-45cf390b.js';
+import './index-ddf2ef16.js';
+import './index.module-730395d3.js';
+import './index-15ed9776.js';
+import './index-b3d8be75.js';
+import './index-1deb6419.js';
+import './index.module-0f28e27e.js';
+import './index-91a5d117.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-ef82dd44.js';
+import './index-01462dd1.js';
+import './index-3fe5dc3e.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
-import './index-ab20e15c.js';
-import './index-b0a8906d.js';
+import './index-108ac254.js';
+import './index-6262ad4b.js';
+import './index-76a6d89c.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var tabsHorizontal = "tabs-horizontal-052sb";

package/build/esm/{index-1a6e1ae3.js → index-d96ada41.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-0c43b7d2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-46e2de16.js';
-import IsActive from './index-7ad99a6f.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-5d2a78df.js';
+import IsActive from './index-2f65bc6c.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c541f681.js → index-dbfb75d9.js}

@@ -1,13 +1,13 @@
 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-0c43b7d2.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-927571c4.js';
-import TabGroupVertical from './index-36218358.js';
-import TabSearch from './index-53379171.js';
+import TabGroupHorizontal from './index-2fbca8f2.js';
+import TabGroupVertical from './index-64a6c2f0.js';
+import TabSearch from './index-b32dee7f.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -20,8 +20,8 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-b6f1347b.js';
-import './index-6096447c.js';
+import './index-5639c58e.js';
+import './index-b9174ba2.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-a018e2a4.js → index-dd1d8193.js}

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

package/build/esm/{index-8030876a.js → index-dd5fc328.js}

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

package/build/esm/{index-4945dd34.js → index-ddb465ff.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-0c43b7d2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-045ea3ba.js';
+import RoomSerious from './index-17d3f279.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-397df6a5.js → index-ddf2ef16.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-0c43b7d2.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-730395d3.js';
 import classnames from 'classnames';
-import Select from 'react-select';
 import { getLogger, useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import AcceptTerms from './index-15ed9776.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-d991cb41.js → index-de19950e.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-decc0e6e.js';
+import { a as usePlannerUIHandler } from './index-0c43b7d2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-eff5ac42.js';
-import ItemsContainer from './index-69379e31.js';
+import Outline3D from './index-1b79453c.js';
+import ItemsContainer from './index-7cce8db8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,21 +19,21 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-4f52a43e.js';
-import './index-e2b00879.js';
-import './index-b2e2ed13.js';
-import './index-d1f99318.js';
-import './index-716dafbb.js';
-import './index-292081d9.js';
-import './index-1399917a.js';
-import './index-8030876a.js';
-import './index-c232e590.js';
-import './index-0f151e9f.js';
-import './index-06d9f730.js';
+import './index-42813d57.js';
+import './index-ccc7a669.js';
+import './index-95f95c6a.js';
+import './index-cebb733c.js';
+import './index-05955fb7.js';
+import './index-376e2c76.js';
+import './index-6160aaa5.js';
+import './index-dd5fc328.js';
+import './index-b14cea2a.js';
+import './index-a21c3b53.js';
+import './index-773d7b49.js';
 import 'react-draggable';
-import './index-195e92cd.js';
-import './index-33f29212.js';
-import './index-bb58ecb1.js';
+import './index-31ad3c5e.js';
+import './index-ebfd6bb7.js';
+import './index-40e3de90.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-1c785383.js → index-deddc7bd.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-0c43b7d2.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-3fbb83f6.js → index-e0570822.js}

@@ -1,15 +1,15 @@
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-0c43b7d2.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, s as mobile, b as wcFunctionsContainer } from './index.module-87166875.js';
-import Icon from './index-ab20e15c.js';
-import { Q as b } from './index.module-0bf307f8.js';
-import { onClickCheckout as _onClickCheckout } from './index-7dd50d43.js';
+import { w as wcFunctionsToolbar, s as mobile, b as wcFunctionsContainer } from './index.module-143f4d64.js';
+import Icon from './index-6262ad4b.js';
+import { T as b } from './index.module-730395d3.js';
+import { onClickCheckout as _onClickCheckout } from './index-45cf390b.js';
 import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,23 +21,25 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-397df6a5.js';
-import 'react-select';
-import './index-e0e990f2.js';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-ddf2ef16.js';
+import './index-15ed9776.js';
+import './index-b3d8be75.js';
+import './index-1deb6419.js';
+import './index.module-0f28e27e.js';
+import './index-91a5d117.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-ef82dd44.js';
+import './index-01462dd1.js';
+import './index-3fe5dc3e.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
+import './index-108ac254.js';
 
 var HeaderFunctions = function HeaderFunctions(props) {
   var _viewHandler$getViewC;
   var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   return /*#__PURE__*/jsx("ul", {
     className: classnames(wcFunctionsToolbar, viewHandler.getIsInMobileView() ? mobile : undefined),
     children: (_viewHandler$getViewC = viewHandler.getViewConfig().checkout) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.buttons.map(function (b$1, index) {
@@ -45,7 +47,7 @@ var HeaderFunctions = function HeaderFunctions(props) {
       return /*#__PURE__*/jsx("li", {
         className: classnames(wcFunctionsContainer, b),
         onClick: function onClick() {
-          return _onClickCheckout(b$1, viewHandler, index);
+          return _onClickCheckout(b$1, viewHandler, index, t);
         },
         children: /*#__PURE__*/jsx(Icon, {
           cheoutButton: b$1,