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

package/build/esm/index-0cb85e84.js

@@ -1,273 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-50519ff7.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, l as checkboxWrapper, m as checkbox, n as text, b as button, a as inverted, o as disabled } from './index.module-49f5aab7.js';
-import classnames from 'classnames';
-import { getLogger, useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import AcceptTerms from './index-5f1cd827.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/asyncToGenerator';
-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';
-
-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 CreateAppointment = function CreateAppointment(_ref) {
-  var basket = _ref.basket,
-    _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,
-    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(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    mail = _useState6[0],
-    setMail = _useState6[1];
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    name = _useState8[0],
-    setName = _useState8[1];
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    surName = _useState10[0],
-    setSurName = _useState10[1];
-  var _useState11 = useState(''),
-    _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);
-      setShowWarningEmail(true);
-      returnAfter = true;
-    }
-    if (showDSGVO && !checkDSGVO) {
-      setAbleToSend(false);
-      setShowWarningDSGVO(true);
-      returnAfter = true;
-    }
-    if (returnAfter) return;
-    LOG.businessEvent('onPlannerCreateAppointment', 'Planner', "Es wurde eine Terminanfrage gesendet", {
-      hasAcceptedMarketing: checkSubscriptionToNewsletter
-    });
-    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
-        })
-      });
-    });
-    analyticsHandler.createLead({
-      organizationId: basket.OrganizationId,
-      divaNr: basket.DivaNr,
-      email: mail,
-      firstName: name,
-      lastName: surName,
-      phone: telNumber,
-      message: note,
-      marketingAccepted: checkSubscriptionToNewsletter,
-      type: 'CREATE_APPOINTMENT'
-    });
-  };
-  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);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: subWrapper,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: scrollWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(textWrapper, boldText),
-        children: t('checkout.appointment.advanteges')
-      }), /*#__PURE__*/jsxs("div", {
-        className: textWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, checkGreen)
-        }), t('checkout.appointment.advanteges_one')]
-      }), /*#__PURE__*/jsxs("div", {
-        className: textWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, checkGreen)
-        }), t('checkout.appointment.advanteges_two')]
-      }), /*#__PURE__*/jsxs("div", {
-        className: textWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(icon, checkGreen)
-        }), t('checkout.appointment.advanteges_three')]
-      }), /*#__PURE__*/jsxs("div", {
-        className: inputWrapper2,
-        children: [/*#__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 setName(e.target.value);
-            }
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: inputWrapper,
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(boldText),
-            children: t('checkout.surname')
-          }), /*#__PURE__*/jsx("input", {
-            className: input,
-            type: "text",
-            value: surName,
-            onChange: function onChange(e) {
-              return setSurName(e.target.value);
-            }
-          })]
-        })]
-      }), /*#__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,
-          onChange: function onChange(e) {
-            return onChangeMail(e.target.value);
-          }
-        }), showWarningEmail && /*#__PURE__*/jsx("div", {
-          className: errorText,
-          children: t('checkout.share_mail.mail_error')
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: inputWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(boldText),
-          children: t('telephoneSwitchBoard')
-        }), /*#__PURE__*/jsx("input", {
-          className: input,
-          type: "text",
-          value: telNumber,
-          onChange: function onChange(e) {
-            return setTelNumber(e.target.value);
-          }
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: inputWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(boldText),
-          children: t('checkout.appointment.note')
-        }), /*#__PURE__*/jsx("textarea", {
-          id: "message",
-          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: t('checkout.appointment.create')
-    })]
-  });
-};
-
-export { CreateAppointment as default };

package/build/esm/index-3eb8ba9e.js

@@ -1,61 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-50519ff7.js';
-import 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var wrapper = "wrapper-wqmkp";
-var toggleSwitch = "toggle-switch-MfN-e";
-var switchSelection = "switch-selection-bBWAz";
-var switchLabel = "switch-label-KFwxM";
-var css_248z = ".wrapper-wqmkp {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.toggle-switch-MfN-e {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.switch-selection-bBWAz {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.switch-label-KFwxM {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition: color 0.25s ease-out;\n}\n";
-styleInject(css_248z);
-
-var MultiToggleSwitch = function MultiToggleSwitch(_ref) {
-  var values = _ref.values,
-    _ref$state = _slicedToArray(_ref.state, 2),
-    selected = _ref$state[0],
-    setSelected = _ref$state[1];
-  var widthPercentage = 100 / values.length;
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    children: /*#__PURE__*/jsxs("div", {
-      className: toggleSwitch,
-      children: [values.map(function (val, index) {
-        return /*#__PURE__*/jsx("div", {
-          style: {
-            width: widthPercentage + '%'
-          },
-          children: /*#__PURE__*/jsx("label", {
-            onClick: function onClick() {
-              return setSelected(index);
-            },
-            className: switchLabel,
-            children: val
-          })
-        }, index);
-      }), /*#__PURE__*/jsx("div", {
-        className: switchSelection,
-        style: {
-          left: selected / values.length * 100 + '%',
-          width: widthPercentage + '%'
-        }
-      })]
-    })
-  });
-};
-
-export { MultiToggleSwitch as default };

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

@@ -1,113 +0,0 @@
-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-5f1cd827.js

@@ -1,46 +0,0 @@
-import './index-50519ff7.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 };