@crystaldesign/diva-web-planner-react 26.2.0-beta.9 → 26.2.0-rc.1

package/build/esm/{index-a8e2e9e4.js → index-b6f7649b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-07cb61ec.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-3c4a7a7d.js → index-b8723db0.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-07cb61ec.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-ef11ed23.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-8fc0f917.js';
-import PlannerUI from './index-d048ebf9.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-4bef18c7.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-5580a645.js';
+import PlannerUI from './index-804493a6.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -22,23 +22,23 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-0bb2b99a.js';
-import './index-19f63635.js';
-import './index-f3fdf64c.js';
-import './index-8fc95609.js';
-import './index-305d2eac.js';
-import './index-0708e2a6.js';
-import './index-35cb1871.js';
-import './index-ef16998d.js';
-import './index-fe50dcd3.js';
-import './index-4045bc75.js';
-import './index-3e0e68f1.js';
-import './index-42700aed.js';
-import './index-f89c7339.js';
+import './index-02638d65.js';
+import './index-dfd95592.js';
+import './index-7fc935d2.js';
+import './index-b9c70a7d.js';
+import './index-eb73e24c.js';
+import './index-4cfeaa7f.js';
+import './index-6dfce5e9.js';
+import './index-33785276.js';
+import './index-bd96766b.js';
+import './index-33058c8b.js';
+import './index-1e6efdef.js';
+import './index-8bcafd75.js';
+import './index-fee214c1.js';
 import 'react-draggable';
-import './index-4412c79d.js';
-import './index-18869dee.js';
-import './index-7477979c.js';
+import './index-fcce3510.js';
+import './index-07f11f37.js';
+import './index-c744d54e.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var mobile = "mobile-JpBZv";

package/build/esm/index-b9744171.js

@@ -0,0 +1,153 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
+import { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import InfoIcon from './index-6e3269a8.js';
+import PricePreview from './index-40051412.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-7e1921e0.js';
+import 'react-countup';
+
+var wrapper = "wrapper-7hUK2";
+var title = "title-cL4D6";
+var boxedContainer = "boxedContainer-4aSLS";
+var boxedOption = "boxedOption-pwmLq";
+var selected = "selected-Vv66m";
+var listContainer = "listContainer-JDin9";
+var listOption = "listOption-g5DeJ";
+var radioCircle = "radioCircle--nW1H";
+var radioInner = "radioInner-b2uFk";
+var label = "label-oLz-i";
+var css_248z = ".wrapper-7hUK2 {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.title-cL4D6 {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.boxedContainer-4aSLS {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.boxedOption-pwmLq {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.boxedOption-pwmLq.selected-Vv66m {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.listContainer-JDin9 {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.listOption-g5DeJ {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.radioCircle--nW1H {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.radioCircle--nW1H.selected-Vv66m {\n  border-color: var(--primaryColor);\n}\n\n.radioInner-b2uFk {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.radioInner-b2uFk.selected-Vv66m {\n  opacity: 1;\n}\n\n.label-oLz-i {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.label-oLz-i.selected-Vv66m {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.modeToggle-dxDvl {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}";
+styleInject(css_248z);
+
+var Radio = function Radio(_ref) {
+  var item = _ref.item,
+    style = _ref.style,
+    paletteId = _ref.paletteId,
+    initialDisplayMode = _ref.displayMode,
+    hidePricePreview = _ref.hidePricePreview;
+  var viewHandler = useViewHandler();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    curIndex = _useState4[0],
+    setCurIndex = _useState4[1];
+  var _useState5 = useState(initialDisplayMode || 'boxed'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    mode = _useState6[0];
+    _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    allEndWithCM = _useState8[0],
+    setAllEndWithCM = _useState8[1];
+  useEffect(function () {
+    var itemList = item.groups.flatMap(function (group) {
+      return group.items;
+    });
+    var endsWithCM = itemList.every(function (i) {
+      return i.text.endsWith('cm');
+    });
+    setItems(itemList);
+    setAllEndWithCM(endsWithCM);
+    setCurIndex(itemList.findIndex(function (i) {
+      return i.sel;
+    }));
+  }, [item]);
+  var onChangeValue = function onChangeValue(index) {
+    setCurIndex(index);
+    var selectedItem = items[index];
+    if (selectedItem) {
+      viewHandler.paletteViewHandler.clickedOnConfigPalette(selectedItem, undefined, paletteId);
+    }
+  };
+  if (items.length === 0) return /*#__PURE__*/jsx(Fragment, {});
+  var getLabelText = function getLabelText(opt) {
+    return allEndWithCM ? opt.text.replace('cm', '') : opt.text;
+  };
+  var renderBoxed = function renderBoxed() {
+    return /*#__PURE__*/jsx("div", {
+      className: boxedContainer,
+      children: items.map(function (opt, index) {
+        return /*#__PURE__*/jsxs("div", {
+          className: classnames(boxedOption, curIndex === index && selected),
+          onClick: function onClick() {
+            return onChangeValue(index);
+          },
+          children: [/*#__PURE__*/jsx("div", {
+            dangerouslySetInnerHTML: {
+              __html: getLabelText(opt)
+            }
+          }), opt.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+            item: opt
+          }, opt.codex), !hidePricePreview && opt.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+            asyncPricePreview: opt.pricePreviewPromise,
+            sel: opt.sel
+          })]
+        }, index);
+      })
+    });
+  };
+  var renderList = function renderList() {
+    return /*#__PURE__*/jsx("div", {
+      className: listContainer,
+      children: items.map(function (opt, index) {
+        return /*#__PURE__*/jsxs("div", {
+          className: listOption,
+          onClick: function onClick() {
+            return onChangeValue(index);
+          },
+          children: [/*#__PURE__*/jsx("div", {
+            className: classnames(radioCircle, curIndex === index && selected),
+            children: /*#__PURE__*/jsx("div", {
+              className: classnames(radioInner, curIndex === index && selected)
+            })
+          }), /*#__PURE__*/jsx("div", {
+            className: classnames(label, curIndex === index && selected),
+            dangerouslySetInnerHTML: {
+              __html: getLabelText(opt)
+            }
+          }), opt.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+            item: opt
+          }, opt.codex), !hidePricePreview && opt.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+            asyncPricePreview: opt.pricePreviewPromise,
+            sel: opt.sel
+          })]
+        }, index);
+      })
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: wrapper,
+    ref: function ref(_ref2) {
+      return item.htmlRef = _ref2;
+    },
+    style: style,
+    children: [/*#__PURE__*/jsx("div", {
+      className: title,
+      children: item.name + (allEndWithCM ? ' (cm)' : '')
+    }), mode === 'boxed' ? renderBoxed() : renderList()]
+  });
+};
+var Radio$1 = observer(Radio);
+
+export { Radio$1 as default };

package/build/esm/{index-8fc95609.js → index-b9c70a7d.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-6f93775d.js';
+import { a as usePlannerUIHandler } from './index-07cb61ec.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-ffec7f04.js → index-b9d49d58.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-87e162eb.js → index-ba6343a8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-07cb61ec.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-0f9174ab.js → index-bae43e4b.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-1413b7b5.js → index-bc451d55.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-13257278.js → index-bc556897.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-77b5c3b4.js → index-bd8b4e79.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-07cb61ec.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import Collapsible from 'react-collapsible';
-import CodexTester from './index-a5a34d1d.js';
+import CodexTester from './index-d0b283ee.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-fe50dcd3.js → index-bd96766b.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-6f93775d.js';
+import { a as usePlannerUIHandler } from './index-07cb61ec.js';
 import { useState } from 'react';
-import DPACC from './index-4045bc75.js';
+import DPACC from './index-33058c8b.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-ffaf7cf9.js → index-c0507a00.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-07cb61ec.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-bff02eb9.js';
+import VerticalTabGroupItemStandard from './index-eb09b0b7.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4a1b34f8.js → index-c1074a63.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-6f93775d.js';
+import { u as useViewHandler } from './index-07cb61ec.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-2cc91315.js';
+import Tooltip from './index-ac7c869b.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-783e6849.js';
+import FullscreenAr, { FullscreenArHeader } from './index-a41921d5.js';
 import QRCode from 'react-qr-code';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8934cf1a.js → index-c2166dff.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-2da29b48.js';
-import JsonEditor from './index-e8c03f55.js';
+import ArticleOverview from './index-1d74797f.js';
+import JsonEditor from './index-9858b850.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -21,9 +21,9 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-03645e57.js';
-import './index.module-190de42d.js';
-import './index.module-7e24f7b6.js';
+import './index.module-a6f576f5.js';
+import './index.module-e20b63a9.js';
+import './index.module-0adeca1b.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-9f433f4b.js → index-c3c0c8a3.js}

@@ -2,12 +2,12 @@ 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 { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-6f93775d.js';
+import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-07cb61ec.js';
 import { useState, useEffect } from 'react';
-import { r as roomItem, s as sel, b as buttonVisible, g as generated, l as loading, w as wrapper, t as textShadow, a as title, c as button, d as limitedButton, e as stopButton, f as blockedButton, h as limitedIcon, i as loadingIcon, j as generateIcon, k as favoriteIcon, m as favoriteIconSel, n as favoriteIconVisible, o as shareButtonWrapper, v as visible } from './index.module-962c4d99.js';
+import { r as roomItem, s as sel, b as buttonVisible, g as generated, l as loading, w as wrapper, t as textShadow, a as title, c as button, d as limitedButton, e as stopButton, f as blockedButton, h as limitedIcon, i as loadingIcon, j as generateIcon, k as favoriteIcon, m as favoriteIconSel, n as favoriteIconVisible, o as shareButtonWrapper, v as visible } from './index.module-2e9fe0a7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-e79083e3.js';
+import InfoIcon from './index-6e3269a8.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -116,7 +116,9 @@ var RoomItem = function RoomItem(_ref) {
     var hash = viewHandler.aiState.setHash;
     setGenerated(((_viewHandler$aiState$2 = viewHandler.aiState.aiGeneratedRooms[item.key]) === null || _viewHandler$aiState$2 === void 0 || (_viewHandler$aiState$2 = _viewHandler$aiState$2[hash]) === null || _viewHandler$aiState$2 === void 0 ? void 0 : _viewHandler$aiState$2.image) !== undefined);
     setLoading(((_viewHandler$aiState$3 = viewHandler.aiState.aiGeneratedRooms[item.key]) === null || _viewHandler$aiState$3 === void 0 || (_viewHandler$aiState$3 = _viewHandler$aiState$3[hash]) === null || _viewHandler$aiState$3 === void 0 ? void 0 : _viewHandler$aiState$3.promise) && ((_viewHandler$aiState$4 = viewHandler.aiState.aiGeneratedRooms[item.key]) === null || _viewHandler$aiState$4 === void 0 || (_viewHandler$aiState$4 = _viewHandler$aiState$4[hash]) === null || _viewHandler$aiState$4 === void 0 ? void 0 : _viewHandler$aiState$4.promise) !== 'fulfilled');
-    setFavorite(viewHandler.aiState.favoriteAiImageKeys.includes(item.key));
+    setFavorite(!!viewHandler.aiState.favoriteAiImageKeys.find(function (f) {
+      return f.key === item.key;
+    }));
   }, [viewHandler.aiState.setHash, viewHandler.aiState.aiGeneratedRooms, viewHandler.aiState.favoriteAiImageKeys]);
   var isAnonymous = !user;
   var shareButton = (_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.find(function (b) {
@@ -158,7 +160,7 @@ var RoomItem = function RoomItem(_ref) {
       className: classnames(favoriteIcon, favorite ? favoriteIconSel : undefined, generated$1 && (item.selected || favorite) ? favoriteIconVisible : undefined),
       title: t('configurator.roomRendering.includeInBasket'),
       onClick: function onClick() {
-        return viewHandler.aiState.onFavoriteAiImageKeyChange(item.key);
+        return viewHandler.aiState.onFavoriteAiImageKeyChange(item.key, false);
       }
     }), shareButton && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
       className: classnames(shareButtonWrapper, generated$1 && item.selected ? visible : undefined),

package/build/esm/{index-fffb1417.js → index-c484a7e1.js}

@@ -1,12 +1,12 @@
-import { s as styleInject, u as useViewHandler, C as Checkout } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler, C as Checkout } from './index-07cb61ec.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ConfettiInSummary from './index-906daad5.js';
-import ArticleOverview from './index-98a59015.js';
-import SummaryHeader from './index-a496d0ad.js';
-import { u as useStickyScroll } from './ussIsSticky-f6c25509.js';
+import ConfettiInSummary from './index-45798d82.js';
+import ArticleOverview from './index-0cdc973b.js';
+import SummaryHeader from './index-62264736.js';
+import { u as useStickyScroll } from './ussIsSticky-b0c1c112.js';
 import classnames from 'classnames';
-import AiRoomsSelection from './index-b455dc07.js';
+import AiRoomsSelection from './index-0f4354ee.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,24 +25,24 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-confetti-explosion';
-import './index-4a1b34f8.js';
+import './index-c1074a63.js';
 import 'react-laag';
-import './index-2cc91315.js';
+import './index-ac7c869b.js';
 import 'react-qr-code';
-import './index-783e6849.js';
-import './useCustomDimensions-317ee643.js';
-import './index-8338a16a.js';
+import './index-a41921d5.js';
+import './useCustomDimensions-606cd970.js';
+import './index-7e1921e0.js';
 import 'react-countup';
-import './index-decb07cd.js';
+import './index-80550592.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-9f433f4b.js';
-import './index.module-962c4d99.js';
-import './index-e79083e3.js';
-import './index-f0d58303.js';
+import './index-c3c0c8a3.js';
+import './index.module-2e9fe0a7.js';
+import './index-6e3269a8.js';
+import './index-9429e2f9.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-81765888.js';
-import './index-690cfe03.js';
+import './index-96709b29.js';
+import './index-3c809845.js';
 
 var checkoutWrapper = "checkout-wrapper-jKxxm";
 var checkoutWrapperSticky = "checkout-wrapper-sticky-dE4al";

package/build/esm/{index-9dd4d529.js → index-c5f61916.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-6f93775d.js';
+import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-07cb61ec.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsActions, i as isOnFirstStep, a as isOnFirstStepDisabled, b as isOnLastStep, v as vertical, p as portrait, l as landscape, d as container, e as button, f as back, c as checkoutButton, g as forth } from './index.module-bf5e4b27.js';
+import { w as wcConfiguratorSettingsActions, i as isOnFirstStep, a as isOnFirstStepDisabled, b as isOnLastStep, v as vertical, p as portrait, l as landscape, d as container, e as button, f as back, c as checkoutButton, g as forth } from './index.module-bd7ad7b3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-407701a4.js → index-c67783a7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7477979c.js → index-c744d54e.js}

@@ -1,4 +1,4 @@
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-4fa87aee.js → index-c900de87.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-07cb61ec.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation, Grid } from 'swiper/modules';
-import ConceptItem from './index-e7271ab8.js';
+import ConceptItem from './index-2a6cb523.js';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
-import CollapsibleTrigger from './index-5c0b85c1.js';
-import InfoBanner from './index-79a33251.js';
+import CollapsibleTrigger from './index-9a0eeb47.js';
+import InfoBanner from './index-2aab2380.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-e79083e3.js';
+import './index-6e3269a8.js';
 
 var collapsible = "collapsible-RtG0L";
 var collapsibleContentInner = "collapsible-content-inner-pCgwK";

package/build/esm/{index-f371fa1c.js → index-ca6b3768.js}

@@ -1,11 +1,11 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import 'react';
 import classnames from 'classnames';
-import Option from './index-9c370afa.js';
+import Option from './index-3ff5ef90.js';
 import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-e79083e3.js';
-import PricePreview from './index-b1f8edd3.js';
-import ReverseCheck from './index-8aea21af.js';
+import InfoIcon from './index-6e3269a8.js';
+import PricePreview from './index-40051412.js';
+import ReverseCheck from './index-3b957142.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -23,13 +23,13 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-ac6aa014.js';
-import './index.module-e18423d9.js';
-import './index-13257278.js';
+import './index.module-490f556b.js';
+import './index.module-31afaa4c.js';
+import './index-bc556897.js';
 import 'react-laag';
-import './index-249da195.js';
-import './index-a8a0dc46.js';
-import './index-8338a16a.js';
+import './index-ff8960af.js';
+import './index-f63a6be2.js';
+import './index-7e1921e0.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-cfc78c5d.js → index-cc28083f.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-0299c8a2.js → index-cd54be9c.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-e18423d9.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-31afaa4c.js';
 import classnames from 'classnames';
-import IsActive from './index-13257278.js';
+import IsActive from './index-bc556897.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-a8a0dc46.js';
-import InfoIcon from './index-e79083e3.js';
-import PricePreview from './index-b1f8edd3.js';
-import ReverseCheck from './index-8aea21af.js';
+import GenericToolTip from './index-f63a6be2.js';
+import InfoIcon from './index-6e3269a8.js';
+import PricePreview from './index-40051412.js';
+import ReverseCheck from './index-3b957142.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -26,7 +26,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-8338a16a.js';
+import './index-7e1921e0.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-caebb118.js → index-cd8fe966.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import classnames from 'classnames';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-eda2bcff.js → index-ce0d6ba5.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-558a327a.js → index-cf1e99a8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-07cb61ec.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';

package/build/esm/{index-a5a34d1d.js → index-d0b283ee.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-6f93775d.js';
+import './index-07cb61ec.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-5d2f2301.js → index-d0ca0c9b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';