@crystaldesign/diva-web-planner-react 26.11.0-beta.2 → 26.11.0-beta.20

package/build/esm/{index-180189d9.js → index-02d964f2.js}

@@ -1,11 +1,11 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-e0900a31.js';
+import SettingsHeaderContainer from './index-2a47f172.js';
 import classnames from 'classnames';
-import TotalPrice from './index-07075961.js';
-import SettingsItemsWrapper from './index-7ae6b393.js';
+import TotalPrice from './index-bb347706.js';
+import SettingsItemsWrapper from './index-859f0bb8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,83 +25,83 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-4a1aeedd.js';
+import './index-c99d015b.js';
 import 'sift';
-import './index-84f83c67.js';
-import './index-a784e48f.js';
-import './index-ada3c152.js';
-import './index-8b6d1b2c.js';
-import './index.module-ce9cbd44.js';
-import './index-37df8f9a.js';
-import './index-83d6bb83.js';
+import './index-98a74c16.js';
+import './index-d698061d.js';
+import './index-4f872377.js';
+import './index-33ce2722.js';
+import './index.module-5128abcd.js';
+import './index-20bc3775.js';
+import './index-272415ce.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-869d65ec.js';
+import './index-ad036a50.js';
 import 'react-dropdown';
-import './index-f74add7e.js';
-import './index-624149c8.js';
-import './index-dc3778bc.js';
-import './index-ead3c18e.js';
+import './index-fdc1cd3c.js';
+import './index-77c705e2.js';
+import './index-8206408d.js';
+import './index-f7feac8d.js';
 import '@crystaldesign/content-box';
-import './index-71c05fb2.js';
-import './index-45ae8ca7.js';
-import './index-985d0ac1.js';
-import './index-8ce6adb9.js';
+import './index-b24b2138.js';
+import './index-5ce2f921.js';
+import './index-f9162546.js';
+import './index-9a25ac85.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-3fb76e70.js';
-import './index-73c75e94.js';
-import './index-08d97746.js';
-import './index-5ad09ef7.js';
-import './index-61b4ebd3.js';
-import './index-afe33b8f.js';
-import './index-69650205.js';
+import './UnlockCard-3f4735b2.js';
+import './index-3d163534.js';
+import './index-feb5a4a4.js';
+import './index-ef505e6e.js';
+import './index-d06a14dc.js';
+import './index-1228f6d8.js';
+import './index-42f2a415.js';
 import 'react-laag';
-import './index.module-41cf846f.js';
-import './index-1e23c982.js';
-import './index-9562a9d8.js';
-import './index-f3bca3be.js';
-import './index-6fe3ff14.js';
-import './index-8d52e836.js';
-import './index.module-15c22604.js';
-import './index-1487d493.js';
-import './index-102ef56e.js';
-import './index-a7de9a70.js';
-import './index-031864a2.js';
-import './index-bd8d0479.js';
-import './index-1d2d7fb6.js';
-import './index-e7790e24.js';
-import './index-1010faf1.js';
-import './index-0908ac1e.js';
-import './index-84657f6d.js';
-import './index-fdd2f2b6.js';
-import './index-d8f30b62.js';
-import './index-2e12b9e1.js';
+import './index.module-4bbdd455.js';
+import './index-a41aa14b.js';
+import './index-d9100a6f.js';
+import './index-0c8051ed.js';
+import './index-d5081d20.js';
+import './index-a9ad56ce.js';
+import './index.module-86ecbbdf.js';
+import './index-9ad37044.js';
+import './index-13eba10c.js';
+import './index-50a4df67.js';
+import './index-0ec61a56.js';
+import './index-3d1b156f.js';
+import './index-76047a52.js';
+import './index-84b299d6.js';
+import './index-e5f412ac.js';
+import './index-0a53e583.js';
+import './index-1eda72f9.js';
+import './index-2e4dfaff.js';
+import './index-7ed4c41e.js';
+import './index-8888ff80.js';
 import 'rc-slider';
-import './index-16fe405b.js';
-import './index-e8eb5116.js';
-import './index-a52f90e6.js';
-import './index-da2a2a8b.js';
-import './index-7c7b6fc7.js';
+import './index-c3198b88.js';
+import './index-20a02afb.js';
+import './index-bd23079a.js';
+import './index-05ec5456.js';
+import './index-a037c82b.js';
 import 'react-confetti-explosion';
-import './index-17ba7b38.js';
-import './index-99c94447.js';
-import './index-048552f0.js';
+import './index-3a751e91.js';
+import './index-ad13b6fc.js';
+import './index-2198f950.js';
 import 'react-qr-code';
-import './index-eb30bc4d.js';
-import './useCustomDimensions-f2bb4edd.js';
-import './index-0ec473cc.js';
-import './ussIsSticky-6dac519b.js';
-import './index-85269def.js';
-import './index-10cd9e60.js';
-import './index-ac5a2704.js';
-import './index.module-25cdca01.js';
-import './index-f45ab225.js';
-import './index-46e9d390.js';
-import './index-89fd7133.js';
-import './index-52eb8599.js';
-import './index-2a46675e.js';
-import './index-bf19aa67.js';
+import './index-c6392fa9.js';
+import './useCustomDimensions-79359314.js';
+import './index-89a5bec9.js';
+import './ussIsSticky-016ed6ab.js';
+import './index-f691c6e8.js';
+import './index-73fa2cb7.js';
+import './index-60ad7ed4.js';
+import './index.module-c9d42cc7.js';
+import './index-a91e9654.js';
+import './index-95d16f7e.js';
+import './index-ea08c6de.js';
+import './index-5da75e9a.js';
+import './index-d9774535.js';
+import './index-38012daa.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-a366d35e.js → index-04664096.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-899b8922.js';
+import { s as styleInject } from './index-72ee1983.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-da2a2a8b.js → index-05ec5456.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler, C as Checkout } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler, C as Checkout } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ConfettiInSummary from './index-7c7b6fc7.js';
-import ArticleOverview from './index-17ba7b38.js';
-import SummaryHeader from './index-0ec473cc.js';
-import { u as useStickyScroll } from './ussIsSticky-6dac519b.js';
+import ConfettiInSummary from './index-a037c82b.js';
+import ArticleOverview from './index-3a751e91.js';
+import SummaryHeader from './index-89a5bec9.js';
+import { u as useStickyScroll } from './ussIsSticky-016ed6ab.js';
 import classnames from 'classnames';
-import AiRoomsSelection from './index-85269def.js';
-import AppointmentPreview from './index-52eb8599.js';
+import AiRoomsSelection from './index-f691c6e8.js';
+import AppointmentPreview from './index-5da75e9a.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -28,22 +28,22 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-confetti-explosion';
-import './index-99c94447.js';
+import './index-ad13b6fc.js';
 import 'react-laag';
-import './index-048552f0.js';
+import './index-2198f950.js';
 import 'react-qr-code';
-import './index-eb30bc4d.js';
-import './useCustomDimensions-f2bb4edd.js';
-import './index-10cd9e60.js';
+import './index-c6392fa9.js';
+import './useCustomDimensions-79359314.js';
+import './index-73fa2cb7.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-ac5a2704.js';
-import './index.module-25cdca01.js';
-import './index-37df8f9a.js';
-import './index-f45ab225.js';
+import './index-60ad7ed4.js';
+import './index.module-c9d42cc7.js';
+import './index-20bc3775.js';
+import './index-a91e9654.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-46e9d390.js';
-import './index-89fd7133.js';
+import './index-95d16f7e.js';
+import './index-ea08c6de.js';
 
 var checkoutWrapper = "checkout-wrapper-jKxxm";
 var checkoutWrapperSticky = "checkout-wrapper-sticky-dE4al";

package/build/esm/{index-36c018f3.js → index-064a58a8.js}

@@ -1,13 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-72ee1983.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
+import { useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-1d2d7fb6.js';
-import InfoIcon from './index-37df8f9a.js';
+import MetaData from './index-76047a52.js';
+import InfoIcon from './index-20bc3775.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -29,11 +30,17 @@ var container = "container-08OcY";
 var sel = "sel-hd522";
 var titleContainer = "title-container-QzcUc";
 var title = "title-WUWIa";
-var css_248z = ".container-08OcY {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.container-08OcY.sel-hd522 {\n  border-color: var(--primaryColor);\n}\n\n.container-08OcY:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.container-08OcY img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.title-container-QzcUc {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.title-WUWIa {\n  height: auto;\n  margin: 0 3px;\n}\n\n.title-WUWIa {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n";
+var dragGhost = "drag-ghost-l6Ved";
+var css_248z = ".container-08OcY {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.container-08OcY.sel-hd522 {\n  border-color: var(--primaryColor);\n}\n\n.container-08OcY:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.container-08OcY img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.title-container-QzcUc {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.title-WUWIa {\n  height: auto;\n  margin: 0 3px;\n}\n\n.title-WUWIa {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.drag-ghost-l6Ved {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n";
 styleInject(css_248z);
 
 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; }
+// Suppresses the native drag ghost; the portal ghost below replaces it.
+var EMPTY_DRAG_IMAGE = typeof Image !== 'undefined' ? new Image(1, 1) : undefined;
+if (EMPTY_DRAG_IMAGE) {
+  EMPTY_DRAG_IMAGE.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+}
 var ShelfAccessoires = function ShelfAccessoires(_ref) {
   var _renderLayer, _item$longDescription;
   var item = _ref.item;
@@ -50,6 +57,39 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     metaDataVisible = _useState2[0],
     setMetaDataVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDragging = _useState4[0],
+    setIsDragging = _useState4[1];
+  var ghostRef = useRef(null);
+  var lastDragPos = useRef({
+    x: 0,
+    y: 0
+  });
+  var dragGeom = useRef({
+    grabX: 0,
+    grabY: 0,
+    width: 0
+  });
+  var positionGhost = function positionGhost(el) {
+    if (!el) return;
+    var g = dragGeom.current;
+    el.style.transform = "translate(".concat(lastDragPos.current.x - g.grabX, "px, ").concat(lastDragPos.current.y - g.grabY, "px)");
+  };
+  useEffect(function () {
+    if (!isDragging) return;
+    var onDragOver = function onDragOver(e) {
+      lastDragPos.current = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      positionGhost(ghostRef.current);
+    };
+    document.addEventListener('dragover', onDragOver);
+    return function () {
+      return document.removeEventListener('dragover', onDragOver);
+    };
+  }, [isDragging]);
 
   /* tool tip stuff*/
   var triggerProps = {};
@@ -61,13 +101,14 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     delayEnter: 1500,
     hideOnScroll: true
   });
+  var tooltipOpen = hover[0] && !isDragging;
   var tooltip = useLayer({
-    isOpen: hover[0],
+    isOpen: tooltipOpen,
     auto: true,
     placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
   });
   if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
+    isOver = tooltipOpen;
     hoverProps = hover[1];
     triggerProps = tooltip.triggerProps;
     layerProps = tooltip.layerProps;
@@ -78,14 +119,40 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     id: item.articleCodex,
     className: classnames(container, sel$1 ? sel : undefined),
     onClick: function onClick() {
+      return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex, undefined, false);
+    },
+    onDoubleClick: function onDoubleClick() {
       return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex);
+    },
+    draggable: true,
+    onDragStart: function onDragStart(e) {
+      e.dataTransfer.effectAllowed = 'copy';
+      e.dataTransfer.setData('text/plain', item.articleCodex);
+      if (EMPTY_DRAG_IMAGE) e.dataTransfer.setDragImage(EMPTY_DRAG_IMAGE, 0, 0);
+      var rect = e.currentTarget.getBoundingClientRect();
+      dragGeom.current = {
+        grabX: e.clientX - rect.left,
+        grabY: e.clientY - rect.top,
+        width: rect.width
+      };
+      lastDragPos.current = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      setIsDragging(true);
+      viewHandler.paletteViewHandler.startShelfAccessorieDrag(item.articleCodex);
+    },
+    onDragEnd: function onDragEnd() {
+      setIsDragging(false);
+      viewHandler.paletteViewHandler.endShelfAccessorieDrag();
     }
   }, triggerProps), hoverProps), {}, {
     children: [/*#__PURE__*/jsx("img", {
       style: {
         maxHeight: viewHandler.settingsState.settingsWidth / 3
       },
-      src: item.image
+      src: item.image,
+      draggable: false
     }), /*#__PURE__*/jsxs("div", {
       className: titleContainer,
       children: [/*#__PURE__*/jsx("div", {
@@ -114,7 +181,30 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
       image: item.image,
       codex: item.articleCodex,
       layerProps: layerProps
-    }, item.articleCodex)))]
+    }, item.articleCodex))), isDragging && !viewHandler.settingsState.draggedAccessoryHasTarget && /*#__PURE__*/createPortal(/*#__PURE__*/jsxs("div", {
+      className: classnames(container, dragGhost),
+      style: {
+        width: dragGeom.current.width
+      },
+      ref: function ref(el) {
+        ghostRef.current = el;
+        positionGhost(el);
+      },
+      children: [/*#__PURE__*/jsx("img", {
+        style: {
+          maxHeight: viewHandler.settingsState.settingsWidth / 3
+        },
+        src: item.image
+      }), /*#__PURE__*/jsx("div", {
+        className: titleContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: title,
+          dangerouslySetInnerHTML: {
+            __html: header
+          }
+        })
+      })]
+    }), document.body)]
   }));
 };
 var ShelfAccessoires$1 = observer(ShelfAccessoires);

package/build/esm/{index-892ffe4d.js → index-07de7393.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-899b8922.js';
+import { u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import { useCallback } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-3c925a9c.js → index-07e3a28c.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-415fbe83.js';
+import NavBar from './index-0da8e4f5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";

package/build/esm/{index-87345a21.js → index-0876ef9d.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-606a110b.js';
+import RoomRound from './index-549b36e2.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-a0e22978.js → index-0a2fbce8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';

package/build/esm/{index-0908ac1e.js → index-0a53e583.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler, G as GenericToolTip } from './index-899b8922.js';
+import { u as useViewHandler, G as GenericToolTip } from './index-72ee1983.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-37df8f9a.js';
-import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-84657f6d.js';
+import InfoIcon from './index-20bc3775.js';
+import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-1eda72f9.js';
 import { useHover, useLayer } from 'react-laag';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-f3bca3be.js → index-0c8051ed.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-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-415fbe83.js → index-0da8e4f5.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-899b8922.js';
+import './index-72ee1983.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-bdf5827b.js → index-0e3bf26d.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import 'react';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-99c94447.js';
+import ArQrCodeIcon from './index-ad13b6fc.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-9a249b74.js';
+import ProductRoomList from './index-7f58c94e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,9 +24,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-048552f0.js';
+import './index-2198f950.js';
 import 'react-qr-code';
-import './index-eb30bc4d.js';
+import './index-c6392fa9.js';
 
 var mobileWrapper = "mobile-wrapper-CITxg";
 var tablet = "tablet-ECmH-";

package/build/esm/{index-031864a2.js → index-0ec61a56.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler, T as Toggle } from './index-899b8922.js';
+import { u as useViewHandler, T as Toggle } from './index-72ee1983.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-2b748074.js → index-106a5856.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-c46b6740.js → index-1218ff75.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-afe33b8f.js → index-1228f6d8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-899b8922.js';
+import './index-72ee1983.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-e46ca62c.js → index-123ce416.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-5c1c1b31.js';
-import PriceSumm from './index-4e4215ad.js';
+import ActionNavigation from './index-13908246.js';
+import PriceSumm from './index-39458526.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -23,7 +23,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index.module-76c17bd6.js';
+import './index.module-27f96c80.js';
 
 var container = "container-jfAym";
 var backOverwrite = "back-overwrite--AJgH";

package/build/esm/{index-5c1c1b31.js → index-13908246.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-899b8922.js';
+import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-72ee1983.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-76c17bd6.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-27f96c80.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-e484cb4b.js → index-13909b62.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-899b8922.js';
+import { s as styleInject } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-5c1c1b31.js';
+import ActionNavigation from './index-13908246.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index.module-76c17bd6.js';
+import './index.module-27f96c80.js';
 
 var container = "container-LaFKa";
 var back = "back-A14G4";

package/build/esm/{index-102ef56e.js → index-13eba10c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-899b8922.js';
+import { s as styleInject } from './index-72ee1983.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';