@crystaldesign/diva-web-planner-react 25.5.0-rc.21 → 25.5.0-rc.3

package/build/esm/{index-a4707479.js → index-446227f0.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-06fcb379.js';
+import { g as getIconOfTabGroup } from './IconHandler-5650984f.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,9 +17,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var verticalItem = "verticalItem-NmQDx";

package/build/esm/{index-3a4cda17.js → index-44c1548c.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-53c9ac13.js';
+import { u as useViewHandler } from './index-50519ff7.js';
 import { useState, useEffect, Suspense } from 'react';
-import { n as notExpanded } from './index.module-904bd9a1.js';
-import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-bb4b2f8f.js';
-import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-c9c49c49.js';
+import { n as notExpanded } from './index.module-23727625.js';
+import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-1cc10f8b.js';
+import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-8291e1de.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toggle from './index-1c679dd1.js';
-import AsyncRender from './index-b655d810.js';
+import Toggle from './index-513c5edd.js';
+import AsyncRender from './index-aedf71e6.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -21,14 +21,11 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-json-view-lite';
 import 'react-draggable';
 import 'react-switch';
-import './index-7f486a2c.js';
+import './index-26a9e835.js';
 import 'react-collapsible';
 
 var _excluded = ["onMouseDown"];

package/build/esm/index-465f2c36.js

@@ -0,0 +1,113 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import './index-50519ff7.js';
+import { useState } from 'react';
+import { a as infoText, d as wrappedText } from './index.module-f9f27b59.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-49f5aab7.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 };

package/build/esm/{index-8e0ffc6a.js → index-47473817.js}

@@ -4,15 +4,15 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-53c9ac13.js';
+import { u as useViewHandler } from './index-50519ff7.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-904bd9a1.js';
-import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-c9c49c49.js';
+import { n as notExpanded } from './index.module-23727625.js';
+import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-8291e1de.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-9c6ad464.js';
-import ArticleSelector from './index-d0aea59d.js';
+import './react-json-viewer-9c1314bb.js';
+import ArticleSelector from './index-8f5117f3.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -21,9 +21,6 @@ import '@babel/runtime/helpers/createClass';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-json-view-lite';
 import 'react-draggable';

package/build/esm/{index-f890a1af.js → index-486cf0a4.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-53c9ac13.js';
+import { s as styleInject } from './index-50519ff7.js';
 import 'react';
-import OrbitInteractionStandard from './index-15d2fa9f.js';
+import OrbitInteractionStandard from './index-e2c9df1e.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -16,12 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-3d-cube-interaction';
+import 'classnames';
 
 var orbitInteractionContainer = "orbit-interaction-container-jxGAx";
 var css_248z = ".orbit-interaction-container-jxGAx {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n";

package/build/esm/{index-6ebb9843.js → index-487f7fac.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import 'react';
 import classnames from 'classnames';
-import Option from './index-2a2cce90.js';
+import Option from './index-15e6f3d3.js';
 import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-e9a2d670.js';
-import PricePreview from './index-9e3dc9c9.js';
+import InfoIcon from './index-2c1d55e4.js';
+import PricePreview from './index-4abf7fc4.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,16 +19,13 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index.module-5d7bea35.js';
-import './index.module-80a72300.js';
-import './index-79bed0c1.js';
+import './index.module-58d09a14.js';
+import './index.module-579a152e.js';
+import './index-7d2f6715.js';
 import 'react-laag';
-import './index-c58367c1.js';
-import './index-9b2ec3b8.js';
+import './index-cb47848b.js';
+import './index-c6deb220.js';
 
 var container = "container-GW-AX";
 var sel = "sel-jrQj2";

package/build/esm/{index-9e3dc9c9.js → index-4abf7fc4.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import { Suspense } from 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { useDivaCore } from '@crystaldesign/diva-core';
@@ -16,9 +16,6 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var pricePreview = "price-preview-mwp8h";

package/build/esm/{index-53f54061.js → index-4c6dc437.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
+import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -15,10 +15,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var inputBox = "inputBox-wq5O7";