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

package/build/esm/index-3894d9f0.js

@@ -0,0 +1,165 @@
+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-718a0a9b.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, b as button, a as inverted, l as disabled, n as mail } from './index.module-861a20ff.js';
+import classnames from 'classnames';
+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/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 Save = function Save(_ref) {
+  var _ref$config = _ref.config,
+    emailConfig = _ref$config.emailConfig,
+    event = _ref$config.event,
+    returnTo = _ref$config.returnTo,
+    basket = _ref.basket,
+    viewHandler = _ref.viewHandler;
+  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 _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    name = _useState8[0],
+    setName = _useState8[1];
+  var sendMail = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _viewHandler$actions, _viewHandler$divaWebP, _viewHandler$divaWebP2;
+      var result;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (DivaUtils.validateEmail(mail$1)) {
+              _context.next = 4;
+              break;
+            }
+            setAbleToSend(false);
+            setShowWarning(true);
+            return _context.abrupt("return");
+          case 4:
+            (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.closeModal();
+            _context.next = 7;
+            return (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner).onClickAddToBasket) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.call(_viewHandler$divaWebP2, event, true, returnTo, true);
+          case 7:
+            result = _context.sent;
+            if (result) {
+              _context.next = 10;
+              break;
+            }
+            return _context.abrupt("return");
+          case 10:
+            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
+                })
+              });
+            });
+          case 11:
+          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) setShowWarning(false);
+    setMail(input);
+  };
+  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);
+        }
+      }), showWarning && /*#__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);
+        }
+      })]
+    }), /*#__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-9a9e7875.js → index-3a579525.js}

@@ -1,13 +1,13 @@
 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 { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-15d125cd.js';
+import GenericToolTip from './index-3174721c.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-4a9bcacc.js';
+import MetaData from './index-cdf42cf2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,7 +20,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-68589e7f.js';
+import './index-c941c452.js';
 
 var wrapper = "wrapper-q2VFw";
 var textWrapper = "text-wrapper-Th9kS";

package/build/esm/{index-6ca45d10.js → index-3a966cde.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-b58e9363.js → index-3c0643f0.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-36d862a1.js';
+import './index-718a0a9b.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-df51b97b.js';
-import SVGViewer from './index-06540c3e.js';
+import ArticleOverview from './index-3c7e429b.js';
+import SVGViewer from './index-f90cb7f2.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -19,14 +19,14 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-863426f2.js';
-import './index.module-56fbd357.js';
+import './index.module-8b626d7c.js';
+import './index.module-1883090e.js';
 import 'classnames';
-import './index.module-1cef8653.js';
+import './index.module-838ab5d7.js';
 import 'react-collapsible';
-import './index-c1c1aad8.js';
-import './index.module-c4bd75c1.js';
-import './index-d85a13a6.js';
+import './index-ab1a96e1.js';
+import './index.module-ceabc1ba.js';
+import './index-615fa022.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-3c118204.js

@@ -0,0 +1,61 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject } from './index-718a0a9b.js';
+import 'react';
+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/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+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';
+
+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-57e787e9.js → index-3c3c872e.js}

@@ -1,11 +1,11 @@
 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 { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-5a0dcbe4.js';
-import ProductCenter from './index-4b1587bb.js';
-import ContentItemWrapper from './index-31393dfa.js';
+import CheckoutFormNew from './index-0ae766bd.js';
+import ProductCenter from './index-19872c3e.js';
+import ContentItemWrapper from './index-ef407dac.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -20,28 +20,28 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-d5c7af95.js';
+import './index-2c9c207f.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-e74246e7.js';
-import './index-a1277b31.js';
-import './index-8015f2be.js';
-import './index-d1b736c9.js';
-import './index.module-fac4511e.js';
-import './index-8b418ae0.js';
-import './index-afa1b098.js';
-import './index-cbc985e9.js';
-import './index-43a0ee97.js';
-import './index-5ea7d7f9.js';
-import './index-5deb451a.js';
+import './index-140cd320.js';
+import './index-d31a9f9e.js';
+import './index-7ad13b0b.js';
+import './index-99b7ea27.js';
+import './index.module-cc864ca4.js';
+import './index-a46bba9c.js';
+import './index-b5d7c8d8.js';
+import './index-5a4ffd2b.js';
+import './index-7b8d618c.js';
+import './index-26d64c61.js';
+import './index-e17e2b2a.js';
 import '@crystaldesign/content-box';
-import './index-f533dd53.js';
-import './index-6bd22ee8.js';
-import './index-a8edf394.js';
+import './index-a3d49d00.js';
+import './index-799b45c8.js';
+import './index-fca7a37e.js';
 import 'react-laag';
-import './index-dc7c9e94.js';
+import './index-4fcb690d.js';
 import 'react-qr-code';
-import './index-9810b0af.js';
+import './index-ece48965.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-df51b97b.js → index-3c7e429b.js}

@@ -1,14 +1,14 @@
 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-36d862a1.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-863426f2.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-56fbd357.js';
+import { h as header } from './index.module-8b626d7c.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-1883090e.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-1cef8653.js';
+import { n as notExpanded } from './index.module-838ab5d7.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2780393a.js → index-3c96c22f.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 classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-7723f23e.js → index-3fb07f5c.js}

@@ -1,18 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-36d862a1.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-7406218b.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7b791951.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-c9988355.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-59c3f5ec.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-024e923a.js';
+import IsActive from './index-1874ea71.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-4a9bcacc.js';
-import GenericToolTip from './index-15d125cd.js';
-import InfoIcon from './index-004c4904.js';
-import PricePreview from './index-68589e7f.js';
+import MetaData from './index-cdf42cf2.js';
+import GenericToolTip from './index-3174721c.js';
+import InfoIcon from './index-11f5ebbd.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-c0e927d0.js → index-41465442.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-85d804f6.js → index-416fe317.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 ActionNavigation from './index-091f7ac8.js';
+import ActionNavigation from './index-6c33589e.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1decbefb.js → index-43279575.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-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 { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-b5b407de.js';
-import { S as SettingsItem } from './index-f4c937cf.js';
+import SettingsHeaderContainer from './index-0cb61eb4.js';
+import { S as SettingsItem } from './index-f5fff8dd.js';
 import classnames from 'classnames';
-import TotalPrice from './index-1e6456f0.js';
+import TotalPrice from './index-2a127184.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,56 +21,72 @@ 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-05569dbe.js';
+import './index-202235bf.js';
+import './index-bd3a8a77.js';
+import './index-607b1dbd.js';
+import './index-8c17dce7.js';
 import 'react-laag';
-import './index-af092475.js';
+import './index-9c43ddec.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-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';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-0b1addff.js → index-469c15e9.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 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 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-6946c194.js → index-47be6ce7.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';