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

package/build/esm/index-d8ace063.js

@@ -0,0 +1,194 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import './index-718a0a9b.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-861a20ff.js';
+import classnames from 'classnames';
+import Select from 'react-select';
+import { useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+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';
+import 'mobx-react-lite';
+
+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 CreateAppointment = function CreateAppointment(_ref) {
+  var basket = _ref.basket,
+    config = _ref.config;
+  var _useDivaCore = useDivaCore(),
+    sendEmail = _useDivaCore.actions.sendEmail;
+  var _useTranslation = useTranslation(),
+    i18n = _useTranslation.i18n;
+    _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 = _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 sendMail = function sendMail() {
+    if (!DivaUtils.validateEmail(mail)) {
+      setAbleToSend(false);
+      setShowWarning(true);
+      return;
+    }
+    sendEmail({
+      content: _objectSpread(_objectSpread({}, config), {}, {
+        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);
+    setMail(input);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: subWrapper,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: scrollWrapper,
+      children: ["WORK IN PROGRESS", /*#__PURE__*/jsx("div", {
+        className: classnames(textWrapper, boldText),
+        children: "Ihre Vorteile:"
+      }), /*#__PURE__*/jsxs("div", {
+        className: textWrapper,
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(icon, checkGreen)
+        }), "Pers\xF6nliche Beratung durch unsere Experten"]
+      }), /*#__PURE__*/jsxs("div", {
+        className: textWrapper,
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(icon, checkGreen)
+        }), "Optimierung Ihrer Konfiguration"]
+      }), /*#__PURE__*/jsxs("div", {
+        className: textWrapper,
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(icon, checkGreen)
+        }), "Individuelle Anpassungsm\xF6glichkeiten"]
+      }), /*#__PURE__*/jsxs("div", {
+        className: inputWrapper2,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: inputWrapper,
+          children: [/*#__PURE__*/jsx("div", {
+            className: classnames(boldText),
+            children: "Dein Vorname"
+          }), /*#__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: "Dein Nachname"
+          }), /*#__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: "Deine E-Mail-Adresse"
+        }), /*#__PURE__*/jsx("input", {
+          className: input,
+          type: "email",
+          value: mail,
+          onChange: function onChange(e) {
+            return onChangeMail(e.target.value);
+          }
+        }), showWarning && /*#__PURE__*/jsx("div", {
+          className: errorText,
+          children: "Bitte geben sie eine vollst\xE4ndige E-Mailadresse an!"
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: inputWrapper,
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(boldText),
+          children: "Telefonnummer"
+        }), /*#__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: "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 )"
+        }), /*#__PURE__*/jsx("textarea", {
+          id: "message",
+          placeholder: "Haben Sie spezielle Fragen oder W\xFCnsche?"
+        })]
+      })]
+    }), /*#__PURE__*/jsx("button", {
+      className: classnames(button, inverted, !ableToSend ? disabled : undefined),
+      onClick: function onClick() {
+        return sendMail();
+      },
+      children: "Termin anfragen"
+    })]
+  });
+};
+
+export { CreateAppointment as default };

package/build/esm/{index-45cb416c.js → index-d963eccd.js}

@@ -3,7 +3,7 @@ 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 { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-66e92e94.js → index-dca2a341.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-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import 'react';
-import SettingsHeaderContainer from './index-b5b407de.js';
-import SettingsScroller from './index-1decbefb.js';
+import SettingsHeaderContainer from './index-0cb61eb4.js';
+import SettingsScroller from './index-43279575.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -19,59 +19,75 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-76cbe1b1.js';
-import './index-720e7b71.js';
-import './index-1cf1f3b3.js';
+import './index-202235bf.js';
+import './index-bd3a8a77.js';
+import './index-607b1dbd.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-05569dbe.js';
+import './index-8c17dce7.js';
 import 'react-laag';
-import './index-af092475.js';
-import './index-f4c937cf.js';
+import './index-9c43ddec.js';
+import './index-f5fff8dd.js';
 import 'sift';
-import './index-18f15f4d.js';
-import './index-d43dad9c.js';
-import './index-0bfd7e7c.js';
-import './index-cd7743bb.js';
-import './index.module-d1c0f793.js';
-import './index-d5c7af95.js';
+import './index-18fd416b.js';
+import './index-e31d73e8.js';
+import './index-99dd768e.js';
+import './index-eaab6562.js';
+import './index.module-a932b415.js';
+import './index-2c9c207f.js';
 import 'react-switch';
-import './index-004c4904.js';
-import './index-68589e7f.js';
-import './index-c2b5863c.js';
+import './index-11f5ebbd.js';
+import './index-c941c452.js';
+import './index-a74867e8.js';
 import 'react-dropdown';
-import './index-3d1101f7.js';
-import './index-81d793d2.js';
-import './index-39706bd4.js';
-import './index-0263aa31.js';
+import './index-5aa1faae.js';
+import './index-cc1fe9c7.js';
+import './index-0d1ff486.js';
+import './index-bedb7907.js';
 import '@crystaldesign/content-box';
-import './index-236de351.js';
-import './index-291bda8e.js';
-import './index-f8925247.js';
-import './index-db4feee5.js';
-import './index-a90c5f21.js';
-import './index-983b79ad.js';
-import './index-4a9bcacc.js';
-import './index-15d125cd.js';
-import './index-8c022b8f.js';
-import './index-9fe880a1.js';
-import './index-9d32e537.js';
-import './index-4f44c34c.js';
-import './index-422f4c9d.js';
-import './index-2780393a.js';
-import './index-29b8bd39.js';
-import './index-3765e233.js';
-import './index.module-7406218b.js';
-import './index-024e923a.js';
-import './index-7b2870c7.js';
-import './index-5d34e0f5.js';
-import './index-c6f6ee4a.js';
-import './index-cf61f3f3.js';
-import './index-c89f1fba.js';
-import './index-a113455f.js';
-import './index.module-7b791951.js';
-import './index-657c8c5f.js';
-import './index-cdd38c69.js';
-import './index-1e6456f0.js';
+import './index-efa2f91b.js';
+import './index-4b63d8a0.js';
+import './index-767414d7.js';
+import './index-5eb7c044.js';
+import './index-be489c19.js';
+import './index-bdda080c.js';
+import './index-cdf42cf2.js';
+import './index-3174721c.js';
+import './index-e99dbc16.js';
+import './index-b53221e4.js';
+import './index-35882436.js';
+import './index-d5ad8cb5.js';
+import './index-1d2e56b5.js';
+import './index-3c96c22f.js';
+import './index-72047c14.js';
+import './index-f27b5348.js';
+import './index.module-c9988355.js';
+import './index-1874ea71.js';
+import './index-c48e8389.js';
+import './index-584b408a.js';
+import './index-e7f3d9b7.js';
+import './index-d03cc90d.js';
+import './index-e66024d4.js';
+import './index-88f84408.js';
+import './index.module-59c3f5ec.js';
+import './index-7d14265e.js';
+import './index-82a12b0d.js';
+import './index-add46723.js';
+import './index-d8ace063.js';
+import './index.module-861a20ff.js';
+import 'react-select';
+import './index-e1222eb6.js';
+import './index-3c118204.js';
+import './index.module-4669cee9.js';
+import './index-7f5f63e7.js';
+import 'qrcode.react';
+import './index-a18e2ba8.js';
+import './index-63b831b3.js';
+import './index-3894d9f0.js';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-4d155cc9.js';
+import './index-05d883b8.js';
+import './index-2a127184.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var tabsHorizontal = "tabs-horizontal-052sb";

package/build/esm/{index-0949d02f.js → index-decfb50c.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-36d862a1.js';
+import { s as styleInject } from './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-aff2c783.js';
+import VerticalTabGroupItemStandard from './index-963406c2.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,7 +18,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './IconHandler-15337dd6.js';
+import './IconHandler-cab46f07.js';
 
 var verticalItemPoligon = "verticalItemPoligon-uLIgs";
 var wcActiveStep = "wcActiveStep-Cjjc7";

package/build/esm/index-e1222eb6.js

@@ -0,0 +1,107 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import './index-718a0a9b.js';
+import { useState, useEffect } from 'react';
+import MultiToggleSwitch from './index-3c118204.js';
+import { w as wrapper, i as icon } from './index.module-4669cee9.js';
+import { u as url, m as message, n as mail } from './index.module-861a20ff.js';
+import classnames from 'classnames';
+import ShareViaUrl from './index-7f5f63e7.js';
+import ShareViaSocialMedias from './index-a18e2ba8.js';
+import ShareViaEmail from './index-63b831b3.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 '@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 'mobx-react-lite';
+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-5deb451a.js → index-e17e2b2a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-75a9ef22.js → index-e27058a4.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-4a9bcacc.js';
-import GenericToolTip from './index-15d125cd.js';
-import PricePreview from './index-68589e7f.js';
+import MetaData from './index-cdf42cf2.js';
+import GenericToolTip from './index-3174721c.js';
+import PricePreview from './index-c941c452.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-d43dad9c.js → index-e31d73e8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-36d862a1.js';
+import './index-718a0a9b.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-f9b0161a.js → index-e4311bc1.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-36d862a1.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-bbdebfff.js';
-import Header from './index-97c251f8.js';
+import ConfigStep from './index-70cb894c.js';
+import Header from './index-7ad64ac2.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-acd1dbc9.js → index-e546ed83.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-36d862a1.js';
+import './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-049c4c0a.js';
+import Group from './index-a99d5b8a.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -19,8 +19,8 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
 import 'react-collapsible';
-import './index-004c4904.js';
-import './index-68589e7f.js';
+import './index-11f5ebbd.js';
+import './index-c941c452.js';
 
 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; }

package/build/esm/{index-edcfe1d3.js → index-e5835af6.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';