@crystaldesign/diva-web-planner-react 25.6.0-beta.9 → 25.7.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "25.6.0-beta.9",
+  "version": "25.7.0-beta.1",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -12,12 +12,12 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "25.6.0-beta.9",
-    "@crystaldesign/product-detail-page": "25.6.0-beta.9",
-    "@crystaldesign/products-component": "25.6.0-beta.9",
-    "@crystaldesign/real-time-viewer": "25.6.0-beta.9",
-    "@crystaldesign/web-planner-logic": "25.6.0-beta.9",
-    "@crystaldesign/widget-contact-form": "25.6.0-beta.9",
+    "@crystaldesign/content-item": "25.7.0-beta.1",
+    "@crystaldesign/product-detail-page": "25.7.0-beta.1",
+    "@crystaldesign/products-component": "25.7.0-beta.1",
+    "@crystaldesign/real-time-viewer": "25.7.0-beta.1",
+    "@crystaldesign/web-planner-logic": "25.7.0-beta.1",
+    "@crystaldesign/widget-contact-form": "25.7.0-beta.1",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.20.6",
     "@types/three": "0.163.0",
@@ -48,5 +48,5 @@
   },
   "types": "./build/types/web-planner-react/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "8c646d7f428e05a8be23fc79b92e8b03b1a10c2e"
+  "gitHead": "76ab9c777398df43f679fa88cd8e044fc8c2bbb0"
 }

package/build/esm/index-5a14595a.js

@@ -1,245 +0,0 @@
-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-0cf947b4.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, l as checkboxWrapper, m as checkbox, n as text, b as button, a as inverted, o as disabled, q as mail } from './index.module-55e0f12b.js';
-import classnames from 'classnames';
-import { getLogger, useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import AcceptTerms from './index-7502e4f8.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-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 LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
-var Save = function Save(_ref) {
-  var _ref$config = _ref.config,
-    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,
-    analyticsHandler = _useDivaCore.handler.analyticsHandler,
-    sendEmail = _useDivaCore.actions.sendEmail;
-  var _useTranslation = useTranslation(),
-    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),
-    showWarningEmail = _useState4[0],
-    setShowWarningEmail = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showWarningDSGVO = _useState6[0],
-    setShowWarningDSGVO = _useState6[1];
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    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;
-      var returnAfter, result;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            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;
-            }
-            return _context.abrupt("return");
-          case 5:
-            LOG.businessEvent('onPlannerSaveEMail', 'Planner', "Eine Konfiguration wurde gespeichert und als Mail gesendet", {
-              hasAcceptedMarketing: checkSubscriptionToNewsletter
-            });
-            (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.closeModal();
-            //save basket if needed
-            _context.next = 10;
-            return viewHandler.divaWebPlanner.getCurrentBasket(event, true, returnTo, true);
-          case 10:
-            result = _context.sent;
-            if (result) {
-              _context.next = 13;
-              break;
-            }
-            return _context.abrupt("return");
-          case 13:
-            emailConfig === null || emailConfig === void 0 || emailConfig.map(function (c) {
-              return sendEmail({
-                showDialog: false,
-                content: _objectSpread(_objectSpread({}, c), {}, {
-                  to: mail$1,
-                  divaNr: basket.DivaNr,
-                  type: 'basket',
-                  language: i18n.language
-                })
-              });
-            });
-            analyticsHandler.createLead({
-              organizationId: basket.OrganizationId,
-              divaNr: basket.DivaNr,
-              email: mail$1,
-              firstName: name,
-              marketingAccepted: checkSubscriptionToNewsletter,
-              type: 'SAVED_PLANNING'
-            });
-          case 15:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function sendMail() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onChangeMail = function onChangeMail(input) {
-    var validMail = DivaUtils.validateEmail(input);
-    setAbleToSend(validMail);
-    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();
-    if (!basket.Client) viewHandler.divaWebPlanner.getBasket().Client = {};
-    basket.Client.firstName = input;
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: subWrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(textWrapper, boldText),
-      children: t('checkout.save.advantages')
-    }), /*#__PURE__*/jsxs("div", {
-      className: textWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(icon, checkGreen)
-      }), t('checkout.save.advantege1')]
-    }), /*#__PURE__*/jsxs("div", {
-      className: textWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(icon, checkGreen)
-      }), t('checkout.save.advantege2')]
-    }), /*#__PURE__*/jsxs("div", {
-      className: inputWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(boldText),
-        children: t('checkout.save.email')
-      }), /*#__PURE__*/jsx("input", {
-        className: input,
-        type: "email",
-        value: mail$1,
-        onChange: function onChange(e) {
-          return onChangeMail(e.target.value);
-        }
-      }), showWarningEmail && /*#__PURE__*/jsx("div", {
-        className: errorText,
-        children: t('checkout.save.mail-error')
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: inputWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(boldText),
-        children: t('checkout.save.firstname')
-      }), /*#__PURE__*/jsx("input", {
-        className: input,
-        type: "text",
-        value: name,
-        onChange: function onChange(e) {
-          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,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(icon, mail)
-      }), t('checkout.save.save_now')]
-    })]
-  });
-};
-
-export { Save as default };

package/build/esm/index-724dcb40.js

@@ -1,65 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-0cf947b4.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var paletteItem = "PaletteItem-jutHc";
-var imageWrapper = "imageWrapper--38qX";
-var sel = "sel-wpwWJ";
-var imageBackground = "imageBackground-qOQQh";
-var wcImage = "wcImage-e8f7s";
-var title = "title-63pJt";
-var textHover = "textHover-nhN12";
-var css_248z = "/*Size Normal */\n\n.PaletteItem-jutHc {\n  border-radius: var(--globalBorderRadius);\n  margin: calc(var(--itemsMargin) - 0.1rem);\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.PaletteItem-jutHc:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-jutHc:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .PaletteItem-jutHc {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
-styleInject(css_248z);
-
-var Room = function Room(_ref) {
-  var itemP = _ref.item,
-    from = _ref.from;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: classnames(item.sel ? sel : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(imageWrapper),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(imageBackground),
-          children: /*#__PURE__*/jsx("div", {
-            className: wcImage,
-            style: {
-              backgroundImage: "url(".concat(item.url, ")")
-            }
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(title, !item.url ? textHover : undefined),
-          children: t('configurator.' + item.N)
-        })]
-      })
-    })
-  });
-};
-var RoomSerious = observer(Room);
-
-export { RoomSerious as default };

package/build/esm/index-7502e4f8.js

@@ -1,46 +0,0 @@
-import './index-0cf947b4.js';
-import { useTranslation, Trans } from '@crystaldesign/diva-core';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var AcceptTerms = function AcceptTerms(_ref) {
-  var _ref$privacyUrl = _ref.privacyUrl,
-    privacyUrl = _ref$privacyUrl === void 0 ? 'https://www.diva-portal.de/datenschutz' : _ref$privacyUrl,
-    _ref$agbUrl = _ref.agbUrl,
-    agbUrl = _ref$agbUrl === void 0 ? 'https://www.diva-portal.de/agb' : _ref$agbUrl;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var pUrl = /*#__PURE__*/jsx("a", {
-    href: privacyUrl,
-    target: "_blank",
-    children: t('auth.privacypolicy')
-  });
-  var aUrl = /*#__PURE__*/jsx("a", {
-    href: agbUrl,
-    target: "_blank",
-    children: t('auth.GeneralTerms')
-  });
-  return /*#__PURE__*/jsx(Trans, {
-    i18nKey: "contactform.acceptprivacyandagb",
-    components: {
-      privacyUrl: pUrl,
-      agbUrl: aUrl
-    }
-  });
-};
-
-export { AcceptTerms as default };

package/build/esm/index-789d4ee2.js

@@ -1,107 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-0cf947b4.js';
-import { useState, useEffect } from 'react';
-import MultiToggleSwitch from './index-f2f8ac4b.js';
-import { w as wrapper, i as icon } from './index.module-ae045d3d.js';
-import { u as url, p as message, q as mail } from './index.module-55e0f12b.js';
-import classnames from 'classnames';
-import ShareViaUrl from './index-f9b77c18.js';
-import ShareViaSocialMedias from './index-c1310a38.js';
-import ShareViaEmail from './index-a2adf0be.js';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'qrcode.react';
-
-var Share = function Share(_ref) {
-  var config = _ref.config,
-    basket = _ref.basket,
-    url$1 = _ref.url;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    possibleTypes = _useState2[0],
-    setPossibleTypes = _useState2[1];
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile,
-    _useDivaCore$actions = _useDivaCore.actions,
-    closeModal = _useDivaCore$actions.closeModal,
-    openModal = _useDivaCore$actions.openModal;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  useEffect(function () {
-    var _config$emailConfig, _config$default;
-    if (isMobile) {
-      if (navigator.share) {
-        openModal({
-          accept: true,
-          text: t('share.now_text'),
-          title: t('share.now_title'),
-          callback: function callback(a) {
-            if (a) {
-              var _config$socialMedia, _config$socialMedia2, _config$socialMedia3, _config$socialMedia4;
-              navigator.share({
-                title: (_config$socialMedia = config.socialMedia) !== null && _config$socialMedia !== void 0 && _config$socialMedia.title ? t((_config$socialMedia2 = config.socialMedia) === null || _config$socialMedia2 === void 0 ? void 0 : _config$socialMedia2.title) : undefined,
-                text: (_config$socialMedia3 = config.socialMedia) !== null && _config$socialMedia3 !== void 0 && _config$socialMedia3.text ? t((_config$socialMedia4 = config.socialMedia) === null || _config$socialMedia4 === void 0 ? void 0 : _config$socialMedia4.text) : undefined,
-                url: url$1
-              });
-            }
-            closeModal();
-          }
-        });
-      }
-    }
-    var newPossibleTypes = [];
-    if (config.url) newPossibleTypes.push('SHARE_URL');
-    if (config.socialMedia) newPossibleTypes.push('SHARE_WHATSAPP');
-    if ((_config$emailConfig = config.emailConfig) !== null && _config$emailConfig !== void 0 && _config$emailConfig.length) newPossibleTypes.push('SHARE_EMAIL');
-    setIndex(newPossibleTypes.indexOf((_config$default = config["default"]) !== null && _config$default !== void 0 ? _config$default : newPossibleTypes[0]));
-    setPossibleTypes(newPossibleTypes);
-  }, [config]);
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    index = _useState4[0],
-    setIndex = _useState4[1];
-  if (!possibleTypes.length || index === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx(MultiToggleSwitch, {
-      state: [index, setIndex],
-      values: [].concat(_toConsumableArray(config.url ? [/*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, url)
-        }), " ", t('checkout.share.title.url')]
-      })] : []), _toConsumableArray(config.socialMedia ? [/*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, message)
-        }), " ", t('checkout.share.title.socials')]
-      })] : []), _toConsumableArray(config.emailConfig ? [/*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, mail)
-        }), " ", t('checkout.share.title.mail')]
-      })] : []))
-    }), possibleTypes[index] == 'SHARE_URL' && /*#__PURE__*/jsx(ShareViaUrl, {
-      url: url$1
-    }), possibleTypes[index] == 'SHARE_WHATSAPP' && /*#__PURE__*/jsx(ShareViaSocialMedias, {
-      config: config.socialMedia,
-      url: url$1
-    }), possibleTypes[index] == 'SHARE_EMAIL' && /*#__PURE__*/jsx(ShareViaEmail, {
-      config: config.emailConfig,
-      basket: basket,
-      url: url$1
-    })]
-  });
-};
-
-export { Share as default };

package/build/esm/index-93bed2f9.js

@@ -1,49 +0,0 @@
-import './index-0cf947b4.js';
-import 'react';
-import { r as headerWrapper, b as button, v as iconButton, e as icon, x as big, y as back } from './index.module-55e0f12b.js';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var Header = function Header(_ref) {
-  var _config$buttons$heade, _config$buttons;
-  var index = _ref.index,
-    config = _ref.config,
-    goBack = _ref.goBack;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (!config) return /*#__PURE__*/jsx(Fragment, {});
-  var title = (_config$buttons$heade = (_config$buttons = config.buttons[index !== null && index !== void 0 ? index : -1]) === null || _config$buttons === void 0 ? void 0 : _config$buttons.headerTitle) !== null && _config$buttons$heade !== void 0 ? _config$buttons$heade : 'checkout.header_title_default';
-  return /*#__PURE__*/jsxs("div", {
-    className: headerWrapper,
-    children: [index !== undefined && config.buttons.find(function (c) {
-      return c.visibleInOverview !== false;
-    }) && /*#__PURE__*/jsx("button", {
-      className: classnames(button, iconButton),
-      onClick: function onClick() {
-        return goBack();
-      },
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(icon, big, back)
-      })
-    }), /*#__PURE__*/jsx("div", {
-      children: t(title)
-    })]
-  });
-};
-
-export { Header as default };

package/build/esm/index-a2adf0be.js

@@ -1,113 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-0cf947b4.js';
-import { useState } from 'react';
-import { a as infoText, d as wrappedText } from './index.module-ae045d3d.js';
-import { h as inputWrapper, j as input, k as errorText, b as button, a as inverted, o as disabled, e as icon, q as mail } from './index.module-55e0f12b.js';
-import classnames from 'classnames';
-import DivaUtils, { UTMUtils, UtmSource, UtmMedium, UtmCampaign } from '@crystaldesign/diva-utils';
-import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-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';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-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 LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
-var ShareViaEmail = function ShareViaEmail(_ref) {
-  var basket = _ref.basket,
-    config = _ref.config;
-    _ref.url;
-  var _useDivaCore = useDivaCore(),
-    sendEmail = _useDivaCore.actions.sendEmail;
-  var _useTranslation = useTranslation(),
-    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];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    mail$1 = _useState6[0],
-    setMail = _useState6[1];
-  var utm = new UTMUtils(UtmSource.EMAIL, UtmMedium.EMAIL, UtmCampaign.PLANNER_SHARE);
-  var utmQueryString = utm.getQueryString();
-  var sendMail = function sendMail() {
-    if (!DivaUtils.validateEmail(mail$1)) {
-      setAbleToSend(false);
-      setShowWarning(true);
-      return;
-    }
-    LOG.businessEvent('onPlannerShareConfiguration', 'Planner', "Eine Konfiguration wurde als E-Mail geteilt", {
-      shareType: 'email',
-      shareAction: 'button_click'
-    });
-    config.map(function (c) {
-      return sendEmail({
-        showDialog: false,
-        content: _objectSpread(_objectSpread({}, c), {}, {
-          to: mail$1,
-          divaNr: basket.DivaNr,
-          type: 'basket',
-          language: i18n.language,
-          data: {
-            utmQueryString: utmQueryString
-          }
-        })
-      });
-    });
-  };
-  var _onChange = function onChange(input) {
-    var validMail = DivaUtils.validateEmail(input);
-    setAbleToSend(validMail);
-    if (validMail) setShowWarning(false);
-    setMail(input);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: infoText,
-      children: t('checkout.share_mail.easy_share')
-    }), /*#__PURE__*/jsxs("div", {
-      className: inputWrapper,
-      children: [/*#__PURE__*/jsx("input", {
-        className: input,
-        type: "email",
-        value: mail$1,
-        onChange: function onChange(e) {
-          return _onChange(e.target.value);
-        },
-        placeholder: t('checkout.share_mail.placeholder')
-      }), showWarning && /*#__PURE__*/jsx("div", {
-        className: errorText,
-        children: t('checkout.share_mail.mail_error')
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: wrappedText,
-      children: [" ", t('checkout.share_mail.mail_text')]
-    }), /*#__PURE__*/jsxs("button", {
-      className: classnames(button, inverted, !ableToSend ? disabled : undefined),
-      onClick: function onClick() {
-        return sendMail();
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(icon, mail)
-      }), t('checkout.share_mail.button_text')]
-    })]
-  });
-};
-
-export { ShareViaEmail as default };